diff --git a/article.html b/article.html new file mode 100644 index 0000000..5722f22 --- /dev/null +++ b/article.html @@ -0,0 +1,44 @@ + + + + + + [(#TITRE|couper{80}|textebrut) - ][(#NOM_SITE_SPIP|textebrut)] + [] + [] + + + + + + + +
+ [(#REM) Contenu principal : contenu de l'article] + +
+

#TITRE

+

+
+ + [
(#CHAPO|image_reduire{672,*})
] + [
(#TEXTE|image_reduire{672,*})
] + + [

<:voir_en_ligne:> : [(#NOM_SITE|sinon{[(#URL_SITE|couper{80})]})]

] + [
(#PS|image_reduire{672,*})
] + + [(#REM) Menu de navigation mots-cles ] + #MODELE{article_mots} + + [(#REM) Forum de l'article ] + + [

<:forum:form_pet_message_commentaire:>

+ (#FORMULAIRE_FORUM)] + +
+ + + + + + \ No newline at end of file diff --git a/css/font.css b/css/font.css new file mode 100644 index 0000000..7a0b537 --- /dev/null +++ b/css/font.css @@ -0,0 +1,41 @@ +/* fira-sans-regular - latin */ +@font-face { + font-display: swap; + font-family: 'Fira-Sans'; + font-style: normal; + font-weight: 400; + src: url('../polices/fira-sans-v10-latin-regular.eot'); /* IE9 Compat Modes */ + src: local('Fira Sans Regular'), local('FiraSans-Regular'), + url('../polices/fira-sans-v10-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ + url('../polices/fira-sans-v10-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ + url('../polices/fira-sans-v10-latin-regular.woff') format('woff'), /* Modern Browsers */ + url('../polices/fira-sans-v10-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ + url('../polices/fira-sans-v10-latin-regular.svg#FiraSans') format('svg'); /* Legacy iOS */ + } + /* roboto-mono-regular - latin */ + @font-face { + font-display: swap; + font-family: 'Roboto-Mono'; + font-style: normal; + font-weight: 400; + src: url('../polices/roboto-mono-v12-latin-regular.eot'); /* IE9 Compat Modes */ + src: url('../polices/roboto-mono-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ + url('../polices/roboto-mono-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ + url('../polices/roboto-mono-v12-latin-regular.woff') format('woff'), /* Modern Browsers */ + url('../polices/roboto-mono-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ + url('../polices/roboto-mono-v12-latin-regular.svg#RobotoMono') format('svg'); /* Legacy iOS */ + } + /* ibm-plex-mono-500italic - latin */ + @font-face { + font-display: swap; + font-family: 'IBM-Plex-Mono'; + font-style: italic; + font-weight: 500; + src: url('../polices/ibm-plex-mono-v6-latin-500italic.eot'); /* IE9 Compat Modes */ + src: local('IBM Plex Mono Medium Italic'), local('IBMPlexMono-MediumItalic'), + url('../polices/ibm-plex-mono-v6-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ + url('../polices/ibm-plex-mono-v6-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */ + url('../polices/ibm-plex-mono-v6-latin-500italic.woff') format('woff'), /* Modern Browsers */ + url('../polices/ibm-plex-mono-v6-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */ + url('../polices/ibm-plex-mono-v6-latin-500italic.svg#IBMPlexMono') format('svg'); /* Legacy iOS */ + } \ No newline at end of file diff --git a/css/links.css b/css/links.css new file mode 100644 index 0000000..3e202fb --- /dev/null +++ b/css/links.css @@ -0,0 +1,10 @@ +a { + border-bottom: 3px solid var(--couleurprincipal); + color: inherit; + text-decoration: none; +} + +a:hover { + background-color: var(--couleursurvol); + color: #fff; +} \ No newline at end of file diff --git a/css/reset.css b/css/reset.css new file mode 100644 index 0000000..c45a85f --- /dev/null +++ b/css/reset.css @@ -0,0 +1,349 @@ +/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ + +/* Document + ========================================================================== */ + +/** + * 1. Correct the line height in all browsers. + * 2. Prevent adjustments of font size after orientation changes in iOS. + */ + + html { + line-height: 1.15; /* 1 */ + -webkit-text-size-adjust: 100%; /* 2 */ + } + + /* Sections + ========================================================================== */ + + /** + * Remove the margin in all browsers. + */ + + body { + margin: 0; + } + + /** + * Render the `main` element consistently in IE. + */ + + main { + display: block; + } + + /** + * Correct the font size and margin on `h1` elements within `section` and + * `article` contexts in Chrome, Firefox, and Safari. + */ + + h1 { + font-size: 2em; + margin: 0.67em 0; + } + + /* Grouping content + ========================================================================== */ + + /** + * 1. Add the correct box sizing in Firefox. + * 2. Show the overflow in Edge and IE. + */ + + hr { + box-sizing: content-box; /* 1 */ + height: 0; /* 1 */ + overflow: visible; /* 2 */ + } + + /** + * 1. Correct the inheritance and scaling of font size in all browsers. + * 2. Correct the odd `em` font sizing in all browsers. + */ + + pre { + font-family: monospace, monospace; /* 1 */ + font-size: 1em; /* 2 */ + } + + /* Text-level semantics + ========================================================================== */ + + /** + * Remove the gray background on active links in IE 10. + */ + + a { + background-color: transparent; + } + + /** + * 1. Remove the bottom border in Chrome 57- + * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. + */ + + abbr[title] { + border-bottom: none; /* 1 */ + text-decoration: underline; /* 2 */ + text-decoration: underline dotted; /* 2 */ + } + + /** + * Add the correct font weight in Chrome, Edge, and Safari. + */ + + b, + strong { + font-weight: bolder; + } + + /** + * 1. Correct the inheritance and scaling of font size in all browsers. + * 2. Correct the odd `em` font sizing in all browsers. + */ + + code, + kbd, + samp { + font-family: monospace, monospace; /* 1 */ + font-size: 1em; /* 2 */ + } + + /** + * Add the correct font size in all browsers. + */ + + small { + font-size: 80%; + } + + /** + * Prevent `sub` and `sup` elements from affecting the line height in + * all browsers. + */ + + sub, + sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; + } + + sub { + bottom: -0.25em; + } + + sup { + top: -0.5em; + } + + /* Embedded content + ========================================================================== */ + + /** + * Remove the border on images inside links in IE 10. + */ + + img { + border-style: none; + } + + /* Forms + ========================================================================== */ + + /** + * 1. Change the font styles in all browsers. + * 2. Remove the margin in Firefox and Safari. + */ + + button, + input, + optgroup, + select, + textarea { + font-family: inherit; /* 1 */ + font-size: 100%; /* 1 */ + line-height: 1.15; /* 1 */ + margin: 0; /* 2 */ + } + + /** + * Show the overflow in IE. + * 1. Show the overflow in Edge. + */ + + button, + input { /* 1 */ + overflow: visible; + } + + /** + * Remove the inheritance of text transform in Edge, Firefox, and IE. + * 1. Remove the inheritance of text transform in Firefox. + */ + + button, + select { /* 1 */ + text-transform: none; + } + + /** + * Correct the inability to style clickable types in iOS and Safari. + */ + + button, + [type="button"], + [type="reset"], + [type="submit"] { + -webkit-appearance: button; + } + + /** + * Remove the inner border and padding in Firefox. + */ + + button::-moz-focus-inner, + [type="button"]::-moz-focus-inner, + [type="reset"]::-moz-focus-inner, + [type="submit"]::-moz-focus-inner { + border-style: none; + padding: 0; + } + + /** + * Restore the focus styles unset by the previous rule. + */ + + button:-moz-focusring, + [type="button"]:-moz-focusring, + [type="reset"]:-moz-focusring, + [type="submit"]:-moz-focusring { + outline: 1px dotted ButtonText; + } + + /** + * Correct the padding in Firefox. + */ + + fieldset { + padding: 0.35em 0.75em 0.625em; + } + + /** + * 1. Correct the text wrapping in Edge and IE. + * 2. Correct the color inheritance from `fieldset` elements in IE. + * 3. Remove the padding so developers are not caught out when they zero out + * `fieldset` elements in all browsers. + */ + + legend { + box-sizing: border-box; /* 1 */ + color: inherit; /* 2 */ + display: table; /* 1 */ + max-width: 100%; /* 1 */ + padding: 0; /* 3 */ + white-space: normal; /* 1 */ + } + + /** + * Add the correct vertical alignment in Chrome, Firefox, and Opera. + */ + + progress { + vertical-align: baseline; + } + + /** + * Remove the default vertical scrollbar in IE 10+. + */ + + textarea { + overflow: auto; + } + + /** + * 1. Add the correct box sizing in IE 10. + * 2. Remove the padding in IE 10. + */ + + [type="checkbox"], + [type="radio"] { + box-sizing: border-box; /* 1 */ + padding: 0; /* 2 */ + } + + /** + * Correct the cursor style of increment and decrement buttons in Chrome. + */ + + [type="number"]::-webkit-inner-spin-button, + [type="number"]::-webkit-outer-spin-button { + height: auto; + } + + /** + * 1. Correct the odd appearance in Chrome and Safari. + * 2. Correct the outline style in Safari. + */ + + [type="search"] { + -webkit-appearance: textfield; /* 1 */ + outline-offset: -2px; /* 2 */ + } + + /** + * Remove the inner padding in Chrome and Safari on macOS. + */ + + [type="search"]::-webkit-search-decoration { + -webkit-appearance: none; + } + + /** + * 1. Correct the inability to style clickable types in iOS and Safari. + * 2. Change font properties to `inherit` in Safari. + */ + + ::-webkit-file-upload-button { + -webkit-appearance: button; /* 1 */ + font: inherit; /* 2 */ + } + + /* Interactive + ========================================================================== */ + + /* + * Add the correct display in Edge, IE 10+, and Firefox. + */ + + details { + display: block; + } + + /* + * Add the correct display in all browsers. + */ + + summary { + display: list-item; + } + + /* Misc + ========================================================================== */ + + /** + * Add the correct display in IE 10+. + */ + + template { + display: none; + } + + /** + * Add the correct display in IE 10. + */ + + [hidden] { + display: none; + } \ No newline at end of file diff --git a/css/sociaux.css b/css/sociaux.css new file mode 100644 index 0000000..0b059f5 --- /dev/null +++ b/css/sociaux.css @@ -0,0 +1,22 @@ +.sociaux{ + padding-top: 0.5em; +} +.sociaux ul {margin:0;padding:0;list-style:none;} +.sociaux li {display:inline-block;margin:0 0.2em 0.4em 0;} +.sociaux a {text-decoration:none;} +.sociaux a:focus, .sociaux a:hover, .sociaux a:active {background-color:transparent;} +.sociaux a.spip_out::after, .sociaux a.external::after { content: none; } +.sociaux .name { position:absolute; clip:rect(0 0 0 0); clip-path:inset(50%); height:1px; margin:0; overflow:hidden; padding:0; width:1px; white-space:nowrap; } +.sociaux .socicon { + /*display: block;*/ + font-size: 15px; + /*padding:.5em;*/ + /*border-radius:1em;*/ + color:var(--couleurpolices); + /*background-color: #fff;*/ + /*transition: background-color 0.2s;*/ +} +.sociaux .socicon:hover { + background-color:var(--couleursurvol); + color: #fff; +} /* doit rester en dernier pour être pris en compte ! */ \ No newline at end of file diff --git a/css/theme.css b/css/theme.css new file mode 100644 index 0000000..b987c08 --- /dev/null +++ b/css/theme.css @@ -0,0 +1,143 @@ +body { + display: block; + margin: 8px; + } + +.content{ + margin-bottom: 8px; + margin-left: auto; + margin-right: auto; + max-width: 800px; + word-wrap: break-word; +} + +header .bandeau { + display: flex; + flex-wrap: wrap; + justify-content: space-between; + margin: 1em 0; +} + +.header .site-description { + display: flex; + justify-content: space-between; +} + +nav li { + display:inline-block; + margin:0 0.2em 0.4em 0; +} +nav ul { + margin: 0; +} + +nav .pagination { + margin-top: 10em; +} + +.postes { + font-family: var(--policetitre); +} +.postes li { + margin: 0; +} + +.postes ul { + margin: 0; +} + +header .titre-site { + font-size: 1.5rem; +} + +.site-description { + font-family: var(--policecorps); +} + +ul .liste-item { + font-family: var(--policetitre); +} + +.liste-item time { + margin-bottom: 0em; + font-family: var(--policetitre); +} + +.liste-item p { + margin-bottom: 0em; + font-family: var(--policetitre); +} + +nav li{ + font-family: var(--policetitre); +} +/*Bouton de paginations*/ +.pagination .pagination-items { + list-style: none; + display: flex; + flex-wrap: wrap; + flex-direction: row; + justify-content: space-between; +} +.pagination .pagination-item { + margin: 0em; + flex-basis: 7.5%; + display: flex; + align-items: center;} +.pagination .pagination_precedent_suivant .pagination-item { + flex-basis: auto; + margin-top: 2em; +} +.pagination .pagination-item + .pagination-item { + margin-left: 0.5em +} +/*.pagination .pagination-item-label { + display:block; + flex-basis: 100%; + background: #f0f0f0; + text-decoration: none; + padding:.5em; + border-radius:.25em; + text-align: center; +}*/ +/*.pagination .on .pagination-item-label, +.pagination a.pagination-item-label:hover, +.pagination a.pagination-item-label:focus, +.pagination a.pagination-item-label:active { + background: #c41558; + color: #fff; +}*/ +/*.pagination .on .pagination-item-label { + font-weight: bold; +}*/ +.pagination .pagination_precedent_suivant .disabled { + visibility: hidden +} +.pagination .pagination-item.disabled {} +.pagination .pagination-item.disabled .pagination-item-label { + color:#888; + font-weight: normal;} +/* +.menu_articles .pagination strong { + font-size:1em; +}*/ + +/*Configuration des pages listants des articles (rubrique, article, tags)*/ +.listes-articles { + font-family: var(--policetitre); +} + +.listes-articles > li::before { + content: '* '; + font-weight: bold; + margin-left: 0em; +} + +.listes-articles > ul { + margin-left: 0em; + list-style-type: none; +} + /* Conf pied de page */ + .pied { + font-family: var(--policetitre ); + } \ No newline at end of file diff --git a/css/typo.css b/css/typo.css new file mode 100644 index 0000000..60073f9 --- /dev/null +++ b/css/typo.css @@ -0,0 +1,649 @@ +/*! Typographical base - Tiny Typo v2.5.5 2017 - MIT License - tinytypo.tetue.net */ +/* ------------------------------------------------------------------------------ */ +/* Sets up some sensible default typography */ +html { + font-size: 15px; + line-height: 1.6em; + font-family: Roboto-Mono; + -ms-text-size-adjust: 100%; + -webkit-text-size-adjust: 100%; + color: var(--couleurpolices); + } + /* Cf.: http://www.pompage.net/pompe/definir-des-tailles-de-polices-en-CSS/ + et http://forum.alsacreations.com/topic-4-54377-1.html + [en] http://stackoverflow.com/questions/2703056/body-font-size-100-01-vs-body-font-size-100 */ + + /* Orientation iOS5 font-size fix */ + @media (orientation: landscape) and (max-device-width: 640px) { + html, + body { + -webkit-text-size-adjust: 100%; + } + } + /* Fonts */ + .font1 { + font-family: serif; + } + .font2 { + font-family: sans-serif; + } + .font3 { + font-family: monospace, monospace; + } + .font4 { + font-family: fantasy; + } + /* Headings */ + h1, + .h1, + h2, + .h2, + h3, + .h3, + h4, + .h4, + h5, + .h5, + h6, + .h6 { + display: block; + margin: 0; + padding: 0; + font-family: var(--policetitre); + font-size: 100%; + font-weight: normal; + } + h1, + .h1 { + font-size: 1.2em; + margin-top: 2em; + margin-bottom: 1em; + } + +h1::before { + color: var(--couleurprincipal); + content: '# '; + } + h2, + .h2 { + font-size: 1.1em; + line-height: 1; + margin-top: 1.8em; + } + + h2::before { + color: var(--couleurprincipal); + content: '## '; + } + + h3, + .h3 { + font-size: 1em; + line-height: 1.2; + margin-top: 1.5em; + } + + h3::before { + color: var(--couleurprincipal); + content: '### '; + } + h4, +.h4 { + font-size: 1.1em; + line-height: 1.364; + margin-bottom: 1.364em; +} +h5, +.h5 { + font-size: 1em; + font-weight: bold; + margin-bottom: 1.5em; +} +h6, +.h6 { + font-size: 1em; + font-weight: bold; +} + h1 small, + .h1 small, + h2 small, + .h2 small, + h3 small, + .h3 small, + h4 small, + .h4 small, + h5 small, + .h5 small, + h6 small, + .h6 small { + font-size: 60%; + line-height: 0; + } + hr { + border: 0; + border-top: 3px dotted var(--couleurprincipal); + margin: 1em 0; + /*-moz-box-sizing: content-box; + box-sizing: content-box; + height: 0; + overflow: visible; + margin: 1.5em 0; + border: solid; + border-width: 1px 0 0;*/ + } + /* Typographical enhancements */ + em, + i, + .i { + font-style: italic; + } + strong, + b, + .b { + font-weight: bold; + } + mark, + .mark { + background: #ff0; + color: #000; + } + .smaller { + font-size: 75%; + } + small, + .small { + font-size: 80%; + } + big, + .big { + font-size: 130%; + } + .bigger { + font-size: 175%; + } + .biggest { + font-size: 200%; + } + abbr[title], + acronym[title] { + text-decoration: none; + border-bottom: .1em dotted; + cursor: help; + } + +time { + color: grey; +} + @media print { + abbr[title] { + border-bottom: 0; + } + abbr[title]:after { + content: " (" attr(title) ")"; + } + } + dfn, + .dfn { + font-weight: bold; + font-style: italic; + } + s, + strike, + del, + .del { + opacity: .5; + text-decoration: line-through; + } + ins, + .ins { + background-color: rgba(255, 255, 204, 0.5); + text-decoration: none; + } + u, + .u { + text-decoration: underline; + } + sup, + .sup, + sub, + .sub { + position: relative; + font-size: 80%; + font-variant: normal; + line-height: 0; + vertical-align: baseline; + } + sup, + .sup { + top: -0.5em; + } + sub, + .sub { + bottom: -0.25em; + } + .lead { + font-size: 120%; + } + .quiet { + color: #555555; + } + .lw { + text-transform: lowercase; + } + .up { + text-transform: uppercase; + letter-spacing: .05em; + } + .sc { + text-transform: lowercase; + font-variant: small-caps; + letter-spacing: .05em; + } + .caps { + font-variant: small-caps; + letter-spacing: .05em; + } + /* Alignment */ + .text-left { + text-align: left; + } + .text-right { + text-align: right; + } + .text-center { + text-align: center; + } + .text-justify { + text-align: justify; + text-justify: newspaper; + } + /* Lists */ + ul, + ol, + li, + dl, + dt, + dd { + margin: 0; + padding: 0; + } + ul { + list-style-type: disc; + } + ul ul { + list-style-type: circle; + } + ul ul ul { + list-style-type: square; + } + ol { + list-style-type: decimal; + } + ol ol { + list-style-type: lower-alpha; + } + ol ol ol { + list-style-type: lower-greek; + } + ul ul, + ol ol, + ul ol, + ol ul { + margin-top: 0; + margin-bottom: 0; + } + ol, + ul { + margin-left: 1.5em; + -webkit-margin-before: 0; + -webkit-margin-after: 0; + } + dt { + font-weight: bold; + } + dd { + margin-left: 1.5em; + } + /* Old - don't use this */ + .list-none { + margin-left: 0; + list-style: none; + } + .list-none li:before { + content: ''; + } + .list-square { + margin-left: 1.5em; + list-style: square; + } + .list-square li:before { + content: ''; + } + .list-disc { + margin-left: 1.5em; + list-style: disc; + } + .list-disc li:before { + content: ''; + } + .list-circle { + margin-left: 1.5em; + list-style: circle; + } + .list-circle li:before { + content: ''; + } + .list-decimal { + margin-left: 1.5em; + list-style: decimal; + } + .list-decimal li:before { + content: ''; + } + .list-inline { + margin-left: 0; + } + .list-inline li { + display: inline-block; + margin: 0; + margin-right: 1em; + } + .list-inline li:Last-Child { + margin-right: 0; + } + .list-inline.list-inline-sep li { + margin-right: 0; + } + .list-inline.list-inline-sep li:after { + content: " | "; + } + .list-inline.list-inline-sep li:Last-Child:after { + content: ''; + } + .list-inline.list-inline-dash li { + margin-right: 0; + } + .list-inline.list-inline-dash li:after { + content: " - "; + } + .list-inline.list-inline-dash li:Last-Child:after { + content: ''; + } + .list-inline.list-inline-comma li { + margin-right: 0; + } + .list-inline.list-inline-comma li:after { + content: ", "; + } + .list-inline.list-inline-comma li:Last-Child:after { + content: ". "; + } + .list-block li { + display: block; + margin-right: 0; + } + /* Tables */ + table { + max-width: 100%; + border-collapse: collapse; + border-spacing: 0; + } + .table { + width: 100%; + } + .table caption, + .table th, + .table td { + padding: 0.375em; + } + .table caption { + font-weight: bold; + text-align: left; + border-bottom: 2px solid; + } + .table th { + font-weight: bold; + } + .table th, + .table td { + border-bottom: 1px solid; + } + .table thead th { + vertical-align: bottom; + } + .table tbody tr:hover td { + background-color: rgba(34, 34, 34, 0.050000000000000044); + } + .table tfoot { + font-style: italic; + } + .table tfoot td { + border-bottom: 0; + vertical-align: top; + } + @media (max-width: 640px) { + .scroll { + width: 100%; + overflow-y: hidden; + overflow-x: scroll; + margin-bottom: 1.5em; + } + .scroll table { + width: 100%; + margin-bottom: 0; + } + .scroll thead, + .scroll tbody, + .scroll tfoot, + .scroll tr, + .scroll th, + .scroll td { + white-space: nowrap; + } + } + /* Quotes, code and poetry */ + q { + quotes: "\201C" "\201D" "\2018" "\2019"; + } + :lang(en) > q { + quotes: "\201C" "\201D" "\2018" "\2019"; + } + :lang(fr) > q { + quotes: "\00AB\A0" "\A0\00BB" "\201C" "\201D" "\2018" "\2019"; + } + :lang(es) > q { + quotes: "\00AB" "\00BB" "\201C" "\201D"; + } + :lang(it) > q { + quotes: "\00AB\A0" "\A0\00BB" "\201C" "\201D"; + } + :lang(de) > q { + quotes: "\00BB" "\00AB" "\203A" "\2039"; + } + :lang(no) > q { + quotes: "\00AB\A0" "\A0\00BB" "\2039" "\203A"; + } + /* [en] http://en.wikipedia.org/wiki/International_variation_in_quotation_marks */ + q:before { + content: open-quote; + } + q:after { + content: close-quote; + } + /* [fr] http://www.iamvdo.me/blog/n-oubliez-pas-la-propriete-css-quotes */ + blockquote { + z-index: 0; + position: relative; + margin-left: 0; + margin-right: 0; + padding-left: 1.5em; + border: solid rgba(102, 102, 102, 0.19999999999999996); + border-width: 0 0 0 5px; + } + blockquote:before { + z-index: -1; + position: absolute; + left: 0; + top: 0; + content: "\00AB"; + line-height: 0; + font-size: 10rem; + color: rgba(102, 102, 102, 0.09999999999999998); + } + blockquote p:last-of-type { + margin-bottom: 0; + } + blockquote footer, + blockquote .src { + display: block; + font-size: 80%; + } + blockquote footer:before, + blockquote .src:before { + content: "\2014 \00A0"; + } + cite, + .cite { + font-style: italic; + } + address { + font-style: normal; + } + /* pre and code */ + pre, + code, + var, + samp, + kbd, + tt, + .tt { + font-family: monospace, monospace; + font-size: 1em; + } + pre { + -moz-tab-size: 4; + tab-size: 4; + overflow-x: auto; + } + @media print { + pre { + overflow: hidden; + white-space: pre-wrap; + word-wrap: break-word; + } + } + kbd { + white-space: nowrap; + padding: .1em .3em; + background-color: #eee; + border: 1px solid #aaa; + border-radius: 4px; + box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px #ffffff inset; + color: #333; + } + samp { + font-weight: bold; + } + var { + font-style: italic; + } + /* Box */ + .box { + display: block; + margin-bottom: 1.5em; + padding: 1.5em 1.5em; + padding-bottom: .1em; + border: 1px solid; + } + @media print { + .box { + border: 1px solid !important; + } + } + @media (min-width: 640px) { + .box.right { + width: 33%; + margin-left: 1.5em; + } + .box.left { + width: 33%; + margin-right: 1.5em; + } + .box.center { + width: 75%; + } + } + /* Paragraphs */ + p, + .p, + ul, + ol, + dl, + dd, + blockquote, + address, + pre, + .table, + fieldset { + margin-top: 0; + margin-bottom: 1.5em; + font-family: var(--policecorps); + } + /* Typography for small screens + [fr] http://www.alsacreations.com/astuce/lire/1177 */ + @media (max-width: 640px) { + /* Set a maximum width of 100% for potentially problematic elements */ + img, + table, + td, + blockquote, + code, + pre, + textarea, + input, + iframe, + object, + embed, + video { + max-width: 100% !important; + } + /* long words */ + textarea, + table, + td, + th, + code, + samp { + word-wrap: break-word; + } + } + /* Print styles from HTML5 Boilerplate + Inlined to avoid required HTTP connection: h5bp.com/r */ + @media print { + pre, + blockquote { + page-break-inside: avoid; + } + thead { + display: table-header-group; + } + tr, + img { + page-break-inside: avoid; + } + @page { + margin: 2cm .5cm; + } + p, + h2, + h3 { + orphans: 3; + widows: 3; + } + h2, + h3 { + page-break-after: avoid; + } + } + + \ No newline at end of file diff --git a/css/variables.css b/css/variables.css new file mode 100644 index 0000000..f520009 --- /dev/null +++ b/css/variables.css @@ -0,0 +1,10 @@ +:root{ + --couleurprincipal: red; + --couleurpolices: #232333; + --couleurautre:rebeccapurple; + --couleurautresombre:dodgerblue; + --couleursurvol:navy; + --couleurprincipalsombre: #50fa7b; + --policetitre: Roboto-Mono; + --policecorps: Fira-Sans; + } \ No newline at end of file diff --git a/images/archil-16.png b/images/archil-16.png new file mode 100644 index 0000000..c05bb64 Binary files /dev/null and b/images/archil-16.png differ diff --git a/images/archil-24.png b/images/archil-24.png new file mode 100644 index 0000000..2451d0f Binary files /dev/null and b/images/archil-24.png differ diff --git a/images/archil-32.png b/images/archil-32.png new file mode 100644 index 0000000..5dcc7a9 Binary files /dev/null and b/images/archil-32.png differ diff --git a/images/archil-64.png b/images/archil-64.png new file mode 100644 index 0000000..948a352 Binary files /dev/null and b/images/archil-64.png differ diff --git a/inclure/footer.html b/inclure/footer.html new file mode 100644 index 0000000..44961fd --- /dev/null +++ b/inclure/footer.html @@ -0,0 +1,10 @@ + +
+
+

+ [(#DATE|annee|!={#VAL{Y}|date}|oui)[(#DATE|annee)]] - [(#DATE|annee) ]#NOM_SITE_SPIP | + <:archil:propulse_par:>SPIP | + <:archil:habillage_par:>Archil | +

+
+ \ No newline at end of file diff --git a/inclure/head.html b/inclure/head.html new file mode 100644 index 0000000..55c6cf0 --- /dev/null +++ b/inclure/head.html @@ -0,0 +1,42 @@ +[(#REM) + Head standard de toutes les pages ; + les elements specifiques (title, description) figurent dans chaque squelette + +] + + + +[(#REM) Lien vers le flux RSS du site ] +[] + [(#REM) + On appelle les feuilles de style + dans l'ordre de la methode daisy http://daisy.tetue.net/img/daisy-nomenclature.png + + 1. Base CSS http://tinytypo.tetue.net/ ] +[] +[] +[] +[] +[] +[] +[] + +[(#REM) + Balise permettant aux plugins d'inserer des appels javascript ; + 4. C'est ici que SPIP va inserer l'appel de la librairie jQuery + 5. Et appeler a la fin compacte_head pour agreger et compacter tout le head dans des fichiers statiques si l'option est cochee dans Configuration +] +#INSERT_HEAD + +[(#REM) 6. Vos scripts ] +[] + +[(#REM) Fierement fabrique avec SPIP ] +[] + +[(#REM) Favicon ] +[ +[]] + +[(#REM) meta robots ] +[] \ No newline at end of file diff --git a/inclure/header.html b/inclure/header.html new file mode 100644 index 0000000..f16a5ea --- /dev/null +++ b/inclure/header.html @@ -0,0 +1,15 @@ +
+
+
+ #NOM_SITE_SPIP + + +
+
+

#SLOGAN_SITE_SPIP

+
+
+ +
+ + diff --git a/inclure/nav.html b/inclure/nav.html new file mode 100644 index 0000000..55a43c8 --- /dev/null +++ b/inclure/nav.html @@ -0,0 +1,9 @@ + + + \ No newline at end of file diff --git a/inclure/recents.html b/inclure/recents.html new file mode 100644 index 0000000..474cf75 --- /dev/null +++ b/inclure/recents.html @@ -0,0 +1,15 @@ + +
+ #ANCRE_PAGINATION + + [] +
+ \ No newline at end of file diff --git a/inclure/sociaux.html b/inclure/sociaux.html new file mode 100644 index 0000000..4fe8874 --- /dev/null +++ b/inclure/sociaux.html @@ -0,0 +1,14 @@ +[(#REM) +liste les liens vers les réseaux sociaux modifier pour archil (Ajout du pipe |) + +on associe les classes de socicon si l'option est activée +http://www.socicon.com/how.php + +] +
+ +
+ \ No newline at end of file diff --git a/lang/archil_fr.php b/lang/archil_fr.php new file mode 100644 index 0000000..7d44dcb --- /dev/null +++ b/lang/archil_fr.php @@ -0,0 +1,17 @@ + 'Accueil', +// H +'habillage_par' => 'Déguisé avec ', +// L +'lire_la_suite' => 'Lire la suite →', +// P +'publie_le' => 'Publié le', +'propulse_par' => 'Catapulté par ', +); \ No newline at end of file diff --git a/mot.html b/mot.html new file mode 100644 index 0000000..4238cb0 --- /dev/null +++ b/mot.html @@ -0,0 +1,57 @@ + + + + + + [(#TITRE|couper{80}|textebrut) - ][(#NOM_SITE_SPIP|textebrut)] + [] + [] + + [(#REM) Lien vers le flux RSS des articles du mot cle ] + + + + + + + +
+ [(#REM) Contenu principal : contenu du mot-cle ] +
+

#TITRE

+
+ + [
(#TEXTE)
] + + [(#REM) Articles lies au mot-cle ] + +
+ #ANCRE_PAGINATION +
    + +
  • + #TITRE +
    • + +
+ [] +
+ + + [(#REM) Sites web lies au mot-cle ] + +
+

<:sites_web:>

+ +
+ +
+ + + + + \ No newline at end of file diff --git a/paquet.xml b/paquet.xml index 743bef2..f3e2204 100644 --- a/paquet.xml +++ b/paquet.xml @@ -1,11 +1,10 @@ Archil @@ -20,10 +19,8 @@ Typographie, Apache license 2.0 for Roboto Mono (https://github.com/googlefonts/roboto/blob/main/LICENSE) Typographie, SIL Open Font License for IBM Plex Mono (https://github.com/IBM/plex/blob/master/LICENSE.txt) - - - - + + diff --git a/polices/FiraSans-Regular.otf b/polices/FiraSans-Regular.otf new file mode 100644 index 0000000..98ef98c Binary files /dev/null and b/polices/FiraSans-Regular.otf differ diff --git a/polices/FiraSans-Regular.woff b/polices/FiraSans-Regular.woff new file mode 100644 index 0000000..1d9c154 Binary files /dev/null and b/polices/FiraSans-Regular.woff differ diff --git a/polices/RobotoMono-Bold.ttf b/polices/RobotoMono-Bold.ttf new file mode 100644 index 0000000..07ef607 Binary files /dev/null and b/polices/RobotoMono-Bold.ttf differ diff --git a/polices/RobotoMono-Bold.woff b/polices/RobotoMono-Bold.woff new file mode 100644 index 0000000..79bab26 Binary files /dev/null and b/polices/RobotoMono-Bold.woff differ diff --git a/polices/RobotoMono-Regular.ttf b/polices/RobotoMono-Regular.ttf new file mode 100644 index 0000000..b158a33 Binary files /dev/null and b/polices/RobotoMono-Regular.ttf differ diff --git a/polices/RobotoMono-Regular.woff b/polices/RobotoMono-Regular.woff new file mode 100644 index 0000000..26fc9bb Binary files /dev/null and b/polices/RobotoMono-Regular.woff differ diff --git a/polices/fira-sans-v10-latin-regular.eot b/polices/fira-sans-v10-latin-regular.eot new file mode 100644 index 0000000..7abf4c2 Binary files /dev/null and b/polices/fira-sans-v10-latin-regular.eot differ diff --git a/polices/fira-sans-v10-latin-regular.svg b/polices/fira-sans-v10-latin-regular.svg new file mode 100644 index 0000000..1e52097 --- /dev/null +++ b/polices/fira-sans-v10-latin-regular.svg @@ -0,0 +1,330 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/polices/fira-sans-v10-latin-regular.ttf b/polices/fira-sans-v10-latin-regular.ttf new file mode 100644 index 0000000..572e442 Binary files /dev/null and b/polices/fira-sans-v10-latin-regular.ttf differ diff --git a/polices/fira-sans-v10-latin-regular.woff b/polices/fira-sans-v10-latin-regular.woff new file mode 100644 index 0000000..d99ba57 Binary files /dev/null and b/polices/fira-sans-v10-latin-regular.woff differ diff --git a/polices/fira-sans-v10-latin-regular.woff2 b/polices/fira-sans-v10-latin-regular.woff2 new file mode 100644 index 0000000..9bb5760 Binary files /dev/null and b/polices/fira-sans-v10-latin-regular.woff2 differ diff --git a/polices/ibm-plex-mono-v6-latin-500italic.eot b/polices/ibm-plex-mono-v6-latin-500italic.eot new file mode 100644 index 0000000..62b89b3 Binary files /dev/null and b/polices/ibm-plex-mono-v6-latin-500italic.eot differ diff --git a/polices/ibm-plex-mono-v6-latin-500italic.svg b/polices/ibm-plex-mono-v6-latin-500italic.svg new file mode 100644 index 0000000..6423805 --- /dev/null +++ b/polices/ibm-plex-mono-v6-latin-500italic.svg @@ -0,0 +1,365 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/polices/ibm-plex-mono-v6-latin-500italic.ttf b/polices/ibm-plex-mono-v6-latin-500italic.ttf new file mode 100644 index 0000000..e4d1ddf Binary files /dev/null and b/polices/ibm-plex-mono-v6-latin-500italic.ttf differ diff --git a/polices/ibm-plex-mono-v6-latin-500italic.woff b/polices/ibm-plex-mono-v6-latin-500italic.woff new file mode 100644 index 0000000..4504b41 Binary files /dev/null and b/polices/ibm-plex-mono-v6-latin-500italic.woff differ diff --git a/polices/ibm-plex-mono-v6-latin-500italic.woff2 b/polices/ibm-plex-mono-v6-latin-500italic.woff2 new file mode 100644 index 0000000..489745d Binary files /dev/null and b/polices/ibm-plex-mono-v6-latin-500italic.woff2 differ diff --git a/polices/roboto-mono-v12-latin-regular.eot b/polices/roboto-mono-v12-latin-regular.eot new file mode 100644 index 0000000..8c56483 Binary files /dev/null and b/polices/roboto-mono-v12-latin-regular.eot differ diff --git a/polices/roboto-mono-v12-latin-regular.svg b/polices/roboto-mono-v12-latin-regular.svg new file mode 100644 index 0000000..1864328 --- /dev/null +++ b/polices/roboto-mono-v12-latin-regular.svg @@ -0,0 +1,405 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/polices/roboto-mono-v12-latin-regular.ttf b/polices/roboto-mono-v12-latin-regular.ttf new file mode 100644 index 0000000..d5dee83 Binary files /dev/null and b/polices/roboto-mono-v12-latin-regular.ttf differ diff --git a/polices/roboto-mono-v12-latin-regular.woff b/polices/roboto-mono-v12-latin-regular.woff new file mode 100644 index 0000000..f319fbf Binary files /dev/null and b/polices/roboto-mono-v12-latin-regular.woff differ diff --git a/polices/roboto-mono-v12-latin-regular.woff2 b/polices/roboto-mono-v12-latin-regular.woff2 new file mode 100644 index 0000000..ed384d2 Binary files /dev/null and b/polices/roboto-mono-v12-latin-regular.woff2 differ diff --git a/rubrique.html b/rubrique.html new file mode 100644 index 0000000..b31dd08 --- /dev/null +++ b/rubrique.html @@ -0,0 +1,50 @@ + + + + + + [(#TITRE|couper{80}|textebrut) - ][(#NOM_SITE_SPIP|textebrut)] + [] + [] + + + + +
+ + + +
+ [(#REM) Contenu principal : contenu de la rubrique ] +
+
+
+

#TITRE

+
+ + + + [(#REM) Articles de la rubrique ] + +
+ #ANCRE_PAGINATION +
    + +
  • + #TITRE +
    • + +
+ [] +
+ +
+
+
+ + + +
+ + + \ No newline at end of file diff --git a/sommaire.html b/sommaire.html new file mode 100644 index 0000000..d33c566 --- /dev/null +++ b/sommaire.html @@ -0,0 +1,26 @@ + + + + + [(#NOM_SITE_SPIP|textebrut)][ - (#SLOGAN_SITE_SPIP|textebrut)] + [] + + + + +
+ + + +
+
+ [
(#DESCRIPTIF_SITE_SPIP)
] + +
+
+ + + +
+ + \ No newline at end of file