up styles

This commit is contained in:
Tykayn 2025-05-13 12:31:24 +02:00 committed by tykayn
parent f471ebb919
commit ddb9383101
5 changed files with 49 additions and 18 deletions

View file

@ -53,7 +53,7 @@ hr + h1 {
margin-top: 5rem; margin-top: 5rem;
border-left: 3px solid gray; border-left: 3px solid gray;
padding-left: 3rem; padding-left: 3rem;
margin-left: -4rem; margin-left: -3.25rem;
} }
h1:first-letter { h1:first-letter {
@ -80,6 +80,7 @@ h3 {
.content { .content {
font-size: 1.2rem; font-size: 1.2rem;
min-height: 15rem; min-height: 15rem;
max-width: 100%;
} }
.content img, .content img,
.content picture, .content picture,
@ -146,7 +147,7 @@ p {
margin-bottom: 1rem; margin-bottom: 1rem;
font-size: 1.25rem; font-size: 1.25rem;
line-height: 1.75rem; line-height: 1.75rem;
width: 65ch; max-width: 65ch;
text-align: justify; text-align: justify;
} }
p a { p a {
@ -164,7 +165,7 @@ ul {
} }
li { li {
margin-bottom: 1rem; margin-bottom: 0.25rem;
} }
#tags_page li { #tags_page li {
display: inline; display: inline;
@ -228,10 +229,11 @@ li a {
} }
.blog-title, .blog-title,
.blog-subtitle { p.blog-subtitle {
margin: 1rem;
color: #fff; color: #fff;
text-shadow: 0 0 1rem #555; text-shadow: 0 0 1rem #555;
width: 100%;
margin: 1rem auto;
} }
#page { #page {
@ -253,7 +255,7 @@ li a {
.site-footer { .site-footer {
min-height: 20vh; min-height: 20vh;
padding: 2rem; padding: 2rem;
background: #aaa; background: #282828;
color: #dedede; color: #dedede;
} }
@ -267,12 +269,18 @@ article {
padding: 1rem; padding: 1rem;
} }
.article-date {
border-top: 1px solid #ddd;
}
.article-navigation { .article-navigation {
margin-top: 2rem; margin-top: 2rem;
margin-bottom: 2rem; margin-bottom: 2rem;
} }
.article-navigation a { .article-navigation a {
padding-right: 2rem; padding-right: 2rem;
min-width: 45%;
min-height: 2rem;
} }
.article-tags { .article-tags {
@ -330,8 +338,15 @@ q {
.site-foot-soutien { .site-foot-soutien {
font-size: 0.8rem; font-size: 0.8rem;
width: 75ch; width: 110ch;
max-width: calc(100vw - 6rem); max-width: calc(100vw - 6rem);
margin: 0 auto;
line-height: 1rem;
}
.footer-nav {
width: 63ch;
margin-top: 2rem;
} }
@media (max-width: 75ch) { @media (max-width: 75ch) {

View file

@ -1 +1 @@
{"version":3,"sourceRoot":"","sources":["../styles_src/style_general.scss","../styles_src/_variables.scss"],"names":[],"mappings":";AAAA;AAIA;EACE;EACA;EACA;;AAEA;EAEE;;;AAIJ;EACE;EACA,aCmBiB;;;ADhBnB;EACE;EACA,WCLe;EDMf,aCDiB;EDEjB,OCvBW;EDwBX,YCvBiB;EDwBjB;EACA,gBCEW;;;ADCb;AAAA;AAAA;AAAA;EAIE,WCnBoB;EDoBpB;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;EAME,aCPoB;EDQpB,YClBW;EDmBX,eCjBW;EDkBX,OC5Cc;ED6Cd;EACA;EACA;EACA,aC5BoB;;;ADgCtB;AAAA;EAEE,YAvDW;EAwDX;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE,OCjEiB;EDkEjB,WCnDa;EDoDb;;;AAGF;EACE,WCvDa;EDwDb;;;AAGF;EACE,WC3Da;ED4Db;;;AAGF;EACE,WCnEkB;EDoElB;;AAEA;AAAA;AAAA;AAAA;AAAA;EAKE,OC/EY;EDgFZ;EACA,YCpES;EDqET,eCrES;EDsET;;;AAIJ;AAAA;EAEE;;;AAIF;EACE;EACA,eC5EiB;ED6EjB,OCzGW;ED0GX;EACA;EACA;;AAEA;EACE,YCzGkB;ED0GlB,OChHS;;ADkHT;EACE,OCnHO;;ADuHX;EAEE;EACA;EACA,cCrGS;EDsGT,eCtGS;;ADyGX;EACE;EACA;;;AAIJ;EACE,YClGe;;ADoGf;EACE;EACA,YCvGe;;;AD2GnB;AAAA;AAAA;AAAA;EAIE;;;AAGF;EACE;EACA;EACA,YCjIW;EDkIX,eCnIW;EDoIX;EACA;EACA;EACA;;AAEA;EACE;;;AAKJ;AAAA;EAEE;;;AAGF;EACE;EACA;;;AAGF;EACE,eC1JW;;AD4JX;EACE;;AAGF;EACE;EACA,cClKS;;;ADuKb;EACE;;;AAGF;EACE;EACA;;;AAIA;EACE;;;AAKF;EACE,OCtLS;EDuLT,QCvLS;EDwLT,cC1LS;;AD6LX;EACE;EACA;;;AAIJ;EACE,YCnMW;EDoMX,eCpMW;EDqMX;;AAEA;EACE;EACA,SC3MS;ED4MT;EACA,eCvMe;;;AD2MnB;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA,SCxNS;;;AD4Nb;EACE;EACA,SC9NW;ED+NX;EACA;;;AAGF;AAAA;EAEE,QCrOW;EDsOX,OC/PiB;EDgQjB;;;AAGF;EACE,YC9Pc;;;ADiQhB;EACE,YCxQiB;EDyQjB,SC5OkB;ED6OlB;EACA,YClPW;EDmPX,eC7OiB;ED8OjB;;AAEA;EACE;;;AAIJ;EACE;EACA,SC3PW;ED4PX,YCnRgB;EDoRhB,OCnRkB;;;ADsRpB;EACE,OChRc;EDiRd;;;AAGF;EACE;EACA,SCzQW;;;AD4Qb;EACE,YC3QW;ED4QX,eC5QW;;AD8QX;EACE,eC/QS;;;ADmRb;EACE,YCtRW;EDuRX,eCvRW;;ADyRX;EACE;EACA,SC5RS;;;ADmSX;AAAA;EACE;;AAGF;AAAA;EACE;EACA;;AAEA;AAAA;EACE;EACA,SC7SO;;;ADkTb;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA,cCvTW;EDwTX,aCzTW;ED0TX,gBC1TW;;;AD6Tb;EACE;;;AAIA;EACE;;AAEA;EACE;;AAIJ;EACE;EACA;EACA,cC9US;;;ADkVb;EACE;EACA;EACA;;;AAGF;EACE;IACE;;EAGF;IACE,SC9VS","file":"style_general.css"} {"version":3,"sourceRoot":"","sources":["../styles_src/style_general.scss","../styles_src/_variables.scss"],"names":[],"mappings":";AAAA;AAIA;EACE;EACA;EACA;;AAEA;EAEE;;;AAIJ;EACE;EACA,aCmBiB;;;ADhBnB;EACE;EACA,WCLe;EDMf,aCDiB;EDEjB,OCvBW;EDwBX,YCvBiB;EDwBjB;EACA,gBCEW;;;ADCb;AAAA;AAAA;AAAA;EAIE,WCnBoB;EDoBpB;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;EAME,aCPoB;EDQpB,YClBW;EDmBX,eCjBW;EDkBX,OC5Cc;ED6Cd;EACA;EACA;EACA,aC5BoB;;;ADgCtB;AAAA;EAEE,YAvDW;EAwDX;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE,OCjEiB;EDkEjB,WCnDa;EDoDb;;;AAGF;EACE,WCvDa;EDwDb;;;AAGF;EACE,WC3Da;ED4Db;;;AAGF;EACE,WCnEkB;EDoElB;EACA;;AAEA;AAAA;AAAA;AAAA;AAAA;EAKE,OChFY;EDiFZ;EACA,YCrES;EDsET,eCtES;EDuET;;;AAIJ;AAAA;EAEE;;;AAIF;EACE;EACA,eC7EiB;ED8EjB,OC1GW;ED2GX;EACA;EACA;;AAEA;EACE,YC1GkB;ED2GlB,OCjHS;;ADmHT;EACE,OCpHO;;ADwHX;EAEE;EACA;EACA,cCtGS;EDuGT,eCvGS;;AD0GX;EACE;EACA;;;AAIJ;EACE,YCnGe;;ADqGf;EACE;EACA,YCxGe;;;AD4GnB;AAAA;AAAA;AAAA;EAIE;;;AAGF;EACE;EACA;EACA,YClIW;EDmIX,eCpIW;EDqIX;EACA;EACA;EACA;;AAEA;EACE;;;AAKJ;AAAA;EAEE;;;AAGF;EACE;EACA;;;AAGF;EACE;;AAEA;EACE;;AAGF;EACE;EACA,cCnKS;;;ADwKb;EACE;;;AAGF;EACE;EACA;;;AAIA;EACE;;;AAKF;EACE,OCvLS;EDwLT,QCxLS;EDyLT,cC3LS;;AD8LX;EACE;EACA;;;AAIJ;EACE,YCpMW;EDqMX,eCrMW;EDsMX;;AAEA;EACE;EACA,SC5MS;ED6MT;EACA,eCxMe;;;AD4MnB;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA,SCzNS;;;AD6Nb;EACE;EACA,SC/NW;EDgOX;EACA;;;AAGF;AAAA;EAGE,OChQiB;EDiQjB;EACA;EACA;;;AAGF;EACE,YCjQc;;;ADoQhB;EACE,YC3QiB;ED4QjB,SC/OkB;EDgPlB;EACA,YCrPW;EDsPX,eChPiB;EDiPjB;;AAEA;EACE;;;AAIJ;EACE;EACA,SC9PW;ED+PX,YCtRgB;EDuRhB,OCtRkB;;;ADyRpB;EACE,OCnRc;EDoRd;;;AAGF;EACE;EACA,SC5QW;;;AD+Qb;EACE;;;AAGF;EACE,YClRW;EDmRX,eCnRW;;ADqRX;EACE,eCtRS;EDuRT;EACA;;;AAIJ;EACE,YC/RW;EDgSX,eChSW;;ADkSX;EACE;EACA,SCrSS;;;AD4SX;AAAA;EACE;;AAGF;AAAA;EACE;EACA;;AAEA;AAAA;EACE;EACA,SCtTO;;;AD2Tb;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA,cChUW;EDiUX,aClUW;EDmUX,gBCnUW;;;ADsUb;EACE;;;AAIA;EACE;;AAEA;EACE;;AAIJ;EACE;EACA;EACA,cCvVS;;;AD2Vb;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;IACE;;EAGF;IACE,SC9WS","file":"style_general.css"}

View file

@ -4,7 +4,7 @@ $color-background: #fff;
$color-heading: #333; $color-heading: #333;
$color-heading-h1: #221d30; $color-heading-h1: #221d30;
$color-link: rgb(0, 123, 255); $color-link: rgb(0, 123, 255);
$color-footer-bg: #aaa; $color-footer-bg: #282828;
$color-footer-text: #dedede; $color-footer-text: #dedede;
$color-page-bg: #f4f4f4; $color-page-bg: #f4f4f4;
$color-border: #dedede; $color-border: #dedede;

View file

@ -58,7 +58,7 @@ hr+h1 {
margin-top: $spacing-xl; margin-top: $spacing-xl;
border-left: 3px solid gray; border-left: 3px solid gray;
padding-left: 3rem; padding-left: 3rem;
margin-left: -4rem; margin-left: -3.25rem;
} }
h1:first-letter { h1:first-letter {
@ -85,6 +85,7 @@ h3 {
.content { .content {
font-size: $font-size-content; font-size: $font-size-content;
min-height: 15rem; min-height: 15rem;
max-width: 100%;
img, img,
picture, picture,
@ -159,7 +160,7 @@ p {
margin-bottom: $spacing-sm; margin-bottom: $spacing-sm;
font-size: 1.25rem; font-size: 1.25rem;
line-height: 1.75rem; line-height: 1.75rem;
width: 65ch; max-width: 65ch;
text-align: justify; text-align: justify;
a { a {
@ -179,7 +180,7 @@ ul {
} }
li { li {
margin-bottom: $spacing-sm; margin-bottom: 0.25rem;
#tags_page & { #tags_page & {
display: inline; display: inline;
@ -253,10 +254,12 @@ li {
} }
.blog-title, .blog-title,
.blog-subtitle { p.blog-subtitle {
margin: $spacing-sm;
color: $color-background; color: $color-background;
text-shadow: 0 0 $spacing-sm #555; text-shadow: 0 0 $spacing-sm #555;
width: 100%;
margin: $spacing-sm auto;
} }
#page { #page {
@ -293,12 +296,18 @@ article {
padding: $spacing-sm; padding: $spacing-sm;
} }
.article-date {
border-top: 1px solid #ddd;
}
.article-navigation { .article-navigation {
margin-top: $spacing-lg; margin-top: $spacing-lg;
margin-bottom: $spacing-lg; margin-bottom: $spacing-lg;
a { a {
padding-right: $spacing-lg; padding-right: $spacing-lg;
min-width: 45%;
min-height: 2rem;
} }
} }
@ -365,8 +374,15 @@ q {
.site-foot-soutien { .site-foot-soutien {
font-size: 0.8rem; font-size: 0.8rem;
width: 75ch; width: 110ch;
max-width: calc(100vw - 6rem); max-width: calc(100vw - 6rem);
margin: 0 auto;
line-height: 1rem;
}
.footer-nav {
width: 63ch;
margin-top: 2rem;
} }
@media (max-width: $article-width) { @media (max-width: $article-width) {

View file

@ -45,12 +45,12 @@ configs_sites = { "other_blog" : {
"SITE_ICON": "https://www.cipherbliss.com/wp-content/uploads/2016/12/rond.png", "SITE_ICON": "https://www.cipherbliss.com/wp-content/uploads/2016/12/rond.png",
"SITE_ICON_TYPE": "image/png", "SITE_ICON_TYPE": "image/png",
"SOUTIEN": """ "SOUTIEN": """
Si vous aimez ce que nous faisons à Cipher Bliss, vous pouvez nous soutenir de plusieurs façons: en faisant un micro don sur liberapay , ou en cryptomonnaies. Le plus simple nous pour nous faire connaître étant de partager cet article. Si vous aimez ce que nous faisons à Cipher Bliss, vous pouvez nous soutenir de plusieurs façons: en faisant un micro don sur liberapay <a href="https://liberapay.com/cipherbliss/donate">https://liberapay.com/cipherbliss/donate</a>. Le plus simple nous pour nous faire connaître étant de partager cet article.
<br/>Suivez moi sur Mastodon <a href="https://mastodon.cipherbliss.com/@tykayn">@tykayn@mastodon.cipherbliss.com</a>. <br/>Suivez moi sur Mastodon <a href="https://mastodon.cipherbliss.com/@tykayn">@tykayn@mastodon.cipherbliss.com</a>.
<br/>Ce site restera libre comme un gnou dans la nature et sans pubs, parce qu'on vous aime. Que la source soit avec vous! <br/>Ce site restera libre comme un gnou dans la nature et sans pubs, parce qu'on vous aime. Que la source soit avec vous!
<br/>Cipher Bliss, entreprise individuelle en ingénierie informatique spécialisé dans le front-end, à Orsay. <br/>Cipher Bliss, entreprise individuelle en ingénierie informatique spécialisé dans le front-end, à Orsay.
<br/>Faire un don à CipherBliss : <br/>
<a href="https://liberapay.com/cipherbliss/donate">https://liberapay.com/cipherbliss/donate</a>
""", """,
"NAVIGATION": """ "NAVIGATION": """
<nav> <nav>