Finished Brands section of about page.
This commit is contained in:
@ -1 +1,47 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="2500" height="1733" viewBox="-18.458 6.58 191.151 132.49"><path d="M-18.458 6.58h191.151v132.49H-18.458V6.58z" fill="none"/><path d="M40.054 113.583h-5.175c-.183-8.735-.687-16.947-1.511-24.642h-.046l-7.879 24.642h-3.94l-7.832-24.642h-.045c-.581 7.388-.947 15.602-1.099 24.642H7.81c.304-10.993 1.068-21.299 2.289-30.919h6.414l7.465 22.719h.046l7.511-22.719h6.137c1.344 11.268 2.138 21.575 2.382 30.919M62.497 90.771c-2.107 11.434-4.887 19.742-8.337 24.928-2.688 3.992-5.633 5.99-8.84 5.99-.855 0-1.91-.258-3.16-.77v-2.757c.611.088 1.328.138 2.152.138 1.498 0 2.702-.412 3.62-1.238 1.098-1.006 1.647-2.137 1.647-3.388 0-.858-.428-2.612-1.282-5.268L42.618 90.77h5.084l4.076 13.19c.916 2.995 1.298 5.086 1.145 6.277 2.229-5.953 3.786-12.444 4.673-19.468h4.901v.002z" fill="#5d87a1"/><path d="M131.382 113.583h-14.7V82.664h4.945v27.113h9.755v3.806zM112.834 114.33l-5.684-2.805c.504-.414.986-.862 1.42-1.381 2.416-2.838 3.621-7.035 3.621-12.594 0-10.229-4.014-15.346-12.045-15.346-3.938 0-7.01 1.298-9.207 3.895-2.414 2.84-3.619 7.022-3.619 12.551 0 5.435 1.068 9.422 3.205 11.951 1.955 2.291 4.902 3.438 8.843 3.438 1.47 0 2.819-.18 4.048-.543l7.4 4.308 2.018-3.474zm-18.413-6.934c-1.252-2.014-1.878-5.248-1.878-9.707 0-7.785 2.365-11.682 7.1-11.682 2.475 0 4.289.932 5.449 2.792 1.25 2.017 1.879 5.222 1.879 9.619 0 7.849-2.367 11.774-7.099 11.774-2.476.001-4.29-.928-5.451-2.796M85.165 105.013c0 2.622-.962 4.773-2.884 6.458-1.924 1.678-4.504 2.519-7.737 2.519-3.024 0-5.956-.966-8.794-2.888l1.329-2.655c2.442 1.223 4.653 1.831 6.638 1.831 1.863 0 3.319-.413 4.375-1.232 1.055-.822 1.684-1.975 1.684-3.433 0-1.837-1.281-3.407-3.631-4.722-2.167-1.19-6.501-3.678-6.501-3.678-2.349-1.712-3.525-3.55-3.525-6.578 0-2.506.877-4.529 2.632-6.068 1.757-1.545 4.024-2.315 6.803-2.315 2.87 0 5.479.769 7.829 2.291l-1.192 2.656c-2.01-.854-3.994-1.281-5.951-1.281-1.585 0-2.809.381-3.66 1.146-.858.762-1.387 1.737-1.387 2.933 0 1.828 1.308 3.418 3.722 4.759 2.196 1.192 6.638 3.723 6.638 3.723 2.409 1.709 3.612 3.53 3.612 6.534" fill="#f8981d"/><path d="M137.59 72.308c-2.99-.076-5.305.225-7.248 1.047-.561.224-1.453.224-1.531.933.303.3.338.784.601 1.198.448.747 1.229 1.752 1.942 2.276.783.6 1.569 1.194 2.393 1.717 1.453.899 3.1 1.422 4.516 2.318.825.521 1.645 1.195 2.471 1.756.406.299.666.784 1.193.971v-.114c-.264-.336-.339-.822-.598-1.196l-1.122-1.082c-1.084-1.456-2.431-2.727-3.884-3.771-1.196-.824-3.812-1.944-4.297-3.322l-.076-.076c.822-.077 1.797-.375 2.578-.604 1.271-.335 2.43-.259 3.734-.594.6-.15 1.195-.338 1.797-.523v-.337c-.676-.673-1.158-1.567-1.869-2.203-1.902-1.643-3.998-3.25-6.164-4.595-1.16-.749-2.652-1.231-3.887-1.868-.445-.225-1.195-.336-1.457-.71-.67-.822-1.047-1.904-1.533-2.877-1.08-2.053-2.129-4.331-3.061-6.502-.674-1.456-1.084-2.91-1.906-4.257-3.85-6.35-8.031-10.196-14.457-13.971-1.381-.786-3.024-1.121-4.779-1.533l-2.803-.148c-.598-.262-1.197-.973-1.719-1.309-2.132-1.344-7.621-4.257-9.189-.411-1.01 2.431 1.494 4.821 2.354 6.054.635.856 1.458 1.83 1.902 2.802.263.635.337 1.309.6 1.98.598 1.644 1.157 3.473 1.943 5.007.41.782.857 1.604 1.381 2.312.3.414.822.597.936 1.272-.521.744-.562 1.867-.861 2.801-1.344 4.221-.819 9.45 1.086 12.552.596.934 2.018 2.99 3.92 2.202 1.684-.672 1.311-2.801 1.795-4.668.111-.451.038-.747.262-1.043v.073c.521 1.045 1.047 2.052 1.53 3.1 1.159 1.829 3.177 3.735 4.858 5.002.895.676 1.604 1.832 2.725 2.245V74.1h-.074c-.227-.335-.559-.485-.857-.745-.674-.673-1.42-1.495-1.943-2.241-1.566-2.093-2.952-4.41-4.182-6.801-.602-1.16-1.121-2.428-1.606-3.586-.226-.447-.226-1.121-.601-1.346-.562.821-1.381 1.532-1.791 2.538-.711 1.609-.785 3.588-1.049 5.646l-.147.072c-1.19-.299-1.604-1.53-2.056-2.575-1.119-2.654-1.307-6.914-.336-9.976.26-.783 1.385-3.249.936-3.995-.225-.715-.973-1.122-1.383-1.685-.482-.708-1.01-1.604-1.346-2.39-.896-2.091-1.347-4.408-2.312-6.498-.451-.974-1.234-1.982-1.868-2.879-.712-1.008-1.495-1.718-2.058-2.913-.186-.411-.447-1.083-.148-1.53.073-.3.225-.412.523-.487.484-.409 1.867.111 2.352.336 1.385.56 2.543 1.083 3.699 1.867.523.375 1.084 1.085 1.755 1.272h.786c1.193.26 2.538.072 3.661.41 1.979.636 3.772 1.569 5.38 2.576 4.893 3.103 8.928 7.512 11.652 12.778.447.858.637 1.644 1.045 2.539.787 1.832 1.76 3.7 2.541 5.493.785 1.755 1.533 3.547 2.654 5.005.559.784 2.805 1.195 3.812 1.606.745.335 1.905.633 2.577 1.044 1.271.783 2.537 1.682 3.732 2.543.595.448 2.465 1.382 2.576 2.13M99.484 39.844a5.82 5.82 0 0 0-1.529.188v.075h.072c.301.597.824 1.011 1.197 1.532.301.599.562 1.193.857 1.791l.072-.074c.527-.373.789-.971.789-1.868-.227-.264-.262-.522-.451-.784-.22-.374-.705-.56-1.007-.86" fill="#5d87a1"/><path d="M141.148 113.578h.774v-3.788h-1.161l-.947 2.585-1.029-2.585h-1.118v3.788h.731v-2.882h.041l1.078 2.882h.557l1.074-2.882v2.882zm-6.235 0h.819v-3.146h1.072v-.643h-3.008v.643h1.115l.002 3.146z" fill="#f8981d"/></svg>
|
||||
<?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 1754.1 1191.2" style="enable-background:new 0 0 1754.1 1191.2;" xml:space="preserve">
|
||||
<style type="text/css">
|
||||
.st0{fill:#5D87A1;}
|
||||
.st1{fill:#F8981D;}
|
||||
</style>
|
||||
<path class="st0" d="M421.7,1085.2H354c-2.4-114.2-9-221.6-19.8-322.3h-0.6l-103,322.3h-51.5L76.7,762.9h-0.6
|
||||
c-7.6,96.6-12.4,204.1-14.4,322.3H0c4-143.8,14-278.6,29.9-404.4h83.9L211.5,978h0.6l98.2-297.1h80.3
|
||||
C408.1,828.2,418.5,963,421.7,1085.2 M715.2,786.9c-27.6,149.5-63.9,258.2-109,326c-35.2,52.2-73.7,78.3-115.6,78.3
|
||||
c-11.2,0-25-3.4-41.3-10.1v-36.1c8,1.2,17.4,1.8,28.1,1.8c19.6,0,35.3-5.4,47.3-16.2c14.4-13.2,21.5-27.9,21.5-44.3
|
||||
c0-11.2-5.6-34.2-16.8-68.9l-74.3-230.7h66.5L575,959.4c12,39.2,17,66.5,15,82.1c29.2-77.9,49.5-162.8,61.1-254.6L715.2,786.9
|
||||
L715.2,786.9L715.2,786.9z"/>
|
||||
<path class="st1" d="M1616.2,1085.2h-192.3V680.8h64.7v354.6h127.6V1085.2z M1373.6,1095l-74.3-36.7c6.6-5.4,12.9-11.3,18.6-18.1
|
||||
c31.6-37.1,47.4-92,47.4-164.7c0-133.8-52.5-200.7-157.5-200.7c-51.5,0-91.7,17-120.4,50.9c-31.6,37.1-47.3,91.8-47.3,164.2
|
||||
c0,71.1,14,123.2,41.9,156.3c25.6,30,64.1,45,115.7,45c19.2,0,36.9-2.4,52.9-7.1l96.8,56.3L1373.6,1095z M1132.8,1004.3
|
||||
c-16.4-26.3-24.6-68.6-24.6-127c0-101.8,30.9-152.8,92.9-152.8c32.4,0,56.1,12.2,71.3,36.5c16.3,26.4,24.6,68.3,24.6,125.8
|
||||
c0,102.7-31,154-92.8,154C1171.7,1040.9,1147.9,1028.7,1132.8,1004.3 M1011.7,973.1c0,34.3-12.6,62.4-37.7,84.5
|
||||
c-25.2,21.9-58.9,32.9-101.2,32.9c-39.5,0-77.9-12.6-115-37.8l17.4-34.7c31.9,16,60.9,23.9,86.8,23.9c24.4,0,43.4-5.4,57.2-16.1
|
||||
c13.8-10.8,22-25.8,22-44.9c0-24-16.8-44.6-47.5-61.8c-28.3-15.6-85-48.1-85-48.1c-30.7-22.4-46.1-46.4-46.1-86
|
||||
c0-32.8,11.5-59.2,34.4-79.4c23-20.2,52.6-30.3,89-30.3c37.5,0,71.7,10.1,102.4,30l-15.6,34.7c-26.3-11.2-52.2-16.8-77.8-16.8
|
||||
c-20.7,0-36.7,5-47.9,15c-11.2,10-18.1,22.7-18.1,38.4c0,23.9,17.1,44.7,48.7,62.2c28.7,15.6,86.8,48.7,86.8,48.7
|
||||
C996,910,1011.7,933.9,1011.7,973.1"/>
|
||||
<path class="st0" d="M1697.3,545.4c-39.1-1-69.4,2.9-94.8,13.7c-7.3,2.9-19,2.9-20,12.2c4,3.9,4.4,10.3,7.9,15.7
|
||||
c5.9,9.8,16.1,22.9,25.4,29.8c10.2,7.8,20.5,15.6,31.3,22.5c19,11.8,40.5,18.6,59.1,30.3c10.8,6.8,21.5,15.6,32.3,23
|
||||
c5.3,3.9,8.7,10.3,15.6,12.7v-1.5c-3.5-4.4-4.4-10.8-7.8-15.6l-14.7-14.2c-14.2-19-31.8-35.7-50.8-49.3
|
||||
c-15.6-10.8-49.9-25.4-56.2-43.4l-1-1c10.8-1,23.5-4.9,33.7-7.9c16.6-4.4,31.8-3.4,48.8-7.8c7.8-2,15.6-4.4,23.5-6.8v-4.4
|
||||
c-8.8-8.8-15.1-20.5-24.4-28.8c-24.9-21.5-52.3-42.5-80.6-60.1c-15.2-9.8-34.7-16.1-50.8-24.4c-5.8-2.9-15.6-4.4-19.1-9.3
|
||||
c-8.8-10.8-13.7-24.9-20-37.6c-14.1-26.9-27.8-56.6-40-85c-8.8-19-14.2-38.1-24.9-55.7c-50.4-83-105-133.4-189.1-182.7
|
||||
c-18.1-10.3-39.5-14.7-62.5-20l-36.7-1.9c-7.8-3.4-15.7-12.7-22.5-17.1c-27.9-17.6-99.7-55.7-120.2-5.4
|
||||
c-13.2,31.8,19.5,63.1,30.8,79.2c8.3,11.2,19.1,23.9,24.9,36.6c3.4,8.3,4.4,17.1,7.8,25.9c7.8,21.5,15.1,45.4,25.4,65.5
|
||||
c5.4,10.2,11.2,21,18.1,30.2c3.9,5.4,10.8,7.8,12.2,16.6c-6.8,9.7-7.4,24.4-11.3,36.6c-17.6,55.2-10.7,123.6,14.2,164.2
|
||||
c7.8,12.2,26.4,39.1,51.3,28.8c22-8.8,17.1-36.6,23.5-61.1c1.5-5.9,0.5-9.8,3.4-13.6v1c6.8,13.7,13.7,26.8,20,40.5
|
||||
c15.2,23.9,41.6,48.8,63.5,65.4c11.7,8.8,21,24,35.6,29.4v-1.5h-1c-3-4.4-7.3-6.3-11.2-9.7c-8.8-8.8-18.6-19.6-25.4-29.3
|
||||
c-20.5-27.4-38.6-57.7-54.7-88.9c-7.9-15.2-14.7-31.8-21-46.9c-3-5.8-3-14.7-7.9-17.6c-7.4,10.7-18.1,20-23.4,33.2
|
||||
c-9.3,21-10.3,46.9-13.7,73.8l-1.9,0.9c-15.6-3.9-21-20-26.9-33.7c-14.6-34.7-17.1-90.4-4.4-130.5c3.4-10.2,18.1-42.5,12.2-52.2
|
||||
c-2.9-9.4-12.7-14.7-18.1-22c-6.3-9.3-13.2-21-17.6-31.3c-11.7-27.3-17.6-57.7-30.2-85c-5.9-12.7-16.1-25.9-24.4-37.7
|
||||
c-9.3-13.2-19.6-22.5-26.9-38.1c-2.4-5.4-5.8-14.2-1.9-20c1-3.9,2.9-5.4,6.8-6.4c6.3-5.3,24.4,1.5,30.8,4.4
|
||||
c18.1,7.3,33.3,14.2,48.4,24.4c6.8,4.9,14.2,14.2,23,16.6h10.3c15.6,3.4,33.2,0.9,47.9,5.4c25.9,8.3,49.3,20.5,70.4,33.7
|
||||
c64,40.6,116.8,98.2,152.4,167.1c5.8,11.2,8.3,21.5,13.7,33.2c10.3,24,23,48.4,33.2,71.8c10.3,23,20,46.4,34.7,65.5
|
||||
c7.3,10.3,36.7,15.6,49.9,21c9.7,4.4,24.9,8.3,33.7,13.7c16.6,10.2,33.2,22,48.8,33.3C1671.4,523.4,1695.9,535.6,1697.3,545.4
|
||||
M1199,120.8c-6.7-0.1-13.5,0.8-20,2.5v1h0.9c3.9,7.8,10.8,13.2,15.7,20c3.9,7.8,7.4,15.6,11.2,23.4l0.9-1
|
||||
c6.9-4.9,10.3-12.7,10.3-24.4c-3-3.5-3.4-6.8-5.9-10.3C1209.3,127.2,1202.9,124.7,1199,120.8"/>
|
||||
<path class="st1" d="M1743.9,1085.2h10.1v-49.5h-15.2l-12.4,33.8l-13.5-33.8h-14.6v49.5h9.6v-37.7h0.5l14.1,37.7h7.3l14-37.7
|
||||
L1743.9,1085.2L1743.9,1085.2z M1662.3,1085.2h10.7V1044h14v-8.4h-39.3v8.4h14.6L1662.3,1085.2L1662.3,1085.2z"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 4.7 KiB After Width: | Height: | Size: 4.5 KiB |
File diff suppressed because one or more lines are too long
Before Width: | Height: | Size: 8.4 KiB After Width: | Height: | Size: 2.4 KiB |
2335
public/images/hills-night.svg
Normal file
2335
public/images/hills-night.svg
Normal file
File diff suppressed because it is too large
Load Diff
After Width: | Height: | Size: 134 KiB |
@ -21,8 +21,27 @@
|
||||
}
|
||||
|
||||
&-platforms {
|
||||
//background-image: url('./../images/patterns/game-show.svg');
|
||||
background: #FFD6DE;
|
||||
background-image: url('./../images/hills-night.svg');
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
|
||||
//Image is a bit bright, so we're going to darken it here
|
||||
position: relative;
|
||||
|
||||
&::before {
|
||||
content:"";
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: rgba(0, 0, 0, 0.3);
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
> .c-page__boundary {
|
||||
position: relative;//This is to Z-Index fight the background just a bit.
|
||||
}
|
||||
}
|
||||
|
||||
&-programming {
|
||||
@ -41,13 +60,12 @@
|
||||
|
||||
&__brands {
|
||||
@extend %t-flexbox;
|
||||
@include t-align-items(center);
|
||||
@include t-align-items(stretch);
|
||||
@include t-justify-content(space-between);
|
||||
@include t-flex-wrap(wrap);
|
||||
|
||||
&-brand {
|
||||
width: 50%;
|
||||
padding: 1em;
|
||||
}
|
||||
|
||||
&-image {
|
||||
@ -59,10 +77,18 @@
|
||||
max-height: 5em;
|
||||
object-fit: contain;
|
||||
object-position: center;
|
||||
|
||||
transition: all 0.2s $s-animation--ease-out;
|
||||
}
|
||||
|
||||
&-link {
|
||||
padding: 1em;
|
||||
display: block;
|
||||
height: 100%;
|
||||
|
||||
&:hover .p-about-page__brands-image {
|
||||
@include t-transform(rotate(10deg));
|
||||
}
|
||||
}
|
||||
|
||||
&-title {
|
||||
@ -80,7 +106,7 @@
|
||||
|
||||
@include t-media-query($s-small-up) {
|
||||
&__brands {
|
||||
&-brand {
|
||||
&-link {
|
||||
padding: 2em;
|
||||
}
|
||||
|
||||
|
Reference in New Issue
Block a user