diff --git a/new_article.py b/new_article.py index 1dfada87..339886d4 100644 --- a/new_article.py +++ b/new_article.py @@ -89,7 +89,6 @@ with open(filename, "w") as f: :ID: {uuid} :END: - #+title: {args.title} #+post_ID: #+post_slug: organisation-de-taches-orgmode diff --git a/sass_styles.sh b/sass_styles.sh index 2c948133..d80e5656 100644 --- a/sass_styles.sh +++ b/sass_styles.sh @@ -3,6 +3,8 @@ # https://sass-lang.com sass templates/styles_src/style_general.scss templates/styles/style_general.css +# sass templates/styles_src/truc.scss templates/styles/style_general.css + for i in $(ls html-websites); do echo "copier le style général et le js principal vers html-websites/$i/" cp templates/styles/style_general.css html-websites/$i/style.css diff --git a/sources/cil_gometz/lang_fr/20200803T124344__ecrire-une-comptine-en-python-bonjour-le-jour.org b/sources/cil_gometz/lang_fr/20200803T124344__ecrire-une-comptine-en-python-bonjour-le-jour.org index f51b14b4..b0ac8952 100644 --- a/sources/cil_gometz/lang_fr/20200803T124344__ecrire-une-comptine-en-python-bonjour-le-jour.org +++ b/sources/cil_gometz/lang_fr/20200803T124344__ecrire-une-comptine-en-python-bonjour-le-jour.org @@ -62,46 +62,46 @@ qui va chanter ceci: #+begin_quote -/#### c'est l'heure de la chanson #####/ +#### c'est l'heure de la chanson ##### -/- Par la fenêtre ouverte/ // +- Par la fenêtre ouverte -/- bonjour, bonjour/ // +- bonjour, bonjour -/- Par la fenêtre ouverte/ +- Par la fenêtre ouverte -/- bonjour, le jour/ +- bonjour, le jour -/ / +  -/- bonjour les pythons!/ +- bonjour les pythons! -/- bonjour les abeilles!/ +- bonjour les abeilles! -/- bonjour les fleurs!/ +- bonjour les fleurs! -/ / +  -/- Par la fenêtre ouverte/ // +- Par la fenêtre ouverte -/- bonjour, bonjour/ // +- bonjour, bonjour -/- Par la fenêtre ouverte/ // +- Par la fenêtre ouverte -/- bonjour, le jour/ +- bonjour, le jour #+end_quote @@ -117,14 +117,12 @@ d'imprimer avec print. -#+begin_quote +#+begin_src python -#+begin_example print("##### c'est l'heure de la chanson #####") -#+end_example -#+end_quote +#+end_src Ensuite, nous avons notre refrain. Au lieu de faire plein de print, nous @@ -140,12 +138,11 @@ sur plusieurs lignes le contenu de notre print. -#+begin_src EnlighterJSRAW :enlighter-language generic -def refrain():print("""- Par la fenêtre ouverte- bonjour, bonjour- Par la fenêtre ouverte- bonjour, le jour""") +#+begin_src python +def refrain(): + print("""- Par la fenêtre ouverte- bonjour, bonjour- Par la fenêtre ouverte- bonjour, le jour""") #+end_src -  - Ensuite nous avons plusieurs bonjours dit à un destinataire différent. Nous pouvons donc faire une fonction qui dit bonjour, définir une liste @@ -159,7 +156,7 @@ et l'attribuer à une variable. -#+begin_src EnlighterJSRAW :enlighter-language generic +#+begin_src python destinataires = ['les pythons', 'les abeilles', 'les fleurs'] #+end_src @@ -181,11 +178,10 @@ En tous cas, voici ce que donne notre fonction pour dire bonjour. +#+begin_src python def dire_bonjour(destinataire): - - -print('- bonjour %s!' % destinataire) - + print('- bonjour %s!' % destinataire) +#+end_src Nous n'avons plus qu'a rassembler le puzzle pour que lors de l'éxécution @@ -197,8 +193,9 @@ le bonjour. -#+begin_src EnlighterJSRAW :enlighter-language generic -for quelqun in destinataires:dire_bonjour(quelqun)Voilà! +#+begin_src python +for quelqun in destinataires: + dire_bonjour(quelqun) #+end_src @@ -207,8 +204,16 @@ s'exécuter avant et après la boucle. -#+begin_src EnlighterJSRAW :enlighter-language python -# comptine de la chanson du bonjourdestinataires = ['les pythons', 'les abeilles', 'les fleurs'] def refrain():print("""- Par la fenêtre ouverte- bonjour, bonjour- Par la fenêtre ouverte- bonjour, le jour""") def dire_bonjour(destinataire):print('- bonjour %s!' % destinataire) print("##### c'est l'heure de la chanson #####") refrain() for quelqun in destinataires:dire_bonjour(quelqun) refrain() # et voilà! +#+begin_src python +# comptine de la chanson du bonjour +destinataires = ['les pythons', 'les abeilles', 'les fleurs'] + +def refrain(): + print("""- Par la fenêtre ouverte- bonjour, bonjour- Par la fenêtre ouverte- bonjour, le jour""") + +def dire_bonjour(destinataire): + print('- bonjour %s!' % destinataire) + print("##### c'est l'heure de la chanson #####") refrain() for quelqun in destinataires:dire_bonjour(quelqun) refrain() # et voilà! #+end_src @@ -220,7 +225,7 @@ votre script juste en appuyant sur F6. Vous pouvez tester ce fichier sur le site repl.it -[[https://repl.it/@tykayn/comptinebonjour#main.py]] et le lancer avec le +[[https:/repl.it/@tykayn/comptinebonjour#main.py]] et le lancer avec le bouton "run" pour voir la comptine en console. diff --git a/sources/cil_gometz/lang_fr/20230417T175206__fin-dactivites-du-cil.org b/sources/cil_gometz/lang_fr/20230417T175206__fin-dactivites-du-cil.org index ca2564c6..0d74f7fd 100644 --- a/sources/cil_gometz/lang_fr/20230417T175206__fin-dactivites-du-cil.org +++ b/sources/cil_gometz/lang_fr/20230417T175206__fin-dactivites-du-cil.org @@ -91,7 +91,6 @@ d'utiliser ainsi que de contribuer au mouvement du logiciel et de la culture libre, à plus ! -- [[https://www.cipherbliss.com/contact][tykayn]], président du cil de -2020 à 2023 +- [[https://www.cipherbliss.com/contact][tykayn]], président du cil de 2020 à 2023 diff --git a/templates/styles_src/truc.scss b/templates/styles_src/truc.scss new file mode 100644 index 00000000..b988b8b9 --- /dev/null +++ b/templates/styles_src/truc.scss @@ -0,0 +1,260 @@ +@use "sass:math"; +@use "sass:color"; + +// Variables +$primary-color: #2c3e50; +$secondary-color: #3498db; +$text-color: #333; +$light-gray: #f5f5f5; +$dark-gray: #2c3e50; +$header-height: 400px; +$spacing: 1rem; +$border-radius: 8px; +$max-width: 1200px; + +// Mixins +@mixin container { + max-width: $max-width; + margin: 0 auto; + padding: 0 $spacing; +} + +@mixin flex-center { + display: flex; + align-items: center; + justify-content: center; +} + +// Reset et styles de base +* { + margin: 0; + padding: 0; + box-sizing: border-box; +} + +body { + font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; + line-height: 1.6; + color: $text-color; + background-color: $light-gray; +} + +// Header +.site-header { + position: relative; + + .header-image { + height: $header-height; + position: relative; + @include flex-center; + flex-direction: column; + color: white; + text-align: center; + padding: $spacing * 2; + + &::before { + content: ''; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: rgba(0, 0, 0, 0.5); + z-index: 1; + } + + >* { + position: relative; + z-index: 2; + } + } + + .site-icon { + width: 120px; + height: 120px; + border-radius: 50%; + margin-bottom: $spacing; + border: 4px solid white; + } + + .blog-title { + font-size: 2.5rem; + margin-bottom: $spacing; + text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); + } + + .blog-subtitle { + font-size: 1.2rem; + opacity: 0.9; + } +} + +// Navigation +.navbar { + background-color: $dark-gray; + padding: $spacing; + + .navbar-menu { + @include container; + display: flex; + justify-content: space-between; + align-items: center; + } + + .navbar-start, + .navbar-end { + display: flex; + align-items: center; + gap: $spacing; + } + + a { + color: white; + text-decoration: none; + padding: math.div($spacing, 2) $spacing; + border-radius: $border-radius; + transition: background-color 0.3s; + + &:hover { + background-color: rgba(255, 255, 255, 0.1); + } + } + + .search-form { + input { + padding: math.div($spacing, 2); + border-radius: $border-radius; + border: none; + background: rgba(255, 255, 255, 0.1); + color: white; + + &::placeholder { + color: rgba(255, 255, 255, 0.7); + } + } + } +} + +// Articles +.body-wrap { + @include container; + padding-top: $spacing * 3; + padding-bottom: $spacing * 3; +} + +article { + background: white; + border-radius: $border-radius; + margin-bottom: $spacing * 2; + padding: $spacing * 2; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); + + .article-title-container { + margin-bottom: $spacing; + + h1 { + font-size: 2rem; + color: $primary-color; + + a { + text-decoration: none; + color: inherit; + + &:hover { + color: $secondary-color; + } + } + } + } + + .article-date { + color: color.adjust($text-color, $lightness: 20%); + margin-bottom: $spacing; + font-size: 0.9rem; + } + + .article-tags { + margin-top: $spacing; + + a { + display: inline-block; + padding: math.div($spacing, 4) math.div($spacing, 2); + background: $light-gray; + border-radius: math.div($border-radius, 2); + margin-right: math.div($spacing, 2); + color: $text-color; + text-decoration: none; + font-size: 0.9rem; + + &:hover { + background: color.adjust($light-gray, $lightness: -5%); + } + } + } +} + +// Articles plus anciens +.more-content { + padding: $spacing; + border-bottom: 1px solid color.adjust($light-gray, $lightness: -10%); + + .article-title { + a { + text-decoration: none; + color: $text-color; + + &:hover { + color: $secondary-color; + } + } + + .article-date-inline { + color: color.adjust($text-color, $lightness: 20%); + margin-right: $spacing; + } + } +} + +// Footer +.site-footer { + background: $dark-gray; + color: white; + padding: $spacing * 2 0; + margin-top: $spacing * 3; + + .footer-nav { + @include flex-center; + gap: $spacing * 2; + + a { + color: white; + text-decoration: none; + + &:hover { + text-decoration: underline; + } + } + } +} + +// Media queries +@media (max-width: 768px) { + .header-image { + height: 300px; + + .blog-title { + font-size: 2rem; + } + } + + .navbar { + .navbar-menu { + flex-direction: column; + gap: $spacing; + } + } + + article { + padding: $spacing; + } +} \ No newline at end of file diff --git a/website_config.py b/website_config.py index 42b9e04e..25f888e2 100644 --- a/website_config.py +++ b/website_config.py @@ -10,7 +10,7 @@ global_config = { "source_files_extension": "org", "excluded_tags": ['PROPERTIES', 'CREATED', 'ID', 'END','CUSTOM_ID'], # controlled vocabulary to find tags automatically - "auto_tag_terms": ["illustration", "tuto", "nsfw", "bd", "récit", "science", + "auto_tag_terms": ["illustration", "tuto", "NSFW", "BD", "récit", "science", "wtf", "yaoi", "yuri", "sondage", "entreprise", "AI", "photos", "cosplay", "festival", "fanzine", "manif", "logiciel", "inktober", "kotlife", "féminisme", "fantasme", "art", "sociologie", "couple", "masturbation",