-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
38 lines (38 loc) · 14.3 KB
/
Copy pathindex.html
File metadata and controls
38 lines (38 loc) · 14.3 KB
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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script language="javascript" type="text/javascript" src="libraries/p5.js"></script>
<!-- uncomment lines below to include extra p5 libraries -->
<script language="javascript" src="libraries/p5.dom.js"></script>
<!--<script language="javascript" src="libraries/p5.sound.js"></script>-->
<!--<script language="javascript" type="text/javascript" src="sketch.js"></script>-->
<!-- this line removes any default padding and style. you might only need one of these values set. -->
<!--<script language="javascript" type="text/javascript" src="sketch_test.js"></script>-->
<script language="javascript" type="text/javascript" src="sketch.js"></script>
<link rel="stylesheet" type="text/css" href="stylesheet.css">
<link href="https://fonts.googleapis.com/css?family=Gloria+Hallelujah" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Kaushan+Script|Leckerli+One|Lobster|Molle:400i" rel="stylesheet">
</head>
<body>
<div id="sketch-holder">
</div>
<div class="container">
<div id="globe">
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 88.45 156"><defs><style>.cls-1{fill:none;stroke:#9fa28f;stroke-miterlimit:10;}.cls-2{fill:url(#linear-gradient);}.cls-3{fill:#961d45;}.cls-4{fill:url(#linear-gradient-2);}.cls-5{fill:#fff;}.cls-6{fill:url(#linear-gradient-3);}.cls-7{fill:url(#linear-gradient-4);}.cls-8{fill:url(#linear-gradient-5);}.cls-9{fill:url(#linear-gradient-6);}.cls-10{fill:url(#linear-gradient-7);}.cls-11{fill:url(#linear-gradient-8);}.cls-12{fill:url(#linear-gradient-9);}.cls-13{fill:url(#linear-gradient-10);}.cls-14{fill:url(#linear-gradient-11);}.cls-15{fill:url(#linear-gradient-12);}.cls-16{fill:url(#linear-gradient-13);}.cls-17{fill:url(#linear-gradient-14);}.cls-18{fill:url(#linear-gradient-15);}.cls-19{fill:url(#linear-gradient-16);}.cls-20{fill:#a01c38;}.cls-21{fill:url(#linear-gradient-17);}.cls-22{fill:url(#linear-gradient-18);}.cls-23{fill:url(#linear-gradient-19);}.cls-24{fill:url(#linear-gradient-20);}.cls-25{fill:url(#linear-gradient-21);}.cls-26{fill:url(#linear-gradient-22);}</style><linearGradient id="linear-gradient" x1="144.19" y1="267.38" x2="144.19" y2="267.38" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ef2240"/><stop offset="0.04" stop-color="#ea2240"/><stop offset="0.46" stop-color="#c41f41"/><stop offset="0.79" stop-color="#ad1d42"/><stop offset="1" stop-color="#a41c42"/></linearGradient><linearGradient id="linear-gradient-2" x1="521.7" y1="-223.82" x2="577.79" y2="-191.44" gradientTransform="matrix(0.64, -0.77, 0.77, 0.64, -45.02, 878.04)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ce2240"/><stop offset="0.3" stop-color="#ba2041"/><stop offset="0.73" stop-color="#a31d42"/><stop offset="1" stop-color="#9a1c42"/></linearGradient><linearGradient id="linear-gradient-3" x1="136.28" y1="264.82" x2="136.28" y2="314" gradientTransform="translate(-72.23 44.08) rotate(-14.8)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#9a1f3a"/><stop offset="1" stop-color="#ba1c42"/></linearGradient><linearGradient id="linear-gradient-4" x1="119.55" y1="289.91" x2="151.52" y2="289.91" gradientTransform="translate(-72.23 44.08) rotate(-14.8)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ef2240"/><stop offset="0.26" stop-color="#d2213e"/><stop offset="0.76" stop-color="#a0203b"/><stop offset="1" stop-color="#8d1f3a"/></linearGradient><linearGradient id="linear-gradient-5" x1="49.36" y1="240.25" x2="49.36" y2="289.43" gradientTransform="matrix(-0.99, -0.13, -0.13, 0.99, 238.97, 30.82)" xlink:href="#linear-gradient-3"/><linearGradient id="linear-gradient-6" x1="32.63" y1="265.34" x2="64.6" y2="265.34" gradientTransform="matrix(-0.99, -0.13, -0.13, 0.99, 238.97, 30.82)" xlink:href="#linear-gradient-4"/><linearGradient id="linear-gradient-7" x1="124.81" y1="251.48" x2="148.09" y2="251.48" gradientTransform="translate(-126.46 183.63) rotate(-46.47)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#006837"/><stop offset="1" stop-color="#004837"/></linearGradient><linearGradient id="linear-gradient-8" x1="124.53" y1="252.61" x2="141.11" y2="252.61" xlink:href="#linear-gradient-7"/><linearGradient id="linear-gradient-9" x1="141.57" y1="254.99" x2="165.81" y2="254.99" gradientTransform="translate(-43.51 494.37) rotate(-111.27)" xlink:href="#linear-gradient-7"/><linearGradient id="linear-gradient-10" x1="141.28" y1="256.17" x2="158.55" y2="256.17" gradientTransform="translate(-43.51 494.37) rotate(-111.27)" xlink:href="#linear-gradient-7"/><linearGradient id="linear-gradient-11" x1="161.35" y1="255.72" x2="158.36" y2="240.97" gradientTransform="translate(-131.39 359.66) rotate(-78.57)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#00482b"/><stop offset="0.78" stop-color="#003527"/><stop offset="1" stop-color="#002f26"/></linearGradient><linearGradient id="linear-gradient-12" x1="95.13" y1="280.18" x2="117.67" y2="280.18" gradientTransform="translate(365.78 476.6) rotate(152.24)" xlink:href="#linear-gradient-7"/><linearGradient id="linear-gradient-13" x1="94.86" y1="281.27" x2="110.92" y2="281.27" gradientTransform="translate(365.78 476.6) rotate(152.24)" xlink:href="#linear-gradient-7"/><linearGradient id="linear-gradient-14" x1="103.53" y1="236.64" x2="126.99" y2="236.64" gradientTransform="translate(330.91 84.51) rotate(68.73)" xlink:href="#linear-gradient-7"/><linearGradient id="linear-gradient-15" x1="103.25" y1="237.78" x2="119.96" y2="237.78" gradientTransform="translate(330.91 84.51) rotate(68.73)" xlink:href="#linear-gradient-7"/><linearGradient id="linear-gradient-16" x1="118.81" y1="260.68" x2="115.92" y2="246.4" gradientTransform="translate(418.79 219.22) rotate(101.43)" xlink:href="#linear-gradient-11"/><linearGradient id="linear-gradient-17" x1="105.18" y1="287.71" x2="137.81" y2="255.08" gradientTransform="matrix(0.99, -0.15, 0.15, 0.99, -40.13, 24.5)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ef2240"/><stop offset="0.15" stop-color="#e1213f"/><stop offset="0.72" stop-color="#af203b"/><stop offset="1" stop-color="#9c1f3a"/></linearGradient><linearGradient id="linear-gradient-18" x1="103.3" y1="238.53" x2="136.83" y2="272.05" xlink:href="#linear-gradient-17"/><linearGradient id="linear-gradient-19" x1="-1.92" y1="287.71" x2="30.7" y2="255.08" gradientTransform="matrix(-0.99, 0.15, 0.15, 0.99, 143.16, -3.02)" xlink:href="#linear-gradient-17"/><linearGradient id="linear-gradient-20" x1="-3.8" y1="238.53" x2="29.73" y2="272.05" gradientTransform="matrix(-0.99, 0.15, 0.15, 0.99, 143.16, -3.02)" xlink:href="#linear-gradient-17"/><linearGradient id="linear-gradient-21" x1="138.35" y1="265.06" x2="148.74" y2="265.06" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#e2425c"/><stop offset="0.41" stop-color="#d2324d"/><stop offset="1" stop-color="#bf1f3a"/></linearGradient><linearGradient id="linear-gradient-22" x1="143.32" y1="257.88" x2="143.32" y2="273.6" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ef2240"/><stop offset="0.12" stop-color="#e42140"/><stop offset="0.71" stop-color="#b21d42"/><stop offset="1" stop-color="#9f1c42"/></linearGradient></defs><title>Untitled-1</title><line class="cls-1" x1="44.22" x2="44.22" y2="91.5"/><path class="cls-2" d="M144.19,267.38" transform="translate(-99.96 -200.5)"/><circle class="cls-3" cx="144.19" cy="323" r="33.5" transform="translate(-286.13 -3.94) rotate(-45)"/><circle class="cls-4" cx="143.81" cy="321.56" r="32.38" transform="translate(-308.31 129.22) rotate(-67.23)"/><path class="cls-5" d="M130.35,344.82a29.53,29.53,0,0,1-12.91-33.58q.19-.65.41-1.28a.63.63,0,0,0-1.16-.5q-.42.85-.79,1.73a29.29,29.29,0,0,0,41.93,36.44.63.63,0,0,0-.59-1.1A29.24,29.24,0,0,1,130.35,344.82Z" transform="translate(-99.96 -200.5)"/><path class="cls-6" d="M140.59,261.75l-21.14,39.72,17.07,12.22,8.7-45.62Z" transform="translate(-99.96 -200.5)"/><path class="cls-7" d="M139.66,263.54l-20.17,38.08,16.33,11.75,8.28-43.76Z" transform="translate(-99.96 -200.5)"/><path class="cls-8" d="M145.12,260.85l26,36.68L155.8,311.84l-14.47-44.13Z" transform="translate(-99.96 -200.5)"/><path class="cls-9" d="M146.27,262.51l24.88,35.19-14.69,13.74-13.81-42.34Z" transform="translate(-99.96 -200.5)"/><path class="cls-10" d="M144.48,268.86a7.07,7.07,0,0,0-3.65-6,7.15,7.15,0,0,0,2.54-3c.61-1.93-.85-6.24-.85-6.24s3.49,1.48,4.95-.15,1-5.15,1-5.15a5.7,5.7,0,0,0,3,.9c2-.15,3-2.9,3-2.9a28.26,28.26,0,0,0,.3,4.45,4.12,4.12,0,0,0,2.4,2.9s-3,2.39-3.34,3.9c-.37,1.67,1.6,3.74,1.6,3.74a17.8,17.8,0,0,0-3,2.9,8.27,8.27,0,0,0-1.34,4.5,5.28,5.28,0,0,0-6.59.21Z" transform="translate(-99.96 -200.5)"/><path class="cls-11" d="M144.71,269.47a32.46,32.46,0,0,1,2.77-9.3,52,52,0,0,1,4.14-7" transform="translate(-99.96 -200.5)"/><path class="cls-5" d="M144.18,269.39a33,33,0,0,1,2.74-8.61,49.89,49.89,0,0,1,4.7-7.63,48.74,48.74,0,0,0-4.23,7.84,32.19,32.19,0,0,0-2.13,8.55Z" transform="translate(-99.96 -200.5)"/><path class="cls-12" d="M146.29,268.54a7.36,7.36,0,0,0-7.26.78,7.44,7.44,0,0,0-1.74-3.75c-1.54-1.43-6.26-2-6.26-2s2.94-2.63,2-4.73-4.41-3.22-4.41-3.22a5.93,5.93,0,0,0,2.17-2.43c.74-1.95-1.38-4.15-1.38-4.15a29.42,29.42,0,0,0,4.32,1.68,4.29,4.29,0,0,0,3.79-1s.92,3.89,2.19,4.88,4.24.15,4.24.15a18.53,18.53,0,0,0,1.38,4.15,8.61,8.61,0,0,0,3.64,3.26,5.5,5.5,0,0,0-2.73,6.3Z" transform="translate(-99.96 -200.5)"/><path class="cls-13" d="M147,268.59a33.79,33.79,0,0,1-7.53-6.73,54.13,54.13,0,0,1-4.78-7" transform="translate(-99.96 -200.5)"/><path class="cls-5" d="M146.66,269.07a34.34,34.34,0,0,1-6.89-6.4,51.94,51.94,0,0,1-5.11-7.81,50.74,50.74,0,0,0,5.51,7.46,33.51,33.51,0,0,0,7.11,5.8Z" transform="translate(-99.96 -200.5)"/><path class="cls-14" d="M145.83,264.25a7,7,0,0,0-6.19-3.09,7.05,7.05,0,0,0,.53-3.88c-.5-1.93-4-4.77-4-4.77s3.69-.59,4.05-2.72-1.87-4.82-1.87-4.82a5.62,5.62,0,0,0,3-.82c1.59-1.17,1-4,1-4a27.88,27.88,0,0,0,2.58,3.56,4.06,4.06,0,0,0,3.52,1.16s-1.26,3.57-.75,5c.56,1.59,3.3,2.29,3.3,2.29a17.56,17.56,0,0,0-1,4,8.16,8.16,0,0,0,1.23,4.46,5.21,5.21,0,0,0-5.4,3.63Z" transform="translate(-99.96 -200.5)"/><path class="cls-5" d="M146,266.21a32.54,32.54,0,0,1-2.22-8.63,49.22,49.22,0,0,1-.07-8.84,48.09,48.09,0,0,0,.57,8.77,31.76,31.76,0,0,0,2.7,8.26Z" transform="translate(-99.96 -200.5)"/><path class="cls-15" d="M149.45,269.85a6.85,6.85,0,0,0,1.49,6.63,6.92,6.92,0,0,0-3.28,2c-1.16,1.57-1.16,6-1.16,6s-2.74-2.44-4.58-1.39-2.51,4.41-2.51,4.41a5.52,5.52,0,0,0-2.47-1.75c-1.88-.48-3.69,1.71-3.69,1.71a27.36,27.36,0,0,0,1.1-4.17,4,4,0,0,0-1.3-3.4s3.5-1.26,4.28-2.54-.31-3.93-.31-3.93a17.23,17.23,0,0,0,3.69-1.71,8,8,0,0,0,2.63-3.71,5.11,5.11,0,0,0,6.11,1.86Z" transform="translate(-99.96 -200.5)"/><path class="cls-16" d="M149.43,269.22a31.42,31.42,0,0,1-5.43,7.67,50.34,50.34,0,0,1-6,5.15" transform="translate(-99.96 -200.5)"/><path class="cls-5" d="M149.9,269.45a31.93,31.93,0,0,1-5.19,7A48.3,48.3,0,0,1,138,282a47.19,47.19,0,0,0,6.32-5.88A31.16,31.16,0,0,0,149,269Z" transform="translate(-99.96 -200.5)"/><path class="cls-17" d="M144.52,268.18a7.13,7.13,0,0,0,7-.76,7.21,7.21,0,0,0,1.69,3.63c1.49,1.39,6.06,1.9,6.06,1.9s-2.85,2.55-2,4.58,4.27,3.12,4.27,3.12a5.74,5.74,0,0,0-2.1,2.35c-.72,1.89,1.34,4,1.34,4a28.48,28.48,0,0,0-4.18-1.63,4.15,4.15,0,0,0-3.67.95s-.89-3.77-2.12-4.72-4.1-.15-4.1-.15a17.94,17.94,0,0,0-1.34-4,8.34,8.34,0,0,0-3.52-3.16,5.32,5.32,0,0,0,2.64-6.1Z" transform="translate(-99.96 -200.5)"/><path class="cls-18" d="M143.87,268.13a32.72,32.72,0,0,1,7.29,6.51,52.41,52.41,0,0,1,4.63,6.78" transform="translate(-99.96 -200.5)"/><path class="cls-5" d="M144.17,267.67a33.25,33.25,0,0,1,6.67,6.2,50.29,50.29,0,0,1,4.95,7.56,49.13,49.13,0,0,0-5.34-7.22,32.44,32.44,0,0,0-6.88-5.61Z" transform="translate(-99.96 -200.5)"/><path class="cls-19" d="M145,272.34a6.75,6.75,0,0,0,6,3,6.83,6.83,0,0,0-.51,3.76c.48,1.87,3.86,4.62,3.86,4.62s-3.58.57-3.92,2.63S152.2,291,152.2,291a5.44,5.44,0,0,0-2.88.8c-1.54,1.14-1,3.89-1,3.89a27,27,0,0,0-2.5-3.44,3.93,3.93,0,0,0-3.41-1.12s1.22-3.46.73-4.85-3.2-2.22-3.2-2.22a17,17,0,0,0,1-3.89,7.9,7.9,0,0,0-1.19-4.32,5,5,0,0,0,5.23-3.51Z" transform="translate(-99.96 -200.5)"/><path class="cls-5" d="M144.82,270.44A31.5,31.5,0,0,1,147,278.8a47.65,47.65,0,0,1,.07,8.56,46.56,46.56,0,0,0-.56-8.49,30.75,30.75,0,0,0-2.61-8Z" transform="translate(-99.96 -200.5)"/><path class="cls-20" d="M100.45,243s-1.94,13.12,1.92,19.48c1.94,3.21,3.54,2.86,4.53,5.7,2.94,8.49-1.89,25.16-.87,25.33,4.86.78,37.65-15.86,37.69-28.94C143.73,260.15,101.8,243.12,100.45,243Z" transform="translate(-99.96 -200.5)"/><path class="cls-21" d="M119.19,271.48a22.6,22.6,0,0,1-11.79-2.74c2,9.11-2.1,24.24-1.15,24.41,4.81.84,37.08-16.1,37-29.58a1.23,1.23,0,0,0-.17-.54C139.36,264.79,125.6,271.09,119.19,271.48Z" transform="translate(-99.96 -200.5)"/><path class="cls-22" d="M143.12,263c-2.76-5.27-41.42-21.86-42.71-22,0,0-1.82,13.51,2,20.1,1.94,3.32,3.52,3,4.51,5.91a15.41,15.41,0,0,1,.46,1.7,22.6,22.6,0,0,0,11.79,2.74C125.6,271.09,139.36,264.79,143.12,263Z" transform="translate(-99.96 -200.5)"/><path class="cls-20" d="M178.85,231.23s5.7,12,3.88,19.19c-.92,3.64-2.55,3.78-2.65,6.78-.32,9,9.2,23.5,8.27,24-4.42,2.18-40.65-4.1-44.53-16.6C142.51,260.33,177.59,231.74,178.85,231.23Z" transform="translate(-99.96 -200.5)"/><path class="cls-23" d="M169.29,264a22.6,22.6,0,0,0,10.46-6.08c.81,9.28,9.13,22.55,8.26,23-4.35,2.21-40.17-4.5-44.08-17.41a1.23,1.23,0,0,1,0-.56C148.05,263.49,163,265.47,169.29,264Z" transform="translate(-99.96 -200.5)"/><path class="cls-24" d="M143.94,262.9c1.09-5.85,33.17-33.06,34.37-33.56,0,0,5.71,12.38,4,19.81-.88,3.74-2.49,3.88-2.57,7a15.41,15.41,0,0,0,.06,1.76A22.6,22.6,0,0,1,169.29,264C163,265.47,148.05,263.49,143.94,262.9Z" transform="translate(-99.96 -200.5)"/><path class="cls-25" d="M139.85,258.27c-2.64,1.29-1.08,5.08-.71,7.7s.21,5,2.23,6.59c.81.63,4,.45,5.83-.51,1.44-.77,1.71-4.37,1.44-7.42a11.31,11.31,0,0,0-3-6.86C144.82,256.69,141.79,257.32,139.85,258.27Z" transform="translate(-99.96 -200.5)"/><path class="cls-26" d="M139.63,258.95c-2.64,1.29-1.08,5.08-.71,7.7s.21,5,2.23,6.59c.81.63,4,.45,5.83-.51,1.44-.77,1.71-4.37,1.44-7.42a11.31,11.31,0,0,0-3-6.86C144.6,257.37,141.57,258,139.63,258.95Z" transform="translate(-99.96 -200.5)"/>
</svg>
</div>
<div class="content">
<p>Secret Santa</p>
<div id="box_subtitle">
<p>- RANDOMIZER -</p>
</div>
<div id = "insert_name">
<input id="who_are_you" type="text" value=""></input>
<p id="match">Your match will appear here</p>
<button id="submit">Submit</button>
</div>
</div>
</div>
</body>
</html>