Add ability to override project thumbnail

WasabiFan · WasabiFan · commit e79649e713c8 · 2016-08-10T18:58:49.000-07:00
diff --git a/projects/_posts/2014-03-21-Example-Project.md b/projects/_posts/2014-03-21-Example-Project.md
@@ -9,6 +9,7 @@ author: [ "@wasabifan" ] # your GitHub user name
 programming_language: "JavaScript" # The programming language used in this project
 
 youtube_video_id: rrNaLfE9PWA # The video ID of the YouTube video to be displayed with this post
+# thumbnail_override: "/images/projects/my-project/my-image.png" # If you don't have a YouTube video (or the video thumbnail isn't good) you can uncomment this line to set your own image for the project. 
 
 project_homepage_url: "http://example.com/my-super-cool-project" # Homepage for this project
 source_code_url: "https://github.com/myuser/myrepo" # Provide a link to your code
diff --git a/projects/index.html b/projects/index.html
@@ -24,7 +24,13 @@
                 {% assign num_words = 60 %}
                 <div class="col-xs-12 col-sm-6 col-md-4 project-thumbnail-container">
                     <div class="thumbnail">
-                        {% if post.youtube_video_id %}
+                        {% if post.thumbnail_override %}
+                            {% assign num_words = 35 %}
+                            <a href="{{ post.url }}">
+                                <img src="{{post.thumbnail_override}}" alt="{{ post.title }}" />
+                            </a>
+                        {% elsif post.youtube_video_id %}
+
                             {% assign num_words = 35 %}
                             <a href="{{ post.url }}">
                                 <img src="http://img.youtube.com/vi/{{post.youtube_video_id}}/mqdefault.jpg" alt="{{ post.title }}" />
diff --git a/stylesheets/page-content.scss b/stylesheets/page-content.scss
@@ -8,6 +8,8 @@
 .project-thumbnail-container {
     img {
         margin-top: 15px;
+        padding-left: 15px !important; 
+        padding-right: 15px !important; 
     }
     
     .caption {

Original file line number	Diff line number	Diff line change
`@@ -8,6 +8,8 @@`
`8`	`8`	`.project-thumbnail-container {`
`9`	`9`	`img {`
`10`	`10`	`margin-top: 15px;`
	`11`	`+ padding-left: 15px !important;`
	`12`	`+ padding-right: 15px !important;`
`11`	`13`	`}`
`12`	`14`
`13`	`15`	`.caption {`