mirror of
https://forge.chapril.org/tykayn/orgmode-to-gemini-blog
synced 2025-10-09 17:02:45 +02:00
add theme mastodon
This commit is contained in:
Tykayn
tykayn
parent
8abe2f6aad
commit
e3d64d4e76
6 changed files with 415 additions and 24 deletions
|
|
@ -25,5 +25,3 @@ Ces projets durent bien sûr plus qu'un mois et le suivi des objets se fait sur
|
||||||
|
|
||||||
Vous pouvez tester sur https://projetdumois.fr
|
Vous pouvez tester sur https://projetdumois.fr
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -13,7 +13,10 @@
|
||||||
href="{{template_content['NDD']}}/feed/">
|
href="{{template_content['NDD']}}/feed/">
|
||||||
<link href="/style.css" rel="stylesheet">
|
<link href="/style.css" rel="stylesheet">
|
||||||
<script src="main_script.js"></script>
|
<script src="main_script.js"></script>
|
||||||
<script src="highlight.js"></script>
|
<!-- highlight.js CSS/JS depuis CDN pour l'index -->
|
||||||
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/default.min.css">
|
||||||
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
|
||||||
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/go.min.js"></script>
|
||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
<title>{{template_content['TITLE']}}</title>
|
<title>{{template_content['TITLE']}}</title>
|
||||||
|
|
@ -27,7 +30,7 @@
|
||||||
<meta name="reply-to" content="{{template_content['EMAIL']}}">
|
<meta name="reply-to" content="{{template_content['EMAIL']}}">
|
||||||
<link rel="icon" type="{{template_content['SITE_ICON_TYPE']}}" href="{{template_content['SITE_ICON']}}">
|
<link rel="icon" type="{{template_content['SITE_ICON_TYPE']}}" href="{{template_content['SITE_ICON']}}">
|
||||||
|
|
||||||
<script>hljs.highlightAll();</script>
|
<script>typeof hljs!== 'undefined' && hljs.highlightAll();</script>
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
|
|
||||||
|
|
@ -5,29 +5,36 @@ document.addEventListener('DOMContentLoaded', function () {
|
||||||
const form = document.getElementById('recherche');
|
const form = document.getElementById('recherche');
|
||||||
|
|
||||||
// Ajoute un écouteur d'événement pour l'événement 'submit'
|
// Ajoute un écouteur d'événement pour l'événement 'submit'
|
||||||
form.addEventListener('submit', function (event) {
|
if (form) {
|
||||||
// Empêche le comportement par défaut du formulaire
|
form.addEventListener('submit', function (event) {
|
||||||
event.preventDefault()
|
// Empêche le comportement par défaut du formulaire
|
||||||
const query = document.getElementById('query').value
|
event.preventDefault()
|
||||||
const url = `https://duckduckgo.com/?q=${encodeURIComponent(query)}+site%3A${encodeURIComponent(currentDomain)}`;
|
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;
|
window.location.href = url;
|
||||||
});
|
});
|
||||||
|
}
|
||||||
|
|
||||||
// navigation au clavier
|
// navigation au clavier
|
||||||
// Sélectionnez le lien à cliquer
|
// Sélectionnez le lien à cliquer
|
||||||
const nextArticleLink = document.querySelector('a.next-article');
|
const nextArticleLink = document.querySelector('a.next-article');
|
||||||
const previousArticleLink = document.querySelector('a.previous-article');
|
const previousArticleLink = document.querySelector('a.previous-article');
|
||||||
|
|
||||||
// Ajoutez un événement de clic au lien
|
// Ajoutez un événement de clic au lien si présents
|
||||||
nextArticleLink.addEventListener('click', function () {
|
if (nextArticleLink) {
|
||||||
// Redirigez l'utilisateur vers la page suivante
|
nextArticleLink.addEventListener('click', function () {
|
||||||
window.location.href = nextArticleLink.href;
|
// Redirigez l'utilisateur vers la page suivante
|
||||||
});
|
window.location.href = nextArticleLink.href;
|
||||||
previousArticleLink.addEventListener('click', function () {
|
});
|
||||||
// Redirigez l'utilisateur vers la page suivante
|
}
|
||||||
window.location.href = nextArticleLink.href;
|
if (previousArticleLink) {
|
||||||
});
|
previousArticleLink.addEventListener('click', function () {
|
||||||
|
// Redirigez l'utilisateur vers la page précédente
|
||||||
|
window.location.href = previousArticleLink.href;
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -39,14 +46,14 @@ document.addEventListener('DOMContentLoaded', function () {
|
||||||
event.preventDefault();
|
event.preventDefault();
|
||||||
|
|
||||||
// Cliquez sur le lien
|
// Cliquez sur le lien
|
||||||
nextArticleLink.click();
|
if (nextArticleLink) nextArticleLink.click();
|
||||||
}
|
}
|
||||||
if (event.key === 'p' || event.key === 'ArrowLeft') {
|
if (event.key === 'p' || event.key === 'ArrowLeft') {
|
||||||
// Empêche le comportement par défaut de la touche
|
// Empêche le comportement par défaut de la touche
|
||||||
event.preventDefault();
|
event.preventDefault();
|
||||||
|
|
||||||
// Cliquez sur le lien
|
// Cliquez sur le lien
|
||||||
previousArticleLink.click();
|
if (previousArticleLink) previousArticleLink.click();
|
||||||
}
|
}
|
||||||
|
|
||||||
});
|
});
|
||||||
|
|
@ -60,8 +67,9 @@ document.addEventListener('DOMContentLoaded', function () {
|
||||||
boutonTheme.textContent = 'Changer de thème';
|
boutonTheme.textContent = 'Changer de thème';
|
||||||
boutonTheme.id = 'theme-switcher';
|
boutonTheme.id = 'theme-switcher';
|
||||||
document.body.appendChild(boutonTheme);
|
document.body.appendChild(boutonTheme);
|
||||||
|
console.log('boutonTheme', boutonTheme);
|
||||||
addEventListener('click', onClickThemeButton)
|
console.log('themes_calsses', themes_calsses);
|
||||||
|
boutonTheme.addEventListener('click', onClickThemeButton)
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -84,4 +92,6 @@ document.addEventListener('DOMContentLoaded', function () {
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
// créer le bouton thème au chargement
|
||||||
|
makeThemesButton();
|
||||||
});
|
});
|
||||||
|
|
@ -14,6 +14,13 @@ img {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.sourceCode{
|
||||||
|
border-radius: 0.5rem;
|
||||||
|
pre{
|
||||||
|
overflow: auto;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.activitypub-follower-block {
|
.activitypub-follower-block {
|
||||||
&.is-style-compact {
|
&.is-style-compact {
|
||||||
|
|
||||||
|
|
|
||||||
352
templates/styles_src/tkblog_responsive.scss
Normal file
352
templates/styles_src/tkblog_responsive.scss
Normal file
|
|
@ -0,0 +1,352 @@
|
||||||
|
|
||||||
|
@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%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
21
templates/styles_src/tkblog_themes.scss
Normal file
21
templates/styles_src/tkblog_themes.scss
Normal file
|
|
@ -0,0 +1,21 @@
|
||||||
|
.theme-mastodon{
|
||||||
|
#page{
|
||||||
|
background: #4d4c4e;
|
||||||
|
}
|
||||||
|
.body-wrap{
|
||||||
|
background: #201e22;
|
||||||
|
color: #fff;
|
||||||
|
a{
|
||||||
|
color: #9327ff;
|
||||||
|
}
|
||||||
|
a:hover{
|
||||||
|
color: #9327ff;
|
||||||
|
}
|
||||||
|
h1, h2, h3, h4, h5, h6{
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
hr{
|
||||||
|
border-color: #fff;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
Loading…
Add table
Add a link
Reference in a new issue