grid push

src/index.py

@@ -169,7 +169,7 @@ def retrieve_diary_entry_content(page,loc):
     with open(loc + str(page)) as f:
         lines = f.readlines()
         for line in lines:
-            if lines.index(line) >= 5:
+            if lines.index(line) >= 4:
                 string += line
     return string
 

src/static/css/diary.css

@@ -200,7 +200,7 @@ ul { list-style-position: inside; }
     font-size: 10px;
 }
 .snippet-title a {
-    color: #E6E8EF;
+    color: #E3E0DE;
     font-weight: bold;
     text-shadow:
         -1px -1px 1px #324832,
@@ -227,21 +227,17 @@ ul { list-style-position: inside; }
 }
 .snippet-content {
     background-color: #ecd5d2;
+    color: #080410;
     padding: 10px;
     font-size: 15px;
 }
-.snippet-info {
+.date-line {
     background-color: #ecd5d2;
-    padding: 10px;
+    color: #080410;
+    padding: 5px;
+    padding-left: 15px;
     font-size: 15px;
-}
+    text-align: left;
-.snippet-info a {
-    color: black;
-    font-weight: bold;
-}
-.snippet-info a:hover {
-    color: #404664;
-    font-weight: bold;
 }
 .snippet-tags {
     background-color: #ecd5d2;
@@ -259,6 +255,16 @@ ul { list-style-position: inside; }
     font-weight: bold;
     display: inline-block;
 }
+.social-line {
+    background-color: #404664;
+    padding-top: 5px;
+    padding-left: 15px;
+    
+}
+.social-line a {
+    color: #E3E0DE;
+    font-weight: bold;
+}
 .snippet-link {
     margin-top: -35px;
     float: right;

src/static/css/feature.css

@@ -119,7 +119,8 @@ ul,ol { list-style-position: inside; }
     border-top-right-radius: 25px;
     color: #e6e8ef;
     padding: 10px;
-    padding-top: 25px;
+    padding-top: 55px;
+    padding-bottom: 25px;
     font-size: 25px;
     text-align: center;
     font-weight: bold;

src/views/diary.tpl

@@ -105,21 +105,24 @@
                 <div class="snippet-title">
                     <a href={{s[3]}} rel="nofollow"><h1>{{!s[0]}}</h1></a>
                 </div>
+                <div class="date-line">
+                    <b>chimchooree</b>
+                    • <b>{{!s[2]}}</b>
+                </div>
                 <div class="snippet-content">
                     {{!s[1]}}
                 </div>
-                <div class="snippet-info">
+                % if len(s[5]) >= 1:
-                    <b>{{!s[2]}}</b> 
+                    <div class=snippet-tags>
-                    • <a class="social-link social-twitter" href='http://twitter.com/share?text={{s[4]}}&url=https://blessfrey.me{{s[3]}}&via=lilchimchooree' target="_blank">tweet</a> 
+                        % for j in s[5]:
-                    % if len(s[5]) >= 1:
+                        <div class="snippet-tag">
-                        <div class=snippet-tags>
+                            {{j}}
-                            % for j in s[5]:
-                            <div class="snippet-tag">
-                                {{j}}
-                            </div>
-                            % end
                         </div>
+                        % end
+                    </div>
                     % end
+                <div class="social-line">
+                    <a class="social-link social-twitter" href='http://twitter.com/share?text={{s[4]}}&url=https://blessfrey.me{{s[3]}}&via=lilchimchooree' target="_blank">tweet</a> 
                 </div>
                 <div class="snippet-link">
                     <a href={{s[3]}}>