Initial Commit (take 2)

Author: Victor Lourng

_config.yml

@@ -1,26 +1,26 @@
 # Site settings
 baseurl: "" # the subpath of your site, e.g. /blog
-url: "http://tacojs.github.io" # the base hostname & protocol for your site
+url: "http://developer.horse/" # the base hostname & protocol for your site
 
 # Build settings
 markdown: kramdown
 gems:
    - jemoji
    - jekyll-redirect-from
+future: true
+timezone: Etc/UTC
 
 # Metadata
-keywords: "tacojs, taco, javascript, meetup, philadelphia, node.js, talks, developer, meetup.com, libertyjs"
+keywords: "brony, my little pony, horse, pony devs, meetup, philadelphia, baltimore, seattle, talks, developer, panel, meetup.com"
 google-fonts: "BioRhyme:400,800|Source+Sans+Pro:400,700"
 google-fonts-subsets: "latin"
-google-analytics: "UA-XXXXXXXX-1"
+google-analytics: "UA-48655154-2"
 
 # Commonly used lingo
-title: TacoJS
-location: Philadelphia, PA, USA
-email: [email protected]
+title: "#ponydev"
+email: [email protected]
 description: > # this means to ignore newlines until the next colon
-  Jelly beans pie bear claw jelly beans marshmallow. Cookie ice cream icing oat cake jelly-o ice cream topping cotton candy. Brownie bonbon icing. Cake sugar plum tart jujubes cookie. Tiramisu tiramisu candy bear claw chocolate bar pastry. Biscuit chocolate tiramisu tiramisu. Sesame snaps danish dragée sugar plum carrot cake bonbon pastry fruitcake chocolate cake. Soufflé jelly beans toffee lollipop jujubes candy. Tiramisu lollipop chocolate cake chocolate bar donut cake. Gummies halvah sweet roll brownie gingerbread ice cream. Topping jelly beans croissant cake icing brownie apple pie cotton candy. Gingerbread oat cake cupcake bear claw brownie. Tart caramels cheesecake topping.
-handle: TacoJS
-twitter: tacojs_phl
-github: tacojs
-slack: "http://phillydev.org/"
+  Come join us!
+twitter: lablayers
+github: ponydevs
+slack: ""

_data/organizers.yaml

@@ -1,16 +1,24 @@
-<footer class="site-footer">
+<footer class="site-footer center-footer text-center">
 
   <container>
-    <a href="#top" class="button back-to-top float-right">Back to Top <icon class="icon-up"></icon></a>
+    <a href="#top" class="button back-to-top">Back to Top <icon class="icon-up"></icon></a>
     <div class="link-bar">
-      <icon class="icon-twitter"></icon> <a href="https://twitter.com/{{ site.handle }}" target="_blank" class="link-twitter">@{{ site.handle }}</a>
-      <icon class="icon-facebook"></icon> <a href="https://facebook.com/{{ site.handle }}" target="_blank" class="link-facebook">Facebook</a>
-      <icon class="icon-github"></icon> <a href="https://github.com/{{ site.handle }}" target="_blank" class="link-github">GitHub</a>
-      <icon class="icon-mail"></icon> <a href="mailto:{{ site.contact }}" target="_blank" class="link-email">Email</a>
+      Request invites to: &nbsp;
+      <icon class="icon-skype"></icon> <a href="#">Skype</a>
+      <icon class="icon-chat"></icon> <a href="#">Discord</a>
     </div>
+    <div class="link-bar">
+      <icon class="icon-twitter"></icon> <a href="https://twitter.com/#ponydev" target="_blank" class="link-twitter">#ponydev</a>
+      <icon class="icon-github"></icon> <a href="https://github.com/ponydevs" target="_blank" class="link-github">GitHub</a>
+      <icon class="icon-mail"></icon> <a href="mailto:[email protected]" target="_blank" class="link-email">Contact Us</a>
+    </div>
+    <p class="link-bar">
+      See also: &nbsp;
+      <icon class="icon-chat"></icon> <a href="http://slack.pbldev.io/" target="_blank">#ponies on pebbledev</a>
+    </p>
 
     <p class="no-margin-bottom">
-      <small>&copy; {{ site.title }}. All rights reserved. You're awesome.</small>
+      <small>&copy; Your fellow developer horses. Not affiliated with any convention or company. <br> Site by Victor (it's <a href="https://github.com/ponydevs/developer.horse" target="_blank">Open Source</a>!) You're awesome.</small>
     </p>
   </container>
 

_includes/footer.html

@@ -5,14 +5,14 @@
 
   <!-- Page Title -->
   <title>{% if page.home %}{{ site.title }}{% elsif page.title %}{{ page.title }} - {{ site.title }}{% else %}{{ site.title }}{% endif %}</title>
-  <meta name="description" content="{% if page.excerpt %}{{ page.excerpt | strip_html | strip_newlines | truncate: 160 }}{% else %}{{ site.description }}{% endif %}">
+  <meta name="description" content="{% if page.excerpt %}{{ page.excerpt | strip_html | strip_newlines | truncate: 200 }}{% else %}{% endif %}">
 
-  <link rel="stylesheet" href="{{ "/styles/main.css" | prepend: site.baseurl }}">
+  <link rel="stylesheet" href="{{ site.baseurl }}/styles/{% if page.style %}{{ page.style }}{% else %}bronycon{% endif %}.css">
   <link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}">
-  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family={{ site.google-fonts }}&subset={{ site.google-fonts-subsets }}">
+  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family={% if page.google-fonts %}{{ page.google-fonts }}{% else %}{{ site.google-fonts }}{% endif %}&subset={% if page.google-fonts-subsets %}{{ page.google-fonts-subsets }}{% else %}{{ site.google-fonts-subsets }}{% endif %}">
   <link rel="alternate" type="application/rss+xml" title="{{ site.title }}" href="{{ "/feed.xml" | prepend: site.baseurl | prepend: site.url }}" />
 
   <meta name="keywords" content="{{ site.keywords }}">
-  <meta name="twitter:site" content="@{{ site.handle }}"/>
+  <meta name="twitter:site" content="@{{ site.twitter }}"/>
 
 </head>

_includes/head.html

@@ -1,29 +1 @@
 <span id="top"></span>
-
-<div id="navigation">
-
-  <container>
-
-    <a class="site-title" href="{{ site.baseurl }}/">{{ site.title }}</a>
-
-    <nav class="site-nav">
-      <a href="#" class="menu-icon">
-        <svg viewBox="0 0 18 15">
-          <path fill="#424242" d="M18,1.484c0,0.82-0.665,1.484-1.484,1.484H1.484C0.665,2.969,0,2.304,0,1.484l0,0C0,0.665,0.665,0,1.484,0 h15.031C17.335,0,18,0.665,18,1.484L18,1.484z"/>
-          <path fill="#424242" d="M18,7.516C18,8.335,17.335,9,16.516,9H1.484C0.665,9,0,8.335,0,7.516l0,0c0-0.82,0.665-1.484,1.484-1.484 h15.031C17.335,6.031,18,6.696,18,7.516L18,7.516z"/>
-          <path fill="#424242" d="M18,13.516C18,14.335,17.335,15,16.516,15H1.484C0.665,15,0,14.335,0,13.516l0,0 c0-0.82,0.665-1.484,1.484-1.484h15.031C17.335,12.031,18,12.696,18,13.516L18,13.516z"/>
-        </svg>
-      </a>
-
-      <div class="trigger">
-        {% for page in site.pages %}
-          {% if page.title %}
-          <a class="page-link" href="{{ page.url | prepend: site.baseurl }}">{{ page.title }}</a>
-          {% endif %}
-        {% endfor %}
-      </div>
-    </nav>
-
-  </container>
-
-</div>

_includes/header.html

@@ -0,0 +1,91 @@
+<section id="schedule">
+  <container style="max-width:750px;">
+    <!-- <row>
+      <column size="15"></column>
+      <column size="85">
+        <h1>{{ page.title }} Schedule</h1>
+      </column>
+    </row> -->
+    {% for item in page.schedule %}
+    {% capture thisPostDate %}{{ item.time | date_to_xmlschema | date: "%Y%m%d" }}{% endcapture %}
+    {% capture lastPostDate %}{% assign index = forloop.index0 | minus: 1 %}{% if page.schedule[index] %}{{ page.schedule[index].time | date_to_xmlschema | date: "%Y%m%d" }}{% endif %}{% endcapture %}
+    {% if thisPostDate != lastPostDate %}
+    <row class="schedule-day">
+      <column size="15" class="schedule-timeline"></column>
+      <column size="85" class="schedule-details">
+        <h1>{{ item.time | date_to_xmlschema | date: "%A %B %-d" }}</h1>
+      </column>
+    </row>
+    {% endif %}
+
+    <row class="schedule-event" id="{{ item.title | slugify }}">
+      <columny size="15" class="schedule-timeline schedule-event-time">
+        {{ item.time | date_to_xmlschema | date: "%-I:%M%P" }}
+      </columny>
+      <columny size="85" class="schedule-details">
+        <h2 class="schedule-event-title">
+          {{ item.title }}
+        </h2>
+        {% if item.author %}
+        <p class="schedule-event-author">{{ item.author }} <a href="https://twitter.com/{{ item.twitter }}" target="_blank">@{{ item.twitter }}</a></p>
+        {% endif %}
+        <p class="labels">
+        {% if item.location %}
+          <a class="label label-location label-location-{{ item.location | slugify }}" {% if item.address %} href="https://www.google.com/maps/search/{{ item.address }}" target="_blank" title="{{ item.address }}"{% else %}{% endif %}>
+            <icon class="icon-location"></icon>{{ item.location }}
+          </a>
+        {% endif %}
+        {% if item.price %}
+          <span class="label label-price label-price-{{ item.price | slugify }}">
+            <icon class="icon-cash"></icon>{{ item.price }}
+          </span>
+        {% endif %}
+        {% if item.warning %}
+          <span class="label label-warning label-warning-{{ item.warning | slugify }}">
+            <icon class="icon-post-alert"></icon>{{ item.warning }}
+          </span>
+        {% endif %}
+        </p>
+        {% if item.description %}
+        <p class="schedule-event-description">{{ item.description }}</p>
+        {% endif %}
+        {% if item.links %}
+        <p class="labels">
+          {% for link in item.links %}<a href="{{ link.url }}" target="_blank" title="{{ link.label }}" class="button">{% if link.icon %}<icon class="icon-{{ link.icon }}"></icon> {% endif %}{{ link.label }}</a>&nbsp;&nbsp;{% endfor %}
+        </p>
+        {% endif %}
+        {% if item.talks %}
+        <h5>TALKS</h5>
+          <div class="git-branch">
+          {% for talk in item.talks %}
+          <row class="schedule-talk">
+            <columnz class="schedule-talk-avatar">
+              {% if talk.avatar %}
+              <img src="{{ talk.avatar }}" alt="Profile picture of speaker">
+              {% else %}
+              <img src="/media/avatars/default.png" alt="Default silohouette of faceless speaker">
+              {% endif %}
+            </columnz>
+            <columnz>
+              <h3 class="schedule-talk-title no-margin-bottom" id="{{ talk.title | slugify }}">{{ talk.title }}</h3>
+              {% if talk.author %}<p class="no-margin-bottom">by {% if talk.authorurl %}<a href="{{ talk.authorurl }}" target="_blank">{{ talk.author }}</a>{% else %}{{ talk.author }}{% endif %}</p>{% endif %}
+              {% if talk.links %}
+                <p class="link-bar">
+                  <strong>Links:</strong>&nbsp;
+                  {% for link in talk.links %}{% if link.icon %}<icon class="icon-{{ link.icon }}"></icon> {% endif %}<a href="{{ link.url }}" target="_blank" title="{{ link.label }}" class="">{{ link.label }}</a>&nbsp;&nbsp;{% endfor %}
+                </p>
+              {% endif %}
+              {% if talk.embed %}
+                {{ talk.embed }}
+              {% endif %}
+            </columnz>
+          </row>
+          {% endfor %}
+          </div>
+        {% endif %}
+      </columny>
+    </row>
+    {% endfor %}
+
+  </container>
+</section>

_includes/schedule.component.html

@@ -5,7 +5,7 @@
   <container>
 
     <h1 class="post-title">{{ page.title }}</h1>
-    <p class="post-meta">{{ page.date | date: "%B %-d, %Y" }} • {{ site.location }} {% if page.author %} • {{ page.author }}{% endif %}{% if page.meta %} • {{ page.meta }}{% endif %}</p>
+    <p class="post-meta">{{ page.date | date: "%B %-d, %Y" }} {% if page.author %} • {{ page.author }}{% endif %}{% if page.meta %} • {{ page.meta }}{% endif %}</p>
 
   </container>
 </header>

_layouts/post.html

@@ -23,7 +23,7 @@ body {
   font-family: $base-font-family;
   font-size: $base-font-size;
   line-height: $base-line-height;
-  font-weight: normal;
+  font-weight: $base-font-weight;
   color: $text-color;
   background-color: $background-color;
   -webkit-text-size-adjust: 100%;
@@ -94,7 +94,7 @@ h1, h2, h3, h4, h5, h6 {
   font-family: $heading-font-family;
   // margin: .15em 0;
   // font-weight: 700;
-  font-weight: bold;
+  font-weight: $heading-font-weight;
   line-height: 1em;
   color: inherit;
   a, a:hover {
@@ -109,13 +109,14 @@ h1, h2, h3, h4, h5, h6 {
 }
 .logo, .site-title {
   font-family: $title-font-family;
+  font-weight: $title-font-weight;
 }
 h1 {
   font-family: $title-font-family;
   font-size: 48px;
   line-height: 1.5em;
   // margin: 0.35em auto;
-  font-weight: 800;
+  font-weight: $title-font-weight;
 }
 h2 {
   font-size: 36px;
@@ -127,11 +128,19 @@ h3 {
   // margin: .5em auto;
   // font-weight: 700;
 }
+h4 {
+  font-size: 1.25em;
+}
+h5 {
+  text-transform: uppercase;
+  opacity: .5;
+  font-size: .85em;
+}
 
 // Links
 a {
   display: inline-block;
-  color: $brand-color;
+  color: $link-color;
   text-decoration: none;
   &:visited {
     // color: darken($brand-color, 15%);
@@ -144,14 +153,17 @@ a {
 
 // Paragraph
 .lead, p.lead {
-  font-size: 1.65em;
+  font-size: 1.25em;
   line-height: 1.5em;
-  font-family: $heading-font-family;
 }
 .leader, p.leader {
   margin-top: 1em;
   font-size: 2.5em;
 }
+.leader {
+  font-family: $heading-font-family;
+  font-weight: $heading-font-weight;
+}
 
 // Blockquotes
 blockquote {

_prose.yml

@@ -0,0 +1,33 @@
+// Core Colors
+
+$bc-cyan:     #6ED2FA;
+$bc-magenta:  #96288C;
+$bc-violet:   #5A3791;
+$bc-blue:     #192855;
+$bc-orange:   #F68B28;
+
+// Supplementary Colors
+
+$bc-azure:    #3C87C8;
+$bc-yellow:   #FFEB5F;
+$bc-green:    #87C88C;
+$bc-cerulean: #37559B;
+$bc-gold:     #FFC30F;
+$bc-purple:   #9B4B96;
+$bc-pink:     #D291BE;
+$bc-rust:     #F0641E;
+
+// Typography
+
+$bc-title-font-family:     'Museo Slab';
+$bc-title-font-weight:     900;
+$bc-heading-font-family:   'Museo Slab';
+$bc-heading-font-weight:   700;
+$bc-body-font-family:      'Proxima Nova';
+$bc-body-font-weight:      normal;
+$bc-emphasis-font-family:  'Proxima Nova';
+$bc-emphasis-font-weight:  bold;
+$bc-monospace-font-family: 'Fantasque Sans';
+$bc-monospace-font-weight: normal;
+$bc-symbol-font-family:    'BronyCon Glyphs Regular';
+$bc-symbol-font-weight:    normal;