From 427487fd90043d6efb67e1a27851ae27da17e45a Mon Sep 17 00:00:00 2001 From: Gnieark Date: Wed, 29 Aug 2018 08:22:47 +0200 Subject: [PATCH] nettoyage --- README.md | 24 ++ _define.php | 2 +- style-2018-06-12.css => style-2018-08-29.css | 0 style.css | 315 ------------------- tpl/_head.html | 2 +- tpl/category.html.bak | 101 ------ 6 files changed, 26 insertions(+), 418 deletions(-) create mode 100644 README.md rename style-2018-06-12.css => style-2018-08-29.css (100%) delete mode 100644 style.css delete mode 100644 tpl/category.html.bak diff --git a/README.md b/README.md new file mode 100644 index 0000000..43a8621 --- /dev/null +++ b/README.md @@ -0,0 +1,24 @@ +# Thème Dotclear Ventres Mous + +C'est le thème du blog du hackerspace Ventres Mous à Rouen https://www.ventresmous.fr + +Il est libre de réutilisation, merci cependant de faire attention aux points suivants: + +* Modifiez à minima le logo (le notre est moche de toute façon.) Il est embarqué dans le CSS. +* Ce thème vous fera perdre quelques fonctionnalités de dotclear. + +## Spécificités du thème + +Il est responsive. Utilise les balise html5 section, header, article, aside, footer en lieu et place de l'imbrication habituelle de DIV. + +Le fichier CSS est léger. + +On a mis un petit point d'honneur à l'optimisation. On a donc éliminé les scripts JS qui ne servent pas ou peu. (JQUERY n'est pas embarquée, et ça peut désactiver certaines fonctionnalités de Dotclear que nous on n'utilise pas.) + +De la même façon, dans les fichiers de template, les morceaux qui s'affichent à certaines conditions tpl:EntryIf . Que dans notre utilisation de Dotclear, je me suis dit qu'on ne les utiliserait jamais, j'ai parfois pris la facilité de supprimer le bloc. + +C'est pour ces raisons que je vous invite à n'utiliser ce thème que si vous vous sentez de mettre les mains dans le camboui + +## Reste à faire: + +Un nettoyage dans le CSS diff --git a/_define.php b/_define.php index c0c2c94..d55bf3d 100644 --- a/_define.php +++ b/_define.php @@ -3,5 +3,5 @@ $this->registerModule( /* Name */ "Ventres mous", /* Description*/ "Thème Ventres mous", /* Author */ "Zigazou & Gnieark", - /* Version */ '1.2' + /* Version */ '1.2.1' ); diff --git a/style-2018-06-12.css b/style-2018-08-29.css similarity index 100% rename from style-2018-06-12.css rename to style-2018-08-29.css diff --git a/style.css b/style.css deleted file mode 100644 index ab05bfe..0000000 --- a/style.css +++ /dev/null @@ -1,315 +0,0 @@ -/* -#d3d4d9 gris clair -#4b88a2 bleu vert -#bb0a21 rouge -#252627 gris foncé -#fff9fb blanc -*/ - -@font-face { - font-family: 'komika'; - src: url('font/komika.eot'); - src: url('font/komika.eot?#iefix') format('embedded-opentype'), - url('font/komika.woff') format('woff'), - url('font/komika.ttf') format('truetype'), - url('font/komika.svg#komika') format('svg'); - font-weight: normal; - font-style: normal; -} - -@font-face { - font-family: 'lato'; - src: url('font/lato-regular.eot'); - src: url('font/lato-regular.eot?#iefix') format('embedded-opentype'), - url('font/lato-regular.woff2') format('woff2'), - url('font/lato-regular.woff') format('woff'), - url('font/lato-regular.ttf') format('truetype'), - url('font/lato-regular.svg#latoregular') format('svg'); - font-weight: normal; - font-style: normal; -} - -@font-face { - font-family: 'lato'; - src: url('font/lato-italic.eot'); - src: url('font/lato-italic.eot?#iefix') format('embedded-opentype'), - url('font/lato-italic.woff2') format('woff2'), - url('font/lato-italic.woff') format('woff'), - url('font/lato-italic.ttf') format('truetype'), - url('font/lato-italic.svg#latoitalic') format('svg'); - font-weight: normal; - font-style: italic; -} - -@font-face { - font-family: 'lato'; - src: url('font/lato-bolditalic.eot'); - src: url('font/lato-bolditalic.eot?#iefix') format('embedded-opentype'), - url('font/lato-bolditalic.woff2') format('woff2'), - url('font/lato-bolditalic.woff') format('woff'), - url('font/lato-bolditalic.ttf') format('truetype'), - url('font/lato-bolditalic.svg#latobold_italic') format('svg'); - font-weight: bold; - font-style: italic; -} - -@font-face { - font-family: 'lato'; - src: url('font/lato-bold.eot'); - src: url('font/lato-bold.eot?#iefix') format('embedded-opentype'), - url('font/lato-bold.woff2') format('woff2'), - url('font/lato-bold.woff') format('woff'), - url('font/lato-bold.ttf') format('truetype'), - url('font/lato-bold.svg#latobold') format('svg'); - font-weight: bold; - font-style: normal; -} - -body { - font-family: sans-serif; - margin: 0; - padding: 0; - line-height: 130%; - font-size: 110%; -} - -input { font-family: sans-serif; } - -@media (min-width: 40em) { - body { - font-family: lato, sans-serif; - background-color: #d3d4d9; - } - - input { font-family: lato, sans-serif; } -} - -a { color: #252627; } - -audio { box-shadow: -0.1em 0.1em 1em 0.1em rgba(0, 0, 0, 0.3); } - -li { - list-style-type: none; - position: relative; - margin-bottom: 0.5em; -} - -li::before { - display: block; - position: absolute; - content: ' '; - width: 1em; - height: 1em; - background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCI+PGcgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjYmIwYTIxIiBzdHJva2Utd2lkdGg9IjEuOSI+PHBhdGggZD0iTTE2IDlhNyA3IDAgMSAxLTctNyIgY29sb3I9IiMwMDAiIG92ZXJmbG93PSJ2aXNpYmxlIi8+PHBhdGggZD0iTTUuNyAxMi4zbDQuNi00LjZtLTQuNiAwbDQuNiA0LjYiLz48L2c+PC9zdmc+); - background-repeat: no-repeat; - left: -1.5em; - top: 0.1em; -} - -img, audio { - display: block; - max-width: 100%; - height: auto; - margin: 0 auto; -} - -#page { - background-color: #fff9fb; - overflow-x: hidden; -} -#top p { - padding: 1.5em 1.5em 0 1.5em; -} -@media (min-width: 40em) { - #page { - max-width: 40em; - margin: 1em auto; - background-color: #fff9fb; - border-radius: 3em; - box-shadow: -0.1em 0.1em 1em 0.1em rgba(0, 0, 0, 0.3); - } -} - -#main { padding: 1.5em 1.5em 0 1.5em; } -#sidebar { padding: 1.5em; } - -#footer { padding: 1em 2em; } - -/* Prelude */ -#prelude li::before { display: none; } -#prelude { margin: 0; padding-left: 1.5em; } - -@media (min-width: 40em) { - #prelude { text-align: center; } - #prelude li { display: inline-block; } - #prelude li::after { content: ' | '; } - #prelude li:last-child::after { display: none; } -} - -/* Titles */ -h1, h2, h3, h4, h5, h6 { font-family: komika; } - -h1 { background-color: #bb0a21; margin-top: 0; } -h2 { background-color: #252627; } - -h1, h2 { - color: #fff9fb; - padding: 0.7em 0.7em 0.7em 3.2em; - background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMDIuOSIgaGVpZ2h0PSIzMDIuOSI+PGcgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIwIj48cGF0aCBkPSJNMjkzIDE1MS40YzAgNzgtNjMuNSAxNDEuNS0xNDEuNiAxNDEuNUM3My40IDI5MyAxMCAyMjkgMTAgMTUxIDEwIDczLjIgNzMuMyAxMCAxNTEuNCAxMGM3OCAwIDE0MS41IDYzLjMgMTQxLjUgMTQxLjR6IiBjb2xvcj0iIzAwMCIgb3ZlcmZsb3c9InZpc2libGUiLz48ZyBzdHJva2Utd2lkdGg9IjEyIj48cGF0aCBkPSJNMTcwLjMgMTc3YzAgMjQuNC0yMCA0NC4zLTQ0LjQgNDQuMy0yNSAwLTQ1LTIwLTQ1LTQ0LjQgMC0yNSAyMC00NSA0NC40LTQ1IiBjb2xvcj0iIzAwMCIgb3ZlcmZsb3c9InZpc2libGUiLz48cGF0aCBkPSJNMTA1LjQgMTk3LjVsMjktMjltLTI5IDBsMjkgMjkiLz48L2c+PC9nPjwvc3ZnPg==); - background-repeat: no-repeat; - background-size: 2.6em; - background-position: 0.2em center; - line-height: 150%; -} - -@media (max-width: 40em) { - h1 { font-size: 140%; } - - h2 { - font-size: 100%; - position: relative; - left: -1.5em; - width: 100%; - } -} - -@media (min-width: 40em) { - h1, h2 { - padding: 0.7em 0.7em 0.7em 3.2em; - border-radius: 4em; - } -} - -h1 a, h2 a { color: #fff9fb; text-decoration: none; } - -/* Post info */ -p.post-info, p.post-info-co { - text-align: center; - color: #4b88a2; - font-size: 90%; -} - -p.day-date { display: none; } - -/* Tags */ -ul.post-tags, #blognav .tags ul, #blognav .tags p { - margin: 0; - padding: 0; - text-align: center; -} - -@media (max-width: 40em) { - ul.post-tags, #blognav .tags ul { font-size: 80%; } -} - -ul.post-tags li, #blognav .tags li { - list-style-type: none; - display: inline-block; -} - -ul.post-tags li::before, #blognav .tags li::before { display: none; } - -ul.post-tags li a, #blognav .tags li a { - display: block; - margin: 0 0.5em 0 0; - padding: 0; - background-color: #4b88a2; - border-radius: 2em; - padding: 0.5em 1em; - color: #fff9fb; - text-decoration: none; -} - -/* Sidebar */ -#sidebar { background-color: #d3d4d9; } - -/* Footer */ -#footer { - background-color: #bb0a21; - color: #d3d4d9; -} - -@media (min-width: 40em) { - #footer { border-radius: 0 0 3em 3em; } -} - -#footer a { color: #fff9fb; } - -/* Forms */ -fieldset { - border: none; - background-color: #4b88a2; - color: #fff; -} - -input[type="submit"] { - padding: 0.5em 1em; - font-size: 110%; -} - -input[type="text"], textarea { - padding: 0.5em 1em; - font-size: 110%; -} - -.field { width: 100%; } -.field input, .field textarea{ - width: 100%; - box-sizing: border-box; -} - -/*Search form */ -#search input[type="text"] { width: 10em; } - -/* Pager */ - -div.pagination-wrapper { - background-color: #4b88a2; - color: #fff9fb; - width: 100%; -} - -@media (max-width: 40em) { - div.pagination-wrapper { - position: relative; - left: -1.5em; - padding: 0.1em 1.5em; - line-height: 170%; - } -} - -p.pagination>a, p.pagination>span { - display: block; - text-align: center; - background-color: #4b88a2; - color: #fff9fb; -} - -p.pagination>a, p.pagination>span { - background-color: #4b88a2; - color: #fff9fb; -} - -@media (min-width: 40em) { - div.pagination-wrapper { display: table; } - p.pagination { display: table-row; } - p.pagination>a, p.pagination>span { display: table-cell; } - - p.pagination>a { - position: relative; - width: 35%; - padding: 1.5em; - } - - p.pagination>a.prev { - text-align: left; - left: -1.5em; - } - - p.pagination>span { text-align: center; } - - p.pagination>a.next { - text-align: right; - right: -1.5em; - } -} \ No newline at end of file diff --git a/tpl/_head.html b/tpl/_head.html index e0e6bf8..b7e07df 100644 --- a/tpl/_head.html +++ b/tpl/_head.html @@ -1,4 +1,4 @@ - + {{tpl:include src="user_head.html"}} diff --git a/tpl/category.html.bak b/tpl/category.html.bak deleted file mode 100644 index b83f5d0..0000000 --- a/tpl/category.html.bak +++ /dev/null @@ -1,101 +0,0 @@ -{{tpl:extends parent="__layout.html"}} - - - {{tpl:CategoryTitle encode_html="1"}} - {{tpl:BlogName encode_html="1"}}<tpl:PaginationIf start="0"> - {{tpl:lang page}} {{tpl:PaginationCurrent}}</tpl:PaginationIf> - - - - - - - - - - - - - - - {{tpl:lang page}} {{tpl:PaginationCurrent}}" /> - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - {{tpl:CategoryDescription}} - - -

{{tpl:lang Entries feed}} - - - - {{tpl:lang Comments feed}} - -

- -
- - - -
-

{{tpl:lang Subcategories}}

- -
- - - - -
-

{{tpl:EntryTitle encode_html="1"}}
{{tpl:EntryDate}}

-
- - - -

- - {{tpl:lang page}} {{tpl:PaginationCurrent}} {{tpl:lang of}} {{tpl:PaginationCounter}} - -

- - - - \ No newline at end of file