-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
134 lines (123 loc) · 11.8 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<title>PULL REQUEST</title>
<!-- Loads <model-viewer> for modern browsers: -->
<script type="module"
src="https://unpkg.com/@google/[email protected]/dist/model-viewer.js">
</script>
<!-- Loads <model-viewer> for old browsers like IE11: -->
<script nomodule
src="https://unpkg.com/@google/[email protected]/dist/model-viewer-legacy.js">
</script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<!-- Fathom - beautiful, simple website analytics -->
<script src="https://cdn.usefathom.com/script.js" data-site="AILGLWDM" defer></script>
<!-- / Fathom -->
</head>
<body>
<nav>
<a href="">
LAST
</a>
<a href="https://github.com/vetlesen/pullrequest" target="_blank">
MANIFESTO
</a>
<a href="">
NEXT
</a>
</nav>
<div class="wrapper">
<svg width="5616" height="612" viewBox="0 0 5616 612" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M44.6872 576.253C72.292 576.253 88.0662 558.113 88.0662 525.776V335.697H209.528C315.215 335.697 405.128 295.473 405.128 174.8C405.128 55.7048 315.215 13.9032 209.528 13.9032H47.0533C17.0823 13.9032 0.519409 30.4661 0.519409 60.4371V525.776C0.519409 558.113 17.0823 576.253 44.6872 576.253ZM88.0662 262.347V87.2532H209.528C285.244 87.2532 315.215 121.168 315.215 174.8C315.215 228.432 284.455 262.347 209.528 262.347H88.0662Z" fill="white"/>
<path d="M683.653 578.62C820.889 578.62 891.873 497.382 891.873 359.358V54.1274C891.873 21.7903 875.31 3.64992 847.705 3.64992C820.1 3.64992 804.326 21.7903 804.326 54.1274V348.316C804.326 450.06 764.102 505.27 683.653 505.27C603.205 505.27 563.769 450.849 563.769 348.316V54.1274C563.769 21.7903 547.206 3.64992 519.602 3.64992C491.997 3.64992 476.223 21.7903 476.223 54.1274V359.358C476.223 497.382 546.418 578.62 683.653 578.62Z" fill="white"/>
<path d="M1050.71 566H1346.48C1373.29 566 1389.86 551.803 1389.86 528.931C1389.86 505.27 1373.29 491.862 1346.48 491.862H1091.72V54.1274C1091.72 21.7903 1075.16 3.64992 1047.56 3.64992C1019.95 3.64992 1004.18 21.7903 1004.18 54.1274V519.466C1004.18 549.437 1020.74 566 1050.71 566Z" fill="white"/>
<path d="M1507.45 566H1803.22C1830.04 566 1846.6 551.803 1846.6 528.931C1846.6 505.27 1830.04 491.862 1803.22 491.862H1548.47V54.1274C1548.47 21.7903 1531.9 3.64992 1504.3 3.64992C1476.7 3.64992 1460.92 21.7903 1460.92 54.1274V519.466C1460.92 549.437 1477.48 566 1507.45 566Z" fill="white"/>
<path d="M2265.12 576.253C2292.72 576.253 2309.28 558.113 2309.28 525.776V333.331H2422.86C2497.79 333.331 2526.97 358.569 2526.97 435.074V525.776C2526.97 558.113 2542.74 576.253 2570.35 576.253C2597.95 576.253 2614.51 558.113 2614.51 525.776V420.089C2614.51 348.316 2579.02 303.36 2521.45 293.107C2572.71 278.121 2624.77 231.587 2624.77 159.026C2624.77 64.3806 2553.78 13.9032 2449.67 13.9032H2268.27C2238.3 13.9032 2221.74 30.4661 2221.74 60.4371V525.776C2221.74 558.113 2237.51 576.253 2265.12 576.253ZM2309.28 258.403V87.2532H2430.74C2498.57 87.2532 2534.85 116.435 2534.85 172.434C2534.85 228.432 2498.57 258.403 2430.74 258.403H2309.28Z" fill="white"/>
<path d="M2773.7 566H3072.63C3100.23 566 3116 551.803 3116 528.931C3116 505.27 3100.23 491.862 3072.63 491.862H2814.72V319.923H3049.75C3076.57 319.923 3093.13 305.726 3093.13 282.853C3093.13 259.192 3076.57 245.784 3049.75 245.784H2814.72V87.2532H3062.37C3089.98 87.2532 3105.75 73.8452 3105.75 50.1838C3105.75 27.3113 3089.98 13.9032 3062.37 13.9032H2773.7C2743.73 13.9032 2727.17 30.4661 2727.17 60.4371V519.466C2727.17 549.437 2743.73 566 2773.7 566Z" fill="white"/>
<path d="M3407.46 578.62C3446.9 578.62 3482.39 569.944 3513.94 553.381L3544.7 592.028C3558.9 609.379 3573.88 614.9 3588.08 609.379C3607.01 603.07 3629.88 580.197 3603.85 547.86L3572.3 508.424C3618.84 457.947 3645.65 383.02 3645.65 289.952C3645.65 115.647 3551.01 0.495117 3407.46 0.495117C3263.92 0.495117 3169.27 115.647 3169.27 289.952C3169.27 466.623 3264.71 578.62 3407.46 578.62ZM3260.76 289.952C3260.76 157.448 3316.76 74.6339 3407.46 74.6339C3497.38 74.6339 3554.16 157.448 3554.16 289.952C3554.16 353.049 3541.54 404.315 3518.67 441.384L3481.6 395.639C3467.41 378.287 3453.21 373.555 3438.22 379.076C3420.08 384.597 3397.21 408.258 3422.45 439.807L3464.25 491.862C3447.69 500.537 3427.97 505.27 3407.46 505.27C3317.55 505.27 3260.76 423.244 3260.76 289.952Z" fill="white"/>
<path d="M3932.46 578.62C4069.7 578.62 4140.68 497.382 4140.68 359.358V54.1274C4140.68 21.7903 4124.12 3.64992 4096.51 3.64992C4068.91 3.64992 4053.13 21.7903 4053.13 54.1274V348.316C4053.13 450.06 4012.91 505.27 3932.46 505.27C3852.01 505.27 3812.58 450.849 3812.58 348.316V54.1274C3812.58 21.7903 3796.01 3.64992 3768.41 3.64992C3740.8 3.64992 3725.03 21.7903 3725.03 54.1274V359.358C3725.03 497.382 3795.23 578.62 3932.46 578.62Z" fill="white"/>
<path d="M4299.52 566H4598.44C4626.05 566 4641.82 551.803 4641.82 528.931C4641.82 505.27 4626.05 491.862 4598.44 491.862H4340.53V319.923H4575.57C4602.38 319.923 4618.95 305.726 4618.95 282.853C4618.95 259.192 4602.38 245.784 4575.57 245.784H4340.53V87.2532H4588.19C4615.79 87.2532 4631.57 73.8452 4631.57 50.1838C4631.57 27.3113 4615.79 13.9032 4588.19 13.9032H4299.52C4269.55 13.9032 4252.99 30.4661 4252.99 60.4371V519.466C4252.99 549.437 4269.55 566 4299.52 566Z" fill="white"/>
<path d="M4918.16 578.62C5050.67 578.62 5131.9 504.481 5131.9 407.47C5131.9 319.923 5066.44 273.389 4979.68 252.882L4896.87 233.953C4835.35 218.968 4801.43 197.673 4801.43 152.716C4801.43 105.394 4849.55 74.6339 4911.07 74.6339C4971.01 74.6339 5011.23 102.239 5026.22 146.406C5035.68 170.856 5049.88 184.265 5073.54 184.265C5103.51 184.265 5127.96 155.871 5104.3 103.816C5075.12 40.7193 5008.08 0.495117 4914.22 0.495117C4799.07 0.495117 4712.31 67.5355 4712.31 160.603C4712.31 246.573 4780.93 296.261 4864.53 315.19L4941.83 332.542C5005.71 347.528 5042.78 369.611 5042.78 416.934C5042.78 472.932 4993.09 505.27 4921.32 505.27C4855.86 505.27 4805.38 473.721 4788.82 415.357C4780.93 388.54 4768.31 372.766 4743.07 372.766C4710.73 372.766 4686.28 402.737 4707.58 456.37C4737.55 532.086 4812.48 578.62 4918.16 578.62Z" fill="white"/>
<path d="M5386.18 576.253C5413.79 576.253 5429.56 558.113 5429.56 525.776V87.2532H5572.32C5599.13 87.2532 5615.7 73.8452 5615.7 50.1838C5615.7 27.3113 5599.13 13.9032 5572.32 13.9032H5199.26C5172.44 13.9032 5155.88 27.3113 5155.88 50.9725C5155.88 73.8452 5172.44 87.2532 5199.26 87.2532H5342.02V525.776C5342.02 558.113 5358.58 576.253 5386.18 576.253Z" fill="white"/>
</svg>
</div>
<div class="marquee">
<svg width="153px" height="69px"><g><path class="logo" d="M140.186,63.52h-1.695l-0.692,5.236h-0.847l0.77-5.236h-1.693l0.076-0.694h4.158L140.186,63.52L140.186,63.52z M146.346,68.756h-0.848v-4.545l0,0l-2.389,4.545l-1-4.545l0,0l-1.462,4.545h-0.771l1.924-5.931h0.695l0.924,4.006l2.078-4.006 h0.848V68.756L146.346,68.756z M126.027,0.063H95.352c0,0-8.129,9.592-9.654,11.434c-8.064,9.715-9.523,12.32-9.779,13.02 c0.063-0.699-0.256-3.304-3.686-13.148C71.282,8.7,68.359,0.062,68.359,0.062H57.881V0L32.35,0.063H13.169l-1.97,8.131 l14.543,0.062h3.365c9.336,0,15.055,3.747,13.467,10.354c-1.717,7.24-9.91,10.416-18.545,10.416h-3.24l4.191-17.783H10.502 L4.34,37.219h20.578c15.432,0,30.168-8.13,32.709-18.608c0.508-1.906,0.443-6.67-0.764-9.527c0-0.127-0.063-0.191-0.127-0.444 c-0.064-0.063-0.127-0.509,0.127-0.571c0.128-0.062,0.383,0.189,0.445,0.254c0.127,0.317,0.19,0.57,0.19,0.57l13.083,36.965 l33.344-37.6h14.1h3.365c9.337,0,15.055,3.747,13.528,10.354c-1.778,7.24-9.972,10.416-18.608,10.416h-3.238l4.191-17.783h-14.481 l-6.159,25.976h20.576c15.434,0,30.232-8.13,32.709-18.608C152.449,8.193,141.523,0.063,126.027,0.063L126.027,0.063z M71.091,45.981c-39.123,0-70.816,4.512-70.816,10.035c0,5.59,31.693,10.034,70.816,10.034c39.121,0,70.877-4.444,70.877-10.034 C141.968,50.493,110.212,45.981,71.091,45.981L71.091,45.981z M68.55,59.573c-8.956,0-16.196-1.523-16.196-3.365 c0-1.84,7.239-3.303,16.196-3.303c8.955,0,16.195,1.463,16.195,3.303C84.745,58.05,77.505,59.573,68.55,59.573L68.55,59.573z"/></g></svg>
</div>
<script>(function ($, window, undefined) {
$.fn.marqueeify = function (options) {
var settings = $.extend({
horizontal: true,
vertical: true,
speed: 100, // In pixels per second
container: $(this).parent(),
bumpEdge: function () {}
}, options);
return this.each(function () {
var containerWidth, containerHeight, elWidth, elHeight, move, getSizes,
$el = $(this);
getSizes = function () {
containerWidth = settings.container.outerWidth();
containerHeight = settings.container.outerHeight();
elWidth = $el.outerWidth();
elHeight = $el.outerHeight();
};
move = {
right: function () {
$el.animate({left: (containerWidth - elWidth)}, {duration: ((containerWidth/settings.speed) * 1000), queue: false, easing: "linear", complete: function () {
settings.bumpEdge();
move.left();
}});
},
left: function () {
$el.animate({left: 0}, {duration: ((containerWidth/settings.speed) * 1000), queue: false, easing: "linear", complete: function () {
settings.bumpEdge();
move.right();
}});
},
down: function () {
$el.animate({top: (containerHeight - elHeight)}, {duration: ((containerHeight/settings.speed) * 1000), queue: false, easing: "linear", complete: function () {
settings.bumpEdge();
move.up();
}});
},
up: function () {
$el.animate({top: 0}, {duration: ((containerHeight/settings.speed) * 1000), queue: false, easing: "linear", complete: function () {
settings.bumpEdge();
move.down();
}});
}
};
getSizes();
if (settings.horizontal) {
move.right();
}
if (settings.vertical) {
move.down();
}
// Make that shit responsive!
$(window).resize( function() {
getSizes();
});
});
};
})(jQuery, window);
$(document).ready( function() {
$('.marquee').marqueeify({
speed: 300,
bumpEdge: function () {
var newColor = "hsl(" + Math.floor(Math.random()*360) + ", 100%, 50%)";
$('.marquee .logo').css('fill', newColor);
}
});
});</script>
</body>
</html>