feat: added swiss hosting logo & link

Also cleaned up the html and css a lot
This commit is contained in:
Valentin Doreau 2024-10-14 21:53:18 +02:00
parent be9a1024af
commit 116be84100
Signed by: vdoreau
GPG Key ID: F3E456CF9A14098B
4 changed files with 52 additions and 172 deletions

View File

@ -966,15 +966,10 @@ p.Flex-item_17 {
.Flex-Container_12 {
display: flex;
flex-direction: row;
width: 100%;
padding-bottom: 2%;
padding: 2em 8em;
background-color: #f7f7f7;
box-shadow: 0 6px 6px 0 rgba(0, 0, 41, 0.35)
}
.Flex-Container_12_1 {
display: flex
box-shadow: 0 6px 6px 0 rgba(0, 0, 41, 0.35);
gap: 10%;
}
img#Location_Map {
@ -992,15 +987,6 @@ img#logo_09 {
margin-top: 35px
}
div.Flex-item_18 {
display: block;
line-height: normal;
font-size: 22px;
font-family: "PT Sans", sans-serif;
color: #00123f;
margin-left: 200px
}
.Flex-item_18_01 {
display: block;
line-height: normal;
@ -1010,14 +996,7 @@ div.Flex-item_18 {
margin-left: 10px
}
.Flex-Container_12_1 .Flex-item_19 {
display: block;
line-height: normal;
color: #00123f;
margin-left: 200px
}
.Flex-Container_12_1 .Flex-item_19 ul {
.Flex-Container_12 ul {
list-style: none
}
@ -1035,7 +1014,6 @@ div img#logo_10 {
width: 50px;
height: 45px;
box-sizing: border-box;
margin-left: 210pt;
cursor: pointer
}
@ -1353,6 +1331,11 @@ section.Flex-Container_18 {
line-height: normal
}
#logos {
display: flex;
flex-direction: column;
}
@media only screen and (max-width:1875px) {
ul.topnav-links {
margin-right: 6%
@ -1766,9 +1749,6 @@ section.Flex-Container_18 {
margin-right: 8%;
margin-left: 170px
}
div.Flex-item_18 {
margin-left: 170px
}
a p.Flex-item_21 {
margin-left: 170px
}
@ -2257,9 +2237,6 @@ section.Flex-Container_18 {
margin-right: 8%;
margin-left: 170px
}
div img#logo_10 {
margin-left: 230px
}
footer.Flex-Container_13 {
display: flex;
color: #00123f;
@ -2274,9 +2251,6 @@ section.Flex-Container_18 {
margin-top: 30px;
margin-left: 435pt
}
div.Flex-item_18 {
margin-left: 170px
}
div.Flex-item_14 {
margin-right: 9.5%
}
@ -2595,12 +2569,6 @@ section.Flex-Container_18 {
overflow-wrap: anywhere;
margin-right: 9%
}
div.Flex-item_18 {
margin-left: 145px
}
div img#logo_10 {
margin-left: 200px
}
a p.Flex-item_21 {
font-size: 18PX;
margin-top: 30px;
@ -3040,12 +3008,6 @@ section.Flex-Container_18 {
.Flex-Container_10 {
display: block
}
div img#logo_10 {
margin-left: 100px
}
.Flex-Container_12_1 .Flex-item_19 {
margin-left: 100px
}
a p.Flex-item_21 {
font-size: 16PX;
margin-top: 30px
@ -3490,21 +3452,12 @@ section.Flex-Container_18 {
.Flex-Container_10 {
display: block
}
div.Flex-item_18 {
margin-left: 115px
}
.Flex-item_18_01 {
font-size: 16px
}
.Flex-item_19 {
font-size: 16px
}
.Flex-item_20 a {
font-size: 20px
}
div img#logo_10 {
margin-left: 170px
}
a p.Flex-item_21 {
font-size: 15PX;
margin-top: 30px;
@ -3950,15 +3903,9 @@ section.Flex-Container_18 {
.Flex-item_18_01 {
font-size: 16px
}
.Flex-item_19 {
font-size: 14.5px
}
.Flex-item_20 a {
font-size: 18px
}
img#logo_10 {
margin-left: 100px
}
a p.Flex-item_21 {
font-size: 15PX;
margin-top: 30px
@ -4333,21 +4280,12 @@ section.Flex-Container_18 {
padding-right: 5%;
overflow-wrap: anywhere
}
div.Flex-item_18 {
margin-left: 100px
}
.Flex-item_18_01 {
font-size: 16px
}
.Flex-item_19 {
font-size: 14.5px
}
.Flex-item_20 a {
font-size: 18px
}
div img#logo_10 {
margin-left: 100px
}
a p.Flex-item_21 {
font-size: 13.5PX;
margin-top: 30px;
@ -4856,27 +4794,12 @@ section.Flex-Container_18 {
.Flex-Container_12 {
display: block
}
div.Flex-item_18 {
display: block;
line-height: normal;
font-size: 22px;
font-family: "PT Sans", sans-serif;
color: #00123f;
margin-left: 7%
}
.Flex-item_18_01 {
font-size: 16px
}
.Flex-item_19 {
font-size: 14.5px
}
.Flex-item_20 a {
font-size: 18px
}
div img#logo_10 {
margin-left: 70px;
margin-top: 40px
}
footer.Flex-Container_13 {
display: inline-flex;
justify-content: stretch
@ -5514,27 +5437,12 @@ section.Flex-Container_18 {
.Flex-Container_12 {
display: block
}
div.Flex-item_18 {
display: block;
line-height: normal;
font-size: 22px;
font-family: "PT Sans", sans-serif;
color: #00123f;
margin-left: 7%
}
.Flex-item_18_01 {
font-size: 16px
}
.Flex-item_19 {
font-size: 14.5px
}
.Flex-item_20 a {
font-size: 18px
}
div img#logo_10 {
margin-left: 60px;
margin-top: 20px
}
footer.Flex-Container_13 {
display: inline-flex;
justify-content: stretch
@ -6294,37 +6202,18 @@ section.Flex-Container_18 {
flex-direction: row;
margin: 0 1% 15% 9%
}
div.Flex-item_18 {
display: block;
line-height: normal;
font-size: 22px;
font-family: "PT Sans", sans-serif;
color: #00123f;
margin-left: 10%
}
.Flex-item_18_01 {
display: block;
font-size: 16px;
margin-right: 50%;
margin-left: 1%
}
div.Flex-item_19 {
font-size: 14.5px;
margin-top: 20px
}
.Flex-item_20 a {
font-size: 18px
}
.Flex-Container_12_1 {
display: block
}
div img#logo_10 {
width: 40px;
height: 40px;
margin-left: 11%
}
.Flex-Container_12_1 .Flex-item_19 {
margin-left: 11%
}
footer.Flex-Container_13 {
display: block
@ -6824,21 +6713,14 @@ section.Flex-Container_18 {
padding-right: 5%;
margin-left: 9%
}
div.Flex-item_18 {
margin-left: 9%
}
img#logo_09 {
width: 193.5px;
margin-top: 35px;
margin-left: 2%
}
.Flex-Container_12_1 .Flex-item_19 {
margin-left: 9.5%
}
div img#logo_10 {
width: 40px;
height: 40px;
margin-left: 9.5%
}
.Flex-item_18_01 {
display: block;

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.4 KiB

View File

@ -70,8 +70,7 @@ cat << EOF
<footer>
<section class="Flex-Container_12">
<div class="Flex-Container_12_1">
<div class="Flex-item_18">
<div>
<a href="https://e-durable.ch/" target="_blank">
<img id="logo_09" src="/assets/e-Durable_logo_notagline_full_color.svg" alt="e-Durable logo">
</a>
@ -81,7 +80,6 @@ cat << EOF
</p>
</div>
<div>
<div class="Flex-item_19 MT_60 ">
<ul style="text-decoration:underline !important;">
<li class="Flex-item_20"><a href="$(get_url index)">Home</a></li>
<li class="Flex-item_20"><a href="$(get_url backup)">Backup</a></li>
@ -90,11 +88,12 @@ cat << EOF
<li class="Flex-item_20"><a href="$(get_url become-client)">Become Client</a></li>
</ul>
</div>
</div>
</div>
<div>
<div id="logos">
<a href="https://www.linkedin.com/showcase/recycled-cloud" target="_blank">
<img id="logo_10" class="MT_80" src="/assets/Linkdin_icon.svg" alt="Linkdin logo">
<img id="logo_10" src="/assets/Linkdin_icon.svg" alt="Linkedin logo">
</a>
<a href="https://www.swissmadesoftware.org/en/swiss-hosting.html" target="_blank">
<img src="/assets/swiss_hosting_logo.png" alt="Swiss Hosting logo">
</a>
</div>
</section>

View File

@ -70,8 +70,7 @@ cat << EOF
<footer>
<section class="Flex-Container_12">
<div class="Flex-Container_12_1">
<div class="Flex-item_18">
<div>
<a href="https://e-durable.ch/" target="_blank">
<img id="logo_09" src="/assets/e-Durable_logo_notagline_full_color.svg" alt="e-Durable logo">
</a>
@ -81,7 +80,6 @@ cat << EOF
</p>
</div>
<div>
<div class="Flex-item_19 MT_60 ">
<ul style="text-decoration:underline !important;">
<li class="Flex-item_20"><a href="$(get_url index)">Accueil</a></li>
<li class="Flex-item_20"><a href="$(get_url backup)">Backup</a></li>
@ -90,11 +88,12 @@ cat << EOF
<li class="Flex-item_20"><a href="$(get_url become-client)">Devenir Client</a></li>
</ul>
</div>
</div>
</div>
<div>
<div id="logos">
<a href="https://www.linkedin.com/showcase/recycled-cloud" target="_blank">
<img id="logo_10" class="MT_80" src="/assets/Linkdin_icon.svg" alt="Linkdin logo">
<img id="logo_10" src="/assets/Linkdin_icon.svg" alt="Linkdin logo">
</a>
<a href="https://www.swissmadesoftware.org/en/swiss-hosting.html" target="_blank">
<img src="/assets/swiss_hosting_logo.png" alt="Swiss Hosting logo">
</a>
</div>
</section>