commit e9e2af423557b50c416b68559bab7786bee35ff2 Author: Quentin Dufour Date: Tue May 10 17:52:28 2022 +0200 Initial commit 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 0000000..ca809d6 Binary files /dev/null and b/content/favicon.ico differ diff --git a/content/formation.md b/content/formation.md new file mode 100644 index 0000000..cdef9c9 --- /dev/null +++ b/content/formation.md @@ -0,0 +1,9 @@ ++++ +title = "Formations" +description = "Formations" +weight = 1 ++++ + +# Les formations + +Ceci est un manuel diff --git a/content/juice.svg b/content/juice.svg new file mode 100644 index 0000000..d952b50 --- /dev/null +++ b/content/juice.svg @@ -0,0 +1,48 @@ + \ 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.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