/
index.html
executable file
·93 lines (85 loc) · 11.6 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
<!doctype html>
<html class="no-js" lang="en" xmlns="http://www.w3.org/1999/html">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Henry Rates Us</title>
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Pacifico&family=Work+Sans:ital,wght@0,500;0,900;1,500;1,900&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/henry.css" />
</script>
</head>
<body>
<header>
<div class="container">
<div class="logo">
<svg width="275" height="275" viewBox="0 0 275 275" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="137.5" cy="137.5" r="135" fill="white" stroke="url(#paint0_linear)" stroke-width="5"/>
<mask id="mask0" mask-type="alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="275" height="275">
<circle cx="137.5" cy="137.5" r="137.5" fill="white"/>
</mask>
<g mask="url(#mask0)">
<path d="M185.263 186.378C200.603 206.149 206.447 229.875 208.2 254.773C208.346 257.116 206.739 259.46 204.402 261.51C203.963 255.945 203.525 250.379 202.795 244.814C202.356 241.885 201.188 238.956 200.311 236.027C199.873 234.562 198.704 232.951 199.142 231.633C200.749 226.507 200.457 222.113 195.782 218.598C194.906 218.012 195.344 215.962 194.759 214.79C193.152 211.275 191.253 208.053 188.916 203.367C193.298 195.897 183.51 193.554 179.858 189.16C175.329 183.741 169.193 189.16 164.518 191.211C149.178 197.948 133.984 196.776 118.205 192.968C112.654 191.65 107.102 191.504 102.719 186.671C102.135 186.085 96.7294 188.574 94.6841 190.625C92.2005 193.261 89.7168 196.63 89.1324 200.145C87.5254 208.639 84.0191 216.255 80.5128 224.164C78.7597 228.411 78.4675 234.269 77.4448 239.542C75.6917 247.45 77.0065 255.945 77.0065 264C73.3541 263.268 71.4549 261.364 72.0393 256.238C73.0619 244.668 71.8932 231.926 76.7143 222.113C81.0972 213.179 80.5128 202.781 86.6488 195.019C90.5934 190.186 89.5707 187.256 85.6262 182.57C81.2433 177.297 74.3768 172.904 74.8151 164.409C74.8151 163.384 72.0393 161.187 70.7244 161.333C57.868 162.944 47.4953 156.647 39.6061 148.738C34.6389 143.612 27.3341 136.289 30.9865 126.037C32.0091 123.108 29.3794 118.568 30.6943 116.225C35.9537 107.584 32.0091 94.5489 44.1351 88.9835C47.057 87.6654 47.9335 81.8071 50.8554 79.9032C57.5758 75.6559 65.0267 72.5803 72.1854 68.9189C73.5002 68.1866 74.3768 66.8685 75.3995 65.6968C77.4448 63.7929 79.4902 61.7425 81.6816 59.985C82.1199 59.5456 83.5808 59.6921 83.7269 59.3992C87.2332 49.5865 98.0443 50.1724 104.472 44.3141C105.057 43.8747 105.641 43.1424 106.226 43.1424C116.744 41.6779 127.409 40.3597 137.928 39.0416C139.974 38.7487 142.165 39.0416 144.21 38.8952C145.817 38.7487 147.717 37.5771 149.178 38.1629C159.404 41.8243 169.485 45.6322 179.712 49.5866C181.903 50.4653 184.094 51.4905 185.848 52.9551C188.916 55.4448 191.691 58.2275 194.759 60.8638C197.974 63.6464 201.334 66.2827 204.694 69.0654C212.437 75.5095 224.125 76.2418 228.946 86.9332C229.676 88.5442 231.575 89.4229 233.036 90.741C234.497 91.9127 236.835 92.9379 237.419 94.4025C240.049 102.018 242.533 109.634 244.286 117.543C245.308 121.936 244.724 126.477 244.87 131.017C244.87 131.749 245.162 132.774 244.87 133.214C239.757 138.486 237.565 145.663 232.16 151.228C226.17 157.379 217.696 155.622 212.437 161.187C211.999 161.626 210.976 161.919 210.392 161.773C199.581 158.551 199.873 167.924 196.366 173.636C193.445 178.176 189.208 181.984 185.263 186.378ZM194.467 161.626C185.117 159.137 184.825 151.228 185.994 142.88C186.432 139.804 187.455 136.875 188.039 133.799C189.208 127.062 190.084 120.325 191.399 113.588C193.006 106.412 195.052 99.382 196.951 92.2056C198.266 97.3316 198.996 101.872 198.12 106.266C196.805 113.442 194.467 120.325 192.568 127.355C192.422 127.795 192.568 128.381 192.568 128.82C191.838 134.971 191.545 141.269 190.377 147.274C189.208 153.425 194.613 159.576 200.895 158.111C206.155 156.94 211.268 155.182 216.528 153.864C225.147 151.667 232.452 148.006 235.082 138.486C235.228 138.047 235.52 137.607 235.958 137.314C240.195 134.239 241.656 131.017 239.172 125.451C237.419 121.497 238.296 116.518 237.565 112.124C236.981 108.902 235.812 105.826 234.643 102.751C230.699 93.2308 222.81 86.9331 215.359 80.6355C213.898 79.3174 211.122 79.0244 210.099 77.5599C206.447 72.4339 202.795 72.141 198.85 77.267C198.12 74.9236 198.12 72.2874 196.951 71.4087C190.815 67.015 190.669 55.8842 180.15 56.7629C179.273 56.7629 178.397 55.0055 177.374 54.5661C168.316 50.9047 159.258 47.0968 150.054 43.7283C148.447 43.1424 145.964 44.8999 143.918 45.3393C142.457 45.6322 140.412 46.3645 139.389 45.6322C134.13 42.1172 129.455 43.4353 124.341 46.218C122.588 47.2432 119.812 46.8039 117.475 46.6574C106.956 46.218 100.09 54.1267 91.47 57.9346C90.7395 58.2275 90.5934 60.1315 90.009 61.1567C89.4246 62.1819 88.5481 63.7929 87.8176 63.7929C78.4675 63.7929 78.3214 70.6764 78.1753 77.7063C71.7471 72.141 70.14 72.2874 65.1728 77.7063C64.1501 78.878 62.397 79.3174 61.2282 80.3426C57.7219 83.4182 54.3617 86.4938 51.0016 89.7158C49.8328 90.741 49.1023 92.9379 47.9335 93.2308C41.6514 94.8418 40.921 99.2356 40.3366 104.947C39.8983 109.634 37.2686 114.174 36.0998 119.007C35.3693 121.79 35.5154 124.866 35.8076 127.648C36.0998 130.577 36.8303 133.507 37.7069 136.289C38.2912 138.047 39.3139 139.804 40.6288 140.976C45.1577 145.223 49.2484 150.349 54.5078 152.985C60.3516 155.915 67.3642 156.354 73.7924 157.965C79.198 159.283 86.7949 154.45 85.9183 149.91C84.7496 144.051 81.6816 138.047 82.266 132.335C82.8503 126.477 79.198 122.962 78.4675 118.421C77.1526 109.927 78.0292 101.14 78.0292 92.3521C78.7597 94.8418 79.7823 97.6245 80.3667 100.554C81.5355 106.851 82.266 113.295 83.4347 119.593C85.1879 128.673 87.0871 137.754 88.9864 146.834C90.3012 152.839 88.9864 157.086 82.9964 159.869C81.0972 160.748 78.6136 165.434 79.3441 166.752C82.1199 171.293 85.7723 175.247 89.5707 179.055C90.3012 179.787 92.6387 179.201 93.2231 179.201C92.2005 172.464 89.5707 166.02 90.5934 160.015C91.6161 154.011 96.145 148.592 97.7521 145.37C96.8755 139.365 94.9763 134.825 96.145 131.31C97.8982 125.891 103.158 122.522 108.855 123.987C112.508 124.866 115.43 128.673 119.666 132.042C124.341 131.456 131.354 129.845 138.221 130.138C145.379 130.284 152.392 132.335 156.775 133.067C161.742 129.699 165.54 125.305 168.462 125.744C172.845 126.477 177.812 129.992 180.15 133.799C181.611 136.143 178.251 141.269 177.374 144.637C179.273 150.349 182.487 156.207 183.072 162.505C183.656 168.656 181.757 174.954 180.88 180.959C187.747 178.03 193.445 172.464 194.467 161.626ZM136.467 134.678C133.984 134.678 131.646 134.385 129.163 134.678C118.936 135.85 109.732 139.218 102.427 146.688C97.0216 152.107 94.2458 157.818 95.4145 166.459C96.5833 175.686 103.304 186.524 113.676 188.428C123.319 190.039 133.253 192.236 142.896 191.504C152.246 190.771 162.765 188.721 170.069 183.595C182.341 174.954 183.656 154.157 168.608 144.637C158.674 138.047 148.301 134.239 136.467 134.678Z" fill="url(#paint1_linear)"/>
<path d="M135.669 140C140.971 141.024 147.452 140.293 148.925 147.609C149.808 152.144 142.739 157.851 136.847 157.997C130.808 158.144 123.444 152.437 124.033 147.316C124.622 140.293 130.808 141.024 135.669 140Z" fill="url(#paint2_linear)"/>
<path d="M109.292 170.937C119.934 173.68 123.287 170.071 137.574 170.793C144.28 171.226 150.549 172.525 155.36 170.937C159.442 169.638 163.67 165.308 164.69 165.019C166.002 164.586 162.795 171.659 161.629 172.958C159.879 174.835 154.923 176.856 152.153 177C140.49 175.845 131.451 174.979 119.788 174.979C117.31 174.979 109 172.814 109 172.814C109 172.814 109.146 172.525 109.292 170.937Z" fill="url(#paint3_linear)"/>
</g>
<defs>
<linearGradient id="paint0_linear" x1="137.5" y1="0" x2="137.5" y2="275" gradientUnits="userSpaceOnUse">
<stop stop-color="#8F00FF"/>
<stop offset="1" stop-color="#FA00FF"/>
</linearGradient>
<linearGradient id="paint1_linear" x1="137.5" y1="38" x2="137.5" y2="264" gradientUnits="userSpaceOnUse">
<stop stop-color="#8F00FF"/>
<stop offset="1" stop-color="#FA00FF"/>
</linearGradient>
<linearGradient id="paint2_linear" x1="136.5" y1="140" x2="136.5" y2="158" gradientUnits="userSpaceOnUse">
<stop stop-color="#8F00FF"/>
<stop offset="1" stop-color="#FA00FF"/>
</linearGradient>
<linearGradient id="paint3_linear" x1="137" y1="165" x2="137" y2="177" gradientUnits="userSpaceOnUse">
<stop stop-color="#8F00FF"/>
<stop offset="1" stop-color="#FA00FF"/>
</linearGradient>
</defs>
</svg>
<h1>Henry Rates Us</h1>
</div>
<h2>
Whatever Henry Says, Everybody.
</h2>
</div>
</header>
<section class="container">
<h3>The winners, by year:</h3>
<ul class="ratings">
<li><span>2022:</span> <em>TBD - announced on 01/05/23</em></li>
<li><span>2021:</span> Mama</li>
<li><span>2020:</span> Mama</li>
<li><span>2019:</span> Mama</li>
<li><span>2018:</span> Papa</li>
<li><span>2017:</span> Mama</li>
<li><span>2016:</span> Papa</li>
<li><span>2015:</span> Mama</li>
<li><span>2014:</span> Mama</li>
<li><span>2013:</span> Papa</li>
</ul>
</section>
<footer>
<div class="container"></div>
<svg class="ball-logo" width="87" height="56" viewBox="0 0 87 56" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M43.6506 54.9783C66.7102 54.9783 85.4037 43.022 85.4037 28.2733C85.4037 13.5245 66.7102 1.56833 43.6506 1.56833C20.591 1.56833 1.89752 13.5245 1.89752 28.2733C1.89752 43.022 20.591 54.9783 43.6506 54.9783Z" fill="#494949" stroke="black" stroke-width="2" stroke-miterlimit="10"/>
<path d="M33.4773 28.2733C35.8184 28.2733 37.7162 26.3755 37.7162 24.0344C37.7162 21.6933 35.8184 19.7955 33.4773 19.7955C31.1362 19.7955 29.2384 21.6933 29.2384 24.0344C29.2384 26.3755 31.1362 28.2733 33.4773 28.2733Z" fill="black"/>
<path d="M50.4329 28.2733C52.7739 28.2733 54.6718 26.3755 54.6718 24.0344C54.6718 21.6933 52.7739 19.7955 50.4329 19.7955C48.0918 19.7955 46.194 21.6933 46.194 24.0344C46.194 26.3755 48.0918 28.2733 50.4329 28.2733Z" fill="black"/>
<path d="M33.4772 27.4255C35.3501 27.4255 36.8683 25.9072 36.8683 24.0344C36.8683 22.1615 35.3501 20.6433 33.4772 20.6433C31.6044 20.6433 30.0861 22.1615 30.0861 24.0344C30.0861 25.9072 31.6044 27.4255 33.4772 27.4255Z" fill="white"/>
<path d="M50.4328 27.4255C52.3056 27.4255 53.8239 25.9072 53.8239 24.0344C53.8239 22.1615 52.3056 20.6433 50.4328 20.6433C48.5599 20.6433 47.0417 22.1615 47.0417 24.0344C47.0417 25.9072 48.5599 27.4255 50.4328 27.4255Z" fill="white"/>
<path d="M33.8414 26.3658C34.7778 26.3658 35.5369 25.6067 35.5369 24.6703C35.5369 23.7339 34.7778 22.9747 33.8414 22.9747C32.9049 22.9747 32.1458 23.7339 32.1458 24.6703C32.1458 25.6067 32.9049 26.3658 33.8414 26.3658Z" fill="black"/>
<path d="M50.4328 26.0941C51.3692 26.0941 52.1283 25.335 52.1283 24.3986C52.1283 23.4622 51.3692 22.7031 50.4328 22.7031C49.4963 22.7031 48.7372 23.4622 48.7372 24.3986C48.7372 25.335 49.4963 26.0941 50.4328 26.0941Z" fill="black"/>
<path d="M28.3906 41.4139C41.1073 42.4736 45.1342 43.1095 50.2209 41.4139C53.612 40.3542 62.3017 34.4197 62.3017 34.4197" stroke="white" stroke-miterlimit="10"/>
</svg>
<p>© 2013-2021 The Super Serious Henry Ratings Consortium & Ball Company, Inc.</p>
</div>
</footer>
</body>
<script src="https://use.typekit.net/onn3nsl.js"></script>
<script>try{Typekit.load({ async: true });}catch(e){}</script>
</html>