{% include links.html %}

ricoThaka · Apr 19, 2024 · f6d4ef2 · f6d4ef2
1 parent dff8e90
commit f6d4ef2
Show file tree

Hide file tree

Showing 4 changed files with 175 additions and 1 deletion.
diff --git a/_includes/header.html b/_includes/header.html
@@ -0,0 +1,17 @@
+<div id="navcontainer">
+    <div class="logo"><a href="https://ricothaka.github.io/" alt="My Name is Thaka aka #Rashard! I am a Unix Adimistrator assigned to the Mars Reconnosince Orbiter at #Nasa's Jet Propulsion Laboratory in Pasadena California i have a daughter named coral and a fiance named normani and an exwife ... erika ">./HoleToAnotherUniverse</a></div>
+  <ul id="navlist">
+    <li><a href="https://ricothaka.github.io/" alt="My Resume!">HomE</a></li> 
+  <li id="active"><a id="current" href="https://ricothaka.github.io/blog/" alt="My Name is Thaka ppl usd to call me Rashard and this is My blog" >BLoG</a></li>
+  <li><a href="https://ricothaka.github.io/marsblog.html" alt="Mars Reconissince Orbiter is my job to help maintain for the us government and our global allies, we r a fun bunch">MarsNotes</a></li>
+  <li><a href="https://ricothaka.github.io/cv/" alt="My Resume!">ResumE</a></li>
+  <li><a href="https://ricothaka.github.io/Contact.html">SocialS</a></li>
+  <li><a href="https://ricothaka.github.io/marsblog.html" alt="Mars Reconissince Orbiter is my job to help maintain for the us government and our global allies, we r a fun bunch">MarsNotes</a></li>
+  <li><a href="{{ "/archive" | prepend: site.baseurl | replace: '//', '/' }}">Archive</a></li>
+  <li><a href="{{ "/atom.xml" | prepend: site.baseurl | replace: '//', '/' }}">RSS</a></li>
+  <a href="{{ "/" | prepend: site.baseurl | replace: '//', '/' }}">
+    {% assign owner_first_name = site.owner | split: " " %}
+    {{ owner_first_name[0] | downcase }}@home:~$
+    </a>
+  </ul>
+  </div>
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -13,6 +13,7 @@
   <body>
 
     <header style="color:white;" class="neon">
+      {% include links.html %}
       <div class="container">
         <a id="a-title" href="{{ '/' | relative_url }}">
           <h1>{{ site.title | default: site.github.repository_name }}</h1>
@@ -31,9 +32,10 @@ <h2>{{ site.description | default: site.github.project_tagline }}</h2>
 
     <div class="container">
       <section id="main_content">
-        {% include links.html %}
+
         {{ content }}
       </section>
+      {% include footer.html %}
     </div>
   </body>
 </html>
diff --git a/_layouts/footer.html b/_layouts/footer.html
@@ -0,0 +1,38 @@
+<div id="footer">
+    <div class="logo"><a href="https://ricothaka.github.io/htau.html">./HoleToAnotherUniverse</a></div>  
+    <div class="css3badge"><a href="https://jigsaw.w3.org/css-validator/check/referer">
+      <img style="border:0;width:88px;height:31px"
+          src="https://jigsaw.w3.org/css-validator/images/vcss-blue"
+          alt="Valid CSS!" />
+  </a>
+
+    </div>
+     <div class="css3badge">   <a href="https://jigsaw.w3.org/css-validator/check/referer">
+      <img style="border:0;width:88px;height:31px"
+          src="https://jigsaw.w3.org/css-validator/images/vcss"
+          alt="Valid CSS!" />
+  </a>  
+       </div>
+  </div>
+
+  <!--
+  <div id="footer">
+    <div class="logo"><a href="https://ricothaka.github.io/htau.html">./HoleToAnotherUniverse {{ site.owner}}
+  
+      
+  
+    </a></div>  
+    <div class="css3badge"><a href="https://jigsaw.w3.org/css-validator/check/referer">
+      <img style="border:0;width:88px;height:31px"
+          src="https://jigsaw.w3.org/css-validator/images/vcss-blue"
+          alt="Valid CSS!" />
+  </a>
+      
+    </div>
+     <div class="css3badge">   <a href="https://jigsaw.w3.org/css-validator/check/referer">
+      <img style="border:0;width:88px;height:31px"
+          src="https://jigsaw.w3.org/css-validator/images/vcss"
+          alt="Valid CSS!" />
+  </a>  
+       </div>
+  </div> -->
diff --git a/_sass/jekyll-theme-hacker.scss b/_sass/jekyll-theme-hacker.scss
@@ -186,6 +186,123 @@ header h2 {
 /* Main Content
 */
 
+#navcontainer
+{
+  flex-wrap: nowrap;
+  width:50vw;
+text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 20px #fff, 0 0 40px #0ff,
+  0 0 80px #0ff, 0 0 90px #0ff, 0 0 100px #0ff, 0 0 150px #0ff;
+padding:5px;
+position:fixed;
+padding: 0;
+height: 20px;
+  display:inline;
+  background-color:black;
+  position:fixed;
+  color:white;
+  border-top: 1px dotted #2E97F2;
+  top:0;
+}
+
+#navcontainer ul
+{
+border: 0;
+margin: 0;
+padding: 0;
+list-style-type: none;
+text-align: center;
+
+}
+
+#navcontainer ul li
+{
+display: block;
+float: right;
+text-align: center;
+padding: 0;
+margin: 0;
+}
+
+#navcontainer ul li a
+{
+width: 78px;
+height: 25px;
+border-top: 1px solid #2E97F2;
+border-left: 0px solid #f5d7b4;
+border-bottom: 1px solid #262626;
+border-right: 1px solid #262626;
+padding: 0;
+margin: 0 0 0px 0;
+color: #A6A6A6;
+text-decoration: none;
+display: block;
+text-align: center;
+font: normal 10px/18px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
+}
+
+#navcontainer ul li a:hover
+{
+color: #F2F2F2;
+background: #262626;
+}
+
+#navcontainer a:active
+{
+background: #262626;
+color: #fff;
+}
+
+#navcontainer li#active a
+{
+background: #262626;
+border-right: 4px solid #2E97F2;
+color: #fff;
+}
+
+.logo {
+
+  float: left;
+  background-color:black;
+  display:inline;
+  padding:5px;
+}
+.css3badge {
+  display:inline;
+  float: right;
+  flex-wrap: nowrap;
+
+}
+#heading {
+
+  flex-wrap: wrap;
+    width:50vw;
+  text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 20px #fff, 0 0 40px #0ff,
+    0 0 80px #0ff, 0 0 90px #0ff, 0 0 100px #0ff, 0 0 150px #0ff;
+   position:fixed;
+    display: grid;
+grid-template-rows: auto auto auto;
+    background-color: black;
+  color:white;
+  padding:5px;
+  position:fixed;
+
+}
+#footer {
+
+  flex-wrap: nowrap;
+  bottom:0;
+  position:fixed;
+    display:inline;
+grid-template-rows: auto auto auto;
+    background-color: black;
+  color:white;
+  padding:5px;
+  position:fixed;
+  width:50vw;
+  text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 20px #fff, 0 0 40px #0ff,
+    0 0 80px #0ff, 0 0 90px #0ff, 0 0 100px #0ff, 0 0 150px #0ff;
+  }
+
 #main_content {
   width: 100%;
   -webkit-font-smoothing: antialiased;