ivabus/www
1
0
Fork 0
mirror of https://github.com/ivabus/www synced 2024-11-23 00:05:06 +03:00
Code Issues Projects Releases Packages Wiki Activity Actions

Impact section nightmare styling

Browse source
This commit is contained in:
Thomas Smith 2022-09-16 16:06:14 -04:00
parent 7b6a3a0019
commit 2dbe0ba2f6
3 changed files with 45 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/layouts/index.html
View file

@ -89,12 +89,6 @@
<h2 class="black text-center" style="z-index:2;">equitable open-source<br>for <span class="cycle">web3</span></h2>
</div>
</div>
<div class="row">
<div class="col black-bg about-block">
<h3 class="text-center">Lorem ipsum dolor sit amet</h3>
<p class="text-center lead">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam porta dolor a nibh viverra, eget aliquam velit semper. Duis vestibulum lectus eu nisl semper.</p>
</div>
</div>
</div>
</section>

39
src/static/Images/impact-section-grid.svg Normal file
View file

@ -0,0 +1,39 @@
<svg xmlns="http://www.w3.org/2000/svg" width="1920.5" height="559.5" viewBox="0 0 1920.5 559.5">
<g id="Group_1225" data-name="Group 1225" transform="translate(0.25 -1039.75)">
<g id="Group_1195" data-name="Group 1195" transform="translate(1920 2639) rotate(180)">
<path id="Rectangle_3128" data-name="Rectangle 3128" d="M-.25-.25h80.5v80.5H-.25Zm80,.5H.25v79.5h79.5Z" transform="translate(0 1040)"/>
<path id="Rectangle_3136" data-name="Rectangle 3136" d="M-.25-.25h80.5v80.5H-.25Zm80,.5H.25v79.5h79.5Z" transform="translate(0 1120)"/>
<path id="Rectangle_3139" data-name="Rectangle 3139" d="M-.25-.25h80.5v80.5H-.25Zm80,.5H.25v79.5h79.5Z" transform="translate(0 1200)"/>
<path id="Rectangle_3141" data-name="Rectangle 3141" d="M-.25-.25h80.5v80.5H-.25Zm80,.5H.25v79.5h79.5Z" transform="translate(0 1280)"/>
<path id="Rectangle_3129" data-name="Rectangle 3129" d="M-.25-.25h80.5v80.5H-.25Zm80,.5H.25v79.5h79.5Z" transform="translate(80 1040)"/>
<path id="Rectangle_3137" data-name="Rectangle 3137" d="M-.25-.25h80.5v80.5H-.25Zm80,.5H.25v79.5h79.5Z" transform="translate(80 1120)"/>
<path id="Rectangle_3140" data-name="Rectangle 3140" d="M-.25-.25h80.5v80.5H-.25Zm80,.5H.25v79.5h79.5Z" transform="translate(80 1200)"/>
<path id="Rectangle_3130" data-name="Rectangle 3130" d="M-.25-.25h80.5v80.5H-.25Zm80,.5H.25v79.5h79.5Z" transform="translate(160 1040)"/>
<path id="Rectangle_3138" data-name="Rectangle 3138" d="M-.25-.25h80.5v80.5H-.25Zm80,.5H.25v79.5h79.5Z" transform="translate(160 1120)"/>
<path id="Rectangle_3131" data-name="Rectangle 3131" d="M-.25-.25h80.5v80.5H-.25Zm80,.5H.25v79.5h79.5Z" transform="translate(240 1040)"/>
<path id="Rectangle_3132" data-name="Rectangle 3132" d="M-.25-.25h80.5v80.5H-.25Zm80,.5H.25v79.5h79.5Z" transform="translate(320 1040)"/>
<path id="Rectangle_3133" data-name="Rectangle 3133" d="M-.25-.25h80.5v80.5H-.25Zm80,.5H.25v79.5h79.5Z" transform="translate(400 1040)"/>
<path id="Rectangle_3134" data-name="Rectangle 3134" d="M-.25-.25h80.5v80.5H-.25Zm80,.5H.25v79.5h79.5Z" transform="translate(480 1040)"/>
<path id="Rectangle_3135" data-name="Rectangle 3135" d="M-.25-.25h80.5v80.5H-.25Zm80,.5H.25v79.5h79.5Z" transform="translate(560 1040)"/>
</g>
<g id="Group_1223" data-name="Group 1223">
<rect id="Rectangle_3348" data-name="Rectangle 3348" width="1920" height="320" transform="translate(0 1040)" fill="#fff" opacity="0"/>
<g id="Group_1194" data-name="Group 1194">
<path id="Rectangle_3128-2" data-name="Rectangle 3128" d="M-.25-.25h80.5v80.5H-.25Zm80,.5H.25v79.5h79.5Z" transform="translate(0 1040)"/>
<path id="Rectangle_3136-2" data-name="Rectangle 3136" d="M-.25-.25h80.5v80.5H-.25Zm80,.5H.25v79.5h79.5Z" transform="translate(0 1120)"/>
<path id="Rectangle_3139-2" data-name="Rectangle 3139" d="M-.25-.25h80.5v80.5H-.25Zm80,.5H.25v79.5h79.5Z" transform="translate(0 1200)"/>
<path id="Rectangle_3141-2" data-name="Rectangle 3141" d="M-.25-.25h80.5v80.5H-.25Zm80,.5H.25v79.5h79.5Z" transform="translate(0 1280)"/>
<path id="Rectangle_3129-2" data-name="Rectangle 3129" d="M-.25-.25h80.5v80.5H-.25Zm80,.5H.25v79.5h79.5Z" transform="translate(80 1040)"/>
<path id="Rectangle_3137-2" data-name="Rectangle 3137" d="M-.25-.25h80.5v80.5H-.25Zm80,.5H.25v79.5h79.5Z" transform="translate(80 1120)"/>
<path id="Rectangle_3140-2" data-name="Rectangle 3140" d="M-.25-.25h80.5v80.5H-.25Zm80,.5H.25v79.5h79.5Z" transform="translate(80 1200)"/>
<path id="Rectangle_3130-2" data-name="Rectangle 3130" d="M-.25-.25h80.5v80.5H-.25Zm80,.5H.25v79.5h79.5Z" transform="translate(160 1040)"/>
<path id="Rectangle_3138-2" data-name="Rectangle 3138" d="M-.25-.25h80.5v80.5H-.25Zm80,.5H.25v79.5h79.5Z" transform="translate(160 1120)"/>
<path id="Rectangle_3131-2" data-name="Rectangle 3131" d="M-.25-.25h80.5v80.5H-.25Zm80,.5H.25v79.5h79.5Z" transform="translate(240 1040)"/>
<path id="Rectangle_3132-2" data-name="Rectangle 3132" d="M-.25-.25h80.5v80.5H-.25Zm80,.5H.25v79.5h79.5Z" transform="translate(320 1040)"/>
<path id="Rectangle_3133-2" data-name="Rectangle 3133" d="M-.25-.25h80.5v80.5H-.25Zm80,.5H.25v79.5h79.5Z" transform="translate(400 1040)"/>
<path id="Rectangle_3134-2" data-name="Rectangle 3134" d="M-.25-.25h80.5v80.5H-.25Zm80,.5H.25v79.5h79.5Z" transform="translate(480 1040)"/>
<path id="Rectangle_3135-2" data-name="Rectangle 3135" d="M-.25-.25h80.5v80.5H-.25Zm80,.5H.25v79.5h79.5Z" transform="translate(560 1040)"/>
</g>
</g>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 4.5 KiB

15
src/static/css/style.css
View file

@ -94,6 +94,7 @@ h1{
h2{
font-family: "pp-neue-machina", sans-serif;
color:#00ffd0;
margin-top: -1.8vw !important;
}
h3{
@ -290,15 +291,11 @@ hr{
}
.impact-section{
}
.about-block{
padding: 4.464vw 18.929vw; !important;
margin: -11.161vw 8.371vw 0vw 8.371vw;
position: relative;
top: 11.161vw;
border: 2px solid #949494;
background-image: url("/Images/impact-section-grid.svg");
background-repeat: repeat-y;
background-size: cover;
padding-top: 3.5vw;
opacity: 1;
}
.package_before{