basic CSS

content/_index.md

@@ -2,7 +2,5 @@
 sort_by = "date"
 paginate_by = 1
 paginate_reversed = false
-template = "index.html"
-page_template = "page.html"
 generate_feed = true
 +++

content/test.md

@@ -3,12 +3,17 @@ date = 2021-06-30
 sort_by = "date"
 +++
 
-# Test
+# Premier souvenir
 
-Ceci est un test
+Voilà une première note qui servira de **souvenir**.
 
 ## Memories
 
-Voici **un souvenir**.
+J’ai travaillé sur ce design en regardant une lecture de *Je suis un monstre qui vous parle*.
+
+![Logo de Memories, un cahier avec des pages ouvertes, monochrome](icons/noun_diary_black.svg)
+
+> L'OMS, et non une association TransPédéGouine Anarcoféministe, affirme aujourd'hui que "le genre typiquement décrit comme masculin et féminin est une construction sociale qui varie selon les cultures et les époques". Et elle reconnaît qu'il y a eu et il y a encore des cultures (Samoa dans le Pacifique, celles des peuples Premiers d'Amérique, les Thaïlandais traditionnels) qui utilisent des taxonomies sexuelles et de genre non-binaire, plus fluides et plus complexes que la taxonomie occidentale moderne mondialisée à partir des années 70. 
+>
+> <cite>Paul B. Preciado</cite>
 
-![Logo de Memories, un cahier avec des pages ouvertes, monochrome](icons/noun_diary_black.svg){:height="36px" width="36px"}

public/style.css

@@ -0,0 +1 @@
+:root{--font-family: 'b612';--font: 'b612', sans-serif}@font-face{font-family:'b612';src:url("fonts/b612-regular.ttf") format("truetype")}body{font-family:var(--font);color:#1D134E;background-color:#F7F7FB}img{max-width:500px}header h1{font-size:3em}.main{text-align:center;align-self:center}.content{text-align:left;max-width:650px;width:auto;display:block;margin:27px auto}blockquote{background-color:#CCC7E2;color:#050214;padding-left:3em;padding-right:2em;padding-top:0.1em;padding-bottom:0.1em}

sass/style.scss

@@ -0,0 +1,47 @@
+:root {
+    --font-family: 'b612';
+    --font: 'b612', sans-serif;
+}
+
+@font-face {
+    font-family: 'b612';
+    src: url('fonts/b612-regular.ttf') format('truetype');
+}
+
+body {
+    font-family: var(--font);
+    color: #1D134E;
+    background-color: #F7F7FB;
+}
+
+img {
+    max-width: 500px;
+}
+
+header h1 {
+    font-size: 3em;
+}
+
+.main {
+    text-align: center;
+    align-self: center;
+}
+
+.content {
+    text-align: left;
+    max-width: 650px;
+    width: auto;
+
+    display: block;
+
+    margin: 27px auto;
+}
+
+blockquote {
+    background-color: #CCC7E2;
+    color: #050214;
+    padding-left: 3em;
+    padding-right: 2em;
+    padding-top: 0.1em;
+    padding-bottom: 0.1em;
+}

templates/index.html

@@ -6,7 +6,7 @@
         <meta charset="UTF-8">
         <title>{{ config.extra.author }}'s memories</title>
         <link rel="icon" href="{{ config.base_url }}/icons/noun_diary_white.svg" type="image/x-icon">
-        <link rel="stylesheet" href="">
+        <link rel="stylesheet" href="{{ config.base_url }}/style.css">
         <meta property="og:title" content="{{ config.extra.author }}'s memories">
         <meta property="og:type" content="website">
         <meta property="og:image" content="{{ config.base_url }}/icons/noun_diary_white.svg">

templates/macros/page.html

@@ -1,6 +1,5 @@
 {% macro page_info(page) %}
     <div class="article-info">
-        <div class="date">{{ page.date }}</div>
         <div class="article-taxonomies">
             {% if page.taxonomies.tags %}
                 <ul class="article-tags">
@@ -17,7 +16,7 @@
     <article class="post-list">
         <header> 
             <h1>
-                <a href="{{ page.permalink }}">{{ page.title }}</a>
+                {{ page.date }}
             </h1>
         </header>