From ddb9383101b40175bd723a428c0c2cd009d9a977 Mon Sep 17 00:00:00 2001 From: Tykayn Date: Tue, 13 May 2025 12:31:24 +0200 Subject: [PATCH] up styles --- templates/styles/style_general.css | 29 +++++++++++++++++++------ templates/styles/style_general.css.map | 2 +- templates/styles_src/_variables.scss | 2 +- templates/styles_src/style_general.scss | 28 +++++++++++++++++++----- website_config.py | 6 ++--- 5 files changed, 49 insertions(+), 18 deletions(-) diff --git a/templates/styles/style_general.css b/templates/styles/style_general.css index 13107e87..00f7e2a8 100644 --- a/templates/styles/style_general.css +++ b/templates/styles/style_general.css @@ -53,7 +53,7 @@ hr + h1 { margin-top: 5rem; border-left: 3px solid gray; padding-left: 3rem; - margin-left: -4rem; + margin-left: -3.25rem; } h1:first-letter { @@ -80,6 +80,7 @@ h3 { .content { font-size: 1.2rem; min-height: 15rem; + max-width: 100%; } .content img, .content picture, @@ -146,7 +147,7 @@ p { margin-bottom: 1rem; font-size: 1.25rem; line-height: 1.75rem; - width: 65ch; + max-width: 65ch; text-align: justify; } p a { @@ -164,7 +165,7 @@ ul { } li { - margin-bottom: 1rem; + margin-bottom: 0.25rem; } #tags_page li { display: inline; @@ -228,10 +229,11 @@ li a { } .blog-title, -.blog-subtitle { - margin: 1rem; +p.blog-subtitle { color: #fff; text-shadow: 0 0 1rem #555; + width: 100%; + margin: 1rem auto; } #page { @@ -253,7 +255,7 @@ li a { .site-footer { min-height: 20vh; padding: 2rem; - background: #aaa; + background: #282828; color: #dedede; } @@ -267,12 +269,18 @@ article { padding: 1rem; } +.article-date { + border-top: 1px solid #ddd; +} + .article-navigation { margin-top: 2rem; margin-bottom: 2rem; } .article-navigation a { padding-right: 2rem; + min-width: 45%; + min-height: 2rem; } .article-tags { @@ -330,8 +338,15 @@ q { .site-foot-soutien { font-size: 0.8rem; - width: 75ch; + width: 110ch; max-width: calc(100vw - 6rem); + margin: 0 auto; + line-height: 1rem; +} + +.footer-nav { + width: 63ch; + margin-top: 2rem; } @media (max-width: 75ch) { diff --git a/templates/styles/style_general.css.map b/templates/styles/style_general.css.map index 2e4907aa..4540a3dd 100644 --- a/templates/styles/style_general.css.map +++ b/templates/styles/style_general.css.map @@ -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"} \ No newline at end of file +{"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"} \ No newline at end of file diff --git a/templates/styles_src/_variables.scss b/templates/styles_src/_variables.scss index f158f2d2..df2c8550 100644 --- a/templates/styles_src/_variables.scss +++ b/templates/styles_src/_variables.scss @@ -4,7 +4,7 @@ $color-background: #fff; $color-heading: #333; $color-heading-h1: #221d30; $color-link: rgb(0, 123, 255); -$color-footer-bg: #aaa; +$color-footer-bg: #282828; $color-footer-text: #dedede; $color-page-bg: #f4f4f4; $color-border: #dedede; diff --git a/templates/styles_src/style_general.scss b/templates/styles_src/style_general.scss index 2e885d7e..54ef4a1a 100644 --- a/templates/styles_src/style_general.scss +++ b/templates/styles_src/style_general.scss @@ -58,7 +58,7 @@ hr+h1 { margin-top: $spacing-xl; border-left: 3px solid gray; padding-left: 3rem; - margin-left: -4rem; + margin-left: -3.25rem; } h1:first-letter { @@ -85,6 +85,7 @@ h3 { .content { font-size: $font-size-content; min-height: 15rem; + max-width: 100%; img, picture, @@ -159,7 +160,7 @@ p { margin-bottom: $spacing-sm; font-size: 1.25rem; line-height: 1.75rem; - width: 65ch; + max-width: 65ch; text-align: justify; a { @@ -179,7 +180,7 @@ ul { } li { - margin-bottom: $spacing-sm; + margin-bottom: 0.25rem; #tags_page & { display: inline; @@ -253,10 +254,12 @@ li { } .blog-title, -.blog-subtitle { - margin: $spacing-sm; +p.blog-subtitle { + color: $color-background; text-shadow: 0 0 $spacing-sm #555; + width: 100%; + margin: $spacing-sm auto; } #page { @@ -293,12 +296,18 @@ article { padding: $spacing-sm; } +.article-date { + border-top: 1px solid #ddd; +} + .article-navigation { margin-top: $spacing-lg; margin-bottom: $spacing-lg; a { padding-right: $spacing-lg; + min-width: 45%; + min-height: 2rem; } } @@ -365,8 +374,15 @@ q { .site-foot-soutien { font-size: 0.8rem; - width: 75ch; + width: 110ch; max-width: calc(100vw - 6rem); + margin: 0 auto; + line-height: 1rem; +} + +.footer-nav { + width: 63ch; + margin-top: 2rem; } @media (max-width: $article-width) { diff --git a/website_config.py b/website_config.py index 6ae3f362..5c25b3b9 100644 --- a/website_config.py +++ b/website_config.py @@ -45,12 +45,12 @@ configs_sites = { "other_blog" : { "SITE_ICON": "https://www.cipherbliss.com/wp-content/uploads/2016/12/rond.png", "SITE_ICON_TYPE": "image/png", "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 https://liberapay.com/cipherbliss/donate. Le plus simple nous pour nous faire connaître étant de partager cet article.
Suivez moi sur Mastodon @tykayn@mastodon.cipherbliss.com.
Ce site restera libre comme un gnou dans la nature et sans pubs, parce qu'on vous aime. Que la source soit avec vous!
Cipher Bliss, entreprise individuelle en ingénierie informatique spécialisé dans le front-end, à Orsay. -
Faire un don à CipherBliss : -https://liberapay.com/cipherbliss/donate +
+ """, "NAVIGATION": """