From 5a6a8d952853a18bbf9165863b70c81ae69e09ff Mon Sep 17 00:00:00 2001
From: puffer <kevin@alavik.se>
Date: Thu, 19 Oct 2023 12:11:40 +0000
Subject: [PATCH] Fix

---
 src/css/main.css         | 29 ++++++++---------------------
 src/getting-started.html |  2 +-
 src/index.html           |  1 +
 src/variables.html       |  1 +
 4 files changed, 11 insertions(+), 22 deletions(-)

diff --git a/src/css/main.css b/src/css/main.css
index 06f6265..ad414af 100644
--- a/src/css/main.css
+++ b/src/css/main.css
@@ -4,34 +4,22 @@
     font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
 }
 
-.page-content {
-    margin-left: .5rem;
-    margin-top: 1.75rem;
-    width: 100%
-}
-
 .body {
     display: flex;
-    flex-direction: row;
-    padding: 1.5rem;
-    padding-left: .5rem;
 }
 
-code {
-    font-family: Monaco, monospace;
-    line-height: 100%;
-    background-color: #f0f0f0;
-    padding: 0.4em;
-    letter-spacing: -0.05em;
-    word-break: normal;
-    border-radius: 8px;
+.page-content {
+    margin-top: 1.75rem;
+    margin-left: 350px;
+    flex: 1;
 }
 
 .side-bar {
     width: 350px;
     height: 100vh;
-    overflow-y: hidden;
-    overflow-x: auto;
+    position: fixed;
+    top: 0;
+    z-index: 100;
 }
 
 *>a {
@@ -114,5 +102,4 @@ samp {
 .highlight {
     color: rgb(61, 61, 61);
     font-size: 12px;
-    
-}
\ No newline at end of file
+}
diff --git a/src/getting-started.html b/src/getting-started.html
index 3b7b8bd..b31a605 100644
--- a/src/getting-started.html
+++ b/src/getting-started.html
@@ -27,7 +27,7 @@
             <li><a href="getting-started.html#pint-first-time">Running pint for the first time</a></li>
             <li><a href="getting-started.html#first-program">Your very first P program!</a></li>
           </ul>
-          <li><ahref="variables.html">Variables</a></li>
+          <li><a href="variables.html">Variables</a></li>
           <ul>
             <li><a href="variables.html#defining-variables">Defining Variables</a></li>
             <li><a href="variables.html#using-variables">Using Variables</a></li>
diff --git a/src/index.html b/src/index.html
index f2335bb..dc34f01 100644
--- a/src/index.html
+++ b/src/index.html
@@ -63,6 +63,7 @@ <h1 class="page-title" id="Introduction">Introduction</h1>
           P is a statically-typed, interpreted programming language written in
           100% TypeScript.
         </p>
+        <p>You can find help in these documents and multiple examples and in depth information</p>
         <h2>Links:</h2>
         <ul>
           <li>
diff --git a/src/variables.html b/src/variables.html
index f3a5f38..6fc92ec 100644
--- a/src/variables.html
+++ b/src/variables.html
@@ -37,6 +37,7 @@
               <li><a href="functions.html#defining-functions">Defining Functions</a></li>
               <li><a href="functions.html#using-functions">Using Functions</a></li>
             </ul>
+            <li><a href="examples.html">Examples</a></li>
             <ul>
                 <li><a href="examples.html#fizz-buzz">Fizz Buzz</a></li>
                 <li><a href="examples.html#http-server">Simple HTTP Server</a></li>