Compare commits
No commits in common. "bae65861e489471b1bbfb70ad59395065707c4fd" and "a7ac75fed68172819ac95abb4d919aab4472d322" have entirely different histories.
bae65861e4
...
a7ac75fed6
|
|
@ -0,0 +1,27 @@
|
||||||
|
name: "Close stale issues and PRs"
|
||||||
|
on:
|
||||||
|
schedule:
|
||||||
|
- cron: "30 1 * * *"
|
||||||
|
|
||||||
|
jobs:
|
||||||
|
stale:
|
||||||
|
runs-on: ubuntu-latest
|
||||||
|
steps:
|
||||||
|
- uses: actions/stale@v3
|
||||||
|
with:
|
||||||
|
stale-issue-message: |
|
||||||
|
This issue has been automatically marked as stale because it has not had recent activity.
|
||||||
|
|
||||||
|
If this is a **bug** and you can still reproduce this error on the `master` branch, please reply with any additional information you have about it in order to keep the issue open.
|
||||||
|
|
||||||
|
If this is a feature request, please [add as an Idea under discussions](https://github.com/mmistakes/jekyll-theme-basically-basic/discussions/categories/ideas) and elaborate on why it is core to this project and why you feel more than 80% of users would find it beneficial.
|
||||||
|
|
||||||
|
This issue will automatically be closed in 7 days if no further activity occurs. Thank you for all your contributions.
|
||||||
|
stale-pr-message: |
|
||||||
|
This pull request has been automatically marked as stale because it has not had recent activity.
|
||||||
|
|
||||||
|
This pull request will automatically be closed in 7 days if no further activity occurs. Thank you for all your contributions.
|
||||||
|
stale-issue-label: "Status: Stale"
|
||||||
|
exempt-issue-labels: "Status: Accepted,Status: Under Consideration,Status: Review Needed,Status: In Progress"
|
||||||
|
stale-pr-label: "Status: Stale"
|
||||||
|
exempt-pr-labels: "Status: Accepted,Status: Under Consideration,Status: Review Needed,Status: In Progress"
|
||||||
25
404.html
25
404.html
|
|
@ -1,25 +0,0 @@
|
||||||
---
|
|
||||||
permalink: /404.html
|
|
||||||
layout: default
|
|
||||||
---
|
|
||||||
|
|
||||||
<style type="text/css" media="screen">
|
|
||||||
.container {
|
|
||||||
margin: 10px auto;
|
|
||||||
max-width: 600px;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
h1 {
|
|
||||||
margin: 30px 0;
|
|
||||||
font-size: 4em;
|
|
||||||
line-height: 1;
|
|
||||||
letter-spacing: -1px;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
|
||||||
<div class="container">
|
|
||||||
<h1>404</h1>
|
|
||||||
|
|
||||||
<p><strong>Page not found :(</strong></p>
|
|
||||||
<p>The requested page could not be found.</p>
|
|
||||||
</div>
|
|
||||||
4
Gemfile
4
Gemfile
|
|
@ -1,2 +1,2 @@
|
||||||
source "https://rubygems.org"
|
source "https://rubygems.org"
|
||||||
gemspec
|
gemspec
|
||||||
31
_config.yml
31
_config.yml
|
|
@ -8,25 +8,21 @@
|
||||||
# For technical reasons, this file is *NOT* reloaded automatically when you use
|
# For technical reasons, this file is *NOT* reloaded automatically when you use
|
||||||
# 'bundle exec jekyll serve'. If you change this file, please restart the server process.
|
# 'bundle exec jekyll serve'. If you change this file, please restart the server process.
|
||||||
|
|
||||||
#
|
|
||||||
# If you need help with YAML syntax, here are some quick references for you:
|
|
||||||
# https://learn-the-web.algonquindesign.ca/topics/markdown-yaml-cheat-sheet/#yaml
|
|
||||||
# https://learnxinyminutes.com/docs/yaml/
|
|
||||||
#
|
|
||||||
|
|
||||||
# Site settings
|
# Site settings
|
||||||
# These are used to personalize your new site. If you look in the HTML files,
|
# These are used to personalize your new site. If you look in the HTML files,
|
||||||
# you will see them accessed via {{ site.title }}, {{ site.email }}, and so on.
|
# you will see them accessed via {{ site.title }}, {{ site.email }}, and so on.
|
||||||
# You can create any custom variable you would like, and they will be accessible
|
# You can create any custom variable you would like, and they will be accessible
|
||||||
# in the templates via {{ site.myvariable }}.
|
# in the templates via {{ site.myvariable }}.
|
||||||
|
lang: en-US
|
||||||
lang: fi-FI
|
title: My Awesome Site
|
||||||
title: Datat.fi
|
email:
|
||||||
email: hallitus@datat.fi
|
description:
|
||||||
description: Jotain.
|
|
||||||
baseurl: # the optional subpath of your site, e.g. "/blog"
|
baseurl: # the optional subpath of your site, e.g. "/blog"
|
||||||
url: https://datat.fi # the base hostname & protocol for your site e.g. "https://mmistakes.github.io"
|
url: # the base hostname & protocol for your site e.g. "https://mmistakes.github.io"
|
||||||
author: Datat
|
author:
|
||||||
|
name:
|
||||||
|
twitter:
|
||||||
|
picture:
|
||||||
twitter_username:
|
twitter_username:
|
||||||
github_username:
|
github_username:
|
||||||
logo: # path of site logo, e.g. "/assets/images/logo.png"
|
logo: # path of site logo, e.g. "/assets/images/logo.png"
|
||||||
|
|
@ -46,11 +42,12 @@ plugins: # previsously gems
|
||||||
- jekyll-feed
|
- jekyll-feed
|
||||||
- jekyll-seo-tag
|
- jekyll-seo-tag
|
||||||
- jekyll-sitemap
|
- jekyll-sitemap
|
||||||
|
- jekyll-paginate
|
||||||
feed:
|
feed:
|
||||||
path: atom.xml
|
path: atom.xml
|
||||||
|
|
||||||
# Pagination - https://jekyllrb.com/docs/pagination/
|
# Pagination - https://jekyllrb.com/docs/pagination/
|
||||||
paginate: false
|
paginate: 10
|
||||||
paginate_path: /page:num/
|
paginate_path: /page:num/
|
||||||
|
|
||||||
# Exclude from processing.
|
# Exclude from processing.
|
||||||
|
|
@ -86,9 +83,3 @@ defaults:
|
||||||
values:
|
values:
|
||||||
layout: post
|
layout: post
|
||||||
read_time: true
|
read_time: true
|
||||||
|
|
||||||
# Collections
|
|
||||||
collections:
|
|
||||||
leffat:
|
|
||||||
output: true
|
|
||||||
permalink: /:collection/:path/
|
|
||||||
|
|
|
||||||
|
|
@ -12,7 +12,7 @@ t:
|
||||||
site_search: "Site Search"
|
site_search: "Site Search"
|
||||||
results_found: "Result(s) found"
|
results_found: "Result(s) found"
|
||||||
search_placeholder_text: "Enter your search term..."
|
search_placeholder_text: "Enter your search term..."
|
||||||
home: "Datat"
|
home: "Home"
|
||||||
newer: "Newer"
|
newer: "Newer"
|
||||||
older: "Older"
|
older: "Older"
|
||||||
email: "Email"
|
email: "Email"
|
||||||
|
|
@ -50,4 +50,4 @@ google_fonts:
|
||||||
|
|
||||||
navigation_pages:
|
navigation_pages:
|
||||||
- about.md
|
- about.md
|
||||||
- leffat.md
|
- cv.md
|
||||||
|
|
|
||||||
|
|
@ -1,30 +1,33 @@
|
||||||
{% if post.id %} {% assign title = post.title | markdownify | strip_html %} {%
|
{% if post.id %}
|
||||||
else %} {% assign title = post.title %} {% endif %} {% assign url =
|
{% assign title = post.title | markdownify | strip_html %}
|
||||||
post.external_url | post.url | relative_url %}
|
{% else %}
|
||||||
|
{% assign title = post.title %}
|
||||||
|
{% endif %}
|
||||||
|
|
||||||
<article class="entry">
|
<article class="entry">
|
||||||
<header class="entry-header">
|
<header class="entry-header">
|
||||||
<h3 class="entry-title">
|
<h3 class="entry-title">
|
||||||
<a href="{{ url }}" rel="bookmark">{{ title }}</a>
|
<a href="{{ post.url | relative_url }}" rel="bookmark">{{ title }}</a>
|
||||||
</h3>
|
</h3>
|
||||||
{% if post.image.thumbnail %} {% assign entry_image = post.image.thumbnail |
|
{% if post.image.thumbnail %}
|
||||||
relative_url | escape %}
|
{% assign entry_image = post.image.thumbnail | relative_url | escape %}
|
||||||
<a href="{{ url }}">
|
<img class="entry-image u-photo" src="{{ entry_image }}" alt="">
|
||||||
<img class="entry-image u-photo" src="{{ entry_image }}" zalt="" />
|
|
||||||
</a>
|
|
||||||
{% endif %}
|
{% endif %}
|
||||||
</header>
|
</header>
|
||||||
|
<footer class="entry-meta">
|
||||||
|
<ul>
|
||||||
|
{% if post.date %}
|
||||||
|
<li><span class="icon">{% include icon-calendar.svg %}</span><time class="entry-time" datetime="{{ post.date | date_to_xmlschema }}">{{ post.date | date: "%B %-d, %Y" }}</time></li>
|
||||||
|
{% endif %}
|
||||||
|
{% if post.read_time %}
|
||||||
|
<li><span class="icon">{% include icon-stopwatch.svg %}</span>{% capture read_time %}{% include read-time.html %}{% endcapture %}{{ read_time | strip }}</li>
|
||||||
|
{% endif %}
|
||||||
|
</ul>
|
||||||
|
</footer>
|
||||||
<div class="entry-excerpt">
|
<div class="entry-excerpt">
|
||||||
{% if post.excerpt and page.show_excerpts != false %} {{ post.excerpt |
|
{% if post.excerpt %}
|
||||||
markdownify }}
|
{{ post.excerpt | markdownify }}
|
||||||
<p>
|
<p><a href="{{ post.url | relative_url }}" class="more-link">{{ site.data.theme.t.read_more | default: 'Read More' }} <span class="icon icon--arrow-right">{% include icon-arrow-right.svg %}</span></a></p>
|
||||||
<a href="{{ url }}" class="more-link"
|
|
||||||
>{{ site.data.theme.t.read_more | default: 'Read More' }}
|
|
||||||
<span class="icon icon--arrow-right"
|
|
||||||
>{% include icon-arrow-right.svg %}</span
|
|
||||||
></a
|
|
||||||
>
|
|
||||||
</p>
|
|
||||||
{% endif %}
|
{% endif %}
|
||||||
</div>
|
</div>
|
||||||
</article>
|
</article>
|
||||||
|
|
|
||||||
|
|
@ -8,7 +8,7 @@ layout: default
|
||||||
<div class="index inner">
|
<div class="index inner">
|
||||||
<div>{{ content }}</div>
|
<div>{{ content }}</div>
|
||||||
|
|
||||||
{% if site.posts.size > 0 and page.hide_posts != true %}
|
{% if site.posts.size > 0 %}
|
||||||
<div>
|
<div>
|
||||||
<header class="section-title">
|
<header class="section-title">
|
||||||
<h2>{{ site.data.theme.t.posts | default: 'Posts' }}{% if paginator.page > 1 %}{{ site.data.theme.t.page | default: 'Page' | prepend: ' - ' | append: ' ' }}{{ paginator.page }} {{ site.data.theme.t.of | default: 'of' }} {{ paginator.total_pages }}{% endif %}</h2>
|
<h2>{{ site.data.theme.t.posts | default: 'Posts' }}{% if paginator.page > 1 %}{{ site.data.theme.t.page | default: 'Page' | prepend: ' - ' | append: ' ' }}{{ paginator.page }} {{ site.data.theme.t.of | default: 'of' }} {{ paginator.total_pages }}{% endif %}</h2>
|
||||||
|
|
|
||||||
|
|
@ -1,7 +0,0 @@
|
||||||
---
|
|
||||||
title: "Dataleffa 2013"
|
|
||||||
image:
|
|
||||||
path: /assets/images/leffat/2013.jpg
|
|
||||||
thumbnail: /assets/images/leffat/2013.jpg
|
|
||||||
external_url: https://www.youtube.com/watch?v=XVBgjSE9_GE
|
|
||||||
---
|
|
||||||
|
|
@ -1,7 +0,0 @@
|
||||||
---
|
|
||||||
title: "Dataleffa 2014"
|
|
||||||
image:
|
|
||||||
path: /assets/images/leffat/2014.jpg
|
|
||||||
thumbnail: /assets/images/leffat/2014.jpg
|
|
||||||
external_url: https://www.youtube.com/watch?v=fIAg76bmQ4s
|
|
||||||
---
|
|
||||||
|
|
@ -1,7 +0,0 @@
|
||||||
---
|
|
||||||
title: "Dataleffa 2015: Kymmenen pientä dataa"
|
|
||||||
image:
|
|
||||||
path: /assets/images/leffat/2015.jpg
|
|
||||||
thumbnail: /assets/images/leffat/2015.jpg
|
|
||||||
external_url: https://www.youtube.com/watch?v=PzsdcF8EIJg
|
|
||||||
---
|
|
||||||
|
|
@ -1,7 +0,0 @@
|
||||||
---
|
|
||||||
title: "Dataleffa 2016: Datakid"
|
|
||||||
image:
|
|
||||||
path: /assets/images/leffat/2016.jpg
|
|
||||||
thumbnail: /assets/images/leffat/2016.jpg
|
|
||||||
external_url: https://www.youtube.com/watch?v=63Yg1BW1Vi4
|
|
||||||
---
|
|
||||||
|
|
@ -1,7 +0,0 @@
|
||||||
---
|
|
||||||
title: "Dataleffa 2017: Kultaisen MAOLin metsästys"
|
|
||||||
image:
|
|
||||||
path: /assets/images/leffat/2017.jpg
|
|
||||||
thumbnail: /assets/images/leffat/2017.jpg
|
|
||||||
external_url: https://www.youtube.com/watch?v=AqKfGdPVYWc
|
|
||||||
---
|
|
||||||
|
|
@ -1,7 +0,0 @@
|
||||||
---
|
|
||||||
title: "Dataleffa 2018: Datatar, Viimeinen Fysiikantaitaja"
|
|
||||||
image:
|
|
||||||
path: /assets/images/leffat/2018.jpg
|
|
||||||
thumbnail: /assets/images/leffat/2018.jpg
|
|
||||||
external_url: https://www.youtube.com/watch?v=LngGoC5MiZc
|
|
||||||
---
|
|
||||||
|
|
@ -1,7 +0,0 @@
|
||||||
---
|
|
||||||
title: "Dataleffa 2019: Suorakulmaisen pöydän ritarit"
|
|
||||||
image:
|
|
||||||
path: /assets/images/leffat/2019.jpg
|
|
||||||
thumbnail: /assets/images/leffat/2019.jpg
|
|
||||||
external_url: https://www.youtube.com/watch?v=q218vbS7Evw
|
|
||||||
---
|
|
||||||
|
|
@ -1,7 +0,0 @@
|
||||||
---
|
|
||||||
title: "Dataleffa 2020"
|
|
||||||
image:
|
|
||||||
path: /assets/images/leffat/2020.jpg
|
|
||||||
thumbnail: /assets/images/leffat/2020.jpg
|
|
||||||
external_url: https://www.youtube.com/watch?v=0swUUIMR2Fc
|
|
||||||
---
|
|
||||||
|
|
@ -1,7 +0,0 @@
|
||||||
---
|
|
||||||
title: "Dataleffa 2021: Kultatikku"
|
|
||||||
image:
|
|
||||||
path: /assets/images/leffat/2021.jpg
|
|
||||||
thumbnail: /assets/images/leffat/2021.jpg
|
|
||||||
external_url: https://www.youtube.com/watch?v=C9NY2IAmQqE
|
|
||||||
---
|
|
||||||
|
|
@ -1,7 +0,0 @@
|
||||||
---
|
|
||||||
title: "Dataleffa 2022: The Last MAOL"
|
|
||||||
image:
|
|
||||||
path: /assets/images/leffat/2022.jpg
|
|
||||||
thumbnail: /assets/images/leffat/2022.jpg
|
|
||||||
external_url: https://www.youtube.com/watch?v=nSwARF4L5ng
|
|
||||||
---
|
|
||||||
|
|
@ -129,73 +129,74 @@
|
||||||
Entries Grid Layout
|
Entries Grid Layout
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
|
|
||||||
.entries-grid {
|
.entries-grid {
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: repeat(auto-fill, minmax(calc(max(300px, 25%)), 1fr));
|
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
|
||||||
grid-gap: 2em;
|
grid-gap: 2em;
|
||||||
|
|
||||||
.entry {
|
.entry {
|
||||||
display: -webkit-box;
|
display: -webkit-box;
|
||||||
display: -ms-flexbox;
|
display: -ms-flexbox;
|
||||||
display: flex;
|
display: flex;
|
||||||
-webkit-box-orient: vertical;
|
-webkit-box-orient: vertical;
|
||||||
-webkit-box-direction: normal;
|
-webkit-box-direction: normal;
|
||||||
-ms-flex-direction: column;
|
-ms-flex-direction: column;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
margin-bottom: 0;
|
|
||||||
padding-bottom: 2rem;
|
|
||||||
border-bottom: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.entry-title {
|
|
||||||
@include fluid-type($min-vw, $max-vw, 18px, 24px);
|
|
||||||
-webkit-box-ordinal-group: 2;
|
|
||||||
-ms-flex-order: 1;
|
|
||||||
order: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.entry-excerpt,
|
|
||||||
.entry-content {
|
|
||||||
-webkit-box-ordinal-group: 4;
|
|
||||||
-ms-flex-order: 3;
|
|
||||||
order: 3;
|
|
||||||
|
|
||||||
/* remove space after last child element */
|
|
||||||
> *:last-child {
|
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
|
padding-bottom: 2rem;
|
||||||
|
border-bottom: none;
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
|
||||||
.entry-excerpt {
|
.entry-title {
|
||||||
/* normalize font sizes */
|
@include fluid-type($min-vw, $max-vw, 18px, 24px);
|
||||||
> * {
|
-webkit-box-ordinal-group: 2;
|
||||||
font-size: 1em;
|
-ms-flex-order: 1;
|
||||||
|
order: 1;
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
|
||||||
.entry-meta {
|
.entry-excerpt,
|
||||||
-webkit-box-ordinal-group: 3;
|
.entry-content {
|
||||||
-ms-flex-order: 2;
|
-webkit-box-ordinal-group: 4;
|
||||||
order: 2;
|
-ms-flex-order: 3;
|
||||||
margin-bottom: 1em;
|
order: 3;
|
||||||
font-size: 0.75em;
|
|
||||||
|
|
||||||
ul {
|
/* remove space after last child element */
|
||||||
li {
|
> *:last-child {
|
||||||
display: inline-block;
|
margin-bottom: 0;
|
||||||
margin-right: 1.5rem;
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.entry-excerpt {
|
||||||
|
/* normalize font sizes */
|
||||||
|
> * {
|
||||||
|
font-size: 1em;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.entry-meta {
|
||||||
|
-webkit-box-ordinal-group: 3;
|
||||||
|
-ms-flex-order: 2;
|
||||||
|
order: 2;
|
||||||
|
margin-bottom: 1em;
|
||||||
|
font-size: 0.75em;
|
||||||
|
|
||||||
|
ul {
|
||||||
|
li {
|
||||||
|
display: inline-block;
|
||||||
|
margin-right: 1.5rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.more-link {
|
||||||
|
margin-top: -1em;
|
||||||
|
|
||||||
|
a {
|
||||||
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.more-link {
|
|
||||||
margin-top: -1em;
|
|
||||||
|
|
||||||
a {
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.entry-content {
|
.entry-content {
|
||||||
> p:first-child {
|
> p:first-child {
|
||||||
|
|
|
||||||
|
|
@ -56,6 +56,10 @@ main {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.inner {
|
||||||
|
max-width: $large;
|
||||||
|
}
|
||||||
|
|
||||||
/*
|
/*
|
||||||
Layout specific adjustments
|
Layout specific adjustments
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
|
|
|
||||||
7
about.md
7
about.md
|
|
@ -1,7 +0,0 @@
|
||||||
---
|
|
||||||
layout: page
|
|
||||||
title: Tietoa datoista
|
|
||||||
permalink: /about/
|
|
||||||
---
|
|
||||||
|
|
||||||
Tämä on Otaniemen lukion matematiikka- ja luonnontiedelukion opiskelijoiden eli datojen sivu. Sivua ylläpitää datojen sekä data-alumnien yhdistys Datat Ry.
|
|
||||||
Binary file not shown.
|
Before Width: | Height: | Size: 69 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 99 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 36 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 23 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 119 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 68 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 65 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 134 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 99 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 127 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 42 KiB |
|
|
@ -0,0 +1,7 @@
|
||||||
|
---
|
||||||
|
title: Page not found
|
||||||
|
layout: page
|
||||||
|
permalink: /404.html
|
||||||
|
---
|
||||||
|
|
||||||
|
Sorry, but the page you were trying to view has moved or does not exist.
|
||||||
|
|
@ -0,0 +1,15 @@
|
||||||
|
source "https://rubygems.org"
|
||||||
|
|
||||||
|
gem "github-pages", group: :jekyll_plugins
|
||||||
|
|
||||||
|
gem "wdm", "~> 0.1.0" if Gem.win_platform?
|
||||||
|
gem "jekyll-remote-theme"
|
||||||
|
|
||||||
|
# If you have any plugins, put them here!
|
||||||
|
# group :jekyll_plugins do
|
||||||
|
# gem "jekyll-paginate"
|
||||||
|
# gem "jekyll-sitemap"
|
||||||
|
# gem "jekyll-gist"
|
||||||
|
# gem "jekyll-feed"
|
||||||
|
# gem "jemoji"
|
||||||
|
# end
|
||||||
|
|
@ -0,0 +1,112 @@
|
||||||
|
# Welcome to Jekyll!
|
||||||
|
#
|
||||||
|
# This config file is meant for settings that affect your entire site, values
|
||||||
|
# which you are expected to set up once and rarely need to edit after that.
|
||||||
|
# For technical reasons, this file is *NOT* reloaded automatically when you use
|
||||||
|
# `jekyll serve`. If you change this file, please restart the server process.
|
||||||
|
|
||||||
|
remote_theme: "mmistakes/jekyll-theme-basically-basic"
|
||||||
|
|
||||||
|
# Site Settings
|
||||||
|
lang: en-US
|
||||||
|
title: Basically Basic
|
||||||
|
email: dugan.nash@mailinator.com
|
||||||
|
description: "Your new default Jekyll theme"
|
||||||
|
baseurl: "/jekyll-theme-basically-basic"
|
||||||
|
url: "https://mmistakes.github.io"
|
||||||
|
repository: "mmistakes/minimal-mistakes"
|
||||||
|
author:
|
||||||
|
name: Dugan Nash
|
||||||
|
twitter: Towlette_Pettetucci
|
||||||
|
picture: /assets/images/johndoe.png
|
||||||
|
twitter_username: Towlette_Pettetucci
|
||||||
|
github_username: Towlette_Pettetucci
|
||||||
|
logo: /assets/icons/basically-basic-logo-light.svg
|
||||||
|
google_analytics: UA-2011187-6
|
||||||
|
disqus:
|
||||||
|
shortname:
|
||||||
|
search: true
|
||||||
|
search_full_content: true
|
||||||
|
search_provider: lunr
|
||||||
|
algolia:
|
||||||
|
application_id: # YOUR_APPLICATION_ID
|
||||||
|
index_name: # YOUR_INDEX_NAME
|
||||||
|
search_only_api_key: # YOUR_SEARCH_ONLY_API_KEY
|
||||||
|
powered_by: # true (default), false
|
||||||
|
|
||||||
|
# Conversion
|
||||||
|
markdown: kramdown
|
||||||
|
highlighter: rouge
|
||||||
|
lsi: false
|
||||||
|
incremental: false
|
||||||
|
|
||||||
|
# Markdown Processing
|
||||||
|
kramdown:
|
||||||
|
input: GFM
|
||||||
|
hard_wrap: false
|
||||||
|
auto_ids: true
|
||||||
|
footnote_nr: 1
|
||||||
|
entity_output: as_char
|
||||||
|
toc_levels: 1..6
|
||||||
|
smart_quotes: lsquo,rsquo,ldquo,rdquo
|
||||||
|
enable_coderay: false
|
||||||
|
|
||||||
|
# Sass/SCSS
|
||||||
|
sass:
|
||||||
|
sass_dir: _sass
|
||||||
|
style: compressed # http://sass-lang.com/documentation/file.SASS_REFERENCE.html#output_style
|
||||||
|
|
||||||
|
# Outputting
|
||||||
|
permalink: /:categories/:title/
|
||||||
|
timezone: America/New_York # http://en.wikipedia.org/wiki/List_of_tz_database_time_zones
|
||||||
|
|
||||||
|
# Plugins
|
||||||
|
plugins: # previously gems
|
||||||
|
- jekyll-feed
|
||||||
|
- jekyll-seo-tag
|
||||||
|
- jekyll-sitemap
|
||||||
|
- jekyll-paginate
|
||||||
|
- jekyll-remote-theme
|
||||||
|
|
||||||
|
# Jekyll Feed
|
||||||
|
feed:
|
||||||
|
path: atom.xml
|
||||||
|
|
||||||
|
# Pagination - https://jekyllrb.com/docs/pagination/
|
||||||
|
paginate: 10
|
||||||
|
paginate_path: /page:num/
|
||||||
|
|
||||||
|
# Exclude from processing.
|
||||||
|
# The following items will not be processed, by default. Create a custom list
|
||||||
|
# to override the default setting.
|
||||||
|
# exclude:
|
||||||
|
# - Gemfile
|
||||||
|
# - Gemfile.lock
|
||||||
|
# - node_modules
|
||||||
|
# - vendor/bundle/
|
||||||
|
# - vendor/cache/
|
||||||
|
# - vendor/gems/
|
||||||
|
# - vendor/ruby/
|
||||||
|
|
||||||
|
# Collections
|
||||||
|
collections:
|
||||||
|
recipes:
|
||||||
|
output: true
|
||||||
|
permalink: /:collection/:path/
|
||||||
|
|
||||||
|
# Front Matter Defaults
|
||||||
|
defaults:
|
||||||
|
# _posts
|
||||||
|
- scope:
|
||||||
|
path: "_posts"
|
||||||
|
type: posts
|
||||||
|
values:
|
||||||
|
layout: post
|
||||||
|
read_time: true
|
||||||
|
# _recipes
|
||||||
|
- scope:
|
||||||
|
path: "_recipes"
|
||||||
|
type: recipes
|
||||||
|
values:
|
||||||
|
layout: post
|
||||||
|
read_time: true
|
||||||
|
|
@ -0,0 +1,128 @@
|
||||||
|
{
|
||||||
|
"basics": {
|
||||||
|
"name": "Dugan Nash",
|
||||||
|
"label": "Very extravagant man",
|
||||||
|
"picture": "",
|
||||||
|
"email": "dugan.hash@mailinator.com",
|
||||||
|
"phone": "(555) 555-5555",
|
||||||
|
"website": "https://towlettepettetuc.ci",
|
||||||
|
"summary": "Nash is well versed in the Montoyan / Artesian Connection, preparation of grasshopper mash, and baking of grover loaves.",
|
||||||
|
"location": {
|
||||||
|
"address": "123 Sesame Street",
|
||||||
|
"postalCode": "CA 94115",
|
||||||
|
"city": "San Francisco",
|
||||||
|
"countryCode": "US",
|
||||||
|
"region": "California"
|
||||||
|
},
|
||||||
|
"profiles": [
|
||||||
|
{
|
||||||
|
"network": "Twitter",
|
||||||
|
"username": "Towlette_Pettetucci",
|
||||||
|
"url": "https://twitter.com/Towlette_Pettetucci"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"network": "SoundCloud",
|
||||||
|
"username": "Towlette_Pettetucci",
|
||||||
|
"url": "https://soundcloud.com/Towlette_Pettetucci"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
"work": [
|
||||||
|
{
|
||||||
|
"company": "The Whip",
|
||||||
|
"position": "CEO/President",
|
||||||
|
"website": "https://thewh.ip",
|
||||||
|
"startDate": "2013-12-01",
|
||||||
|
"endDate": "",
|
||||||
|
"summary": "Leverage agile frameworks to provide a robust synopsis for high level overviews. Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition. Organically grow the holistic world view of disruptive innovation via workplace diversity and empowerment.",
|
||||||
|
"highlights": [
|
||||||
|
"Concealed nipper in embrodiery.",
|
||||||
|
"Dealt with Elastical Gomez on a daily basis."
|
||||||
|
]
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"volunteer": [
|
||||||
|
{
|
||||||
|
"organization": "Steve's Meat Market",
|
||||||
|
"position": "Assistant",
|
||||||
|
"website": "",
|
||||||
|
"startDate": "1995-01-01",
|
||||||
|
"endDate": "1997-03-20",
|
||||||
|
"summary": "Ground up some sort of grasshopper mash for fishing.",
|
||||||
|
"highlights": [
|
||||||
|
"Awarded a 'Helium Biscuit'"
|
||||||
|
]
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"education": [
|
||||||
|
{
|
||||||
|
"institution": "University of Ointment",
|
||||||
|
"area": "Digital Skillets",
|
||||||
|
"studyType": "Bachelor",
|
||||||
|
"startDate": "2011-06-01",
|
||||||
|
"endDate": "2014-01-01",
|
||||||
|
"gpa": "4.0",
|
||||||
|
"courses": [
|
||||||
|
"DB1101 - Perpendicular Crosstalk",
|
||||||
|
"CS2011 - Introduction to Moisturization"
|
||||||
|
]
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"awards": [
|
||||||
|
{
|
||||||
|
"title": "Warble Pioneer Award",
|
||||||
|
"date": "2001-11-01",
|
||||||
|
"awarder": "Levi Goulet",
|
||||||
|
"summary": "Have you seen my turtle?"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"publications": [
|
||||||
|
{
|
||||||
|
"name": "Radio Julius",
|
||||||
|
"publisher": "Tanyo Lubbock",
|
||||||
|
"releaseDate": "2014-10-01",
|
||||||
|
"website": "https://en.rhy.es",
|
||||||
|
"summary": "Capitalize on low hanging fruit to identify a ballpark value added activity to beta test."
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"skills": [
|
||||||
|
{
|
||||||
|
"name": "Audio Juggling",
|
||||||
|
"level": "Master",
|
||||||
|
"keywords": [
|
||||||
|
"Ointment",
|
||||||
|
"Voltor",
|
||||||
|
"Millipedes"
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "Bruschotti",
|
||||||
|
"level": "Satisfactory",
|
||||||
|
"keywords": [
|
||||||
|
"Snow camp",
|
||||||
|
"Owl"
|
||||||
|
]
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"languages": [
|
||||||
|
{
|
||||||
|
"language": "Nonsense",
|
||||||
|
"fluency": "Native speaker"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"interests": [
|
||||||
|
{
|
||||||
|
"name": "The Information Superhighway",
|
||||||
|
"keywords": [
|
||||||
|
"Ferrets",
|
||||||
|
"Unicorns"
|
||||||
|
]
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"references": [
|
||||||
|
{
|
||||||
|
"name": " Nannette Nananacci",
|
||||||
|
"reference": "It is my pleasure to recommend Dugan Nash, his performance working as a consultant for Main St. Company proved that he will be a valuable addition to any company."
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,54 @@
|
||||||
|
# Theme Skin
|
||||||
|
skin: default # default, night, plum, sea, soft, steel
|
||||||
|
|
||||||
|
# Theme Text
|
||||||
|
t:
|
||||||
|
skip_links: "Skip links"
|
||||||
|
skip_primary_nav: "Skip to primary navigation"
|
||||||
|
skip_content: "Skip to content"
|
||||||
|
skip_footer: "Skip to footer"
|
||||||
|
menu: "Menu"
|
||||||
|
search: "Search"
|
||||||
|
results_found: "Result(s) found"
|
||||||
|
search_placeholder_text: "Enter your search term..."
|
||||||
|
home: "Home"
|
||||||
|
newer: "Newer"
|
||||||
|
older: "Older"
|
||||||
|
email: "Email"
|
||||||
|
subscribe: "Subscribe"
|
||||||
|
read_more: "Read More"
|
||||||
|
posts: "Posts"
|
||||||
|
page: "Page"
|
||||||
|
of: "of"
|
||||||
|
min_read: "min read"
|
||||||
|
present: "Present"
|
||||||
|
cv_awards: "Awards"
|
||||||
|
cv_summary_contact: "Contact"
|
||||||
|
cv_summary_contact_email: "Email"
|
||||||
|
cv_summary_contact_phone: "Phone"
|
||||||
|
cv_summary_contact_website: "Website"
|
||||||
|
cv_location: "Location"
|
||||||
|
cv_education: "Education"
|
||||||
|
cv_education_courses: "Courses"
|
||||||
|
cv_interests: "Interests"
|
||||||
|
cv_languages: "Languages"
|
||||||
|
cv_publications: "Publications"
|
||||||
|
cv_references: "References"
|
||||||
|
cv_skills: "Skills"
|
||||||
|
cv_volunteer: "Volunteer"
|
||||||
|
cv_work: "Work"
|
||||||
|
|
||||||
|
# Google Fonts
|
||||||
|
google_fonts:
|
||||||
|
- name: "Fira Sans"
|
||||||
|
weights: "400,400i,600,600i"
|
||||||
|
|
||||||
|
# Link to specific internal pages in the navigation.
|
||||||
|
# Create a custom list to override the default setting of including links to all
|
||||||
|
# pages that have a `title`. Add raw page paths in the order you'd like.
|
||||||
|
|
||||||
|
navigation_pages:
|
||||||
|
- about.md
|
||||||
|
- cv.md
|
||||||
|
- recipes.md
|
||||||
|
- tags.md
|
||||||
|
|
@ -0,0 +1,70 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<!--
|
||||||
|
Basically Basic Jekyll Theme 1.4.5
|
||||||
|
Copyright 2017-2018 Michael Rose - mademistakes.com | @mmistakes
|
||||||
|
Free for personal and commercial use under the MIT license
|
||||||
|
https://github.com/mmistakes/jekyll-theme-basically-basic/blob/master/LICENSE
|
||||||
|
-->
|
||||||
|
<html lang="{{ page.lang | default: site.lang | default: 'en-US' }}" class="no-js">
|
||||||
|
{% include head.html %}
|
||||||
|
|
||||||
|
<body class="layout--{{ page.layout | default: layout.layout }}{% if page.classes or layout.classes %}{{ page.classes | default: layout.classes | join: ' ' | prepend: ' ' }}{% endif %} {{ page.title | slugify }}">
|
||||||
|
|
||||||
|
{% include skip-links.html %}
|
||||||
|
|
||||||
|
<div class="sidebar-toggle-wrapper">
|
||||||
|
{% if site.search %}
|
||||||
|
<button class="search-toggle" type="button">
|
||||||
|
<svg class="icon" width="16" height="16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15.99 16">
|
||||||
|
<title>{{ site.data.theme.t.search | default: 'Search' }}</title>
|
||||||
|
<path d="M15.5,13.12L13.19,10.8a1.69,1.69,0,0,0-1.28-.55l-0.06-.06A6.5,6.5,0,0,0,5.77,0,6.5,6.5,0,0,0,2.46,11.59a6.47,6.47,0,0,0,7.74.26l0.05,0.05a1.65,1.65,0,0,0,.5,1.24l2.38,2.38A1.68,1.68,0,0,0,15.5,13.12ZM6.4,2A4.41,4.41,0,1,1,2,6.4,4.43,4.43,0,0,1,6.4,2Z" transform="translate(-.01)"></path>
|
||||||
|
</svg>
|
||||||
|
</button>
|
||||||
|
{% endif %}
|
||||||
|
|
||||||
|
<button class="toggle navicon-button larr" type="button">
|
||||||
|
<span class="toggle-inner">
|
||||||
|
<span class="sidebar-toggle-label visually-hidden">{{ site.data.theme.t.menu | default: 'Menu' }}</span>
|
||||||
|
<span class="navicon"></span>
|
||||||
|
</span>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="sidebar" class="sidebar">
|
||||||
|
<div class="inner">
|
||||||
|
{% include navigation.html %}
|
||||||
|
{% include contact-list.html %}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="canvas">
|
||||||
|
<div class="wrapper">
|
||||||
|
{% include masthead.html %}
|
||||||
|
<div class="initial-content">
|
||||||
|
{{ content }}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="search-content">
|
||||||
|
{% include search-form.html %}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
|
||||||
|
<div align="center" style="margin: 1em 0;">
|
||||||
|
<ins class="adsbygoogle"
|
||||||
|
style="display:block; border-bottom: initial;"
|
||||||
|
data-ad-client="ca-pub-7328585512091257"
|
||||||
|
data-ad-slot="3049671934"
|
||||||
|
data-ad-format="auto"></ins>
|
||||||
|
</div>
|
||||||
|
<script>
|
||||||
|
(adsbygoogle = window.adsbygoogle || []).push({});
|
||||||
|
</script>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{% include footer.html %}
|
||||||
|
{% include scripts.html %}
|
||||||
|
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1,22 @@
|
||||||
|
---
|
||||||
|
layout: default
|
||||||
|
---
|
||||||
|
|
||||||
|
{% include page-intro.html %}
|
||||||
|
|
||||||
|
<main id="main" class="page-content" aria-label="Content">
|
||||||
|
<div class="inner">
|
||||||
|
<article class="entry-wrap">
|
||||||
|
<div class="entry-content">
|
||||||
|
{{ content }}
|
||||||
|
</div>
|
||||||
|
<div style="margin: 1em 0;">
|
||||||
|
<ins class="adsbygoogle"
|
||||||
|
style="display:block; border-bottom: initial;"
|
||||||
|
data-ad-client="ca-pub-7328585512091257"
|
||||||
|
data-ad-slot="3049671934"
|
||||||
|
data-ad-format="auto"></ins>
|
||||||
|
</div>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
|
|
@ -0,0 +1,25 @@
|
||||||
|
---
|
||||||
|
layout: default
|
||||||
|
---
|
||||||
|
|
||||||
|
{% include page-intro.html %}
|
||||||
|
|
||||||
|
<main id="main" class="page-content" aria-label="Content">
|
||||||
|
<div class="inner">
|
||||||
|
<article class="entry-wrap">
|
||||||
|
<div class="entry-content">
|
||||||
|
{{ content }}
|
||||||
|
</div>
|
||||||
|
<div style="margin: 1em 0;">
|
||||||
|
<ins class="adsbygoogle"
|
||||||
|
style="display:block; border-bottom: initial;"
|
||||||
|
data-ad-client="ca-pub-7328585512091257"
|
||||||
|
data-ad-slot="3049671934"
|
||||||
|
data-ad-format="auto"></ins>
|
||||||
|
</div>
|
||||||
|
{% if site.disqus.shortname %}
|
||||||
|
{% include disqus_comments.html %}
|
||||||
|
{% endif %}
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
|
|
@ -0,0 +1,58 @@
|
||||||
|
---
|
||||||
|
title: "Edge Case: Nested and Mixed Lists"
|
||||||
|
categories:
|
||||||
|
- Edge Case
|
||||||
|
tags:
|
||||||
|
- content
|
||||||
|
- css
|
||||||
|
- edge case
|
||||||
|
- lists
|
||||||
|
- markup
|
||||||
|
last_modified_at: 2017-03-09T14:25:52-05:00
|
||||||
|
---
|
||||||
|
|
||||||
|
Nested and mixed lists are an interesting beast. It's a corner case to make sure that lists within lists do not break the ordered list numbering order and list styles go deep enough.
|
||||||
|
|
||||||
|
## Ordered -- Unordered -- Ordered
|
||||||
|
|
||||||
|
1. ordered item
|
||||||
|
2. ordered item
|
||||||
|
* **unordered**
|
||||||
|
* **unordered**
|
||||||
|
1. ordered item
|
||||||
|
2. ordered item
|
||||||
|
3. ordered item
|
||||||
|
4. ordered item
|
||||||
|
|
||||||
|
## Ordered -- Unordered -- Unordered
|
||||||
|
|
||||||
|
1. ordered item
|
||||||
|
2. ordered item
|
||||||
|
* **unordered**
|
||||||
|
* **unordered**
|
||||||
|
* unordered item
|
||||||
|
* unordered item
|
||||||
|
3. ordered item
|
||||||
|
4. ordered item
|
||||||
|
|
||||||
|
## Unordered -- Ordered -- Unordered
|
||||||
|
|
||||||
|
* unordered item
|
||||||
|
* unordered item
|
||||||
|
1. ordered
|
||||||
|
2. ordered
|
||||||
|
* unordered item
|
||||||
|
* unordered item
|
||||||
|
* unordered item
|
||||||
|
* unordered item
|
||||||
|
|
||||||
|
## Unordered -- Unordered -- Ordered
|
||||||
|
|
||||||
|
* unordered item
|
||||||
|
* unordered item
|
||||||
|
* unordered
|
||||||
|
* unordered
|
||||||
|
1. **ordered item**
|
||||||
|
2. **ordered item**
|
||||||
|
* unordered item
|
||||||
|
* unordered item
|
||||||
|
|
@ -0,0 +1,49 @@
|
||||||
|
---
|
||||||
|
title: "Edge Case: Many Tags"
|
||||||
|
categories:
|
||||||
|
- Edge Case
|
||||||
|
tags:
|
||||||
|
- 8BIT
|
||||||
|
- alignment
|
||||||
|
- Articles
|
||||||
|
- captions
|
||||||
|
- categories
|
||||||
|
- chat
|
||||||
|
- comments
|
||||||
|
- content
|
||||||
|
- css
|
||||||
|
- dowork
|
||||||
|
- edge case
|
||||||
|
- embeds
|
||||||
|
- excerpt
|
||||||
|
- Fail
|
||||||
|
- featured image
|
||||||
|
- FTW
|
||||||
|
- Fun
|
||||||
|
- gallery
|
||||||
|
- html
|
||||||
|
- image
|
||||||
|
- Jekyll
|
||||||
|
- layout
|
||||||
|
- link
|
||||||
|
- Love
|
||||||
|
- markup
|
||||||
|
- Mothership
|
||||||
|
- Must Read
|
||||||
|
- Nailed It
|
||||||
|
- Pictures
|
||||||
|
- Post Formats
|
||||||
|
- quote
|
||||||
|
- standard
|
||||||
|
- Success
|
||||||
|
- Swagger
|
||||||
|
- Tags
|
||||||
|
- template
|
||||||
|
- title
|
||||||
|
- twitter
|
||||||
|
- Unseen
|
||||||
|
- video
|
||||||
|
- YouTube
|
||||||
|
---
|
||||||
|
|
||||||
|
This post has many tags.
|
||||||
|
|
@ -0,0 +1,19 @@
|
||||||
|
---
|
||||||
|
title: "Edge Case: Many Categories"
|
||||||
|
categories:
|
||||||
|
- aciform
|
||||||
|
- antiquarianism
|
||||||
|
- arrangement
|
||||||
|
- asmodeus
|
||||||
|
- broder
|
||||||
|
- buying
|
||||||
|
- championship
|
||||||
|
- chastening
|
||||||
|
- disinclination
|
||||||
|
- disinfection
|
||||||
|
tags:
|
||||||
|
- categories
|
||||||
|
- edge case
|
||||||
|
---
|
||||||
|
|
||||||
|
This post has many categories.
|
||||||
|
|
@ -0,0 +1,11 @@
|
||||||
|
---
|
||||||
|
title: "Edge Case: No Body Content"
|
||||||
|
excerpt: "This post has no body content and should be blank on the post's page."
|
||||||
|
categories:
|
||||||
|
- Edge Case
|
||||||
|
tags:
|
||||||
|
- content
|
||||||
|
- edge case
|
||||||
|
- layout
|
||||||
|
last_modified_at: 2017-03-09T14:23:48-05:00
|
||||||
|
---
|
||||||
|
|
@ -0,0 +1,12 @@
|
||||||
|
---
|
||||||
|
categories:
|
||||||
|
- Edge Case
|
||||||
|
tags:
|
||||||
|
- edge case
|
||||||
|
- layout
|
||||||
|
- title
|
||||||
|
---
|
||||||
|
|
||||||
|
This post has no title specified in the YAML Front Matter. Jekyll should auto-generate a title from the filename.
|
||||||
|
|
||||||
|
For example `2009-09-05-edge-case-no-yaml-title.md` becomes **Edge Case No Yaml Title**.
|
||||||
|
|
@ -0,0 +1,26 @@
|
||||||
|
---
|
||||||
|
title: "Antidisestablishmentarianism"
|
||||||
|
categories:
|
||||||
|
- Edge Case
|
||||||
|
tags:
|
||||||
|
- content
|
||||||
|
- css
|
||||||
|
- edge case
|
||||||
|
- html
|
||||||
|
- layout
|
||||||
|
- title
|
||||||
|
last_modified_at: 2017-03-09T14:10:02-05:00
|
||||||
|
---
|
||||||
|
|
||||||
|
This post title has a long word that could potentially overflow the content area.
|
||||||
|
|
||||||
|
A few things to check for:
|
||||||
|
|
||||||
|
* Non-breaking text in the title should have no adverse effects on layout or functionality.
|
||||||
|
* Check the browser window / tab title.
|
||||||
|
|
||||||
|
The following CSS property will help you support non-breaking text.
|
||||||
|
|
||||||
|
```css
|
||||||
|
word-wrap: break-word;
|
||||||
|
```
|
||||||
|
|
@ -0,0 +1,14 @@
|
||||||
|
---
|
||||||
|
title: "Suspicio? Bene ... tunc ibimus? Quis uh ... CONEXUS locus his diebus? Quisque semper aliquid videtur, in volutpat mauris. Nolo enim dicere. Vobis neque ab aliis. Ego feci memetipsum explicans. Gus mortuus est. Lorem opus habeo. Jackson Isai? Tu quoque ... A te quidem a ante. Vos scitis quod blinking res Ive 'been vocans super vos? Et conteram illud, et conteram hoc. Maledicant druggie excors. Iam hoc tu facere conatus sum ad te in omni tempore? Ludum mutavit. Verbum est ex. Et ... sunt occid"
|
||||||
|
categories:
|
||||||
|
- Edge Case
|
||||||
|
tags:
|
||||||
|
- content
|
||||||
|
- css
|
||||||
|
- edge case
|
||||||
|
- html
|
||||||
|
- layout
|
||||||
|
- title
|
||||||
|
---
|
||||||
|
|
||||||
|
Check for long titles and how they might break layouts.
|
||||||
|
|
@ -0,0 +1,14 @@
|
||||||
|
---
|
||||||
|
title: "Post: Modified Date"
|
||||||
|
categories:
|
||||||
|
- Post Formats
|
||||||
|
tags:
|
||||||
|
- Post Formats
|
||||||
|
- readability
|
||||||
|
- standard
|
||||||
|
last_modified_at: 2017-03-09T13:01:27-05:00
|
||||||
|
---
|
||||||
|
|
||||||
|
This post has been updated and should show a modified date if `last_modified_at` is used in the layout.
|
||||||
|
|
||||||
|
Plugins like [**jekyll-sitemap**](https://github.com/jekyll/jekyll-feed) use this field to add a `<lastmod>` tag your `sitemap.xml`.
|
||||||
|
|
@ -0,0 +1,32 @@
|
||||||
|
---
|
||||||
|
title: "Post: Standard"
|
||||||
|
excerpt_separator: "<!--more-->"
|
||||||
|
categories:
|
||||||
|
- Post Formats
|
||||||
|
tags:
|
||||||
|
- Post Formats
|
||||||
|
- readability
|
||||||
|
- standard
|
||||||
|
---
|
||||||
|
|
||||||
|
All children, except one, grow up. They soon know that they will grow up, and the way Wendy knew was this. One day when she was two years old she was playing in a garden, and she plucked another flower and ran with it to her mother. I suppose she must have looked rather delightful, for Mrs. Darling put her hand to her heart and cried, "Oh, why can't you remain like this for ever!" This was all that passed between them on the subject, but henceforth Wendy knew that she must grow up. You always know after you are two. Two is the beginning of the end.
|
||||||
|
|
||||||
|
Mrs. Darling first heard of Peter when she was tidying up her children's minds. It is the nightly custom of every good mother after her children are asleep to rummage in their minds and put things straight for next morning, repacking into their proper places the many articles that have wandered during the day.
|
||||||
|
|
||||||
|
<!--more-->
|
||||||
|
|
||||||
|
This post has a manual excerpt `<!--more-->` set after the second paragraph. The following YAML Front Matter has also be applied:
|
||||||
|
|
||||||
|
```yaml
|
||||||
|
excerpt_separator: "<!--more-->"
|
||||||
|
```
|
||||||
|
|
||||||
|
If you could keep awake (but of course you can't) you would see your own mother doing this, and you would find it very interesting to watch her. It is quite like tidying up drawers. You would see her on her knees, I expect, lingering humorously over some of your contents, wondering where on earth you had picked this thing up, making discoveries sweet and not so sweet, pressing this to her cheek as if it were as nice as a kitten, and hurriedly stowing that out of sight. When you wake in the morning, the naughtiness and evil passions with which you went to bed have been folded up small and placed at the bottom of your mind and on the top, beautifully aired, are spread out your prettier thoughts, ready for you to put on.
|
||||||
|
|
||||||
|
I don't know whether you have ever seen a map of a person's mind. Doctors sometimes draw maps of other parts of you, and your own map can become intensely interesting, but catch them trying to draw a map of a child's mind, which is not only confused, but keeps going round all the time. There are zigzag lines on it, just like your temperature on a card, and these are probably roads in the island, for the Neverland is always more or less an island, with astonishing splashes of colour here and there, and coral reefs and rakish-looking craft in the offing, and savages and lonely lairs, and gnomes who are mostly tailors, and caves through which a river runs, and princes with six elder brothers, and a hut fast going to decay, and one very small old lady with a hooked nose. It would be an easy map if that were all, but there is also first day at school, religion, fathers, the round pond, needle-work, murders, hangings, verbs that take the dative, chocolate pudding day, getting into braces, say ninety-nine, three-pence for pulling out your tooth yourself, and so on, and either these are part of the island or they are another map showing through, and it is all rather confusing, especially as nothing will stand still.
|
||||||
|
|
||||||
|
Of course the Neverlands vary a good deal. John's, for instance, had a lagoon with flamingoes flying over it at which John was shooting, while Michael, who was very small, had a flamingo with lagoons flying over it. John lived in a boat turned upside down on the sands, Michael in a wigwam, Wendy in a house of leaves deftly sewn together. John had no friends, Michael had friends at night, Wendy had a pet wolf forsaken by its parents, but on the whole the Neverlands have a family resemblance, and if they stood still in a row you could say of them that they have each other's nose, and so forth. On these magic shores children at play are for ever beaching their coracles [simple boat]. We too have been there; we can still hear the sound of the surf, though we shall land no more.
|
||||||
|
|
||||||
|
Of all delectable islands the Neverland is the snuggest and most compact, not large and sprawly, you know, with tedious distances between one adventure and another, but nicely crammed. When you play at it by day with the chairs and table-cloth, it is not in the least alarming, but in the two minutes before you go to sleep it becomes very real. That is why there are night-lights.
|
||||||
|
|
||||||
|
Occasionally in her travels through her children's minds Mrs. Darling found things she could not understand, and of these quite the most perplexing was the word Peter. She knew of no Peter, and yet he was here and there in John and Michael's minds, while Wendy's began to be scrawled all over with him. The name stood out in bolder letters than any of the other words, and as Mrs. Darling gazed she felt that it had an oddly cocky appearance.
|
||||||
|
|
@ -0,0 +1,12 @@
|
||||||
|
---
|
||||||
|
title: "Post: Quote"
|
||||||
|
categories:
|
||||||
|
- Post Formats
|
||||||
|
tags:
|
||||||
|
- Post Formats
|
||||||
|
- quote
|
||||||
|
---
|
||||||
|
|
||||||
|
> Only one thing is impossible for God: To find any sense in any copyright law on the planet.
|
||||||
|
>
|
||||||
|
> <cite><a href="http://www.brainyquote.com/quotes/quotes/m/marktwain163473.html">Mark Twain</a></cite>
|
||||||
|
|
@ -0,0 +1,28 @@
|
||||||
|
---
|
||||||
|
title: "Post: Video (YouTube)"
|
||||||
|
categories:
|
||||||
|
- Post Formats
|
||||||
|
tags:
|
||||||
|
- Post Formats
|
||||||
|
last_modified_at: 2017-03-23T15:33:37-04:00
|
||||||
|
---
|
||||||
|
|
||||||
|
<div class="embed-responsive embed-responsive-16by9">
|
||||||
|
<iframe width="640" height="360" src="https://www.youtube-nocookie.com/embed/l2Of1-d5E5o?controls=0&" frameborder="0" allowfullscreen></iframe>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
This post tests YouTube video embeds.
|
||||||
|
|
||||||
|
Simply wrap embeds with a `<div>` element and the appropriate classes:
|
||||||
|
|
||||||
|
```html
|
||||||
|
<!-- 16:9 aspect ratio -->
|
||||||
|
<div class="embed-responsive embed-responsive-16by9">
|
||||||
|
<iframe class="embed-responsive-item" src="..."></iframe>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- 4:3 aspect ratio -->
|
||||||
|
<div class="embed-responsive embed-responsive-4by3">
|
||||||
|
<iframe class="embed-responsive-item" src="..."></iframe>
|
||||||
|
</div>
|
||||||
|
```
|
||||||
|
|
@ -0,0 +1,16 @@
|
||||||
|
---
|
||||||
|
title: "Post: Twitter Embed"
|
||||||
|
categories:
|
||||||
|
- Media
|
||||||
|
tags:
|
||||||
|
- content
|
||||||
|
- embeds
|
||||||
|
- media
|
||||||
|
- twitter
|
||||||
|
last_modified_at: 2017-03-09T12:57:42-05:00
|
||||||
|
---
|
||||||
|
|
||||||
|
<blockquote class="twitter-tweet" data-lang="en"><p lang="en" dir="ltr">Oh I dunno. It's probably been over 15 years since I smudged out a face with a pencil and kneaded eraser. <a href="https://twitter.com/hashtag/WIP?src=hash">#WIP</a> <a href="https://twitter.com/hashtag/Sktchy?src=hash">#Sktchy</a> <a href="https://t.co/PwqbMddyVK">pic.twitter.com/PwqbMddyVK</a></p>— Michael Rose (@mmistakes) <a href="https://twitter.com/mmistakes/status/826644109670612997">February 1, 2017</a></blockquote>
|
||||||
|
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
|
||||||
|
|
||||||
|
This post tests Twitter Embeds.
|
||||||
|
|
@ -0,0 +1,13 @@
|
||||||
|
---
|
||||||
|
title: "Post: Future Date"
|
||||||
|
date: 9999-12-31
|
||||||
|
categories:
|
||||||
|
- Post
|
||||||
|
last_modified_at: 2017-03-09T12:45:25-05:00
|
||||||
|
---
|
||||||
|
|
||||||
|
This post lives in the future and is dated {{ page.date | date: "%c" }}. It should only appear when Jekyll builds your project with the `--future` flag.
|
||||||
|
|
||||||
|
```bash
|
||||||
|
jekyll build --future
|
||||||
|
```
|
||||||
|
|
@ -0,0 +1,28 @@
|
||||||
|
---
|
||||||
|
title: "Layout: External Hero Image"
|
||||||
|
image:
|
||||||
|
path: https://source.unsplash.com/random/1024x600
|
||||||
|
thumbnail: https://source.unsplash.com/random/400x300
|
||||||
|
categories:
|
||||||
|
- Layout
|
||||||
|
tags:
|
||||||
|
- content
|
||||||
|
- image
|
||||||
|
- layout
|
||||||
|
last_modified_at: 2017-03-17T10:46:49-04:00
|
||||||
|
---
|
||||||
|
|
||||||
|
This post should display a large hero image at the top of a page.
|
||||||
|
|
||||||
|
This post tests a horizontal image using the following YAML Front Matter:
|
||||||
|
|
||||||
|
```yaml
|
||||||
|
image: https://source.unsplash.com/random/1024x600
|
||||||
|
```
|
||||||
|
|
||||||
|
Hero images can also be assigned like this:
|
||||||
|
|
||||||
|
```yaml
|
||||||
|
image:
|
||||||
|
path: https://source.unsplash.com/random/1024x600
|
||||||
|
```
|
||||||
|
|
@ -0,0 +1,16 @@
|
||||||
|
---
|
||||||
|
title: "Layout: Excerpt (Defined)"
|
||||||
|
excerpt: "This is a user-defined post excerpt. It should be displayed in place of the auto-generated excerpt or post content on index pages."
|
||||||
|
categories:
|
||||||
|
- Layout
|
||||||
|
- Uncategorized
|
||||||
|
tags:
|
||||||
|
- content
|
||||||
|
- excerpt
|
||||||
|
- layout
|
||||||
|
last_modified_at: 2017-03-09T12:43:31-05:00
|
||||||
|
---
|
||||||
|
|
||||||
|
This is the start of the post content.
|
||||||
|
|
||||||
|
This paragraph should be absent from an index page where `post.excerpt` is shown.
|
||||||
|
|
@ -0,0 +1,22 @@
|
||||||
|
---
|
||||||
|
title: "Layout: Excerpt (Generated with Separator Tag)"
|
||||||
|
excerpt_separator: "<!--more-->"
|
||||||
|
categories:
|
||||||
|
- Layout
|
||||||
|
- Uncategorized
|
||||||
|
tags:
|
||||||
|
- content
|
||||||
|
- excerpt
|
||||||
|
- layout
|
||||||
|
last_modified_at: 2017-03-09T12:32:16-05:00
|
||||||
|
---
|
||||||
|
|
||||||
|
This is the post content. Archive-index pages should display an [auto-generated excerpt](https://jekyllrb.com/docs/posts/#post-excerpts) of all the content preceding the `excerpt_separator`, as defined in the YAML Front Matter or globally in `_config.yml`.
|
||||||
|
|
||||||
|
Be sure to test the formatting of the auto-generated excerpt, to ensure that it doesn't create any layout problems.
|
||||||
|
|
||||||
|
<!--more-->
|
||||||
|
|
||||||
|
Lorem ipsum dolor sit amet, dicant nusquam corpora in usu, laudem putent fuisset ut eam. Justo accusam definitionem id cum, choro prodesset ex his. Noluisse constituto intellegebat ea mei. Timeam admodum omnesque pri ex, eos habemus suavitate aliquando cu. Dico nihil delectus quo cu. Ludus cetero cu eos, vidit invidunt dissentiet mea ne.
|
||||||
|
|
||||||
|
Usu delenit vocibus elaboraret ex. Scripta sapientem adversarium ei pri, pri ex solet democritum. Nam te porro impedit, ei doctus albucius cotidieque pri, ea mutat causae lucilius has. Pri omnis errem labore ut. An aperiam tibique est, mei te dolore veritus, nam nulla feugait ut. In vis labitur eripuit contentiones.
|
||||||
|
|
@ -0,0 +1,26 @@
|
||||||
|
---
|
||||||
|
title: "Layout: Hero Image"
|
||||||
|
image: /assets/images/eder-oliveira-180877.jpg
|
||||||
|
categories:
|
||||||
|
- Layout
|
||||||
|
tags:
|
||||||
|
- content
|
||||||
|
- image
|
||||||
|
- layout
|
||||||
|
last_modified_at: 2017-03-17T10:46:49-04:00
|
||||||
|
---
|
||||||
|
|
||||||
|
This post should display a large hero image at the top of a page.
|
||||||
|
|
||||||
|
This post tests a horizontal image using the following YAML Front Matter:
|
||||||
|
|
||||||
|
```yaml
|
||||||
|
image: /assets/images/eder-oliveira-180877.jpg
|
||||||
|
```
|
||||||
|
|
||||||
|
Hero images can also be assigned like this:
|
||||||
|
|
||||||
|
```yaml
|
||||||
|
image:
|
||||||
|
path: /assets/images/eder-oliveira-180877.jpg
|
||||||
|
```
|
||||||
|
|
@ -0,0 +1,46 @@
|
||||||
|
---
|
||||||
|
title: "Markup: Text Readability Test"
|
||||||
|
excerpt: "A large amount of sample text to test readability of a text heavy page."
|
||||||
|
tags:
|
||||||
|
- sample post
|
||||||
|
- readability
|
||||||
|
- test
|
||||||
|
last_modified_at: 2017-03-09T12:26:59-05:00
|
||||||
|
---
|
||||||
|
|
||||||
|
Portland in shoreditch Vice, labore typewriter pariatur hoodie fap sartorial Austin. Pinterest literally occupy Schlitz forage. Odio ad blue bottle vinyl, 90's narwhal commodo bitters pour-over nostrud. Ugh est hashtag in, fingerstache adipisicing laboris esse Pinterest shabby chic Portland. Shoreditch bicycle rights anim, flexitarian laboris put a bird on it vinyl cupidatat narwhal. Hashtag artisan skateboard, flannel Bushwick nesciunt salvia aute fixie do plaid post-ironic dolor McSweeney's. Cliche pour-over chambray nulla four loko skateboard sapiente hashtag.
|
||||||
|
|
||||||
|
Vero laborum commodo occupy. Semiotics voluptate mumblecore pug. Cosby sweater ullamco quinoa ennui assumenda, sapiente occupy delectus lo-fi. Ea fashion axe Marfa cillum aliquip. Retro Bushwick keytar cliche. Before they sold out sustainable gastropub Marfa readymade, ethical Williamsburg skateboard brunch qui consectetur gentrify semiotics. Mustache cillum irony, fingerstache magna pour-over keffiyeh tousled selfies.
|
||||||
|
|
||||||
|
## Cupidatat 90's lo-fi authentic try-hard
|
||||||
|
|
||||||
|
In pug Portland incididunt mlkshk put a bird on it vinyl quinoa. Terry Richardson shabby chic +1, scenester Tonx excepteur tempor fugiat voluptate fingerstache aliquip nisi next level. Farm-to-table hashtag Truffaut, Odd Future ex meggings gentrify single-origin coffee try-hard 90's.
|
||||||
|
|
||||||
|
* Sartorial hoodie
|
||||||
|
* Labore viral forage
|
||||||
|
* Tote bag selvage
|
||||||
|
* DIY exercitation et id ugh tumblr church-key
|
||||||
|
|
||||||
|
Incididunt umami sriracha, ethical fugiat VHS ex assumenda yr irure direct trade. Marfa Truffaut bicycle rights, kitsch placeat Etsy kogi asymmetrical. Beard locavore flexitarian, kitsch photo booth hoodie plaid ethical readymade leggings yr.
|
||||||
|
|
||||||
|
Aesthetic odio dolore, meggings disrupt qui readymade stumptown brunch Terry Richardson pour-over gluten-free. Banksy american apparel in selfies, biodiesel flexitarian organic meh wolf quinoa gentrify banjo kogi. Readymade tofu ex, scenester dolor umami fingerstache occaecat fashion axe Carles jean shorts minim. Keffiyeh fashion axe nisi Godard mlkshk dolore. Lomo you probably haven't heard of them eu non, Odd Future Truffaut pug keytar meggings McSweeney's Pinterest cred. Etsy literally aute esse, eu bicycle rights qui meggings fanny pack. Gentrify leggings pug flannel duis.
|
||||||
|
|
||||||
|
## Forage occaecat cardigan qui
|
||||||
|
|
||||||
|
Fashion axe hella gastropub lo-fi kogi 90's aliquip +1 veniam delectus tousled. Cred sriracha locavore gastropub kale chips, iPhone mollit sartorial. Anim dolore 8-bit, pork belly dolor photo booth aute flannel small batch. Dolor disrupt ennui, tattooed whatever salvia Banksy sartorial roof party selfies raw denim sint meh pour-over. Ennui eu cardigan sint, gentrify iPhone cornhole.
|
||||||
|
|
||||||
|
> Whatever velit occaecat quis deserunt gastropub, leggings elit tousled roof party 3 wolf moon kogi pug blue bottle ea. Fashion axe shabby chic Austin quinoa pickled laborum bitters next level, disrupt deep v accusamus non fingerstache.
|
||||||
|
|
||||||
|
Tote bag asymmetrical elit sunt. Occaecat authentic Marfa, hella McSweeney's next level irure veniam master cleanse. Sed hoodie letterpress artisan wolf leggings, 3 wolf moon commodo ullamco. Anim occupy ea labore Terry Richardson. Tofu ex master cleanse in whatever pitchfork banh mi, occupy fugiat fanny pack Austin authentic. Magna fugiat 3 wolf moon, labore McSweeney's sustainable vero consectetur. Gluten-free disrupt enim, aesthetic fugiat jean shorts trust fund keffiyeh magna try-hard.
|
||||||
|
|
||||||
|
## Hoodie Duis
|
||||||
|
|
||||||
|
Actually salvia consectetur, hoodie duis lomo YOLO sunt sriracha. Aute pop-up brunch farm-to-table odio, salvia irure occaecat. Sriracha small batch literally skateboard. Echo Park nihil hoodie, aliquip forage artisan laboris. Trust fund reprehenderit nulla locavore. Stumptown raw denim kitsch, keffiyeh nulla twee dreamcatcher fanny pack ullamco 90's pop-up est culpa farm-to-table. Selfies 8-bit do pug odio.
|
||||||
|
|
||||||
|
### Thundercats Ho!
|
||||||
|
|
||||||
|
Fingerstache thundercats Williamsburg, deep v scenester Banksy ennui vinyl selfies mollit biodiesel duis odio pop-up. Banksy 3 wolf moon try-hard, sapiente enim stumptown deep v ad letterpress. Squid beard brunch, exercitation raw denim yr sint direct trade. Raw denim narwhal id, flannel DIY McSweeney's seitan. Letterpress artisan bespoke accusamus, meggings laboris consequat Truffaut qui in seitan. Sustainable cornhole Schlitz, twee Cosby sweater banh mi deep v forage letterpress flannel whatever keffiyeh. Sartorial cred irure, semiotics ethical sed blue bottle nihil letterpress.
|
||||||
|
|
||||||
|
Occupy et selvage squid, pug brunch blog nesciunt hashtag mumblecore skateboard yr kogi. Ugh small batch swag four loko. Fap post-ironic qui tote bag farm-to-table american apparel scenester keffiyeh vero, swag non pour-over gentrify authentic pitchfork. Schlitz scenester lo-fi voluptate, tote bag irony bicycle rights pariatur vero Vice freegan wayfarers exercitation nisi shoreditch. Chambray tofu vero sed. Street art swag literally leggings, Cosby sweater mixtape PBR lomo Banksy non in pitchfork ennui McSweeney's selfies. Odd Future Banksy non authentic.
|
||||||
|
|
||||||
|
Aliquip enim artisan dolor post-ironic. Pug tote bag Marfa, deserunt pour-over Portland wolf eu odio intelligentsia american apparel ugh ea. Sunt viral et, 3 wolf moon gastropub pug id. Id fashion axe est typewriter, mlkshk Portland art party aute brunch. Sint pork belly Cosby sweater, deep v mumblecore kitsch american apparel. Try-hard direct trade tumblr sint skateboard. Adipisicing bitters excepteur biodiesel, pickled gastropub aute veniam.
|
||||||
|
|
@ -0,0 +1,18 @@
|
||||||
|
---
|
||||||
|
title: "Markup: Title *with* **Markdown**"
|
||||||
|
categories:
|
||||||
|
- Markdown
|
||||||
|
tags:
|
||||||
|
- css
|
||||||
|
- html
|
||||||
|
- title
|
||||||
|
last_modified_at: 2017-03-09T12:25:10-05:00
|
||||||
|
---
|
||||||
|
|
||||||
|
Using Markdown in the title should have no adverse effect on the layout or functionality.
|
||||||
|
|
||||||
|
**`page.title` example:**
|
||||||
|
|
||||||
|
```yaml
|
||||||
|
title: "Markup: Title *with* **Markdown**""
|
||||||
|
```
|
||||||
|
|
@ -0,0 +1,437 @@
|
||||||
|
---
|
||||||
|
title: "Markup: Title with Special --- Characters"
|
||||||
|
categories:
|
||||||
|
- Markup
|
||||||
|
tags:
|
||||||
|
- html
|
||||||
|
- markup
|
||||||
|
- post
|
||||||
|
- title
|
||||||
|
last_modified_at: 2017-03-09T12:23:27-05:00
|
||||||
|
---
|
||||||
|
|
||||||
|
Putting special characters in the title should have no adverse effect on the layout or functionality.
|
||||||
|
|
||||||
|
The title above has none-breaking spaces before and after the m-dash.
|
||||||
|
|
||||||
|
```markdown
|
||||||
|
---
|
||||||
|
```
|
||||||
|
|
||||||
|
## Latin Character Tests
|
||||||
|
|
||||||
|
This is a test to see if the fonts used in this theme support basic Latin characters.
|
||||||
|
|
||||||
|
<table>
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
!
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
“
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
#
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
$
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
%
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
&
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
‘
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
(
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
)
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
*
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
+
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
,
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
–
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
.
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
/
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
1
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
2
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
3
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
4
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
5
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
6
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
7
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
8
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
9
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
:
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
;
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
>
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
=
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
<
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
?
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
@
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
A
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
B
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
C
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
D
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
E
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
F
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
G
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
H
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
I
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
J
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
K
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
L
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
M
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
N
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
O
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
P
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
Q
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
R
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
S
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
T
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
U
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
V
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
W
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
X
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
Y
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
Z
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
[
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
]
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
^
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
_
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
`
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
a
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
b
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
c
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
d
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
e
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
f
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
g
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
h
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
i
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
j
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
k
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
l
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
m
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
n
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
o
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
p
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
q
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
r
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
s
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
t
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
u
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
v
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
w
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
x
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
y
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
z
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
{
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
|
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
}
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
~
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
|
@ -0,0 +1,111 @@
|
||||||
|
---
|
||||||
|
title: "Markup: Text Alignment and Transformations"
|
||||||
|
categories:
|
||||||
|
- Markup
|
||||||
|
tags:
|
||||||
|
- alignment
|
||||||
|
- content
|
||||||
|
- css
|
||||||
|
- markup
|
||||||
|
last_modified_at: 2017-03-09T12:17:03-05:00
|
||||||
|
---
|
||||||
|
|
||||||
|
Sample text to demonstrate alignment and transformation classes.
|
||||||
|
|
||||||
|
Easily realign text with alignment classes via HTML:
|
||||||
|
|
||||||
|
```
|
||||||
|
<p class="text-left">Left aligned text.</p>
|
||||||
|
<p class="text-center">Center aligned text.</p>
|
||||||
|
<p class="text-right">Right aligned text.</p>
|
||||||
|
<p class="text-justify">Justified text.</p>
|
||||||
|
<p class="text-nowrap">No wrap text.</p>
|
||||||
|
```
|
||||||
|
|
||||||
|
Or with Kramdown and [inline attribute lists](https://kramdown.gettalong.org/syntax.html#inline-attribute-lists):
|
||||||
|
|
||||||
|
```markdown
|
||||||
|
Left aligned text.
|
||||||
|
{: .text-left}
|
||||||
|
|
||||||
|
Center aligned text.
|
||||||
|
{: .text-center}
|
||||||
|
|
||||||
|
Right aligned text.
|
||||||
|
{: .text-right}
|
||||||
|
|
||||||
|
Justified text.
|
||||||
|
{: .text-justify}
|
||||||
|
|
||||||
|
No wrap text.
|
||||||
|
{: .text-nowrap}
|
||||||
|
```
|
||||||
|
|
||||||
|
## Default
|
||||||
|
|
||||||
|
This is a paragraph. It should not have any alignment of any kind. It should just flow like you would normally expect. Nothing fancy. Just straight up text, free flowing, with love. Completely neutral and not picking a side or sitting on the fence. It just is. It just freaking is. It likes where it is. It does not feel compelled to pick a side. Leave him be. It will just be better that way. Trust me.
|
||||||
|
|
||||||
|
## Left Aligned
|
||||||
|
|
||||||
|
This is a paragraph. It is left aligned. Because of this, it is a bit more liberal in it's views. It's favorite color is green. Left align tends to be more eco-friendly, but it provides no concrete evidence that it really is. Even though it likes share the wealth evenly, it leaves the equal distribution up to justified alignment.
|
||||||
|
{: .text-left}
|
||||||
|
|
||||||
|
## Center Aligned
|
||||||
|
|
||||||
|
This is a paragraph. It is center aligned. Center is, but nature, a fence sitter. A flip flopper. It has a difficult time making up its mind. It wants to pick a side. Really, it does. It has the best intentions, but it tends to complicate matters more than help. The best you can do is try to win it over and hope for the best. I hear center align does take bribes.
|
||||||
|
{: .text-center}
|
||||||
|
|
||||||
|
## Right Aligned
|
||||||
|
|
||||||
|
This is a paragraph. It is right aligned. It is a bit more conservative in it's views. It's prefers to not be told what to do or how to do it. Right align totally owns a slew of guns and loves to head to the range for some practice. Which is cool and all. I mean, it's a pretty good shot from at least four or five football fields away. Dead on. So boss.
|
||||||
|
{: .text-right}
|
||||||
|
|
||||||
|
## Justify Aligned
|
||||||
|
|
||||||
|
This is a paragraph. It is justify aligned. It gets really mad when people associate it with Justin Timberlake. Typically, justified is pretty straight laced. It likes everything to be in it's place and not all cattywampus like the rest of the aligns. I am not saying that makes it better than the rest of the aligns, but it does tend to put off more of an elitist attitude.
|
||||||
|
{: .text-justify}
|
||||||
|
|
||||||
|
## No Wrap
|
||||||
|
|
||||||
|
This is a paragraph. It has a no wrap. Beef ribs pig tenderloin filet mignon. Spare ribs leberkas ribeye, burgdoggen fatback tenderloin biltong jowl flank sirloin hamburger bacon brisket. Shoulder bresaola drumstick capicola. Beef ribs prosciutto porchetta beef.
|
||||||
|
{: .text-nowrap}
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
Transform text with capitalization classes via HTML:
|
||||||
|
|
||||||
|
```html
|
||||||
|
<p class="text-lowercase">Lowercased text.</p>
|
||||||
|
<p class="text-uppercase">Uppercased text.</p>
|
||||||
|
<p class="text-capitalize">Capitalized text.</p>
|
||||||
|
<p class="text-truncate">Truncated text.</p>
|
||||||
|
<p class="small">Small text.</p>
|
||||||
|
```
|
||||||
|
|
||||||
|
Or with Kramdown:
|
||||||
|
|
||||||
|
```markdown
|
||||||
|
Lowercased text
|
||||||
|
{: .text-lowercase}
|
||||||
|
|
||||||
|
Uppercased text
|
||||||
|
{: .text-uppercase}
|
||||||
|
|
||||||
|
Capitalized text
|
||||||
|
{: .text-capitalize}
|
||||||
|
```
|
||||||
|
|
||||||
|
Lowercased text
|
||||||
|
{: .text-lowercase}
|
||||||
|
|
||||||
|
Uppercased text
|
||||||
|
{: .text-uppercase}
|
||||||
|
|
||||||
|
Capitalized text
|
||||||
|
{: .text-capitalize}
|
||||||
|
|
||||||
|
This is a truncated paragraph of text. Bacon ipsum dolor amet shoulder jowl tail andouille fatback tongue. Ham porchetta kielbasa pork pork chop, tenderloin hamburger meatball. Picanha porchetta swine, brisket salami pork belly burgdoggen. Cupim swine pastrami, chuck tri-tip pork belly jowl shankle alcatra brisket capicola ball tip prosciutto beef ribs doner. Tri-tip bacon ground round pork chop burgdoggen leberkas pork strip steak beef corned beef salami.
|
||||||
|
{: .text-truncate}
|
||||||
|
|
||||||
|
Small text
|
||||||
|
{: .small}
|
||||||
|
|
@ -0,0 +1,89 @@
|
||||||
|
---
|
||||||
|
title: "Markup: Image Alignment"
|
||||||
|
categories:
|
||||||
|
- Markup
|
||||||
|
tags:
|
||||||
|
- alignment
|
||||||
|
- captions
|
||||||
|
- content
|
||||||
|
- css
|
||||||
|
- image
|
||||||
|
- markup
|
||||||
|
last_modified_at: 2017-03-09T11:15:57-05:00
|
||||||
|
---
|
||||||
|
|
||||||
|
The best way to demonstrate the ebb and flow of the various image positioning options is to nestle them snuggly among an ocean of words. Grab a paddle and let's get started.
|
||||||
|
|
||||||
|
Assign classes with HTML:
|
||||||
|
|
||||||
|
```html
|
||||||
|
<img src="image.jpg" class="align-left" alt="">
|
||||||
|
<img src="image.jpg" class="align-center" alt="">
|
||||||
|
<img src="image.jpg" class="align-right" alt="">
|
||||||
|
```
|
||||||
|
|
||||||
|
Or use Kramdown and [inline attribute lists](https://kramdown.gettalong.org/syntax.html#inline-attribute-lists):
|
||||||
|
|
||||||
|
```markdown
|
||||||
|
{: .align-left}
|
||||||
|
{: .align-center}
|
||||||
|
{: .align-right}
|
||||||
|
```
|
||||||
|
|
||||||
|
{: .align-center}
|
||||||
|
|
||||||
|
The image should be **centered** with the `.align-center` class.
|
||||||
|
|
||||||
|
{: .align-left} The rest of this paragraph is filler for the sake of seeing the text wrap around the 150×150 image, which is **left aligned** with the `.align-left` class.
|
||||||
|
|
||||||
|
As you can see the should be some space above, below, and to the right of the image. The text should not be creeping on the image. Creeping is just not right. Images need breathing room too. Let them speak like you words. Let them do their jobs without any hassle from the text. In about one more sentence here, we'll see that the text moves from the right of the image down below the image in seamless transition. Again, letting the do it's thing. Mission accomplished!
|
||||||
|
|
||||||
|
And now for a **massively large image** --- it has **no alignment**.
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
The image above, though `1200px` wide, should not overflow the content area. It should remain contained with no visible disruption to the flow of content.
|
||||||
|
|
||||||
|
{: .align-right}
|
||||||
|
|
||||||
|
And now we're going to shift things to the **right** with the `.align-right` class. Again, there should be plenty of room above, below, and to the left of the image. Just look at him there --- Hey guy! Way to rock that right side. I don't care what the left aligned image says, you look great. Don't let anyone else tell you differently.
|
||||||
|
|
||||||
|
In just a bit here, you should see the text start to wrap below the right aligned image and settle in nicely. There should still be plenty of room and everything should be sitting pretty. Yeah --- Just like that. It never felt so good to be right.
|
||||||
|
|
||||||
|
And just when you thought we were done, we're going to do them all over again with captions!
|
||||||
|
|
||||||
|
<figure class="align-center">
|
||||||
|
<a href="#"><img src="{{ site.url }}{{ site.baseurl }}/assets/images/image-alignment-580x300.jpg" alt=""></a>
|
||||||
|
<figcaption>Look at 580 x 300 <a href="#">getting some</a> love.</figcaption>
|
||||||
|
</figure>
|
||||||
|
|
||||||
|
The figure above happens to be **centered**. The caption also has a link in it, just to see if it does anything funky.
|
||||||
|
|
||||||
|
<figure style="width: 150px" class="align-left">
|
||||||
|
<img src="{{ site.url }}{{ site.baseurl }}/assets/images/image-alignment-150x150.jpg" alt="">
|
||||||
|
<figcaption>Itty-bitty caption.</figcaption>
|
||||||
|
</figure>
|
||||||
|
|
||||||
|
The rest of this paragraph is filler for the sake of seeing the text wrap around the 150×150 image, which is **left aligned** with the `.align-left` class.
|
||||||
|
|
||||||
|
As you can see the should be some space above, below, and to the right of the image. The text should not be creeping on the image. Creeping is just not right. Images need breathing room too. Let them speak like you words. Let them do their jobs without any hassle from the text. In about one more sentence here, we'll see that the text moves from the right of the image down below the image in seamless transition. Again, letting the do it's thing. Mission accomplished!
|
||||||
|
|
||||||
|
And now for a massively large image with **no alignment**.
|
||||||
|
|
||||||
|
<figure style="width: 1200px">
|
||||||
|
<img src="{{ site.url }}{{ site.baseurl }}/assets/images/image-alignment-1200x4002.jpg" alt="">
|
||||||
|
<figcaption>Massive image comment for your eyeballs.</figcaption>
|
||||||
|
</figure>
|
||||||
|
|
||||||
|
The figure element above has an inline style of `width: 1200px` set which should case it to break outside of the normal content flow.
|
||||||
|
|
||||||
|
<figure style="width: 300px" class="align-right">
|
||||||
|
<img src="{{ site.url }}{{ site.baseurl }}/assets/images/image-alignment-300x200.jpg" alt="">
|
||||||
|
<figcaption>Feels good to be on the right.</figcaption>
|
||||||
|
</figure>
|
||||||
|
|
||||||
|
And now we're going to shift things to the **right** with the `.align-right` class. Again, there should be plenty of room above, below, and to the left of the image. Just look at him there --- Hey guy! Way to rock that right side. I don't care what the left aligned image says, you look great. Don't let anyone else tell you differently.
|
||||||
|
|
||||||
|
In just a bit here, you should see the text start to wrap below the right aligned image and settle in nicely. There should still be plenty of room and everything should be sitting pretty. Yeah --- Just like that. It never felt so good to be right.
|
||||||
|
|
||||||
|
And that's a wrap, yo! You survived the tumultuous waters of alignment. Image alignment achievement unlocked!
|
||||||
|
|
@ -0,0 +1,177 @@
|
||||||
|
---
|
||||||
|
title: "Markup: HTML Elements and Formatting"
|
||||||
|
sub_title: "The common elements"
|
||||||
|
categories:
|
||||||
|
- Markup
|
||||||
|
elements:
|
||||||
|
- content
|
||||||
|
- css
|
||||||
|
- formatting
|
||||||
|
- html
|
||||||
|
- markup
|
||||||
|
last_modified_at: 2017-03-09T10:55:59-05:00
|
||||||
|
---
|
||||||
|
|
||||||
|
A variety of common HTML elements to demonstrate the theme's stylesheet and verify they have been styled appropriately.
|
||||||
|
|
||||||
|
# Header one
|
||||||
|
|
||||||
|
## Header two
|
||||||
|
|
||||||
|
### Header three
|
||||||
|
|
||||||
|
#### Header four
|
||||||
|
|
||||||
|
##### Header five
|
||||||
|
|
||||||
|
###### Header six
|
||||||
|
|
||||||
|
## Blockquotes
|
||||||
|
|
||||||
|
Single line blockquote:
|
||||||
|
|
||||||
|
> Stay hungry. Stay foolish.
|
||||||
|
|
||||||
|
Multi line blockquote with a cite reference:
|
||||||
|
|
||||||
|
> People think focus means saying yes to the thing you've got to focus on. But that's not what it means at all. It means saying no to the hundred other good ideas that there are. You have to pick carefully. I'm actually as proud of the things we haven't done as the things I have done. Innovation is saying no to 1,000 things.
|
||||||
|
|
||||||
|
<cite>Steve Jobs</cite> --- Apple Worldwide Developers' Conference, 1997
|
||||||
|
{: .small}
|
||||||
|
|
||||||
|
## Tables
|
||||||
|
|
||||||
|
| Employee | Salary | |
|
||||||
|
| -------- | ------ | ------------------------------------------------------------ |
|
||||||
|
| [John Doe](#) | $1 | Because that's all Steve Jobs needed for a salary. |
|
||||||
|
| [Jane Doe](#) | $100K | For all the blogging she does. |
|
||||||
|
| [Fred Bloggs](#) | $100M | Pictures are worth a thousand words, right? So Jane × 1,000. |
|
||||||
|
| [Jane Bloggs](#) | $100B | With hair like that?! Enough said. |
|
||||||
|
|
||||||
|
| Header1 | Header2 | Header3 |
|
||||||
|
|:--------|:-------:|--------:|
|
||||||
|
| cell1 | cell2 | cell3 |
|
||||||
|
| cell4 | cell5 | cell6 |
|
||||||
|
|-----------------------------|
|
||||||
|
| cell1 | cell2 | cell3 |
|
||||||
|
| cell4 | cell5 | cell6 |
|
||||||
|
|=============================|
|
||||||
|
| Foot1 | Foot2 | Foot3 |
|
||||||
|
|
||||||
|
## Definition Lists
|
||||||
|
|
||||||
|
Definition List Title
|
||||||
|
: Definition list division.
|
||||||
|
|
||||||
|
Startup
|
||||||
|
: A startup company or startup is a company or temporary organization designed to search for a repeatable and scalable business model.
|
||||||
|
|
||||||
|
#dowork
|
||||||
|
: Coined by Rob Dyrdek and his personal body guard Christopher "Big Black" Boykins, "Do Work" works as a self motivator, to motivating your friends.
|
||||||
|
|
||||||
|
Do It Live
|
||||||
|
: I'll let Bill O'Reilly [explain](https://www.youtube.com/watch?v=O_HyZ5aW76c "We'll Do It Live") this one.
|
||||||
|
|
||||||
|
## Unordered Lists (Nested)
|
||||||
|
|
||||||
|
* List item one
|
||||||
|
* List item one
|
||||||
|
* List item one
|
||||||
|
* List item two
|
||||||
|
* List item three
|
||||||
|
* List item four
|
||||||
|
* List item two
|
||||||
|
* List item three
|
||||||
|
* List item four
|
||||||
|
* List item two
|
||||||
|
* List item three
|
||||||
|
* List item four
|
||||||
|
|
||||||
|
## Ordered List (Nested)
|
||||||
|
|
||||||
|
1. List item one
|
||||||
|
1. List item one
|
||||||
|
1. List item one
|
||||||
|
2. List item two
|
||||||
|
3. List item three
|
||||||
|
4. List item four
|
||||||
|
2. List item two
|
||||||
|
3. List item three
|
||||||
|
4. List item four
|
||||||
|
2. List item two
|
||||||
|
3. List item three
|
||||||
|
4. List item four
|
||||||
|
|
||||||
|
## Address element
|
||||||
|
|
||||||
|
<address>
|
||||||
|
1 Infinite Loop<br /> Cupertino, CA 95014<br /> United States
|
||||||
|
</address>
|
||||||
|
|
||||||
|
## Anchor element (aka. Link)
|
||||||
|
|
||||||
|
This is an example of a [link](http://apple.com "Apple").
|
||||||
|
|
||||||
|
## Abbreviation element
|
||||||
|
|
||||||
|
The abbreviation CSS stands for "Cascading Style Sheets".
|
||||||
|
|
||||||
|
*[CSS]: Cascading Style Sheets
|
||||||
|
|
||||||
|
## Cite element
|
||||||
|
|
||||||
|
"Code is poetry." ---<cite>Automattic</cite>
|
||||||
|
|
||||||
|
## Code element
|
||||||
|
|
||||||
|
You will learn later on in these tests that `word-wrap: break-word;` will be your best friend.
|
||||||
|
|
||||||
|
## Strike element
|
||||||
|
|
||||||
|
This element will let you <strike>strikeout text</strike>.
|
||||||
|
|
||||||
|
## Emphasize element
|
||||||
|
|
||||||
|
The emphasize element should _italicize_ text.
|
||||||
|
|
||||||
|
## Insert element
|
||||||
|
|
||||||
|
This element should denote <ins>inserted</ins> text.
|
||||||
|
|
||||||
|
## Keyboard element
|
||||||
|
|
||||||
|
This scarcely known element emulates <kbd>keyboard text</kbd>, which is usually styled like the `<code>` element.
|
||||||
|
|
||||||
|
## Preformatted element
|
||||||
|
|
||||||
|
This element styles large blocks of code.
|
||||||
|
|
||||||
|
<pre>
|
||||||
|
.post-title {
|
||||||
|
margin: 0 0 5px;
|
||||||
|
font-weight: bold;
|
||||||
|
font-size: 38px;
|
||||||
|
line-height: 1.2;
|
||||||
|
and here's a line of some really, really, really, really long text, just to see how the PRE element handles it and to find out how it overflows;
|
||||||
|
}
|
||||||
|
</pre>
|
||||||
|
|
||||||
|
## Quote element
|
||||||
|
|
||||||
|
<q>Developers, developers, developers…</q> –Steve Ballmer
|
||||||
|
|
||||||
|
## Strong element
|
||||||
|
|
||||||
|
This element shows **bold text**.
|
||||||
|
|
||||||
|
## Subscript element
|
||||||
|
|
||||||
|
Getting our science styling on with H<sub>2</sub>O, which should push the "2" down.
|
||||||
|
|
||||||
|
## Superscript element
|
||||||
|
|
||||||
|
Still sticking with science and Isaac Newton's E = MC<sup>2</sup>, which should lift the 2 up.
|
||||||
|
|
||||||
|
## Variable element
|
||||||
|
|
||||||
|
This allows you to denote <var>variables</var>.
|
||||||
|
|
@ -0,0 +1,123 @@
|
||||||
|
---
|
||||||
|
title: "Markup: Syntax Highlighting"
|
||||||
|
excerpt: "Post displaying the various ways one can highlight code blocks with Jekyll. Some options include standard Markdown, GitHub Flavored Markdown, and Jekyll's `{% highlight %}` tag."
|
||||||
|
last_modified_at: 2017-03-09T10:27:01-05:00
|
||||||
|
tags:
|
||||||
|
- code
|
||||||
|
- syntax highlighting
|
||||||
|
---
|
||||||
|
|
||||||
|
Syntax highlighting is a feature that displays source code, in different colors and fonts according to the category of terms. This feature facilitates writing in a structured language such as a programming language or a markup language as both structures and syntax errors are visually distinct. Highlighting does not affect the meaning of the text itself; it is intended only for human readers.[^1]
|
||||||
|
|
||||||
|
[^1]: <http://en.wikipedia.org/wiki/Syntax_highlighting>
|
||||||
|
|
||||||
|
## GFM Code Blocks
|
||||||
|
|
||||||
|
GitHub Flavored Markdown [fenced code blocks](https://help.github.com/articles/creating-and-highlighting-code-blocks/) are supported by default with Jekyll. You may need to update your `_config.yml` file to enable them if you're using an older version.
|
||||||
|
|
||||||
|
```yaml
|
||||||
|
kramdown:
|
||||||
|
input: GFM
|
||||||
|
```
|
||||||
|
|
||||||
|
Here's an example of a CSS code snippet written in GFM:
|
||||||
|
|
||||||
|
```css
|
||||||
|
#container {
|
||||||
|
float: left;
|
||||||
|
margin: 0 -240px 0 0;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
```
|
||||||
|
|
||||||
|
Yet another code snippet for demonstration purposes:
|
||||||
|
|
||||||
|
```ruby
|
||||||
|
module Jekyll
|
||||||
|
class TagIndex < Page
|
||||||
|
def initialize(site, base, dir, tag)
|
||||||
|
@site = site
|
||||||
|
@base = base
|
||||||
|
@dir = dir
|
||||||
|
@name = 'index.html'
|
||||||
|
self.process(@name)
|
||||||
|
self.read_yaml(File.join(base, '_layouts'), 'tag_index.html')
|
||||||
|
self.data['tag'] = tag
|
||||||
|
tag_title_prefix = site.config['tag_title_prefix'] || 'Tagged: '
|
||||||
|
tag_title_suffix = site.config['tag_title_suffix'] || '–'
|
||||||
|
self.data['title'] = "#{tag_title_prefix}#{tag}"
|
||||||
|
self.data['description'] = "An archive of posts tagged #{tag}."
|
||||||
|
end
|
||||||
|
end
|
||||||
|
end
|
||||||
|
```
|
||||||
|
|
||||||
|
## Jekyll Highlight Liquid Tag
|
||||||
|
|
||||||
|
Jekyll also has built-in support for syntax highlighting of code snippets using either Rouge or Pygments, using a dedicated Liquid tag as follows:
|
||||||
|
|
||||||
|
```liquid
|
||||||
|
{% raw %}{% highlight scss %}
|
||||||
|
.highlight {
|
||||||
|
margin: 0;
|
||||||
|
padding: 1em;
|
||||||
|
font-family: $monospace;
|
||||||
|
font-size: $type-size-7;
|
||||||
|
line-height: 1.8;
|
||||||
|
}
|
||||||
|
{% endhighlight %}{% endraw %}
|
||||||
|
```
|
||||||
|
|
||||||
|
And the output will look like this:
|
||||||
|
|
||||||
|
{% highlight scss %}
|
||||||
|
.highlight {
|
||||||
|
margin: 0;
|
||||||
|
padding: 1em;
|
||||||
|
font-family: $monospace;
|
||||||
|
font-size: $type-size-7;
|
||||||
|
line-height: 1.8;
|
||||||
|
}
|
||||||
|
{% endhighlight %}
|
||||||
|
|
||||||
|
Here's an example of a code snippet using the Liquid tag and `linenos` enabled.
|
||||||
|
|
||||||
|
{% highlight html linenos %}
|
||||||
|
{% raw %}<nav class="pagination" role="navigation">
|
||||||
|
{% if page.previous %}
|
||||||
|
<a href="{{ site.url }}{{ page.previous.url }}" class="btn" title="{{ page.previous.title }}">Previous article</a>
|
||||||
|
{% endif %}
|
||||||
|
{% if page.next %}
|
||||||
|
<a href="{{ site.url }}{{ page.next.url }}" class="btn" title="{{ page.next.title }}">Next article</a>
|
||||||
|
{% endif %}
|
||||||
|
</nav><!-- /.pagination -->{% endraw %}
|
||||||
|
{% endhighlight %}
|
||||||
|
|
||||||
|
## Code Blocks in Lists
|
||||||
|
|
||||||
|
Indentation matters. Be sure the indent of the code block aligns with the first non-space character after the list item marker (e.g., `1.`). Usually this will mean indenting 3 spaces instead of 4.
|
||||||
|
|
||||||
|
1. Do step 1.
|
||||||
|
2. Now do this:
|
||||||
|
|
||||||
|
```ruby
|
||||||
|
def print_hi(name)
|
||||||
|
puts "Hi, #{name}"
|
||||||
|
end
|
||||||
|
print_hi('Tom')
|
||||||
|
#=> prints 'Hi, Tom' to STDOUT.
|
||||||
|
```
|
||||||
|
|
||||||
|
3. Now you can do this.
|
||||||
|
|
||||||
|
## GitHub Gist Embed
|
||||||
|
|
||||||
|
GitHub Gist embeds can also be used:
|
||||||
|
|
||||||
|
```html
|
||||||
|
<script src="https://gist.github.com/mmistakes/77c68fbb07731a456805a7b473f47841.js"></script>
|
||||||
|
```
|
||||||
|
|
||||||
|
Which outputs as:
|
||||||
|
|
||||||
|
<script src="https://gist.github.com/mmistakes/77c68fbb07731a456805a7b473f47841.js"></script>
|
||||||
|
|
@ -0,0 +1,31 @@
|
||||||
|
---
|
||||||
|
title: "Jekyll Remote Theme Support Added"
|
||||||
|
excerpt:
|
||||||
|
last_modified_at: 2017-12-01T09:51:16-05:00
|
||||||
|
tags:
|
||||||
|
- Jekyll
|
||||||
|
---
|
||||||
|
|
||||||
|
Basically Basic can now be installed remotely for use on GitHub Pages!
|
||||||
|
|
||||||
|
The days of having to forking this repo and manually manage updates are over. Simply install the [**jekyll-remote-theme**](https://github.com/benbalter/jekyll-remote-theme) plugin by doing the following and away you go.
|
||||||
|
|
||||||
|
1. If you've previously forked this repo start by removing `_layouts`, `_includes`, `_sass`, `assets/javascripts`, and `assets/stylesheets`. Be sure to leave any files that you've customized so they override the versions bundled in the theme.
|
||||||
|
|
||||||
|
2. In your `Gemfile` replace `gem "jekyll"` with the following:
|
||||||
|
|
||||||
|
```ruby
|
||||||
|
gem "github-pages", group: :jekyll_plugins
|
||||||
|
gem "jekyll-remote-theme"
|
||||||
|
```
|
||||||
|
|
||||||
|
3. Run `bundle update` and verify that all gems install properly.
|
||||||
|
|
||||||
|
4. Add `remote_theme: "mmistakes/jekyll-theme-basically-basic"` to your `_config.yml` file.
|
||||||
|
|
||||||
|
5. Then add [`jekyll-remote-theme`](https://github.com/benbalter/jekyll-remote-theme) to the `plugins` (previously gems) array in your `_config.yml` file like so:
|
||||||
|
|
||||||
|
```yaml
|
||||||
|
plugins:
|
||||||
|
- jekyll-remote-theme
|
||||||
|
```
|
||||||
|
|
@ -0,0 +1,35 @@
|
||||||
|
---
|
||||||
|
title: "Chocolate Chip Cookies"
|
||||||
|
image:
|
||||||
|
path: /assets/images/chocolate-chip-cookies-lg.jpg
|
||||||
|
thumbnail: /assets/images/chocolate-chip-cookies-400x200.jpg
|
||||||
|
caption: "Photo from [Pexels](https://www.pexels.com)"
|
||||||
|
---
|
||||||
|
|
||||||
|
A chocolate chip cookie is a drop cookie that originated in the United States and features chocolate chips as its distinguishing ingredient.
|
||||||
|
|
||||||
|
The traditional recipe combines a dough composed of butter and both brown and white sugar with semi-sweet chocolate chips. Variations include recipes with other types of chocolate as well as additional ingredients such as nuts or oatmeal.
|
||||||
|
|
||||||
|
This recipe makes 4 dozen cookies.
|
||||||
|
|
||||||
|
## Ingredients
|
||||||
|
|
||||||
|
* 2 1/4 cups all-purpose flour
|
||||||
|
* 1 teaspoon baking soda
|
||||||
|
* 1/2 teaspoon salt
|
||||||
|
* 1 cup butter, softened and cut to pieces
|
||||||
|
* 1 cup sugar
|
||||||
|
* 1 cup light brown sugar, packed
|
||||||
|
* 2 teaspoons vanilla extract
|
||||||
|
* 2 large eggs
|
||||||
|
* 2 cups semi-sweet chocolate chips
|
||||||
|
* 1/2 teaspoon nutmeg (optional)
|
||||||
|
* 1 cup chopped pecans or walnuts (optional)
|
||||||
|
|
||||||
|
## Directions
|
||||||
|
|
||||||
|
1. Preheat the oven to 350 F.
|
||||||
|
2. In a medium bowl, whisk flour with baking soda, nutmeg and salt.
|
||||||
|
3. In a large bowl, beat butter with sugar and brown sugar until creamy and light. Add vanilla and eggs, one at a time, and mix until incorporated.
|
||||||
|
4. Gradually add dry mixture into the butter-sugar wet blend, mixing with a spatula until combined. Add chocolate chips and nuts until just mixed.
|
||||||
|
5. Drop tablespoon-sized clumps onto un-greased cookie sheets. Bake for 8-12 minutes, or until pale brown. Allow to cool on the pan for a minute or three, then transfer cookies to a wire rack to finish cooling.
|
||||||
|
|
@ -0,0 +1,27 @@
|
||||||
|
---
|
||||||
|
title: "Oatmeal Cookies"
|
||||||
|
image:
|
||||||
|
path: /assets/images/oatmeal-cookies-lg.jpg
|
||||||
|
thumbnail: /assets/images/oatmeal-cookies-400x200.jpg
|
||||||
|
caption: "Photo from [Pexels](https://www.pexels.com)"
|
||||||
|
---
|
||||||
|
|
||||||
|
Oatmeal cookies are a proverbial favorite with both kids and adults. This crisp and chewy cookie is loaded with oats, dried fruit, and chopped nuts.
|
||||||
|
|
||||||
|
## Ingredients
|
||||||
|
|
||||||
|
* 1 cup butter, softened 1 cup white sugar
|
||||||
|
* 1 cup packed brown sugar
|
||||||
|
* 2 eggs
|
||||||
|
* 1 teaspoon vanilla extract
|
||||||
|
* 2 cups all-purpose flour
|
||||||
|
* 1 teaspoon baking soda
|
||||||
|
* 1 teaspoon salt
|
||||||
|
* 1 1/2 teaspoons ground cinnamon
|
||||||
|
* 3 cups quick cooking oats
|
||||||
|
|
||||||
|
## Directions
|
||||||
|
|
||||||
|
1. In a medium bowl, cream together butter, white sugar, and brown sugar. Beat in eggs one at a time, then stir in vanilla. Combine flour, baking soda, salt, and cinnamon; stir into the creamed mixture. Mix in oats. Cover, and chill dough for at least one hour.
|
||||||
|
2. Preheat the oven to 375 degrees F (190 degrees C). Grease cookie sheets. Roll the dough into walnut sized balls, and place 2 inches apart on cookie sheets. Flatten each cookie with a large fork dipped in sugar.
|
||||||
|
3. Bake for 8 to 10 minutes in preheated oven. Allow cookies to cool on baking sheet for 5 minutes before transferring to a wire rack to cool completely.
|
||||||
|
|
@ -0,0 +1,27 @@
|
||||||
|
---
|
||||||
|
title: "Peanut Butter Cookies"
|
||||||
|
image:
|
||||||
|
path: /assets/images/peanut-butter-cookies-lg.jpg
|
||||||
|
thumbnail: /assets/images/peanut-butter-cookies-400x200.jpg
|
||||||
|
caption: "Photo from [Pexels](https://www.pexels.com)"
|
||||||
|
---
|
||||||
|
|
||||||
|
A peanut butter cookie is a type of cookie that is distinguished for having peanut butter as a principal ingredient. The cookie generally originated in the United States, its development dating back to the 1910s.
|
||||||
|
|
||||||
|
## Ingredients
|
||||||
|
|
||||||
|
* 1 cup unsalted butter
|
||||||
|
* 1 cup crunchy peanut butter
|
||||||
|
* 1 cup white sugar
|
||||||
|
* 1 cup packed brown sugar
|
||||||
|
* 2 eggs 2
|
||||||
|
* 1/2 cups all-purpose flour
|
||||||
|
* 1 teaspoon baking powder
|
||||||
|
* 1/2 teaspoon salt
|
||||||
|
* 1 1/2 teaspoons baking soda
|
||||||
|
|
||||||
|
## Directions
|
||||||
|
|
||||||
|
1. Cream butter, peanut butter, and sugars together in a bowl; beat in eggs.
|
||||||
|
2. In a separate bowl, sift flour, baking powder, baking soda, and salt; stir into butter mixture. Put dough in refrigerator for 1 hour.
|
||||||
|
3. Roll dough into 1 inch balls and put on baking sheets. Flatten each ball with a fork, making a crisscross pattern. Bake in a preheated 375 degrees F oven for about 10 minutes or until cookies begin to brown.
|
||||||
|
|
@ -0,0 +1,14 @@
|
||||||
|
---
|
||||||
|
title: "About"
|
||||||
|
layout: about
|
||||||
|
---
|
||||||
|
|
||||||
|
Basically Basic is a [Jekyll theme](https://jekyllrb.com/docs/themes/) meant as a substitute for the default --- [Minima](https://github.com/jekyll/minima). Conventions and features found there are fully supported by **Basically Basic**, with a few enhancements thrown in for good measure:
|
||||||
|
|
||||||
|
- Clean responsive design with [six customizable skins](#skin)
|
||||||
|
- Curriculum Vitæ/Resume layout powered by [JSON data](http://registry.jsonresume.org/)
|
||||||
|
- About page layout
|
||||||
|
- Disqus Comments and Google Analytics support
|
||||||
|
- SEO best practices via [Jekyll SEO Tag](https://github.com/jekyll/jekyll-seo-tag/)
|
||||||
|
|
||||||
|
You can find the source code for this theme at: {% include icon-github.html username="mmistakes" %}/[jekyll-theme-basically-basic](https://github.com/mmistakes/jekyll-theme-basically-basic)
|
||||||
|
|
@ -0,0 +1,7 @@
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
|
||||||
|
<g fill="#FFF">
|
||||||
|
<path d="M64.8 52.7h-2.6l-1.1 7.9h2c5 0 6-2.1 6-4.9C69.2 53.6 67.7 52.7 64.8 52.7zM32.4 52.7h-2.5v7.9H32c3.3 0 5.5-.7 5.5-3.9C37.5 53.9 35.8 52.7 32.4 52.7zM36.2 42.3c0-2.1-1.2-3.1-4.7-3.1h-1.6v6.7h1.8C35 45.9 36.2 44.9 36.2 42.3z"/>
|
||||||
|
<path d="M0,0v100h100V0H0z M31.9,68.1H19.2V31.9h11.3c10.2,0,16.6,2.3,16.6,9.4c0,4.7-3.3,6.8-6.6,7.7 c4,0.8,8.1,2.8,8.1,8.5C48.6,66,41.4,68.1,31.9,68.1z M80,56.6c0,6.3-4.4,11.5-17.9,11.5H49.7l5-36.2h11c9.2,0,15.1,2,15.1,8.4 c0,5.3-4,7.7-7.9,8.7C76.6,49.7,80,51.4,80,56.6z"/>
|
||||||
|
<path d="M65.7,39.2h-1.6l-0.9,6.7H65c4.4,0,4.9-2.4,4.9-4.3C69.9,40,68.8,39.2,65.7,39.2z"/>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 705 B |
|
|
@ -0,0 +1,7 @@
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
|
||||||
|
<g>
|
||||||
|
<path d="M64.8 52.7h-2.6l-1.1 7.9h2c5 0 6-2.1 6-4.9C69.2 53.6 67.7 52.7 64.8 52.7zM32.4 52.7h-2.5v7.9H32c3.3 0 5.5-.7 5.5-3.9C37.5 53.9 35.8 52.7 32.4 52.7zM36.2 42.3c0-2.1-1.2-3.1-4.7-3.1h-1.6v6.7h1.8C35 45.9 36.2 44.9 36.2 42.3z"/>
|
||||||
|
<path d="M0,0v100h100V0H0z M31.9,68.1H19.2V31.9h11.3c10.2,0,16.6,2.3,16.6,9.4c0,4.7-3.3,6.8-6.6,7.7c4,0.8,8.1,2.8,8.1,8.5 C48.6,66,41.4,68.1,31.9,68.1z M80,56.6c0,6.3-4.4,11.5-17.9,11.5H49.7l5-36.2h11c9.2,0,15.1,2,15.1,8.4c0,5.3-4,7.7-7.9,8.7 C76.6,49.7,80,51.4,80,56.6z"/>
|
||||||
|
<path d="M65.7,39.2h-1.6l-0.9,6.7H65c4.4,0,4.9-2.4,4.9-4.3C69.9,40,68.8,39.2,65.7,39.2z"/>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 693 B |
Binary file not shown.
|
After Width: | Height: | Size: 3.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 222 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 25 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 197 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 183 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 35 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 6.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 8.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 31 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 229 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 30 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 325 KiB |
|
|
@ -0,0 +1,5 @@
|
||||||
|
---
|
||||||
|
title: Category Archive
|
||||||
|
layout: categories
|
||||||
|
permalink: /categories/
|
||||||
|
---
|
||||||
|
|
@ -0,0 +1,8 @@
|
||||||
|
---
|
||||||
|
title: Curriculum Vitæ
|
||||||
|
layout: cv
|
||||||
|
actions:
|
||||||
|
- label: "Download as PDF"
|
||||||
|
icon: pdf
|
||||||
|
url: "#pdf-asset"
|
||||||
|
---
|
||||||
|
|
@ -0,0 +1,8 @@
|
||||||
|
---
|
||||||
|
title: Edge Case
|
||||||
|
layout: category
|
||||||
|
permalink: /categories/edge-case/
|
||||||
|
taxonomy: Edge Case
|
||||||
|
---
|
||||||
|
|
||||||
|
Sample post listing for the category `Edge Case`.
|
||||||
|
|
@ -0,0 +1,22 @@
|
||||||
|
---
|
||||||
|
layout: home
|
||||||
|
paginate: true
|
||||||
|
alt_title: "Basically Basic"
|
||||||
|
sub_title: "Your new default Jekyll theme"
|
||||||
|
image: /assets/images/amine-ounnas-180287.jpg
|
||||||
|
introduction: |
|
||||||
|
Basically Basic is a [Jekyll theme](https://jekyllrb.com/docs/themes/) meant as a substitute for the default --- [Minima](https://github.com/jekyll/minima). Conventions and features found there are fully supported by **Basically Basic**, with a few enhancements thrown in for good measure:
|
||||||
|
|
||||||
|
- Clean responsive design with six customizable skins
|
||||||
|
- Curriculum Vitæ/Resume layout powered by [JSON data](http://registry.jsonresume.org/)
|
||||||
|
- About page layout
|
||||||
|
- Disqus Comments and Google Analytics support
|
||||||
|
- SEO best practices via [Jekyll SEO Tag](https://github.com/jekyll/jekyll-seo-tag/)
|
||||||
|
actions:
|
||||||
|
- label: "Get Started"
|
||||||
|
icon: github
|
||||||
|
url: "https://github.com/mmistakes/jekyll-theme-basically-basic"
|
||||||
|
- label: "Download"
|
||||||
|
icon: download
|
||||||
|
url: "https://github.com/mmistakes/jekyll-theme-basically-basic/archive/master.zip"
|
||||||
|
---
|
||||||
|
|
@ -0,0 +1,8 @@
|
||||||
|
---
|
||||||
|
title: Markup
|
||||||
|
layout: tag
|
||||||
|
permalink: /tags/markup/
|
||||||
|
taxonomy: markup
|
||||||
|
---
|
||||||
|
|
||||||
|
Sample post listing for the tag `markup`.
|
||||||
|
|
@ -0,0 +1,6 @@
|
||||||
|
---
|
||||||
|
title: Post Archive
|
||||||
|
layout: posts
|
||||||
|
permalink: /posts/
|
||||||
|
entries_layout: list
|
||||||
|
---
|
||||||
|
|
@ -0,0 +1,9 @@
|
||||||
|
---
|
||||||
|
title: Recipes
|
||||||
|
layout: collection
|
||||||
|
permalink: /recipes/
|
||||||
|
collection: recipes
|
||||||
|
entries_layout: grid
|
||||||
|
---
|
||||||
|
|
||||||
|
Sample document listing for the collection `_recipes`.
|
||||||
|
|
@ -0,0 +1,5 @@
|
||||||
|
---
|
||||||
|
title: Tag Archive
|
||||||
|
layout: tags
|
||||||
|
permalink: /tags/
|
||||||
|
---
|
||||||
|
|
@ -0,0 +1,7 @@
|
||||||
|
---
|
||||||
|
title: Page not found
|
||||||
|
layout: page
|
||||||
|
permalink: /404.html
|
||||||
|
---
|
||||||
|
|
||||||
|
Sorry, but the page you were trying to view has moved or does not exist.
|
||||||
|
|
@ -0,0 +1,15 @@
|
||||||
|
source "https://rubygems.org"
|
||||||
|
|
||||||
|
# use local theme gem for testing
|
||||||
|
gem "jekyll-theme-basically-basic", path: "../"
|
||||||
|
|
||||||
|
# Jekyll plugins
|
||||||
|
group :jekyll_plugins do
|
||||||
|
gem "jekyll-feed"
|
||||||
|
gem "jekyll-seo-tag"
|
||||||
|
gem "jekyll-sitemap"
|
||||||
|
gem "jekyll-paginate"
|
||||||
|
gem "jekyll-algolia"
|
||||||
|
end
|
||||||
|
|
||||||
|
gem "wdm", "~> 0.1.0" if Gem.win_platform?
|
||||||
|
|
@ -0,0 +1,90 @@
|
||||||
|
# Welcome to Jekyll!
|
||||||
|
#
|
||||||
|
# This config file is meant for settings that affect your whole blog, values
|
||||||
|
# which you are expected to set up once and rarely edit after that. If you find
|
||||||
|
# yourself editing this file very often, consider using Jekyll's data files
|
||||||
|
# feature for the data you need to update frequently.
|
||||||
|
#
|
||||||
|
# For technical reasons, this file is *NOT* reloaded automatically when you use
|
||||||
|
# 'bundle exec jekyll serve'. If you change this file, please restart the server process.
|
||||||
|
|
||||||
|
# Site settings
|
||||||
|
# These are used to personalize your new site. If you look in the HTML files,
|
||||||
|
# you will see them accessed via {{ site.title }}, {{ site.email }}, and so on.
|
||||||
|
# You can create any custom variable you would like, and they will be accessible
|
||||||
|
# in the templates via {{ site.myvariable }}.
|
||||||
|
lang: en-US
|
||||||
|
title: Basically Basic
|
||||||
|
email: dugan.nash@mailinator.com
|
||||||
|
description: "Your new default Jekyll theme"
|
||||||
|
baseurl: "/example" # the subpath of your site, e.g. /blog
|
||||||
|
url: "" # the base hostname & protocol for your site, e.g. http://example.com
|
||||||
|
author:
|
||||||
|
name: Dugan Nash
|
||||||
|
twitter: Towlette_Pettetucci
|
||||||
|
picture: /assets/images/johndoe.png
|
||||||
|
twitter_username: Towlette_Pettetucci
|
||||||
|
github_username: Towlette_Pettetucci
|
||||||
|
logo: /assets/icons/basically-basic-logo-light.svg
|
||||||
|
search: true
|
||||||
|
search_full_content: true
|
||||||
|
search_provider: algolia
|
||||||
|
algolia:
|
||||||
|
application_id: QB6HVGBSBA
|
||||||
|
index_name: basically-basic
|
||||||
|
search_only_api_key: 9d5014e5bbc77372547bce778dfa5663
|
||||||
|
powered_by: # true (default), false
|
||||||
|
|
||||||
|
# Liquid
|
||||||
|
liquid:
|
||||||
|
error_mode: strict
|
||||||
|
|
||||||
|
# Build settings
|
||||||
|
markdown: kramdown
|
||||||
|
theme: jekyll-theme-basically-basic
|
||||||
|
plugins: # previously gems
|
||||||
|
- jekyll-feed
|
||||||
|
- jekyll-seo-tag
|
||||||
|
- jekyll-sitemap
|
||||||
|
- jekyll-paginate
|
||||||
|
feed:
|
||||||
|
path: atom.xml
|
||||||
|
|
||||||
|
# Pagination - https://jekyllrb.com/docs/pagination/
|
||||||
|
paginate: 10
|
||||||
|
paginate_path: /page:num/
|
||||||
|
|
||||||
|
# Exclude from processing.
|
||||||
|
# The following items will not be processed, by default. Create a custom list
|
||||||
|
# to override the default setting.
|
||||||
|
# exclude:
|
||||||
|
# - Gemfile
|
||||||
|
# - Gemfile.lock
|
||||||
|
# - node_modules
|
||||||
|
# - vendor/bundle/
|
||||||
|
# - vendor/cache/
|
||||||
|
# - vendor/gems/
|
||||||
|
# - vendor/ruby/
|
||||||
|
|
||||||
|
# Collections
|
||||||
|
collections:
|
||||||
|
recipes:
|
||||||
|
output: true
|
||||||
|
permalink: /:collection/:path/
|
||||||
|
|
||||||
|
# Front Matter Defaults
|
||||||
|
defaults:
|
||||||
|
# _posts
|
||||||
|
- scope:
|
||||||
|
path: "_posts"
|
||||||
|
type: posts
|
||||||
|
values:
|
||||||
|
layout: post
|
||||||
|
read_time: true
|
||||||
|
# _recipes
|
||||||
|
- scope:
|
||||||
|
path: "_recipes"
|
||||||
|
type: recipes
|
||||||
|
values:
|
||||||
|
layout: post
|
||||||
|
read_time: true
|
||||||
|
|
@ -0,0 +1,128 @@
|
||||||
|
{
|
||||||
|
"basics": {
|
||||||
|
"name": "Dugan Nash",
|
||||||
|
"label": "Very extravagant man",
|
||||||
|
"picture": "",
|
||||||
|
"email": "dugan.hash@mailinator.com",
|
||||||
|
"phone": "(555) 555-5555",
|
||||||
|
"website": "https://towlettepettetuc.ci",
|
||||||
|
"summary": "Nash is well versed in the Montoyan / Artesian Connection, preparation of grasshopper mash, and baking of grover loaves.",
|
||||||
|
"location": {
|
||||||
|
"address": "123 Sesame Street",
|
||||||
|
"postalCode": "CA 94115",
|
||||||
|
"city": "San Francisco",
|
||||||
|
"countryCode": "US",
|
||||||
|
"region": "California"
|
||||||
|
},
|
||||||
|
"profiles": [
|
||||||
|
{
|
||||||
|
"network": "Twitter",
|
||||||
|
"username": "Towlette_Pettetucci",
|
||||||
|
"url": "https://twitter.com/Towlette_Pettetucci"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"network": "SoundCloud",
|
||||||
|
"username": "Towlette_Pettetucci",
|
||||||
|
"url": "https://soundcloud.com/Towlette_Pettetucci"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
"work": [
|
||||||
|
{
|
||||||
|
"company": "The Whip",
|
||||||
|
"position": "CEO/President",
|
||||||
|
"website": "https://thewh.ip",
|
||||||
|
"startDate": "2013-12-01",
|
||||||
|
"endDate": "",
|
||||||
|
"summary": "Leverage agile frameworks to provide a robust synopsis for high level overviews. Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition. Organically grow the holistic world view of disruptive innovation via workplace diversity and empowerment.",
|
||||||
|
"highlights": [
|
||||||
|
"Concealed nipper in embrodiery.",
|
||||||
|
"Dealt with Elastical Gomez on a daily basis."
|
||||||
|
]
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"volunteer": [
|
||||||
|
{
|
||||||
|
"organization": "Steve's Meat Market",
|
||||||
|
"position": "Assistant",
|
||||||
|
"website": "",
|
||||||
|
"startDate": "1995-01-01",
|
||||||
|
"endDate": "1997-03-20",
|
||||||
|
"summary": "Ground up some sort of grasshopper mash for fishing.",
|
||||||
|
"highlights": [
|
||||||
|
"Awarded a 'Helium Biscuit'"
|
||||||
|
]
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"education": [
|
||||||
|
{
|
||||||
|
"institution": "University of Ointment",
|
||||||
|
"area": "Digital Skillets",
|
||||||
|
"studyType": "Bachelor",
|
||||||
|
"startDate": "2011-06-01",
|
||||||
|
"endDate": "2014-01-01",
|
||||||
|
"gpa": "4.0",
|
||||||
|
"courses": [
|
||||||
|
"DB1101 - Perpendicular Crosstalk",
|
||||||
|
"CS2011 - Introduction to Moisturization"
|
||||||
|
]
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"awards": [
|
||||||
|
{
|
||||||
|
"title": "Warble Pioneer Award",
|
||||||
|
"date": "2001-11-01",
|
||||||
|
"awarder": "Levi Goulet",
|
||||||
|
"summary": "Have you seen my turtle?"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"publications": [
|
||||||
|
{
|
||||||
|
"name": "Radio Julius",
|
||||||
|
"publisher": "Tanyo Lubbock",
|
||||||
|
"releaseDate": "2014-10-01",
|
||||||
|
"website": "https://en.rhy.es",
|
||||||
|
"summary": "Capitalize on low hanging fruit to identify a ballpark value added activity to beta test."
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"skills": [
|
||||||
|
{
|
||||||
|
"name": "Audio Juggling",
|
||||||
|
"level": "Master",
|
||||||
|
"keywords": [
|
||||||
|
"Ointment",
|
||||||
|
"Voltor",
|
||||||
|
"Millipedes"
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "Bruschotti",
|
||||||
|
"level": "Satisfactory",
|
||||||
|
"keywords": [
|
||||||
|
"Snow camp",
|
||||||
|
"Owl"
|
||||||
|
]
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"languages": [
|
||||||
|
{
|
||||||
|
"language": "Nonsense",
|
||||||
|
"fluency": "Native speaker"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"interests": [
|
||||||
|
{
|
||||||
|
"name": "The Information Superhighway",
|
||||||
|
"keywords": [
|
||||||
|
"Ferrets",
|
||||||
|
"Unicorns"
|
||||||
|
]
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"references": [
|
||||||
|
{
|
||||||
|
"name": " Nannette Nananacci",
|
||||||
|
"reference": "It is my pleasure to recommend Dugan Nash, his performance working as a consultant for Main St. Company proved that he will be a valuable addition to any company."
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,53 @@
|
||||||
|
# Theme Skin
|
||||||
|
skin: default # default, night, plum, sea, soft, steel
|
||||||
|
|
||||||
|
# Theme Text
|
||||||
|
t:
|
||||||
|
skip_links: "Skip links"
|
||||||
|
skip_primary_nav: "Skip to primary navigation"
|
||||||
|
skip_content: "Skip to content"
|
||||||
|
skip_footer: "Skip to footer"
|
||||||
|
menu: "Menu"
|
||||||
|
home: "Home"
|
||||||
|
newer: "Newer"
|
||||||
|
older: "Older"
|
||||||
|
email: "Email"
|
||||||
|
subscribe: "Subscribe"
|
||||||
|
read_more: "Read More"
|
||||||
|
posts: "Posts"
|
||||||
|
page: "Page"
|
||||||
|
of: "of"
|
||||||
|
min_read: "min read"
|
||||||
|
present: "Present"
|
||||||
|
cv_awards: "Awards"
|
||||||
|
cv_summary_contact: "Contact"
|
||||||
|
cv_summary_contact_email: "Email"
|
||||||
|
cv_summary_contact_phone: "Phone"
|
||||||
|
cv_summary_contact_website: "Website"
|
||||||
|
cv_location: "Location"
|
||||||
|
cv_education: "Education"
|
||||||
|
cv_education_courses: "Courses"
|
||||||
|
cv_interests: "Interests"
|
||||||
|
cv_languages: "Languages"
|
||||||
|
cv_publications: "Publications"
|
||||||
|
cv_references: "References"
|
||||||
|
cv_skills: "Skills"
|
||||||
|
cv_volunteer: "Volunteer"
|
||||||
|
cv_work: "Work"
|
||||||
|
|
||||||
|
# Google Fonts
|
||||||
|
google_fonts:
|
||||||
|
- name: "Fira Sans"
|
||||||
|
weights: "400,400i,600,600i"
|
||||||
|
|
||||||
|
# Link to specific internal pages in the navigation.
|
||||||
|
# Create a custom list to override the default setting of including links to all
|
||||||
|
# pages that have a `title`. Add raw page paths in the order you'd like.
|
||||||
|
|
||||||
|
navigation_pages:
|
||||||
|
- posts.md
|
||||||
|
- recipes.md
|
||||||
|
- about.md
|
||||||
|
- cv.md
|
||||||
|
- tags.md
|
||||||
|
- categories.md
|
||||||
|
|
@ -0,0 +1,58 @@
|
||||||
|
---
|
||||||
|
title: "Edge Case: Nested and Mixed Lists"
|
||||||
|
categories:
|
||||||
|
- Edge Case
|
||||||
|
tags:
|
||||||
|
- content
|
||||||
|
- css
|
||||||
|
- edge case
|
||||||
|
- lists
|
||||||
|
- markup
|
||||||
|
last_modified_at: 2017-03-09T14:25:52-05:00
|
||||||
|
---
|
||||||
|
|
||||||
|
Nested and mixed lists are an interesting beast. It's a corner case to make sure that lists within lists do not break the ordered list numbering order and list styles go deep enough.
|
||||||
|
|
||||||
|
## Ordered -- Unordered -- Ordered
|
||||||
|
|
||||||
|
1. ordered item
|
||||||
|
2. ordered item
|
||||||
|
* **unordered**
|
||||||
|
* **unordered**
|
||||||
|
1. ordered item
|
||||||
|
2. ordered item
|
||||||
|
3. ordered item
|
||||||
|
4. ordered item
|
||||||
|
|
||||||
|
## Ordered -- Unordered -- Unordered
|
||||||
|
|
||||||
|
1. ordered item
|
||||||
|
2. ordered item
|
||||||
|
* **unordered**
|
||||||
|
* **unordered**
|
||||||
|
* unordered item
|
||||||
|
* unordered item
|
||||||
|
3. ordered item
|
||||||
|
4. ordered item
|
||||||
|
|
||||||
|
## Unordered -- Ordered -- Unordered
|
||||||
|
|
||||||
|
* unordered item
|
||||||
|
* unordered item
|
||||||
|
1. ordered
|
||||||
|
2. ordered
|
||||||
|
* unordered item
|
||||||
|
* unordered item
|
||||||
|
* unordered item
|
||||||
|
* unordered item
|
||||||
|
|
||||||
|
## Unordered -- Unordered -- Ordered
|
||||||
|
|
||||||
|
* unordered item
|
||||||
|
* unordered item
|
||||||
|
* unordered
|
||||||
|
* unordered
|
||||||
|
1. **ordered item**
|
||||||
|
2. **ordered item**
|
||||||
|
* unordered item
|
||||||
|
* unordered item
|
||||||
|
|
@ -0,0 +1,49 @@
|
||||||
|
---
|
||||||
|
title: "Edge Case: Many Tags"
|
||||||
|
categories:
|
||||||
|
- Edge Case
|
||||||
|
tags:
|
||||||
|
- 8BIT
|
||||||
|
- alignment
|
||||||
|
- Articles
|
||||||
|
- captions
|
||||||
|
- categories
|
||||||
|
- chat
|
||||||
|
- comments
|
||||||
|
- content
|
||||||
|
- css
|
||||||
|
- dowork
|
||||||
|
- edge case
|
||||||
|
- embeds
|
||||||
|
- excerpt
|
||||||
|
- Fail
|
||||||
|
- featured image
|
||||||
|
- FTW
|
||||||
|
- Fun
|
||||||
|
- gallery
|
||||||
|
- html
|
||||||
|
- image
|
||||||
|
- Jekyll
|
||||||
|
- layout
|
||||||
|
- link
|
||||||
|
- Love
|
||||||
|
- markup
|
||||||
|
- Mothership
|
||||||
|
- Must Read
|
||||||
|
- Nailed It
|
||||||
|
- Pictures
|
||||||
|
- Post Formats
|
||||||
|
- quote
|
||||||
|
- standard
|
||||||
|
- Success
|
||||||
|
- Swagger
|
||||||
|
- Tags
|
||||||
|
- template
|
||||||
|
- title
|
||||||
|
- twitter
|
||||||
|
- Unseen
|
||||||
|
- video
|
||||||
|
- YouTube
|
||||||
|
---
|
||||||
|
|
||||||
|
This post has many tags.
|
||||||
|
|
@ -0,0 +1,19 @@
|
||||||
|
---
|
||||||
|
title: "Edge Case: Many Categories"
|
||||||
|
categories:
|
||||||
|
- aciform
|
||||||
|
- antiquarianism
|
||||||
|
- arrangement
|
||||||
|
- asmodeus
|
||||||
|
- broder
|
||||||
|
- buying
|
||||||
|
- championship
|
||||||
|
- chastening
|
||||||
|
- disinclination
|
||||||
|
- disinfection
|
||||||
|
tags:
|
||||||
|
- categories
|
||||||
|
- edge case
|
||||||
|
---
|
||||||
|
|
||||||
|
This post has many categories.
|
||||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue