diff --git a/functions.php b/functions.php
index a3f11ac..b804b6f 100644
--- a/functions.php
+++ b/functions.php
@@ -132,6 +132,7 @@ function getProjects($params) {
         $project = array(
                     "title" => $meta["title"],
                     "status" => $meta["status"],
+                    "urlrel" => "/projects/".$meta["slug"],
                     "url" => "https://yarmo.eu/projects/".$meta["slug"],
                     "slug" => $meta["slug"],
                     "date" => $meta["date"],
diff --git a/static/style.css b/static/style.css
index ad2e949..58a4d31 100644
--- a/static/style.css
+++ b/static/style.css
@@ -303,64 +303,6 @@ table.music th:nth-child(3) {
     font-size: 90%;
 }
 
-/* Notes */
-.notes_list {
-    margin: 64px 0 0;
-}
-.notes_list__item {
-    margin: 16px 0 0;
-}
-
-.notes__header {
-    font-size: 0.9em;
-    color: var(--clr-subheader);
-}
-.notes__content {
-    margin: 64px 0 0;
-    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
-    font-size: 1.2em;
-    line-height: 1.8em;
-    color: var(--clr-text-long);
-}
-.notes__content p {
-    margin: 1.5em 0;
-}
-.notes__content code {
-    font-size: 0.8em;
-}
-.notes__content ul li {
-    list-style-type: "- ";
-}
-
-/* Projects */
-.projects_list {
-    margin: 64px 0 0;
-}
-.projects_list__item {
-    margin: 16px 0 0;
-}
-
-.projects__header {
-    font-size: 0.9em;
-    color: var(--clr-subheader);
-}
-.projects__content {
-    margin: 64px 0 0;
-    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
-    font-size: 1.2em;
-    line-height: 1.8em;
-    color: var(--clr-text-long);
-}
-.projects__content p {
-    margin: 1.5em 0;
-}
-.projects__content code {
-    font-size: 0.8em;
-}
-.projects__content ul li {
-    list-style-type: "- ";
-}
-
 /* Vinyl */
 .vinyl_list {
     margin: 64px 0 0;
@@ -373,11 +315,3 @@ footer {
     margin: 64px 0 0;
     text-align: center;
 }
-
-/* a.svg-stroke:hover path {
-    stroke: #fff;
-    fill: #fff;
-}​
-a:hover path {
-    fill: #fff;
-}​ */
diff --git a/views/projects.pug b/views/projects.pug
index cf7205e..22378d8 100644
--- a/views/projects.pug
+++ b/views/projects.pug
@@ -1,9 +1,9 @@
 extends layout
 
-mixin proj($item)
-    .projects_list__item
+mixin entry($item)
+    .longform_list__item
         p
-            a(href="{$item['url']}") !{$item['title']}
+            a(href="{$item['urlrel']}") !{$item['title']}
             |  (!{$item['status']})
 
 block content
@@ -12,6 +12,6 @@ block content
         a(href="/") yarmo.eu
     h1 Yarmo's projects
     
-    .projects_list
+    .longform_list
     each $item in $projects
-        +proj($item)
+        +entry($item)
diff --git a/views/projects_details.pug b/views/projects_details.pug
index f52c3ae..5fa6af8 100644
--- a/views/projects_details.pug
+++ b/views/projects_details.pug
@@ -1,7 +1,7 @@
 extends layout
 
 block content
-    .projects
+    .longform
         p
             | Back to: 
             a(href="/") yarmo.eu
@@ -11,7 +11,6 @@ block content
         p
             | Got an idea or a comment? 
             a(href="/contact") Feel free to contact me!
-        p.projects__header
-        .projects__content
+        p.longform__header
+        .longform__content
             | !{$project['content']}
-