Stone_Red/website
1
0
Fork 0
mirror of https://github.com/Stone-Red-Code/website.git synced 2026-09-06 23:43:45 +02:00
Code Issues Packages Projects Releases Wiki Activity

ui: first pass on redesign (#228)

Browse Source
This commit is contained in:
Jean-Philippe Sirois
2020-05-11 02:00:57 -04:00
committed by GitHub
parent 12d1346d4b
commit ab8e8edd5a
40 changed files with 779 additions and 362 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/images/circles.svg
+3
View File
@@ -0,0 +1,3 @@
<svg fill="none" viewBox="0 0 1340 635">
<path fill="#EEF2F5" fill-opacity=".5" d="M863 120.73a32.79 32.79 0 110-65.58 32.79 32.79 0 010 65.58zM1188.94 493.27a64.09 64.09 0 110-128.18 64.09 64.09 0 010 128.18zM44.71 310.02a44.72 44.72 0 110-89.43 44.72 44.72 0 010 89.43zM393.49 634.95a44.72 44.72 0 110-89.43 44.72 44.72 0 010 89.43zM1328.03 23.85a11.93 11.93 0 110-23.85 11.93 11.93 0 010 23.85zM1211.77 253.38a11.92 11.92 0 110-23.84 11.92 11.92 0 010 23.84zM292.14 132.66a11.92 11.92 0 110-23.85 11.92 11.92 0 010 23.84zM70.05 478.45a11.92 11.92 0 110-23.85 11.92 11.92 0 010 23.85zM45.46 607.02a19.38 19.38 0 1119.38-33.57 19.38 19.38 0 01-19.38 33.57zM534.34 273.14a19.38 19.38 0 1119.38-33.56 19.38 19.38 0 01-19.38 33.56zM857.03 493.35a13.41 13.41 0 110-26.83 13.41 13.41 0 010 26.83z"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 804 B

src/images/tph-banner.svg
-68
View File
File diff suppressed because one or more lines are too long
Side by Side

Before

Width:  |  Height:  |  Size: 14 KiB

src/images/waves-top2.svg
+33
View File
@@ -0,0 +1,33 @@
<svg fill="none" viewBox="0 0 1292 653">
<g clip-path="url(#top2_mask)" opacity=".7">
<path fill="url(#top2_gradient1)" d="M81.27 608.1s164.68 80.48 292.77 25.22c128.1-55.26 124.75-229.97 226.97-280.8 102.23-50.81 283.17 46.84 386.02 51.39 102.84 4.54 148.41-14.37 257.29-104.05 108.87-89.68-4.22-283.29-4.22-283.29s-444.7 7.5-493.54 20.32c-48.83 12.81-495.8 149.4-495.8 149.4L0 302.53 81.27 608.1z"/>
<path fill="url(#top2_gradient2)" d="M81.27 591.53S245.94 672 374.03 616.75c128.1-55.26 124.75-229.98 226.97-280.8 102.23-50.81 283.17 46.84 386.02 51.39 102.84 4.54 148.41-14.37 257.29-104.05C1353.19 193.61 1240.1 0 1240.1 0S795.4 7.5 746.56 20.32c-48.83 12.81-495.8 149.4-495.8 149.4L0 285.96l81.27 305.57z"/>
<path fill="url(#top2_gradient3)" d="M81.27 599.38s164.68 80.47 292.77 25.22c128.1-55.26 124.75-229.98 226.97-280.8C703.24 293 884.18 390.65 987.03 395.2c102.84 4.54 148.41-14.37 257.29-104.05 108.87-89.68-4.22-283.29-4.22-283.29s-444.7 7.5-493.54 20.32c-48.83 12.81-495.8 149.4-495.8 149.4L0 293.8l81.27 305.57z" opacity=".68"/>
<path fill="url(#top2_gradient4)" d="M225.64 353.63c76.4 41.07 295.11 131.56 354.85 105.79 59.75-25.77 58.19-107.26 105.87-130.97 47.67-23.7 132.07 21.85 180.04 23.97 47.97 2.12 69.22-6.7 120-48.53s-1.97-132.13-1.97-132.13-205.76-22.63-228.54-16.65-251.53 35.16-251.53 35.16l-465.61 46.3s110.48 75.98 186.89 117.06z" opacity=".39"/>
</g>
<defs>
<linearGradient id="top2_gradient1" x1="743.55" x2="400.27" y1="70.57" y2="757.12" gradientUnits="userSpaceOnUse">
<stop stop-color="#345EFE"/>
<stop offset=".51" stop-color="#03B8FF"/>
<stop offset="1" stop-color="#00FCFF"/>
</linearGradient>
<linearGradient id="top2_gradient2" x1="715.46" x2="381.83" y1="121.82" y2="738.99" gradientUnits="userSpaceOnUse">
<stop stop-color="#345EFE"/>
<stop offset=".51" stop-color="#03B8FF"/>
<stop offset="1" stop-color="#00FCFF"/>
</linearGradient>
<linearGradient id="top2_gradient3" x1="743.55" x2="400.27" y1="61.85" y2="748.4" gradientUnits="userSpaceOnUse">
<stop stop-color="#345EFE"/>
<stop offset=".51" stop-color="#03B8FF"/>
<stop offset="1" stop-color="#00FCFF"/>
</linearGradient>
<linearGradient id="top2_gradient4" x1="573.02" x2="428.65" y1="168.74" y2="420.27" gradientUnits="userSpaceOnUse">
<stop stop-color="#345EFE"/>
<stop offset=".51" stop-color="#03B8FF"/>
<stop offset="1" stop-color="#00FCFF"/>
</linearGradient>
<clipPath id="top2_mask">
<path fill="#fff" d="M0 0h1291.64v652.7H0z"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.5 KiB