updates

rycossette · Sep 29, 2023 · 49b56cf · 49b56cf
1 parent 189b116
commit 49b56cf
Show file tree

Hide file tree

Showing 11 changed files with 292 additions and 213 deletions.
diff --git a/.DS_Store b/.DS_Store
diff --git a/books.html b/books.html
@@ -6,31 +6,38 @@
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <title>the retro new </title>
   <!-- Comparison Slider CSS -->
-  <link rel="stylesheet" href="css/style.css">
-  <link rel="stylesheet" href="css/demo.css">
   <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
     integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ" crossorigin="anonymous">
-
+  <link rel="stylesheet" href="css/style.css">
+  <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
+  <script src="script.js"></script>
+  <!-- custom fonts -->
+  <link href="https://fonts.cdnfonts.com/css/8bit-wonder" rel="stylesheet">
+  <link href="https://fonts.cdnfonts.com/css/depixel" rel="stylesheet">
+  <link href="https://fonts.cdnfonts.com/css/serious" rel="stylesheet">
 </head>
 
 <body>
-  <nav class="navbar navbar-expand-lg bg-body-tertiary">
+  <nav class="navbar navbar-expand-lg">
     <div class="container-fluid">
-      <a class="navbar-brand" href="index.html">
-        <img src="https://raw.githubusercontent.com/rycossette/theretronew/main/img/misc/retronew_icon.jpg" alt="Logo" width="30" height="24"
-          class="d-inline-block align-text-top">
+
+      <a class="navbar-brand logo" href="index.html">
+        <!-- <img src="img/misc/retronew_icon.jpg" alt="Logo" width="30" height="24" class="d-inline-block align-text-top"> -->
+        <span>R</span><span class="accentcolor">N</span>
       </a>
+
       <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
         aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
         <span class="navbar-toggler-icon"></span>
       </button>
+
       <div class="collapse navbar-collapse" id="navbarNav">
         <ul class="navbar-nav mx-auto">
           <li class="nav-item">
             <a class="nav-link" href="games.html">Games</a>
           </li>
           <li class="nav-item">
-            <a class="nav-link" href="movies.html">TV & Movies</a>
+            <a class="nav-link" href="movies.html">TV<span class="accentcolor">/</span>Movies</a>
           </li>
           <li class="nav-item">
             <a class="nav-link" href="comics.html">Comics</a>
@@ -46,8 +53,8 @@
   <header>
     <div class="bg-cover">
       <div class="header">
-        <h1 class="display-5 font-weight-bold">the retro new</h1>
-        <p class="font-italic mb-0">Making old things new again</p>
+        <h1 class="logo_header">The Retro New</h1>
+        <p class="mb-0 tagline-color">Making old things new again</p>
       </div>
     </div>
   </header>

diff --git a/comics.html b/comics.html
@@ -6,31 +6,38 @@
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <title>the retro new </title>
   <!-- Comparison Slider CSS -->
-  <link rel="stylesheet" href="css/style.css">
-  <link rel="stylesheet" href="css/demo.css">
   <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
     integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ" crossorigin="anonymous">
-
+  <link rel="stylesheet" href="css/style.css">
+  <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
+  <script src="script.js"></script>
+  <!-- custom fonts -->
+  <link href="https://fonts.cdnfonts.com/css/8bit-wonder" rel="stylesheet">
+  <link href="https://fonts.cdnfonts.com/css/depixel" rel="stylesheet">
+  <link href="https://fonts.cdnfonts.com/css/serious" rel="stylesheet">
 </head>
 
 <body>
-  <nav class="navbar navbar-expand-lg bg-body-tertiary">
+  <nav class="navbar navbar-expand-lg">
     <div class="container-fluid">
-      <a class="navbar-brand" href="index.html">
-        <img src="https://raw.githubusercontent.com/rycossette/theretronew/main/img/misc/retronew_icon.jpg" alt="Logo" width="30" height="24"
-          class="d-inline-block align-text-top">
+
+      <a class="navbar-brand logo" href="index.html">
+        <!-- <img src="img/misc/retronew_icon.jpg" alt="Logo" width="30" height="24" class="d-inline-block align-text-top"> -->
+        <span>R</span><span class="accentcolor">N</span>
       </a>
+
       <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
         aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
         <span class="navbar-toggler-icon"></span>
       </button>
+
       <div class="collapse navbar-collapse" id="navbarNav">
         <ul class="navbar-nav mx-auto">
           <li class="nav-item">
             <a class="nav-link" href="games.html">Games</a>
           </li>
           <li class="nav-item">
-            <a class="nav-link" href="movies.html">TV & Movies</a>
+            <a class="nav-link" href="movies.html">TV<span class="accentcolor">/</span>Movies</a>
           </li>
           <li class="nav-item">
             <a class="nav-link" href="comics.html">Comics</a>
@@ -46,8 +53,8 @@
   <header>
     <div class="bg-cover">
       <div class="header">
-        <h1 class="display-5 font-weight-bold">the retro new</h1>
-        <p class="font-italic mb-0">Making old things new again</p>
+        <h1 class="logo_header">The Retro New</h1>
+        <p class="mb-0 tagline-color">Making old things new again</p>
       </div>
     </div>
   </header>

diff --git a/css/style.css b/css/style.css
@@ -7,12 +7,14 @@
 
 body {
   background-color: #e9cab6;
+  font-family: 'DePixel', sans-serif;
 }
 
 .header {
   text-align: left;
   padding-top: 150px;
   padding-left: 50px;
+  /* font-family: '8BIT WONDER', sans-serif; */
 }
 
 .padding {
@@ -24,8 +26,26 @@ body {
   margin-top: 15px;
 }
 
+.accentcolor {
+  color:#0099ff
+}
 
+ul li a:hover {
+  color: #025892 !important;
+}
 
+.logo {
+  font-family: 'serious3b', sans-serif;
+}
+.logo_header {
+  font-family: 'serious3b', sans-serif;
+  font-weight: bold;
+  color:#ffffff
+}
+
+.tagline-color {
+  color:#ffffff
+}
 
 /* modal */
 .modal {

diff --git a/css/style2.css b/css/style2.css
@@ -0,0 +1,3 @@
+body {
+  background-color: #e9cab6;
+}
diff --git a/games.html b/games.html
@@ -6,31 +6,38 @@
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <title>the retro new </title>
   <!-- Comparison Slider CSS -->
-  <link rel="stylesheet" href="css/style.css">
-  <link rel="stylesheet" href="css/demo.css">
   <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
     integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ" crossorigin="anonymous">
-
+  <link rel="stylesheet" href="css/style.css">
+  <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
+  <script src="script.js"></script>
+  <!-- custom fonts -->
+  <link href="https://fonts.cdnfonts.com/css/8bit-wonder" rel="stylesheet">
+  <link href="https://fonts.cdnfonts.com/css/depixel" rel="stylesheet">
+  <link href="https://fonts.cdnfonts.com/css/serious" rel="stylesheet">
 </head>
 
 <body>
-  <nav class="navbar navbar-expand-lg bg-body-tertiary">
+  <nav class="navbar navbar-expand-lg">
     <div class="container-fluid">
-      <a class="navbar-brand" href="index.html">
-        <img src="https://raw.githubusercontent.com/rycossette/theretronew/main/img/misc/retronew_icon.jpg" alt="Logo" width="30" height="24"
-          class="d-inline-block align-text-top">
+
+      <a class="navbar-brand logo" href="index.html">
+        <!-- <img src="img/misc/retronew_icon.jpg" alt="Logo" width="30" height="24" class="d-inline-block align-text-top"> -->
+        <span>R</span><span class="accentcolor">N</span>
       </a>
+
       <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
         aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
         <span class="navbar-toggler-icon"></span>
       </button>
+
       <div class="collapse navbar-collapse" id="navbarNav">
         <ul class="navbar-nav mx-auto">
           <li class="nav-item">
             <a class="nav-link" href="games.html">Games</a>
           </li>
           <li class="nav-item">
-            <a class="nav-link" href="movies.html">TV & Movies</a>
+            <a class="nav-link" href="movies.html">TV<span class="accentcolor">/</span>Movies</a>
           </li>
           <li class="nav-item">
             <a class="nav-link" href="comics.html">Comics</a>
@@ -46,8 +53,8 @@
   <header>
     <div class="bg-cover">
       <div class="header">
-        <h1 class="display-5 font-weight-bold">the retro new</h1>
-        <p class="font-italic mb-0">Making old things new again</p>
+        <h1 class="logo_header">The Retro New</h1>
+        <p class="mb-0 tagline-color">Making old things new again</p>
       </div>
     </div>
   </header>

diff --git a/index copy.html b/index copy.html
@@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>the retro new </title>
+  <!-- Comparison Slider CSS -->
+  <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
+    integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ" crossorigin="anonymous">
+  <link rel="stylesheet" href="css/style2.css">
+  <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
+  <script src="script.js"></script>
+
+
+<body>
+
+  <nav class="navbar navbar-expand-lg ">
+    <div class="container-fluid">
+
+      <a class="navbar-brand " href="index.html">
+        <img src="img/misc/retronew_icon.jpg" alt="Logo" width="30" height="24" class="d-inline-block align-text-top">
+      </a>
+
+      <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
+        aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
+        <span class="navbar-toggler-icon"></span>
+      </button>
+
+      <div class="collapse navbar-collapse" id="navbarNav">
+        <ul class="navbar-nav mx-auto">
+          <li class="nav-item">
+            <a class="nav-link" href="games.html">Games</a>
+          </li>
+          <li class="nav-item">
+            <a class="nav-link" href="movies.html">TV & Movies</a>
+          </li>
+          <li class="nav-item">
+            <a class="nav-link" href="comics.html">Comics</a>
+          </li>
+          <li class="nav-item">
+            <a class="nav-link" href="books.html">Books</a>
+          </li>
+        </ul>
+      </div>
+    </div>
+  </nav>
+
+
+</body>
+
+</html>
diff --git a/index test.html b/index test.html
@@ -14,7 +14,7 @@
     <!-- Pico.css (Classless version) -->
     <link
       rel="stylesheet"
-      href="https://cdn.jsdelivr.net/npm/@picocss/pico@1/css/pico.classless.min.css"/>
+      href="css/style2.css"/>
   </head>
 
   <body>