RubyGems - jekyll-theme-pirati - Versions diffs - 2.0.0 → 3.0.0 - Mend

jekyll-theme-pirati 2.0.0 → 3.0.0

Files changed (587) hide show

data/_sass/foundation-sites/vendor/modernizr/readme.md ADDED

@@ -0,0 +1,28 @@
+Modernizr [![Build Status](https://secure.travis-ci.org/Modernizr/Modernizr.png?branch=master)](http://travis-ci.org/Modernizr/Modernizr)
+=========
+### a JavaScript library allowing you to use CSS3 & HTML5 while maintaining control over unsupported browsers
+Modernizr tests which native CSS3 and HTML5 features are available in
+the current UA and makes the results available to you in two ways:
+as properties on a global `Modernizr` object, and as classes on the
+`<html>` element. This information allows you to progressively enhance
+your pages with a granular level of control over the experience.
+Modernizr has an optional (*not included*) conditional resource loader
+called `Modernizr.load()`, based on Yepnope.js ([yepnopejs.com](http://yepnopejs.com/)).
+To get a build that includes `Modernizr.load()`, as well as choosing
+which tests to include, go to [www.modernizr.com/download/](http://www.modernizr.com/download/)
+[Full documentation on modernizr.com/docs/](http://www.modernizr.com/docs/)
+* * *
+Modernizr is dual-licensed under the [BSD and MIT licenses](http://www.modernizr.com/license/).
+[modernizr.com](http://www.modernizr.com/)
+#### Try it out:
+Run the test suite: [http://modernizr.github.com/Modernizr/test/](http://modernizr.github.com/Modernizr/test/)

data/_sass/objects/media.scss CHANGED

@@ -17,6 +17,7 @@
   img {
       display: block;
+      width: 100%;
       max-width: 100%;
   }
@@ -47,8 +48,12 @@
   }
   .o-media__headline {
-      font-size: 1.4rem;
-      color: $primary-color;
+    font-size: 1.4rem;
+    color: $primary-color;
+  }
+  .o-media__headline-link {
+    text-decoration: underline;
   }
 }

data/_sass/objects/section.scss CHANGED

@@ -172,8 +172,8 @@ $section-ns: '';
 }
-.#{$section-ns}o-section.#{$section-ns}o-section--tiled {
-  background: url('../img/tiles/lightGrey.png') repeat;
+.#{$section-ns}o-section.#{$section-ns}o-section--darker {
+  background: lighten($primary-color, 20%);
 }
 .#{$section-ns}o-section-inner {
@@ -218,8 +218,8 @@ $section-ns: '';
 .#{$section-ns}o-section .#{$section-ns}o-section-header {
   position: relative;
-  color: #f3c289;
-  border-bottom: 5px solid #f3c289;
+  color: $primary-color;
+  border-bottom: 5px solid $primary-color;
   margin-top: 6px;
   padding-bottom: 2px;
   margin-bottom: -2px;
@@ -227,7 +227,7 @@ $section-ns: '';
 .#{$section-ns}o-section .#{$section-ns}o-section__heading {
   font-size: 1.8rem;
-  color: #f3c289;
+  color: $primary-color;
   &.#{$section-ns}o-section__heading--small {
     font-size: 1.5rem;

data/assets/css/main.scss CHANGED

@@ -6,6 +6,7 @@
 @charset "utf-8";
 @import 'settings';
+@import 'fonts';
 @import "foundation-sites/scss/foundation";
 @include foundation-everything;
@@ -14,10 +15,12 @@
 @import 'utilities/utilities';
 // Import Components
+@import 'components/typography';
 @import 'components/program';
 @import 'components/BlogPosting';
 @import 'components/Person';
-@import 'components/BasicPage';
+@import 'components/footer';
 @import 'components/vertical-navigation';
 @import 'components/icon';
 @import 'components/contact-bar';
@@ -27,6 +30,8 @@
 @import 'components/top-sub-nav';
 @import 'components/widget-accordion';
 @import 'components/content-card';
+@import 'components/metadata-block';
+@import 'components/headline-image';
 @import 'components/card';
 @import 'components/tag';
 @import 'components/widget-share-box';
@@ -37,6 +42,7 @@
 @import 'components/hero';
 @import 'components/blockquote';
 @import 'components/cta-button';
+@import 'components/content-block';
 // Import Objects
 @import 'objects/section';

data/assets/fonts/BebasNeue-Thin.ttf ADDED

Binary file

data/assets/fonts/BebasNeue-Thin.woff ADDED

Binary file

data/assets/fonts/BebasNeueBold.ttf ADDED

Binary file

data/assets/fonts/BebasNeueBold.woff ADDED

Binary file

data/assets/fonts/BebasNeueBook.ttf ADDED

Binary file

data/assets/fonts/BebasNeueBook.woff ADDED

Binary file

data/assets/fonts/BebasNeueLight.ttf ADDED

Binary file

data/assets/fonts/BebasNeueLight.woff ADDED

Binary file

data/assets/fonts/BebasNeueRegular.ttf ADDED

Binary file

data/assets/fonts/BebasNeueRegular.woff ADDED

Binary file

data/assets/fonts/demo.html ADDED

@@ -0,0 +1,311 @@
+<!DOCTYPE html>
+<html>
+<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="robots" content="noindex, noarchive">
+    <meta name="format-detection" content="telephone=no">
+    <title>Transfonter demo</title>
+    <link href="stylesheet.css" rel="stylesheet">
+    <style>
+        /*
+        http://meyerweb.com/eric/tools/css/reset/
+        v2.0 | 20110126
+        License: none (public domain)
+        */
+        html, body, div, span, applet, object, iframe,
+        h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+        a, abbr, acronym, address, big, cite, code,
+        del, dfn, em, img, ins, kbd, q, s, samp,
+        small, strike, strong, sub, sup, tt, var,
+        b, u, i, center,
+        dl, dt, dd, ol, ul, li,
+        fieldset, form, label, legend,
+        table, caption, tbody, tfoot, thead, tr, th, td,
+        article, aside, canvas, details, embed,
+        figure, figcaption, footer, header, hgroup,
+        menu, nav, output, ruby, section, summary,
+        time, mark, audio, video {
+            margin: 0;
+            padding: 0;
+            border: 0;
+            font-size: 100%;
+            font: inherit;
+            vertical-align: baseline;
+        }
+        /* HTML5 display-role reset for older browsers */
+        article, aside, details, figcaption, figure,
+        footer, header, hgroup, menu, nav, section {
+            display: block;
+        }
+        body {
+            line-height: 1;
+        }
+        ol, ul {
+            list-style: none;
+        }
+        blockquote, q {
+            quotes: none;
+        }
+        blockquote:before, blockquote:after,
+        q:before, q:after {
+            content: '';
+            content: none;
+        }
+        table {
+            border-collapse: collapse;
+            border-spacing: 0;
+        }
+        /* common styles */
+        body {
+            background: #f1f1f1;
+            color: #000;
+        }
+        .page {
+            background: #fff;
+            width: 920px;
+            margin: 0 auto;
+            padding: 20px 20px 0 20px;
+            overflow: hidden;
+        }
+        .font-container {
+            overflow-x: auto;
+            overflow-y: hidden;
+            margin-bottom: 40px;
+            line-height: 1.3;
+            white-space: nowrap;
+            padding-bottom: 5px;
+        }
+        h1 {
+            position: relative;
+            background: #444;
+            font-size: 32px;
+            color: #fff;
+            padding: 10px 20px;
+            margin: 0 -20px 12px -20px;
+        }
+        .letters {
+            font-size: 25px;
+            margin-bottom: 20px;
+        }
+        .s10:before {
+            content: '10px';
+        }
+        .s11:before {
+            content: '11px';
+        }
+        .s12:before {
+            content: '12px';
+        }
+        .s14:before {
+            content: '14px';
+        }
+        .s18:before {
+            content: '18px';
+        }
+        .s24:before {
+            content: '24px';
+        }
+        .s30:before {
+            content: '30px';
+        }
+        .s36:before {
+            content: '36px';
+        }
+        .s48:before {
+            content: '48px';
+        }
+        .s60:before {
+            content: '60px';
+        }
+        .s72:before {
+            content: '72px';
+        }
+        .s10:before, .s11:before, .s12:before, .s14:before,
+        .s18:before, .s24:before, .s30:before, .s36:before,
+        .s48:before, .s60:before, .s72:before {
+            font-family: Arial, sans-serif;
+            font-size: 10px;
+            font-weight: normal;
+            font-style: normal;
+            color: #999;
+            padding-right: 6px;
+        }
+        pre {
+            display: block;
+            position: relative;
+            padding: 9px;
+            margin: 0 0 10px;
+            font-family: Monaco, Menlo, Consolas, "Courier New", monospace !important;
+            font-size: 13px;
+            line-height: 1.428571429;
+            color: #333;
+            font-weight: normal !important;
+            font-style: normal !important;
+            background-color: #f5f5f5;
+            border: 1px solid #ccc;
+            overflow-x: auto;
+            border-radius: 4px;
+        }
+        pre:after {
+            display: block;
+            position: absolute;
+            right: 0;
+            top: 0;
+            content: 'Usage';
+            line-height: 1;
+            padding: 5px 8px;
+            font-size: 12px;
+            color: #767676;
+            background-color: #fff;
+            border: 1px solid #ccc;
+            border-right: none;
+            border-top: none;
+            border-radius: 0 4px 0 4px;
+            z-index: 10;
+        }
+        /* responsive */
+        @media (max-width: 959px) {
+            .page {
+                width: auto;
+                margin: 0;
+            }
+        }
+    </style>
+</head>
+<body>
+<div class="page">
+    <div class="demo" style="font-family: 'Bebas Neue Book'; font-weight: normal; font-style: normal;">
+        <h1>Bebas Neue Book</h1>
+        <pre>.your-style {
+    font-family: 'Bebas Neue Book';
+    font-weight: normal;
+    font-style: normal;
+}</pre>
+        <div class="font-container">
+            <p class="letters">
+                abcdefghijklmnopqrstuvwxyz<br>
+ABCDEFGHIJKLMNOPQRSTUVWXYZ<br>
+                0123456789.:,;()*!?'@#<>$%&^+-=~
+            </p>
+            <p class="s10" style="font-size: 10px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s11" style="font-size: 11px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s12" style="font-size: 12px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s14" style="font-size: 14px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s18" style="font-size: 18px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s24" style="font-size: 24px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s30" style="font-size: 30px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s36" style="font-size: 36px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s48" style="font-size: 48px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s60" style="font-size: 60px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s72" style="font-size: 72px;">The quick brown fox jumps over the lazy dog.</p>
+        </div>
+    </div>
+    <div class="demo" style="font-family: 'Bebas Neue'; font-weight: 100; font-style: normal;">
+        <h1>Bebas Neue Thin</h1>
+        <pre>.your-style {
+    font-family: 'Bebas Neue';
+    font-weight: 100;
+    font-style: normal;
+}</pre>
+        <div class="font-container">
+            <p class="letters">
+                abcdefghijklmnopqrstuvwxyz<br>
+ABCDEFGHIJKLMNOPQRSTUVWXYZ<br>
+                0123456789.:,;()*!?'@#<>$%&^+-=~
+            </p>
+            <p class="s10" style="font-size: 10px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s11" style="font-size: 11px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s12" style="font-size: 12px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s14" style="font-size: 14px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s18" style="font-size: 18px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s24" style="font-size: 24px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s30" style="font-size: 30px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s36" style="font-size: 36px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s48" style="font-size: 48px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s60" style="font-size: 60px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s72" style="font-size: 72px;">The quick brown fox jumps over the lazy dog.</p>
+        </div>
+    </div>
+    <div class="demo" style="font-family: 'Bebas Neue'; font-weight: 300; font-style: normal;">
+        <h1>Bebas Neue Light</h1>
+        <pre>.your-style {
+    font-family: 'Bebas Neue';
+    font-weight: 300;
+    font-style: normal;
+}</pre>
+        <div class="font-container">
+            <p class="letters">
+                abcdefghijklmnopqrstuvwxyz<br>
+ABCDEFGHIJKLMNOPQRSTUVWXYZ<br>
+                0123456789.:,;()*!?'@#<>$%&^+-=~
+            </p>
+            <p class="s10" style="font-size: 10px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s11" style="font-size: 11px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s12" style="font-size: 12px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s14" style="font-size: 14px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s18" style="font-size: 18px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s24" style="font-size: 24px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s30" style="font-size: 30px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s36" style="font-size: 36px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s48" style="font-size: 48px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s60" style="font-size: 60px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s72" style="font-size: 72px;">The quick brown fox jumps over the lazy dog.</p>
+        </div>
+    </div>
+    <div class="demo" style="font-family: 'Bebas Neue'; font-weight: normal; font-style: normal;">
+        <h1>Bebas Neue Regular</h1>
+        <pre>.your-style {
+    font-family: 'Bebas Neue';
+    font-weight: normal;
+    font-style: normal;
+}</pre>
+        <div class="font-container">
+            <p class="letters">
+                abcdefghijklmnopqrstuvwxyz<br>
+ABCDEFGHIJKLMNOPQRSTUVWXYZ<br>
+                0123456789.:,;()*!?'@#<>$%&^+-=~
+            </p>
+            <p class="s10" style="font-size: 10px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s11" style="font-size: 11px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s12" style="font-size: 12px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s14" style="font-size: 14px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s18" style="font-size: 18px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s24" style="font-size: 24px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s30" style="font-size: 30px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s36" style="font-size: 36px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s48" style="font-size: 48px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s60" style="font-size: 60px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s72" style="font-size: 72px;">The quick brown fox jumps over the lazy dog.</p>
+        </div>
+    </div>
+    <div class="demo" style="font-family: 'Bebas Neue'; font-weight: bold; font-style: normal;">
+        <h1>Bebas Neue Bold</h1>
+        <pre>.your-style {
+    font-family: 'Bebas Neue';
+    font-weight: bold;
+    font-style: normal;
+}</pre>
+        <div class="font-container">
+            <p class="letters">
+                abcdefghijklmnopqrstuvwxyz<br>
+ABCDEFGHIJKLMNOPQRSTUVWXYZ<br>
+                0123456789.:,;()*!?'@#<>$%&^+-=~
+            </p>
+            <p class="s10" style="font-size: 10px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s11" style="font-size: 11px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s12" style="font-size: 12px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s14" style="font-size: 14px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s18" style="font-size: 18px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s24" style="font-size: 24px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s30" style="font-size: 30px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s36" style="font-size: 36px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s48" style="font-size: 48px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s60" style="font-size: 60px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s72" style="font-size: 72px;">The quick brown fox jumps over the lazy dog.</p>
+        </div>
+    </div>
+</div>
+</body>
+</html>