up styles

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

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

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
+#+begin_src python
-def refrain():print("""- Par la fenêtre ouverte- bonjour, bonjour- Par la fenêtre ouverte- bonjour, le jour""")
+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)
-
+#+end_src
-print('- bonjour %s!' % destinataire)
-
 
 
 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
+#+begin_src python
-for quelqun in destinataires:dire_bonjour(quelqun)Voilà!
+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
+#+begin_src 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à!
+# 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.
 
 

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
+- [[https://www.cipherbliss.com/contact][tykayn]], président du cil de 2020 à 2023
-2020 à 2023
 
   

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;
+  }
+}

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",