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

Added grid for medium screens

Browse source
This commit is contained in:
Thomas Smith 2022-09-19 16:35:42 -04:00
parent c823cfc33e
commit 05f5b91ed5
3 changed files with 165 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
src/layouts/page/style-guide.html
View file

@ -40,6 +40,30 @@
}
@media only screen and (min-width: 576px) and (max-width: 768px) {
.style-guide-container{
background-image: url("/Images/medium-grid.svg");
background-attachment: fixed;
background-position: top;
background-repeat: repeat;
background-size: contain;
}
}
@media only screen and (max-width: 576px) {
.style-guide-container{
background-image: url("/Images/large-grid.svg");
background-attachment: fixed;
background-position: top;
background-repeat: repeat;
background-size: contain;
}
}
</style>
{{ end }}

139
src/static/Images/medium-grid.svg Normal file
View file

@ -0,0 +1,139 @@
<svg xmlns="http://www.w3.org/2000/svg" width="727.464" height="436.678" viewBox="0 0 727.464 436.678">
<g id="Group_1230" data-name="Group 1230" transform="translate(7610.732 284.549)">
<path id="Rectangle_632" data-name="Rectangle 632" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-7610.482 -90.442)" fill="#949494"/>
<path id="Rectangle_634" data-name="Rectangle 634" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-7562.018 -90.442)" fill="#949494"/>
<path id="Rectangle_635" data-name="Rectangle 635" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-7513.554 -90.442)" fill="#949494"/>
<path id="Rectangle_636" data-name="Rectangle 636" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-7465.089 -90.442)" fill="#949494"/>
<path id="Rectangle_637" data-name="Rectangle 637" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-7416.625 -90.442)" fill="#949494"/>
<path id="Rectangle_638" data-name="Rectangle 638" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-7368.161 -90.442)" fill="#949494"/>
<path id="Rectangle_639" data-name="Rectangle 639" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-7319.696 -90.442)" fill="#949494"/>
<path id="Rectangle_640" data-name="Rectangle 640" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-7271.232 -90.442)" fill="#949494"/>
<path id="Rectangle_641" data-name="Rectangle 641" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-7222.768 -90.442)" fill="#949494"/>
<path id="Rectangle_642" data-name="Rectangle 642" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-7174.304 -90.442)" fill="#949494"/>
<path id="Rectangle_643" data-name="Rectangle 643" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-7125.839 -90.442)" fill="#949494"/>
<path id="Rectangle_644" data-name="Rectangle 644" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-7077.375 -90.442)" fill="#949494"/>
<path id="Rectangle_645" data-name="Rectangle 645" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-7028.911 -90.442)" fill="#949494"/>
<path id="Rectangle_646" data-name="Rectangle 646" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-6980.446 -90.442)" fill="#949494"/>
<path id="Rectangle_647" data-name="Rectangle 647" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-6931.982 -90.442)" fill="#949494"/>
<path id="Rectangle_648" data-name="Rectangle 648" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-7610.482 -138.906)" fill="#949494"/>
<path id="Rectangle_650" data-name="Rectangle 650" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-7562.018 -138.906)" fill="#949494"/>
<path id="Rectangle_651" data-name="Rectangle 651" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-7513.554 -138.906)" fill="#949494"/>
<path id="Rectangle_652" data-name="Rectangle 652" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-7465.089 -138.906)" fill="#949494"/>
<path id="Rectangle_653" data-name="Rectangle 653" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-7416.625 -138.906)" fill="#949494"/>
<path id="Rectangle_654" data-name="Rectangle 654" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-7368.161 -138.906)" fill="#949494"/>
<path id="Rectangle_655" data-name="Rectangle 655" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-7319.696 -138.906)" fill="#949494"/>
<path id="Rectangle_656" data-name="Rectangle 656" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-7271.232 -138.906)" fill="#949494"/>
<path id="Rectangle_657" data-name="Rectangle 657" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-7222.768 -138.906)" fill="#949494"/>
<path id="Rectangle_658" data-name="Rectangle 658" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-7174.304 -138.906)" fill="#949494"/>
<path id="Rectangle_659" data-name="Rectangle 659" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-7125.839 -138.906)" fill="#949494"/>
<path id="Rectangle_660" data-name="Rectangle 660" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-7077.375 -138.906)" fill="#949494"/>
<path id="Rectangle_661" data-name="Rectangle 661" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-7028.911 -138.906)" fill="#949494"/>
<path id="Rectangle_662" data-name="Rectangle 662" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-6980.446 -138.906)" fill="#949494"/>
<path id="Rectangle_663" data-name="Rectangle 663" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-6931.982 -138.906)" fill="#949494"/>
<path id="Rectangle_664" data-name="Rectangle 664" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-7610.482 -187.371)" fill="#949494"/>
<path id="Rectangle_666" data-name="Rectangle 666" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-7562.018 -187.371)" fill="#949494"/>
<path id="Rectangle_667" data-name="Rectangle 667" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-7513.554 -187.371)" fill="#949494"/>
<path id="Rectangle_668" data-name="Rectangle 668" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-7465.089 -187.371)" fill="#949494"/>
<path id="Rectangle_669" data-name="Rectangle 669" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-7416.625 -187.371)" fill="#949494"/>
<path id="Rectangle_670" data-name="Rectangle 670" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-7368.161 -187.371)" fill="#949494"/>
<path id="Rectangle_671" data-name="Rectangle 671" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-7319.696 -187.371)" fill="#949494"/>
<path id="Rectangle_672" data-name="Rectangle 672" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-7271.232 -187.371)" fill="#949494"/>
<path id="Rectangle_673" data-name="Rectangle 673" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-7222.768 -187.371)" fill="#949494"/>
<path id="Rectangle_674" data-name="Rectangle 674" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-7174.304 -187.371)" fill="#949494"/>
<path id="Rectangle_675" data-name="Rectangle 675" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-7125.839 -187.371)" fill="#949494"/>
<path id="Rectangle_676" data-name="Rectangle 676" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-7077.375 -187.371)" fill="#949494"/>
<path id="Rectangle_677" data-name="Rectangle 677" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-7028.911 -187.371)" fill="#949494"/>
<path id="Rectangle_678" data-name="Rectangle 678" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-6980.446 -187.371)" fill="#949494"/>
<path id="Rectangle_679" data-name="Rectangle 679" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-6931.982 -187.371)" fill="#949494"/>
<path id="Rectangle_680" data-name="Rectangle 680" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-7610.482 -235.835)" fill="#949494"/>
<path id="Rectangle_682" data-name="Rectangle 682" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-7562.018 -235.835)" fill="#949494"/>
<path id="Rectangle_683" data-name="Rectangle 683" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-7513.554 -235.835)" fill="#949494"/>
<path id="Rectangle_684" data-name="Rectangle 684" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-7465.089 -235.835)" fill="#949494"/>
<path id="Rectangle_685" data-name="Rectangle 685" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-7416.625 -235.835)" fill="#949494"/>
<path id="Rectangle_686" data-name="Rectangle 686" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-7368.161 -235.835)" fill="#949494"/>
<path id="Rectangle_687" data-name="Rectangle 687" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-7319.696 -235.835)" fill="#949494"/>
<path id="Rectangle_688" data-name="Rectangle 688" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-7271.232 -235.835)" fill="#949494"/>
<path id="Rectangle_689" data-name="Rectangle 689" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-7222.768 -235.835)" fill="#949494"/>
<path id="Rectangle_690" data-name="Rectangle 690" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-7174.304 -235.835)" fill="#949494"/>
<path id="Rectangle_691" data-name="Rectangle 691" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-7125.839 -235.835)" fill="#949494"/>
<path id="Rectangle_692" data-name="Rectangle 692" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-7077.375 -235.835)" fill="#949494"/>
<path id="Rectangle_693" data-name="Rectangle 693" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-7028.911 -235.835)" fill="#949494"/>
<path id="Rectangle_694" data-name="Rectangle 694" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-6980.446 -235.835)" fill="#949494"/>
<path id="Rectangle_695" data-name="Rectangle 695" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-6931.982 -235.835)" fill="#949494"/>
<path id="Rectangle_696" data-name="Rectangle 696" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-7610.482 -284.299)" fill="#949494"/>
<path id="Rectangle_697" data-name="Rectangle 697" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-7562.018 -284.299)" fill="#949494"/>
<path id="Rectangle_698" data-name="Rectangle 698" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-7513.554 -284.299)" fill="#949494"/>
<path id="Rectangle_699" data-name="Rectangle 699" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-7465.089 -284.299)" fill="#949494"/>
<path id="Rectangle_700" data-name="Rectangle 700" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-7416.625 -284.299)" fill="#949494"/>
<path id="Rectangle_701" data-name="Rectangle 701" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-7368.161 -284.299)" fill="#949494"/>
<path id="Rectangle_702" data-name="Rectangle 702" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-7319.696 -284.299)" fill="#949494"/>
<path id="Rectangle_703" data-name="Rectangle 703" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-7271.232 -284.299)" fill="#949494"/>
<path id="Rectangle_704" data-name="Rectangle 704" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-7222.768 -284.299)" fill="#949494"/>
<path id="Rectangle_705" data-name="Rectangle 705" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-7174.304 -284.299)" fill="#949494"/>
<path id="Rectangle_706" data-name="Rectangle 706" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-7125.839 -284.299)" fill="#949494"/>
<path id="Rectangle_707" data-name="Rectangle 707" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-7077.375 -284.299)" fill="#949494"/>
<path id="Rectangle_708" data-name="Rectangle 708" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-7028.911 -284.299)" fill="#949494"/>
<path id="Rectangle_709" data-name="Rectangle 709" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-6980.446 -284.299)" fill="#949494"/>
<path id="Rectangle_710" data-name="Rectangle 710" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-6931.982 -284.299)" fill="#949494"/>
<path id="Rectangle_711" data-name="Rectangle 711" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-7610.482 103.415)" fill="#949494"/>
<path id="Rectangle_712" data-name="Rectangle 712" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-7562.018 103.415)" fill="#949494"/>
<path id="Rectangle_713" data-name="Rectangle 713" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-7513.554 103.415)" fill="#949494"/>
<path id="Rectangle_714" data-name="Rectangle 714" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-7465.089 103.415)" fill="#949494"/>
<path id="Rectangle_715" data-name="Rectangle 715" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-7416.625 103.415)" fill="#949494"/>
<path id="Rectangle_716" data-name="Rectangle 716" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-7368.161 103.415)" fill="#949494"/>
<path id="Rectangle_717" data-name="Rectangle 717" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-7319.696 103.415)" fill="#949494"/>
<path id="Rectangle_718" data-name="Rectangle 718" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-7271.232 103.415)" fill="#949494"/>
<path id="Rectangle_719" data-name="Rectangle 719" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-7222.768 103.415)" fill="#949494"/>
<path id="Rectangle_720" data-name="Rectangle 720" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-7174.304 103.415)" fill="#949494"/>
<path id="Rectangle_721" data-name="Rectangle 721" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-7125.839 103.415)" fill="#949494"/>
<path id="Rectangle_722" data-name="Rectangle 722" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-7077.375 103.415)" fill="#949494"/>
<path id="Rectangle_723" data-name="Rectangle 723" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-7028.911 103.415)" fill="#949494"/>
<path id="Rectangle_724" data-name="Rectangle 724" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-6980.446 103.415)" fill="#949494"/>
<path id="Rectangle_725" data-name="Rectangle 725" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-6931.982 103.415)" fill="#949494"/>
<path id="Rectangle_726" data-name="Rectangle 726" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-7610.482 54.951)" fill="#949494"/>
<path id="Rectangle_728" data-name="Rectangle 728" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-7562.018 54.951)" fill="#949494"/>
<path id="Rectangle_729" data-name="Rectangle 729" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-7513.554 54.951)" fill="#949494"/>
<path id="Rectangle_730" data-name="Rectangle 730" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-7465.089 54.951)" fill="#949494"/>
<path id="Rectangle_731" data-name="Rectangle 731" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-7416.625 54.951)" fill="#949494"/>
<path id="Rectangle_732" data-name="Rectangle 732" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-7368.161 54.951)" fill="#949494"/>
<path id="Rectangle_733" data-name="Rectangle 733" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-7319.696 54.951)" fill="#949494"/>
<path id="Rectangle_734" data-name="Rectangle 734" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-7271.232 54.951)" fill="#949494"/>
<path id="Rectangle_735" data-name="Rectangle 735" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-7222.768 54.951)" fill="#949494"/>
<path id="Rectangle_736" data-name="Rectangle 736" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-7174.304 54.951)" fill="#949494"/>
<path id="Rectangle_737" data-name="Rectangle 737" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-7125.839 54.951)" fill="#949494"/>
<path id="Rectangle_738" data-name="Rectangle 738" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-7077.375 54.951)" fill="#949494"/>
<path id="Rectangle_739" data-name="Rectangle 739" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-7028.911 54.951)" fill="#949494"/>
<path id="Rectangle_740" data-name="Rectangle 740" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-6980.446 54.951)" fill="#949494"/>
<path id="Rectangle_741" data-name="Rectangle 741" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-6931.982 54.951)" fill="#949494"/>
<path id="Rectangle_750" data-name="Rectangle 750" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-7271.232 6.486)" fill="#949494"/>
<path id="Rectangle_751" data-name="Rectangle 751" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-7222.768 6.486)" fill="#949494"/>
<path id="Rectangle_3373" data-name="Rectangle 3373" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-7610.482 6.486)" fill="#949494"/>
<path id="Rectangle_752" data-name="Rectangle 752" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-7174.304 6.486)" fill="#949494"/>
<path id="Rectangle_3375" data-name="Rectangle 3375" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-7562.018 6.486)" fill="#949494"/>
<path id="Rectangle_753" data-name="Rectangle 753" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-7125.839 6.486)" fill="#949494"/>
<path id="Rectangle_3377" data-name="Rectangle 3377" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-7513.553 6.486)" fill="#949494"/>
<path id="Rectangle_754" data-name="Rectangle 754" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-7077.375 6.486)" fill="#949494"/>
<path id="Rectangle_3378" data-name="Rectangle 3378" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-7465.089 6.486)" fill="#949494"/>
<path id="Rectangle_755" data-name="Rectangle 755" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-7028.911 6.486)" fill="#949494"/>
<path id="Rectangle_3379" data-name="Rectangle 3379" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-7416.625 6.486)" fill="#949494"/>
<path id="Rectangle_756" data-name="Rectangle 756" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-6980.446 6.486)" fill="#949494"/>
<path id="Rectangle_3380" data-name="Rectangle 3380" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-7368.16 6.486)" fill="#949494"/>
<path id="Rectangle_757" data-name="Rectangle 757" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-6931.982 6.486)" fill="#949494"/>
<path id="Rectangle_3381" data-name="Rectangle 3381" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-7319.696 6.486)" fill="#949494"/>
<path id="Rectangle_766" data-name="Rectangle 766" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-7271.232 -41.978)" fill="#949494"/>
<path id="Rectangle_767" data-name="Rectangle 767" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-7222.768 -41.978)" fill="#949494"/>
<path id="Rectangle_3374" data-name="Rectangle 3374" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-7610.482 -41.978)" fill="#949494"/>
<path id="Rectangle_768" data-name="Rectangle 768" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-7174.304 -41.978)" fill="#949494"/>
<path id="Rectangle_3376" data-name="Rectangle 3376" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-7562.018 -41.978)" fill="#949494"/>
<path id="Rectangle_769" data-name="Rectangle 769" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-7125.839 -41.978)" fill="#949494"/>
<path id="Rectangle_3382" data-name="Rectangle 3382" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-7513.553 -41.978)" fill="#949494"/>
<path id="Rectangle_770" data-name="Rectangle 770" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-7077.375 -41.978)" fill="#949494"/>
<path id="Rectangle_3383" data-name="Rectangle 3383" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-7465.089 -41.978)" fill="#949494"/>
<path id="Rectangle_771" data-name="Rectangle 771" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-7028.911 -41.978)" fill="#949494"/>
<path id="Rectangle_3384" data-name="Rectangle 3384" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-7416.625 -41.978)" fill="#949494"/>
<path id="Rectangle_772" data-name="Rectangle 772" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-6980.446 -41.978)" fill="#949494"/>
<path id="Rectangle_3385" data-name="Rectangle 3385" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-7368.16 -41.978)" fill="#949494"/>
<path id="Rectangle_773" data-name="Rectangle 773" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-6931.982 -41.978)" fill="#949494"/>
<path id="Rectangle_3386" data-name="Rectangle 3386" d="M-.25-.25H48.714V48.714H-.25Zm48.464.5H.25V48.214H48.214Z" transform="translate(-7319.696 -41.978)" fill="#949494"/>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 23 KiB

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

@ -76,7 +76,7 @@ body{
}
.nav-logo{
width: 4.4vw;
width: 4.9vw;
}
.nav-logo:hover{
@ -86,7 +86,7 @@ body{
.nav-item{
font-family: "pp-neue-machina", sans-serif;
text-transform: uppercase;
font-size: .8vw;
font-size: 1.2vw;
}
}