Let's Do It Again!

_includes/header.html

@@ -1,13 +1,7 @@
 {%- assign page_paths = site.header_pages | default: default_paths -%}
 <header>
   <div class="menu">
-    <ul><li>
+    <ul>
-<?php
-$message_array = file("/var/www/pickmy/taglines.txt");
-$message = array_rand($message_array);
-echo "$message_array[$message]";
-?>&nbsp | 
-</li>
       {%- for path in page_paths -%}
         {%- assign my_page = site.pages | where: "path", path | first -%}
         {%- if my_page.title == '/git' -%}
@@ -16,6 +10,13 @@ echo "$message_array[$message]";
         <li><a href="{{ my_page.url | relative_url }}">{{ my_page.title | escape }}</a></li>
         {%- endif -%}
       {%- endfor -%}
+<li>
+&nbsp | <?php
+$message_array = file("/var/www/pickmy/taglines.txt");
+$message = array_rand($message_array);
+echo "$message_array[$message]";
+?>
+</li>    
 </ul>
   </div>
 </header>

_sass/base.scss

@@ -52,7 +52,7 @@ footer { font-size: 10px; margin-bottom: 20px; }
  * Header/Navigation
  */
 .menu { border-top: var(--border);  border-bottom: var(--border); font-size: 15px; font-weight: bold; margin-bottom: 25px; }
-.menu ul { margin-top: 12px;  margin-bottom: 12px;  padding-left: 0px;  list-style-type: none;  text-align: right; }
+.menu ul { margin-top: 12px;  margin-bottom: 12px;  padding-left: 0px;  list-style-type: none;  text-align: left; }
 .menu ul li { display: inline;  margin-left: 10px; }
 .menu ul li a { text-decoration: none;  color: var(--text-color); }
 .menu ul li a:hover { text-decoration: none; color: var(--background-color); background-color: var(--base-color); }

blog/_posts/2022-08-30-more-changes.md

@@ -0,0 +1,9 @@
+---
+title: More Changes
+layout: post
+date: 2022-08-30 01:09:24
+permalink: /blog/2022/AUG/30-more-changes.php
+excerpt_separator: <!--more-->
+---
+
+I added the random tails back to the bottom of the page. I also redid the top menu bar. It's left aligned with the menu first; the polar opposite of the footer layout. 

tails.txt

@@ -0,0 +1,2 @@
+These are placeholder tails.
+You dummy.