Se lee mejor ahora

public/css/app.css

@@ -4,6 +4,8 @@
 
 body {
   color: #212121;
+  line-height: 1.6em;
+  font-size: 1.25em;
   max-width: 80ch;
   padding: 2rem;
   margin: auto;
@@ -13,6 +15,10 @@ hr {
   border: 1px solid #f2f2f2;
 }
 
+a {
+  color: #212121;
+}
+
 .navbar {
   display: -webkit-flex;
   display: flex;

public/js/app.js

@@ -93,14 +93,7 @@
 /*! no static exports found */
 /***/ (function(module, exports) {
 
-function classToggle() {
-  var navs = document.querySelectorAll('.navbar-items');
-  navs.forEach(function (nav) {
-    return nav.classList.toggle('navbar-toggleshow');
-  });
-}
 
-document.querySelector('.navbar-link-toggle').addEventListener('click', classToggle);
 
 /***/ }),
 

resources/js/app.js

@@ -1,7 +0,0 @@
-function classToggle() {
-  const navs = document.querySelectorAll('.navbar-items')
-  
-  navs.forEach(nav => nav.classList.toggle('navbar-toggleshow'));
-}
-
-document.querySelector('.navbar-link-toggle').addEventListener('click', classToggle);

resources/sass/app.scss

@@ -8,6 +8,8 @@ $color01: #0fa0ce;
 
 body {
     color: $colorfg;
+    line-height: 1.6em;
+    font-size: 1.25em;
     max-width: 80ch;
     padding: 2rem;
     margin: auto;
@@ -17,6 +19,10 @@ hr {
     border: 1px solid $colorborder;
 }
 
+a {
+    color: $colorfg;
+}
+
 .navbar {
     display: flex;
     border-bottom: 1px solid $colorborder;

resources/views/blog/archive.blade.php

@@ -2,10 +2,11 @@
 
 @section('content')
     <div class="container">
+        <h1>Archive</h1>
         <ul>
         @foreach($posts as $post) 
-            <li class="post-title">
+            <li>
-                <a href="{{ route('blog.show', $post->id) }}">{{$post->title}}</a> <span>{{$post->created_at->diffForHumans()}}</span>
+                <a href="{{ route('blog.show', $post->id) }}">{{$post->title}}</a> <span>({{$post->created_at->format('Y-m-d')}})</span>
             </li>
         @endforeach
         </ul>