added icons and bootstrap interface

astrotarot-ca · Feb 19, 2020 · 405a7e4 · 405a7e4
1 parent ac5715e
commit 405a7e4
Show file tree

Hide file tree

Showing 27 changed files with 68 additions and 23 deletions.
diff --git a/android-icon-144x144.png b/android-icon-144x144.png
diff --git a/android-icon-192x192.png b/android-icon-192x192.png
diff --git a/android-icon-36x36.png b/android-icon-36x36.png
diff --git a/android-icon-48x48.png b/android-icon-48x48.png
diff --git a/android-icon-72x72.png b/android-icon-72x72.png
diff --git a/android-icon-96x96.png b/android-icon-96x96.png
diff --git a/apple-icon-114x114.png b/apple-icon-114x114.png
diff --git a/apple-icon-120x120.png b/apple-icon-120x120.png
diff --git a/apple-icon-144x144.png b/apple-icon-144x144.png
diff --git a/apple-icon-152x152.png b/apple-icon-152x152.png
diff --git a/apple-icon-180x180.png b/apple-icon-180x180.png
diff --git a/apple-icon-57x57.png b/apple-icon-57x57.png
diff --git a/apple-icon-60x60.png b/apple-icon-60x60.png
diff --git a/apple-icon-72x72.png b/apple-icon-72x72.png
diff --git a/apple-icon-76x76.png b/apple-icon-76x76.png
diff --git a/apple-icon-precomposed.png b/apple-icon-precomposed.png
diff --git a/apple-icon.png b/apple-icon.png
diff --git a/css/index.css b/css/index.css
@@ -1,10 +1,3 @@
-body {
-	height: 3000px;
-	font: 1em Tahoma, serif;
-	background-color: #eeeeee;
-	padding: 1%;
-	padding-top: 0px;
-}
 img.card {
 	margin: 1%;
 	cursor: move;

diff --git a/favicon-16x16.png b/favicon-16x16.png
diff --git a/favicon-32x32.png b/favicon-32x32.png
diff --git a/favicon-96x96.png b/favicon-96x96.png
diff --git a/favicon.ico b/favicon.ico
diff --git a/index.html b/index.html
@@ -1,28 +1,80 @@
 <!DOCTYPE html>
 <html lang="en" dir="ltr">
   <head>
+    <link rel="apple-touch-icon" sizes="57x57" href="apple-icon-57x57.png">
+    <link rel="apple-touch-icon" sizes="60x60" href="apple-icon-60x60.png">
+    <link rel="apple-touch-icon" sizes="72x72" href="apple-icon-72x72.png">
+    <link rel="apple-touch-icon" sizes="76x76" href="apple-icon-76x76.png">
+    <link rel="apple-touch-icon" sizes="114x114" href="apple-icon-114x114.png">
+    <link rel="apple-touch-icon" sizes="120x120" href="apple-icon-120x120.png">
+    <link rel="apple-touch-icon" sizes="144x144" href="apple-icon-144x144.png">
+    <link rel="apple-touch-icon" sizes="152x152" href="apple-icon-152x152.png">
+    <link rel="apple-touch-icon" sizes="180x180" href="apple-icon-180x180.png">
+    <link rel="icon" type="image/png" sizes="192x192"  href="android-icon-192x192.png">
+    <link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png">
+    <link rel="icon" type="image/png" sizes="96x96" href="favicon-96x96.png">
+    <link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png">
+
+    <meta name="msapplication-TileColor" content="#ffffff">
+    <meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
+    <meta name="theme-color" content="#ffffff">
+
     <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1, zoom-to-fit=yes">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 
-    <title>TuTarot [home]</title>
+    <title>TuTarot</title>
     <!-- Bootstrap CSS -->
     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">  </head>
     <link rel="stylesheet" href="css/index.css">
+  </head>
   <body>
-    <h1>Oracle</h1>
-    <a href="aotut/all.html">Astroracle (en)</a><br />
-    <a href="aofrtut/all.html">Astroracle (fr)</a><br />
-    <a href="SSQ/all.html">Thoth Playing Cards (Neutral)</a><br />
-    <a href="SSQII-EN/all.html">Thoth Playing Cards (Vulgar)</a><br />
-    <!--h1>Languages</h1>
-    <a href="go/all.html">Greek Oracle</a><br />
-    <a href="ho/all.html">Hebrew Oracle</a><br />
-    <a href="ro/all.html">Russian Oracle</a><br / -->
-    <h1>Tarot</h1>
-    <!--a href="pc/all.html">Playing Cards</a><br / -->
-    <a href="rwstut/all.html">Rider-Waite-Smith Tarot</a><br />
-    <a href="tmcbdtut/all.html">CBD Tarot de Marseille</a><br />
-    <!-- a href="thothtut/all.html">Thoth Tarot</a><br / -->
+    <div class="container-fluid">
+      <nav class="navbar navbar-expand-lg navbar-light bg-light">
+        <a class="navbar-brand" href="index.html"><img class="rounded" src="favicon-96x96.png" alt="" width="64" height="64"> TuTarot</a>
+        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+          <span class="navbar-toggler-icon"></span>
+        </button>      
+        <div class="collapse navbar-collapse" id="navbarSupportedContent">
+          <ul class="navbar-nav mr-auto">
+            <li class="nav-item active">
+              <a class="nav-link" href="index.html">Home <span class="sr-only">(current)</span></a>
+            </li>
+            <!-- li class="nav-item">
+              <a class="nav-link" href="#">Link</a>
+            </li>
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                Dropdown
+              </a>
+              <div class="dropdown-menu" aria-labelledby="navbarDropdown">
+                <a class="dropdown-item" href="#">Action</a>
+                <a class="dropdown-item" href="#">Another action</a>
+                <div class="dropdown-divider"></div>
+                <a class="dropdown-item" href="#">Something else here</a>
+              </div>
+            </li -->
+          </ul>
+        </div>
+      </nav>
+
+      <div class="jumbotron">
+        <h1>Oracle Helpers</h1>
+        <ul>
+          <li><a href="aotut/all.html">Astroracle (en)</a></li>
+          <li><a href="aofrtut/all.html">Astroracle (fr)</a></li>
+          <li><a  href="SSQ/all.html">Thoth Playing Cards (Neutral)</a></li>
+          <li><a href="SSQII-EN/all.html">Thoth Playing Cards (Vulgar)</a></li>
+        </ul>
+      </div>
+
+      <div class="jumbotron">
+        <h1>Tarot Helpers</h1>
+        <ul>
+          <li><a href="rwstut/all.html">Rider-Waite-Smith Tarot</a></li>
+          <li><a href="tmcbdtut/all.html">CBD Tarot de Marseille</a></li>
+        </ul>
+      </div>
+    </div>
 
     <script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
     <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>

diff --git a/ms-icon-144x144.png b/ms-icon-144x144.png
diff --git a/ms-icon-150x150.png b/ms-icon-150x150.png
diff --git a/ms-icon-310x310.png b/ms-icon-310x310.png
diff --git a/ms-icon-70x70.png b/ms-icon-70x70.png