Tidy up css

public/css/master.css

@@ -28,7 +28,7 @@ div.page {
 }
 
 h1.inline {
-    margin-top: 0em;
+    margin-top: 0;
     clear: none;
     display: inline;
 }
@@ -56,43 +56,7 @@ table.form td {
 
 /* -------------------------------------------------------------------------- */
 
-div.preview {
+div.code-block {
-    display: inline-block;
-    width: 30em;
-    max-width: 100%;
-    text-align: center;
-    vertical-align: top;
-    margin-bottom: 2em;
-}
-
-div.project {
-    display: inline-block;
-    width: 40em;
-    max-width: 100%;
-    text-align: center;
-    vertical-align: top;
-    margin-bottom: 2em;
-}
-
-div.preview .heading .name,
-div.project .heading .name {
-    font-size: 120%;
-}
-
-div.preview img,
-div.project img {
-    width: auto;
-    max-width: 90%;
-    max-height: 15em;
-}
-
-div.preview pre.small,
-div.project pre.small {
-    font-size: 75%;
-    overflow: hidden;
-}
-
-div.codeblock {
     background-color: var(--background);
     border: 2px solid #dddddd;
     padding: 10px;
@@ -103,33 +67,29 @@ div.codeblock {
     margin: 10px;
 }
 
-div.codeblock hr {
+div.code-block hr {
     margin-top: 5px;
     margin-bottom: 5px;
 }
 
-div.codeblock h1 {
+div.code-block h1 {
     margin: 0;
     font-family: monospace;
 }
 
-div.codeblock h1 small {
+div.code-block h1 small {
     color: #919191;
     font-size: 12px;
 }
 
-div.codeblock pre hr {
+div.code-block pre hr {
     margin-bottom: 5px;
 }
 
-div.codeblock pre code {
+div.code-block pre code {
     background-color: #222;
 }
 
-div.project pre {
-    border: 1px solid #666666;
-}
-
 pre {
     display: inline;
     max-width: 95%;
@@ -155,8 +115,7 @@ nav div h1 {
         sans-serif;
     font-weight: normal;
     font-size: 30px;
-    margin: 10px;
+    margin: 10px 10px 10px 0;
-    margin-left: 0;
 }
 
 div.date {
@@ -172,14 +131,6 @@ table {
     border-color: #fff;
 }
 
-table.noborder td {
-    border: none;
-}
-
-table.skami a {
-    text-decoration: none;
-}
-
 table.weather th {
     font-weight: normal;
 }
@@ -189,35 +140,6 @@ table.weather td {
     text-align: right;
 }
 
-.project .name {
-    font-weight: bold;
-}
-
-.toplinks a {
-    margin-right: 0.5em;
-    text-decoration: none;
-}
-
-div.inlinepage {
-    margin-top: 2em;
-    border: 0;
-    padding: 0;
-}
-
-div.pheader {
-    font-size: 120%;
-}
-
-div.pheader span.date {
-    margin-right: 1em;
-    font-weight: normal;
-}
-
-div.pheader a {
-    font-weight: bold;
-    text-decoration: none;
-}
-
 div.rss {
     position: absolute;
     top: 1em;
@@ -237,14 +159,6 @@ video {
     max-width: 100%;
 }
 
-.toplinks span {
-    display: block;
-    text-align: right;
-    float: left;
-    width: 8em;
-    margin-right: 0.5em;
-}
-
 .deprecated {
     line-height: 140%;
     width: 100%;
@@ -254,22 +168,6 @@ .deprecated {
     border-bottom: 2px dashed #aa0000;
 }
 
-.project .attributes {
-    font-style: italic;
-}
-
-.project .attribbracket {
-    margin-left: 0.5em;
-}
-
-.toplinks {
-    line-height: 140%;
-    width: 100%;
-    padding-top: 0.5em;
-    padding-bottom: 0.5em;
-    border-bottom: 1px solid #cccccc;
-}
-
 table td {
     border: 1px solid white;
 }
@@ -279,29 +177,14 @@ td {
     vertical-align: top;
 }
 
-table.skami {
+.header .title {
-    border-color: #eeeeee;
-}
-
-.header .pagetree {
-    font-size: 80%;
-    display: block;
-    text-align: center;
-    width: 100%;
-    padding-top: 0.1em;
-    padding-bottom: 0.1em;
-    border-top: 1px solid #cccccc;
-    color: #ffffff;
-}
-
-.header .pagetree .title {
     color: #fff;
 }
 
 .header {
     font-size: 100%;
     font-weight: normal;
-    padding-bottom: 0em;
+    padding-bottom: 0;
     text-align: center;
     color: #ffffff;
 }
@@ -345,39 +228,39 @@ a {
     text-decoration: none;
 }
 
-table.gb-entryform tr td {
+table.gb-entry-form tr td {
     border: none;
 }
 
-table.gb-entryform tr td label {
+table.gb-entry-form tr td label {
     padding-right: 5px;
 }
 
-table.gb-entryform tr td span.text-danger {
+table.gb-entry-form tr td span.text-danger {
     padding-left: 5px;
     color: rgb(255, 114, 114);
 }
 
-table.gb-entryform tr td textarea,
+table.gb-entry-form tr td textarea,
-table.gb-entryform tr td input {
+table.gb-entry-form tr td input {
     margin-bottom: 5px;
 }
 
-table.gb-entryform-container {
+table.gb-entry-form-container {
     width: 100%;
 }
 
-table.gb-entryform-container tr td {
+table.gb-entry-form-container tr td {
     border: none;
     vertical-align: top;
 }
 
-table.gb-entryform-container tr td p,
+table.gb-entry-form-container tr td p,
-table.gb-entryform-container tr td ul {
+table.gb-entry-form-container tr td ul {
     margin: 0;
 }
 
-table.gb-entryform tbody tr td textarea {
+table.gb-entry-form tbody tr td textarea {
     width: 210px;
 }
 
@@ -419,15 +302,15 @@ table.gb-admin tr td.gb-message {
     column-span: 2;
 }
 
-table.infotable tr td {
+table.info-table tr td {
     border: none;
     padding-right: 5px;
     vertical-align: bottom;
 }
 
-table.infotable tr td h1,
+table.info-table tr td h1,
-table.infotable tr td h2,
+table.info-table tr td h2,
-table.infotable tr td small {
+table.info-table tr td small {
     margin: 0;
 }
 
@@ -440,7 +323,7 @@ caption {
     text-align: left;
 }
 
-table.infotable tr td small {
+table.info-table tr td small {
     margin-bottom: 5px;
 }
 

resources/views/components/codeblock.blade.php

@@ -7,7 +7,7 @@
 $highlighted = $hl->highlight($lang, Storage::disk('local')->get($file_path));
 $file_size = Storage::disk('local')->size($file_path);
 @endphp
-<div class="codeblock">
+<div class="code-block">
     <h1>{{ $file_name }} <small>{{ $file_size}} bytes</small></h1>
     <hr>
     <code class="hljs {{$highlighted->language}}">{!! $highlighted->value !!}</code>

resources/views/pages/bookmarks.blade.php

@@ -11,7 +11,7 @@
     @endphp
 
     @foreach ($categories as $category)
-        <table class="infotable">
+        <table class="info-table">
 
             <caption>
                 <h1>{{ $category->name }}</h1>

resources/views/pages/guestbook.blade.php

@@ -2,13 +2,13 @@
 @section('title', 'Guestbook')
 @section('content')
     <br>
-    <table class="gb-entryform-container">
+    <table class="gb-entry-form-container">
         <tr>
             <td>
                 <form method="POST" action="/guestbook">
                     @csrf
                     <x-honeypot />
-                    <table class="gb-entryform">
+                    <table class="gb-entry-form">
                         <tr>
                             <td>
                                 <label for="name"><strong>Name:</strong></label>

resources/views/pages/home.blade.php

@@ -4,7 +4,7 @@
 @section('content')
     <p>Hi! This my personal homepage on the <strong>W</strong>orld <strong>W</strong>ide <strong>W</strong>eb.
 
-    <table class="infotable">
+    <table class="info-table">
         <caption>
             <h1>Fun Facts</h1>
             <hr>
@@ -21,10 +21,13 @@
         <tr>
             <td>&#9670; Some people say I suck at PHP, but that's clearly wrong :P</td>
         </tr>
+        <tr>
+            <td>&#9670; Some of my favorite games are: OneShot, Minecraft, Stardew Valley, N++ and Starbound</td>
+        </tr>
     </table>
     <br>
 
-    <table class="infotable">
+    <table class="info-table">
         <caption>
             <h1>Interests</h1>
             <hr>
@@ -44,7 +47,7 @@
     </table>
     <br>
 
-    <table class="infotable">
+    <table class="info-table">
         <caption>
             <h1>Contact &amp; social</h1>
             <hr>

resources/views/pages/music.blade.php

@@ -11,7 +11,7 @@
         $top_tracks = json_decode(file_get_contents($api_root . '/lastfm/top'));
         $count = 0;
     @endphp
-    <table class="infotable">
+    <table class="info-table">
         <tr>
             <td colspan="4">
                 <h2>Last/Current Track:</h2>
@@ -32,8 +32,7 @@
                 <h2>Top {{ $cfg['toptracks'] }} Tracks (Last 7 days)</h2>
             </td>
         </tr>
-        <tr
+        <tr>
-        ">
         <td style="text-align: right"><b>#</b></td>
         <td><b>Track</b></td>
         <td><b>Artist</b></td>

resources/views/pages/weather.blade.php

@@ -17,7 +17,7 @@ function degreesToCompassDirection($degrees) {
 $updated = gmdate('H:i Y-m-d', $data->updated);
 $data = $data->current;
 @endphp
-<table class="infotable">
+<table class="info-table">
     <caption>
         <h1>Local Weather</h1>
         <hr>