-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
92 lines (73 loc) · 6.7 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>My Topic Google Doodle</title>
<!-- Favicons -->
<link
rel="apple-touch-icon"
sizes="180x180"
href="favicons/apple-touch-icon.png"
/>
<link
rel="icon"
type="image/png"
sizes="32x32"
href="favicons/favicon-32x32.png"
/>
<link
rel="icon"
type="image/png"
sizes="16x16"
href="favicons/favicon-16x16.png"
/>
<link rel="manifest" href="favicons/site.webmanifest" />
<link
rel="mask-icon"
href="favicons/safari-pinned-tab.svg"
color="#5bbad5"
/>
<meta name="msapplication-TileColor" content="#da532c" />
<meta name="theme-color" content="#ffffff" />
<!-- Normalize -->
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css"
/>
<!-- Template Styling -->
<link rel="stylesheet" href="css/template.css" />
<!-- My Styles -->
<link rel="stylesheet" href="css/styles.css" />
</head>
<body>
<!-- Container -->
<main>
<!-- Doodle Stage -->
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 760.95 406.03"><defs>
<style>.cls-1{fill:#507abd}.cls-2{fill:#ed1a38}</style>
</defs>
<path id="g" class="cls-1" d="m616.2 536.12 22.46-14.75L625.23 506l6.6-15.85-18.27-10.35-10.35 13.2-12.55-4-1.76-17.62h-22.24l-1.32 16.73-12.77 3.09-10.79-14.09-18.5 10.56 6.39 16.08-9.25 8.36-16.52-6.6-11.44 18.71 12.77 10.35-2.65 12.55-17.83 1.32v22.46l17.17 1.1 2.43 13.66L490 595.79l11.45 20 14.31-7.49 9.69 9.25-6.6 15.86 18.49 11.44 10.79-13 11.89 3.75 1.65 17.17h23s.66-17.17 1.32-17.17 12.15-2.6 12.15-2.6l11.67 14.32 18.72-11.23-6.39-15.2 9.47-9 15.63 7.26 11.23-18.93-13.47-9.93 4-13.21h17v-28.19h-92.3v27.87h48.44S611.57 611 575.35 611s-48.11-29.29-48.11-50.43 20.92-46.67 45.58-46.67 38.53 14.1 43.38 22.22Z" transform="translate(-484.75 -443.03)"/>
<path id="o1" class="cls-2" d="M809.49 595.13v-22.68l-16.29-2.2-6.06-15.86 9.14-12.88-15.41-14.2-13.32 9.36s-13.22-6.61-13.66-6.61-2.75-16.18-2.75-16.18h-21.8s-2.75 15.74-2.86 16.07-14.64 6.17-14.64 6.17l-13.65-9.25-14.77 14.53 9.92 14.53-5.94 14.43-17 2v22.57s15.75 1.87 16.3 1.87 6.3 14.4 6.3 14.4l-9.59 13.87 15.87 14.75 12.66-9 14.75 6.05 2.75 15.85h22.46l1.65-16.07 14.45-5.96 13.21 9.68 15.3-15.63-9.14-14.09 5.95-13.87ZM740 612.63a29.34 29.34 0 1 1 29.34-29.34A29.33 29.33 0 0 1 740 612.63Z" transform="translate(-484.75 -443.03)"/>
<path id="o2" class="cls-2" d="M919.67 524.28V501.6l-16.29-2.2-6.06-15.85 9.14-12.89-15.41-14.2-13.33 9.36s-13.21-6.61-13.65-6.61-2.75-16.21-2.75-16.21h-21.8s-2.75 15.74-2.86 16.07-14.66 6.2-14.66 6.2L808.37 456l-14.77 14.55 9.92 14.54-5.94 14.42-17 2v22.57s15.75 1.87 16.3 1.87 6.27 14.42 6.27 14.42l-9.59 13.87L809.47 569l12.66-9 14.75 6 2.75 15.86h22.46l1.65-16.08 14.43-5.94 13.21 9.69 15.3-15.64-9.14-14.09 6-13.87Zm-69.52 17.5a29.34 29.34 0 1 1 29.34-29.34 29.33 29.33 0 0 1-29.34 29.34Z" transform="translate(-484.75 -443.03)" />
<path id="e" class="cls-2" d="M1229 569.84h16.67l-.55 22.47h-107v-22.47h63.72s-7.32-15.81-26-15.81-29.22 15.51-29.22 29.26 11.51 29.26 29.22 29.26 46.84-.43 47-.44L1232 625l-15.35 14.16-13.27-9.33s-13.16 6.59-13.6 6.59-2.74 16.14-2.74 16.14h-21.71s-2.74-15.7-2.85-16-14.58-6.15-14.58-6.15l-13.6 9.22-14.71-14.49 9.88-14.49-5.92-14.39-16.88-2v-22.55s15.68-1.87 16.22-1.87 6.25-14.38 6.25-14.38l-9.55-13.84 15.8-14.71 12.61 9 14.7-6 2.74-15.81h22.37l1.64 16 14.37 5.93 13.16-9.66 15.23 15.63-9.1 14.06Z" transform="translate(-484.75 -443.03)"/>
<path id="lowg"class="cls-1" d="M980 497.84a68.37 68.37 0 1 0 68.37 68.37A68.37 68.37 0 0 0 980 497.84Zm-4.08 103.38a5.9 5.9 0 0 1-6.88 5.85c-16.52-2.92-27-16.17-29.75-29.64a5.93 5.93 0 0 1 5.8-7.14H970a5.92 5.92 0 0 1 5.93 5.92Zm0-45a5.93 5.93 0 0 1-5.93 5.93H945a5.91 5.91 0 0 1-5.85-6.89c2.91-16.52 16.17-27 29.64-29.75a5.94 5.94 0 0 1 7.14 5.81Zm8.16-25a5.91 5.91 0 0 1 6.88-5.85c16.52 2.92 27 16.17 29.75 29.65a5.93 5.93 0 0 1-5.81 7.14H990a5.93 5.93 0 0 1-5.93-5.93Zm36.78 46c-2.91 16.52-16.17 27-29.64 29.75a5.94 5.94 0 0 1-7.14-5.81v-24.9a5.92 5.92 0 0 1 5.93-5.92h25a5.9 5.9 0 0 1 5.85 6.83Z" transform="translate(-484.75 -443.03)"/>
<path id="hook" class="cls-1" d="M1057.62 817.48c0-3.87-8.76-17.46-12.25-20.3-1.47-1.18-2.72-1.93-3.68-2.64a14.15 14.15 0 0 0-2.77-21.39c1.15-3-.83-5.75-1.33-6.37 3.51-3.69.53-7.75 0-8.44 3.56-3.69.56-7.77 0-8.46 3.32-3.45.93-7.24.14-8.29 3.41-3.74.25-7.84-.18-8.36 4-4.06 0-8.63 0-8.63l-.06.06c3.29-3.3 1.27-6.93.37-8.21 3.06-3.48.55-7.23-.15-8.13 3.39-3.62.57-7.58 0-8.35 3.51-3.68.53-7.74 0-8.44 3.56-3.69.56-7.76 0-8.46 3.32-3.45.93-7.23.14-8.28 3.41-3.75.25-7.85-.18-8.37 4-4.06 0-8.63 0-8.63l-.06.06c3.57-3.57.89-7.54.17-8.48 3.38-3.54.76-7.44.05-8.35 3.39-3.62.57-7.59 0-8.36 3.51-3.68.53-7.74 0-8.43 3.56-3.69.56-7.77 0-8.47 3.32-3.44.93-7.23.14-8.28 3.41-3.74.25-7.84-.18-8.36 4-4.06 0-8.63 0-8.63h-.06c4.08-4.07 0-8.68 0-8.68l-14.35 14.35c-1.74 1.74-1.46 7.24 0 8.69l.05-.06c-1.71 1.72-1.45 7.11 0 8.63-1.59 1.69-1.42 6.6-.19 8.35-1.43 1.93-1.16 6.78.14 8.3-1.59 1.79-1.34 6.9 0 8.46-1.58 1.78-1.34 6.84 0 8.43-1.54 1.79-1.32 6.71 0 8.35-1.48 1.83-1.26 6.66 0 8.29-1.61 1.86-1.31 7.14.11 8.56l.05-.06c-1.71 1.71-1.45 7.11 0 8.63-1.59 1.69-1.42 6.6-.19 8.35-1.43 1.93-1.16 6.78.14 8.29-1.59 1.8-1.34 6.91 0 8.47-1.58 1.78-1.34 6.84 0 8.43-1.54 1.79-1.32 6.71 0 8.35-1.41 1.74-1.28 6.17-.19 8-1.4 2-1.07 7 .3 8.33h.05c-1.71 1.71-1.45 7.1 0 8.62-1.59 1.69-1.42 6.6-.19 8.35-1.43 1.93-1.16 6.79.14 8.3-1.59 1.8-1.34 6.9 0 8.46a3.72 3.72 0 0 0-.69 1.28 14.15 14.15 0 0 0 1.58 23.22s14.61 18.79 14.61 25-8.16 7.95-12 7.95-9.46-6.87-9.46-12.89-6.23-12-9.24-12-2.79 6.66-2.79 11-9.08 32.87 24.47 32.87 27.54-27.77 27.54-31.63Zm-23.28-39a7.3 7.3 0 1 1-9.74 9.73Zm-2.52-48.2 4-4Zm-4.16 4.16 1.18-1.19 1.21-1.2-1.21 1.2-1.18 1.19-1.16 1.15Z" transform="translate(-484.75 -443.03)"/>
<path id="stack" style="fill:#00ae4d" d="M613.87 209.79h-44.59v-39.74l10-141.69h24.59l10 141.69v39.74z"/>
<path id="puff" d="M1084.43 492.38a9.47 9.47 0 1 0-15.6-1.61 5.11 5.11 0 0 0 2 9.82 5.88 5.88 0 0 0 1-.09 4.77 4.77 0 0 0 9.42.75 4.34 4.34 0 0 0 1 .1 4.77 4.77 0 0 0 2.27-9Z" transform="translate(-484.75 -443.03)" />
</svg>
<!-- Elements -->
</div>
<input type="text" />
<div id="search">
<button>Google Search</button>
<button>I'm Feeling Lucky</button>
</div>
</main>
<!-- JS Libraries -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.1.1/gsap.min.js"></script>
<!-- My Scripts -->
<script src="js/scripts.js"></script>
</body>
</html>