Added some post photo preview on index page...

_posts/2014-08-29-jce-manager-version-1-0.markdown

@@ -5,6 +5,7 @@ date:   2014-09-17 14:34:25
 categories: Releases
 tags: featured
 image: /JceManager/assets/article_images/first-release/desktop.JPG
+img: v1.png
 ---
 #Proud To Announce Our First Release!
 ####*JCE Manager v1.0 is now public*
@@ -20,7 +21,7 @@ happy with the resault. And the project is now avalible to the public.
 ####V1.0 Release Notes:
  - Hack into the [JCE Student web site][jce] ("Yedion")
  - Fetch your grade sheet
- - Change your grades to see how it affects your GPA 
+ - Change your grades to see how it affects your GPA
  - Save your *username* and *password* for easy access (Password is encrypted)
  - Fetch your Semester Schedule
  - Export your Semester Schedule to CSV file to import to GoogleCalendar/iCal/Outlook
@@ -34,7 +35,7 @@ happy with the resault. And the project is now avalible to the public.
  >It is only to see if you realy want or should take a second attempt...
 
 ---
- >Head over to the [**Download Page**][download] to get a fresh copy. 
+ >Head over to the [**Download Page**][download] to get a fresh copy.
 
 ---
 

css/main.sass

@@ -7,6 +7,10 @@
 
 .cf
   @include clearfix
+  .img-responsive
+    display: block
+    max-width: 100%
+    height: auto
 
 $rs: 16px
 
@@ -167,6 +171,11 @@ body
           text-decoration: underline
 .container.featured
   padding-bottom: 40px
+  .img-responsive
+    display: block
+    max-width: 100%
+    height: auto
+
 
 .post-template .content
   max-width: 700px

css/normalize.css

@@ -403,4 +403,4 @@ textarea {
 table {
     border-collapse: collapse;
     border-spacing: 0;
-}
+}

css/screen.css

@@ -42,10 +42,10 @@
 }
 
 /* Apply these base styles to all icons */
-.icon-ghost:before, 
-.icon-feed:before, 
-.icon-twitter:before, 
-.icon-google-plus:before, 
+.icon-ghost:before,
+.icon-feed:before,
+.icon-twitter:before,
+.icon-google-plus:before,
 .icon-facebook:before {
     font-family: 'icons';
     speak: none;
@@ -58,7 +58,7 @@
     text-decoration: none;
 }
 
-/* Each icon is created by inserting the corret character into the 
+/* Each icon is created by inserting the corret character into the
    content of the :before pseudo element. Like a boss. */
 .icon-ghost:before {
     content: "\e000";
@@ -274,8 +274,8 @@ kbd {
     font-weight: bold;
     background: #f4f4f4;
     border-radius: 4px;
-    box-shadow: 
-        0 1px 0 rgba(0, 0, 0, 0.2), 
+    box-shadow:
+        0 1px 0 rgba(0, 0, 0, 0.2),
         0 1px 0 0 #fff inset;
 }
 
@@ -794,9 +794,9 @@ margin on the iframe, cause it breaks stuff. */
     }
 
     .site-head {
-        -webkit-box-sizing: border-box; 
+        -webkit-box-sizing: border-box;
         -moz-box-sizing: border-box;
-        box-sizing: border-box; 
+        box-sizing: border-box;
         height: auto;
         min-height: 240px;
         padding: 15% 0;
@@ -855,7 +855,7 @@ margin on the iframe, cause it breaks stuff. */
         max-height: 80px;
     }
 
-    .inner, 
+    .inner,
     .pagination {
         width: auto;
         margin-left: 16px;

index.html

@@ -32,7 +32,7 @@ if (window.clipboardData)
         ·  
       <a href="{{ site.baseurl }}/help/">Help</a>
     </div>
-    
+
     <br>
     <center>
             <!--[if IE]><b><p> Get a better browser! - This website dose not support Internet Explorer </p></b><![endif]-->
@@ -73,6 +73,13 @@ if (window.clipboardData)
             <header class="post-header">
               <h2 class="post-title" itemprop="name"><a href="{{ site.baseurl }}{{ post.url }}" itemprop="url">{{ post.title }}</a></h2>
             </header>
+
+            {% if post.img %}
+              <a href="{{ site.baseurl }}{{ post.url }}" itemprop="url">
+                <p><img class="img-responsive" src="{{ "/assets/images/posts/" | prepend: site.baseurl }}{{ post.img }}"></p>
+              </a>
+            {% endif %}
+
             <section class="post-excerpt" itemprop="description">
               <p>{{ post.content | strip_html | truncatewords: 50 }}</p>
             </section>
@@ -94,15 +101,21 @@ if (window.clipboardData)
             <header class="post-header">
               <h2 class="post-title" itemprop="name"><a href="{{ site.baseurl }}{{ post.url }}" itemprop="url">{{ post.title }}</a></h2>
             </header>
+            
+            {% if post.img %}
+              <a href="{{ site.baseurl }}{{ post.url }}" itemprop="url">
+                <p><img class="img-responsive" src="{{ "/assets/images/posts/" | prepend: site.baseurl }}{{ post.img }}"></p>
+              </a>
+            {% endif %}
+
             <section class="post-excerpt" itemprop="description">
               <p>{{ post.content | strip_html | truncatewords: 50 }}</p>
             </section>
             <div class="post-meta">
               <time datetime="{{ post.date | date_to_long_string }}">{{ post.date | date_to_long_string }}</time>
-<!--            <span class="post-tags-set">on {{#foreach tags}}<span class="post-tag-{{slug}}">{{#if @first}}{{else}}, {{/if}}<a href="/tag/{{slug}}">{{name}}</a></span>{{/foreach}}</span>-->
+
             </div>
-          <div>
-        </article>
+
       {% endfor %}
     </div>