diff --git a/src/_includes/icons/arrow.svg b/src/_includes/icons/arrow.svg deleted file mode 100644 index 153b9ee..0000000 --- a/src/_includes/icons/arrow.svg +++ /dev/null @@ -1,13 +0,0 @@ - diff --git a/src/_includes/layouts/archive.njk b/src/_includes/layouts/archive.njk deleted file mode 100644 index b8abad0..0000000 --- a/src/_includes/layouts/archive.njk +++ /dev/null @@ -1,16 +0,0 @@ -{% extends 'layouts/base.njk' %} - -{# Intro content #} -{% set introHeading = title %} -{% set introSummary %}{{ content | safe }}{% endset %} - -{# Post list content #} -{% set postListHeading = 'All posts' %} -{% set postListItems = collections.posts %} - -{% block content %} -
- {% include "partials/components/intro.njk" %} - {% include "partials/components/post-list.njk" %} -
-{% endblock %} diff --git a/src/_includes/layouts/base.njk b/src/_includes/layouts/base.njk index 9385bbe..f1fd24c 100644 --- a/src/_includes/layouts/base.njk +++ b/src/_includes/layouts/base.njk @@ -4,7 +4,6 @@ - {% include "partials/global/meta-info.njk" %} diff --git a/src/_includes/partials/components/pagination.njk b/src/_includes/partials/components/pagination.njk deleted file mode 100644 index d78236a..0000000 --- a/src/_includes/partials/components/pagination.njk +++ /dev/null @@ -1,23 +0,0 @@ -{% set paginationLinkTokens = 'leading-tight text-500 weight-mid box-inline-flex align-center pad-bottom-300' %} - -{% if paginationNextUrl or paginationPrevUrl %} -
-
- -
-{% endif %} diff --git a/src/_includes/partials/global/site-head.njk b/src/_includes/partials/global/site-head.njk index ab4e635..2890a55 100644 --- a/src/_includes/partials/global/site-head.njk +++ b/src/_includes/partials/global/site-head.njk @@ -4,7 +4,7 @@
- {% include "icons/astrolabe_logo.svg" %} + {% include "../../../images/astrolabe_logo.svg" %} {% set ariaLabel = 'navigation' %} {% include "partials/components/nav.njk" %} diff --git a/src/_includes/partials/global/third-party-comments.njk b/src/_includes/partials/global/third-party-comments.njk deleted file mode 100644 index 633b257..0000000 --- a/src/_includes/partials/global/third-party-comments.njk +++ /dev/null @@ -1,7 +0,0 @@ - - diff --git a/src/archive.md b/src/archive.md deleted file mode 100644 index 76533c1..0000000 --- a/src/archive.md +++ /dev/null @@ -1,4 +0,0 @@ ---- -title: 'Posts Archive' -layout: 'layouts/archive.njk' ---- diff --git a/src/feed.njk b/src/feed.njk deleted file mode 100644 index 2221f7c..0000000 --- a/src/feed.njk +++ /dev/null @@ -1,30 +0,0 @@ ---- -permalink: '/feed.xml' ---- - - - {{ site.name }} - - - - {% if collections.posts|length %} - {{ collections.posts | rssLastUpdatedDate }} - {% endif %} - {{ site.url }} - - {{ site.authorName }} - {{ site.authorEmail }} - - {% for post in collections.posts %} - {% set absolutePostUrl %}{{ site.url }}{{ post.url | url }}{% endset %} - - {{ post.data.title }} - - {{ post.date | rssDate }} - {{ absolutePostUrl }} - - - {% endfor %} - diff --git a/src/_includes/icons/astrolabe_logo.svg b/src/images/astrolabe_logo.svg similarity index 100% rename from src/_includes/icons/astrolabe_logo.svg rename to src/images/astrolabe_logo.svg diff --git a/src/js/components/theme-toggle.js b/src/js/components/theme-toggle.js deleted file mode 100644 index 7e93571..0000000 --- a/src/js/components/theme-toggle.js +++ /dev/null @@ -1,98 +0,0 @@ -// For syntax highlighting only -const html = String.raw; - -class ThemeToggle extends HTMLElement { - constructor() { - super(); - - this.STORAGE_KEY = 'user-color-scheme'; - this.COLOR_MODE_KEY = '--color-mode'; - } - - connectedCallback() { - this.render(); - } - - getCSSCustomProp(propKey) { - let response = getComputedStyle(document.documentElement).getPropertyValue(propKey); - - // Tidy up the string if there’s something to work with - if (response.length) { - response = response.replace(/\'|"/g, '').trim(); - } - - // Return the string response by default - return response; - } - - applySetting(passedSetting) { - let currentSetting = passedSetting || localStorage.getItem(this.STORAGE_KEY); - - if (currentSetting) { - document.documentElement.setAttribute('data-user-color-scheme', currentSetting); - this.setButtonLabelAndStatus(currentSetting); - } else { - this.setButtonLabelAndStatus(this.getCSSCustomProp(this.COLOR_MODE_KEY)); - } - } - - toggleSetting() { - let currentSetting = localStorage.getItem(this.STORAGE_KEY); - - switch (currentSetting) { - case null: - currentSetting = - this.getCSSCustomProp(this.COLOR_MODE_KEY) === 'dark' ? 'light' : 'dark'; - break; - case 'light': - currentSetting = 'dark'; - break; - case 'dark': - currentSetting = 'light'; - break; - } - - localStorage.setItem(this.STORAGE_KEY, currentSetting); - - return currentSetting; - } - - setButtonLabelAndStatus(currentSetting) { - this.modeToggleButton.innerText = `${ - currentSetting === 'dark' ? 'Light' : 'Dark' - } theme`; - this.modeStatusElement.innerText = `Color mode is now "${currentSetting}"`; - } - - render() { - this.innerHTML = html` -
- - -
- `; - - this.afterRender(); - } - - afterRender() { - this.modeToggleButton = document.querySelector('.js-mode-toggle'); - this.modeStatusElement = document.querySelector('.js-mode-status'); - - this.modeToggleButton.addEventListener('click', evt => { - evt.preventDefault(); - - this.applySetting(this.toggleSetting()); - }); - - this.applySetting(); - } -} - -if ('customElements' in window) { - customElements.define('theme-toggle', ThemeToggle); -} - -export default ThemeToggle; diff --git a/src/pages/nous-rejoindre.md b/src/pages/nous-rejoindre.md index 866bed8..1166d32 100644 --- a/src/pages/nous-rejoindre.md +++ b/src/pages/nous-rejoindre.md @@ -8,7 +8,6 @@ permalink: '/nous-rejoindre/index.html'
- Entrepreneur candidat CAE Vous avez un projet d’entrepreneuriat en lien avec la prestation de service dans le domaine des nouvelles technologies et du numérique. @@ -17,7 +16,6 @@ permalink: '/nous-rejoindre/index.html'
- flèche bas
@@ -34,7 +32,6 @@ permalink: '/nous-rejoindre/index.html'
- Entrepreneur en contrat CAPE Au bout d’un certain temps votre activité devient prérenne. @@ -43,7 +40,6 @@ permalink: '/nous-rejoindre/index.html'
- flèche gauche Vous intégrez la coopérative en tant qu'Entrepreneur salarié, bienvenue parmi nous ! @@ -60,25 +56,20 @@ permalink: '/nous-rejoindre/index.html' [Voir le contrat CESA en détail]()
- Equipage Astrolabe - flèche bas Vous devenez associé d’Astrolabe et partagez la barre avec le reste de l’équipage. - Grand bateau de face
- flèche droite Vous créez votre propre entreprise, félicitations ! - Petit bateau à voile
diff --git a/src/scss/_theme.scss b/src/scss/_theme.scss index bacce96..eb803d4 100644 --- a/src/scss/_theme.scss +++ b/src/scss/_theme.scss @@ -25,22 +25,6 @@ --color-white: #{get-color('light')}; } -@include dark-mode() { - --color-bg: #{get-color('dark')}; - --color-bg-glare: #{get-color('slate')}; - --color-text: #{get-color('light')}; - --color-selection-text: #{get-color('dark')}; - --color-selection-bg: #{get-color('light')}; - --color-stroke: #{get-color('slate')}; - --color-theme-primary: #{lighten(get-color('primary'), 50%)}; - --color-theme-primary-glare: #{lighten(get-color('primary-glare'), 50%)}; - --color-action-bg: var(--color-theme-primary-glare); - --color-action-text: #{get-color('dark')}; - --color-theme-highlight: #{get-color('highlight')}; - --color-theme-highlight-block: #{get-color('slate')}; - --color-theme-feature-text: #{get-color('highlight')}; -} - body { color: var(--color-text); background-color: var(--color-bg); diff --git a/src/scss/components/_syntax-highlighting.scss b/src/scss/components/_syntax-highlighting.scss deleted file mode 100644 index 786e76b..0000000 --- a/src/scss/components/_syntax-highlighting.scss +++ /dev/null @@ -1,146 +0,0 @@ -/** - * a11y-dark theme for JavaScript, CSS, and HTML - * Based on the okaidia theme: https://github.com/PrismJS/prism/blob/gh-pages/themes/prism-okaidia.css - * @author ericwbailey - */ - -code[class*='language-'], -pre[class*='language-'] { - color: #f8f8f2; - background: none; - font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace; - text-align: left; - word-spacing: normal; - word-break: normal; - word-wrap: normal; - - -moz-tab-size: 2; - -o-tab-size: 2; - tab-size: 2; - - -webkit-hyphens: none; - -moz-hyphens: none; - -ms-hyphens: none; - hyphens: none; -} - -/* Inline code */ -:not(pre) > code[class*='language-'] { - padding: .1em; - border-radius: .3em; - white-space: normal; -} - -.token.comment, -.token.prolog, -.token.doctype, -.token.cdata { - color: #d4d0ab; -} - -.token.punctuation { - color: #fefefe; -} - -.token.property, -.token.tag, -.token.constant, -.token.symbol, -.token.deleted { - color: #ffa07a; -} - -.token.boolean, -.token.number { - color: #00e0e0; -} - -.token.selector, -.token.attr-name, -.token.string, -.token.char, -.token.builtin, -.token.inserted { - color: #abe338; -} - -.token.operator, -.token.entity, -.token.url, -.language-css .token.string, -.style .token.string, -.token.variable { - color: #00e0e0; -} - -.token.atrule, -.token.attr-value, -.token.function { - color: #ffd700; -} - -.token.keyword { - color: #00e0e0; -} - -.token.regex, -.token.important { - color: #ffd700; -} - -.token.important, -.token.bold { - font-weight: bold; -} - -.token.italic { - font-style: italic; -} - -.token.entity { - cursor: help; -} - -@media screen and (-ms-high-contrast: active) { - code[class*='language-'], - pre[class*='language-'] { - color: windowText; - background: window; - } - - :not(pre) > code[class*='language-'], - pre[class*='language-'] { - background: window; - } - - .token.important { - background: highlight; - color: window; - font-weight: normal; - } - - .token.atrule, - .token.attr-value, - .token.function, - .token.keyword, - .token.operator, - .token.selector { - font-weight: bold; - } - - .token.attr-value, - .token.comment, - .token.doctype, - .token.function, - .token.keyword, - .token.operator, - .token.property, - .token.string { - color: highlight; - } - - .token.attr-value, - .token.url { - font-weight: normal; - } -} diff --git a/src/scss/global.scss b/src/scss/global.scss index 866d1f6..6ef5dd9 100644 --- a/src/scss/global.scss +++ b/src/scss/global.scss @@ -3,9 +3,6 @@ // Pull in the stalfos lib @import '../../node_modules/stalfos/stalfos'; -// Local mixins -@import 'mixins/dark-mode'; - @import 'theme'; // Local dependencies @@ -67,7 +64,6 @@ img { @import 'components/heading-permalink'; @import 'components/intro'; @import 'components/nav'; -@import 'components/pagination'; @import 'components/posts'; @import 'components/post'; @import 'components/post-list'; @@ -79,5 +75,4 @@ img { @import 'components/site-foot'; @import 'components/sponsor'; @import 'components/skip-link'; -@import 'components/syntax-highlighting'; @import 'components/video-player'; diff --git a/src/scss/mixins/_dark-mode.scss b/src/scss/mixins/_dark-mode.scss deleted file mode 100644 index 99e913d..0000000 --- a/src/scss/mixins/_dark-mode.scss +++ /dev/null @@ -1,21 +0,0 @@ -/** - * DARK MODE MIXIN - * - * A little wrapper that lets you define your dark mode custom - * properties in a way that supports the theme toggle web component - */ -@mixin dark-mode() { - @media (prefers-color-scheme: dark) { - :root { - --color-mode: 'dark'; - } - - :root:not([data-user-color-scheme]) { - @content; - } - } - - [data-user-color-scheme='dark'] { - @content; - } -} diff --git a/src/styleguide.njk b/src/styleguide.njk deleted file mode 100644 index bed295e..0000000 --- a/src/styleguide.njk +++ /dev/null @@ -1,149 +0,0 @@ ---- -title: 'Styleguide' -permalink: /styleguide/ ---- - -{% extends 'layouts/base.njk' %} - -{# Intro content #} -{% set introHeading = title %} - -{% block head %} - -{% endblock %} -{% block content %} -
- {% include "partials/components/intro.njk" %} -
-
-

Colours

- -
    - {% for color in styleguide.colors() %} -
  • -
    -

    {{ color.key }}

    -
    -
    Value
    -
    {{ color.value }}
    -
    Sass function
    -
    get-color('{{ color.key }}')
    -
    Custom Property
    -
    var(--color-{{ color.key }})
    -
    Text util class
    -
    color-{{ color.key }}
    -
    Background util class
    -
    bg-{{ color.key }}
    -
    -
    • - {% endfor %} -
-

Fonts

-

Base — System stack

-

- - .font-base -

-

Serif — Lora

-

- - .font-serif -

-

Text sizes

-

Text sizes are available as standard classes or media query prefixed, such as lg:text-500.

- {% for size in styleguide.sizes() %} -

{{ size.value }} - text-{{ size.key }}

- {% endfor %} -

Spacing

-

There’s size ratio utilities that give you margin (gap-top, gap-bottom) and padding (pad-top, pad-left, pad-bottom). -

Margin

- -
- {% for size in styleguide.sizes() %} -
- gap-top-{{ size.key }} -
- {% endfor %} -
-

Padding

- - {% for size in styleguide.sizes() %} -
- pad-top-{{ size.key }} -
-
- pad-bottom-{{ size.key }} -
-
- pad-left-{{ size.key }} -
- {% endfor %} - -

Forms

- {% from "macros/form.njk" import label, field, textarea, confirm, select, radios, checkboxes, hidden_field, button %} -
-
    -
  1. - {{ label("Text Label", "field-text-name") }} - {{ field( "text", "field-text-name", { required: true, placeholder: "Katherine Johnson", autocomplete: "name", autocorrect: "off", autocapitalize: "off", description: "Optional description. Note: This field type can take any valid input type." } ) }} -
    2. -
  2. - {{ label("Email Label", "field-email-name") }} - {{ field( "email", "field-email-name", { required: true, placeholder: "katherine@johnson.tld", autocomplete: "email" } ) }} -
    3. -
  3. - {{ label("Textarea Label", "field-textarea-name") }} - {{ textarea( "field-textarea-name", { required: true, autocapitalize: "sentences", spellcheck: "true" } ) }} -
    4. -
  4. - {{ label("Select Label", "field-select-name") }} - {{ select( "select", [ "option 1", {label: "Option II", value: "option 2"} ], { required: true, options_before: ["prepended option"], options_after: ["appended option"], description: "Optional description." } ) }} -
    5. -
  5. - {{ confirm("Confirm this statement", "confirm") }} -
    6. -
  6. - {{ radios("Radio Legend", "field-radio-name", [ "Yes", { label: "Not really", value: "No", note: "Note about choice." } ], { description: "Optional description." } ) }} -
    7. -
  7. - {{ checkboxes("Checkbox Legend", "field-checkbox-name", [ "Choice 1", { label: "Choice 2", value: "Choice 2", note: "Note about choice." }, "Choice 3" ], { description: "Optional description." } ) }} -
    8. -
  8. - There is a hidden field here… - {{ hidden_field("hidden-name", "hidden-value") }} -
    9. -
- {{ button("Button Text") }} -
-
-
-
-{% endblock %} diff --git a/src/tags.njk b/src/tags.njk deleted file mode 100644 index 652fda6..0000000 --- a/src/tags.njk +++ /dev/null @@ -1,35 +0,0 @@ ---- -title: Tag Archive -pagination: - data: collections - size: 1 - alias: tag - filter: - - all - - nav - - post - - posts - - tagList - - postFeed - addAllPagesToCollections: true -permalink: /tags/{{ tag }}/ ---- - -{% extends 'layouts/base.njk' %} - -{# Intro content #} -{% set introHeading %}Posts filed under “{{ tag }}”{% endset %} -{% set introHeadingLevel = '2' %} - -{# Post list content #} -{% set postListHeadingLevel = '2' %} -{% set postListHeading = 'Posts' %} -{% set postListItems = collections[tag] %} - -{% block content %} -
- {% include "partials/components/intro.njk" %} - {% include "partials/components/post-list.njk" %} - {% include "partials/components/pagination.njk" %} -
-{% endblock %}