Merge pull request #7 from dlesaca/footer

Footer
litteredwitherrors · May 10, 2017 · b62d776 · b62d776
2 parents 16fbbfc + e8622d5
commit b62d776
Show file tree

Hide file tree

Showing 6 changed files with 26 additions and 2 deletions.
diff --git a/.gitignore b/.gitignore
@@ -2,3 +2,4 @@
 node_modules
 public
 data/ghost-dev.db
+*.zip
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "lesaca",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "A Ghost theme for my portfolio",
   "main": "index.js",
   "author": "Dexter Lesaca",

diff --git a/src/default.hbs b/src/default.hbs
@@ -32,7 +32,14 @@
       {{navigation}}
     </header>
     {{{body}}}
-
+    <footer class="site-footer" id="contact">
+      <ul class="contact-list">
+        <li><a href="https://github.com/dlesaca">GitHub</a></li>
+        <li><a href="https://twitter.com/dexterlesaca">Twitter</a></li>
+        <li><a href="https://www.linkedin.com/in/dlesaca/">LinkedIn</a></li>
+        <li><a href="mailto:dexter.lesaca@gmail.com">dexter.lesaca@gmail.com</a></li>
+      </ul>
+    </footer>
     {{ghost_foot}}
     <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js">
     </script>

diff --git a/src/scss/app.scss b/src/scss/app.scss
@@ -17,5 +17,6 @@
 
 @import 'components/navigation';
 @import 'components/header';
+@import 'components/footer';
 @import 'components/block';
 @import 'components/tile';
diff --git a/src/scss/components/_block.scss b/src/scss/components/_block.scss
@@ -68,6 +68,7 @@
 .showcase {
   // background-color: gray;
   // padding: 0 2em;
+  align-items: start;
   img {
     border: 1px solid rgba(0,0,0,0.09);
     box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.1);

diff --git a/src/scss/components/_footer.scss b/src/scss/components/_footer.scss
@@ -0,0 +1,14 @@
+.site-footer {
+  background-color: $color-site-black;
+  text-align: center;
+  padding: 3em;
+  .contact-list {
+    li {
+      display: inline;
+      margin-right: 1em;
+    }
+  }
+  a {
+    color: $color-site-white;
+  }
+}