promo page

deanypedia · Jun 26, 2015 · 26c3d5f · 26c3d5f
1 parent 9f65c88
commit 26c3d5f
Show file tree

Hide file tree

Showing 7 changed files with 64 additions and 62 deletions.
diff --git a/README.md b/README.md
@@ -5,9 +5,6 @@ Use this as a simple structure for a simple start to a simple site.
 
 - There is a Jekyll friendly version <a href="https://github.com/DevTips/DevTips-Starter-Kit/tree/Jekyll-Starter-Kit">here.</a>
 
-<a href="http://www.youtube.com/watch?feature=player_embedded&v=GTBaQ2DcGUk
-" target="_blank">
-Watch the video on YouTube
-<img src="thumbnail.png"
+
+<img src="thumbnail.jpg"
 alt="Watch the video on youtube" />
-</a>
diff --git a/assets/css/4-pages/_example-page-home.sass b/assets/css/4-pages/_example-page-home.sass
@@ -3,15 +3,20 @@ body
 
 .page-home
   text-align: center
-  border: 4px solid $silver
-  max-width: 600px
-  margin: 50px auto
-  padding: 40px
-  position: relative
 
+  section
+    border: 4px solid $silver
+    max-width: 600px
+    margin: 50px auto
+    padding: 40px
+    position: relative
 
-  h1
-    font-weight: 700
-    line-height: 1
-    margin: 20px 0
-    letter-spacing: 1px
+
+    h1
+      font-weight: 700
+      line-height: 1
+      margin: 20px 0
+      letter-spacing: 1px
+
+  img
+    max-width: 100%
diff --git a/assets/css/main.css b/assets/css/main.css
@@ -308,14 +308,17 @@ body {
   margin: 10px; }
 
 .page-home {
-  text-align: center;
-  border: 4px solid #ddd;
-  max-width: 600px;
-  margin: 50px auto;
-  padding: 40px;
-  position: relative; }
-  .page-home h1 {
-    font-weight: 700;
-    line-height: 1;
-    margin: 20px 0;
-    letter-spacing: 1px; }
+  text-align: center; }
+  .page-home section {
+    border: 4px solid #ddd;
+    max-width: 600px;
+    margin: 50px auto;
+    padding: 40px;
+    position: relative; }
+    .page-home section h1 {
+      font-weight: 700;
+      line-height: 1;
+      margin: 20px 0;
+      letter-spacing: 1px; }
+  .page-home img {
+    max-width: 100%; }
diff --git a/assets/img/thumbnail.jpg b/assets/img/thumbnail.jpg
diff --git a/config.codekit b/config.codekit
@@ -1444,6 +1444,17 @@
 		"shouldRunBless": 0,
 		"useLibsass": false
 		},
+	"\/assets\/img\/thumbnail.jpg": {
+		"fileType": 16384,
+		"ignore": 0,
+		"ignoreWasSetByUser": 0,
+		"initialSize": 223741,
+		"inputAbbreviatedPath": "\/assets\/img\/thumbnail.jpg",
+		"outputAbbreviatedPath": "\/assets\/img\/thumbnail.jpg",
+		"outputPathIsOutsideProject": 0,
+		"outputPathIsSetByUser": 0,
+		"processed": 0
+		},
 	"\/assets\/js\/functions.js": {
 		"fileType": 64,
 		"ignore": 0,
@@ -1455,12 +1466,12 @@
 		"outputStyle": 1,
 		"syntaxCheckerStyle": 1
 		},
-	"\/assets\/js\/jquery-2.1.1.min.js": {
+	"\/assets\/js\/jquery-2.1.4.min.js": {
 		"fileType": 64,
 		"ignore": 0,
 		"ignoreWasSetByUser": 0,
-		"inputAbbreviatedPath": "\/assets\/js\/jquery-2.1.1.min.js",
-		"outputAbbreviatedPath": "\/assets\/js\/min\/jquery-2.1.1.min-min.js",
+		"inputAbbreviatedPath": "\/assets\/js\/jquery-2.1.4.min.js",
+		"outputAbbreviatedPath": "\/assets\/js\/min\/jquery-2.1.4.min-min.js",
 		"outputPathIsOutsideProject": 0,
 		"outputPathIsSetByUser": 0,
 		"outputStyle": 1,
@@ -1475,15 +1486,6 @@
 		"outputPathIsOutsideProject": 0,
 		"outputPathIsSetByUser": 0
 		},
-	"\/README.html": {
-		"fileType": 8192,
-		"ignore": 1,
-		"ignoreWasSetByUser": 0,
-		"inputAbbreviatedPath": "\/README.html",
-		"outputAbbreviatedPath": "No Output Path",
-		"outputPathIsOutsideProject": 0,
-		"outputPathIsSetByUser": 0
-		},
 	"\/README.md": {
 		"criticStyle": 0,
 		"enableFootnotes": 1,
@@ -1504,17 +1506,6 @@
 		"processHTML": 0,
 		"randomFootnoteNumbers": 0,
 		"useCompatibilityMode": 0
-		},
-	"\/thumbnail.png": {
-		"fileType": 32768,
-		"ignore": 0,
-		"ignoreWasSetByUser": 0,
-		"initialSize": 17291,
-		"inputAbbreviatedPath": "\/thumbnail.png",
-		"outputAbbreviatedPath": "\/thumbnail.png",
-		"outputPathIsOutsideProject": 0,
-		"outputPathIsSetByUser": 0,
-		"processed": 0
 		}
 	},
 "hooks": [

diff --git a/index.html b/index.html
@@ -9,22 +9,28 @@
 </head>
 <body>
 
-<main class="page-home">
-  <h1 class="page-title">DevTips<br> Starter Kit</h1>
-  <p>Ground zero for your next project.</p>
-
-  <div class="name-lockup">
-    <img class="avatar" src="https://yt3.ggpht.com/-47U43a3eNW0/AAAAAAAAAAI/AAAAAAAAAAA/fWgb7mKcn6k/s176-c-k-no/photo.jpg">
-    <div class="name">
-      <strong>Travis Neilson</strong>
-      <br>
-      <a href="https://twitter.com/DevTipsShow">@DevTipsShow</a>
+<div class="page-home">
+
+  <section>
+    <h1 class="page-title">DevTips<br> Starter Kit</h1>
+    <p>Ground zero for your next project.</p>
+
+    <div class="name-lockup">
+      <img class="avatar" src="https://yt3.ggpht.com/-47U43a3eNW0/AAAAAAAAAAI/AAAAAAAAAAA/fWgb7mKcn6k/s176-c-k-no/photo.jpg">
+      <div class="name">
+        <strong>Travis Neilson</strong>
+        <br>
+        <a href="https://twitter.com/DevTipsShow">@DevTipsShow</a>
+      </div>
     </div>
-  </div>
 
-  <a href class="fork-tag" href="https://github.com/DevTips/DevTips-Starter-Kit">Fork Me on GitHub</a>
+    <a href class="fork-tag" href="https://github.com/DevTips/DevTips-Starter-Kit">Fork Me on GitHub</a>
+
+  </section>
+
+  <img src="assets/img/thumbnail.jpg">
 
-</main>
+</div>
 
 <script src="assets/js/jquery-2.1.4.min.js"></script>
 <script src="assets/js/functions.js" type="text/javascript"></script>

diff --git a/thumbnail.png b/thumbnail.png