Update pages

aventurevc · Aug 28, 2024 · 68f852e · 68f852e
1 parent d6e7176
commit 68f852e
Show file tree

Hide file tree

Showing 3 changed files with 69 additions and 23 deletions.
diff --git a/docs/_config.yml b/docs/_config.yml
@@ -1,4 +1,3 @@
-# _config.yml
 title: aVenture Documentation
 description: Documentation for aVenture, a private venture capital research platform
 baseurl: "" # the subpath of your site, e.g. /blog
@@ -24,3 +23,14 @@ exclude:
 sass:
   sass_dir: _sass
   style: compressed
+
+# Explicitly set permalink style
+permalink: /:title.html
+
+# Default layout for pages
+defaults:
+  -
+    scope:
+      path: "" # an empty string here means all files in the project
+    values:
+      layout: "default"
diff --git a/docs/_layouts/default.html b/docs/_layouts/default.html
@@ -6,18 +6,34 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>{{ site.title }}</title>
-    <link rel="stylesheet" href="{{ '/assets/css/main.scss' | relative_url }}">
+    <link rel="stylesheet" href="{{ '/assets/css/main.css' | relative_url }}">
 </head>
 <body>
     <header>
-        <img src="https://aventurevc.github.io/aventure-app/assets/images/aventure_logo_1280x_wide_reduced_transparent.png" alt="aVenture Logo" class="logo">
+        <a href="https://aventure.vc" title="aVenture">
+            <img src="https://aventurevc.github.io/aventure-app/assets/images/aventure_logo_1280x_wide_reduced_transparent.png" alt="aVenture Logo" class="logo">
+        </a>
         <h1>{{ site.title }}</h1>
     </header>
-
-    <main>
-        {{ content }}
-    </main>
-
+
+    <div class="container">
+        <nav class="side-nav">
+            <h2>Quick Links</h2>
+            <ul>
+                <li><a href="{{ '/index.html' | relative_url }}">Home</a></li>
+                <li><a href="{{ '/getting-started.html' | relative_url }}">Getting Started</a></li>
+                <li><a href="{{ '/conventions.html' | relative_url }}">Conventions</a></li>
+                <li><a href="{{ '/terms-of-use.html' | relative_url }}">Terms of Use</a></li>
+                <li><a href="{{ '/privacy-policy.html' | relative_url }}">Privacy Policy</a></li>
+                <li><a href="{{ '/legal-disclaimers.html' | relative_url }}">Legal Disclaimers</a></li>
+            </ul>
+        </nav>
+
+        <main class="content">
+            {{ content }}
+        </main>
+    </div>
+
     <footer>
         <p>For more information, visit <a href="https://aventure.vc">https://aventure.vc</a></p>
     </footer>

diff --git a/docs/assets/css/main.scss b/docs/assets/css/main.scss
@@ -5,15 +5,16 @@ body {
     font-family: 'Arial', sans-serif;
     line-height: 1.6;
     color: #333;
-    max-width: 800px;
-    margin: 0 auto;
-    padding: 20px;
+    margin: 0;
+    padding: 0;
     background-color: #f4f4f4;
 }
 
 header {
+    background-color: #fff;
+    padding: 20px;
     text-align: center;
-    margin-bottom: 40px;
+    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
 }
 
 .logo {
@@ -26,43 +27,62 @@ h1 {
     margin-top: 20px;
 }
 
-p {
-    margin-bottom: 20px;
+.container {
+    display: flex;
+    max-width: 1200px;
+    margin: 0 auto;
+    padding: 20px;
 }
 
-.quick-links {
+.side-nav {
+    width: 250px;
     background-color: #fff;
-    border-radius: 8px;
     padding: 20px;
+    border-radius: 8px;
     box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+    margin-right: 20px;
 }
 
-.quick-links h2 {
+.side-nav h2 {
     color: #2c3e50;
     margin-top: 0;
 }
 
-.quick-links ul {
+.side-nav ul {
     list-style-type: none;
     padding: 0;
 }
 
-.quick-links li {
+.side-nav li {
     margin-bottom: 10px;
 }
 
-.quick-links a {
+.side-nav a {
     color: #3498db;
     text-decoration: none;
     transition: color 0.3s ease;
 }
 
-.quick-links a:hover {
+.side-nav a:hover {
     color: #2980b9;
 }
 
+.content {
+    flex-grow: 1;
+    background-color: #fff;
+    padding: 20px;
+    border-radius: 8px;
+    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+}
+
 footer {
-    margin-top: 40px;
     text-align: center;
-    color: #7f8c8d;
+    padding: 20px;
+    background-color: #2c3e50;
+    color: #ecf0f1;
+    margin-top: 20px;
+}
+
+footer a {
+    color: #3498db;
 }