tlsnotary/website
1
0
Fork 0
mirror of https://github.com/tlsnotary/website.git synced 2026-01-07 21:24:15 -05:00
Code Issues Packages Projects Releases Wiki Activity

update brand look

Browse Source
This commit is contained in:
Chiali Tsai
2023-05-15 15:59:02 -04:00
parent e35d1a75ab
commit 7d530d9ee3
12 changed files with 376 additions and 385 deletions
Download Patch File Download Diff File Expand all files Collapse all files

697
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

BIN
public/android-chrome-192x192.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 9.6 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

BIN
public/android-chrome-512x512.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.9 KiB

After

Width:  |  Height:  |  Size: 7.1 KiB

BIN
public/apple-touch-icon.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 9.0 KiB

After

Width:  |  Height:  |  Size: 7.1 KiB

BIN
public/favicon-16x16.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 659 B

After

Width:  |  Height:  |  Size: 323 B

BIN
public/favicon-32x32.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 559 B

BIN
public/favicon.ico
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 7.2 KiB

After

Width:  |  Height:  |  Size: 15 KiB

2
src/components/Discord.css
View File

@@ -3,7 +3,7 @@
border: 2px solid var(--black);
border-left: none;
border-right: none;
background-color: var(--purple);
background-color: var(--iceberg-200);
}
/* .discord-text {

10
src/components/Hero.tsx
View File

@@ -1,5 +1,5 @@
import downArrow from "../images/arrow-down.svg";
import triangleGraphic from "../images/triangle-gfc.svg";
import triangleGraphic from "../images/pse-badge.svg";
import lockGraphic from "../images/lock-gfc.svg";
import "./Hero.css";
@@ -10,6 +10,10 @@ const Hero = () => (
<h1 className="text-3xl md:text-4xl lg:text-5xl xl:text-6xl lg:leading-[110%] font-bold">
Enhancing Ethereum through cryptographic research.
</h1>
<h3 className="text-xl lg:text-3xl xl:text-4xl lg:leading-[145%] xl:leading-[150%] font-semibold md:max-w-xl xl:max-w-2xl ">
We explore new use cases for zero-knowledge proofs and other cryptographic primitives through research and
proof-of-concepts.
</h3>
<a href="#Projects">
<div className="flex space-x-2">
<div className="font-semibold underline text-purple-800 active:text-opacity-70 transition-all lg:text-lg">
@@ -26,7 +30,7 @@ const Hero = () => (
<img className="hero-graphic" src={triangleGraphic} />
</div>
{/* Lock */}
<div className="md:w-1/4 bg-yellow-400">
{/* <div className="md:w-1/4 bg-yellow-400">
<div className="w-auto h-[91px] lg:w-[177.08px] lg:h-[173px] relative right-1/3 md:-right-2/4 xl:-right-3/4 top-6 md:top-12 lg:top-16 xl:top-32 hover:animate-bounce">
<img className="hero-graphic" src={lockGraphic} />
</div>
@@ -36,7 +40,7 @@ const Hero = () => (
We explore new use cases for zero-knowledge proofs and other cryptographic primitives through research and
proof-of-concepts.
</h3>
</div>
</div> */}
</div>
</div>
);

34
src/images/pse-badge.svg Normal file
View File

@@ -0,0 +1,34 @@
<svg width="319" height="316" viewBox="0 0 319 316" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M159.5 308C119.03 308 80.9895 292.397 52.3713 264.068C23.7595 235.733 8 198.063 8 158C8 117.937 23.7595 80.2669 52.3713 51.932C80.9832 23.5971 119.03 8 159.5 8C199.97 8 238.01 23.6034 266.629 51.932C295.241 80.2606 311 117.931 311 158C311 198.069 295.241 235.733 266.629 264.068C238.017 292.397 199.97 308 159.5 308ZM159.5 15.5745C121.077 15.5745 84.9549 30.3889 57.7838 57.2909C30.6128 84.193 15.6502 119.957 15.6502 158C15.6502 196.043 30.6128 231.807 57.7838 258.709C84.9549 285.611 121.077 300.426 159.5 300.426C197.923 300.426 234.045 285.611 261.216 258.709C288.387 231.807 303.35 196.043 303.35 158C303.35 119.957 288.387 84.193 261.216 57.2909C234.045 30.3889 197.923 15.5745 159.5 15.5745Z" fill="#030C0C"/>
<path d="M51.5104 142.729L31.352 138.569L32.8757 131.33C33.934 126.311 37.2299 123.824 41.5842 124.721L42.0241 124.809C46.3273 125.699 48.3674 129.291 47.3155 134.309L46.729 137.105L52.4539 138.285L51.5167 142.735L51.5104 142.729ZM36.178 134.921L42.8337 136.297L43.4649 133.286C43.9048 131.197 42.8528 129.676 40.851 129.265C38.7982 128.843 37.2491 129.821 36.8092 131.91L36.178 134.921Z" fill="#030C0C"/>
<path d="M56.0622 123.471L37.0833 115.568L40.1944 108.24C42.177 103.569 45.5304 101.537 49.7316 103.285L50.146 103.455C52.9065 104.604 54.1943 106.643 54.1815 109.25L62.9283 107.306L60.8691 112.16L53.1105 113.706L51.81 116.768L57.8473 119.28L56.0686 123.465L56.0622 123.471ZM42.4448 112.873L48.4821 115.385L49.9548 111.914C50.7262 110.102 50.0504 108.404 48.2143 107.647C46.4102 106.896 44.6889 107.59 43.9175 109.401L42.4448 112.873Z" fill="#030C0C"/>
<path d="M65.3891 103.778L47.9657 93.2238L50.3627 89.3482L67.7861 99.902L65.3891 103.778Z" fill="#030C0C"/>
<path d="M73.9575 91.2746L54.3411 82.9427L57.3884 79.3638L73.2435 86.4017L73.8555 85.6821L63.9358 71.6756L66.8938 68.204L78.7772 85.6253L73.9639 91.2809L73.9575 91.2746Z" fill="#030C0C"/>
<path d="M83.1319 80.5124L75.59 60.5662L81.3723 55.9647L99.6181 67.3896L95.9077 70.3373L91.4451 67.4527L84.7958 72.7485L86.702 77.6656L83.1255 80.5124H83.1319ZM88.0854 65.3003L81.2129 60.8566L80.4033 61.5004L83.355 69.0686L88.0854 65.3003Z" fill="#030C0C"/>
<path d="M96.8261 57.5682L96.5456 57.0254C94.2505 52.5564 94.6968 46.3327 101.002 43.1578C105.968 40.6582 110.781 41.9017 113.446 45.9982L109.328 48.0685C107.874 46.0992 105.407 45.6889 102.94 46.9324C99.6949 48.5672 99.0702 51.8053 100.83 55.2391C102.57 58.6223 105.617 60.0362 108.958 58.3572C111.476 57.0885 112.713 54.8477 111.986 52.5122L116.079 50.4545C117.673 54.6583 116.117 59.5123 110.903 62.1381C104.317 65.452 98.9108 61.6521 96.8197 57.5745L96.8261 57.5682Z" fill="#030C0C"/>
<path d="M128.274 54.7143L126.196 47.3229L125.227 47.588L116.085 37.0847L120.611 35.8349L127.108 43.5356L127.968 43.2958L129.103 33.4931L133.387 32.3128L131.507 45.8585L130.538 46.1236L132.616 53.515L128.274 54.7143Z" fill="#030C0C"/>
<path d="M154.502 47.7521L154.362 42.6015L149.415 42.734L149.319 39.1361L154.266 39.0036L154.126 33.8277L158.098 33.7204L158.238 38.8963L163.217 38.7637L163.313 42.3616L158.334 42.4942L158.474 47.6448L154.502 47.7521Z" fill="#030C0C"/>
<path d="M176.286 44.9244L180.628 45.8775C180.29 47.3924 181.163 48.9768 183.981 49.5954C186.467 50.1382 188.042 49.3807 188.38 47.8658C188.667 46.5971 187.793 45.6377 185.409 44.8866L183.936 44.4195C180.022 43.2202 177.976 40.4429 178.766 36.927C179.614 33.1398 183.037 31.4229 187.487 32.4013C192.186 33.4302 194.424 36.6177 193.556 40.487L189.183 39.5276C189.502 38.0948 188.724 36.5862 186.646 36.1317C184.65 35.6962 183.42 36.5862 183.127 37.8865C182.872 39.0226 183.401 40.102 185.205 40.6385L186.703 41.1119C190.962 42.4438 193.563 45.1706 192.74 48.8253C191.886 52.6378 188.189 54.4367 183.133 53.3258C177.695 52.1328 175.413 48.7622 176.273 44.9244H176.286Z" fill="#030C0C"/>
<path d="M198.778 46.5147L199.026 45.9592C201.092 41.383 206.256 37.8104 212.72 40.6697C217.801 42.9168 219.854 47.4047 218.318 52.0315L214.104 50.1694C214.741 47.8087 213.504 45.6563 210.973 44.539C207.652 43.0683 204.713 44.6211 203.132 48.1369C201.57 51.6022 202.373 54.8403 205.797 56.3552C208.379 57.4977 210.91 57.0369 212.287 55.0108L216.475 56.8665C214.18 60.7358 209.386 62.5915 204.05 60.2308C197.305 57.2515 196.891 50.6933 198.778 46.521V46.5147Z" fill="#030C0C"/>
<path d="M215.27 64.852L232.789 52.4866L238.769 56.8293L232.33 77.2362L228.492 74.4526L230.156 69.4408L223.271 64.4417L218.968 67.5346L215.264 64.8456L215.27 64.852ZM231.393 65.6662L233.956 57.9402L233.121 57.3343L226.497 62.1125L231.393 65.6662Z" fill="#030C0C"/>
<path d="M235.039 80.2278L249.925 66.3791L253.068 69.6929L241.121 80.8148L246.604 86.5903L243.665 89.3235L235.039 80.2404V80.2278Z" fill="#030C0C"/>
<path d="M246.426 93.0977L262.976 81.2499L265.666 84.9299L249.116 96.7776L246.426 93.0977Z" fill="#030C0C"/>
<path d="M252.807 101.62L271.136 92.6886L274.457 99.373L262.867 113.512L263.039 113.859L278.027 106.556L279.927 110.388L261.598 119.319L258.251 112.584L269.841 98.4452L269.669 98.098L254.681 105.401L252.8 101.62H252.807Z" fill="#030C0C"/>
<path d="M272.966 121.465L273.565 121.326C278.583 120.184 284.524 122.412 286.048 128.977C287.285 134.298 284.919 138.729 280.412 140.206L279.386 135.781C281.483 134.935 282.497 132.6 281.872 129.93C281.069 126.477 277.983 125.044 274.273 125.89C270.371 126.78 268.312 129.52 269.186 133.275C269.651 135.276 270.767 136.753 272.188 137.422L273.852 137.044L272.654 131.887L275.873 131.154L278.391 142.005L275.172 142.737L274.796 141.115L271.417 141.885C268.274 140.837 266.036 138.11 265.125 134.19C263.486 127.115 268.032 122.589 272.966 121.465Z" fill="#030C0C"/>
<path d="M215.78 162.185C215.78 164.129 214.391 165.751 212.535 166.123C212.274 166.18 212 166.205 211.719 166.205H198.172C195.928 166.205 194.111 168.004 194.111 170.226V183.639C194.111 185.028 193.404 186.252 192.32 186.972C191.886 187.262 191.395 187.471 190.866 187.578C190.605 187.628 190.331 187.66 190.05 187.66H176.503C174.259 187.66 172.442 189.459 172.442 191.681V205.094C172.442 207.316 170.625 209.115 168.381 209.115H154.834C152.59 209.115 150.773 207.316 150.773 205.094V191.681C150.773 189.459 152.59 187.66 154.834 187.66H168.381C170.625 187.66 172.442 185.861 172.442 183.639V170.226C172.442 168.004 174.259 166.205 176.503 166.205H190.05C192.294 166.205 194.111 164.406 194.111 162.185V144.751C194.111 132.928 184.453 123.34 172.518 123.296C160.59 123.34 150.926 132.928 150.926 144.751V162.185C150.926 164.406 149.109 166.205 146.865 166.205H133.317C131.073 166.205 129.256 168.004 129.256 170.226V205.094C129.256 207.316 127.439 209.115 125.195 209.115H111.648C109.404 209.115 107.587 207.316 107.587 205.094V170.226C107.587 168.004 109.404 166.205 111.648 166.205H125.195C127.439 166.205 129.256 164.406 129.256 162.185V144.675C129.256 121.017 148.624 101.841 172.518 101.841C196.413 101.841 215.78 121.017 215.78 144.675V162.185Z" fill="#030C0C"/>
<path d="M159.5 252.371C106.943 252.371 64.1842 210.036 64.1842 158C64.1842 105.963 106.943 63.6278 159.5 63.6278C212.057 63.6278 254.815 105.963 254.815 158C254.815 210.036 212.057 252.371 159.5 252.371ZM159.5 67.4151C109.053 67.4151 68.0093 108.052 68.0093 158C68.0093 207.947 109.053 248.584 159.5 248.584C209.946 248.584 250.99 207.947 250.99 158C250.99 108.052 209.946 67.4151 159.5 67.4151Z" fill="#030C0C"/>
<path d="M46.6912 221.67L63.9425 210.833L70.7193 221.405L67.5062 223.425L63.1265 216.595L59.4671 218.893L63.6046 225.35L60.3915 227.37L56.254 220.913L52.3078 223.394L56.7895 230.387L53.5764 232.407L46.6976 221.67H46.6912Z" fill="#030C0C"/>
<path d="M57.1021 237.405L69.6166 235.272L72.5747 224.188L75.9727 227.868L73.9454 235.032L74.3789 235.506L81.7295 234.104L85.0318 237.683L73.4354 239.659L70.388 251.803L66.9709 248.104L69.164 239.886L68.7114 239.394L60.3981 240.984L57.0958 237.405H57.1021Z" fill="#030C0C"/>
<path d="M75.8007 256.329L88.2068 240.063L94.1676 244.519C98.2987 247.606 99.1594 251.621 96.4818 255.136L96.214 255.49C93.5683 258.961 89.4117 259.258 85.287 256.172L82.9855 254.455L79.46 259.075L75.8007 256.336V256.329ZM89.4755 245.94L85.3762 251.311L87.8562 253.161C89.5775 254.448 91.4135 254.152 92.6439 252.542C93.9062 250.882 93.6767 249.077 91.9554 247.789L89.4755 245.94Z" fill="#030C0C"/>
<path d="M94.6135 269.34L104.081 251.42L108.148 253.528L100.549 267.913L107.638 271.587L105.77 275.122L94.6135 269.346V269.34Z" fill="#030C0C"/>
<path d="M114.16 268.28L114.338 267.699C115.811 262.902 120.924 258.849 127.803 260.926C134.656 262.99 136.671 269.189 135.192 273.986L135.013 274.566C133.674 278.915 128.581 283.492 121.517 281.358C114.447 279.225 112.821 272.629 114.16 268.28ZM130.653 272.963C131.762 269.359 130.251 266.096 126.553 264.978C122.862 263.867 119.796 265.748 118.686 269.353C117.641 272.749 119.069 276.189 122.766 277.3C126.458 278.411 129.613 276.353 130.653 272.957V272.963Z" fill="#030C0C"/>
<path d="M140.375 285.258L142.134 264.939L150.135 265.621C155.235 266.056 158.219 268.587 157.83 273.088L157.792 273.53C157.537 276.484 155.975 278.327 153.463 279.11L158.021 286.754L152.723 286.305L148.854 279.469L145.507 279.185L144.946 285.643L140.375 285.251V285.258ZM146.374 269.168L145.813 275.625L149.606 275.947C151.582 276.118 153.004 274.956 153.176 273C153.342 271.068 152.143 269.66 150.167 269.49L146.374 269.168Z" fill="#030C0C"/>
<path d="M163.472 286.767L167.915 265.925L175.285 265.111L184.497 284.445L179.767 284.968L177.567 280.165L169.082 281.099L168.03 286.262L163.472 286.761V286.767ZM175.897 276.561L172.505 269.157L171.479 269.27L169.866 277.224L175.903 276.561H175.897Z" fill="#030C0C"/>
<path d="M193.448 281.981L188.877 266.359L183.369 267.937L182.253 264.131L197.707 259.7L198.822 263.506L193.282 265.09L197.853 280.713L193.448 281.975V281.981Z" fill="#030C0C"/>
<path d="M209.692 276.454L201.449 257.947L205.65 256.11L213.894 274.617L209.692 276.454Z" fill="#030C0C"/>
<path d="M215.64 263.286L215.302 262.775C212.535 258.571 212.681 252.095 218.712 248.213C224.711 244.344 230.806 246.793 233.567 250.997L233.904 251.508C236.41 255.314 236.678 262.119 230.487 266.108C224.297 270.097 218.145 267.092 215.64 263.286ZM229.856 253.787C227.778 250.631 224.284 249.677 221.046 251.767C217.814 253.856 217.297 257.391 219.375 260.547C221.333 263.52 224.909 264.65 228.148 262.56C231.386 260.471 231.813 256.76 229.856 253.787Z" fill="#030C0C"/>
<path d="M245.884 254.279L231.189 240.228L236.416 234.869L253.776 240.878L254.05 240.6L242.033 229.112L245.029 226.045L259.724 240.089L254.458 245.492L237.099 239.483L236.824 239.761L248.842 251.249L245.89 254.279H245.884Z" fill="#030C0C"/>
<path d="M259.214 230.508L261.599 226.79C262.918 227.624 264.723 227.346 266.272 224.935C267.636 222.808 267.451 221.084 266.125 220.251C265.016 219.551 263.805 220.043 262.281 222.006L261.337 223.218C258.864 226.456 255.53 227.409 252.463 225.478C249.154 223.401 248.689 219.626 251.137 215.814C253.719 211.793 257.506 210.796 260.885 212.917L258.488 216.66C257.238 215.871 255.542 216.085 254.401 217.865C253.305 219.569 253.732 221.021 254.867 221.734C255.861 222.359 257.066 222.233 258.188 220.737L259.144 219.5C261.86 215.991 265.335 214.501 268.522 216.502C271.85 218.597 272.303 222.65 269.523 226.98C266.54 231.632 262.561 232.61 259.208 230.502L259.214 230.508Z" fill="#030C0C"/>
<path d="M272.153 176.717L270.929 182.654C270.727 183.635 271.365 184.592 272.355 184.792L278.352 186.004C279.342 186.204 280.308 185.572 280.511 184.591L281.735 178.654C281.937 177.674 281.298 176.717 280.308 176.517L274.312 175.305C273.322 175.105 272.355 175.737 272.153 176.717Z" fill="#030C0C"/>
<path d="M44.6949 175.304L38.6984 176.516C37.7083 176.716 37.0696 177.673 37.2718 178.653L38.4961 184.59C38.6983 185.57 39.6648 186.203 40.6548 186.003L46.6513 184.791C47.6414 184.59 48.2801 183.633 48.078 182.653L46.8536 176.716C46.6515 175.736 45.685 175.103 44.6949 175.304Z" fill="#030C0C"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 12 KiB

12
src/images/pse-logo.svg
View File

@@ -1,8 +1,6 @@
<svg width="57" height="80" viewBox="0 0 57 80" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M42.486 27.5443C42.3229 27.3483 42.0984 27.2133 41.8489 27.1611C41.5995 27.1089 41.3398 27.1427 41.1119 27.257L28.0584 33.7919L15.0048 27.257C14.7772 27.1428 14.5177 27.1089 14.2684 27.1608C14.0191 27.2128 13.7947 27.3475 13.6314 27.5432C13.4682 27.7388 13.3757 27.9839 13.369 28.2388C13.3624 28.4937 13.4418 28.7433 13.5946 28.9473L27.1544 47.0496C27.168 47.0677 27.1906 47.0745 27.2064 47.0926C27.2818 47.1818 27.3711 47.2582 27.4708 47.3189C27.5065 47.3467 27.5443 47.3716 27.5838 47.3936C27.731 47.468 27.8935 47.5067 28.0584 47.5067C28.2232 47.5067 28.3858 47.468 28.533 47.3936C28.5725 47.3716 28.6103 47.3467 28.646 47.3189C28.7457 47.2582 28.835 47.1818 28.9104 47.0926C28.9262 47.0745 28.9488 47.0677 28.9624 47.0496L42.5221 28.9473C42.6747 28.7435 42.7541 28.4941 42.7476 28.2395C42.741 27.9849 42.6488 27.74 42.486 27.5443ZM26.9284 35.756V42.9766L18.275 31.4363L26.9284 35.756ZM29.1884 42.9766V35.756L37.8418 31.4363L29.1884 42.9766Z" fill="#151616"/>
<path d="M13.4003 23.874C13.3992 23.9362 13.4037 23.9983 13.4139 24.0596C13.4252 24.0958 13.4523 24.1229 13.4658 24.1569C13.4712 24.1883 13.4788 24.2193 13.4884 24.2497C13.502 24.2791 13.5359 24.2904 13.5517 24.3175C13.6274 24.4431 13.7273 24.5523 13.8455 24.6389C13.8839 24.666 13.911 24.6977 13.9495 24.7203C13.9879 24.743 13.9766 24.7475 13.9924 24.7543L27.5522 31.5427H27.5838C27.7315 31.6155 27.8938 31.6534 28.0584 31.6534C28.223 31.6534 28.3854 31.6155 28.533 31.5427H28.5647L42.1244 24.7543C42.1576 24.7313 42.1893 24.7064 42.2194 24.6796C42.29 24.6353 42.3552 24.5829 42.4137 24.5235C42.4637 24.4723 42.5084 24.4162 42.5471 24.356C42.5761 24.3221 42.6033 24.2866 42.6284 24.2497C42.6442 24.2157 42.642 24.1818 42.6555 24.1501C42.6731 24.1209 42.689 24.0907 42.703 24.0596C42.7064 24.0189 42.7064 23.9781 42.703 23.9374C42.719 23.8593 42.7251 23.7794 42.7211 23.6998C42.7186 23.6336 42.7102 23.5677 42.6962 23.5029C42.6776 23.4247 42.6504 23.3488 42.6149 23.2767C42.6052 23.2404 42.5931 23.2049 42.5787 23.1703L29.0189 0.542325C29.0031 0.517434 28.9737 0.508383 28.9579 0.485755C28.8589 0.336392 28.7246 0.213869 28.5669 0.129113C28.4091 0.0443559 28.2329 0 28.0539 0C27.8749 0 27.6987 0.0443559 27.5409 0.129113C27.3832 0.213869 27.2489 0.336392 27.1499 0.485755C27.1341 0.508383 27.1047 0.517434 27.0889 0.542325L13.5291 23.1703C13.4389 23.3309 13.3893 23.5111 13.3845 23.6953C13.3845 23.7156 13.3687 23.7315 13.3687 23.7518C13.3766 23.7932 13.3872 23.834 13.4003 23.874V23.874ZM26.9284 28.7006L17.0253 23.7428L26.9284 18.785V28.7006ZM29.1884 18.785L39.0916 23.7428L29.1884 28.7006V18.785ZM29.1884 16.2552V5.19916L38.6509 20.9912L29.1884 16.2552ZM26.9284 16.2552L17.4637 20.9935L26.9284 5.19916V16.2552Z" fill="#151616"/>
<path d="M0 55.2907L2.99072 51.2631L14.6817 51.2631C19.3037 51.3973 21.3428 54.2167 21.7507 54.7537C23.6538 51.6658 31.9463 48.8465 37.5199 53.1426V51.2631H56.5517V60.7952H56.008V66.0311H56.5517V75.429L53.561 79.4567H34.5292V77.8456C25.1492 83.0815 17.1286 77.04 16.8568 72.2069C16.2042 72.8513 14.4098 73.3704 13.5942 73.5494V75.429L10.6034 79.4567H0V55.2907Z" fill="#282A2D"/>
<path d="M5.16578 72.6376V53.8907H13.3594C14.7682 53.8907 16.001 54.1653 17.0576 54.7145C18.1142 55.2637 18.9361 56.0357 19.5231 57.0304C20.1101 58.0251 20.4036 59.1876 20.4036 60.518C20.4036 61.8605 20.1008 63.0231 19.4953 64.0056C18.8959 64.9881 18.0524 65.7448 16.9649 66.2757C15.8835 66.8066 14.6199 67.0721 13.174 67.0721H10.3192V63.1176H12.1359C12.7414 63.1176 13.2574 63.0139 13.6838 62.8064C14.1163 62.5928 14.4469 62.2908 14.6755 61.9002C14.9103 61.5096 15.0277 61.0489 15.0277 60.518C15.0277 59.981 14.9103 59.5233 14.6755 59.1449C14.4469 58.7605 14.1163 58.4675 13.6838 58.2662C13.2574 58.0587 12.7414 57.9549 12.1359 57.9549H10.3192V72.6376H5.16578Z" fill="#FCFCFC"/>
<path d="M32.5271 59.7491C32.4777 59.1388 32.246 58.6628 31.832 58.3211C31.4241 57.9793 30.8031 57.8085 29.969 57.8085C29.4375 57.8085 29.0019 57.8725 28.6621 58.0007C28.3284 58.1227 28.0812 58.2906 27.9206 58.5042C27.7599 58.7177 27.6765 58.9618 27.6703 59.2365C27.6579 59.4622 27.6981 59.6667 27.7908 59.8498C27.8897 60.0267 28.0441 60.1884 28.2542 60.3349C28.4643 60.4753 28.7331 60.6034 29.0606 60.7194C29.3881 60.8353 29.7774 60.9391 30.2285 61.0306L31.7856 61.3601C32.8361 61.5798 33.7352 61.8697 34.4828 62.2297C35.2305 62.5898 35.8422 63.0139 36.318 63.5021C36.7938 63.9842 37.143 64.5273 37.3654 65.1315C37.594 65.7356 37.7115 66.3947 37.7176 67.1087C37.7115 68.3414 37.3994 69.3849 36.7815 70.2393C36.1636 71.0936 35.2799 71.7435 34.1306 72.189C32.9875 72.6345 31.6126 72.8572 30.006 72.8572C28.3562 72.8572 26.9164 72.6162 25.6868 72.1341C24.4633 71.652 23.5117 70.9105 22.832 69.9097C22.1585 68.9028 21.8186 67.6152 21.8125 66.0468H26.7064C26.7373 66.6205 26.8825 67.1026 27.142 67.4931C27.4015 67.8837 27.7661 68.1797 28.2357 68.3811C28.7115 68.5824 29.2769 68.6831 29.9319 68.6831C30.4818 68.6831 30.9422 68.616 31.3129 68.4817C31.6837 68.3475 31.9648 68.1614 32.1564 67.9234C32.3479 67.6854 32.4468 67.4138 32.453 67.1087C32.4468 66.8219 32.351 66.5717 32.1656 66.3581C31.9865 66.1384 31.6899 65.9431 31.2758 65.7722C30.8618 65.5953 30.3026 65.4305 29.5982 65.2779L27.7074 64.8752C26.0266 64.5151 24.7012 63.914 23.7311 63.0719C22.7671 62.2236 22.2883 61.0672 22.2944 59.6026C22.2883 58.4126 22.6096 57.3721 23.2584 56.4812C23.9134 55.5841 24.8186 54.8854 25.9741 54.385C27.1358 53.8846 28.4674 53.6344 29.969 53.6344C31.5014 53.6344 32.8268 53.8876 33.9452 54.3941C35.0637 54.9006 35.9257 55.6146 36.5312 56.5361C37.143 57.4515 37.4519 58.5225 37.4581 59.7491H32.5271Z" fill="#FCFCFC"/>
<path d="M39.678 72.6376V53.8907H53.3586V57.9915H44.8314V61.2137H52.6542V65.3145H44.8314V68.5367H53.3216V72.6376H39.678Z" fill="#FCFCFC"/>
<svg width="56" height="80" viewBox="0 0 56 80" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M52.9329 28.2497C52.9329 29.1611 52.2887 29.9179 51.4379 30.0928C51.3164 30.1173 51.1908 30.1295 51.0612 30.1295H44.8099C43.7728 30.1295 42.9342 30.9717 42.9342 32.0133V38.2915C42.9342 38.9425 42.606 39.5121 42.1077 39.8539C41.9092 39.9882 41.6823 40.0858 41.4392 40.1387C41.3177 40.1631 41.1921 40.1753 41.0624 40.1753H34.8112C33.774 40.1753 32.9354 41.0176 32.9354 42.0592V48.3374C32.9354 49.379 32.0968 50.2212 31.0596 50.2212H24.8084C23.7713 50.2212 22.9326 49.379 22.9326 48.3374V42.0592C22.9326 41.0176 23.7713 40.1753 24.8084 40.1753H31.0596C32.0968 40.1753 32.9354 39.3331 32.9354 38.2915V32.0133C32.9354 30.9717 33.774 30.1295 34.8112 30.1295H41.0624C42.0996 30.1295 42.9382 29.2872 42.9382 28.2456V20.0836C42.9382 14.55 38.4817 10.0581 32.9719 10.0418C27.4661 10.0621 23.0056 14.55 23.0056 20.0836V28.2456C23.0056 29.2872 22.1669 30.1295 21.1298 30.1295H14.8786C13.8414 30.1295 13.0028 30.9717 13.0028 32.0133V48.3374C13.0028 49.379 12.1642 50.2212 11.127 50.2212H4.87577C3.83863 50.2212 3 49.379 3 48.3374V32.0133C3 30.9717 3.83863 30.1295 4.87577 30.1295H11.127C12.1642 30.1295 13.0028 29.2872 13.0028 28.2456V20.047C13.0028 8.97578 21.9401 0 32.9678 0C43.9956 0 52.9329 8.97577 52.9329 20.051V28.2497Z" fill="#030C0C"/>
<path d="M3.00363 80V58.0083H6.18296V60.2615H6.68662C7.08535 59.5633 7.68344 58.9392 8.4809 58.3892C9.29934 57.8391 10.464 57.5641 11.975 57.5641C13.2761 57.5641 14.4618 57.8814 15.5321 58.5161C16.6234 59.1508 17.4943 60.0711 18.1448 61.277C18.8164 62.4617 19.1521 63.9003 19.1521 65.5928V66.0688C19.1521 67.7613 18.8269 69.2104 18.1763 70.4163C17.5257 71.6011 16.6548 72.5108 15.5636 73.1455C14.4723 73.7801 13.2761 74.0975 11.975 74.0975C10.9677 74.0975 10.1178 73.9705 9.42526 73.7167C8.73273 73.4628 8.17661 73.1455 7.75689 72.7647C7.33718 72.3627 7.00141 71.9501 6.74958 71.527H6.24592V80H3.00363ZM11.0307 71.2414C12.4577 71.2414 13.6224 70.7866 14.5248 69.8769C15.4272 68.9672 15.8784 67.6661 15.8784 65.9736V65.688C15.8784 64.0167 15.4167 62.7261 14.4933 61.8164C13.5909 60.9067 12.4367 60.4519 11.0307 60.4519C9.64561 60.4519 8.49139 60.9067 7.56802 61.8164C6.66564 62.7261 6.21444 64.0167 6.21444 65.688V65.9736C6.21444 67.6661 6.66564 68.9672 7.56802 69.8769C8.49139 70.7866 9.64561 71.2414 11.0307 71.2414Z" fill="#030C0C"/>
<path d="M28.8987 74.0975C26.926 74.0975 25.2891 73.6532 23.988 72.7647C22.6869 71.8761 21.8894 70.5327 21.5956 68.7344L24.6176 68.0046C24.7855 68.872 25.0688 69.5595 25.4675 70.0673C25.8662 70.575 26.3594 70.9347 26.947 71.1462C27.5556 71.3578 28.2061 71.4636 28.8987 71.4636C29.927 71.4636 30.7139 71.2626 31.2596 70.8606C31.8262 70.4586 32.1095 69.9403 32.1095 69.3056C32.1095 68.671 31.8472 68.2055 31.3225 67.9094C30.7979 67.6132 30.0214 67.3699 28.9931 67.1795L27.9228 66.9891C26.8736 66.7987 25.9187 66.5236 25.0583 66.164C24.1979 65.8043 23.5158 65.3072 23.0122 64.6725C22.5085 64.0378 22.2567 63.2233 22.2567 62.229C22.2567 60.748 22.8023 59.6056 23.8936 58.8017C24.9848 57.9766 26.4329 57.5641 28.2376 57.5641C29.9794 57.5641 31.4065 57.966 32.5187 58.77C33.6519 59.5527 34.3864 60.6211 34.7222 61.9751L31.7003 62.8319C31.5114 61.8799 31.1127 61.2135 30.5041 60.8327C29.8955 60.4307 29.14 60.2297 28.2376 60.2297C27.3562 60.2297 26.6637 60.399 26.16 60.7375C25.6564 61.0548 25.4046 61.5097 25.4046 62.102C25.4046 62.7367 25.6459 63.2021 26.1286 63.4983C26.6322 63.7945 27.3038 64.0167 28.1432 64.1647L29.2449 64.3551C30.3572 64.5455 31.375 64.81 32.2984 65.1485C33.2217 65.487 33.9457 65.9736 34.4704 66.6083C35.016 67.2429 35.2888 68.0892 35.2888 69.147C35.2888 70.7125 34.7117 71.929 33.5575 72.7964C32.4033 73.6638 30.8503 74.0975 28.8987 74.0975Z" fill="#030C0C"/>
<path d="M45.5631 74.0975C43.9892 74.0975 42.6146 73.7696 41.4394 73.1137C40.2642 72.4367 39.3409 71.4953 38.6693 70.2894C38.0188 69.0624 37.6935 67.6449 37.6935 66.037V65.6562C37.6935 64.0272 38.0188 62.6098 38.6693 61.4039C39.3199 60.1768 40.2223 59.2354 41.3765 58.5796C42.5517 57.9026 43.9053 57.5641 45.4372 57.5641C46.9272 57.5641 48.2283 57.9026 49.3406 58.5796C50.4738 59.2354 51.3552 60.1557 51.9848 61.3404C52.6143 62.5251 52.9291 63.9109 52.9291 65.4976V66.7352H40.9987C41.0407 68.1103 41.4919 69.2104 42.3523 70.0355C43.2337 70.8395 44.325 71.2414 45.6261 71.2414C46.8433 71.2414 47.7561 70.9664 48.3647 70.4163C48.9943 69.8663 49.477 69.2316 49.8127 68.5123L52.4884 69.9086C52.1946 70.501 51.7644 71.1251 51.1978 71.7809C50.6522 72.4367 49.9282 72.9868 49.0258 73.4311C48.1234 73.8753 46.9692 74.0975 45.5631 74.0975ZM41.0302 64.2282H49.6239C49.5399 63.0435 49.1202 62.1232 48.3647 61.4674C47.6092 60.7904 46.6229 60.4519 45.4057 60.4519C44.1886 60.4519 43.1917 60.7904 42.4153 61.4674C41.6598 62.1232 41.1981 63.0435 41.0302 64.2282Z" fill="#030C0C"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.7 KiB

After

Width:  |  Height:  |  Size: 4.7 KiB

6
src/index.css
View File

@@ -12,6 +12,7 @@
--white: #fcfcfc;
--box-shadow: -5px 3px 0px var(--gray);
--black: #151616;
--iceberg-200: #A7E8DC;
--twitter: #1da1f2;
--telegram: #0088cc;
@@ -21,7 +22,7 @@
--discord: #7289da;
--website: var(--green);
--background: #f3f0fe;
--background: #F2FBF9;
--text-color: #151616;
--border-color: var(--text-color);
--border-radius: 4px;
@@ -29,6 +30,7 @@
--link-bold: #854ad1;
--padding: 10px;
}
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap');
body {
color: var(--black);
@@ -39,7 +41,7 @@ body {
text-rendering: optimizeLegibility;
background-color: var(--background);
background-attachment: fixed;
font-family: "Inter", sans-serif;
font-family: 'Space Grotesk', sans-serif;;
}
h1,