adjustments to the front page's css

This commit is contained in:
stitch 2024-07-26 01:37:08 +03:00
parent 7f3e0a23bb
commit 39c9945906
6 changed files with 54 additions and 33 deletions

View File

@ -3,6 +3,12 @@
padding: 50px 0 0 0;
}
@media (max-width: 576px) {
.secMain.secMainFooter {
padding: 25px 0 0 0;
}
}
.secMainFooterInside {
width: 100%;
display: flex;
@ -62,6 +68,12 @@
justify-content: start;
}
@media (max-width: 576px) {
.btnMain.secMainFooterInsideTopSecMidBtn {
justify-content: center;
}
}
.secMainFooterInsideTopSecLeftTopImg {
width: 100%;
}
@ -82,9 +94,15 @@
@media (max-width: 768px) {
.secMainFooterInsideTopSecMidInside {
flex-direction: column;
justify-content: unset;
align-items: unset;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
}
}
@media (max-width: 576px) {
.secMainFooterInsideTopSecMidInside {
display: grid;
grid-template-columns: 1fr 1fr;
}
}
@ -105,6 +123,12 @@
color: rgba(0,0,0,0.5);
}
@media (max-width: 576px) {
.secMainFooterInsideTopSecRightInsideText {
text-align: center;
}
}
.secMainFooterInsideTopSecRightInsideLinks {
display: flex;
flex-direction: row;

View File

@ -8,7 +8,7 @@
@media (max-width: 768px) {
.secMainBodySecInside_Front {
padding: 15px;
padding: 15px 0px;
}
}
@ -28,6 +28,13 @@
max-width: 500px;
}
@media (max-width: 576px) {
.secMainBodySecInside_FrontSecLogoImg {
width: 100%;
max-width: 300px;
}
}
.secMainBodySecInside_FrontSec.secMainBodySecInside_FrontSecInfo {
display: flex;
flex-direction: column;

View File

@ -1,5 +1,5 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 736.52 255.06">
<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 734.95 255.06">
<defs>
<style>
.cls-1 {
@ -7,38 +7,28 @@
}
.cls-2 {
fill: #87c341;
}
.cls-3 {
fill: #4c82a3;
}
.cls-4 {
fill: #11acae;
}
.cls-5 {
font-family: Righteous-Regular, Righteous;
font-size: 169.14px;
}
.cls-5, .cls-6 {
.cls-3 {
fill: #7d54a3;
}
</style>
</defs>
<g id="Layer_1-2" data-name="Layer 1">
<text class="cls-5" transform="translate(331.59 183.9)"><tspan x="0" y="0">SIGIT</tspan></text>
<g>
<path class="cls-4" d="M181.53,115.06h0c-9.4-36.67-56.77-24.79-121.09-12.57C-3.54,114.64-25.35,19.85,37.72,3.62,46.91,1.26,56.55,0,66.47,0,130.02,0,181.53,51.51,181.53,115.06Z"/>
<path class="cls-2" d="M100,140h0c9.4,36.67,56.77,24.79,121.09,12.57,63.98-12.16,85.79,82.64,22.72,98.86-9.19,2.36-18.83,3.62-28.76,3.62-63.55,0-115.06-51.51-115.06-115.06Z"/>
<circle class="cls-6" cx="140.77" cy="127.53" r="24.88"/>
<g>
<path class="cls-3" d="M335.64,100.98c0-4.9,.94-9.5,2.81-13.79,1.87-4.29,4.42-8.05,7.64-11.27,3.22-3.22,6.98-5.77,11.27-7.64,4.29-1.87,8.89-2.81,13.79-2.81h54.34v23.7h-54.34c-1.65,0-3.19,.3-4.62,.91-1.43,.61-2.68,1.45-3.76,2.52s-1.91,2.33-2.52,3.76c-.61,1.43-.91,2.97-.91,4.62s.3,3.21,.91,4.67c.61,1.46,1.45,2.73,2.52,3.8,1.07,1.07,2.33,1.91,3.76,2.52,1.43,.61,2.97,.91,4.62,.91h23.7c4.9,0,9.51,.92,13.83,2.77,4.32,1.85,8.09,4.38,11.31,7.6s5.75,6.99,7.6,11.31c1.84,4.32,2.77,8.93,2.77,13.83s-.92,9.5-2.77,13.79c-1.85,4.29-4.38,8.05-7.6,11.27s-6.99,5.77-11.31,7.64c-4.32,1.87-8.93,2.81-13.83,2.81h-52.61v-23.7h52.61c1.65,0,3.19-.3,4.62-.91,1.43-.61,2.68-1.45,3.76-2.52s1.91-2.33,2.52-3.76c.61-1.43,.91-2.97,.91-4.62s-.3-3.19-.91-4.62c-.61-1.43-1.45-2.68-2.52-3.76-1.07-1.07-2.33-1.91-3.76-2.52-1.43-.6-2.97-.91-4.62-.91h-23.7c-4.9,0-9.5-.94-13.79-2.81-4.29-1.87-8.05-4.42-11.27-7.64-3.22-3.22-5.77-6.99-7.64-11.31-1.87-4.32-2.81-8.93-2.81-13.83Z"/>
<path class="cls-3" d="M469.59,183.9h-23.7V65.47h23.7v118.43Z"/>
<path class="cls-3" d="M585.8,171.92c-5.51,4.68-11.64,8.27-18.42,10.78-6.77,2.5-13.82,3.76-21.14,3.76-5.62,0-11.03-.73-16.23-2.19-5.2-1.46-10.06-3.52-14.58-6.19-4.52-2.67-8.65-5.86-12.39-9.58-3.75-3.72-6.94-7.85-9.58-12.39s-4.7-9.43-6.15-14.66c-1.46-5.23-2.19-10.65-2.19-16.27s.73-11.01,2.19-16.19c1.46-5.17,3.51-10.03,6.15-14.58,2.64-4.54,5.83-8.67,9.58-12.39,3.74-3.72,7.87-6.9,12.39-9.54,4.51-2.64,9.37-4.69,14.58-6.15s10.61-2.19,16.23-2.19c7.32,0,14.37,1.25,21.14,3.76,6.77,2.51,12.91,6.1,18.42,10.78l-12.39,20.65c-3.58-3.63-7.71-6.48-12.39-8.55-4.68-2.06-9.61-3.1-14.78-3.1s-10.03,.99-14.58,2.97c-4.54,1.98-8.52,4.67-11.93,8.05-3.41,3.39-6.11,7.35-8.09,11.89-1.98,4.54-2.97,9.4-2.97,14.58s.99,10.13,2.97,14.7c1.98,4.57,4.68,8.56,8.09,11.98,3.41,3.41,7.39,6.11,11.93,8.09,4.54,1.98,9.4,2.97,14.58,2.97,2.97,0,5.86-.36,8.67-1.07,2.81-.71,5.48-1.71,8.01-2.97v-33.7h22.88v46.75Z"/>
<path class="cls-3" d="M627.75,183.9h-23.7V65.47h23.7v118.43Z"/>
<path class="cls-3" d="M699.44,183.9h-23.62V89.17h-35.6v-23.7h94.73v23.7h-35.51v94.73Z"/>
</g>
<g>
<path class="cls-3" d="M181.53,115.06h0c-9.4-36.67-56.77-24.79-121.09-12.57C-3.54,114.64-25.35,19.85,37.72,3.62,46.91,1.26,56.55,0,66.47,0c63.55,0,115.06,51.51,115.06,115.06Z"/>
<path class="cls-2" d="M181.53,115.06h0c-9.4-36.67-56.77-24.79-121.09-12.57C-3.54,114.64-25.35,19.85,37.72,3.62,46.91,1.26,56.55,0,66.47,0c63.55,0,115.06,51.51,115.06,115.06Z"/>
<path class="cls-1" d="M100,140h0c9.4,36.67,56.77,24.79,121.09,12.57,63.98-12.16,85.79,82.64,22.72,98.86-9.19,2.36-18.83,3.62-28.76,3.62-63.55,0-115.06-51.51-115.06-115.06Z"/>
<circle class="cls-6" cx="140.77" cy="127.53" r="24.88"/>
<circle class="cls-3" cx="140.77" cy="127.53" r="24.88"/>
</g>
</g>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 1.5 KiB

After

Width:  |  Height:  |  Size: 2.9 KiB

View File

@ -596,7 +596,7 @@
</div>
<div class="secMainFooterInsideBottom">
<div class="secMainFooterInsideBottomSec">
<p class="secMainFooterInsideBottomSecText">Built by&nbsp;<a class="linkMain" href="#">Nostr Dev</a>&nbsp;2024.</p>
<p class="secMainFooterInsideBottomSecText">Built by&nbsp;<a class="linkMain" href="https://nostrdev.com/" target="_blank">Nostr Dev</a>&nbsp;2024.</p>
</div>
</div>
</div>

View File

@ -374,7 +374,7 @@
</div>
<div class="secMainFooterInsideBottom">
<div class="secMainFooterInsideBottomSec">
<p class="secMainFooterInsideBottomSecText">Built by&nbsp;<a class="linkMain" href="#">Nostr Dev</a>&nbsp;2024.</p>
<p class="secMainFooterInsideBottomSecText">Built by&nbsp;<a class="linkMain" href="https://nostrdev.com/" target="_blank">Nostr Dev</a>&nbsp;2024.</p>
</div>
</div>
</div>

View File

@ -82,7 +82,7 @@
<div class="secMainBodySecInside_FrontSecCardsCardInsideSec secMainBodySecInside_FrontSecCardsCardInsideSecMid">
<p>Because of the underlying tech, know that your files are private and safe from tampering.</p>
</div>
<div class="secMainBodySecInside_FrontSecCardsCardInsideSec secMainBodySecInside_FrontSecCardsCardInsideSecBottom"><button class="btnMain secMainBodySecInside_FrontSecCardsCardInsideSecBottomBtnAlt" type="button">Learn more</button></div>
<div class="secMainBodySecInside_FrontSecCardsCardInsideSec secMainBodySecInside_FrontSecCardsCardInsideSecBottom"><a role="button" class="btnMain secMainBodySecInside_FrontSecCardsCardInsideSecBottomBtnAlt">Learn more</a></div>
</div>
</div>
<div class="secMainBodySecInside_FrontSecCardsCard">
@ -99,7 +99,7 @@
<div class="secMainBodySecInside_FrontSecCardsCardInsideSec secMainBodySecInside_FrontSecCardsCardInsideSecMid">
<p>Sigit is completely open source and can be completely self hosted by anyone.</p>
</div>
<div class="secMainBodySecInside_FrontSecCardsCardInsideSec secMainBodySecInside_FrontSecCardsCardInsideSecBottom"><button class="btnMain secMainBodySecInside_FrontSecCardsCardInsideSecBottomBtnAlt" type="button">Learn more</button></div>
<div class="secMainBodySecInside_FrontSecCardsCardInsideSec secMainBodySecInside_FrontSecCardsCardInsideSecBottom"><a role="button" class="btnMain secMainBodySecInside_FrontSecCardsCardInsideSecBottomBtnAlt">Learn more</a></div>
</div>
</div>
</div>
@ -135,7 +135,7 @@
</div>
<div class="secMainFooterInsideBottom">
<div class="secMainFooterInsideBottomSec">
<p class="secMainFooterInsideBottomSecText">Built by&nbsp;<a class="linkMain" href="#">Nostr Dev</a>&nbsp;2024.</p>
<p class="secMainFooterInsideBottomSecText">Built by&nbsp;<a class="linkMain" href="https://nostrdev.com/" target="_blank">Nostr Dev</a>&nbsp;2024.</p>
</div>
</div>
</div>