nettoyage
parent
2cb9fefce9
commit
427487fd90
@ -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
|
||||
@ -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;
|
||||
}
|
||||
}
|
||||
@ -1,101 +0,0 @@
|
||||
{{tpl:extends parent="__layout.html"}}
|
||||
|
||||
<tpl:Block name="head-title">
|
||||
<title>{{tpl:CategoryTitle encode_html="1"}} - {{tpl:BlogName encode_html="1"}}<tpl:PaginationIf start="0"> - {{tpl:lang page}} {{tpl:PaginationCurrent}}</tpl:PaginationIf></title>
|
||||
</tpl:Block>
|
||||
|
||||
<tpl:Block name="meta-robots">
|
||||
<meta name="ROBOTS" content="{{tpl:BlogMetaRobots robots="NOINDEX"}}" />
|
||||
</tpl:Block>
|
||||
|
||||
<tpl:Block name="meta-entry">
|
||||
<meta name="description" lang="{{tpl:BlogLanguage}}" content="{{tpl:CategoryDescription encode_html="1" cut_string="180" remove_html="1"}}" />
|
||||
<meta name="author" content="{{tpl:BlogEditor encode_html="1"}}" />
|
||||
<meta name="date" content="{{tpl:BlogUpdateDate iso8601="1"}}" />
|
||||
</tpl:Block>
|
||||
|
||||
<tpl:Block name="dc-entry">
|
||||
<meta property="dc.title" lang="{{tpl:BlogLanguage}}" content="{{tpl:CategoryTitle encode_html="1"}} - {{tpl:BlogName encode_html="1"}}<tpl:PaginationIf start="0"> - {{tpl:lang page}} {{tpl:PaginationCurrent}}</tpl:PaginationIf>" />
|
||||
<meta property="dc.description" lang="{{tpl:BlogLanguage}}" content="{{tpl:CategoryDescription remove_html="1"}}" />
|
||||
<meta property="dc.language" content="{{tpl:BlogLanguage}}" />
|
||||
<meta property="dc.date" content="{{tpl:BlogUpdateDate iso8601="1"}}" />
|
||||
</tpl:Block>
|
||||
|
||||
<tpl:Block name="head-linkrel">
|
||||
<link rel="top" href="{{tpl:BlogURL}}" title="{{tpl:lang Home}}" />
|
||||
<link rel="contents" href="{{tpl:BlogArchiveURL}}" title="{{tpl:lang Archives}}" />
|
||||
|
||||
<tpl:Entries no_content="1">
|
||||
<tpl:EntriesHeader>
|
||||
<tpl:Pagination>
|
||||
<tpl:PaginationIf end="0">
|
||||
<link rel="prev" title="{{tpl:lang previous entries}}" href="{{tpl:PaginationURL offset="1"}}" />
|
||||
</tpl:PaginationIf>
|
||||
|
||||
<tpl:PaginationIf start="0">
|
||||
<link rel="next" title="{{tpl:lang next entries}}" href="{{tpl:PaginationURL offset="-1"}}" />
|
||||
</tpl:PaginationIf>
|
||||
</tpl:Pagination>
|
||||
</tpl:EntriesHeader>
|
||||
|
||||
<link rel="chapter" href="{{tpl:EntryURL}}" title="{{tpl:EntryTitle encode_html="1"}}" />
|
||||
</tpl:Entries>
|
||||
|
||||
<link rel="alternate" type="application/atom+xml" title="Atom 1.0" href="{{tpl:CategoryFeedURL type="atom"}}" />
|
||||
</tpl:Block>
|
||||
|
||||
<tpl:Block name="page-top">
|
||||
<div id="top" role="banner">
|
||||
<h1><a href="/" class="homelink" title="Revenir à l'accueil">Retour à la page d'accueil</a>{{tpl:CategoryTitle}}</h1>
|
||||
</div>
|
||||
</tpl:Block>
|
||||
|
||||
<tpl:Block name="body-tag"><body class="dc-category"></tpl:Block>
|
||||
|
||||
<tpl:Block name="main-content">
|
||||
<div id="content-info">
|
||||
|
||||
{{tpl:CategoryDescription}}
|
||||
|
||||
<tpl:CategoryIf has_entries="1">
|
||||
<p><a type="application/atom+xml" href="{{tpl:CategoryFeedURL type="atom"}}"
|
||||
title="{{tpl:lang This category's entries Atom feed}}" class="feed">{{tpl:lang Entries feed}}</a>
|
||||
|
||||
<tpl:SysIf operator="or" comments_active="1" pings_active="1">
|
||||
- <a type="application/atom+xml" href="{{tpl:CategoryFeedURL type="atom"}}/comments"
|
||||
title="{{tpl:lang This category's comments Atom feed}}" class="feed">{{tpl:lang Comments feed}}</a>
|
||||
</tpl:SysIf>
|
||||
</p>
|
||||
</tpl:CategoryIf>
|
||||
</div>
|
||||
|
||||
<tpl:CategoryFirstChildren>
|
||||
<tpl:CategoriesHeader>
|
||||
<div id="subcategories">
|
||||
<h3>{{tpl:lang Subcategories}}</h3>
|
||||
<ul>
|
||||
</tpl:CategoriesHeader>
|
||||
<li><a href="{{tpl:CategoryURL}}">{{tpl:CategoryTitle encode_html="1"}}</a></li>
|
||||
<tpl:CategoriesFooter>
|
||||
</ul>
|
||||
</div>
|
||||
</tpl:CategoriesFooter>
|
||||
</tpl:CategoryFirstChildren>
|
||||
|
||||
<tpl:Entries>
|
||||
<div id="p{{tpl:EntryID}}" class="post {{tpl:EntryIfOdd}} {{tpl:EntryIfFirst}}" lang="{{tpl:EntryLang}}" role="article">
|
||||
<h2 class="post-title"><a
|
||||
href="{{tpl:EntryURL}}">{{tpl:EntryTitle encode_html="1"}}</a><br/><em>{{tpl:EntryDate}}</em></h2>
|
||||
</div>
|
||||
|
||||
<tpl:EntriesFooter>
|
||||
<tpl:Pagination>
|
||||
<p class="pagination"><tpl:PaginationIf end="0"><a href="{{tpl:PaginationURL offset="+1"}}" class="prev">«
|
||||
{{tpl:lang previous entries}}</a> - </tpl:PaginationIf>
|
||||
{{tpl:lang page}} {{tpl:PaginationCurrent}} {{tpl:lang of}} {{tpl:PaginationCounter}}
|
||||
<tpl:PaginationIf start="0"> - <a href="{{tpl:PaginationURL offset="-1"}}" class="next">{{tpl:lang next entries}}
|
||||
»</a></tpl:PaginationIf></p>
|
||||
</tpl:Pagination>
|
||||
</tpl:EntriesFooter>
|
||||
</tpl:Entries>
|
||||
</tpl:Block>
|
||||
Loading…
Reference in New Issue