mirror of
https://forge.chapril.org/tykayn/orgmode-to-gemini-blog
synced 2025-10-09 17:02:45 +02:00
up styles, ajout article book generator
This commit is contained in:
Tykayn
tykayn
parent
e3d64d4e76
commit
3965be8e26
5 changed files with 109 additions and 763 deletions
|
|
@ -0,0 +1,46 @@
|
|||
:PROPERTIES:
|
||||
:ID: 2d3dea63-7567-4def-80d9-c9bd82d41eed
|
||||
:END:
|
||||
|
||||
#+title: suivi d'écriture de livre avec book generator
|
||||
#+post_ID:
|
||||
#+post_slug: suivi-d'écriture-de-livre-avec-book-generator
|
||||
#+post_lang: fr
|
||||
#+post_url: https://www.cipherbliss.com2025/suivi-d'écriture-de-livre-avec-book-generator
|
||||
#+post_title: suivi d'écriture de livre avec book generator
|
||||
#+post_tags:
|
||||
#+post_series:
|
||||
#+post_type: post
|
||||
#+post_status: publish
|
||||
#+post_date_published: <2025-10-05 13:52:25>
|
||||
#+post_date_modified: <2025-10-05 13:52:25>
|
||||
#+post_index_page_roam_id: b2f41057-7a8a-47b5-8992-25909a1ebf55
|
||||
|
||||
|
||||
* suivi d'écriture de livre avec book generator
|
||||
|
||||
Nombreux sont les gens qui écrivent des trucs, avec ou sans utiliser la disposition Ergol ou les fichiers Orgmode.
|
||||
La profusion de textes médiocres et sans personnalité générés par des LLM ont provoqué un enthousiasme pour les écrits organiques de la part de gens plus ou moins habitués à écrire. J'ai participé au mouvement en proposant un outil pour avoir la main sur mes blogs.
|
||||
Comme c'est actuellement l'Inktober et que des gens se mettent à encrer des pixels, je vous propose d'essayer ce petit générateur de livres au format Org ou Markdown fait de quelques scripts Python :
|
||||
https://source.cipherbliss.com/tykayn/book-generator-orgmode
|
||||
|
||||
Inspiré des quelques outils libres existant pour aider les écrivains à réaliser leur livres et de ce qui me reste de mes études d'art narratif j'ai composé un ensemble de scripts qui permettent de:
|
||||
- suivre les intrigues
|
||||
- définir des choses en général pour notre livre, auxquelles se reporter pour retrouver son fil directeur et le faire évoluer si besoin.
|
||||
- faire des décomptes de progression et en sortir un graphique
|
||||
- se donner des objectifs de nombres de mots par chapitre
|
||||
- définir et suivre nos personnages, leurs caractéristiques, ce qu'elles et ils veulent accomplir, leurs évolutions.
|
||||
- se noter des choses à retravailler sans que ces tâches soient dans le rendu du livre
|
||||
- avoir des rendus graphique de nos arcs narratifs, chronologiquement mais aussi selon la narration qui n'est pas souvent chronologique.
|
||||
- estimer notre temps de rédaction et le temps de lecture du livre.
|
||||
- corriger des fautes, supprimer les doubles espaces, ajouter des majuscules manquantes, corriger des caractères spéciaux comme les trois points.
|
||||
- le tout sans obliger à adopter un autre éditeur de texte que celui que l'on utilise habituellement, donc en conservant des formats textes ouverts: org et md.
|
||||
- rendre notre livre dans différents formats: epub, pdf, html.
|
||||
- générer un projet de livre avec les différents fichiers, découpés en chapitres et sous chapitres avec des tags par défaut.
|
||||
- avoir un script de mise à jour des informations automatiques à mettre en cronjob pour faire le suivi tout seul.
|
||||
- garder le tout qui fonctionne localement sur ordi, sans besoin de connection à internet.
|
||||
|
||||
Tout ceci m'a permis d'aller voir des conseils de gens qui écrivent des genres variés, des récits ou des articles de blog, ou qui font du doublage. Ce qui est amusant c'est que tout le monde a ses propres conseils à donner, des exercices à proposer, des consignes qu'elles et ils disent suivre et qui changent avec le temps.
|
||||
Cory Doctorow par exemple conseille de se donner un nombre précis de mots par jour, et de s'arrêter à ce nombre même si on est au milieu d'une phrase, histoire de laisser son esprit le temps de penser.
|
||||
Ploum, que j'ai eu le plaisir de voir en dédicace dans la librairie de Bookynette à Paris, nous raconte aussi que pour écrire il utilise sa machine à penser, qui est une machine à écrire. Ce qui permet de ne pas avoir son attention dispersée par l'interface numérique.
|
||||
Il faut ensuite retaper au clavier les feuilles qui font partie de la sélection (ou faire de l'OCR, why not) pour envoyer à l'éditeur.
|
||||
|
|
@ -12,7 +12,6 @@ document.addEventListener('DOMContentLoaded', function () {
|
|||
const input = form.querySelector('.search-field');
|
||||
const query = input ? input.value : '';
|
||||
const url = `https://duckduckgo.com/?q=${encodeURIComponent(query)}+site%3A${encodeURIComponent(currentDomain)}`;
|
||||
|
||||
window.location.href = url;
|
||||
});
|
||||
}
|
||||
|
|
@ -36,8 +35,6 @@ document.addEventListener('DOMContentLoaded', function () {
|
|||
});
|
||||
}
|
||||
|
||||
|
||||
|
||||
// Ajoutez un événement de touche au document
|
||||
document.addEventListener('keydown', function (event) {
|
||||
// Vérifiez si la touche appuyée est 'n' ou la flèche droite
|
||||
|
|
@ -89,8 +86,18 @@ document.addEventListener('DOMContentLoaded', function () {
|
|||
window.currentThemeIndex = (window.currentThemeIndex + 1) % themes_calsses.length;
|
||||
// Appliquer la nouvelle classe au body
|
||||
document.body.className = themes_calsses[window.currentThemeIndex];
|
||||
// Persister le thème
|
||||
try { localStorage.setItem('tk_theme', themes_calsses[window.currentThemeIndex]); } catch(e) {}
|
||||
}
|
||||
|
||||
// Charger le thème depuis le localStorage si disponible
|
||||
try {
|
||||
const savedTheme = localStorage.getItem('tk_theme');
|
||||
if (savedTheme && themes_calsses.includes(savedTheme)) {
|
||||
document.body.className = savedTheme;
|
||||
window.currentThemeIndex = themes_calsses.indexOf(savedTheme);
|
||||
}
|
||||
} catch(e) {}
|
||||
|
||||
// créer le bouton thème au chargement
|
||||
makeThemesButton();
|
||||
|
|
|
|||
|
|
@ -1,393 +1,18 @@
|
|||
@charset "UTF-8";
|
||||
/*style général scss*/
|
||||
* {
|
||||
box-sizing: border-box;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
*::before, *::after {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
/* Error: @use rules must be written before any other rules.
|
||||
* ,
|
||||
* 6486 | @use 'tkblog_responsive';
|
||||
* | ^^^^^^^^^^^^^^^^^^^^^^^^
|
||||
* '
|
||||
* templates/styles_src/tkblog.scss 6486:1 @use
|
||||
* templates/styles_src/style_general.scss 3:1 root stylesheet */
|
||||
|
||||
html {
|
||||
font-size: 1rem;
|
||||
font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
|
||||
}
|
||||
|
||||
body {
|
||||
text-align: left;
|
||||
font-size: 1.5rem;
|
||||
line-height: 1.5em;
|
||||
color: #000;
|
||||
background: #fff;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
padding-bottom: 2rem;
|
||||
}
|
||||
|
||||
nav,
|
||||
.navbar,
|
||||
.container,
|
||||
.body-wrap {
|
||||
max-width: 70ch;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
|
||||
margin-top: 1rem;
|
||||
margin-bottom: 2rem;
|
||||
color: #333;
|
||||
text-decoration: none !important;
|
||||
overflow-wrap: break-word;
|
||||
text-wrap: balance;
|
||||
line-height: 1.3em;
|
||||
}
|
||||
|
||||
.article-title,
|
||||
hr + h1 {
|
||||
margin-top: 5rem;
|
||||
border-left: 3px solid gray;
|
||||
padding-left: 3rem;
|
||||
margin-left: -3.25rem;
|
||||
}
|
||||
|
||||
h1:first-letter {
|
||||
text-transform: uppercase;
|
||||
font-size: 4.5rem;
|
||||
}
|
||||
|
||||
h1 {
|
||||
color: #221d30;
|
||||
font-size: 2.5rem;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 2rem;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 1.5rem;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.content {
|
||||
font-size: 1.2rem;
|
||||
min-height: 15rem;
|
||||
max-width: 100%;
|
||||
}
|
||||
.content img,
|
||||
.content picture,
|
||||
.content video,
|
||||
.content canvas,
|
||||
.content svg {
|
||||
body::before {
|
||||
font-family: "Source Code Pro", "SF Mono", Monaco, Inconsolata, "Fira Mono",
|
||||
"Droid Sans Mono", monospace, monospace;
|
||||
white-space: pre;
|
||||
display: block;
|
||||
margin-top: 1rem;
|
||||
margin-bottom: 1rem;
|
||||
max-width: 100%;
|
||||
padding: 1em;
|
||||
margin-bottom: 1em;
|
||||
border-bottom: 2px solid black;
|
||||
content: "Error: @use rules must be written before any other rules.\a \2577 \a 6486 \2502 @use 'tkblog_responsive';\a \2502 ^^^^^^^^^^^^^^^^^^^^^^^^\a \2575 \a templates/styles_src/tkblog.scss 6486:1 @use\a templates/styles_src/style_general.scss 3:1 root stylesheet";
|
||||
}
|
||||
|
||||
pre,
|
||||
.sourceCode {
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
a {
|
||||
display: inline-block;
|
||||
border-radius: 1rem;
|
||||
color: rgb(0, 123, 255);
|
||||
text-decoration: none;
|
||||
padding: 0.25rem;
|
||||
max-width: 65ch;
|
||||
word-wrap: anywhere;
|
||||
}
|
||||
main a:hover {
|
||||
background: #303030;
|
||||
color: rgb(0, 123, 255);
|
||||
}
|
||||
main a:hover h2 {
|
||||
color: rgb(0, 123, 255);
|
||||
}
|
||||
.nav a, .page__index a {
|
||||
padding: 0.5rem 2rem;
|
||||
display: block;
|
||||
margin-right: 1rem;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
.site-footer a {
|
||||
margin: 0 1rem;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
a img {
|
||||
transition: 0.25s box-shadow ease-out;
|
||||
}
|
||||
a img:hover {
|
||||
box-shadow: 0 0 1rem #ccc;
|
||||
transition: 0.25s all ease-in;
|
||||
}
|
||||
|
||||
input,
|
||||
button,
|
||||
textarea,
|
||||
select {
|
||||
font: inherit;
|
||||
}
|
||||
|
||||
p {
|
||||
overflow-wrap: break-word;
|
||||
text-wrap: pretty;
|
||||
margin-top: 1.5rem;
|
||||
margin-bottom: 1rem;
|
||||
font-size: 1.25rem;
|
||||
line-height: 1.75rem;
|
||||
max-width: 65ch;
|
||||
text-align: justify;
|
||||
}
|
||||
p a {
|
||||
padding: 0.25rem;
|
||||
}
|
||||
|
||||
#root,
|
||||
#__next {
|
||||
isolation: isolate;
|
||||
}
|
||||
|
||||
ul {
|
||||
padding-left: 4ch;
|
||||
padding-right: 4ch;
|
||||
}
|
||||
|
||||
li {
|
||||
margin-bottom: 0.25rem;
|
||||
}
|
||||
#tags_page li {
|
||||
display: inline;
|
||||
}
|
||||
li a {
|
||||
display: inline-block;
|
||||
margin-right: 1rem;
|
||||
}
|
||||
|
||||
#title-block-header {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.navbar-brand {
|
||||
visibility: hidden;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.navbar-start > .navbar-item {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.navbar-menu img {
|
||||
width: 2rem;
|
||||
height: 2rem;
|
||||
margin-right: 1rem;
|
||||
}
|
||||
.navbar-menu a {
|
||||
margin: 0 1rem;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
#recherche {
|
||||
margin-top: 1.5rem;
|
||||
margin-bottom: 1.5rem;
|
||||
float: right;
|
||||
}
|
||||
#recherche input {
|
||||
background: transparent;
|
||||
padding: 0.5rem;
|
||||
border: solid 1px #555;
|
||||
border-radius: 0.5rem;
|
||||
}
|
||||
|
||||
#masthead {
|
||||
text-align: center;
|
||||
}
|
||||
#masthead .site-icon {
|
||||
width: 9rem;
|
||||
height: auto;
|
||||
margin: 1rem auto;
|
||||
position: static;
|
||||
padding: 1rem;
|
||||
}
|
||||
|
||||
.header-image {
|
||||
text-align: center;
|
||||
padding: 1rem;
|
||||
background-position: center;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
.blog-title,
|
||||
p.blog-subtitle {
|
||||
color: #fff;
|
||||
text-shadow: 0 0 1rem #555;
|
||||
width: 100%;
|
||||
margin: 1rem auto;
|
||||
}
|
||||
|
||||
#page {
|
||||
background: #f4f4f4;
|
||||
}
|
||||
|
||||
.body-wrap {
|
||||
background: #fff;
|
||||
padding: 5% 6%;
|
||||
margin-bottom: 5%;
|
||||
margin-top: 1rem;
|
||||
border-radius: 1rem;
|
||||
margin-top: 7rem;
|
||||
}
|
||||
.body-wrap .site-header {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.site-footer {
|
||||
min-height: 20vh;
|
||||
padding: 2rem;
|
||||
background: #282828;
|
||||
color: #dedede;
|
||||
}
|
||||
|
||||
article {
|
||||
width: 75ch;
|
||||
max-width: calc(100vw - 6rem);
|
||||
}
|
||||
|
||||
.after-article {
|
||||
border-top: 1px solid #dedede;
|
||||
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 {
|
||||
margin-top: 1rem;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
.article-tags a {
|
||||
margin-right: 1ch;
|
||||
padding: 0.5rem;
|
||||
}
|
||||
|
||||
.article-tags ul,
|
||||
.tags ul {
|
||||
list-style-type: none;
|
||||
}
|
||||
.article-tags li,
|
||||
.tags li {
|
||||
margin-right: 2ch;
|
||||
display: inline-block;
|
||||
}
|
||||
.article-tags li a,
|
||||
.tags li a {
|
||||
margin-right: 1ch;
|
||||
padding: 0.5rem;
|
||||
}
|
||||
|
||||
blockquote,
|
||||
q {
|
||||
-webkit-hyphens: none;
|
||||
-moz-hyphens: none;
|
||||
-ms-hyphens: none;
|
||||
hyphens: none;
|
||||
quotes: none;
|
||||
border-left: 3px solid grey;
|
||||
padding-left: 2rem;
|
||||
padding-top: 1.5rem;
|
||||
padding-bottom: 1.5rem;
|
||||
}
|
||||
|
||||
.article-main-content {
|
||||
min-height: 80vh;
|
||||
}
|
||||
|
||||
.more-content .column {
|
||||
width: 20%;
|
||||
}
|
||||
.more-content .column:nth-of-type(2) {
|
||||
width: 80%;
|
||||
}
|
||||
.more-content img {
|
||||
max-width: 3rem;
|
||||
height: 3rem;
|
||||
margin-right: 1rem;
|
||||
}
|
||||
|
||||
.site-foot-soutien {
|
||||
font-size: 0.8rem;
|
||||
width: 110ch;
|
||||
max-width: calc(100vw - 6rem);
|
||||
margin: 0 auto;
|
||||
line-height: 1rem;
|
||||
}
|
||||
|
||||
.footer-nav {
|
||||
max-width: 63ch;
|
||||
margin-top: 2rem;
|
||||
}
|
||||
|
||||
iframe {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
@media (max-width: 800px) {
|
||||
body {
|
||||
padding: 0;
|
||||
}
|
||||
.header-img a {
|
||||
float: left;
|
||||
}
|
||||
.site-icon {
|
||||
width: 2rem;
|
||||
height: 2rem;
|
||||
}
|
||||
main {
|
||||
padding: 1rem;
|
||||
}
|
||||
#recherche {
|
||||
display: none;
|
||||
}
|
||||
#recherche_footer {
|
||||
padding-left: 1.25rem;
|
||||
font-size: 1rem;
|
||||
}
|
||||
.navbar-brand {
|
||||
display: none;
|
||||
}
|
||||
.navbar-menu .logo {
|
||||
display: none;
|
||||
}
|
||||
.navbar a {
|
||||
font-size: 1rem;
|
||||
padding: 0.5rem;
|
||||
float: left;
|
||||
}
|
||||
.body-wrap {
|
||||
margin-top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=style_general.css.map */
|
||||
|
|
|
|||
|
|
@ -1,5 +1,6 @@
|
|||
/*style général scss*/
|
||||
@use 'variables' as *;
|
||||
@use 'tkblog' as *;
|
||||
$spacing-xl: 5rem;
|
||||
|
||||
* {
|
||||
|
|
|
|||
|
|
@ -1,3 +1,35 @@
|
|||
@use 'variables' as *;
|
||||
|
||||
// Palette et polices harmonisées
|
||||
:root {
|
||||
--tk-color-text: #{$color-text};
|
||||
--tk-color-bg: #{$color-background};
|
||||
--tk-color-heading: #{$color-heading};
|
||||
--tk-color-muted: #{$color-border};
|
||||
--tk-color-panel: #{$color-page-bg};
|
||||
--tk-color-footer-bg: #{$color-footer-bg};
|
||||
--tk-color-footer-text: #{$color-footer-text};
|
||||
--tk-font-base: #{$font-family-base};
|
||||
--tk-font-heading: #{$font-family-heading};
|
||||
}
|
||||
|
||||
body {
|
||||
color: var(--tk-color-text);
|
||||
background: var(--tk-color-bg);
|
||||
font-family: var(--tk-font-base);
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
color: var(--tk-color-heading);
|
||||
font-family: var(--tk-font-heading);
|
||||
}
|
||||
|
||||
.activitypub__modal.components-modal__frame {
|
||||
background-color: #f7f7f7;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
// ajustements existants
|
||||
img {
|
||||
|
||||
&.wp-smiley,
|
||||
|
|
@ -130,22 +162,6 @@ img {
|
|||
}
|
||||
}
|
||||
|
||||
.activitypub__modal.components-modal__frame {
|
||||
background-color: #f7f7f7;
|
||||
color: #333;
|
||||
|
||||
.components-modal__header-heading,
|
||||
h4 {
|
||||
color: #333;
|
||||
letter-spacing: inherit;
|
||||
word-spacing: inherit;
|
||||
}
|
||||
|
||||
.components-modal__header .components-button:hover {
|
||||
color: var(--wp--preset--color--white);
|
||||
}
|
||||
}
|
||||
|
||||
.activitypub__dialog {
|
||||
max-width: 40em;
|
||||
|
||||
|
|
@ -864,7 +880,7 @@ p+.components-button.is-tertiary {
|
|||
speak: none;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
content: "ï‘ ";
|
||||
content: "ï' ";
|
||||
display: inline-block;
|
||||
float: left;
|
||||
font: normal 30px/1 dashicons;
|
||||
|
|
@ -1024,7 +1040,7 @@ svg {
|
|||
}
|
||||
|
||||
&:before {
|
||||
background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='28' height='28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 8V6H4v2h2zm2 0V6h2v2H8zm2 8H8v-2h2v2zm2 0v-2h2v2h-2zm0 2v-2h-2v2H8v2h2v-2h2zm2 0v2h-2v-2h2zm2 0h-2v-2h2v2z' fill='%23555D65'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18 18h2v-2h-2v-2h2v-2h-2v-2h2V8h-2v2h-2V8h-2v2h2v2h-2v2h2v2h2v2zm-2-4v-2h2v2h-2z' fill='%23555D65'/%3E%3Cpath d='M18 18v2h-2v-2h2z' fill='%23555D65'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 10V8H6v2H4v2h2v2H4v2h2v2H4v2h2v2H4v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h2V4h-2v2h-2V4h-2v2h-2V4h-2v2h-2V4h-2v2h2v2h-2v2H8zm0 2v-2H6v2h2zm2 0v-2h2v2h-2zm0 2v-2H8v2H6v2h2v2H6v2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h-2v2h-2V6h-2v2h-2v2h2v2h-2v2h-2z' fill='%23555D65'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 0H2v2H0v2h2v2H0v2h2v2H0v2h2v2H0v2h2v2H0v2h2v2H0v2h2v2H0v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h2V4h-2V2h2V0h-2v2h-2V0h-2v2h-2V0h-2v2h-2V0h-2v2h-2V0h-2v2H8V0H6v2H4V0zm0 4V2H2v2h2zm2 0V2h2v2H6zm0 2V4H4v2H2v2h2v2H2v2h2v2H2v2h2v2H2v2h2v2H2v2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h2V4h-2V2h-2v2h-2V2h-2v2h-2V2h-2v2h-2V2h-2v2H8v2H6z' fill='%23555D65'/%3E%3C/svg%3E");
|
||||
background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='28' height='28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 8V6H4v2h2zm2 0V6h2v2H8zm2 8H8v-2h2v2zm2 0v-2h2v2h-2zm0 2v-2h-2v2H8v2h2v-2h2zm2 0v2h-2v-2h2zm2 0h-2v-2h2v2z' fill='%23555D65'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18 18h2v-2h-2v-2h2v-2h-2v-2h2V8h-2v2h-2V8h-2v2h2v2h-2v2h2v2h2v2zm-2-4v-2h2v2h-2z' fill='%23555D65'/%3E%3Cpath d='M18 18v2h-2v-2h2z' fill='%23555D65'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 10V8H6v2H4v2h2v2H4v2h2v2H4v2h2v2H4v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h2V4h-2v2h-2V4h-2v2h-2V4h-2v2h-2V4h-2v2h2v2h-2v2H8zm0 2v-2H6v2h2zm2 0v-2h2v2h-2zm0 2v-2H8v2H6v2h2v2H6v2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h-2v2h-2V6h-2v2h-2v2h2v2h-2v2h-2z' fill='%23555D65'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 0H2v2H0v2h2v2H0v2h2v2H0v2h2v2H0v2h2v2H0v2h2v2H0v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h2V4h-2V2h2V0h-2v2h-2V0h-2v2h-2V0h-2v2h-2V0h-2v2H8V0H6v2H4V0zm0 4V2H2v2h2zm2 0V2h2v2H6zm0 2V4H4v2H2v2h2v2H2v2h2v2H2v2h2v2H2v2h2v2H2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h2V4h-2V2h-2v2h-2V2h-2v2h-2V2h-2v2h-2V2h-2v2H8v2H6z' fill='%23555D65'/%3E%3C/svg%3E");
|
||||
border-radius: 50%;
|
||||
bottom: 1px;
|
||||
content: "";
|
||||
|
|
@ -5635,7 +5651,7 @@ ul.nav-menu li:hover>ul {
|
|||
}
|
||||
|
||||
.edit-link:before {
|
||||
content: "› ";
|
||||
content: "› ";
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -6080,7 +6096,7 @@ ul.nav-menu li:hover>ul {
|
|||
}
|
||||
|
||||
.comment-list .edit-link:before {
|
||||
content: "› ";
|
||||
content: "› ";
|
||||
}
|
||||
|
||||
.comment-metadata,
|
||||
|
|
@ -6466,354 +6482,5 @@ ul.nav-menu li:hover>ul {
|
|||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 768px) and (max-width: 959px) {
|
||||
|
||||
.site-header .home-link,
|
||||
.main-navigation,
|
||||
.site-main,
|
||||
.site-footer .sidebar-inner,
|
||||
.site-info {
|
||||
width: 768px;
|
||||
}
|
||||
|
||||
.site-main {
|
||||
.content-area {
|
||||
padding-right: 20px;
|
||||
padding-right: 2rem;
|
||||
width: 556px;
|
||||
}
|
||||
|
||||
.sidebar-container {
|
||||
width: 172px;
|
||||
}
|
||||
}
|
||||
|
||||
.single-attachment .content-area,
|
||||
.full-width .content-area,
|
||||
.one-footer-sidebar .site-footer .widget-area {
|
||||
width: 748px;
|
||||
}
|
||||
|
||||
.two-footer-sidebars .site-footer .widget-area {
|
||||
width: 364px;
|
||||
}
|
||||
|
||||
.three-footer-sidebars .site-footer .widget-area {
|
||||
width: 236px;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 767px) {
|
||||
|
||||
.site-header .home-link,
|
||||
.main-navigation,
|
||||
.site-main,
|
||||
.site-footer .sidebar-inner,
|
||||
.site-info {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
width: 300px;
|
||||
}
|
||||
|
||||
.site-main {
|
||||
|
||||
.content-area,
|
||||
.sidebar-container {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
width: 300px;
|
||||
}
|
||||
}
|
||||
|
||||
.single-attachment .content-area,
|
||||
.full-width .content-area,
|
||||
.one-footer-sidebar .site-footer .widget-area,
|
||||
.two-footer-sidebars .site-footer .widget-area,
|
||||
.three-footer-sidebars .site-footer .widget-area {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
width: 300px;
|
||||
}
|
||||
|
||||
.site-main .content-area {
|
||||
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
|
||||
margin-bottom: 46px;
|
||||
margin-bottom: 4.6rem;
|
||||
padding-bottom: 46px;
|
||||
padding-bottom: 4.6rem;
|
||||
}
|
||||
|
||||
.site-title {
|
||||
font-size: 40px;
|
||||
font-size: 4rem;
|
||||
}
|
||||
|
||||
.custom-logo {
|
||||
max-width: 80%;
|
||||
}
|
||||
|
||||
.widget:last-child {
|
||||
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
|
||||
margin: 0 0 23px;
|
||||
margin: 0 0 2.3rem;
|
||||
padding: 0 0 23px;
|
||||
padding: 0 0 2.3rem;
|
||||
}
|
||||
|
||||
.menu-toggle {
|
||||
background-color: #303030;
|
||||
color: #888;
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
font-family: Lato, sans-serif;
|
||||
font-size: 11px;
|
||||
font-size: 1.1rem;
|
||||
font-weight: 400;
|
||||
letter-spacing: 2px;
|
||||
line-height: 1;
|
||||
margin: 0;
|
||||
padding: 12px 20px;
|
||||
padding: 1.2rem 2rem;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.toggled-on {
|
||||
.nav-menu {
|
||||
display: block;
|
||||
margin-left: 0;
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
|
||||
>ul {
|
||||
display: block;
|
||||
margin-left: 0;
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
li,
|
||||
.children {
|
||||
display: block;
|
||||
float: none;
|
||||
}
|
||||
|
||||
.nav-menu {
|
||||
li {
|
||||
>ul {
|
||||
background-color: rgba(255, 255, 255, 0.05);
|
||||
box-shadow: none;
|
||||
display: block;
|
||||
float: none;
|
||||
margin-left: 20px;
|
||||
opacity: 1;
|
||||
position: relative;
|
||||
left: auto;
|
||||
top: auto;
|
||||
|
||||
a {
|
||||
text-transform: uppercase;
|
||||
width: auto;
|
||||
}
|
||||
}
|
||||
|
||||
&:hover>a {
|
||||
background-color: transparent;
|
||||
color: #ccc;
|
||||
}
|
||||
}
|
||||
|
||||
.children a {
|
||||
background-color: transparent;
|
||||
color: #ccc;
|
||||
}
|
||||
|
||||
li a:hover,
|
||||
ul a:hover {
|
||||
background-color: #303030;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
ul.nav-menu,
|
||||
div.nav-menu>ul {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.gallery {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.gallery-caption {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.gallery-columns-2 .gallery-item {
|
||||
max-width: 49%;
|
||||
max-width: -webkit-calc(50% - 4px);
|
||||
max-width: calc(50% - 4px);
|
||||
}
|
||||
|
||||
.gallery-columns-3 .gallery-item {
|
||||
max-width: 33%;
|
||||
max-width: -webkit-calc(33% - 4px);
|
||||
max-width: calc(33% - 4px);
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 480px) and (max-width: 767px) {
|
||||
|
||||
.site-header .home-link,
|
||||
.main-navigation,
|
||||
.site-main,
|
||||
.site-footer .sidebar-inner,
|
||||
.site-info {
|
||||
width: 420px;
|
||||
}
|
||||
|
||||
.site-main {
|
||||
|
||||
.content-area,
|
||||
.sidebar-container {
|
||||
width: 420px;
|
||||
}
|
||||
}
|
||||
|
||||
.single-attachment .content-area,
|
||||
.full-width .content-area,
|
||||
.one-footer-sidebar .site-footer .widget-area,
|
||||
.two-footer-sidebars .site-footer .widget-area,
|
||||
.three-footer-sidebars .site-footer .widget-area {
|
||||
width: 420px;
|
||||
}
|
||||
}
|
||||
|
||||
.site-title,
|
||||
.site-description {
|
||||
color: #a1bded;
|
||||
}
|
||||
|
||||
.site-title a {
|
||||
color: #a1bded;
|
||||
|
||||
&:hover {
|
||||
color: #a1bded;
|
||||
}
|
||||
}
|
||||
|
||||
.bottom-of-post {
|
||||
margin-top: 2em;
|
||||
padding-top: 1em;
|
||||
border-top: solid 1px #ccc;
|
||||
font-size: 0.8em;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
padding: 2em;
|
||||
box-sizing: border-box;
|
||||
margin: 2rem 0;
|
||||
font-size: 1.5em;
|
||||
line-height: normal;
|
||||
box-shadow: 0 3px 10px #ddd;
|
||||
}
|
||||
|
||||
.bottom-of-post ul {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
padding-left: 3em;
|
||||
}
|
||||
|
||||
iframe.mastodon-embed {
|
||||
width: 100%;
|
||||
margin: 1em auto;
|
||||
}
|
||||
|
||||
.entry-content a {
|
||||
color: #007bff;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.entry-title {
|
||||
font-size: 4rem;
|
||||
}
|
||||
|
||||
.entry-content {
|
||||
font-size: 1.5rem;
|
||||
line-height: 2.45rem;
|
||||
}
|
||||
|
||||
ul.inline {
|
||||
list-style-type: none;
|
||||
clear: both;
|
||||
float: left;
|
||||
display: block;
|
||||
width: 100%;
|
||||
|
||||
li {
|
||||
float: left;
|
||||
padding: .5em;
|
||||
cursor: pointer;
|
||||
|
||||
&:hover {
|
||||
font-style: underline;
|
||||
color: blue;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.support-message p {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.entry-header .entry-thumbnail img {
|
||||
margin: 2.3rem 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 767px) {
|
||||
blockquote {
|
||||
padding: 1.5em 1em;
|
||||
margin: 2rem 0;
|
||||
font-size: 1em;
|
||||
line-height: 2.25rem;
|
||||
box-shadow: 0 3px 10px #ddd;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 767px) {
|
||||
#main {
|
||||
max-width: 1200px;
|
||||
}
|
||||
|
||||
.site-main .content-area {
|
||||
width: 690px;
|
||||
}
|
||||
|
||||
#secondary iframe {
|
||||
width: 500px;
|
||||
height: 45em;
|
||||
}
|
||||
|
||||
.site-main .sidebar-container {
|
||||
width: 400px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 767px) and (min-width: 480px) {
|
||||
#masthead {
|
||||
padding: 1rem;
|
||||
}
|
||||
|
||||
.site-main {
|
||||
width: 90%;
|
||||
|
||||
.sidebar-container {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.content-area {
|
||||
width: 90%;
|
||||
}
|
||||
}
|
||||
}
|
||||
@use 'tkblog_responsive';
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue