Styled about page a bit more
This commit is contained in:
1252
public/images/patterns/poly.svg
Normal file
1252
public/images/patterns/poly.svg
Normal file
File diff suppressed because it is too large
Load Diff
|
After Width: | Height: | Size: 70 KiB |
144
public/images/patterns/vert.svg
Normal file
144
public/images/patterns/vert.svg
Normal file
@ -0,0 +1,144 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 22.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
viewBox="0 0 400 400" style="enable-background:new 0 0 400 400;" xml:space="preserve">
|
||||
<style type="text/css">
|
||||
.st0{clip-path:url(#SVGID_1_);fill:#17CEB3;}
|
||||
</style>
|
||||
<g>
|
||||
<g>
|
||||
<defs>
|
||||
<rect id="SVGID_15_" width="400" height="400"/>
|
||||
</defs>
|
||||
<use xlink:href="#SVGID_15_" style="overflow:visible;"/>
|
||||
<clipPath id="SVGID_1_">
|
||||
<use xlink:href="#SVGID_15_" style="overflow:visible;"/>
|
||||
</clipPath>
|
||||
<polygon class="st0" points="288.9,87.7 287.9,59.6 278.6,41.4 290.5,28.7 261,-0.3 264.4,-3.7 297.2,28.5 284.4,42.2 292.7,58.4
|
||||
293.3,77.5 321.1,53.8 309.6,37.4 319.4,7.9 289.7,-13 292.5,-16.9 325.1,6.1 314.9,36.6 327.5,54.6 "/>
|
||||
<path class="st0" d="M372.2,172.4l-23-23.5l-25.5,2.8l-3.7,0.4l-2.5,0.3l-0.4,0l-0.4,0.5l-1,0.6l0.3,1.6c0.1,0.5,0.4,1.8,0.9,3.4
|
||||
c1.1,3.7,2.9,9.3,4.1,13c0.5,1.5,0.9,2.8,1.1,3.4l0.2,0.7l0.6,0.4l14.5,10.5l-10.5,26.7l0,0l0,3.4l4.8-1.1l42.8-9.6L372.2,172.4z
|
||||
M333.2,210.5l10-25.5l-16.9-12.2c-0.1-0.3-0.2-0.6-0.3-1l-0.1-0.2c-1.6-4.9-3.6-11.2-4.6-14.7l0.1,0l26-2.9l20.2,20.5l1.8,27.9
|
||||
L333.2,210.5z"/>
|
||||
<path class="st0" d="M190.8,85.1l-46.6-4.4l4.7-20.7l-24.2-17.7l28.8-15.6l32.1,14.3v16.8l17,7.2L190.8,85.1z M150,76.5l38.2,3.6
|
||||
l7.4-12.7l-15-6.4V44.2l-27.1-12.1l-20,10.8L154.2,58L150,76.5z"/>
|
||||
<path class="st0" d="M200.5,227.8l6.4-21.9L175,179.4l-30.7,28.2l-3.3,3l2.8,2.4l34.9,29.2l-6.7,12.8l0,0l-1.7,3.3l4.4,0.8l33,5.7
|
||||
l12.6-20.5L200.5,227.8z M205.4,259.6l-27.7-4.8l7.1-13.7l-33.8-28.4l-2.6-2.2l0.5-0.4l26.4-24.3l26.2,21.8l-6.4,21.9l19.1,15.9
|
||||
L205.4,259.6z"/>
|
||||
<path class="st0" d="M331.3,261.5v-22l-21.6,21.1v-13.9l-19.9-1.3L285,245l-0.6,2.4v22.1l-16.8,24.3l29.2,10.8l12.3-17.3l16.5,9.8
|
||||
l15.9-21.3L331.3,261.5z M324.3,290.8l-16.6-9.9L295,298.8l-19.9-7.4l14.1-20.5v-20.9l15.7,1v20.8l21.6-21.1V263l9,12.8
|
||||
L324.3,290.8z"/>
|
||||
<polygon class="st0" points="199.9,110.5 187.3,83.6 191.7,81.6 202.3,104.4 231,93.3 235.8,69 199.1,68.6 199.1,63.8 241.6,64.2
|
||||
235.2,96.8 "/>
|
||||
<path class="st0" d="M326,171.8l-0.1-0.2l-4.5-14.7l-0.5-1.6l-1-3.1l-0.3-1.1l-2.2,1.4l-0.8,0.5l-1,0.6l-16.5,10.6l-8.8-21
|
||||
L262,125.1l28.5-4.9l1-12.4l0.4-5.2l1.8-23.1l-61.1,13.1l1,4.7l54.9-11.7l-2.4,30.5l-29.2,5l-8.3-16.1h-48.7l-21.6,31.4l11.2,24.9
|
||||
L239,166l4.5,33.2l22-7.2l12.6-13.5l15,21l29.9-23.4l3.6-2.8L326,171.8z M239.5,161.2l-46.8-4.5l-8.9-19.9l18.6-27h43.3l7.3,14.2
|
||||
L239.5,161.2z M294,192.6L278.5,171l-15.7,16.9l-15.3,5l-3.9-28.8l13.2-36.6l29.8,19l10.4,24.9l19.9-12.8l0.1-0.1l4,13l0,0
|
||||
L294,192.6z"/>
|
||||
<polygon class="st0" points="241,67.1 236.3,66.1 240.4,47.5 211.7,47.5 211.7,19.6 197.7,14.3 185.3,43.6 180.9,41.7 195.1,8.2
|
||||
216.5,16.3 216.5,42.7 246.3,42.7 "/>
|
||||
<polygon class="st0" points="353,67.2 357.3,86.9 356.9,88.8 351.7,90 320.5,97.4 307.4,85.2 310.9,63.3 315.7,64 312.6,83.5
|
||||
321.9,92.1 352,85 347.6,65.2 371.2,48.3 353.7,23 313.2,39.2 311.4,34.8 355.4,17.1 377.9,49.5 "/>
|
||||
<polygon class="st0" points="334.8,137.5 323.7,151.7 320.9,155.3 320.2,156.2 316.4,153.3 316.6,153 317,152.5 328.5,137.8
|
||||
308.5,116.9 291.5,107.9 288.3,106.1 290.5,101.9 291.9,102.7 311.5,113.1 "/>
|
||||
<path class="st0" d="M245.6,280.2l-0.6-2.4l0,0l-22.3-8.9l-12,18l-17.3-1.9l-7.1,10.1l5.6,20.2l0.1,0.4l0.4,0.9l6.3,2.6l9.3,3.9
|
||||
l26.6,8.4l-3.5-32.6l10.7-13.9L245.6,280.2z M226.2,297.5l2.9,27.2l-19.3-6.1l-13.5-5.6l-4.7-17l4.1-5.9l17.4,1.9l11.5-17.2
|
||||
l14.7,5.8L226.2,297.5z"/>
|
||||
<polygon class="st0" points="106.3,47 102.8,43.7 123.2,22 150,26.4 139.2,-6.2 143.8,-7.7 157,32.4 125,27.2 "/>
|
||||
<path class="st0" d="M148.3,79.9l-6,2.9l-2.5,23.8l-0.5,4.9l-1.9-0.6l-29.6-29.3l12-24.5L84.1,36.3l13.4-17.7L87.1-6.1
|
||||
c-0.5-1.2,0.1-2.6,1.3-3.1c1.2-0.5,2.6,0.1,3.1,1.3L103,19.4L91.2,34.9L126,55.1l-12.4,25.5l21.8,21.7l2.4-22.6l8.4-4
|
||||
c1.2-0.6,2.6-0.1,3.2,1.1C150,77.9,149.5,79.4,148.3,79.9z"/>
|
||||
<path class="st0" d="M71.5,96.1l3.3-26.3L37.9,79l5-42.3l44.6-3.5c1.3-0.1,2.5,0.9,2.6,2.2c0.1,1.3-0.9,2.5-2.2,2.6l-40.6,3.2
|
||||
l-3.8,31.5l36.8-9.2l-3.1,27.7l32.7-12.3c1.2-0.5,2.6,0.2,3.1,1.4c0.5,1.2-0.2,2.6-1.4,3.1L71.5,96.1z"/>
|
||||
<path class="st0" d="M175.6,258.4l-0.9,0.8l-20.4,18.6h-19.7l4-25.6h-29l-39.4-40.6l65.8-3l-26.3-14.4l-9.4-29.1l-0.4-1.4
|
||||
l-0.4-1.1c-0.1-0.4-0.1-0.8-0.1-1.1c0.1-0.9,0.7-1.6,1.6-1.9c0.5-0.2,1-0.2,1.5,0c0.4,0.1,0.8,0.4,1.1,0.7
|
||||
c0.2,0.2,0.4,0.5,0.5,0.8l1,3.2l8.6,26.6l30.6,16.7l4.4,2.4l-0.5,0.4l2.6,2.2l-7.1,0.3L81.1,216l30.6,31.4h32.6l-4,25.6h12.3
|
||||
l19.5-17.9l0,0l0.3-0.3c1-0.9,2.5-0.8,3.4,0.2C176.7,256,176.6,257.5,175.6,258.4z"/>
|
||||
<polygon class="st0" points="294.8,226.1 288.9,229.9 255.9,251.2 242.4,233.3 218.4,247 216,242.8 243.7,227.1 257.1,244.8
|
||||
290.3,223.3 291.1,196 295.9,196.1 295.1,225 "/>
|
||||
<polygon class="st0" points="226.9,211.7 203.9,209.1 204.4,204.4 225.6,206.7 243.9,193.2 246.8,197.1 "/>
|
||||
<polygon class="st0" points="159.6,310.3 151.2,276 155.8,274.8 162.9,303.7 188,293.3 189.9,297.8 "/>
|
||||
<polygon class="st0" points="273.4,293.4 246.7,306.2 241.9,285 240.7,280.1 245,277.7 245.1,277.7 245.1,277.7 245.6,280.2
|
||||
250.1,299.3 271.3,289.1 "/>
|
||||
|
||||
<rect x="218" y="242.7" transform="matrix(0.9762 -0.2169 0.2169 0.9762 -50.5884 53.9397)" class="st0" width="4.8" height="29.5"/>
|
||||
<polygon class="st0" points="295.1,225 289.9,245.3 289.1,248.1 284.4,247.4 285,245 289.7,226.5 290.4,224 292.7,224.5 "/>
|
||||
<polygon class="st0" points="331.7,213.8 331.7,215.7 331.3,245.2 326.5,245.1 326.8,216.8 326.9,213.4 326.9,213.4 326.9,213.4
|
||||
"/>
|
||||
<polygon class="st0" points="162.4,309.1 132.6,326.3 123.9,311.4 80.3,330.7 60.8,322.2 60.8,322.2 59.8,320.1 61.9,314.2
|
||||
72.3,285.9 86.5,288.5 109.7,248.6 113.8,251 88.9,293.9 75.4,291.3 65.3,318.9 80.3,325.5 125.8,305.3 134.3,319.7 160,304.9
|
||||
"/>
|
||||
<polygon class="st0" points="339.3,278.1 337.8,273.5 368.7,263.5 361.9,247.2 374.7,230.2 369.5,204.7 374.2,203.7 379.8,231.3
|
||||
367.4,247.9 375.1,266.5 "/>
|
||||
<polygon class="st0" points="359.7,319.1 357.9,321.3 312.1,345.4 307.5,344.7 307.9,340 310.1,308.7 295.2,304 296.6,299.4
|
||||
315.2,305.3 312.7,339.7 351.9,319 323.4,295.8 326.5,292.1 355.9,316.1 "/>
|
||||
<polygon class="st0" points="371,128.9 350.1,153 346.5,149.8 363.7,129.9 345.7,118.6 351.7,90 352.5,86.3 357.3,86.9
|
||||
356.9,88.8 351.1,116.3 "/>
|
||||
|
||||
<rect x="304" y="102.5" transform="matrix(0.4837 -0.8753 0.8753 0.4837 71.1665 330.3987)" class="st0" width="23.2" height="4.8"/>
|
||||
<polygon class="st0" points="245.3,46.6 241.4,43.7 254.9,26 239,-3.4 243.2,-5.7 260.5,26.4 "/>
|
||||
<polygon class="st0" points="327.5,454.6 288.9,487.7 287.9,459.6 278.6,441.4 290.5,428.7 260.3,399 260.3,367.7 240.3,360.4
|
||||
241.9,355.9 261.8,363.1 265.1,364.3 265.1,397 297.2,428.5 284.4,442.2 292.7,458.4 293.3,477.5 321.1,453.8 309.6,437.4
|
||||
319.4,407.9 290.4,387.5 290.4,387.5 290.2,386.3 292.5,383.1 294.7,384.6 325.1,406.1 314.9,436.6 "/>
|
||||
<path class="st0" d="M137.8,479.6l-2.4,22.6l-21.8-21.7l12.4-25.5l-17.7-10.2l16.6-17.6l32,5.2l-13.4-40.5l-17.7-24.1l-3.2-4.3
|
||||
l-2.3,0.3l-34.1,28.5l11.2,26.4l-13.4,17.7l35.6,20.6l-12,24.5l31.4,31.1l3.2-29.8l6-2.9l-2.1-4.3L137.8,479.6z M91.2,434.9
|
||||
l11.8-15.5l-10.8-25.6l29-24.2l18.1,24.6l10.6,32.3l-26.8-4.4l-19.1,20.3L91.2,434.9z"/>
|
||||
<polygon class="st0" points="245.3,446.6 241.4,443.7 254.9,426 238.6,395.9 240.7,367.7 229.4,327.6 234.1,326.3 245.5,367.2
|
||||
243.5,394.9 260.5,426.4 "/>
|
||||
<polygon class="st0" points="148.8,145.9 156.9,116.7 139.3,111.4 137.3,110.8 139,106.3 139.8,106.6 162.8,113.5 155.5,139.6
|
||||
180.5,134.3 181.5,139 "/>
|
||||
<path class="st0" d="M154,144.3l-12.6,14.5l-36.2,5.5l-4.8,0.7l-0.4-1.4l-0.7-0.3l0.3-1.9l0.4-2.9l6.2-40.5l-34.6-22
|
||||
c0,0,0.8-1.2,0.8-2.6c0.7-1.1,2-1.2,3.1-0.5l36,22.7l-6.7,43.9l34.3-5.2l11.4-13.2c0.9-1,2.4-1.1,3.4-0.2
|
||||
C154.7,141.8,154.8,143.3,154,144.3z"/>
|
||||
<polygon class="st0" points="103.8,160.1 103.7,160.3 102.1,164.5 99.9,163.7 99.2,163.5 47.5,143.9 64.7,121.3 31.5,106.3
|
||||
38.3,75.3 43,76.3 37,103.5 72.1,119.4 55.2,141.6 99.9,158.6 102.6,159.6 "/>
|
||||
|
||||
<rect x="155.6" y="147.4" transform="matrix(0.6176 -0.7865 0.7865 0.6176 -72.6514 188.9478)" class="st0" width="4.8" height="43.5"/>
|
||||
<polygon class="st0" points="74.8,216 33,199.3 54.6,168.7 47.5,143.8 52.1,142.5 59.8,169.6 40.4,197.1 76.6,211.6 "/>
|
||||
<polygon class="st0" points="71.5,288.7 70,251.6 10.4,231.3 57.5,204.9 59.9,209.1 22.2,230.2 74.6,248.1 76.3,288.5 "/>
|
||||
<polygon class="st0" points="43,40.2 28.3,15.4 -11.5,6.3 -10.4,1.7 31.4,11.2 47.1,37.7 "/>
|
||||
<polygon class="st0" points="-22.2,84.7 -24.7,80.5 16.3,56.4 42,72.4 39.4,76.4 16.2,62 "/>
|
||||
<polygon class="st0" points="30,132.1 -11.6,120.2 -10.3,115.6 28.7,126.7 46.7,109.5 50,113 "/>
|
||||
<polygon class="st0" points="44.3,185.2 35.1,162.3 -18,166.6 -18.4,161.8 38.3,157.3 48.8,183.4 "/>
|
||||
<polygon class="st0" points="36.1,200.5 5.6,193 8.1,161.7 12.9,162.1 10.7,189.3 37.3,195.9 "/>
|
||||
<polygon class="st0" points="14.2,250.9 -16.5,230.4 -13.9,226.4 14.1,245.1 30,233.9 32.7,237.9 "/>
|
||||
<polygon class="st0" points="60.8,322.2 60.8,322.2 59.8,320.1 45.4,291.8 19.3,304.6 -16.8,270.8 -13.6,267.3 20.2,298.8
|
||||
47.6,285.4 61.9,314.2 64.4,319.1 "/>
|
||||
<polygon class="st0" points="-8.3,366.3 -11.5,362.8 22.5,331.9 43.1,328.8 49.8,299.4 54.5,300.5 47.1,333.1 24.6,336.4 "/>
|
||||
<polygon class="st0" points="50.7,390.4 48.5,386.2 85.2,366.2 71.6,357.4 77.9,327.6 82.6,328.6 77,355.2 94.6,366.6 "/>
|
||||
<polygon class="st0" points="50.3,413.3 45.7,412.3 49.7,393.6 37.7,364.8 -13.1,388 -15.1,383.7 40.2,358.4 54.7,393.1 "/>
|
||||
<polygon class="st0" points="49.9,15.2 27.5,15.2 27.5,10.4 46.1,10.4 49.8,-7.2 54.5,-6.2 "/>
|
||||
<polygon class="st0" points="443,40.2 428.3,15.4 389.8,6.6 362.6,31.2 359.4,27.6 388.4,1.4 431.4,11.2 447.1,37.7 "/>
|
||||
<polygon class="st0" points="375,86.3 366.4,53.6 371.1,52.4 378,78.9 416.3,56.4 442,72.4 439.4,76.4 416.2,62 "/>
|
||||
<polygon class="st0" points="430,132.1 386.6,119.7 388,74.4 392.8,74.5 391.5,116.1 428.7,126.7 446.7,109.5 450,113 "/>
|
||||
<polygon class="st0" points="444.3,185.2 435.1,162.3 379,166.8 386.7,117.5 391.4,118.2 384.6,161.6 438.3,157.3 448.8,183.4
|
||||
"/>
|
||||
<polygon class="st0" points="416.1,252.2 383.3,230.3 373.1,220.4 376.5,216.9 386.3,226.5 412.3,243.9 413.9,230.5 418.7,231.1
|
||||
"/>
|
||||
<polygon class="st0" points="464.4,319.1 460.1,321.3 445.4,291.8 419.3,304.6 385.8,273.3 376.7,298.4 359.7,319.1 357.9,321.3
|
||||
354.4,317.9 355.9,316.1 372.4,296 383.8,264.8 420.2,298.8 447.6,285.4 "/>
|
||||
<polygon class="st0" points="440.2,358.4 454.4,392.4 450,394.3 437.7,364.8 386.4,388.3 382.9,388.3 383.9,383.5 387.9,363.3
|
||||
422.5,331.9 443.1,328.8 449.8,299.4 454.5,300.5 447.1,333.1 424.6,336.4 392.3,365.8 389.1,381.7 "/>
|
||||
|
||||
<rect x="379.4" y="297.2" transform="matrix(0.9733 -0.2295 0.2295 0.9733 -66.0236 96.5075)" class="st0" width="4.8" height="69.8"/>
|
||||
<polygon class="st0" points="155.7,363.5 125.9,367.8 121.9,368.4 120.5,363.9 122.7,363.5 148.6,359.7 131.3,324.1 135.6,322
|
||||
"/>
|
||||
<polygon class="st0" points="239.8,397.4 220.5,384.6 201.3,370.7 179.1,385.6 150.7,363.5 153.6,359.7 179.3,379.7 201.4,364.8
|
||||
223.2,380.7 242.4,393.4 "/>
|
||||
<polygon class="st0" points="290.4,387.5 290.4,387.5 290.2,386.3 281.4,344.4 265.1,366.8 264.6,367.4 260.7,364.6 261.8,363.1
|
||||
281.6,336.1 284.7,336.5 285.7,341.5 294.7,384.6 294.9,385.5 "/>
|
||||
<polygon class="st0" points="312.1,345.4 307.5,344.7 285.7,341.5 282.3,341 281.6,336.1 284.7,336.5 307.9,340 310.4,340.3 "/>
|
||||
<polygon class="st0" points="386.4,388.3 382.9,388.3 350.8,388.3 343.6,365.6 293.1,386.5 291.2,382 346.6,359.1 354.3,383.5
|
||||
385.9,383.5 "/>
|
||||
<polygon class="st0" points="191.9,315.3 196.5,313.8 198.8,319.2 209.9,345.7 195.5,343.6 203.6,366.9 199.1,368.5 188.4,337.7
|
||||
202.1,339.7 192.4,316.6 192.1,315.7 "/>
|
||||
<rect x="367.5" y="166" transform="matrix(0.8417 -0.54 0.54 0.8417 -31.5082 229.2991)" class="st0" width="15.5" height="4.8"/>
|
||||
<polygon class="st0" points="346.6,363.7 342.4,361.4 354.8,338.8 353.6,319.5 358.3,319.2 359.7,339.9 "/>
|
||||
<rect x="89.5" y="363.8" class="st0" width="32.8" height="4.8"/>
|
||||
<polygon class="st0" points="25.2,48.2 21.1,33.3 -15.3,47.2 -17,42.7 24.3,27 28.5,42.1 44,36.8 45.6,41.4 "/>
|
||||
<polygon class="st0" points="375.5,51 373.6,46.5 382.9,42.7 424.3,27 428.5,42.1 444,36.8 445.6,41.4 425.2,48.2 421.1,33.3
|
||||
384.7,47.2 "/>
|
||||
<rect x="167" y="-13.1" transform="matrix(0.358 -0.9337 0.9337 0.358 97.6179 165.768)" class="st0" width="4.8" height="49.9"/>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 12 KiB |
@ -11,13 +11,29 @@
|
||||
* 1.0.0 - 2018/06/06
|
||||
*/
|
||||
.p-about-page {
|
||||
background-image: url('./../images/patterns/game-show.svg');
|
||||
background-size: 150% auto;
|
||||
|
||||
&__promo {
|
||||
padding: 6em 0;
|
||||
background-size: 150% auto;
|
||||
|
||||
&-video {
|
||||
background-image: url('./../images/patterns/florida.svg');
|
||||
@extend %t-dp--shadow-3d;
|
||||
}
|
||||
|
||||
&-programming {
|
||||
background-image: url('./../images/patterns/rhythm-heaven.svg');
|
||||
@extend %t-dp--shadow-3d;
|
||||
}
|
||||
|
||||
&-platforms {
|
||||
background-image: url('./../images/patterns/game-show.svg');
|
||||
@extend %t-dp--shadow-3d;
|
||||
}
|
||||
|
||||
&-work {
|
||||
background-image: url('./../images/patterns/arcade.svg');
|
||||
@extend %t-dp--shadow-3d;
|
||||
}
|
||||
}
|
||||
|
||||
@ -27,6 +43,9 @@
|
||||
@include t-justify-content(space-between);
|
||||
@include t-flex-wrap(wrap);
|
||||
|
||||
&-title {
|
||||
}
|
||||
|
||||
&-brand {
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user