jekyll-theme-editorial 1.0.1

data/_samples/people-template.md

@@ -0,0 +1,51 @@
+---
+# defaults assumed for these jekyll variables: layout, permalink, excerpt
+# name the file the same as the handle (e.g., `julia.md`)
+handle:           ""                          # the short, unique 'slug' name of a person
+name:             ""                          # the written name of the person on site pages
+blurb:            ""                          # like a subtitle, but for a person
+title:            ""                          # optional; used for the HTML page title tag, menus & SEO
+series:           "The Partytime Collective"  # optional; use `series` group people and show a sidebar of people in the group (limited to 1 for now)
+location:         "Los Angeles, CA"           # optional; location of the person
+website:          https://example.com/        # optional; personal website
+position:         ""                          # optional; job title
+company:          ""                          # optional; name of affiliated company
+company_url:      https://example.com/        # optional; affiliated company website
+social:                                       # see `_data/social.yml` for options and to add your own
+  twitter:        ""                          # optional; twitter handle (without the @ sign)
+  facebook:       ""                          # optional; facebook username
+  linkedin:       ""                          # optional; linkedin username
+  instagram:      ""                          # optional; instagram handle
+  medium:         ""                          # optional; medium handle (without the @ sign)
+image:            ""                          # default image for SEO & jekyll-feed
+images:                                       # all images are optional; placeholder images will be used in some places if not specified
+  default:                                    # general-use size, default for other uses if they're not specified
+    file:         ""                          # no path, just the filename (e.g., "my great image.png")
+                                              # default images generally use the default image texts, but can be specified here
+  banner:                                     # largest, full-page width landscape at top of page
+    file:         ""                          # no path, just the filename (e.g., "my great image.png")
+    alt_text:     ""                          # describe the image for screen readers
+    caption:      ""                          # optional explanatory text, can be used for attributions
+    title:        ""                          # optional; usually shown as a tooltip on hover
+  thumbnail:                                  # optional; between small & normal, for lists/grids (like index pages)
+    file:         ""                          # no path, just the filename (e.g., "my great image.png")
+                                              # thumbnails generally use the default image texts, but can be specified here
+  avatar:                                     # smallest, avatars represent the person & isn't necessarily a photo; for attribution, like comments
+    file:         ""                          # no path, just the filename (e.g., "my great image.png")
+                                              # avatars generally use the default image texts, but can be specified here
+# these texts are defaults for all images in the images array, if not individually specified:
+  alt_text:       ""                          # describe the image for screen readers
+  caption:        ""                          # optional explanatory text, can be used for attributions
+  title:          ""                          # optional; usually shown as a tooltip on hover
+  gallery:        []                          # FUTURE: array of gallery images, similar in format to above images array but no text defaults
+date:                                         # optional; publication date; overrides the file save date
+last_modified_at:                             # optional; date to show in addition to/in place of create date
+published:        false                       # authors may choose not to publish their bio page
+roles:            [author]                    # FUTURE: array of roles beyond the 'reader' default
+permissions:      []                          # FUTURE: array of permissions beyond those assigned by roles
+canonical_url:    ""                          # optional; customize the canonical URL for this page
+lang:             ""                          # optional; language for the page, `en_US` by default
+description:      ""                          # optional; short description of the page's content used for SEO
+comment:          ""                          # FUTURE: here we can put comments that won't be output on any public pages, like candidate tags/categories, that might show up on private pages in the future
+# NOTE that the first paaragraph below is the excerpt, if no excerpt is defined here in the front matter.
+---

data/_samples/post-template.md

@@ -0,0 +1,38 @@
+---
+# defaults assumed for these jekyll variables: layout, permalink, published, excerpt
+# name the file similar to title (slugified - replace spaces with underscores & remove punctuation)
+title:            ""                          # used in the page/post header, HTML title, menus & SEO
+subtitle:         ""                          # optional; shown under the page/post header
+author:           []                          # use the handle of the author, not their name
+editor:           []                          # FUTURE: add and display editors
+date:             2020-01-01 00:00:00 -0800   # publication date; overrides the file save date
+last_modified_at:                             # optional; date to show in addition to/in place of create date
+categories:       []                          # choose one best category, ideally
+tags:             []                          # choose 3-7 tags, ideally
+series:           "Build a blog"              # optional; use `series` to group posts and show a sidebar of posts in the series (limited to 1 for now)
+location:         "New York, NY"              # optional; location where the post was made
+website:          https://example.com/        # optional; external, related website, possibly featured
+image:            ""                          # default image for SEO & jekyll-feed
+images:                                       # all images are optional; banner and either default or thumbnail are recommended
+  default:                                    # general-use size, default for lists if no thumbnail
+    file:         ""                          # no path, just the filename (e.g., "my great image.png")
+                                              # default images generally use the default image texts, but can be specified here
+  banner:                                     # largest, full-page width landscape at top of page
+    file:         ""                          # no path, just the filename (e.g., "my great image.png")
+    alt_text:     ""                          # describe the image for screen readers
+    caption:      ""                          # optional explanatory text, can be used for attributions
+    title:        ""                          # optional; usually shown as a tooltip on hover
+  thumbnail:                                  # smaller image for lists/grids (like index pages)
+    file:         ""                          # no path, just the filename (e.g., "my great image.png")
+                                              # thumbnails generally use the default image texts, but can be specified here
+# these texts are defaults for all images in the images array, if not individually specified:
+  alt_text:       ""                          # describe the image for screen readers
+  caption:        ""                          # optional explanatory text, can be used for attributions
+  title:          ""                          # optional; usually shown as a tooltip on hover
+  gallery:        []                          # FUTURE: array of gallery images, similar in format to above images array but no text defaults
+canonical_url:    ""                          # optional; customize the canonical URL for this page
+lang:             ""                          # optional; language for the page, `en_US` by default
+description:      ""                          # optional; short description of the page's content used for SEO
+comment:          ""                          # FUTURE: here we can put comments that won't be output on any public pages, like candidate tags/categories, that might show up on private pages in the future
+# NOTE that the first paaragraph below is the excerpt, if no excerpt is defined here in the front matter.
+---

data/_samples/project-template.md

@@ -0,0 +1,47 @@
+---
+# defaults assumed for these jekyll variables: layout, excerpt
+# name the file similar to title (slugified - replace spaces with underscores & remove punctuation)
+title:            ""                          # used in the page header, HTML title, menus & SEO
+subtitle:         ""                          # optional; shown under the page header
+author:           []                          # use the handle of the author, not their name
+editor:           []                          # FUTURE: add and display editors
+date:             2020-01-01 00:00:00 -0800   # publication date; overrides the file save date
+last_modified_at:                             # optional; date to show in addition to/in place of create date
+categories:       []                          # choose one best project category, ideally
+tags:             []                          # choose 3-7 tags, ideally
+series:           "Grand Developments"        # optional; use `series` to group projects and show a sidebar of projects in the series (limited to 1 for now)
+location:         "Cupertino, CA"             # optional; location of the project
+website:          https://example.com/        # optional; external project website
+social:                                       # see `_data/social.yml` for options and to add your own
+  twitter:        ""                          # optional; twitter handle (without the @ sign)
+  facebook:       ""                          # optional; facebook username
+  linkedin:       ""                          # optional; linkedin username
+  instagram:      ""                          # optional; instagram handle
+  medium:         ""                          # optional; medium handle (without the @ sign)
+image:            ""                          # default image for SEO & jekyll-feed
+images:                                       # all images are optional; banner and either default or thumbnail are recommended
+  default:                                    # general-use size, default for lists if no thumbnail
+    file:         ""                          # no path, just the filename (e.g., "my great image.png")
+                                              # default images generally use the default image texts, but can be specified here
+  banner:                                     # largest, full-page width landscape at top of page
+    file:         ""                          # no path, just the filename (e.g., "my great image.png")
+    alt_text:     ""                          # describe the image for screen readers
+    caption:      ""                          # optional explanatory text, can be used for attributions
+    title:        ""                          # optional; usually shown as a tooltip on hover
+  thumbnail:                                  # smaller image for lists/grids (like index pages)
+    file:         ""                          # no path, just the filename (e.g., "my great image.png")
+                                              # thumbnails generally use the default image texts, but can be specified here
+# these texts are defaults for all images in the images array, if not individually specified:
+  alt_text:       ""                          # describe the image for screen readers
+  caption:        ""                          # optional explanatory text, can be used for attributions
+  title:          ""                          # optional; usually shown as a tooltip on hover
+  gallery:        []                          # FUTURE: array of gallery images, similar in format to above images array but no text defaults
+summary:          ""                          # summaries are used on list (index) pages rather than excerts, so that authors have more control over the lead-in
+author_bio:       ""                          # optional; used for an author who is set to `published=false`
+canonical_url:    ""                          # optional; customize the canonical URL for this page
+published:        false
+lang:             ""                          # optional; language for the page, `en_US` by default
+description:      ""                          # optional; short description of the page's content used for SEO
+comment:          ""                          # FUTURE: here we can put comments that won't be output on any public pages, like candidate tags/categories, that might show up on private pages in the future
+# NOTE that the first paaragraph below is the excerpt, if no excerpt is defined here in the front matter. However, projects generally use the summary in place of the excert text.
+---

data/_sass/base/_page.scss

@@ -0,0 +1,42 @@
+/* Basic */
+
+	// MSIE: Required for IEMobile.
+		@-ms-viewport {
+			width: device-width;
+		}
+
+	// MSIE: Prevents scrollbar from overlapping content.
+		body {
+			-ms-overflow-style: scrollbar;
+		}
+
+	// Ensures page width is always >=320px.
+		@include breakpoint('<=xsmall') {
+			html, body {
+				min-width: 320px;
+			}
+		}
+
+	// Set box model to border-box.
+	// Based on css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice
+		html {
+			box-sizing: border-box;
+		}
+
+		*, *:before, *:after {
+			box-sizing: inherit;
+		}
+
+	body {
+		background: _palette(bg);
+
+		// Stops initial animations until page loads or stops resizing.
+			&.is-preload,
+			&.is-resizing {
+				*, *:before, *:after {
+					@include vendor('animation', 'none !important');
+					@include vendor('transition', 'none !important');
+				}
+			}
+
+	}

data/_sass/base/_reset.scss

@@ -0,0 +1,70 @@
+// Reset.
+// Based on meyerweb.com/eric/tools/css/reset (v2.0 | 20110126 | License: 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;
+	}
+
+	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;
+
+		&:before,
+		&:after {
+			content: '';
+			content: none;
+		}
+	}
+
+	table {
+		border-collapse: collapse;
+		border-spacing: 0;
+	}
+
+	body {
+		-webkit-text-size-adjust: none;
+	}
+
+	mark {
+		background-color: transparent;
+		color: inherit;
+	}
+
+	input::-moz-focus-inner {
+		border: 0;
+		padding: 0;
+	}
+
+	input, select, textarea {
+		-moz-appearance: none;
+		-webkit-appearance: none;
+		-ms-appearance: none;
+		appearance: none;
+	}

data/_sass/base/_typography.scss

@@ -0,0 +1,186 @@
+/* Type */
+
+	body, input, select, textarea {
+		color: _palette(fg);
+		font-family: _font(family);
+		font-size: 13pt;
+		font-weight: _font(weight);
+		line-height: 1.65;
+
+		@include breakpoint('<=xlarge') {
+			font-size: 11pt;
+		}
+
+		@include breakpoint('<=large') {
+			font-size: 10pt;
+		}
+
+		@include breakpoint('<=xxsmall') {
+			font-size: 9pt;
+		}
+	}
+
+	a {
+		@include vendor('transition', (
+			'color #{_duration(transition)} ease-in-out',
+			'border-bottom-color #{_duration(transition)} ease-in-out'
+		));
+		border-bottom: dotted 1px;
+		color: _palette(accent);
+		text-decoration: none;
+
+		&:hover {
+			border-bottom-color: _palette(accent);
+			color: _palette(accent) !important;
+
+			strong {
+				color: inherit;
+			}
+		}
+	}
+
+	strong, b {
+		color: _palette(fg-bold);
+		font-weight: _font(weight-bold);
+	}
+
+	em, i {
+		font-style: italic;
+	}
+
+	p {
+		margin: 0 0 _size(element-margin) 0;
+	}
+
+	h1, h2, h3, h4, h5, h6 {
+		color: _palette(fg-bold);
+		font-family: _font(family-heading);
+		font-weight: _font(weight-heading);
+		line-height: 1.5;
+		margin: 0 0 (_size(element-margin) * 0.5) 0;
+
+		a {
+			color: inherit;
+			text-decoration: none;
+			border-bottom: 0;
+		}
+	}
+
+	h1 {
+		font-size: 4em;
+		margin: 0 0 (_size(element-margin) * 0.25) 0;
+		line-height: 1.3;
+	}
+
+	h2 {
+		font-size: 1.75em;
+	}
+
+	h3 {
+		font-size: 1.25em;
+	}
+
+	h4 {
+		font-size: 1.1em;
+	}
+
+	h5 {
+		font-size: 0.9em;
+	}
+
+	h6 {
+		font-size: 0.7em;
+	}
+
+	@include breakpoint('<=xlarge') {
+		h1 {
+			font-size: 3.5em;
+		}
+	}
+
+	@include breakpoint('<=medium') {
+		h1 {
+			font-size: 3.25em;
+		}
+	}
+
+	@include breakpoint('<=small') {
+		h1 {
+			font-size: 2em;
+			line-height: 1.4;
+		}
+
+		h2 {
+			font-size: 1.5em;
+		}
+	}
+
+	sub {
+		font-size: 0.8em;
+		position: relative;
+		top: 0.5em;
+	}
+
+	sup {
+		font-size: 0.8em;
+		position: relative;
+		top: -0.5em;
+	}
+
+	blockquote {
+		border-left: solid 3px _palette(border);
+		font-style: italic;
+		margin: 0 0 _size(element-margin) 0;
+		padding: (_size(element-margin) / 4) 0 (_size(element-margin) / 4) _size(element-margin);
+	}
+
+	code {
+		background: _palette(border-bg);
+		border-radius: _size(border-radius);
+		border: solid 1px _palette(border);
+		font-family: _font(family-fixed);
+		font-size: 0.9em;
+		margin: 0 0.25em;
+		padding: 0.25em 0.65em;
+	}
+
+	pre {
+		-webkit-overflow-scrolling: touch;
+		font-family: _font(family-fixed);
+		font-size: 0.9em;
+		margin: 0 0 _size(element-margin) 0;
+
+		code {
+			display: block;
+			line-height: 1.75;
+			padding: 1em 1.5em;
+			overflow-x: auto;
+			white-space: pre-wrap;
+		}
+	}
+
+	hr {
+		border: 0;
+		border-bottom: solid 1px _palette(border);
+		margin: _size(element-margin) 0;
+
+		&.major {
+			margin: (_size(element-margin) * 1.5) 0;
+		}
+	}
+
+	.align-left {
+		text-align: left;
+	}
+
+	.align-center {
+		text-align: center;
+	}
+
+	.align-right {
+		text-align: right;
+	}
+
+	.underline {
+		text-decoration: underline;
+	}

data/_sass/components/_actions.scss

@@ -0,0 +1,57 @@
+/* Actions */
+
+	ul.actions {
+		@include vendor('display', 'flex');
+		cursor: default;
+		list-style: none;
+		margin-left: (_size(element-margin) * -0.5);
+		padding-left: 0;
+
+		li {
+			padding: 0 0 0 (_size(element-margin) * 0.5);
+			vertical-align: middle;
+		}
+
+		&.special {
+			@include vendor('justify-content', 'center');
+			width: 100%;
+			margin-left: 0;
+
+			li {
+				&:first-child {
+					padding-left: 0;
+				}
+			}
+		}
+
+		&.stacked {
+			@include vendor('flex-direction', 'column');
+			margin-left: 0;
+
+			li {
+				padding: (_size(element-margin) * 0.65) 0 0 0;
+
+				&:first-child {
+					padding-top: 0;
+				}
+			}
+		}
+
+		&.fit {
+			width: calc(100% + #{_size(element-margin) * 0.5});
+
+			li {
+				@include vendor('flex-grow', '1');
+				@include vendor('flex-shrink', '1');
+				width: 100%;
+
+				> * {
+					width: 100%;
+				}
+			}
+
+			&.stacked {
+				width: 100%;
+			}
+		}
+	}