mirror of
https://forge.chapril.org/tykayn/orgmode-to-gemini-blog
synced 2025-06-20 09:04:42 +02:00
add scss converter
This commit is contained in:
Tykayn
tykayn
parent
7b582215dd
commit
07cee6a65d
53 changed files with 4507 additions and 337 deletions
|
|
@ -24,55 +24,64 @@
|
|||
<meta property="og:locale" content="$$LOCALE$$">
|
||||
<!-- Description de la page -->
|
||||
<meta name="description" content="$$DESCRIPTION$$">
|
||||
<meta name="reply-to" content="contact@cipherbliss.com"><!-- Adresse de contact -->
|
||||
<link rel="icon" type="image/png" href="/img/site_icon.png">
|
||||
<meta name="reply-to" content="$$EMAIL$$">
|
||||
<link rel="icon" type="$$SITE_ICON$$" href="$$SITE_ICON$$">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<header>
|
||||
<header id="masthead" class="site-header">
|
||||
<nav class="navbar is-fixed-top is-dark" role="navigation" aria-label="main navigation">
|
||||
<div class="navbar-brand">
|
||||
<a class="navbar-item" href="https://portfolio.cipherbliss.com">
|
||||
<img src="https://www.cipherbliss.com/wp-content/uploads/2016/12/rond.png" class="img-fluid">
|
||||
</a>
|
||||
|
||||
</div>
|
||||
|
||||
<div id="navbarBasicExample" class="navbar-menu">
|
||||
<div class="navbar-start">
|
||||
<div id="page">
|
||||
<header>
|
||||
<header id="masthead" class="site-header">
|
||||
<nav class="navbar is-fixed-top is-dark" role="navigation" aria-label="main navigation">
|
||||
<div class="navbar-brand">
|
||||
<a class="navbar-item" href="https://portfolio.cipherbliss.com">
|
||||
<img src="https://www.cipherbliss.com/wp-content/uploads/2016/12/rond.png"
|
||||
class="img-fluid">
|
||||
</a>
|
||||
$$NAVIGATION$$
|
||||
|
||||
</div>
|
||||
<div class="navbar-end">
|
||||
<div class="navbar-item">
|
||||
<form role="search" method="get" class="search-form" action="https://www.cipherbliss.com/">
|
||||
<label>
|
||||
<input class="search-field" placeholder="Recherche" value="" name="s" type="search">
|
||||
</label>
|
||||
<input class="is-hidden search-submit" value="Rechercher" type="submit">
|
||||
</form>
|
||||
|
||||
<div id="navbarBasicExample" class="navbar-menu">
|
||||
<div class="navbar-start">
|
||||
<a class="navbar-item" href="https://portfolio.cipherbliss.com">
|
||||
<img src="https://www.cipherbliss.com/wp-content/uploads/2016/12/rond.png"
|
||||
class="img-fluid">
|
||||
</a>
|
||||
$$NAVIGATION$$
|
||||
</div>
|
||||
<div class="navbar-end">
|
||||
<div class="navbar-item">
|
||||
<form role="search" method="get" class="search-form" action="/">
|
||||
<label>
|
||||
<input class="search-field" placeholder="Recherche" value="" name="s"
|
||||
type="search">
|
||||
</label>
|
||||
<input class="is-hidden search-submit" value="Rechercher" type="submit">
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
</header>
|
||||
</header>
|
||||
<main class="body-wrap boxed-container">
|
||||
<article class="content">
|
||||
$$ARTICLE$$
|
||||
</article>
|
||||
</main>
|
||||
<footer class="site-footer has-top-divider">
|
||||
<div class="container">
|
||||
<div class="site-footer-inner">
|
||||
$$FOOTER$$
|
||||
</nav>
|
||||
</header>
|
||||
<div class="header-image">
|
||||
$$BANNIERE_ENTETE$$
|
||||
<!-- <img src="https://clairelemoine.art/wp-content/uploads/2023/10/cropped-SiteEntete-Oiseau-aquarelle-1.jpg" alt="$$BANNIERE_ENTETE_ALT$$"> -->
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
</header>
|
||||
<main class="body-wrap boxed-container">
|
||||
<article class="content">
|
||||
$$ARTICLE$$
|
||||
</article>
|
||||
</main>
|
||||
<footer class="site-footer has-top-divider">
|
||||
<div class="container">
|
||||
<div class="site-footer-inner">
|
||||
$$FOOTER$$
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
<!-- généré avec orgmode-to-gemini-blog par Tykayn -->
|
||||
</html>
|
||||
|
|
@ -10,7 +10,6 @@ html {
|
|||
}
|
||||
|
||||
body {
|
||||
|
||||
text-align: left;
|
||||
margin: 0 auto;
|
||||
font-size: 1.5rem;
|
||||
|
|
@ -20,12 +19,7 @@ body {
|
|||
background: #fff;
|
||||
}
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
|
||||
margin-top: 1em;
|
||||
margin-bottom: 2rem;
|
||||
|
|
@ -33,9 +27,10 @@ h6 {
|
|||
}
|
||||
|
||||
/* 1. Use a more-intuitive box-sizing model */
|
||||
*,
|
||||
*::before,
|
||||
*::after {
|
||||
* {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
*::before, *::after {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
|
|
@ -49,11 +44,7 @@ body {
|
|||
}
|
||||
|
||||
/* Improve media defaults */
|
||||
img,
|
||||
picture,
|
||||
video,
|
||||
canvas,
|
||||
svg {
|
||||
img, picture, video, canvas, svg {
|
||||
display: block;
|
||||
width: 100%;
|
||||
margin-top: 1rem;
|
||||
|
|
@ -62,21 +53,12 @@ svg {
|
|||
}
|
||||
|
||||
/* Inherit fonts for form controls */
|
||||
input,
|
||||
button,
|
||||
textarea,
|
||||
select {
|
||||
input, button, textarea, select {
|
||||
font: inherit;
|
||||
}
|
||||
|
||||
/* Avoid text overflows */
|
||||
p,
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
p, h1, h2, h3, h4, h5, h6 {
|
||||
overflow-wrap: break-word;
|
||||
}
|
||||
|
||||
|
|
@ -89,7 +71,7 @@ p {
|
|||
|
||||
h1 {
|
||||
font-size: 4rem;
|
||||
color: #221d30
|
||||
color: #221d30;
|
||||
}
|
||||
|
||||
h2 {
|
||||
|
|
@ -100,28 +82,26 @@ h3 {
|
|||
font-size: 1.5rem;
|
||||
}
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
text-wrap: balance;
|
||||
line-height: 1.3em;
|
||||
}
|
||||
|
||||
#root,
|
||||
#__next {
|
||||
#root, #__next {
|
||||
isolation: isolate;
|
||||
}
|
||||
|
||||
input,
|
||||
button,
|
||||
textarea,
|
||||
select {
|
||||
input, button, textarea, select {
|
||||
font: inherit;
|
||||
}
|
||||
|
||||
a {
|
||||
display: inline-block;
|
||||
padding: 0.5rem 2rem;
|
||||
margin-right: 1rem;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
ul {
|
||||
padding-left: 4ch;
|
||||
padding-right: 4ch;
|
||||
|
|
@ -140,4 +120,6 @@ li {
|
|||
body {
|
||||
padding: 1rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=style_general.css.map */
|
||||
|
|
|
|||
1
templates/styles/style_general.css.map
Normal file
1
templates/styles/style_general.css.map
Normal file
|
|
@ -0,0 +1 @@
|
|||
{"version":3,"sourceRoot":"","sources":["../styles_src/style_general.scss"],"names":[],"mappings":"AAAA;EACI;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;AAEA;EACE;;AAEA;EACE;;;AAIJ;AACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAEA;EACE;EACA;EACA;EACA;EACA;;;AAGF;AAEA;EACE;;;AAGF;AAEA;EACE;;;AAGF;AAEA;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;IACE","file":"style_general.css"}
|
||||
129
templates/styles_src/style_general.scss
Normal file
129
templates/styles_src/style_general.scss
Normal file
|
|
@ -0,0 +1,129 @@
|
|||
* {
|
||||
box-sizing: border-box;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
html {
|
||||
font-size: 1rem;
|
||||
font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
|
||||
}
|
||||
|
||||
body {
|
||||
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 */
|
||||
|
||||
* {
|
||||
box-sizing: border-box;
|
||||
|
||||
&::before, &::after {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
}
|
||||
|
||||
body {
|
||||
/* Improve text rendering */
|
||||
-webkit-font-smoothing: antialiased;
|
||||
font-family: Helvetica, Arial, sans-serif;
|
||||
padding-bottom: 20vh;
|
||||
padding-left: 2rem;
|
||||
padding-bottom: 2rem;
|
||||
}
|
||||
|
||||
/* 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: 4rem;
|
||||
color: #221d30;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 3rem;
|
||||
}
|
||||
|
||||
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;
|
||||
}
|
||||
|
||||
a{
|
||||
display: inline-block;
|
||||
padding: 0.5rem 2rem;
|
||||
margin-right: 1rem;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
ul {
|
||||
padding-left: 4ch;
|
||||
padding-right: 4ch;
|
||||
}
|
||||
|
||||
li {
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
|
||||
#title-block-header {
|
||||
border-bottom: 1px solid #333;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
@media (max-width: 20rem) {
|
||||
body {
|
||||
padding: 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
Loading…
Add table
Add a link
Reference in a new issue