dépôt premières sources du blog

5 years ago · 4ea0590916
--- a/.gitignore
+++ b/.gitignore
@@ -0,0 +1,5 @@
 _site
 .sass-cache
 .jekyll-cache
 .jekyll-metadata
 vendor
--- a/0-about.markdown
+++ b/0-about.markdown
@@ -0,0 +1,32 @@
 ---
 layout: page
 title: À propos
 permalink: /about/
 ---


 # Services en ligne entre amis.

 L'idée est simple: sortir de l'industrie des [GAFAM](https://fr.wikipedia.org/wiki/GAFAM) et reprendre le contrôle de ses données personnelles au travers d'outils libres. *ALLELLA* – pour reprendre une analogie souvent utilisée – est une sorte d'AMAP du numérique en proposant des services éthiques et locaux.

 Nous nous engageons à respecter la vie privée des utilisateurs de part l'utilisation d'outils open source et du chiffrement des données.

 Actuellement, nous disposons d'un seul serveur dédié hébergé ...TODO: hébergeur, config, lieu, tarifs

 # Les services

 ## Courriel

 ## Stockage de documents

 Ce service, instance de l'application [Nextcloud](https://nextcloud.com/), vous permet de stocker vos documents (texte, images, vidéos, ...) dans un espace sécurisé et accessible de partout dans le monde.

 ## Messagerie instantanée
 Matrix / RIOT

 ## Gestion de maintenance collaboratif de texte (surtout de code)

 GitLab


 # Le matériel
--- a/1-ressources.markdown
+++ b/1-ressources.markdown
@@ -0,0 +1,18 @@
 ---
 layout: page
 title: Ressources
 permalink: /ressources/
 ---

 This is the base Jekyll theme. You can find out more info about customizing your Jekyll theme, as well as basic Jekyll usage documentation at [jekyllrb.com](https://jekyllrb.com/)

 You can find the source code for Minima at GitHub:
 [jekyll][jekyll-organization] /
 [minima](https://github.com/jekyll/minima)

 You can find the source code for Jekyll at GitHub:
 [jekyll][jekyll-organization] /
 [jekyll](https://github.com/jekyll/jekyll)


 [jekyll-organization]: https://github.com/jekyll
--- a/404.html
+++ b/404.html
@@ -0,0 +1,25 @@
 ---
 permalink: /404.html
 layout: default
 ---

 <style type="text/css" media="screen">
  .container {
    margin: 10px auto;
    max-width: 600px;
    text-align: center;
  }
  h1 {
    margin: 30px 0;
    font-size: 4em;
    line-height: 1;
    letter-spacing: -1px;
  }
 </style>

 <div class="container">
  <h1>404</h1>

  <p><strong>Page not found :(</strong></p>
  <p>The requested page could not be found.</p>
 </div>
--- a/+ 30
+++ b/+ 30
@@ -0,0 +1,30 @@
 source "https://rubygems.org"
 # Hello! This is where you manage which Jekyll version is used to run.
 # When you want to use a different version, change it below, save the
 # file and run `bundle install`. Run Jekyll with `bundle exec`, like so:
 #
 #     bundle exec jekyll serve
 #
 # This will help ensure the proper Jekyll version is running.
 # Happy Jekylling!
 gem "jekyll", "~> 4.0.0"
 # This is the default theme for new Jekyll sites. You may change this to anything you like.
 gem "minima", "~> 2.5"
 # If you want to use GitHub Pages, remove the "gem "jekyll"" above and
 # uncomment the line below. To upgrade, run `bundle update github-pages`.
 # gem "github-pages", group: :jekyll_plugins
 # If you have any plugins, put them here!
 group :jekyll_plugins do
  gem "jekyll-feed", "~> 0.12"
  gem "jekyll-paginate"
 end

 # Windows and JRuby does not include zoneinfo files, so bundle the tzinfo-data gem
 # and associated library.
 install_if -> { RUBY_PLATFORM =~ %r!mingw|mswin|java! } do
  gem "tzinfo", "~> 1.2"
  gem "tzinfo-data"
 end

 # Performance-booster for watching directories on Windows
 gem "wdm", "~> 0.1.1", :install_if => Gem.win_platform?
--- a/Gemfile.lock
+++ b/Gemfile.lock
@@ -0,0 +1,86 @@
 GEM
  remote: https://rubygems.org/
  specs:
    addressable (2.7.0)
      public_suffix (>= 2.0.2, < 5.0)
    colorator (1.1.0)
    concurrent-ruby (1.1.6)
    em-websocket (0.5.1)
      eventmachine (>= 0.12.9)
      http_parser.rb (~> 0.6.0)
    eventmachine (1.2.7)
    ffi (1.12.2)
    forwardable-extended (2.6.0)
    http_parser.rb (0.6.0)
    i18n (1.8.2)
      concurrent-ruby (~> 1.0)
    jekyll (4.0.0)
      addressable (~> 2.4)
      colorator (~> 1.0)
      em-websocket (~> 0.5)
      i18n (>= 0.9.5, < 2)
      jekyll-sass-converter (~> 2.0)
      jekyll-watch (~> 2.0)
      kramdown (~> 2.1)
      kramdown-parser-gfm (~> 1.0)
      liquid (~> 4.0)
      mercenary (~> 0.3.3)
      pathutil (~> 0.9)
      rouge (~> 3.0)
      safe_yaml (~> 1.0)
      terminal-table (~> 1.8)
    jekyll-feed (0.13.0)
      jekyll (>= 3.7, < 5.0)
    jekyll-paginate (1.1.0)
    jekyll-sass-converter (2.1.0)
      sassc (> 2.0.1, < 3.0)
    jekyll-seo-tag (2.6.1)
      jekyll (>= 3.3, < 5.0)
    jekyll-watch (2.2.1)
      listen (~> 3.0)
    kramdown (2.1.0)
    kramdown-parser-gfm (1.1.0)
      kramdown (~> 2.0)
    liquid (4.0.3)
    listen (3.2.1)
      rb-fsevent (~> 0.10, >= 0.10.3)
      rb-inotify (~> 0.9, >= 0.9.10)
    mercenary (0.3.6)
    minima (2.5.1)
      jekyll (>= 3.5, < 5.0)
      jekyll-feed (~> 0.9)
      jekyll-seo-tag (~> 2.1)
    pathutil (0.16.2)
      forwardable-extended (~> 2.6)
    public_suffix (4.0.3)
    rb-fsevent (0.10.3)
    rb-inotify (0.10.1)
      ffi (~> 1.0)
    rouge (3.17.0)
    safe_yaml (1.0.5)
    sassc (2.2.1)
      ffi (~> 1.9)
    terminal-table (1.8.0)
      unicode-display_width (~> 1.1, >= 1.1.1)
    thread_safe (0.3.6)
    tzinfo (1.2.7)
      thread_safe (~> 0.1)
    tzinfo-data (1.2019.3)
      tzinfo (>= 1.0.0)
    unicode-display_width (1.7.0)
    wdm (0.1.1)

 PLATFORMS
  ruby

 DEPENDENCIES
  jekyll (~> 4.0.0)
  jekyll-feed (~> 0.12)
  jekyll-paginate
  minima (~> 2.5)
  tzinfo (~> 1.2)
  tzinfo-data
  wdm (~> 0.1.1)

 BUNDLED WITH
   2.1.0
--- a/_config.yml
+++ b/_config.yml
@@ -0,0 +1,57 @@
 # Welcome to Jekyll!
 #
 # This config file is meant for settings that affect your whole blog, values
 # which you are expected to set up once and rarely edit after that. If you find
 # yourself editing this file very often, consider using Jekyll's data files
 # feature for the data you need to update frequently.
 #
 # For technical reasons, this file is *NOT* reloaded automatically when you use
 # 'bundle exec jekyll serve'. If you change this file, please restart the server process.
 #
 # If you need help with YAML syntax, here are some quick references for you:
 # https://learn-the-web.algonquindesign.ca/topics/markdown-yaml-cheat-sheet/#yaml
 # https://learnxinyminutes.com/docs/yaml/
 #
 # Site settings
 # These are used to personalize your new site. If you look in the HTML files,
 # you will see them accessed via {{ site.title }}, {{ site.email }}, and so on.
 # You can create any custom variable you would like, and they will be accessible
 # in the templates via {{ site.myvariable }}.

 title: Le blog
 email: contact@allella.io
 description: >- # this means to ignore newlines until "baseurl:"
  ALLELLA côté technique (et peut-être plus), en vrac et à l'arrache.
 baseurl: "/blog" # the subpath of your site, e.g. /blog
 url: "http://allella.io" # the base hostname & protocol for your site, e.g. http://example.com
 # twitter_username: jekyllrb
 # github_username:  jekyll

 # Build settings
 theme: minima
 plugins:
  - jekyll-feed
  - jekyll-paginate
 # sass:
 #   style: compact
 #   load_paths:
 #     - node_modules
 # Exclude from processing.
 # The following items will not be processed, by default.
 # Any item listed under the `exclude:` key here will be automatically added to
 # the internal "default list".
 #
 # Excluded items can be processed by explicitly listing the directories or
 # their entries' file path in the `include:` list.
 #
 # exclude:
 #   - .sass-cache/
 #   - .jekyll-cache/
 #   - gemfiles/
 #   - Gemfile
 #   - Gemfile.lock
 #   - node_modules/
 #   - vendor/bundle/
 #   - vendor/cache/
 #   - vendor/gems/
 #   - vendor/ruby/
--- a/_includes/footer.html
+++ b/_includes/footer.html
@@ -0,0 +1,35 @@
 <footer class="site-footer h-card">
  <data class="u-url" href="{{ "/" | relative_url }}"></data>

  <div class="wrapper">

    <!-- <h2 class="footer-heading">{{ site.title | escape }}</h2> -->

    <div class="footer-col-wrapper">
      <div class="footer-col footer-col-1">
        <ul class="contact-list">
          <li class="p-name">
            {%- if site.author -%}
              {{ site.author | escape }}
            {%- else -%}
              ALLELLA  · {{ site.title | escape }}
            {%- endif -%}
            </li>
            {%- if site.email -%}
            <li><a class="u-email" href="mailto:{{ site.email }}">{{ site.email }}</a></li>
            {%- endif -%}
        </ul>
      </div>

      <!-- <div class="footer-col footer-col-2">
        {%- include social.html -%}
      </div> -->

      <div class="footer-col footer-col-3">
        <p>{{- site.description | escape -}}</p>
      </div>
    </div>

  </div>

 </footer>
--- a/_includes/header.html
+++ b/_includes/header.html
@@ -0,0 +1,36 @@
 <header class="site-header" role="banner">

  <div class="wrapper">
    {%- assign default_paths = site.pages | map: "path" -%}
    {%- assign page_paths = site.header_pages | default: default_paths -%}
    <div>
      <span class="site-logo"><img src="{{ "/assets/images/logo.svg" | relative_url }}"/></span>
      <div>
        <a class="site-title" rel="author" href="{{ "/" | relative_url }}">{{ site.title | escape }}</a>
      </div>
    </div>
    {%- if page_paths -%}
      <nav class="site-nav">
        <input type="checkbox" id="nav-trigger" class="nav-trigger" />
        <label for="nav-trigger">
          <span class="menu-icon">
            <svg viewBox="0 0 18 15" width="18px" height="15px">
              <path d="M18,1.484c0,0.82-0.665,1.484-1.484,1.484H1.484C0.665,2.969,0,2.304,0,1.484l0,0C0,0.665,0.665,0,1.484,0 h15.032C17.335,0,18,0.665,18,1.484L18,1.484z M18,7.516C18,8.335,17.335,9,16.516,9H1.484C0.665,9,0,8.335,0,7.516l0,0 c0-0.82,0.665-1.484,1.484-1.484h15.032C17.335,6.031,18,6.696,18,7.516L18,7.516z M18,13.516C18,14.335,17.335,15,16.516,15H1.484 C0.665,15,0,14.335,0,13.516l0,0c0-0.82,0.665-1.483,1.484-1.483h15.032C17.335,12.031,18,12.695,18,13.516L18,13.516z"/>
            </svg>
          </span>
        </label>

        <div class="trigger">
          {%- for path in page_paths -%}
            {%- assign my_page = site.pages | where: "path", path | first -%}
            {%- if my_page.title -%}
            {%- unless my_page.exclude -%}
            <a class="page-link" href="{{ my_page.url | relative_url }}">{{ my_page.title | escape }}</a>
            {%- endunless-%}
            {%- endif -%}
          {%- endfor -%}
        </div>
      </nav>
    {%- endif -%}
  </div>
 </header>
--- a/_layouts/home.html
+++ b/_layouts/home.html
@@ -0,0 +1,42 @@
 ---
 layout: default
 ---

 <div class="home">
  {%- if page.title -%}
    <h1 class="page-heading">{{ page.title }}</h1>
  {%- endif -%}

  {{ content }}

  {%- if site.posts.size > 0 -%}
    <h2 class="post-list-heading">{{ page.list_title | default: "Billets" }}</h2>
    <ul class="post-list">
      {%- for post in site.posts -%}
      <li>
        {%- assign date_format = site.minima.date_format | default: "le %d/%m/%Y" -%}
        <span class="post-meta">{{ post.date | date: date_format }}</span>
        <span class="post-meta-tags-cats">
          {%- for tag in post.tags -%}
            <span class="post-meta-tag">{{tag}}</span>
          {%- endfor -%}
          {%- for cat in post.categories -%}
            <span class="post-meta-category">{{cat}}</span>
          {%- endfor -%}
        </span>
        <h3>
          <a class="post-link" href="{{ post.url | relative_url }}">
            {{ post.title | escape }}
          </a>
        </h3>
        {%- if site.show_excerpts -%}
          {{ post.excerpt }}
        {%- endif -%}
      </li>
      {%- endfor -%}
    </ul>

    <p class="rss-subscribe">subscribe <a href="{{ "/feed.xml" | relative_url }}">via RSS</a></p>
  {%- endif -%}

 </div>
--- a/_layouts/post.html
+++ b/_layouts/post.html
@@ -0,0 +1,27 @@
 ---
 layout: default
 ---
 <article class="post h-entry" itemscope itemtype="http://schema.org/BlogPosting">

  <header class="post-header">
    <h1 class="post-title p-name" itemprop="name headline">{{ page.title | escape }}</h1>
    <p class="post-meta">
      <time class="dt-published" datetime="{{ page.date | date_to_xmlschema }}" itemprop="datePublished">
        {%- assign date_format = site.minima.date_format | default: "le %d/%m/%Y" -%}
        {{ page.date | date: date_format }}
      </time>
      {%- if page.author -%}
        • <span itemprop="author" itemscope itemtype="http://schema.org/Person"><span class="p-author h-card" itemprop="name">{{ page.author }}</span></span>
      {%- endif -%}</p>
  </header>

  <div class="post-content e-content" itemprop="articleBody">
    {{ content }}
  </div>

  {%- if site.disqus.shortname -%}
    {%- include disqus_comments.html -%}
  {%- endif -%}

  <a class="u-url" href="{{ page.url | relative_url }}" hidden></a>
 </article>
--- a/_posts/2020-04-02-kickoff.markdown
+++ b/_posts/2020-04-02-kickoff.markdown
@@ -0,0 +1,16 @@
 ---
 layout: post
 title:  "Il est là !"
 date:   2020-04-02
 categories: généralités
 tags: [plop]
 ---

 # Il est là le blog

 Bonsoir,

 il est tard, enfin tôt mais le blog est là. Il est là ! C'est peut-être inutile, ou pas.
 Par ces temps étranges, écrire soulage. Alors on se lance et on verra. Ce premier
 billet n'est que du vent, une présentation du projet Allella devrait suivre rapidement.
 Bonne nuit.
--- a/_posts/2020-04-03-jekyll.markdown
+++ b/_posts/2020-04-03-jekyll.markdown
@@ -0,0 +1,27 @@
 ---
 layout: post
 title:  "Jekyll ma gueule !"
 date:   2020-04-03
 categories: [outils,web]
 ---

 # Pourquoi Jekyll ?

 Dans la jungle des outils de gestion de blog, nous avons opté pour [Jekyll](https://jekyllrb.com/).
 C'est un générateur de site web statique. L'intérêt d'un tel outil est multiple :

 * c'est *léger* : pas de base données à gérer ;
 * c'est *sécurisé* : pas de base données à gérer, on ne fait que lire et renvoyer des documents texte ;
 * c'est *simple* / *logique* / *écologique* : pourquoi regénérer une page à chaque fois que celle-ci est consultée si son contenu reste inchangé ?
 * la documentation est aux petits oignons, et même sans connaître ni [Ruby](https://www.ruby-lang.org) ni le langage de templating [Liquid](https://shopify.github.io/liquid/), la prise en main est très rapide.


 Pour le côté écologique / low-tech, c'est un peu pipeau quand même dans notre cas : nous pourrions utiliser notre serveur de base de
 données requêté par d'autres services. Cela dit et pour se rassurer, on gagne un peu du côté de la non re-génération systématique des contenus.


 # Mise à jour du site

 Pour le moment c'est à l'ancienne à coup de gros `scp -r` qui tache après avoir compilé le tout.

 Un jour bientôt nous ferons de l'intégration continue avec notre dépôt GitLab, l'occasion de faire un nouveau billet !
--- a/_posts/2020-04-03-openldap.markdown
+++ b/_posts/2020-04-03-openldap.markdown
@@ -0,0 +1,18 @@
 ---
 layout: post
 title:  "Annuaire LDAP"
 date:   2020-04-02
 categories: [technique, outils]
 ---


 # L'authentification

 Il faut s'authentifier pour accéder aux services. C'est relou mais c'est comme ça, surtout quand tu es
 tête en l'air et/ou mal organisé comme 142% de nos potes qui ne se souviennent plus de leurs mots de passe moisis.

 Si en plus, pour 4 services différents il faut 4 mots de passe différents, on va vite les perdre les copains. Alors oui,
 on pourrait mettre 4 fois le même couple login/mot de passe, mais non ... CHUT ON A DIT NON !

 Il nous fallait donc un système [d'authenficiation unique](https://fr.wikipedia.org/wiki/Authentification_unique) et ouvert évidemment.
 Nous avons choisis [OpenLDAP](https://www.openldap.org/), un annuaire [LDAP](https://fr.wikipedia.org/wiki/Lightweight_Directory_Access_Protocol) open source.
--- a/_posts/2020-04-03-presentation.markdown
+++ b/_posts/2020-04-03-presentation.markdown
@@ -0,0 +1,54 @@
 ---
 layout: post
 title:  "Allella - Présentations"
 date:   2020-04-02
 categories: [généralités]
 ---

 Nous sommes deux amis, *J* & *J*. "Informaticiens" de métier, nous avons développé
 une sorte de haine (disons que nous prenons plaisir à les insulter à l'apéro) envers les
 fameux [GAFAM](https://fr.wikipedia.org/wiki/GAFAM). Plutôt que de trop nous plaindre,
 nous avons décidé de gérer nous même nos données – numériques – personnelles.

 Beaucoup dirons ["m'en fou j'ai rien à cacher"](https://jenairienacacher.fr/).

 ## Un nom ?
 Qui dit projet, dit nom de projet ! C'est plus simple. De propositions pourries en propositions moisies – du type Poney crevé <sup>[1]</sup> –
 il a bien fallu s'arrêter sur un nom. La procrastination ça nous connaît, et
 pour trouver un semblant de motivation, le gimmick "Allez-là" revient souvent (j'entends l'autre au fond qui gueule "normal c'est un gimmick").
 Puisque nous sommes mauvais en orthographe (*J* surtout) la graphie glisse tranquillement vers "allella".
 Bingo, c'est un put*** de palindrome... Allez, ressers un verre pour fêter ça !

 [1] C'est juste que *J* aime les poneys, mais c'était [déjà pris](https://poneycreve.bandcamp.com/).
 ## Pour qui ?

 Au début, pour nous et quelques proches. Maintenant que tout ceci tient un peu la route et que les services semblent stables, l'idée d'ouvrir à un cercle plus élargi a éclos.

 Parler ici du colletif chatons et de l'essaimage.

 50 personnes avec 100 gigas chacun ?



 ## Quels services ?

 * les mails
 * les documents
 * la discussion instantanée
 * la gestion de code source

 ## Quels outils ?

 À la base : qu'importe, pourvu qu'ils soient open source. L'idée est aussi de pouvoir
 bénéficier de l'expérience des différentes communautés autour de ces outils et de partager
 notre propre expérience en retour.

 Les services actuels reposent sur solutions techniques suivantes :
 * mail : [Postfix](http://www.postfix.org) & [Dovecot](https://www.dovecot.org)
 * documents (mais pas que): [Nextcloud](https://nextcloud.com)
 * discussion instantanée : [Matrix / Synapse](https://matrix.org/docs/projects/server/synapse)
 * gestion de code source : [Gitlab](https://about.gitlab.com/)

 ## En détails

 Des informations complémentaires, plus détaillées se trouvent sur la page [à propos](/about).
--- a/assets/images/logo.svg
+++ b/assets/images/logo.svg
@@ -0,0 +1,115 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <!-- Created with Inkscape (http://www.inkscape.org/) -->

 <svg
   xmlns:dc="http://purl.org/dc/elements/1.1/"
   xmlns:cc="http://creativecommons.org/ns#"
   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
   xmlns:svg="http://www.w3.org/2000/svg"
   xmlns="http://www.w3.org/2000/svg"
   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
   width="103.89612mm"
   height="17.64612mm"
   viewBox="0 0 103.89612 17.64612"
   version="1.1"
   id="svg3850"
   inkscape:version="0.92.4 (5da689c313, 2019-01-14)"
   sodipodi:docname="logo.svg">
  <defs
     id="defs3844" />
  <sodipodi:namedview
     id="base"
     pagecolor="#ffffff"
     bordercolor="#666666"
     borderopacity="1.0"
     inkscape:pageopacity="0.0"
     inkscape:pageshadow="2"
     inkscape:zoom="0.35"
     inkscape:cx="-389.37516"
     inkscape:cy="21.918429"
     inkscape:document-units="mm"
     inkscape:current-layer="layer1"
     showgrid="false"
     fit-margin-top="0"
     fit-margin-left="0"
     fit-margin-right="0"
     fit-margin-bottom="0"
     inkscape:window-width="1920"
     inkscape:window-height="1019"
     inkscape:window-x="0"
     inkscape:window-y="0"
     inkscape:window-maximized="1" />
  <metadata
     id="metadata3847">
    <rdf:RDF>
      <cc:Work
         rdf:about="">
        <dc:format>image/svg+xml</dc:format>
        <dc:type
           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
        <dc:title />
      </cc:Work>
    </rdf:RDF>
  </metadata>
  <g
     inkscape:label="Calque 1"
     inkscape:groupmode="layer"
     id="layer1"
     transform="translate(76.138538,-140.01027)">
    <g
       id="LOGOTYPE"
       transform="matrix(0.26458333,0,0,0.26458333,-136.13843,98.760409)"
       style="fill:#000000">
      <g
         id="g82"
         style="fill:#000000">
        <path
           d="M 444.369,212.598 H 401.85 c -2.761,0 -5,2.239 -5,5 0,2.761 2.239,5 5,5 h 42.519 c 2.762,0 5,-2.239 5,-5 0,-2.761 -2.238,-5 -5,-5 z"
           id="path64"
           inkscape:connector-curvature="0"
           style="fill:#000000" />
        <path
           d="m 444.371,184.252 h -42.519 c -2.761,0 -5,2.239 -5,5 0,2.761 2.239,5 5,5 h 42.519 c 2.762,0 5,-2.239 5,-5 0,-2.761 -2.238,-5 -5,-5 z"
           id="path66"
           inkscape:connector-curvature="0"
           style="fill:#000000" />
        <path
           d="m 444.371,155.905 h -42.519 c -2.761,0 -5,2.239 -5,5 0,2.761 2.239,5 5,5 h 42.519 c 2.762,0 5,-2.239 5,-5 0,-2.761 -2.238,-5 -5,-5 z"
           id="path68"
           inkscape:connector-curvature="0"
           style="fill:#000000" />
        <path
           d="m 373.504,155.905 c -2.761,0 -5,2.239 -5,5 v 51.693 h -51.693 c -2.761,0 -5,2.239 -5,5 0,2.761 2.239,5 5,5 h 56.693 c 2.761,0 5,-2.239 5,-5 v -56.693 c 0,-2.761 -2.239,-5 -5,-5 z"
           id="path70"
           inkscape:connector-curvature="0"
           style="fill:#000000" />
        <path
           d="m 316.811,194.252 h 28.346 c 2.761,0 5,-2.239 5,-5 v -28.347 c 0,-2.761 -2.239,-5 -5,-5 -2.761,0 -5,2.239 -5,5 v 23.347 h -23.346 c -2.761,0 -5,2.239 -5,5 0,2.761 2.239,5 5,5 z"
           id="path72"
           inkscape:connector-curvature="0"
           style="fill:#000000" />
        <path
           d="m 529.41,212.596 h -51.693 v -51.691 c 0,-2.761 -2.238,-5 -5,-5 -2.762,0 -5,2.239 -5,5 v 56.691 c 0,2.761 2.238,5 5,5 h 56.693 c 2.762,0 5,-2.239 5,-5 0,-2.761 -2.238,-5 -5,-5 z"
           id="path74"
           inkscape:connector-curvature="0"
           style="fill:#000000" />
        <path
           d="m 529.41,184.252 h -23.348 v -23.347 c 0,-2.761 -2.238,-5 -5,-5 -2.762,0 -5,2.239 -5,5 v 28.347 c 0,2.761 2.238,5 5,5 h 28.348 c 2.762,0 5,-2.239 5,-5 0,-2.761 -2.238,-5 -5,-5 z"
           id="path76"
           inkscape:connector-curvature="0"
           style="fill:#000000" />
        <path
           d="m 290.378,156.286 c -1.868,-0.772 -4.019,-0.346 -5.449,1.084 l -56.693,56.693 c -1.953,1.953 -1.953,5.119 0,7.071 0.977,0.976 2.256,1.464 3.536,1.464 1.28,0 2.559,-0.488 3.536,-1.464 l 48.157,-48.157 v 44.622 c 0,2.761 2.239,5 5,5 2.761,0 5,-2.239 5,-5 v -56.693 c -10e-4,-2.023 -1.219,-3.846 -3.087,-4.62 z"
           id="path78"
           inkscape:connector-curvature="0"
           style="fill:#000000" />
        <path
           d="M 617.984,214.061 561.291,157.37 c -1.43,-1.431 -3.582,-1.856 -5.447,-1.084 -1.869,0.774 -3.088,2.597 -3.088,4.62 v 56.691 c 0,2.761 2.238,5 5,5 2.762,0 5,-2.239 5,-5 v -44.62 l 48.158,48.156 c 0.977,0.976 2.256,1.464 3.535,1.464 1.279,0 2.561,-0.488 3.535,-1.464 1.954,-1.954 1.954,-5.12 0,-7.072 z"
           id="path80"
           inkscape:connector-curvature="0"
           style="fill:#000000" />
      </g>
    </g>
  </g>
 </svg>
--- a/assets/main.scss
+++ b/assets/main.scss
@@ -0,0 +1,86 @@
 ---
 ---

@import "{{ site.theme }}";

 $link-color: #0082c9;
 $bg-color: white;
 $txt-color: black;

 $header-height: 20vh;

 header.site-header{


  border-top: none;
  min-height: $header-height;
  display: flex;
  align-items: center;
  a, a:visited {
    color : $txt-color;
  }

  .site-title{
    @include relative-font-size(1.2);
    float:none;
    // visibility: hidden;
    // background-image: url('../assets/images/logo.svg');
  }

  // .site-logo{
  //   background: url('../assets/images/logo.svg') no-repeat;
  //   background-size: contain;
  // }

  .wrapper {
    width: $content-width;
    display: flex;
    justify-content: space-between;

  }

  .site-nav .page-link{
    color: $bg-color;
    background-color: $txt-color;
    padding: 5px;
    font-variant: small-caps;
    @include relative-font-size(1);
  }
 }

 body{
  @include relative-font-size(1.4);

  .home {
      .post-list li {
        border-left: 10px solid $txt-color;
        padding-left: 10px;
      }
      h3 a, h3 a:visited {
        // color: $bg-color;
        // background-color: $txt-color;
        width: 50%;
        // padding:5px;
      }

      background-color: $bg-color;
      color: $txt-color;

      .post-meta-tags-cats {
        @include relative-font-size(0.8);
        span{
          margin-left:5px;
        }

      }
    }
 }


 .post-content{

  h2 {
    font-weight: 600;
    margin-top: 100px;
  }
 }
--- a/categories.html
+++ b/categories.html
@@ -0,0 +1,25 @@
 ---
 layout: page
 permalink: /categories/
 title: Categories
 exclude: true
 ---


 <div id="archives">
 {% for category in site.categories %}
  <div class="archive-group">
    {% capture category_name %}{{ category | first }}{% endcapture %}
    <div id="#{{ category_name | slugize }}"></div>
    <p></p>

    <h3 class="category-head">{{ category_name }}</h3>
    <a name="{{ category_name | slugize }}"></a>
    {% for post in site.categories[category_name] %}
    <article class="archive-item">
      <h4><a href="{{ site.baseurl }}{{ post.url }}">{{post.title}}</a></h4>
    </article>
    {% endfor %}
  </div>
 {% endfor %}
 </div>
--- a/index.markdown
+++ b/index.markdown
@@ -0,0 +1,6 @@
 ---
 # Feel free to add content and custom Front Matter to this file.
 # To modify the layout, see https://jekyllrb.com/docs/themes/#overriding-theme-defaults

 layout: home
 ---