updated project page

iainvm · Jul 10, 2017 · 764f552 · 764f552
1 parent fed77e3
commit 764f552
Show file tree

Hide file tree

Showing 8 changed files with 32 additions and 13 deletions.
diff --git a/.sass-cache/bfa1df8bfba26aeac0be1b3d5776e17e204042d1/main.scssc b/.sass-cache/bfa1df8bfba26aeac0be1b3d5776e17e204042d1/main.scssc
diff --git a/public/css/main.css b/public/css/main.css
diff --git a/public/css/main.css.map b/public/css/main.css.map
diff --git a/public/images/background1.jpg b/public/images/background1.jpg
diff --git a/public/images/background2.jpg b/public/images/background2.jpg
diff --git a/scss/main.scss b/scss/main.scss
@@ -77,10 +77,11 @@ nav{
 
 #main {
     flex: 1 0 auto;
+    width: 90%;
 }
 
-.container {
-    width: 90%;
+.container, .parallax-container{
+    width:100%;
 }
 
 footer.page-footer {

diff --git a/site.json b/site.json
@@ -1,6 +1,11 @@
 {
     "name": "IainVM.tech",
     "navi": [
+        {
+            "url": "/",
+            "icon": "home",
+            "label": "Home"
+        },
         {
             "url": "/about",
             "icon": "info",

diff --git a/views/project.pug b/views/project.pug
@@ -4,17 +4,29 @@ block style
     link(rel="stylesheet", href="/css/project.css")
 
 block content
-  div.parallax-container
+  div#index-banner.parallax-container
+    div.section
+      div.container
+        h1.header.center.ltext #{project.name}
+        div.row.center
+          h5.header.col.s12.light #{project.description}
     div.parallax
-      img(src='/images/background1.jpg')
-  div.section.white
-    div.row.container
-      h2.header Parallax
-      p.grey-text.text-darken-3.lighten-3
-        | Parallax is an effect where the background content or image in this case, is moved at a different speed than the foreground content while scrolling.
+      img(src="/images/background1.jpg")
+  div.container
+    div.section.lbacking
+      div.container
+        h2.header.dtext.center Project Stats
+        p.atext
+          | This area is going to break down the languages and tools used in the project
   div.parallax-container
     div.parallax
       img(src='/images/background2.jpg')
+  div.container
+    div.section.lbacking
+      div.container
+        h2.header.dtext.center Project Blog
+        p.atext
+          | This area will show various posts I've made about this project, usually about problems I faced and how I solved them
 
 
 block scripts