Update /about codey (#191)

Closes #81

I'm only updating the about codey right now. I'm guessing the design team accidentally missed the three lines in the mobile version on the meet the team page.

https://csclub.uwaterloo.ca/~a3thakra/csc/adi-update-codey

Reviewed-on: www/www-new#191
Reviewed-by: j285he <j285he@localhost>
Co-authored-by: Aditya Thakral <a3thakra@csclub.uwaterloo.ca>
Co-committed-by: Aditya Thakral <a3thakra@csclub.uwaterloo.ca>
fix-md-font
Aditya Thakral 1 year ago
parent 422a5b1ce9
commit 4fb5b656bf
  1. 1
      pages/about/index.module.css
  2. 2
      pages/about/index.tsx
  3. 38
      public/about/codey.svg
  4. 3
      public/about/hotdog.svg
  5. 41
      public/images/about-us.svg

@ -29,7 +29,6 @@
}
.codey {
transform: rotate(1.91deg);
z-index: -1;
height: calc(400rem / 16);
}

@ -18,7 +18,7 @@ export default function AboutUs() {
<>
<div className={styles.titleContainer}>
<h1 className={styles.title}>About Us!</h1>
<Image src="/about/codey.svg" className={styles.codey} />
<Image src="/images/about-us.svg" className={styles.codey} />
</div>
<div className={styles.content}>
<Content />

@ -1,38 +0,0 @@
<svg width="426" height="382" viewBox="0 0 426 382" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M113.558 10.8628C113.558 10.8628 129.8 18.9517 137.681 27.1402C148.899 38.7976 156.201 64.1977 156.201 64.1977L95.7251 76.7795C95.7251 76.7795 93.3614 50.4717 99.0044 35.1866C102.838 24.8021 113.558 10.8628 113.558 10.8628Z" fill="#5CAFF9"/>
<path d="M116.672 26.4829C116.672 26.4829 128.173 31.4622 133.689 36.6325C141.541 43.9931 146.382 60.2906 146.382 60.2906L102.911 69.3346C102.911 69.3346 101.618 52.3758 105.888 42.4163C108.789 35.65 116.672 26.4829 116.672 26.4829Z" fill="white"/>
<path d="M218.963 14.3746C218.963 14.3746 202.219 21.3645 193.811 29.0104C181.842 39.8953 172.865 64.7529 172.865 64.7529L232.37 81.3321C232.37 81.3321 236.479 55.2399 231.866 39.6132C228.732 28.9965 218.963 14.3746 218.963 14.3746Z" fill="#5CAFF9"/>
<path d="M214.018 30.0666C214.018 30.0666 201.325 34.9691 194.996 40.4378C185.986 48.2231 179.407 66.1992 179.407 66.1992L224.958 78.8904C224.958 78.8904 227.812 59.9647 224.127 48.5541C221.623 40.8019 214.018 30.0666 214.018 30.0666Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M225.972 329.248C212.324 337.127 196.902 341.216 180.143 340.658C117.755 338.579 52.4242 301.928 63.2107 190.376C64.8835 181.907 66.4285 173.77 67.9089 165.973C83.3761 84.5078 91.7944 40.1695 165.302 42.6186C226.107 44.6444 243.27 90.4325 260.863 137.367C266.325 151.939 271.828 166.622 278.692 180.139C321.442 196.993 343.027 230.174 341.747 268.604C340.09 318.317 297.986 329.944 225.972 329.248Z" fill="#5CAFF9"/>
<path d="M119.093 217.606L143.895 264.073C143.895 264.073 29.5229 320.806 26.5712 319.808C23.6196 318.81 9.93068 294.977 11.0696 290.766C11.6996 288.437 48.4349 263.725 78.3802 245.514C105.854 225.702 119.093 217.606 119.093 217.606Z" fill="#5CAFF9"/>
<mask id="mask0" mask-type="alpha" maskUnits="userSpaceOnUse" x="57" y="39" width="292" height="307">
<path fill-rule="evenodd" clip-rule="evenodd" d="M225.458 329.231C211.811 337.11 196.389 341.199 179.629 340.641C117.241 338.562 51.9105 301.911 62.697 190.359C64.3698 181.89 65.9148 173.753 67.3952 165.956C82.8624 84.4907 91.2807 40.1524 164.788 42.6015C225.594 44.6273 242.756 90.4154 260.349 137.35C265.811 151.922 271.315 166.605 278.179 180.123C320.927 196.977 342.512 230.158 341.232 268.587C339.575 318.3 297.472 329.926 225.458 329.231Z" fill="#5CAFF9"/>
</mask>
<g mask="url(#mask0)">
<path d="M148.762 244.382C151.143 310.505 184.546 373.192 126.606 346.736C111.723 345.093 91.1894 308.507 88.8085 242.385C86.4277 176.263 101.887 117.674 144.708 116.133C167.983 115.295 193.505 130.178 185.565 169.697C181.642 189.224 147.959 222.071 148.762 244.382Z" fill="white"/>
</g>
<ellipse cx="332.275" cy="170.962" rx="56.5131" ry="61.9998" transform="rotate(-33.1205 332.275 170.962)" fill="#5CAFF9"/>
<circle cx="100.864" cy="100.31" r="38.6503" transform="rotate(1.9082 100.864 100.31)" stroke="#2A2A62" stroke-width="5"/>
<circle cx="193.063" cy="101.185" r="38.6503" transform="rotate(1.9082 193.063 101.185)" stroke="#2A2A62" stroke-width="5"/>
<path d="M136.178 111.367C136.178 111.367 142.869 109.943 147.2 110.088C151.531 110.232 158.112 112.098 158.112 112.098L157.893 118.679C157.893 118.679 151.267 117.36 146.962 117.216C142.658 117.073 135.958 117.948 135.958 117.948L136.178 111.367Z" fill="#2A2A62"/>
<path d="M271.308 310.166L248.723 247.836C248.723 247.836 266.785 228.637 291.656 225.035C316.528 221.432 337.339 234.08 337.339 234.08C337.339 234.08 409.514 272.235 410.266 274.836C411.018 277.438 403.593 303.893 400.692 306.333C399.087 307.683 370.785 307.246 347.056 302.087C301.614 341.156 271.308 310.166 271.308 310.166Z" fill="#5CAFF9"/>
<path d="M172.509 270.177L200.515 322.647C200.515 322.647 110.607 365.763 107.931 364.286C105.254 362.809 90.0591 335.757 90.4265 331.493C90.6297 329.134 118.568 308.459 141.621 293.638C162.323 276.776 172.509 270.177 172.509 270.177Z" fill="#5CAFF9"/>
<g clip-path="url(#clip0)">
<path d="M170.825 144.56C171.865 161.827 150.758 165.001 137.081 161.745C123.408 158.381 119.112 141.868 121.6 131.827C124.092 121.679 137.091 116.189 150.765 119.552C157.015 122.668 157.987 125.824 161.623 129.822C165.887 134.38 167.178 137.654 170.825 144.56Z" fill="white"/>
<path d="M141.115 131.186C146.759 131.374 151.431 128.637 151.55 125.072C151.669 121.507 147.19 118.465 141.545 118.277C135.901 118.089 131.229 120.826 131.11 124.391C130.991 127.956 135.471 130.998 141.115 131.186Z" fill="#2A2A62"/>
<path d="M170.128 152.613C167.352 155.105 163.626 157.027 160.134 158.419C155.547 160.312 151.183 161.998 145.503 161.162C131.041 158.849 122.248 148.002 123.833 135.993C124.879 127.196 132.098 120.652 141.425 118.701C128.953 118.07 121.369 125.895 119.895 137.8C118.282 150.67 128.638 163.077 143.1 165.39C154.884 167.29 165.728 161.836 170.128 152.613Z" fill="#2A2A62"/>
<path d="M131.13 95.2212C132.088 92.4076 129.216 88.8838 124.714 87.3506C120.212 85.8173 115.786 86.8552 114.828 89.6688C113.87 92.4824 116.742 96.0063 121.244 97.5395C125.746 99.0728 130.172 98.0348 131.13 95.2212Z" fill="white"/>
<path d="M178.486 100.648C183.082 99.4252 186.188 96.1051 185.424 93.2326C184.66 90.3602 180.314 89.023 175.718 90.246C171.122 91.469 168.016 94.7891 168.781 97.6615C169.545 100.534 173.89 101.871 178.486 100.648Z" fill="white"/>
<path opacity="0.5" d="M140.954 136.026L148.317 144.564L139.384 154.067L131.825 141.753L140.954 136.026Z" fill="#5CAFF9"/>
<path d="M141.114 131.184C141.114 131.184 140.05 146.98 156.086 140.837" stroke="#2A2A62" stroke-width="2.01439" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M141.191 128.926C141.191 128.926 140.593 146.892 127.644 137.953" stroke="#2A2A62" stroke-width="2.01439" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M148.396 142.197C148.396 142.197 139.557 168.289 131.334 140.337" stroke="#2A2A62" stroke-width="2.01439" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M164.211 111.417C162.945 114.669 165.931 117.715 168.068 115.36C169.668 113.679 171.77 112.363 174.34 112.448C176.782 112.53 178.792 113.983 180.276 115.766C182.258 118.086 185.189 115.063 184.136 111.908C183.545 110.328 182.703 108.566 181.464 107.138C175.644 100.357 167.795 104.256 164.905 109.88C164.631 110.391 164.357 110.902 164.211 111.417Z" fill="#2A2A62"/>
<path d="M110.422 109.625C109.156 112.877 112.142 115.923 114.279 113.568C115.879 111.887 117.981 110.571 120.551 110.656C122.993 110.738 125.003 112.191 126.487 113.974C128.469 116.294 131.4 113.271 130.347 110.116C129.756 108.536 128.914 106.774 127.675 105.346C121.855 98.5649 114.005 102.464 111.116 108.088C110.842 108.599 110.568 109.11 110.422 109.625Z" fill="#2A2A62"/>
</g>
<defs>
<clipPath id="clip0">
<rect width="74.8087" height="78.1455" fill="white" transform="translate(110.945 86.3469) rotate(1.9082)"/>
</clipPath>
</defs>
</svg>

Before

Width:  |  Height:  |  Size: 6.7 KiB

@ -1,3 +0,0 @@
<svg width="1314" height="247" viewBox="0 0 1314 247" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="-548" y="0.188721" width="1862" height="246" rx="123" fill="#E1EEFA"/>
</svg>

Before

Width:  |  Height:  |  Size: 189 B

@ -0,0 +1,41 @@
<svg width="148" height="130" viewBox="0 0 148 130" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M41.7713 3.62112C41.7713 3.62112 47.2816 6.36537 49.955 9.14342C53.761 13.0983 56.2384 21.7156 56.2384 21.7156L35.7212 25.9841C35.7212 25.9841 34.9192 17.0589 36.8337 11.8732C38.1344 8.35018 41.7713 3.62112 41.7713 3.62112Z" fill="#5CAFF9"/>
<path d="M42.8281 8.92046C42.8281 8.92046 46.73 10.6097 48.6012 12.3638C51.2651 14.861 52.9075 20.3901 52.9075 20.3901L38.1595 23.4584C38.1595 23.4584 37.7208 17.7049 39.1694 14.3261C40.1537 12.0305 42.8281 8.92046 42.8281 8.92046Z" fill="white"/>
<path d="M77.5312 4.81316C77.5312 4.81316 71.8505 7.18456 68.9981 9.77851C64.9373 13.4713 61.8918 21.9046 61.8918 21.9046L82.0794 27.5292C82.0794 27.5292 83.4736 18.6772 81.9086 13.3756C80.8453 9.77381 77.5312 4.81316 77.5312 4.81316Z" fill="#5CAFF9"/>
<path d="M75.8533 10.1367C75.8533 10.1367 71.5472 11.7999 69.4 13.6553C66.3432 16.2965 64.1114 22.3951 64.1114 22.3951L79.5648 26.7008C79.5648 26.7008 80.5331 20.28 79.2829 16.4088C78.4335 13.7788 75.8533 10.1367 75.8533 10.1367Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M79.9095 111.639C75.2799 114.311 70.0483 115.698 64.3632 115.509C43.1973 114.803 21.0331 102.369 24.6926 64.5239C25.2601 61.6507 25.7842 58.89 26.2865 56.2447C31.5339 28.6068 34.3899 13.5646 59.3282 14.3954C79.9571 15.0827 85.7798 30.6168 91.7483 46.54C93.6015 51.4843 95.4689 56.4661 97.7979 61.0526C112.3 66.7709 119.622 78.0274 119.188 91.0643C118.626 107.93 104.341 111.875 79.9095 111.639Z" fill="#5CAFF9"/>
<path d="M43.6494 73.7612L52.064 89.5258C52.064 89.5258 13.2619 108.773 12.2605 108.434C11.2591 108.096 6.61496 100.01 7.00134 98.5815C7.21507 97.7913 19.678 89.4076 29.8372 83.2292C39.1579 76.5079 43.6494 73.7612 43.6494 73.7612Z" fill="#5CAFF9"/>
<mask id="mask0" mask-type="alpha" maskUnits="userSpaceOnUse" x="22" y="13" width="100" height="105">
<path fill-rule="evenodd" clip-rule="evenodd" d="M79.7346 111.632C75.1048 114.305 69.8729 115.692 64.1874 115.502C43.0215 114.797 20.8573 102.363 24.5168 64.5175C25.0843 61.6443 25.6084 58.8837 26.1107 56.2384C31.3581 28.6005 34.2141 13.5582 59.1524 14.3891C79.7813 15.0764 85.604 30.6105 91.5725 46.5337C93.4256 51.4775 95.2928 56.4589 97.6215 61.045C112.124 66.7631 119.447 78.02 119.013 91.0574C118.451 107.923 104.167 111.868 79.7346 111.632Z" fill="#5CAFF9"/>
</mask>
<g mask="url(#mask0)">
<path d="M53.7151 82.845C54.5228 105.278 65.8551 126.545 46.1982 117.57C41.149 117.012 34.1828 104.6 33.3751 82.1673C32.5674 59.7346 37.8121 39.8579 52.3396 39.3348C60.2359 39.0505 68.8945 44.0999 66.2008 57.5073C64.8699 64.1318 53.4425 75.2757 53.7151 82.845Z" fill="white"/>
</g>
<ellipse cx="115.974" cy="57.937" rx="19.1727" ry="21.0341" transform="rotate(-33.1205 115.974 57.937)" fill="#5CAFF9"/>
<circle cx="37.4666" cy="33.9671" r="12.9607" transform="rotate(1.9082 37.4666 33.9671)" stroke="#2A2A62" stroke-width="2"/>
<circle cx="68.7469" cy="34.265" r="12.9607" transform="rotate(1.9082 68.7469 34.265)" stroke="#2A2A62" stroke-width="2"/>
<path d="M49.4472 37.7193C49.4472 37.7193 51.7173 37.2361 53.1866 37.2851C54.6559 37.3341 56.8888 37.9672 56.8888 37.9672L56.8144 40.1997C56.8144 40.1997 54.5663 39.7523 53.106 39.7036C51.6457 39.655 49.3728 39.9517 49.3728 39.9517L49.4472 37.7193Z" fill="#2A2A62"/>
<path d="M95.2903 105.164L87.6282 84.0175C87.6282 84.0175 93.7558 77.5043 102.194 76.282C110.632 75.0598 117.692 79.3507 117.692 79.3507C117.692 79.3507 142.178 92.2952 142.433 93.1778C142.689 94.0604 140.17 103.036 139.185 103.864C138.641 104.321 129.039 104.173 120.989 102.423C105.572 115.677 95.2903 105.164 95.2903 105.164Z" fill="#5CAFF9"/>
<path d="M61.7715 91.5967L71.273 109.398C71.273 109.398 40.7707 124.025 39.8626 123.524C38.9545 123.023 33.7995 113.845 33.9241 112.399C33.9931 111.598 43.4714 104.584 51.2926 99.5561C58.3158 93.8356 61.7715 91.5967 61.7715 91.5967Z" fill="#5CAFF9"/>
<g clip-path="url(#clip0)">
<path d="M61.1994 48.9802C61.5523 54.838 54.3916 55.9148 49.7516 54.8102C45.1127 53.6691 43.6552 48.0668 44.4994 44.6604C45.3449 41.2175 49.7549 39.3548 54.3938 40.4959C56.5143 41.5531 56.844 42.6237 58.0776 43.9801C59.5242 45.5264 59.9621 46.6371 61.1994 48.9802Z" fill="white"/>
<path d="M51.1202 44.4429C53.0351 44.5067 54.6201 43.578 54.6604 42.3686C54.7007 41.1592 53.181 40.1271 51.2661 40.0633C49.3512 39.9995 47.7662 40.9282 47.7259 42.1376C47.6856 43.347 49.2052 44.3791 51.1202 44.4429Z" fill="#2A2A62"/>
<path d="M60.9635 51.7126C60.0219 52.5581 58.7579 53.2102 57.5729 53.6822C56.017 54.3246 54.5364 54.8964 52.6093 54.613C47.7029 53.8284 44.7198 50.1483 45.2574 46.074C45.6126 43.0897 48.0615 40.8694 51.2258 40.2076C46.9946 39.9935 44.4216 42.6481 43.9216 46.6872C43.3742 51.0535 46.8878 55.2628 51.7943 56.0474C55.7919 56.6921 59.4708 54.8416 60.9635 51.7126Z" fill="#2A2A62"/>
<path d="M47.7327 32.2408C48.0578 31.2863 47.0832 30.0908 45.556 29.5706C44.0287 29.0504 42.527 29.4025 42.2019 30.3571C41.8768 31.3116 42.8514 32.5071 44.3787 33.0273C45.9059 33.5475 47.4076 33.1954 47.7327 32.2408Z" fill="white"/>
<path d="M63.7985 34.0825C65.3577 33.6675 66.4115 32.5412 66.1522 31.5667C65.8928 30.5921 64.4186 30.1385 62.8594 30.5534C61.3001 30.9683 60.2464 32.0947 60.5057 33.0692C60.765 34.0437 62.2392 34.4974 63.7985 34.0825Z" fill="white"/>
<path opacity="0.5" d="M51.0654 46.0853L53.5631 48.9819L50.5327 52.2059L47.968 48.0282L51.0654 46.0853Z" fill="#5CAFF9"/>
<path d="M51.1199 44.4424C51.1199 44.4424 50.7586 49.8014 56.1991 47.7173" stroke="#2A2A62" stroke-width="2.01439" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M51.1454 43.6764C51.1454 43.6764 50.9424 49.7715 46.5492 46.7386" stroke="#2A2A62" stroke-width="2.01439" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M53.5902 48.1787C53.5902 48.1787 50.5915 57.0305 47.8018 47.5474" stroke="#2A2A62" stroke-width="2.01439" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M58.9556 37.7362C58.526 38.8393 59.5391 39.8728 60.2641 39.0736C60.8069 38.5036 61.5201 38.0568 62.3921 38.0859C63.2205 38.1135 63.9024 38.6067 64.406 39.2116C65.0781 39.9986 66.0726 38.9731 65.7154 37.9026C65.515 37.3666 65.2294 36.7689 64.8091 36.2844C62.8343 33.9838 60.1714 35.3066 59.1912 37.2147C59.0981 37.388 59.0051 37.5614 58.9556 37.7362Z" fill="#2A2A62"/>
<path d="M40.7075 37.1287C40.278 38.2319 41.2911 39.2654 42.0161 38.4662C42.5588 37.8962 43.2721 37.4494 44.144 37.4785C44.9724 37.5061 45.6543 37.9993 46.158 38.6042C46.8301 39.3911 47.8245 38.3657 47.4673 37.2951C47.267 36.7592 46.9813 36.1615 46.561 35.677C44.5862 33.3764 41.9233 34.6991 40.9432 36.6073C40.8501 36.7806 40.757 36.954 40.7075 37.1287Z" fill="#2A2A62"/>
</g>
<path d="M18.7331 9.76114L22.9689 19.6265C23.1337 20.0102 23.5704 20.1919 23.9673 20.0418C24.3501 19.8972 24.5717 19.4903 24.4824 19.0959L22.1032 8.57969C21.853 7.47374 20.6401 6.91204 19.6113 7.42569C18.7466 7.85745 18.3587 8.88907 18.7331 9.76114Z" fill="#4ED4B2"/>
<path d="M9.13287 16.8728L17.8812 22.7658C18.2278 22.9993 18.6936 22.9215 18.9536 22.5867C19.2112 22.255 19.1824 21.7797 18.8871 21.4873L11.3628 14.0386C10.5576 13.2415 9.23437 13.4045 8.62441 14.376C8.09714 15.2157 8.32357 16.3276 9.13287 16.8728Z" fill="#4ED4B2"/>
<path d="M5.17502 27.3303L15.7045 28.3421C16.124 28.3824 16.5057 28.097 16.5851 27.6835C16.6645 27.2706 16.4164 26.8656 16.0123 26.7484L5.85642 23.8022C4.7639 23.4852 3.6523 24.2442 3.55095 25.3762C3.46259 26.3631 4.18761 27.2354 5.17502 27.3303Z" fill="#4ED4B2"/>
<defs>
<clipPath id="clip0">
<rect width="25.3797" height="26.5117" fill="white" transform="translate(40.8848 29.231) rotate(1.9082)"/>
</clipPath>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 7.5 KiB

Loading…
Cancel
Save