structrdfal 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (57) hide show
  1. checksums.yaml +7 -0
  2. data/LICENSE.txt +21 -0
  3. data/README.md +133 -0
  4. data/_includes/blogList.html +82 -0
  5. data/_includes/blogList.html~1 +100 -0
  6. data/_includes/blogList.html~2 +85 -0
  7. data/_includes/catag-old.html +15 -0
  8. data/_includes/catag.html +16 -0
  9. data/_includes/footer.html +18 -0
  10. data/_includes/nav.html +14 -0
  11. data/_layouts/aboutPage.html +5 -0
  12. data/_layouts/autopage_category.html +11 -0
  13. data/_layouts/autopage_tags.html +12 -0
  14. data/_layouts/bloghome.html +10 -0
  15. data/_layouts/contactPage.html +5 -0
  16. data/_layouts/default.html +131 -0
  17. data/_layouts/event.html +145 -0
  18. data/_layouts/page.html +4 -0
  19. data/_layouts/post.html +34 -0
  20. data/_layouts/sitehome.html +62 -0
  21. data/_sass/_variables.scss +36 -0
  22. data/_sass/_vertical-rhythm.scss +61 -0
  23. data/assets/.colophon/html5-boilerplate_v7.0.1/404.html +60 -0
  24. data/assets/.colophon/html5-boilerplate_v7.0.1/LICENSE.txt +19 -0
  25. data/assets/.colophon/html5-boilerplate_v7.0.1/docs/TOC.md +34 -0
  26. data/assets/.colophon/html5-boilerplate_v7.0.1/docs/css.md +54 -0
  27. data/assets/.colophon/html5-boilerplate_v7.0.1/docs/extend.md +640 -0
  28. data/assets/.colophon/html5-boilerplate_v7.0.1/docs/faq.md +42 -0
  29. data/assets/.colophon/html5-boilerplate_v7.0.1/docs/html.md +198 -0
  30. data/assets/.colophon/html5-boilerplate_v7.0.1/docs/js.md +36 -0
  31. data/assets/.colophon/html5-boilerplate_v7.0.1/docs/misc.md +173 -0
  32. data/assets/.colophon/html5-boilerplate_v7.0.1/docs/usage.md +130 -0
  33. data/assets/.colophon/html5-boilerplate_v7.0.1/index.html +41 -0
  34. data/assets/.colophon/normalize-scss/README.md +158 -0
  35. data/assets/.editorconfig +13 -0
  36. data/assets/.htaccess +1224 -0
  37. data/assets/404.html +6 -0
  38. data/assets/browserconfig.xml +12 -0
  39. data/assets/contactform.html +23 -0
  40. data/assets/eventform.html +110 -0
  41. data/assets/favicon.ico +0 -0
  42. data/assets/humans.txt +16 -0
  43. data/assets/icon.png +0 -0
  44. data/assets/robots.txt +5 -0
  45. data/assets/scripts/.DS_Store +0 -0
  46. data/assets/scripts/main.js +0 -0
  47. data/assets/scripts/plugins.js +24 -0
  48. data/assets/scripts/vendor/jquery-3.3.1.min.js +2 -0
  49. data/assets/scripts/vendor/modernizr-3.6.0.min.js +3 -0
  50. data/assets/site.webmanifest +12 -0
  51. data/assets/styles/HTML5BP-main.css +290 -0
  52. data/assets/styles/form.css +81 -0
  53. data/assets/styles/normalize.css +349 -0
  54. data/assets/styles/structRDFaL.css +177 -0
  55. data/assets/tile-wide.png +0 -0
  56. data/assets/tile.png +0 -0
  57. metadata +156 -0
data/_layouts/default.html ADDED
@@ -0,0 +1,131 @@
1
+ <!doctype html>
2
+ <html class="no-js" lang="en" prefix="dc: http://purl.org/dc/terms/">
3
+ <head profile="http://www.w3.org/2005/10/profile">
4
+ <meta charset="utf-8">
5
+ {% if site.sitemark %}
6
+ {%- capture preTitle %}{{ site.sitemark }} - {% endcapture -%}
7
+ {%- else %}
8
+ {%- capture postTitle %} - {{ site.title }}{% endcapture -%}
9
+ {%- endif -%}
10
+
11
+ {% comment -%}
12
+ <!-- -----------------------------------------------------------------
13
+ I can find no validator for HTML embedded Dublin Core markup. Google's
14
+ Structured Data Testing Tool completely ignores the stuff. Yandex's
15
+ Structured Data Validator recognizes it given the prefix data in the
16
+ <html> above, even tho according to RDFa Core Initial Context, dc:
17
+ should be predefined (https://www.w3.org/2011/rdfa-context/rdfa-1.1)
18
+
19
+ for some really good examples of how the markup should look in your
20
+ code, see (https://www.w3.org/TR/rdfa-core/#s_initialcontexts)
21
+ ------------------------------------------------------------------ -->
22
+ {%- endcomment %}
23
+ <title property="dc:title">{{ preTitle }}{{ page.title }}{{ postTitle }}</title>
24
+ <meta name="description" property="dc:description" content="{{ page.description | default: site.description }}">
25
+ {% if page.tags or page.categories or page.keywords -%}
26
+ {%- assign nothing = "" | split: ", " %}
27
+ {%- assign ptags = page.tags | default: nothing %}
28
+ {%- assign pcats = page.categories | default: nothing %}
29
+ {%- assign pkeys = page.keywords | default: nothing %}
30
+ {%- assign keys = ptags | concat: pcats | concat: pkeys | uniq | join: "," %}
31
+ {%- assign keys = keys | remove_first: "blog," | remove_first: ",blog" -%}
32
+ <meta name="keywords" property="dc:keywords" content="{{ keys }}" />
33
+ {%- endif -%}
34
+ <meta name="viewport" content="width=device-width, initial-scale=1">
35
+
36
+ {% if page.meta-creator or site.author -%}
37
+ <meta name="author" property="dc:creator" content="{{ page.meta-creator | default: site.author }}" />
38
+ {%- endif %}
39
+ {% if page.meta-subject -%}
40
+ <meta property="dc:subject" content="{{ page.meta-subject }}" />
41
+ {%- endif %}
42
+ <meta property="dc:format" content="text/html" />
43
+ <meta property="dc:identifier" content="{{ page.url | absolute_url }}" />
44
+ {% if page.creation-date -%}
45
+ <meta property="dc:date.created" content="{{ page.creation-date | date: '%Y-%m-%d' }}" />
46
+ {%- endif -%}
47
+ {% if page.date -%}
48
+ <meta property="dc:date.lastmodified" content="{{ page.date | date: '%Y-%m-%d' }}" />
49
+ {%- endif -%}
50
+ {% if site.copynotice -%}
51
+ <meta property="dc:rights" content="{{ site.copynotice }}" />
52
+ {%- endif -%}
53
+
54
+ <link rel="manifest" href="site.webmanifest">
55
+ <link rel="apple-touch-icon" href="icon.png">
56
+ {%- comment -%}
57
+ HTML5BP says:
58
+ <!-- Place favicon.ico in the root directory -->
59
+ but the W3C "discourage" this behaviour (https://www.w3.org/2005/10/howto-favicon), so...
60
+ {%- endcomment %}
61
+ <link rel="icon" href="{{ site.baseurl }}favicon.ico">
62
+
63
+ <link rel="stylesheet" href="{{ site.stPath }}normalize.css">
64
+ <link rel="stylesheet" href="{{ site.stPath }}HTML5BP-main.css">
65
+ <link rel="stylesheet" href="{{ site.stPath }}structRDFaL.css">
66
+ {% if page.isform -%}<link rel="stylesheet" href="{{ site.stPath }}form.css">{%- endif %}
67
+
68
+ <meta name="theme-color" content="#fafafa">
69
+ </head>
70
+ {% comment -%}
71
+ <!-- ------------------------------------------------------------------
72
+ pgtype: (typeof WebPage) you might want (see https://schema.org/WebPage)
73
+ WebPage, AboutPage, ContactPage, CollectionPage (ImageGallery or VideoGallery)
74
+ Also could be- ItemPage, ProfilePage, QAPage (or FAQPage), SearchResultsPage
75
+
76
+ Will default to WebPage.
77
+
78
+ The pageType/mainType page/layout pgtype/mntype dance is because
79
+ Liquid/Jekyll frontmatter inheritance sucks.
80
+ ----------------------------------------------------------------------
81
+ mntype: (MainEntity)
82
+ some common ones: Event, Review, Book, HowTo, Article, BlogPost
83
+ ----------------------------------------------------------------------
84
+ Some dates that could be put in:
85
+ lastReviewed (last checked for accuracy)
86
+ dateCreated
87
+ dateModified
88
+ datePublished
89
+
90
+ name: usually page title
91
+ description:
92
+ breadcrumbs are marked up as an element of WebPage
93
+ there are also "about" and "keywords" but Google frowns on schema markup that is not visible unless one wants to implement a poor-man's search via tags
94
+ ------------------------------------------------------------------ -->
95
+ {%- endcomment %}
96
+
97
+ {%- if layout.pgtype or page.pgtype %}
98
+ {% assign pageType = layout.pgtype | default: page.pgtype %}
99
+ {%- endif -%}
100
+ {%- if layout.mntype or page.mntype %}
101
+ {% assign mainType = layout.mntype | default: page.mntype %}
102
+ {%- endif -%}
103
+
104
+ <body vocab="http://schema.org/" typeof="{{ pageType | default: 'WebPage' }}">
105
+ <!--[if lte IE 9]>
106
+ <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p>
107
+ <![endif]-->
108
+ {%- if mainType %}
109
+ <main tabindex="-1" id="main-thing" property="mainEntity" typeof="{{ mainType }}">
110
+ {%- else %}
111
+ <main tabindex="-1" id="main-thing">
112
+ <h1 property="name">{{ page.title }}</h1>
113
+ {%- endif %}
114
+ <a href="/" title="Home"><img id="top-corner-logo" src="/icon.png" alt="logo"></a>
115
+ <!-- <p>default: pageType={{pageType}}, spt:{{site.pgtype}}, lpt:{{layout.pgtype}}<br />
116
+ mainType={{mainType}}, smt:{{site.mntype}}, lmt:{{layout.mntype}}</p> -->
117
+ {{ content }}
118
+ </main>
119
+ {% include nav.html -%}
120
+ {% include footer.html -%}
121
+ {%- comment -%}
122
+ Since it is the <main> element that is scrolling, focus must be
123
+ moved from the overall document to the <main> element for the
124
+ default spacebar scrolling to work. Obviously, Javascript must be
125
+ enabled for this to work since, sadly, there is no HTML/CSS way to
126
+ do it. It is a cosmetic level convenience so if it does not
127
+ enabled/work it is not fatal.
128
+ {%- endcomment %}
129
+ <script type="text/javascript">document.getElementById("main-thing").focus();</script>
130
+ </body>
131
+ </html>
data/_layouts/event.html ADDED
@@ -0,0 +1,145 @@
1
+ ---
2
+ layout: default
3
+ ---
4
+ {% comment -%}
5
+ <!-- some debug stuff -->
6
+ <!-- event: spt:{{site.pgtype}}, lpt:{{layout.pgtype}}<br />
7
+ smt:{{site.mntype}}, lmt:{{layout.mntype}}<br />
8
+ evtype: let:{{layout.evtype}}, pet:{{page.evtype}}<br /> -->
9
+ {%- endcomment -%}
10
+ {%- if page.image %}<meta property="image" href="{{ page.image }}" /></a>{%- endif %}
11
+
12
+ <section property="mainEntity" typeof="{{ layout.evtype | default: page.evtype | default: 'Event' }}">
13
+ {%- if page.image %}
14
+ <a property="image" href="{{ page.image }}" title="bigger"><img src="{{ page.image }}" align="right" alt="" title="Poster for {{ page.title }}" style="max-width: 33%;" /></a>
15
+ {%- endif %}
16
+ {%- if page.description %}
17
+ {%- if page.age %}
18
+ {% capture ageStmt %} Recommended for <span property="typicalAgeRange">{{ page.age }}</span>.{% endcapture %}
19
+ {%- endif %}
20
+ <p property="description">{{ page.description | newline_to_br }}{{ ageStmt }}</p>
21
+ {%- endif %}
22
+
23
+
24
+ <!-- only if needed
25
+ <meta property="eventStatus" content="http://schema.org/EventRescheduled">
26
+ <meta property="eventStatus" content="http://schema.org/EventCancelled">
27
+ <meta property="eventStatus" content="http://schema.org/EventPostponed">
28
+ <span property="previousStartDate" content="2013-09-14T21:30">(previously scheduled for Sept 14th)</span>
29
+ -->
30
+
31
+
32
+
33
+ <dl>
34
+ {%- if page.website %}
35
+ <dt>Website</dt>
36
+ <dd><a property="url" href="{{ page.website }}" title="{{ page.title}}">{{ page.website }}</a></dd>
37
+ {%- endif %}
38
+ <dt>Host</dt>
39
+ {%- if page.orgURL %}
40
+ <dd property="organizer" typeof="Organization"><a property="url" title="{{ page.organizer }}" href="{{ page.orgURL }}"><span property="name">{{ page.organizer }}</span></a></dd>
41
+ {%- else %}
42
+ <dd property="organizer" typeof="Organization"><span property="name">{{ page.organizer }}</span></dd>
43
+ {%- endif %}
44
+ {%- if page.sponsor %}
45
+ <dt>Sponsor(s)</dt>
46
+ <dd>
47
+ <ul style="padding: 0; list-style: none;"
48
+ {%- assign sponsors = page.sponsor | split: ", " %}
49
+ {%- for spons in sponsors %}
50
+ <li property="sponsor" typeof="Organization"> <span property="name">{{ spons }}</span></li>
51
+ {%- endfor %}
52
+ </ul>
53
+ </dd>
54
+ {%- endif %}
55
+
56
+ <!-- if doing dates with times, need the date/time to be in ISO_8601 format
57
+ <dd property="startDate" content="2019-01-26T08:10:36-08:00">January 26, 2019 at 8:10am PST</dd>
58
+ -->
59
+ {%- if page.endDate -%}
60
+ <dt>Dates</dt>
61
+ {%- capture endday %} to <span property="endDate" content="{{ page.endDate }}">{{ page.endDate | date: "%b %d, %Y" }}</span>{%- endcapture -%}
62
+ {%- else %}
63
+ <dt>Date</dt>
64
+ {%- endif %}
65
+ <dd><span property="startDate" content="{{ page.startDate }}">{{ page.startDate | date: "%b %d, %Y" }}</span>{{ endday }}</dd>
66
+ <dt>Where</dt>
67
+ <dd property="location" typeof="Place">
68
+ {%- if page.venue -%}
69
+ {%- if page.venueURL %}
70
+ <span property="name" content="{{ page.venue }}"><a property="url" href="{{ page.venueURL }}">{{ page.venue }}</a></span>
71
+ {%- else %}
72
+ <span property="name">{{ page.venue }}</span>
73
+ {%- endif -%}
74
+ {%- endif %}
75
+ <div property="address" typeof="PostalAddress">
76
+ <span property="streetAddress">{{ page.stAddress | newline_to_br }}</span><br>
77
+ <span property="addressLocality">{{ page.locality }}</span>,
78
+ <span property="addressRegion">{{ page.region }}</span>,
79
+ {%- if page.postal %}
80
+ <span property="postalCode">{{ page.postal }}</span>,
81
+ {%- endif %}
82
+ <span property="addressCountry">{{ page.country }}</span>
83
+ </div>
84
+ {%- if page.mappic or page.maplink %}
85
+ <span property="hasMap">
86
+ {%- if page.mappic %}
87
+ <link itemprop="mapType" href="http://schema.org/VenueMap" />
88
+ <a property="map" href="{{ page.mappic }}">Map</a><br>
89
+ {%- endif %}
90
+ {%- if page.maplink %}
91
+ <a property="url" href="{{ page.maplink }}">click here for directions</a>
92
+ {%- endif %}
93
+ </span>
94
+ {%- endif %}
95
+ </dd>
96
+ {%- if page.langs %}
97
+ <dt>Language(s)</dt>
98
+ <dd property="inLanguage">
99
+ {%- assign languages = page.langs | split: ", " %}
100
+ {%- for lang in languages %}
101
+ {%- unless forloop.first == true %}, {% endunless -%}
102
+ <span property="name">{{ lang }}</span>
103
+ {%- endfor -%}
104
+ </dd>
105
+ {%- endif %}
106
+ {%- if page.offers %}
107
+ <dt>Price</dt>
108
+ <dd property="offers" typeof="http://schema.org/Offer">
109
+ <span property="price" content="{{ page.price }}">
110
+ {%- if page.currency %}
111
+ <span property="priceCurrency" content="{{ page.currencyCode }}">{{ page.currency }}</span>
112
+ {%- endif %}
113
+ {%- if page.price %}
114
+ {{ page.price }}
115
+ {%- else %}
116
+ {{ page.offers }}
117
+ {%- endif %}
118
+ </span>
119
+ </dd>
120
+ {%- endif %}
121
+ <!--
122
+ <dd><ul>
123
+ <li property="offers" typeof="http://schema.org/Offer">
124
+ <a property="url" href="example.com/registration.html" title="registration form">Register here</a>
125
+ <span property="validFrom" content="2015-10-01T00:01">Oct 1, 2015</span> –
126
+ <span property="validThrough" content="2016-01-31T23:59">Jan 31, 2016</span> –
127
+ <div class="event-price">
128
+ <meta property="priceCurrency" content="USD" />$
129
+ <meta property="price" content="13.00" />13.00
130
+ </div>
131
+ </li>
132
+ <li property="offers" typeof="http://schema.org/Offer">
133
+ <a property="url" href="example.com/registration.html" title="registration form">Register here</a>
134
+ <span property="validFrom" content="2016-02-01T00:01">Feb 1, 2016</span> –
135
+ <span property="validThrough" content="2016-06-14T23:59">June 14, 2016</span> –
136
+ <span property="priceCurrency" content="USD">$</span><span property="price" content="1000.00">1,000.00</span>
137
+ </li>
138
+ </ul></dd> -->
139
+ </dl>
140
+ <!-- <p property="description">
141
+ yatta yatta event
142
+ </p> -->
143
+ </section>
144
+ </main>
145
+ </section>
data/_layouts/page.html ADDED
@@ -0,0 +1,4 @@
1
+ ---
2
+ layout: default
3
+ ---
4
+ {{ content }}
data/_layouts/post.html ADDED
@@ -0,0 +1,34 @@
1
+ ---
2
+ layout: default
3
+ mntype: BlogPosting
4
+ ---
5
+ {% comment -%}
6
+ <!-- some debug stuff -->
7
+ <!-- <p>post: spt:{{site.pgtype}}, lpt:{{layout.pgtype}}<br />
8
+ smt:{{site.mntype}}, lmt:{{layout.mntype}}</p> -->
9
+ {%- endcomment -%}
10
+ <article class="post">
11
+ <header>
12
+ <h1 property="headline">{{ page.title }}</h1>
13
+ <time property="datePublished"
14
+ content="{{ page.date | date_to_xmlschema }}"
15
+ class="post-date">{{ page.date | date_to_string }}</time>
16
+ <a property="author publisher" typeof="Person"><meta property="name"
17
+ content="{{ site.author }}" /></a>
18
+ {% include catag.html list=page -%}
19
+ </header>
20
+ <section property="articleBody">
21
+ {{ content }}
22
+ </section>
23
+ </article>
24
+ <section class="related">
25
+ <h2>Related Posts</h2>
26
+ <ul class="related-posts">
27
+ {%- for post in site.related_posts limit:3 -%}
28
+ <li>
29
+ <small>{{ post.date | date_to_string }}</small>
30
+ <a href="{{ post.url | relative_url }}">{{ post.title }}</a>
31
+ </li>
32
+ {% endfor -%}
33
+ </ul>
34
+ </section>
data/_layouts/sitehome.html ADDED
@@ -0,0 +1,62 @@
1
+ <!doctype html>
2
+ <html class="no-js" lang="en" prefix="dc: http://purl.org/dc/terms/">
3
+ <head profile="http://www.w3.org/2005/10/profile">
4
+ <meta charset="utf-8">
5
+ {% if site.title -%}
6
+ {%- capture preTitle %}{{ site.title }} - {% endcapture -%}
7
+ {% endif -%}
8
+
9
+ <title property="dc:title">{{ preTitle }}{{ page.title }}</title>
10
+ <meta name="description" property="dc:description" content="{{ page.description | default: site.description }}">
11
+ <meta name="viewport" content="width=device-width, initial-scale=1">
12
+
13
+ {% if site.author -%}
14
+ <meta name="author" property="dc:creator" content="{{ site.author }}" />
15
+ {%- endif %}
16
+ {% if page.meta-subject -%}
17
+ <meta property="dc:subject" content="{{ page.meta-subject }}" />
18
+ {%- endif %}
19
+ <meta property="dc:format" content="text/html" />
20
+ <meta property="dc:identifier" content="{{ page.url | absolute_url }}" />
21
+ {% if page.creation-date -%}
22
+ <meta property="dc:date.created" content="{{ page.creation-date | date: '%Y-%m-%d' }}" />
23
+ {%- endif %}
24
+ <meta property="dc:date.lastmodified" content="{{ page.date | date: '%Y-%m-%d' }}" />
25
+ {% if site.copynotice -%}
26
+ <meta property="dc:rights" content="{{ site.copynotice }}" />
27
+ {%- endif %}
28
+
29
+ <link rel="manifest" href="site.webmanifest">
30
+ <link rel="apple-touch-icon" href="icon.png">
31
+ {%- comment -%}
32
+ HTML5BP says:
33
+ <!-- Place favicon.ico in the root directory -->
34
+ but the W3C "discourage" this behaviour, so...
35
+ {%- endcomment %}
36
+ <link rel="icon" href="{{ site.baseurl }}favicon.ico">
37
+
38
+ <link rel="stylesheet" href="{{ site.stPath }}normalize.css">
39
+ <link rel="stylesheet" href="{{ site.stPath }}HTML5BP-main.css">
40
+ <link rel="stylesheet" href="{{ site.stPath }}structRDFaL.css">
41
+ {% if page.isform -%}<link rel="stylesheet" href="{{ site.stPath }}form.css">{%- endif %}
42
+
43
+ <meta name="theme-color" content="#fafafa">
44
+ </head>
45
+
46
+ <body vocab="http://schema.org/" typeof="{{ page.pgtype | default: 'WebPage' }}">
47
+ <!--[if lte IE 9]>
48
+ <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p>
49
+ <![endif]-->
50
+ {%- if page.mntype -%}
51
+ <main tabindex="-1" id="main-thing" property="mainEntity" typeof="{{ page.mntype }}">
52
+ {%- else -%}
53
+ <main tabindex="-1" id="main-thing">
54
+ <h1 property="name">{{ page.title }}</h1>
55
+ {%- endif %}
56
+ <img id="top-corner-logo" src="/icon.png" alt="logo" title="Home">
57
+ {{ content }}
58
+ </main>
59
+ {% include nav.html -%}
60
+ {% include footer.html -%}
61
+ </body>
62
+ </html>
data/_sass/_variables.scss ADDED
@@ -0,0 +1,36 @@
1
+ //
2
+ // Variables
3
+ //
4
+ // If you have an initialization partial (or equivalent), you should move these
5
+ // lines to that file. NOTE: Edit the lines to remove "!default".
6
+
7
+ // The font size set on the root html element.
8
+ $base-font-size: 16px !default;
9
+
10
+ // The base line height determines the basic unit of vertical rhythm.
11
+ $base-line-height: 24px !default;
12
+
13
+ // The length unit in which to output vertical rhythm values.
14
+ // Supported values: px, em, rem.
15
+ $base-unit: 'em' !default;
16
+
17
+ // The default font family.
18
+ $base-font-family: null !default;
19
+
20
+ // The font sizes for h1-h6.
21
+ $h1-font-size: 2 * $base-font-size !default;
22
+ $h2-font-size: 1.5 * $base-font-size !default;
23
+ $h3-font-size: 1.17 * $base-font-size !default;
24
+ $h4-font-size: 1 * $base-font-size !default;
25
+ $h5-font-size: 0.83 * $base-font-size !default;
26
+ $h6-font-size: 0.67 * $base-font-size !default;
27
+
28
+ // The amount lists and blockquotes are indented.
29
+ $indent-amount: 40px !default;
30
+
31
+ // The following variable controls whether normalize-scss will output
32
+ // font-sizes, line-heights and block-level top/bottom margins that form a basic
33
+ // vertical rhythm on the page, which differs from the original Normalize.css.
34
+ // However, changing any of the variables above will cause
35
+ // $normalize-vertical-rhythm to be automatically set to true.
36
+ $normalize-vertical-rhythm: false !default;
data/_sass/_vertical-rhythm.scss ADDED
@@ -0,0 +1,61 @@
1
+ //
2
+ // Vertical Rhythm
3
+ //
4
+ // This is the minimal amount of code needed to create vertical rhythm in our
5
+ // CSS. If you are looking for a robust solution, look at the excellent Typey
6
+ // library. @see https://github.com/jptaranto/typey
7
+
8
+ @function normalize-rhythm($value, $relative-to: $base-font-size, $unit: $base-unit) {
9
+ @if unit($value) != px {
10
+ @error "The normalize vertical-rhythm module only supports px inputs. The typey library is better.";
11
+ }
12
+ @if $unit == rem {
13
+ @return ($value / $base-font-size) * 1rem;
14
+ }
15
+ @else if $unit == em {
16
+ @return ($value / $relative-to) * 1em;
17
+ }
18
+ @else { // $unit == px
19
+ @return $value;
20
+ }
21
+ }
22
+
23
+ @mixin normalize-font-size($value, $relative-to: $base-font-size) {
24
+ @if unit($value) != 'px' {
25
+ @error "normalize-font-size() only supports px inputs. The typey library is better.";
26
+ }
27
+ font-size: normalize-rhythm($value, $relative-to);
28
+ }
29
+
30
+ @mixin normalize-rhythm($property, $values, $relative-to: $base-font-size) {
31
+ $value-list: $values;
32
+ $sep: space;
33
+ @if type-of($values) == 'list' {
34
+ $sep: list-separator($values);
35
+ }
36
+ @else {
37
+ $value-list: append((), $values);
38
+ }
39
+
40
+ $normalized-values: ();
41
+ @each $value in $value-list {
42
+ @if unitless($value) and $value != 0 {
43
+ $value: $value * normalize-rhythm($base-line-height, $relative-to);
44
+ }
45
+ $normalized-values: append($normalized-values, $value, $sep);
46
+ }
47
+ #{$property}: $normalized-values;
48
+ }
49
+
50
+ @mixin normalize-margin($values, $relative-to: $base-font-size) {
51
+ @include normalize-rhythm(margin, $values, $relative-to);
52
+ }
53
+
54
+ @mixin normalize-line-height($font-size, $min-line-padding: 2px) {
55
+ $lines: ceil($font-size / $base-line-height);
56
+ // If lines are cramped include some extra leading.
57
+ @if ($lines * $base-line-height - $font-size) < ($min-line-padding * 2) {
58
+ $lines: $lines + 1;
59
+ }
60
+ @include normalize-rhythm(line-height, $lines, $font-size);
61
+ }
data/assets/.colophon/html5-boilerplate_v7.0.1/404.html ADDED
@@ -0,0 +1,60 @@
1
+ <!doctype html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="utf-8">
5
+ <title>Page Not Found</title>
6
+ <meta name="viewport" content="width=device-width, initial-scale=1">
7
+ <style>
8
+
9
+ * {
10
+ line-height: 1.2;
11
+ margin: 0;
12
+ }
13
+
14
+ html {
15
+ color: #888;
16
+ display: table;
17
+ font-family: sans-serif;
18
+ height: 100%;
19
+ text-align: center;
20
+ width: 100%;
21
+ }
22
+
23
+ body {
24
+ display: table-cell;
25
+ vertical-align: middle;
26
+ margin: 2em auto;
27
+ }
28
+
29
+ h1 {
30
+ color: #555;
31
+ font-size: 2em;
32
+ font-weight: 400;
33
+ }
34
+
35
+ p {
36
+ margin: 0 auto;
37
+ width: 280px;
38
+ }
39
+
40
+ @media only screen and (max-width: 280px) {
41
+
42
+ body, p {
43
+ width: 95%;
44
+ }
45
+
46
+ h1 {
47
+ font-size: 1.5em;
48
+ margin: 0 0 0.3em;
49
+ }
50
+
51
+ }
52
+
53
+ </style>
54
+ </head>
55
+ <body>
56
+ <h1>Page Not Found</h1>
57
+ <p>Sorry, but the page you were trying to view does not exist.</p>
58
+ </body>
59
+ </html>
60
+ <!-- IE needs 512+ bytes: https://blogs.msdn.microsoft.com/ieinternals/2010/08/18/friendly-http-error-pages/ -->
data/assets/.colophon/html5-boilerplate_v7.0.1/LICENSE.txt ADDED
@@ -0,0 +1,19 @@
1
+ Copyright (c) HTML5 Boilerplate
2
+
3
+ Permission is hereby granted, free of charge, to any person obtaining a copy of
4
+ this software and associated documentation files (the "Software"), to deal in
5
+ the Software without restriction, including without limitation the rights to
6
+ use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies
7
+ of the Software, and to permit persons to whom the Software is furnished to do
8
+ so, subject to the following conditions:
9
+
10
+ The above copyright notice and this permission notice shall be included in all
11
+ copies or substantial portions of the Software.
12
+
13
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
14
+ IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
15
+ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
16
+ AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
17
+ LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
18
+ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
19
+ SOFTWARE.
data/assets/.colophon/html5-boilerplate_v7.0.1/docs/TOC.md ADDED
@@ -0,0 +1,34 @@
1
+ [HTML5 Boilerplate homepage](https://html5boilerplate.com/)
2
+
3
+ ## Getting started
4
+
5
+ * [Usage](usage.md) — Overview of the project contents.
6
+ * [FAQ](faq.md) — Frequently asked questions along with their answers.
7
+
8
+ ## HTML5 Boilerplate core
9
+
10
+ * [HTML](html.md) — Guide to the default HTML.
11
+ * [CSS](css.md) — Guide to the default CSS.
12
+ * [JavaScript](js.md) — Guide to the default JavaScript.
13
+ * [Everything else](misc.md).
14
+
15
+ ## Development
16
+
17
+ * [Extending and customizing HTML5 Boilerplate](extend.md) — Going further
18
+ with the boilerplate.
19
+
20
+ ## Related projects
21
+
22
+ The [H5BP organization](https://github.com/h5bp) maintains several projects
23
+ that complement HTML5 Boilerplate, projects that can help you improve different
24
+ aspects of your website/web app (e.g.: the performance, security, etc.).
25
+
26
+ * [Server Configs](https://github.com/h5bp/server-configs) — Fast and
27
+ smart configurations for web servers such as Apache and Nginx.
28
+ * [Apache](https://github.com/h5bp/server-configs-apache)
29
+ * [Google App Engine (GAE)](https://github.com/h5bp/server-configs-gae)
30
+ * [Internet Information Services (IIS)](https://github.com/h5bp/server-configs-iis)
31
+ * [lighttpd](https://github.com/h5bp/server-configs-lighttpd)
32
+ * [Nginx](https://github.com/h5bp/server-configs-nginx)
33
+ * [Node.js](https://github.com/h5bp/server-configs-node)
34
+ * [Front-end Developer Interview Questions](https://github.com/h5bp/Front-end-Developer-Interview-Questions)
data/assets/.colophon/html5-boilerplate_v7.0.1/docs/css.md ADDED
@@ -0,0 +1,54 @@
1
+ [HTML5 Boilerplate homepage](https://html5boilerplate.com/) | [Documentation
2
+ table of contents](TOC.md)
3
+
4
+ # The CSS
5
+
6
+ HTML5 Boilerplate's CSS includes:
7
+
8
+ * [Normalize.css](#normalizecss)
9
+ * [Useful defaults](#useful-defaults)
10
+ * [Common helpers](#common-helpers)
11
+ * [Placeholder media queries](#media-queries)
12
+ * [Print styles](#print-styles)
13
+
14
+ This starting CSS does not rely on the presence of
15
+ [conditional class names](https://www.paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/),
16
+ [conditional style sheets](https://css-tricks.com/how-to-create-an-ie-only-stylesheet/),
17
+ or [Modernizr](https://modernizr.com/), and it is ready to use no matter what
18
+ your development preferences happen to be.
19
+
20
+
21
+ ## Normalize.css
22
+
23
+ In order to make browsers render all elements more consistently and in line
24
+ with modern standards, we include
25
+ [Normalize.css](https://necolas.github.io/normalize.css/) — a modern, HTML5-ready
26
+ alternative to CSS resets.
27
+
28
+ As opposed to CSS resets, Normalize.css:
29
+
30
+ * targets only the styles that need normalizing
31
+ * preserves useful browser defaults rather than erasing them
32
+ * corrects bugs and common browser inconsistencies
33
+ * improves usability with subtle improvements
34
+ * doesn't clutter the debugging tools
35
+ * has better documentation
36
+
37
+ For more information about Normalize.css, please refer to its [project
38
+ page](https://necolas.github.com/normalize.css/), as well as this
39
+ [blog post](http://nicolasgallagher.com/about-normalize-css/).
40
+
41
+
42
+ ## main.css
43
+
44
+ Several base styles are included that build upon `Normalize.css`. These
45
+ styles:
46
+
47
+ * provide basic typography settings that improve text readability
48
+ * protect against unwanted `text-shadow` during text highlighting
49
+ * tweak the default alignment of some elements (e.g.: `img`, `video`,
50
+ `fieldset`, `textarea`)
51
+ * style the prompt that is displayed to users using an outdated browser
52
+ * and more...
53
+
54
+ These styles are included in [main.css](https://github.com/h5bp/html5-boilerplate/blob/master/dist/css/main.css). See the [main.css](https://github.com/h5bp/main.css) project [documentation](https://github.com/h5bp/main.css/blob/master/README.md#features) for a full discussion of these styles.