Add index page for notes

seitsu · Apr 4, 2016 · b07d1a6 · b07d1a6
1 parent 7a0ead9
commit b07d1a6
Show file tree

Hide file tree

Showing 9 changed files with 180 additions and 1 deletion.
diff --git a/_layouts/secondary.html b/_layouts/secondary.html
@@ -19,6 +19,7 @@
   <link rel="stylesheet" href="//fonts.googleapis.com/css?family=Open+Sans:400,700">
   <link rel="stylesheet" href="/lib/semantic/css/semantic.min.css">
   <link rel="stylesheet" href="/css/base.css">
+  <link rel="stylesheet" href="/css/notes.css">
 </head>
 
 <body>

diff --git a/css/notes.scss b/css/notes.scss
@@ -0,0 +1,15 @@
+---
+---
+
+#note-header {
+  margin-bottom: 75px;
+}
+
+.row {
+  margin-bottom: 50px;
+}
+
+.ui.card > img {
+  height: 150px;
+  width: 150px;
+}
diff --git a/notes/fidelity.html b/notes/fidelity.html
@@ -10,7 +10,7 @@ <h2>Two Factor Auth (2FA)</h2>
 
 <div class="ui very padded vertical segment teal">
     <h2 class="ui header">
-        Fidelity
+        Fidelity Investments
         <div class="sub header">Info regarding Fidelity's 2FA.</div>
     </h2>
     <p>

diff --git a/notes/img/chase.svg b/notes/img/chase.svg
diff --git a/notes/img/eso.jpg b/notes/img/eso.jpg
diff --git a/notes/img/fidelity.png b/notes/img/fidelity.png
diff --git a/notes/img/gree.png b/notes/img/gree.png
diff --git a/notes/img/internetbs.png b/notes/img/internetbs.png
diff --git a/notes/index.html b/notes/index.html
@@ -0,0 +1,71 @@
+---
+layout: secondary
+---
+
+<div id="note-header" class="ui center aligned icon header">
+  <i class="circular file outline icon"></i>
+
+  <h2>Notes</h2>
+</div>
+
+<div class="ui stackable grid container">
+  <div class="three column row">
+    <div class="column">
+      <div class="ui card">
+        <a class="image" href="/notes/chase">
+          <img src="img/chase.svg">
+        </a>
+
+        <div class="content">
+          <a class="header" href="/notes/chase">Chase</a>
+        </div>
+      </div>
+    </div>
+    <div class="column">
+      <div class="ui card">
+        <a class="image" href="/notes/eso">
+          <img src="img/eso.jpg">
+        </a>
+
+        <div class="content">
+          <a class="header" href="/notes/eso">Elder Scrolls Online</a>
+        </div>
+      </div>
+    </div>
+    <div class="column">
+      <div class="ui card">
+        <a class="image" href="/notes/fidelity">
+          <img src="img/fidelity.png">
+        </a>
+
+        <div class="content">
+          <a class="header" href="/notes/fidelity">Fidelity Investments</a>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div class="three column row">
+    <div class="column">
+      <div class="ui card">
+        <a class="image" href="/notes/gree">
+          <img src="img/gree.png">
+        </a>
+
+        <div class="content">
+          <a class="header" href="/notes/gree">GREE</a>
+        </div>
+      </div>
+    </div>
+    <div class="column">
+      <div class="ui card">
+        <a class="image" href="/notes/internetbs">
+          <img src="img/internetbs.png">
+        </a>
+
+        <div class="content">
+          <a class="header" href="/notes/internetbs">Internet.bs</a>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>