From 3539a8a49650c4ba28e2250dd98ec25d439fcd9b Mon Sep 17 00:00:00 2001 From: Tykayn Date: Fri, 8 Nov 2024 23:19:39 +0100 Subject: [PATCH] copy style --- converters.sh | 7 +- enrich_html.py | 25 ++--- html-websites/cipherbliss_blog/style.css | 125 +++++++++++++++++++++++ 3 files changed, 144 insertions(+), 13 deletions(-) create mode 100644 html-websites/cipherbliss_blog/style.css diff --git a/converters.sh b/converters.sh index d5c55fb0..aa354685 100755 --- a/converters.sh +++ b/converters.sh @@ -9,7 +9,7 @@ blogs_folders=() # blogs_folders=("qzine_blog") # blogs_folders=("cipherbliss_blog") source_file_extension="org" -style_file="templates/style_general.css" +style_file="templates/styles/style_general.css" # Boucle à travers tous les arguments passés en entrée for arg in "$@" @@ -126,11 +126,16 @@ generate_website() { echo " ------------ enrich html --------" python3 enrich_html.py html-websites/$website_name -t $website_name --style $style_file + + cp $style_file html-websites/$website_name/style.css + } # regrouper les types de fichiers générés + ls -l $style_file + # Boucle à travers la liste des sites Web for website_name in "${blogs_folders[@]}"; do generate_website $website_name diff --git a/enrich_html.py b/enrich_html.py index a15b5bf6..da7e6449 100755 --- a/enrich_html.py +++ b/enrich_html.py @@ -13,33 +13,34 @@ args = parser.parse_args() style_file = args.style css_content = "" -# inline_the_css=False -inline_the_css=True +inline_the_css=False +# inline_the_css=True -if inline_the_css: - print('include css inline in each html page') - with open(os.path.join(style_file), "r") as f: - css_content = f.read() - css_content = "" html_dir = args.html_dir -def enrich_one_file(file): - print('enrich html file:',os.path.join(root, file)) +def enrich_one_file(file, root_path): + print('enrich html file:',os.path.join(root_path, file)) # Ouvrir le fichier HTML en mode lecture - with open(os.path.join(root, file), "r") as f: + with open(os.path.join(root_path, file), "r") as f: html_content = f.read() + if inline_the_css: + print('include css inline in each html page') + with open(os.path.join(root_path, file), "r") as f: + css_content = f.read() + css_content = "" + # Ajouter la déclaration de charset UTF-8, le doctype HTML et le titre du site Web html_content = f"\n\n\n\n{args.title}\n{css_content}\n\nRetour à l'Accueil
{html_content}\n\n" # Écrire le contenu modifié dans le fichier HTML - with open(os.path.join(root, file), "w") as f: + with open(os.path.join(root_path, file), "w") as f: f.write(html_content) # Parcourir tous les fichiers HTML dans le dossier for root, _, files in os.walk(html_dir): print(files) for file in files: if file.endswith(".html"): - enrich_one_file(file) \ No newline at end of file + enrich_one_file(file, root) \ No newline at end of file diff --git a/html-websites/cipherbliss_blog/style.css b/html-websites/cipherbliss_blog/style.css new file mode 100644 index 00000000..005475cd --- /dev/null +++ b/html-websites/cipherbliss_blog/style.css @@ -0,0 +1,125 @@ +* { + box-sizing: border-box; + margin: 0; + padding: 0; +} + +body { + font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif; + text-align: left; + margin: 0 auto; + font-size: 1.5rem; + line-height: 1.5em; + max-width: 70ch; + color: #000; + background: #fff; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif; + margin-top: 1em; + margin-bottom: 2rem; + color: #333; +} + +/* 1. Use a more-intuitive box-sizing model */ +*, +*::before, +*::after { + box-sizing: border-box; +} + +body { + /* Improve text rendering */ + -webkit-font-smoothing: antialiased; +} + +/* Improve media defaults */ +img, +picture, +video, +canvas, +svg { + display: block; + width: 100%; + margin-top: 1rem; + margin-bottom: 1rem; + max-width: 100%; +} + +/* Inherit fonts for form controls */ +input, +button, +textarea, +select { + font: inherit; +} + +/* Avoid text overflows */ +p, +h1, +h2, +h3, +h4, +h5, +h6 { + overflow-wrap: break-word; +} + +/* Improve line wrapping */ +p { + text-wrap: pretty; + margin-top: 1.5rem; + margin-bottom: 1rem; +} +h1 { + font-size: 3.5rem; +} + +h2 { + font-size: 2rem; +} + +h3 { + font-size: 1.5rem; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + text-wrap: balance; + line-height: 1.3em; +} + +#root, +#__next { + isolation: isolate; +} + +input, +button, +textarea, +select { + font: inherit; +} + +ul { + padding-left: 4ch; + padding-right: 4ch; +} +li { + margin-bottom: 1em; +} +@media (max-width: 20rem) { + body { + padding: 1rem; + } +}