Initial commmit

blimpio · Jul 24, 2014 · f4c1df0 · f4c1df0
commit f4c1df0
Show file tree

Hide file tree

Showing 17 changed files with 436 additions and 0 deletions.
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,26 @@
+# Created by http://www.gitignore.io
+
+### OSX ###
+.DS_Store
+.AppleDouble
+.LSOverride
+
+# Icon must end with two \r
+Icon
+
+
+# Thumbnails
+._*
+
+# Files that might appear on external disk
+.Spotlight-V100
+.Trashes
+
+# Directories potentially created on remote AFP share
+.AppleDB
+.AppleDesktop
+Network Trash Folder
+Temporary Items
+.apdisk
+
+_gh_pages
diff --git a/_config.yml b/_config.yml
@@ -0,0 +1,14 @@
+# Dependencies
+pygments:         false
+
+# Permalinks
+permalink:        pretty
+
+# Settings
+destination:      ./_gh_pages
+exclude:          ["README.md"]
+paginate:         10
+encoding:         UTF-8
+future:           false
+name:             Built With Ember
+url:              http://builtwithember.io
diff --git a/_includes/css/bootstrap.min.css b/_includes/css/bootstrap.min.css
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -0,0 +1,63 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <meta name="description" content="{{ site.description }}">
+  <title>
+    {% if page.title == "Home" %}
+      Built With Ember
+    {% else if %}
+      {{ page.title }} &middot; Built With Ember
+    {% endif %}
+  </title>
+
+  <link href='http://fonts.googleapis.com/css?family=Droid+Serif' rel='stylesheet' type='text/css'>
+  <link rel="stylesheet" href="/css/main.css">
+  <link rel="alternate" type="application/rss+xml" title="RSS" href="/feed.xml">
+</head>
+<body>
+  <div class="main-sidebar">
+    <h1><a href="/" class="site-name">Built With Ember</a></h1>
+    <p class="subtitle">Ambitious web applications<br>built using <a href="http://emberjs.com">ember.js</a>.</p>
+    <p class="byline">Brought to you by <a href="http://blimp.io">Blimp</a></p>
+
+    <hr class="main-sidebar-hr">
+
+    <ul class="list-unstyled">
+      <li class="nav-item">
+        <a class="nav-link{% if page.title == "Home" %} nav-link-active{% endif %}" href="/">Home</a>
+      </li>
+
+      {% assign pages_list = site.pages %}
+      {% for node in pages_list %}
+        {% if node.title != null %}
+          {% if node.layout == "page" %}
+            <li class="nav-item">
+              <a class="nav-link{% if page.url == node.url %} nav-link-active{% endif %}" href="{{ node.url }}">{{ node.title }}</a>
+            </li>
+          {% endif %}
+        {% endif %}
+      {% endfor %}
+    </ul>
+
+    <hr class="main-sidebar-hr">
+
+    <ul class="list-unstyled">
+      <li class="nav-item">
+        <a class="nav-link" href="http://eepurl.com/ZGHVT">Subscribe</a>
+      </li>
+      <li class="nav-item">
+        <a class="nav-link" href="https://twitter.com/builtwithember">Twitter</a>
+      </li>
+      <li class="nav-item">
+        <a class="nav-link" href="/feed.xml">RSS</a>
+      </li>
+    </ul>
+  </div>
+  <div class="main-container">
+    {{ content }}
+  </div>
+</body>
+</html>
diff --git a/_layouts/page.html b/_layouts/page.html
@@ -0,0 +1,9 @@
+---
+layout: default
+---
+
+<h3>{{ page.title }}</h3>
+
+<div class="post">
+{{ content }}
+</div>
diff --git a/_layouts/post.html b/_layouts/post.html
@@ -0,0 +1,25 @@
+---
+layout: default
+---
+
+<div class="posts">
+  <div class="post-description">
+    <h3 class="post-description-title"><a href="{{ page.url }}" class="post-description-link">{{ page.title }}</a></h3>
+    <p class="post-description-date">{{ page.date | date: "%B %-d, %Y" }}</p>
+  </div>
+  <a href="{{ link }}" class="screenshot-link">
+    <div class="browser-frame">
+      <div class="browser-top-bar">
+        <div class="browser-button-wrapper">
+          <div class="browser-button"></div>
+          <div class="browser-button"></div>
+          <div class="browser-button"></div>
+        </div>
+        <div class="browser-address"></div>
+      </div>
+      <div class="browser-container">
+        {{ content }}
+      </div>
+    </div>
+  </a>
+</div>
diff --git a/_posts/2014-06-25-apple-help.md b/_posts/2014-06-25-apple-help.md
@@ -0,0 +1,8 @@
+---
+layout: post
+title: "Apple Help"
+slug: apple-help
+link: http://help.apple.com/numbers/mac
+---
+
+<img src="/screenshots/apple-help-for-numbers-office-apps.png">
diff --git a/_posts/2014-06-25-bustle.md b/_posts/2014-06-25-bustle.md
@@ -0,0 +1,8 @@
+---
+layout: post
+title: "Bustle"
+slug: bustle
+link: http://www.bustle.com
+---
+
+<img src="/screenshots/bustle.png">
diff --git a/about.md b/about.md
@@ -0,0 +1,6 @@
+---
+layout: page
+title: About
+---
+
+This is what this is all about
diff --git a/css/main.css b/css/main.css
@@ -0,0 +1,161 @@
+---
+layout: nil
+---
+{% include css/bootstrap.min.css %}
+
+body {
+  color:#3f3f3f;
+  font-family: 'Droid Serif', serif;
+  margin-right:20px;
+}
+
+.site-name {
+  color:#3f3f3f;
+}
+
+.site-name:hover {
+  text-decoration: none;
+  color:#3f3f3f;
+}
+
+.main-sidebar {
+  position:fixed;
+  width:240px;
+  margin-left:30px;
+
+}
+
+h1 {
+  margin-top:0;
+}
+
+.subtitle {
+  font-size: 18px;
+  color: #7f7f7f;
+}
+
+.byline {
+  font-size: 12px;
+  color:#bfbfbf;
+}
+
+.main-container {
+  margin:40px 0 0 330px;
+}
+
+.main-sidebar-hr {
+  margin: 30px 0;
+}
+
+.screenshot-link:hover {
+  text-decoration: none;
+}
+
+.posts {
+  max-width: 1004px;
+}
+
+.posts li {
+  margin-bottom:70px;
+}
+
+.post-description {
+  text-align: center;
+  margin-top:20px;
+}
+
+.post-description-title {
+  font-size: 37px;
+}
+
+.post-description-date {
+  color: #a2a2a2;
+}
+
+.post-description-link {
+  color: black;
+}
+
+/************/
+/* Browser */
+/************/
+.browser-frame {
+  border-radius: 5px;
+  border: 2px solid #CCC;
+  width:100%;
+  max-width: 1004px;
+}
+
+.browser-top-bar {
+  border-bottom: 2px solid #CCC;
+  width:100%;
+  float:left;
+}
+
+.browser-address {
+  border-radius: 5px;
+  background: #efefef;
+  height: 25px;
+  float:right;
+  margin: 10px;
+}
+
+.browser-button-wrapper {
+  padding: 12px 0 0 10px;
+  float:left;
+}
+
+.browser-button {
+  display:inline-block;
+  width: 10px;
+  height: 10px;
+  border-radius: 50%;
+  background-color: #CCC;
+}
+
+.browser-container > p {
+  padding:0;
+  margin:0;
+}
+
+.browser-container img {
+  width: 100%;
+  max-width: 1000px;
+}
+
+/* xs */
+@media (min-width: 0px) and (max-width: 767px) {
+  .main-sidebar {
+    position: inherit;
+    margin-top: 20px;
+  }
+
+  .main-container {
+    margin: 40px 0 0 20px;
+  }
+
+  .browser-address {
+    width:80%;
+  }
+}
+
+/* sm */
+@media (min-width: 768px) and (max-width: 991px) {
+  .browser-address {
+    width:83%;
+  }
+}
+
+/* md */
+@media (min-width: 992px) and (max-width: 1199px) {
+  .browser-address {
+    width:89%;
+  }
+}
+
+/* lg */
+@media (min-width: 1200px) {
+  .browser-address {
+    width:91%;
+  }
+}
diff --git a/feed.xml b/feed.xml
@@ -0,0 +1,31 @@
+---
+layout: nil
+---
+<?xml version="1.0" encoding="utf-8"?>
+<rss version="2.0"
+  xmlns:content="http://purl.org/rss/1.0/modules/content/"
+  xmlns:wfw="http://wellformedweb.org/CommentAPI/"
+  xmlns:dc="http://purl.org/dc/elements/1.1/"
+  xmlns:atom="http://www.w3.org/2005/Atom"
+  xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
+  xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
+  >
+  <channel>
+    <title xml:lang="en">{{ site.name }}</title>
+    <atom:link type="application/atom+xml" href="{{ site.url }}/feed.xml" rel="self"/>
+    <link>{{ site.url }}/</link>
+    <pubDate>{{ site.time | date: "%a, %d %b %Y %H:%M:%S %z" }}</pubDate>
+    <lastBuildDate>{{ site.time | date: "%a, %d %b %Y %H:%M:%S %z" }}</lastBuildDate>
+    <language>en-US</language>
+    <description>{{ site.description }}</description>
+    {% for post in site.posts limit:10 %}
+      <item>
+        <title>{{ post.title }}</title>
+        <description>{{ post.content | xml_escape }}</description>
+        <pubDate>{{ post.date | date: "%a, %d %b %Y %H:%M:%S %z" }}</pubDate>
+        <link>{{ site.url }}{{ post.url }}</link>
+        <guid isPermaLink="true">{{ site.url }}{{ post.url }}</guid>
+      </item>
+    {% endfor %}
+  </channel>
+</rss>
diff --git a/index.html b/index.html
@@ -0,0 +1,32 @@
+---
+layout: default
+title: Home
+---
+
+<div id="home">
+  <ul class="posts list-unstyled">
+    {% for post in site.posts %}
+      <li>
+        <a href="{{ post.link }}" class="screenshot-link">
+          <div class="browser-frame">
+            <div class="browser-top-bar">
+              <div class="browser-button-wrapper">
+                <div class="browser-button"></div>
+                <div class="browser-button"></div>
+                <div class="browser-button"></div>
+              </div>
+              <div class="browser-address"></div>
+            </div>
+            <div class="browser-container">
+              {{ post.content }}
+            </div>
+          </div>
+        </a>
+        <div class="post-description">
+          <h3 class="post-description-title"><a href="{{ post.url }}" class="post-description-link">{{ post.title }}</a></h3>
+          <p class="post-description-date">{{ post.date | date: "%B %-d, %Y" }}</p>
+        </div>
+      </li>
+    {% endfor %}
+  </ul>
+</div>