From e9e2af423557b50c416b68559bab7786bee35ff2 Mon Sep 17 00:00:00 2001 From: Quentin Dufour Date: Tue, 10 May 2022 17:52:28 +0200 Subject: [PATCH] Initial commit --- config.toml | 22 ++ content/_index.md | 9 + content/administration/_index.md | 9 + content/administration/nixos.md | 9 + content/favicon.ico | Bin 0 -> 15406 bytes content/formation.md | 9 + content/juice.svg | 48 +++++ sass/_markdown.scss | 45 ++++ sass/_text.scss | 39 ++++ sass/_ultility.scss | 13 ++ sass/juice.scss | 194 +++++++++++++++++ static/normalize.css | 349 +++++++++++++++++++++++++++++++ templates/_macros.html | 20 ++ templates/_variables.html | 15 ++ templates/index.html | 154 ++++++++++++++ templates/page.html | 15 ++ templates/section.html | 1 + templates/shortcodes/issue.html | 1 + 18 files changed, 952 insertions(+) create mode 100644 config.toml create mode 100644 content/_index.md create mode 100644 content/administration/_index.md create mode 100644 content/administration/nixos.md create mode 100644 content/favicon.ico create mode 100644 content/formation.md create mode 100644 content/juice.svg create mode 100644 sass/_markdown.scss create mode 100644 sass/_text.scss create mode 100644 sass/_ultility.scss create mode 100644 sass/juice.scss create mode 100644 static/normalize.css create mode 100644 templates/_macros.html create mode 100644 templates/_variables.html create mode 100644 templates/index.html create mode 100644 templates/page.html create mode 100644 templates/section.html create mode 100644 templates/shortcodes/issue.html diff --git a/config.toml b/config.toml new file mode 100644 index 0000000..dc08fe1 --- /dev/null +++ b/config.toml @@ -0,0 +1,22 @@ +# The URL the site will be built for +base_url = "https://man.deuxfleurs.fr" + +# Whether to automatically compile all Sass files in the sass directory +compile_sass = true + +# Whether to build a search index to be used later on by a JavaScript library +build_search_index = true + +[markdown] +# Whether to do syntax highlighting +# Theme can be customised by setting the `highlight_theme` variable to a theme supported by Zola +highlight_code = true + +[extra] +# Put all your custom variables here +juice_logo_name = "man.deuxfleurs.fr" +juice_logo_path = "juice.svg" +juice_extra_menu = [ + { title = "Contribuer", link = "https://git.deuxfleurs.fr/Deuxfleurs/man.deuxfleurs.fr"} +] +repository_url = "https://git.deuxfleurs.fr/Deuxfleurs/man.deuxfleurs.fr" diff --git a/content/_index.md b/content/_index.md new file mode 100644 index 0000000..3430a4d --- /dev/null +++ b/content/_index.md @@ -0,0 +1,9 @@ ++++ +title = "Services" +sort_by = "weight" ++++ + +# Les services + +Ceci est un manuel + diff --git a/content/administration/_index.md b/content/administration/_index.md new file mode 100644 index 0000000..78ba7b1 --- /dev/null +++ b/content/administration/_index.md @@ -0,0 +1,9 @@ ++++ +title = "Administration" +description = "Administration" +weight = 1 ++++ + +# Administration + +Ceci est un manuel diff --git a/content/administration/nixos.md b/content/administration/nixos.md new file mode 100644 index 0000000..c1cc3f4 --- /dev/null +++ b/content/administration/nixos.md @@ -0,0 +1,9 @@ ++++ +title = "NixOS" +description = "NixOS" +weight = 1 ++++ + +# NixOS + +Ceci est un manuel diff --git a/content/favicon.ico b/content/favicon.ico new file mode 100644 index 0000000000000000000000000000000000000000..ca809d66ba452433614e0e008442e0910041af35 GIT binary patch literal 15406 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 \ No newline at end of file diff --git a/sass/_markdown.scss b/sass/_markdown.scss new file mode 100644 index 0000000..262c030 --- /dev/null +++ b/sass/_markdown.scss @@ -0,0 +1,45 @@ +.content { + padding: 0 40px; + display: flex; + flex-direction: column; + overflow-x: auto; +} + +.content pre { + overflow-x: auto; + padding: 1.25em 1.5em; + white-space: pre; + word-wrap: normal; + background-color: white; + color: #4a4a4a; + font-size: .875em; + font-family: monospace; +} + +.content code { + background-color: white; + color: #4a4a4a; + font-size: .875em; + font-weight: normal; + padding: 0.25em 0.5em; + font-family: monospace; +} + +.content pre code { + padding: 0; +} + +.content a { + color: var(--primary-link-color); + + &:hover { + text-decoration: underline; + } +} + +.content blockquote { + border-left: #e2dede 8px solid; + margin: 0; + background-color: #f2f1f0; + padding: 0 20px; +} diff --git a/sass/_text.scss b/sass/_text.scss new file mode 100644 index 0000000..40f47c9 --- /dev/null +++ b/sass/_text.scss @@ -0,0 +1,39 @@ +.heading-text { + font-family: "Fira Sans", sans-serif; + font-size: 32px; + font-weight: 600; + padding: 10px 0 25px 0; + color: var(--primary-text-color); +} + +h1, .title-text { + font-family: "Fira Sans", sans-serif; + font-size: 25px; + font-weight: 500; + color: var(--primary-text-color); + border-left: var(--primary-color) 8px solid; + padding-left: 10px; +} + +h2, .subtitle-text { + font-family: "Fira Sans", sans-serif; + font-size: 20px; + font-weight: 500; + color: var(--primary-text-color); +} + +.text { + font-family: "Fira Sans", sans-serif; + font-size: 18px; + font-weight: 400; + line-height: 26px; + letter-spacing: 0.2px; + color: var(--primary-text-color); +} + +.subtext { + font-family: "Fira Sans", sans-serif; + font-size: 16px; + font-weight: 400; + letter-spacing: 0.1px; +} \ No newline at end of file diff --git a/sass/_ultility.scss b/sass/_ultility.scss new file mode 100644 index 0000000..e51f8dc --- /dev/null +++ b/sass/_ultility.scss @@ -0,0 +1,13 @@ +.text-center { + text-align: center; +} + +.pos-absolute { + right: 0; + left: 0; + position: absolute; +} + +.box-shadow { + box-shadow: 0 2px 10px 2px #ddd; +} \ No newline at end of file diff --git a/sass/juice.scss b/sass/juice.scss new file mode 100644 index 0000000..d2069af --- /dev/null +++ b/sass/juice.scss @@ -0,0 +1,194 @@ +@import "_ultility.scss"; +@import "_text.scss"; +@import "_markdown.scss"; + +body { + padding: 0; + margin: 0; + box-sizing: border-box; + background-color: var(--secondary-color); + display: flex; + flex-direction: column; + min-height: 100vh; +} + +a { + text-decoration: none; +} + +ul { + margin-top: 0.5rem; +} + +ul > li { + padding: 0.3rem 0; +} + +p > img { + width: 100%; + height: auto; +} + +header { + background-color: var(--primary-color); + color: black; + padding: 20px 50px; + display: flex; + align-items: center; + justify-content: space-between; +} + +.logo { + font-family: "Alfa Slab One", serif; + font-size: 32px; + color: var(--primary-text-color); + display: flex; + align-items: center; + margin: 0 40px; + + img { + width: 60px; + margin: 0 25px; + } +} + +.nav-item { + margin: 0 10px; + text-decoration: none; + font-size: 18px; + font-weight: bold; + + &:hover { + color: #000; + text-decoration: underline; + } +} + +.hero { + display: flex; + align-items: center; + justify-content: space-evenly; + height: 100vh; + background-color: var(--primary-color); + overflow-x: hidden; + padding: 0 40px; + + .explore-more { + position: absolute; + bottom: 20px; + cursor: pointer; + } +} + +main { + display: flex; + padding: 50px 100px; + flex-grow: 1; + + .toc { + max-width: 260px; + min-width: 240px; + } + + .toc-item { + padding: 10px 20px; + color: #424242; + } + + .toc-item a, .toc-item-child a { + color: var(--secondary-text-color); + + &:hover { + cursor: pointer; + text-decoration: underline; + } + } + + .toc-item a.active, .toc-item-child a.active { + color: var(--toc-highlight-text-color); + } + + .toc-item-child { + padding: 0 30px 5px; + color: #424242; + } + +} + +.toc-sticky { + border-radius: 3px; + border-top: 5px solid var(--primary-color); + background-color: white; + position: sticky; + position: -webkit-sticky; + position: -moz-sticky; + position: -ms-sticky; + position: -o-sticky; + top: 10px; + padding: 10px 0 20px; + max-height: 100vh; + overflow: auto; +} + +footer { + padding: 50px; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + background-color: #202020; + color: #fcfcfc; + + a { + color: #fcfcfc; + text-decoration: underline; + } +} + +@media screen and (min-width: 1280px) { + .content { + max-width: 60%; + min-width: 800px; + } +} + +@media screen and (max-width: 768px) { + header { + padding: 10px 30px; + flex-direction: column; + align-items: center; + justify-content: center; + } + + .logo { + font-size: 28px; + margin: 10px; + + img { + width: 45px; + margin: 0 10px 0 0; + } + } + + .nav-item { + margin: 0 5px; + font-size: 14px; + } + + .hero { + padding: 40px 30px; + } + + main { + padding: 30px; + } + + .content { + padding: 0; + } + + .explore-more, .toc { + display: none; + } + +} diff --git a/static/normalize.css b/static/normalize.css new file mode 100644 index 0000000..192eb9c --- /dev/null +++ b/static/normalize.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; +} diff --git a/templates/_macros.html b/templates/_macros.html new file mode 100644 index 0000000..88a2f47 --- /dev/null +++ b/templates/_macros.html @@ -0,0 +1,20 @@ +{% macro render_header() %} +{% set section = get_section(path="_index.md") %} + + + + + +{% endmacro render_header %} \ No newline at end of file diff --git a/templates/_variables.html b/templates/_variables.html new file mode 100644 index 0000000..8480408 --- /dev/null +++ b/templates/_variables.html @@ -0,0 +1,15 @@ + diff --git a/templates/index.html b/templates/index.html new file mode 100644 index 0000000..3afc311 --- /dev/null +++ b/templates/index.html @@ -0,0 +1,154 @@ +{% import "_macros.html" as macros %} + + + + + + {% block title %}{{ config.title }}{% endblock title %} + + {% block favicon %} + + {% endblock favicon %} + {% include "_variables.html" %} + + + + + {% block head %} + {% endblock head %} + + + + {% block header %} +
+ {{ macros::render_header() }} +
+ + {#
+ {{ macros::render_header() }} +
#} + + {#
+ {% block hero %} + +
+

+ Build your static website +

+

+ Juice is an intuitive, elegant, and lightweight Zola theme for product websites. +

+
+ Star + Fork +
+
+ + +
+ Explore More ⇩ +
+ + {% endblock hero %} +
+ #} + {% endblock header %} + +
+ {% block toc %} + {% if section.toc %} + {% set toc = section.toc %} + {% elif page.toc %} + {% set toc = page.toc %} + {% endif %} + {% if toc %} +
+
+ {% for h in toc %} +
+ {{ h.title }} +
+ {% if h.children %} + {% for h2 in h.children %} +
+ - {{ h2.title }} +
+ {% endfor %} + {% endif %} + {% endfor %} +
+
+ {% endif %} + {% endblock toc %} + +
+ {% block content %} +
Overview
+ {{ section.content | safe }} + {% endblock content %} +
+ + {% block sidebar %} + {% endblock sidebar %} +
+ + {% block footer %} + + {% endblock footer %} + + + + diff --git a/templates/page.html b/templates/page.html new file mode 100644 index 0000000..c6d8610 --- /dev/null +++ b/templates/page.html @@ -0,0 +1,15 @@ +{% import "_macros.html" as macros %} +{% extends "index.html" %} + +{% block title %}{{ page.title }} | {{ super() }} {% endblock title %} + +{% block header %} +
+ {{ macros::render_header() }} +
+{% endblock header %} + +{% block content %} +
{{ page.description }}
+{{ page.content | safe }} +{% endblock content %} \ No newline at end of file diff --git a/templates/section.html b/templates/section.html new file mode 100644 index 0000000..09763b9 --- /dev/null +++ b/templates/section.html @@ -0,0 +1 @@ +{% extends "index.html" %} diff --git a/templates/shortcodes/issue.html b/templates/shortcodes/issue.html new file mode 100644 index 0000000..3006d9b --- /dev/null +++ b/templates/shortcodes/issue.html @@ -0,0 +1 @@ +#{{ id }} \ No newline at end of file