change file structure to Jekyll layouts and includes

NSS-Cohort-11 · Feb 9, 2016 · 47747b6 · 47747b6
1 parent 84fe975
commit 47747b6
Show file tree

Hide file tree

Showing 35 changed files with 1,251 additions and 17 deletions.
diff --git a/.gitignore b/.gitignore
@@ -25,3 +25,8 @@ build/Release
 # Dependency directory
 # https://www.npmjs.org/doc/misc/npm-faq.html#should-i-check-my-node_modules-folder-into-git
 node_modules
+
+#jekyll files
+_site
+.sass-cache
+.jekyll-metadata
diff --git a/_config.yml b/_config.yml
@@ -0,0 +1,21 @@
+# Welcome to Jekyll!
+#
+# This config file is meant for settings that affect your whole blog, values
+# which you are expected to set up once and rarely need to edit after that.
+# For technical reasons, this file is *NOT* reloaded automatically when you use
+# 'jekyll serve'. If you change this file, please restart the server process.
+
+# Site settings
+title: NSS Cohort 11
+description: > # this means to ignore newlines until "baseurl:"
+  A class website for Nashville Software School Cohort 11 graduates. This site is where we show off our work!
+baseurl: "" # the subpath of your site, e.g. /blog
+url: "http://nss-cohort-11.github.io/" # the base hostname & protocol for your site
+github_username: NSS-Cohort-11
+permalink: /:title
+
+# Build settings
+markdown: kramdown
+
+sass:
+    style: compressed
diff --git a/_includes/footer.html b/_includes/footer.html
@@ -0,0 +1,3 @@
+<footer>
+  <p>&copy;2016 Nashville Software School</p>
+</footer>
diff --git a/_includes/head.html b/_includes/head.html
@@ -0,0 +1,16 @@
+<head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
+    <title>Nashville Software School Cohort 11</title>
+
+    <!-- Latest compiled and minified CSS -->
+    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
+
+    <!-- Optional theme -->
+    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css" integrity="sha384-fLW2N01lMqjakBkx3l/M9EahuwpSfeNvV63J5ezn3uZzapT0u7EYsXMjQV+0En5r" crossorigin="anonymous">
+
+    <!-- <link rel="stylesheet" href="/styles/style.css"> -->
+    <link rel="stylesheet" href="/styles/style2.css">
+
+</head>
diff --git a/_includes/header.html b/_includes/header.html
@@ -0,0 +1,7 @@
+<header id="videoHeader">
+  <!-- <video src="paypal.mp4" autoplay style="width: 100%;"></video> -->
+  <img src="/images/nssgroup.jpg">
+  <div class="headline">
+    <p id="pageHead"><span class="scrollText"></span><span class='blinking-cursor'>&#9646;</span></p>
+  </div>
+</header>
diff --git a/_includes/intro.html b/_includes/intro.html
@@ -0,0 +1,23 @@
+<div id="introText">
+  <h1>
+  &lt;h1&gt;<span class="accent">About Us</span>&lt;/h1&gt;
+  </h1>
+
+  <p>As you vibrate, you will enter into infinite inspiration that transcends understanding. Through Kabala, our brains are opened by energy. The akashic record may be the solution to what’s holding you back from an epic vision of self-actualization.</p>
+
+  <p>You will soon be aligned by a power deep within yourself — a power that is life-affirming, zero-point. The world is approaching a tipping point. Soon there will be a maturing of power the likes of which the planet has never seen.</p>
+
+  <p>You and I are lifeforms of the solar system. By blossoming, we vibrate. The goal of expanding wave functions is to plant the seeds of joy rather than stagnation.</p>
+
+  <div id="techRow">
+    <div class="tech tech1"></div>
+    <div class="tech tech2"></div>
+    <div class="tech tech3"></div>
+    <div class="tech tech4"></div>
+    <div class="tech tech5"></div>
+    <div class="tech tech6"></div>
+    <div class="tech tech7"></div>
+    <div class="tech tech8"></div>
+  </div>
+
+</div>
diff --git a/_includes/scripts.html b/_includes/scripts.html
@@ -0,0 +1,9 @@
+<!-- JQUERY -->
+<script src="http://code.jquery.com/jquery-1.12.0.min.js"></script>
+<script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
+
+<!-- BOOTSTRAP -->
+<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>
+
+<!-- OUR SCRIPTS -->
+<script src="scripts/main.js"></script>
diff --git a/_includes/studentLife.html b/_includes/studentLife.html
@@ -0,0 +1,62 @@
+<div id="studentLifeText">
+  <h1>engageCommunity();</h1>
+
+  <p>As you vibrate, you will enter into infinite inspiration that transcends understanding. Through Kabala, our brains are opened by energy. The akashic record may be the solution to what’s holding you back from an epic vision of self-actualization.</p>
+
+  <p>You will soon be aligned by a power deep within yourself — a power that is life-affirming, zero-point. The world is approaching a tipping point. Soon there will be a maturing of power the likes of which the planet has never seen.</p>
+
+  <p>You and I are lifeforms of the solar system. By blossoming, we vibrate. The goal of expanding wave functions is to plant the seeds of joy rather than stagnation.</p>
+</div>
+
+<div id="studentLifePics">
+  <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
+    <!-- Indicators -->
+    <ol class="carousel-indicators">
+      <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
+      <li data-target="#carousel-example-generic" data-slide-to="1"></li>
+      <li data-target="#carousel-example-generic" data-slide-to="2"></li>
+      <li data-target="#carousel-example-generic" data-slide-to="3"></li>
+    </ol>
+
+    <!-- Wrapper for slides -->
+    <div class="carousel-inner" role="listbox">
+      <div class="item active">
+        <img src="/images/photo.jpg" alt="students">
+        <div class="carousel-caption">
+         <!-- captions go here -->
+        </div>
+      </div>
+
+      <div class="item">
+        <img src="/images/photo1.jpg" alt="other students">
+        <div class="carousel-caption">
+          <!-- captions go here -->
+        </div>
+      </div>
+
+      <div class="item">
+        <img src="/images/photo2.jpg" alt="NSS door">
+        <div class="carousel-caption">
+          <!-- captions go here -->
+        </div>
+      </div>
+
+      <div class="item">
+        <img src="/images/photo3.jpg" alt="more students">
+        <div class="carousel-caption">
+            <!-- captions go here -->
+        </div>
+      </div>
+    </div>
+
+    <!-- Controls -->
+    <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
+      <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
+      <span class="sr-only">Previous</span>
+    </a>
+    <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
+      <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
+      <span class="sr-only">Next</span>
+    </a>
+  </div>
+</div>
diff --git a/_includes/students.html b/_includes/students.html
@@ -0,0 +1,21 @@
+<div id="studentPics">
+  <h1>.ourClass:</h1>
+
+  {% for post in site.posts %}
+    {% if post.flipCard == "true" %}
+    <div class="flip-container" ontouchstart="this.classList.toggle('hover');">
+      <div class="flipper">
+        <div class="front" style="background-image: url({{post.imgUrl}})">
+        <!-- front content -->
+        </div>
+        <div class="back">
+        <h2>{{post.firstName}} {{post.lastName}}</h2>
+        <p>{{post.body}}</p>
+        <br>
+        <p><a href="{{post.websiteUrl}}">Portfolio</a></p>
+        </div>
+      </div>
+    </div>
+    {% endif %}
+  {% endfor %}
+</div>
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+
+  {% include head.html %}
+
+  <body>
+
+    {% include header.html %}
+
+    <div class="page-content">
+        {{ content }}
+    </div>
+
+    {% include footer.html %}
+    {% include scripts.html %}
+  </body>
+
+</html>
diff --git a/_posts/2016-02-04-AllenPhelps.html b/_posts/2016-02-04-AllenPhelps.html
@@ -0,0 +1,15 @@
+---
+layout: default
+flipCard: "true"
+title:  "Allen Phelps"
+date:   2016-02-09 12:00:00 -0600
+firstName: "Allen"
+lastName: "Phelps"
+imgUrl: "/images/allenPhelps.jpg"
+websiteUrl: "AJPCodes.github.io"
+githubUrl: "http://www.github.com/AJPcodes"
+linkedInUrl: "#"
+body: "Filler text Filler text Filler text Filler text"
+---
+
+
diff --git a/_posts/2016-02-04-JessaWynneParker.html b/_posts/2016-02-04-JessaWynneParker.html
@@ -0,0 +1,14 @@
+---
+layout: default
+flipCard: "true"
+title:  "JessaWynne Parker"
+date:   2016-02-09 12:00:00 -0600
+firstName: "Jessawynne"
+lastName: "Parker"
+imgUrl: "/images/jessawynneParker.jpg"
+websiteUrl: "Jessawynne.github.io"
+githubUrl: "https://github.com/https://github.com/Jessawynne"
+body: "Filler text Filler text Filler text Filler text"
+---
+
+
diff --git a/_posts/2016-02-04-JoeShmoe.html b/_posts/2016-02-04-JoeShmoe.html
@@ -0,0 +1,15 @@
+---
+layout: default
+flipCard: "true"
+title:  "Joe Schmoe"
+date:   2016-02-09 12:00:00 -0600
+firstName: "Joe"
+lastName: "Schmoe"
+imgUrl: "/images/joeSchmoe.jpg"
+websiteUrl: "#"
+githubUrl: "#"
+linkedInUrl: "#"
+body: "Filler text Filler text Filler text Filler text"
+---
+
+
diff --git a/_posts/2016-02-04-MichaelConrad.html b/_posts/2016-02-04-MichaelConrad.html
@@ -0,0 +1,15 @@
+---
+layout: default
+flipCard: "true"
+title:  "Michael Conrad"
+date:   2016-02-09 12:00:00 -0600
+firstName: "Michael"
+lastName: "Conrad"
+imgUrl: "/images/michaelConrad.jpg"
+websiteUrl: "threepears.github.io"
+githubUrl: "https://github.com/threepears"
+linkedInUrl: "#"
+body: "Filler text Filler text Filler text Filler text"
+---
+
+
diff --git a/images/allenPhelps.jpg b/images/allenPhelps.jpg
diff --git a/images/bluetint.jpg b/images/bluetint.jpg
diff --git a/images/card-demo-pic.jpg b/images/card-demo-pic.jpg
diff --git a/images/glasses.jpg b/images/glasses.jpg
diff --git a/images/greentint2.jpg b/images/greentint2.jpg
diff --git a/images/guitar.jpg b/images/guitar.jpg
diff --git a/images/jessawynneParker.jpg b/images/jessawynneParker.jpg
diff --git a/images/joeSchmoe.jpg b/images/joeSchmoe.jpg
diff --git a/images/michaelConrad.jpg b/images/michaelConrad.jpg
diff --git a/images/nssgroup.jpg b/images/nssgroup.jpg
diff --git a/images/paint.jpg b/images/paint.jpg
diff --git a/images/paypal.mp4 b/images/paypal.mp4
diff --git a/images/photo.jpg b/images/photo.jpg
diff --git a/images/photo1.jpg b/images/photo1.jpg
diff --git a/images/photo2.jpg b/images/photo2.jpg
diff --git a/images/photo3.jpg b/images/photo3.jpg
diff --git a/images/sketch.jpg b/images/sketch.jpg
diff --git a/index.html b/index.html
@@ -1,18 +1,8 @@
-<!doctype html>
-<html lang="en-US">
-  <head>
-    <meta charset="utf-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
-    <title>NSS Cohort 11</title>
-  </head>
-  <body>
-    <!--[if lt IE 9]>
-      <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
-    <![endif]-->
+---
+layout: default
+---
+
+{% include intro.html %}
+{% include students.html %}
+{% include studentLife.html %}
 
-    <div class="container">
-      <h1>NSS Cohort 11</h1>
-    </div>
-  </body>
-</html>
diff --git a/scripts/main.js b/scripts/main.js
@@ -0,0 +1,12 @@
+//Top Scroll Function
+$(document).ready(function () {
+  var message = "Nashville Software School Cohort 11";
+  var top = document.getElementsByClassName("scrollText")[0];
+  var time = 500;
+
+  message.split("").forEach(function(char) {
+    setTimeout(function() {
+    top.innerHTML += char;
+    }, time += 200);
+  });
+});