mirror of
https://forge.chapril.org/tykayn/orgmode-to-gemini-blog
synced 2025-06-20 09:04:42 +02:00
up styles
This commit is contained in:
Tykayn
tykayn
parent
6f2844fb0c
commit
6d2b39414e
6 changed files with 301 additions and 36 deletions
|
|
@ -89,7 +89,6 @@ with open(filename, "w") as f:
|
|||
:ID: {uuid}
|
||||
:END:
|
||||
|
||||
|
||||
#+title: {args.title}
|
||||
#+post_ID:
|
||||
#+post_slug: organisation-de-taches-orgmode
|
||||
|
|
|
|||
|
|
@ -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
|
||||
|
|
|
|||
|
|
@ -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.
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -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
|
||||
|
||||
|
||||
|
|
|
|||
260
templates/styles_src/truc.scss
Normal file
260
templates/styles_src/truc.scss
Normal file
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
@ -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",
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue