├── .nojekyll
├── .nvmrc
├── public
    └── img
    │   └── .gitkeep
├── vercel.json
├── .gitignore
├── .gitattributes
├── netlify.toml
├── content
    ├── content.11tydata.js
    ├── feed
    │   ├── .virtual
    │   └── pretty-atom-feed.xsl
    ├── blog
    │   ├── blog.11tydata.js
    │   ├── fourthpost
    │   │   ├── possum.png
    │   │   └── fourthpost.md
    │   ├── fifthpost.md
    │   ├── secondpost.md
    │   ├── firstpost.md
    │   └── thirdpost.md
    ├── about.md
    ├── blog.njk
    ├── tags.njk
    ├── sitemap.xml.njk
    ├── tag-pages.njk
    ├── 404.md
    └── index.njk
├── .editorconfig
├── _data
    ├── metadata.js
    └── eleventyDataSchema.js
├── css
    ├── message-box.css
    ├── prism-diff.css
    └── index.css
├── _includes
    ├── postslist.njk
    └── layouts
    │   ├── home.njk
    │   ├── post.njk
    │   └── base.njk
├── LICENSE
├── .github
    └── workflows
    │   └── gh-pages.yml.sample
├── _config
    └── filters.js
├── package.json
├── eleventy.config.js
└── README.md


/.nojekyll:
--------------------------------------------------------------------------------
1 | 


--------------------------------------------------------------------------------
/.nvmrc:
--------------------------------------------------------------------------------
1 | 20
2 | 


--------------------------------------------------------------------------------
/public/img/.gitkeep:
--------------------------------------------------------------------------------
1 | 


--------------------------------------------------------------------------------
/vercel.json:
--------------------------------------------------------------------------------
1 | { "trailingSlash": true }
2 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | _site/
2 | node_modules/
3 | .cache
4 | 


--------------------------------------------------------------------------------
/.gitattributes:
--------------------------------------------------------------------------------
1 | content/feed/pretty-atom-feed.xsl linguist-vendored
2 | 


--------------------------------------------------------------------------------
/netlify.toml:
--------------------------------------------------------------------------------
1 | [build]
2 | 	publish = "_site"
3 | 	command = "npm run build"
4 | 


--------------------------------------------------------------------------------
/content/content.11tydata.js:
--------------------------------------------------------------------------------
1 | export default {
2 | 	layout: "layouts/home.njk",
3 | };
4 | 


--------------------------------------------------------------------------------
/content/feed/.virtual:
--------------------------------------------------------------------------------
1 | For RSS feed, Atom Feed, and JSON feed templates, see the plugin in eleventy.config.js
2 | 


--------------------------------------------------------------------------------
/content/blog/blog.11tydata.js:
--------------------------------------------------------------------------------
1 | export default {
2 | 	tags: [
3 | 		"posts"
4 | 	],
5 | 	"layout": "layouts/post.njk",
6 | };
7 | 


--------------------------------------------------------------------------------
/content/blog/fourthpost/possum.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/11ty/eleventy-base-blog/main/content/blog/fourthpost/possum.png


--------------------------------------------------------------------------------
/content/blog/fifthpost.md:
--------------------------------------------------------------------------------
1 | ---js
2 | const title = "This is a fifth post";
3 | const date = "2023-01-23";
4 | const draft = true;
5 | ---
6 | This is a draft post
7 | 


--------------------------------------------------------------------------------
/content/about.md:
--------------------------------------------------------------------------------
 1 | ---js
 2 | const eleventyNavigation = {
 3 | 	key: "About",
 4 | 	order: 3
 5 | };
 6 | ---
 7 | # About
 8 | 
 9 | I am a person that writes stuff.
10 | 


--------------------------------------------------------------------------------
/.editorconfig:
--------------------------------------------------------------------------------
 1 | root = true
 2 | 
 3 | [*]
 4 | indent_style = tab
 5 | indent_size = 2
 6 | end_of_line = lf
 7 | insert_final_newline = true
 8 | trim_trailing_whitespace = true
 9 | charset = utf-8
10 | 


--------------------------------------------------------------------------------
/content/blog.njk:
--------------------------------------------------------------------------------
 1 | ---js
 2 | const eleventyNavigation = {
 3 | 	key: "Archive",
 4 | 	order: 2
 5 | };
 6 | ---
 7 | <h1>Archive</h1>
 8 | 
 9 | {% set postslist = collections.posts %}
10 | {% include "postslist.njk" %}
11 | 


--------------------------------------------------------------------------------
/content/tags.njk:
--------------------------------------------------------------------------------
1 | <h1>Tags</h1>
2 | 
3 | <ul>
4 | {% for tag in collections | getKeys | filterTagList | sortAlphabetically %}
5 | 	{% set tagUrl %}/tags/{{ tag | slugify }}/{% endset %}
6 | 	<li><a href="{{ tagUrl }}" class="post-tag">{{ tag }}</a></li>
7 | {% endfor %}
8 | </ul>
9 | 


--------------------------------------------------------------------------------
/_data/metadata.js:
--------------------------------------------------------------------------------
 1 | export default {
 2 | 	title: "Eleventy Base Blog v9",
 3 | 	url: "https://example.com/",
 4 | 	language: "en",
 5 | 	description: "I am writing about my experiences as a naval navel-gazer.",
 6 | 	author: {
 7 | 		name: "Your Name Here",
 8 | 		email: "youremailaddress@example.com",
 9 | 		url: "https://example.com/about-me/"
10 | 	}
11 | }
12 | 


--------------------------------------------------------------------------------
/css/message-box.css:
--------------------------------------------------------------------------------
 1 | /* Message Box */
 2 | .message-box {
 3 | 	--color-message-box: #ffc;
 4 | 
 5 | 	display: block;
 6 | 	background-color: var(--color-message-box);
 7 | 	color: var(--color-gray-90);
 8 | 	padding: 1em 0.625em; /* 16px 10px /16 */
 9 | }
10 | .message-box ol {
11 | 	margin-top: 0;
12 | }
13 | 
14 | @media (prefers-color-scheme: dark) {
15 | 	.message-box {
16 | 		--color-message-box: #082840;
17 | 	}
18 | }
19 | 


--------------------------------------------------------------------------------
/_includes/postslist.njk:
--------------------------------------------------------------------------------
1 | <ol reversed class="postlist" style="--postlist-index: {{ (postslistCounter or postslist.length) + 1 }}">
2 | {%- for post in postslist | reverse %}
3 | 	<li class="postlist-item{% if post.url == url %} postlist-item-active{% endif %}">
4 | 		<a href="{{ post.url }}" class="postlist-link">{% if post.data.title %}{{ post.data.title }}{% else %}<code>{{ post.url }}</code>{% endif %}</a>
5 | 		<time class="postlist-date" datetime="{{ post.date | htmlDateString }}">{{ post.date | readableDate("LLLL yyyy") }}</time>
6 | 	</li>
7 | {%- endfor %}
8 | </ol>
9 | 


--------------------------------------------------------------------------------
/_data/eleventyDataSchema.js:
--------------------------------------------------------------------------------
 1 | import { z } from "zod";
 2 | import { fromZodError } from 'zod-validation-error';
 3 | 
 4 | // Draft content, validate `draft` front matter
 5 | export default function() {
 6 | 	return function(data) {
 7 | 		// Note that drafts may be skipped in a preprocessor (see eleventy.config.js)
 8 | 		// when doing a standard build (not --serve or --watch)
 9 | 		let result = z.object({
10 | 			draft: z.boolean().or(z.undefined()),
11 | 		}).safeParse(data);
12 | 
13 | 		if(result.error) {
14 | 			throw fromZodError(result.error);
15 | 		}
16 | 	}
17 | }
18 | 


--------------------------------------------------------------------------------
/content/sitemap.xml.njk:
--------------------------------------------------------------------------------
 1 | ---
 2 | permalink: /sitemap.xml
 3 | layout: false
 4 | eleventyExcludeFromCollections: true
 5 | ---
 6 | <?xml version="1.0" encoding="utf-8"?>
 7 | <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" xmlns:xhtml="http://www.w3.org/1999/xhtml">
 8 | {%- for page in collections.all %}
 9 | 	{% if page.data.permalink != false %}
10 | 		{% set absoluteUrl %}{{ page.url | htmlBaseUrl(metadata.url) }}{% endset %}
11 | 		<url>
12 | 			<loc>{{ absoluteUrl }}</loc>
13 | 			<lastmod>{{ page.date | htmlDateString }}</lastmod>
14 | 		</url>
15 | 	{% endif %}
16 | {%- endfor %}
17 | </urlset>
18 | 


--------------------------------------------------------------------------------
/content/tag-pages.njk:
--------------------------------------------------------------------------------
 1 | ---js
 2 | // <script>
 3 | const pagination = {
 4 | 	data: "collections",
 5 | 	size: 1,
 6 | 	alias: "tag",
 7 | 	filter: ["all", "posts"],
 8 | 	// addAllPagesToCollections: true,
 9 | };
10 | 
11 | const eleventyExcludeFromCollections = true;
12 | 
13 | const eleventyComputed = {
14 | 	title: "Tagged '{{ tag }}'",
15 | 	permalink: function(data) {
16 | 		// If DuplicatePermalinkOutputError occurs, check that no tag occurs
17 | 		// with differing case, e.g. "RSS" and "rss".
18 | 		return `/tags/${this.slugify(data.tag)}/`;
19 | 	}
20 | };
21 | ---
22 | <h1>Tagged “{{ tag }}”</h1>
23 | 
24 | {% set postslist = collections[ tag ] %}
25 | {% include "postslist.njk" %}
26 | 
27 | <p>See <a href="tags.njk">all tags</a>.</p>
28 | 


--------------------------------------------------------------------------------
/content/404.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | permalink: 404.html
 3 | eleventyExcludeFromCollections: true
 4 | ---
 5 | # Content not found.
 6 | 
 7 | Go <a href="index.njk">home</a>.
 8 | 
 9 | <!--
10 | 
11 | Read more: https://www.11ty.dev/docs/quicktips/not-found/
12 | 
13 | This is compatible with:
14 | 
15 | - GitHub Pages: https://help.github.com/articles/creating-a-custom-404-page-for-your-github-pages-site/
16 | - GitLab Pages: https://docs.gitlab.com/ee/user/project/pages/introduction.html#custom-error-codes-pages
17 | - Netlify: https://www.netlify.com/docs/redirects/#custom-404
18 | - Cloudflare Pages: https://developers.cloudflare.com/pages/platform/serving-pages/#not-found-behavior
19 | - Vercel: https://vercel.com/guides/custom-404-page#static-site-generator-ssg
20 | -->
21 | 


--------------------------------------------------------------------------------
/_includes/layouts/home.njk:
--------------------------------------------------------------------------------
 1 | ---
 2 | layout: layouts/base.njk
 3 | ---
 4 | <!-- Delete this block, which will also remove the component CSS from the bundle -->
 5 | <style>{% include "css/message-box.css" %}</style>
 6 | <div class="message-box">
 7 | 	<ol>
 8 | 		<li>Edit <code>_data/metadata.js</code> with your blog’s information.</li>
 9 | 		<li>(Optional) Edit <code>eleventy.config.js</code> with your <a href="https://www.11ty.dev/docs/config/">configuration preferences</a>.</li>
10 | 		<li>Delete this message from <code>_includes/layouts/home.njk</code>.</li>
11 | 	</ol>
12 | 	<p><em>This is an <a href="https://www.11ty.dev/">Eleventy project</a> created from the <a href="https://github.com/11ty/eleventy-base-blog"><code>eleventy-base-blog</code> repo</a>.</em></p>
13 | </div>
14 | <!-- Stop deleting -->
15 | 
16 | {{ content | safe }}
17 | 


--------------------------------------------------------------------------------
/content/index.njk:
--------------------------------------------------------------------------------
 1 | ---js
 2 | const eleventyNavigation = {
 3 | 	key: "Home",
 4 | 	order: 1
 5 | };
 6 | 
 7 | const numberOfLatestPostsToShow = 3;
 8 | ---
 9 | {% set postsCount = collections.posts | length %}
10 | {% set latestPostsCount = postsCount | min(numberOfLatestPostsToShow) %}
11 | <h1>Latest {{ latestPostsCount }} Post{% if latestPostsCount != 1 %}s{% endif %}</h1>
12 | 
13 | {% set postslist = collections.posts | head(-1 * numberOfLatestPostsToShow) %}
14 | {% set postslistCounter = postsCount %}
15 | {% include "postslist.njk" %}
16 | 
17 | {% set morePosts = postsCount - numberOfLatestPostsToShow %}
18 | {% if morePosts > 0 %}
19 | <p>{{ morePosts }} more post{% if morePosts != 1 %}s{% endif %} can be found in <a href="blog.njk">the archive</a>.</p>
20 | {% endif %}
21 | 
22 | {# List every content page in the project #}
23 | {#
24 | <ul>
25 | 	{%- for entry in collections.all %}
26 | 	<li><a href="{{ entry.url }}"><code>{{ entry.url }}</code></a></li>
27 | 	{%- endfor %}
28 | </ul>
29 | #}
30 | 


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | MIT License
 2 | 
 3 | Copyright (c) 2017–2024 Zach Leatherman @zachleat
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 | 


--------------------------------------------------------------------------------
/content/blog/secondpost.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | title: This is my second post with a much longer title.
 3 | description: This is a post on My Blog about leveraging agile frameworks.
 4 | date: 2018-07-04
 5 | tags: number 2
 6 | ---
 7 | 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.
 8 | 
 9 | ## Section Header
10 | 
11 | <a href="/blog/firstpost.md">First post</a>
12 | <a href="blog/thirdpost.md">Third post</a>
13 | 
14 | Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.
15 | 
16 | Capitalize on low hanging fruit to identify a ballpark value added activity to beta test. Override the digital divide with additional clickthroughs from DevOps. Nanotechnology immersion along the information highway will close the loop on focusing solely on the bottom line.
17 | 


--------------------------------------------------------------------------------
/content/blog/fourthpost/fourthpost.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | title: This is my fourth post
 3 | description: This is a post on My Blog about touchpoints and circling wagons.
 4 | date: 2018-09-30
 5 | tags: second tag
 6 | ---
 7 | 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.
 8 | 
 9 | Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.
10 | 
11 | <img src="./possum.png" alt="A possum parent and two possum kids hanging from the iconic red balloon">
12 | 
13 | ## Section Header
14 | 
15 | Capitalize on low hanging fruit to identify a ballpark value added activity to beta test. Override the digital divide with additional clickthroughs from DevOps. Nanotechnology immersion along the information highway will close the loop on focusing solely on the bottom line.
16 | 
17 | 


--------------------------------------------------------------------------------
/css/prism-diff.css:
--------------------------------------------------------------------------------
 1 | /*
 2 |  * New diff- syntax
 3 |  */
 4 | 
 5 | pre[class*="language-diff-"] {
 6 | 	--eleventy-code-padding: 1.25em;
 7 | 	padding-left: var(--eleventy-code-padding);
 8 | 	padding-right: var(--eleventy-code-padding);
 9 | }
10 | .token.deleted {
11 | 	background-color: hsl(0, 51%, 37%);
12 | 	color: inherit;
13 | }
14 | .token.inserted {
15 | 	background-color: hsl(126, 31%, 39%);
16 | 	color: inherit;
17 | }
18 | 
19 | /* Make the + and - characters unselectable for copy/paste */
20 | .token.prefix.unchanged,
21 | .token.prefix.inserted,
22 | .token.prefix.deleted {
23 | 	-webkit-user-select: none;
24 | 	user-select: none;
25 | 	display: inline-flex;
26 | 	align-items: center;
27 | 	justify-content: center;
28 | 	padding-top: 2px;
29 | 	padding-bottom: 2px;
30 | }
31 | .token.prefix.inserted,
32 | .token.prefix.deleted {
33 | 	width: var(--eleventy-code-padding);
34 | 	background-color: rgba(0,0,0,.2);
35 | }
36 | 
37 | /* Optional: full-width background color */
38 | .token.inserted:not(.prefix),
39 | .token.deleted:not(.prefix) {
40 | 	display: block;
41 | 	margin-left: calc(-1 * var(--eleventy-code-padding));
42 | 	margin-right: calc(-1 * var(--eleventy-code-padding));
43 | 	text-decoration: none; /* override del, ins, mark defaults */
44 | 	color: inherit; /* override del, ins, mark defaults */
45 | }
46 | 


--------------------------------------------------------------------------------
/_includes/layouts/post.njk:
--------------------------------------------------------------------------------
 1 | ---
 2 | layout: layouts/base.njk
 3 | ---
 4 | {# Only include the syntax highlighter CSS on blog posts, included with the CSS per-page bundle #}
 5 | <style>{% include "node_modules/prismjs/themes/prism-okaidia.css" %}</style>
 6 | <style>{% include "css/prism-diff.css" %}</style>
 7 | <h1>{{ title }}</h1>
 8 | 
 9 | <ul class="post-metadata">
10 | 	<li><time datetime="{{ page.date | htmlDateString }}">{{ page.date | readableDate }}</time></li>
11 | 	{%- for tag in tags | filterTagList %}
12 | 	{%- set tagUrl %}/tags/{{ tag | slugify }}/{% endset %}
13 | 	<li><a href="{{ tagUrl }}" class="post-tag">{{ tag }}</a>{%- if not loop.last %}, {% endif %}</li>
14 | 	{%- endfor %}
15 | </ul>
16 | 
17 | {{ content | safe }}
18 | 
19 | {%- if collections.posts %}
20 | {%- set previousPost = collections.posts | getPreviousCollectionItem %}
21 | {%- set nextPost = collections.posts | getNextCollectionItem %}
22 | {%- if nextPost or previousPost %}
23 | <ul class="links-nextprev">
24 | 	{%- if previousPost %}<li class="links-nextprev-prev">← Previous<br> <a href="{{ previousPost.url }}">{{ previousPost.data.title }}</a></li>{% endif %}
25 | 	{%- if nextPost %}<li class="links-nextprev-next">Next →<br><a href="{{ nextPost.url }}">{{ nextPost.data.title }}</a></li>{% endif %}
26 | </ul>
27 | {%- endif %}
28 | {%- endif %}
29 | 


--------------------------------------------------------------------------------
/content/blog/firstpost.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | title: This is my first post.
 3 | description: This is a post on My Blog about agile frameworks.
 4 | date: 2018-05-01
 5 | tags: another tag
 6 | ---
 7 | 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.
 8 | 
 9 | Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.
10 | 
11 | ## Section Header
12 | 
13 | Capitalize on low hanging fruit to identify a ballpark value added activity to beta test. Override the digital divide with additional clickthroughs from DevOps. Nanotechnology immersion along the information highway will close the loop on focusing solely on the bottom line.
14 | 
15 | ```diff-js
16 |  // this is a command
17 |  function myCommand() {
18 | +  let counter = 0;
19 | -  let counter = 1;
20 |    counter++;
21 |  }
22 | 
23 |  // Test with a line break above this line.
24 |  console.log('Test');
25 | ```
26 | 


--------------------------------------------------------------------------------
/.github/workflows/gh-pages.yml.sample:
--------------------------------------------------------------------------------
 1 | # If you’d like to deploy this to GitHub pages, rename this
 2 | # file to `gh-pages.yml` and read the mini-tutorial on
 3 | # https://www.11ty.dev/docs/deployment/#deploy-an-eleventy-project-to-github-pages
 4 | name: Deploy to GitHub Pages
 5 | 
 6 | on:
 7 |   push:
 8 |     branches:
 9 |       - main
10 |   pull_request:
11 | 
12 | jobs:
13 |   deploy:
14 |     runs-on: ubuntu-22.04
15 |     permissions:
16 |       contents: write
17 |     concurrency:
18 |       group: ${{ github.workflow }}-${{ github.ref }}
19 |     steps:
20 |       - uses: actions/checkout@v4
21 | 
22 |       - name: Setup Node
23 |         uses: actions/setup-node@v3
24 |         with:
25 |           node-version: '18'
26 | 
27 |       - name: Cache npm
28 |         uses: actions/cache@v3
29 |         with:
30 |           path: ~/.npm
31 |           key: ${{ runner.os }}-node-${{ hashFiles('**/package.json') }}
32 | 
33 |       - name: Cache Eleventy .cache
34 |         uses: actions/cache@v3
35 |         with:
36 |           path: ./.cache
37 |           key: ${{ runner.os }}-eleventy-fetch-cache
38 | 
39 | 
40 |       - run: npm install
41 |       - run: npm run build-ghpages
42 | 
43 |       - name: Deploy
44 |         uses: peaceiris/actions-gh-pages@v3
45 |         if: github.ref == 'refs/heads/main'
46 |         with:
47 |           github_token: ${{ secrets.GITHUB_TOKEN }}
48 |           publish_dir: ./_site
49 | 


--------------------------------------------------------------------------------
/_config/filters.js:
--------------------------------------------------------------------------------
 1 | import { DateTime } from "luxon";
 2 | 
 3 | export default function(eleventyConfig) {
 4 | 	eleventyConfig.addFilter("readableDate", (dateObj, format, zone) => {
 5 | 		// Formatting tokens for Luxon: https://moment.github.io/luxon/#/formatting?id=table-of-tokens
 6 | 		return DateTime.fromJSDate(dateObj, { zone: zone || "utc" }).toFormat(format || "dd LLLL yyyy");
 7 | 	});
 8 | 
 9 | 	eleventyConfig.addFilter("htmlDateString", (dateObj) => {
10 | 		// dateObj input: https://html.spec.whatwg.org/multipage/common-microsyntaxes.html#valid-date-string
11 | 		return DateTime.fromJSDate(dateObj, { zone: "utc" }).toFormat('yyyy-LL-dd');
12 | 	});
13 | 
14 | 	// Get the first `n` elements of a collection.
15 | 	eleventyConfig.addFilter("head", (array, n) => {
16 | 		if(!Array.isArray(array) || array.length === 0) {
17 | 			return [];
18 | 		}
19 | 		if( n < 0 ) {
20 | 			return array.slice(n);
21 | 		}
22 | 
23 | 		return array.slice(0, n);
24 | 	});
25 | 
26 | 	// Return the smallest number argument
27 | 	eleventyConfig.addFilter("min", (...numbers) => {
28 | 		return Math.min.apply(null, numbers);
29 | 	});
30 | 
31 | 	// Return the keys used in an object
32 | 	eleventyConfig.addFilter("getKeys", target => {
33 | 		return Object.keys(target);
34 | 	});
35 | 
36 | 	eleventyConfig.addFilter("filterTagList", function filterTagList(tags) {
37 | 		return (tags || []).filter(tag => ["all", "posts"].indexOf(tag) === -1);
38 | 	});
39 | 
40 | 	eleventyConfig.addFilter("sortAlphabetically", strings =>
41 | 		(strings || []).sort((b, a) => b.localeCompare(a))
42 | 	);
43 | };
44 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 | 	"name": "eleventy-base-blog",
 3 | 	"version": "9.0.0",
 4 | 	"description": "A starter repository for a blog web site using the Eleventy site generator.",
 5 | 	"type": "module",
 6 | 	"scripts": {
 7 | 		"build": "npx @11ty/eleventy",
 8 | 		"build-nocolor": "cross-env NODE_DISABLE_COLORS=1 npx @11ty/eleventy",
 9 | 		"build-ghpages": "npx @11ty/eleventy --pathprefix=/eleventy-base-blog/",
10 | 		"start": "npx @11ty/eleventy --serve --quiet",
11 | 		"start-ghpages": "npx @11ty/eleventy --pathprefix=/eleventy-base-blog/ --serve --quiet",
12 | 		"debug": "cross-env DEBUG=Eleventy* npx @11ty/eleventy",
13 | 		"debugstart": "cross-env DEBUG=Eleventy* npx @11ty/eleventy --serve --quiet",
14 | 		"benchmark": "cross-env DEBUG=Eleventy:Benchmark* npx @11ty/eleventy"
15 | 	},
16 | 	"repository": {
17 | 		"type": "git",
18 | 		"url": "git://github.com/11ty/eleventy-base-blog.git"
19 | 	},
20 | 	"author": {
21 | 		"name": "Zach Leatherman",
22 | 		"email": "zachleatherman@gmail.com",
23 | 		"url": "https://zachleat.com/"
24 | 	},
25 | 	"license": "MIT",
26 | 	"engines": {
27 | 		"node": ">=18"
28 | 	},
29 | 	"funding": {
30 | 		"type": "opencollective",
31 | 		"url": "https://opencollective.com/11ty"
32 | 	},
33 | 	"bugs": {
34 | 		"url": "https://github.com/11ty/eleventy-base-blog/issues"
35 | 	},
36 | 	"homepage": "https://github.com/11ty/eleventy-base-blog#readme",
37 | 	"devDependencies": {
38 | 		"@11ty/eleventy": "^3.1.2",
39 | 		"@11ty/eleventy-img": "^6.0.4",
40 | 		"@11ty/eleventy-navigation": "^1.0.4",
41 | 		"@11ty/eleventy-plugin-rss": "^2.0.4",
42 | 		"@11ty/eleventy-plugin-syntaxhighlight": "^5.0.2",
43 | 		"cross-env": "^7.0.3",
44 | 		"luxon": "^3.6.1",
45 | 		"prismjs": "^1.30.0",
46 | 		"zod": "^3.25.67",
47 | 		"zod-validation-error": "^3.5.2"
48 | 	},
49 | 	"dependencies": {
50 | 		"@zachleat/heading-anchors": "^1.0.5"
51 | 	}
52 | }
53 | 


--------------------------------------------------------------------------------
/content/blog/thirdpost.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | title: This is my third post.
 3 | description: This is a post on My Blog about win-win survival strategies.
 4 | date: 2018-08-24
 5 | tags: ["second tag", "posts with two tags"]
 6 | ---
 7 | 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.
 8 | 
 9 | ## Code
10 | 
11 | ### This is a very long heading that I want to wrap This is a very long heading that I want to wrap This is a very long heading that I want to wrap This is a very long heading that I want to wrap
12 | 
13 | Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.
14 | 
15 | ```js
16 | // this is a command
17 | function myCommand() {
18 | 	let counter = 0;
19 | 	counter++;
20 | }
21 | 
22 | // Test with a line break above this line.
23 | console.log('Test');
24 | ```
25 | 
26 | ### Heading with a [link](#code)
27 | 
28 | Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.
29 | 
30 | ```
31 | // this is a command
32 | function myCommand() {
33 | 	let counter = 0;
34 | 	counter++;
35 | }
36 | 
37 | // Test with a line break above this line.
38 | console.log('Test');
39 | ```
40 | 
41 | ## Section Header
42 | 
43 | Capitalize on low hanging fruit to identify a ballpark value added activity to beta test. Override the digital divide with additional clickthroughs from DevOps. Nanotechnology immersion along the information highway will close the loop on focusing solely on the bottom line.
44 | 


--------------------------------------------------------------------------------
/_includes/layouts/base.njk:
--------------------------------------------------------------------------------
 1 | <!doctype html>
 2 | <html lang="{{ metadata.language }}">
 3 | 	<head>
 4 | 		<meta charset="utf-8">
 5 | 		<meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 | 		<title>{{ title or metadata.title }}</title>
 7 | 		<meta name="description" content="{{ description or metadata.description }}">
 8 | 		<link rel="alternate" href="/feed/feed.xml" type="application/atom+xml" title="{{ metadata.title }}">
 9 | 
10 | 		{#- Uncomment this if you’d like folks to know that you used Eleventy to build your site!  #}
11 | 		{#- <meta name="generator" content="{{ eleventy.generator }}"> #}
12 | 
13 | 		{#-
14 | 		Plain-text bundles are provided via the `eleventy-plugin-bundle` plugin:
15 | 		1. CSS:
16 | 			* Add to a per-page bundle using `{% css %}{% endcss %}`
17 | 			* Retrieve bundle content using `{% getBundle "css" %}` or `{% getBundleFileUrl "css" %}`
18 | 		2. Or for JavaScript:
19 | 			* Add to a per-page bundle using `{% js %}{% endjs %}`
20 | 			* Retrieve via `{% getBundle "js" %}` or `{% getBundleFileUrl "js" %}`
21 | 		3. Learn more: https://github.com/11ty/eleventy-plugin-bundle
22 | 		#}
23 | 
24 | 		{#- Add CSS to the bundle #}
25 | 		<style>/* This is an arbitrary CSS string added to the bundle */</style>
26 | 
27 | 		{#- Add the contents of a file to the bundle #}
28 | 		<style>{% include "css/index.css" %}</style>
29 | 
30 | 		{#- Or you can add from node_modules #}
31 | 		{# <style>{% include "node_modules/something.css" %}</style> #}
32 | 
33 | 		{#- Render the CSS bundle using inlined CSS (for the fastest site performance in production) #}
34 | 		<style>{% getBundle "css" %}</style>
35 | 
36 | 		{#- Renders the CSS bundle using a separate file, if you can't set CSP directive style-src: 'unsafe-inline' #}
37 | 		{#- <link rel="stylesheet" href="{% getBundleFileUrl "css" %}"> #}
38 | 
39 | 		{#- Add the heading-anchors web component to the JavaScript bundle #}
40 | 		<script type="module">{% include "node_modules/@zachleat/heading-anchors/heading-anchors.js" %}</script>
41 | 	</head>
42 | 	<body>
43 | 		<a href="#main" id="skip-link" class="visually-hidden">Skip to main content</a>
44 | 
45 | 		<header>
46 | 			<a href="/" class="home-link">{{ metadata.title }}</a>
47 | 
48 | 			{#- Read more about `eleventy-navigation` at https://www.11ty.dev/docs/plugins/navigation/ #}
49 | 			<nav>
50 | 				<h2 class="visually-hidden">Top level navigation menu</h2>
51 | 				<ul class="nav">
52 | 				{%- for entry in collections.all | eleventyNavigation %}
53 | 					<li class="nav-item"><a href="{{ entry.url }}"{% if entry.url == page.url %} aria-current="page"{% endif %}>{{ entry.title }}</a></li>
54 | 				{%- endfor %}
55 | 				</ul>
56 | 			</nav>
57 | 		</header>
58 | 
59 | 		<main id="main">
60 | 			<heading-anchors>
61 | 				{{ content | safe }}
62 | 			</heading-anchors>
63 | 		</main>
64 | 
65 | 		<footer>
66 | 			<p>
67 | 				<em>Built with <a href="https://www.11ty.dev/">{{ eleventy.generator }}</a></em>
68 | 			</p>
69 | 		</footer>
70 | 
71 | 		<!-- This page `{{ page.url }}` was built on {% currentBuildDate %} -->
72 | 		<script type="module" src="{% getBundleFileUrl "js" %}"></script>
73 | 	</body>
74 | </html>
75 | 


--------------------------------------------------------------------------------
/eleventy.config.js:
--------------------------------------------------------------------------------
  1 | import { IdAttributePlugin, InputPathToUrlTransformPlugin, HtmlBasePlugin } from "@11ty/eleventy";
  2 | import { feedPlugin } from "@11ty/eleventy-plugin-rss";
  3 | import pluginSyntaxHighlight from "@11ty/eleventy-plugin-syntaxhighlight";
  4 | import pluginNavigation from "@11ty/eleventy-navigation";
  5 | import { eleventyImageTransformPlugin } from "@11ty/eleventy-img";
  6 | 
  7 | import pluginFilters from "./_config/filters.js";
  8 | 
  9 | /** @param {import("@11ty/eleventy").UserConfig} eleventyConfig */
 10 | export default async function(eleventyConfig) {
 11 | 	// Drafts, see also _data/eleventyDataSchema.js
 12 | 	eleventyConfig.addPreprocessor("drafts", "*", (data, content) => {
 13 | 		if (data.draft) {
 14 | 			data.title = `${data.title} (draft)`;
 15 | 		}
 16 | 
 17 | 		if(data.draft && process.env.ELEVENTY_RUN_MODE === "build") {
 18 | 			return false;
 19 | 		}
 20 | 	});
 21 | 
 22 | 	// Copy the contents of the `public` folder to the output folder
 23 | 	// For example, `./public/css/` ends up in `_site/css/`
 24 | 	eleventyConfig
 25 | 		.addPassthroughCopy({
 26 | 			"./public/": "/"
 27 | 		})
 28 | 		.addPassthroughCopy("./content/feed/pretty-atom-feed.xsl");
 29 | 
 30 | 	// Run Eleventy when these files change:
 31 | 	// https://www.11ty.dev/docs/watch-serve/#add-your-own-watch-targets
 32 | 
 33 | 	// Watch CSS files
 34 | 	eleventyConfig.addWatchTarget("css/**/*.css");
 35 | 	// Watch images for the image pipeline.
 36 | 	eleventyConfig.addWatchTarget("content/**/*.{svg,webp,png,jpg,jpeg,gif}");
 37 | 
 38 | 	// Per-page bundles, see https://github.com/11ty/eleventy-plugin-bundle
 39 | 	// Bundle <style> content and adds a {% css %} paired shortcode
 40 | 	eleventyConfig.addBundle("css", {
 41 | 		toFileDirectory: "dist",
 42 | 		// Add all <style> content to `css` bundle (use <style eleventy:ignore> to opt-out)
 43 | 		// Supported selectors: https://www.npmjs.com/package/posthtml-match-helper
 44 | 		bundleHtmlContentFromSelector: "style",
 45 | 	});
 46 | 
 47 | 	// Bundle <script> content and adds a {% js %} paired shortcode
 48 | 	eleventyConfig.addBundle("js", {
 49 | 		toFileDirectory: "dist",
 50 | 		// Add all <script> content to the `js` bundle (use <script eleventy:ignore> to opt-out)
 51 | 		// Supported selectors: https://www.npmjs.com/package/posthtml-match-helper
 52 | 		bundleHtmlContentFromSelector: "script",
 53 | 	});
 54 | 
 55 | 	// Official plugins
 56 | 	eleventyConfig.addPlugin(pluginSyntaxHighlight, {
 57 | 		preAttributes: { tabindex: 0 }
 58 | 	});
 59 | 	eleventyConfig.addPlugin(pluginNavigation);
 60 | 	eleventyConfig.addPlugin(HtmlBasePlugin);
 61 | 	eleventyConfig.addPlugin(InputPathToUrlTransformPlugin);
 62 | 
 63 | 	eleventyConfig.addPlugin(feedPlugin, {
 64 | 		type: "atom", // or "rss", "json"
 65 | 		outputPath: "/feed/feed.xml",
 66 | 		stylesheet: "pretty-atom-feed.xsl",
 67 | 		templateData: {
 68 | 			eleventyNavigation: {
 69 | 				key: "Feed",
 70 | 				order: 4
 71 | 			}
 72 | 		},
 73 | 		collection: {
 74 | 			name: "posts",
 75 | 			limit: 10,
 76 | 		},
 77 | 		metadata: {
 78 | 			language: "en",
 79 | 			title: "Blog Title",
 80 | 			subtitle: "This is a longer description about your blog.",
 81 | 			base: "https://example.com/",
 82 | 			author: {
 83 | 				name: "Your Name"
 84 | 			}
 85 | 		}
 86 | 	});
 87 | 
 88 | 	// Image optimization: https://www.11ty.dev/docs/plugins/image/#eleventy-transform
 89 | 	eleventyConfig.addPlugin(eleventyImageTransformPlugin, {
 90 | 		// Output formats for each image.
 91 | 		formats: ["avif", "webp", "auto"],
 92 | 
 93 | 		// widths: ["auto"],
 94 | 
 95 | 		failOnError: false,
 96 | 		htmlOptions: {
 97 | 			imgAttributes: {
 98 | 				// e.g. <img loading decoding> assigned on the HTML tag will override these values.
 99 | 				loading: "lazy",
100 | 				decoding: "async",
101 | 			}
102 | 		},
103 | 
104 | 		sharpOptions: {
105 | 			animated: true,
106 | 		},
107 | 	});
108 | 
109 | 	// Filters
110 | 	eleventyConfig.addPlugin(pluginFilters);
111 | 
112 | 	eleventyConfig.addPlugin(IdAttributePlugin, {
113 | 		// by default we use Eleventy’s built-in `slugify` filter:
114 | 		// slugify: eleventyConfig.getFilter("slugify"),
115 | 		// selector: "h1,h2,h3,h4,h5,h6", // default
116 | 	});
117 | 
118 | 	eleventyConfig.addShortcode("currentBuildDate", () => {
119 | 		return (new Date()).toISOString();
120 | 	});
121 | 
122 | 	// Features to make your build faster (when you need them)
123 | 
124 | 	// If your passthrough copy gets heavy and cumbersome, add this line
125 | 	// to emulate the file copy on the dev server. Learn more:
126 | 	// https://www.11ty.dev/docs/copy/#emulate-passthrough-copy-during-serve
127 | 
128 | 	// eleventyConfig.setServerPassthroughCopyBehavior("passthrough");
129 | };
130 | 
131 | export const config = {
132 | 	// Control which files Eleventy will process
133 | 	// e.g.: *.md, *.njk, *.html, *.liquid
134 | 	templateFormats: [
135 | 		"md",
136 | 		"njk",
137 | 		"html",
138 | 		"liquid",
139 | 		"11ty.js",
140 | 	],
141 | 
142 | 	// Pre-process *.md files with: (default: `liquid`)
143 | 	markdownTemplateEngine: "njk",
144 | 
145 | 	// Pre-process *.html files with: (default: `liquid`)
146 | 	htmlTemplateEngine: "njk",
147 | 
148 | 	// These are all optional:
149 | 	dir: {
150 | 		input: "content",          // default: "."
151 | 		includes: "../_includes",  // default: "_includes" (`input` relative)
152 | 		data: "../_data",          // default: "_data" (`input` relative)
153 | 		output: "_site"
154 | 	},
155 | 
156 | 	// -----------------------------------------------------------------
157 | 	// Optional items:
158 | 	// -----------------------------------------------------------------
159 | 
160 | 	// If your site deploys to a subdirectory, change `pathPrefix`.
161 | 	// Read more: https://www.11ty.dev/docs/config/#deploy-to-a-subdirectory-with-a-path-prefix
162 | 
163 | 	// When paired with the HTML <base> plugin https://www.11ty.dev/docs/plugins/html-base/
164 | 	// it will transform any absolute URLs in your HTML to include this
165 | 	// folder name and does **not** affect where things go in the output folder.
166 | 
167 | 	// pathPrefix: "/",
168 | };
169 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
  1 | # eleventy-base-blog v9
  2 | 
  3 | A starter repository showing how to build a blog with the [Eleventy](https://www.11ty.dev/) site generator (using the [v3.0 release](https://github.com/11ty/eleventy/releases/tag/v3.0.0)).
  4 | 
  5 | ## Getting Started
  6 | 
  7 | * [Want a more generic/detailed getting started guide?](https://www.11ty.dev/docs/getting-started/)
  8 | 
  9 | 1. Make a directory and navigate to it:
 10 | 
 11 | ```
 12 | mkdir my-blog-name
 13 | cd my-blog-name
 14 | ```
 15 | 
 16 | 2. Clone this Repository
 17 | 
 18 | ```
 19 | git clone https://github.com/11ty/eleventy-base-blog.git .
 20 | ```
 21 | 
 22 | _Optional:_ Review `eleventy.config.js` and `_data/metadata.js` to configure the site’s options and data.
 23 | 
 24 | 3. Install dependencies
 25 | 
 26 | ```
 27 | npm install
 28 | ```
 29 | 
 30 | 4. Run Eleventy
 31 | 
 32 | Generate a production-ready build to the `_site` folder:
 33 | 
 34 | ```
 35 | npx @11ty/eleventy
 36 | ```
 37 | 
 38 | Or build and host on a local development server:
 39 | 
 40 | ```
 41 | npx @11ty/eleventy --serve
 42 | ```
 43 | 
 44 | Or you can run [debug mode](https://www.11ty.dev/docs/debugging/) to see all the internals.
 45 | 
 46 | ## Features
 47 | 
 48 | - Using [Eleventy v3](https://github.com/11ty/eleventy/releases/tag/v3.0.0) with zero-JavaScript output.
 49 | 	- Content is exclusively pre-rendered (this is a static site).
 50 | 	- Can easily [deploy to a subfolder without changing any content](https://www.11ty.dev/docs/plugins/html-base/)
 51 | 	- All URLs are decoupled from the content’s location on the file system.
 52 | 	- Configure templates via the [Eleventy Data Cascade](https://www.11ty.dev/docs/data-cascade/)
 53 | - **Performance focused**: four-hundos Lighthouse score out of the box!
 54 | 	- _0 Cumulative Layout Shift_
 55 | 	- _0ms Total Blocking Time_
 56 | - Local development live reload provided by [Eleventy Dev Server](https://www.11ty.dev/docs/dev-server/).
 57 | - Content-driven [navigation menu](https://www.11ty.dev/docs/plugins/navigation/)
 58 | - Fully automated [Image optimization](https://www.11ty.dev/docs/plugins/image/)
 59 | 	- Zero-JavaScript output.
 60 | 	- Support for modern image formats automatically (e.g. AVIF and WebP)
 61 | 	- Processes images on-request during `--serve` for speedy local builds.
 62 | 	- Prefers `<img>` markup if possible (single image format) but switches automatically to `<picture>` for multiple image formats.
 63 | 	- Automated `<picture>` syntax markup with `srcset` and optional `sizes`
 64 | 	- Includes `width`/`height` attributes to avoid [content layout shift](https://web.dev/cls/).
 65 | 	- Includes `loading="lazy"` for native lazy loading without JavaScript.
 66 | 	- Includes [`decoding="async"`](https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/decoding)
 67 | 	- Images can be co-located with blog post files.
 68 | - Per page CSS bundles [via `eleventy-plugin-bundle`](https://github.com/11ty/eleventy-plugin-bundle).
 69 | - Built-in [syntax highlighter](https://www.11ty.dev/docs/plugins/syntaxhighlight/) (zero-JavaScript output).
 70 | - Draft content: use `draft: true` to mark any template as a draft. Drafts are **only** included during `--serve`/`--watch` and are excluded from full builds. This is driven by the `addPreprocessor` configuration API in `eleventy.config.js`. Schema validator will show an error if non-boolean value is set in data cascade.
 71 | - Blog Posts
 72 | 	- Automated next/previous links
 73 | 	- Accessible deep links to headings
 74 | - Generated Pages
 75 | 	- Home, Archive, and About pages.
 76 | 	- [Atom feed included (with easy one-line swap to use RSS or JSON)](https://www.11ty.dev/docs/plugins/rss/)
 77 | 	- `sitemap.xml`
 78 | 	- Zero-maintenance tag pages ([View on the Demo](https://eleventy-base-blog.netlify.app/tags/))
 79 | 	- Content not found (404) page
 80 | 
 81 | ## Demos
 82 | 
 83 | - [Netlify](https://eleventy-base-blog.netlify.app/)
 84 | - [Vercel](https://demo-base-blog.11ty.dev/)
 85 | - [Cloudflare Pages](https://eleventy-base-blog-d2a.pages.dev/)
 86 | - [GitHub Pages](https://11ty.github.io/eleventy-base-blog/)
 87 | 
 88 | ## Deploy this to your own site
 89 | 
 90 | Deploy this Eleventy site in just a few clicks on these services:
 91 | 
 92 | - Read more about [Deploying an Eleventy project](https://www.11ty.dev/docs/deployment/) to the web.
 93 | - [Deploy this to **Netlify**](https://app.netlify.com/start/deploy?repository=https://github.com/11ty/eleventy-base-blog)
 94 | - [Deploy this to **Vercel**](https://vercel.com/import/project?template=11ty%2Feleventy-base-blog)
 95 | - Look in `.github/workflows/gh-pages.yml.sample` for information on [Deploying to **GitHub Pages**](https://www.11ty.dev/docs/deployment/#deploy-an-eleventy-project-to-git-hub-pages).
 96 | - [Try it out on **Stackblitz**](https://stackblitz.com/github/11ty/eleventy-base-blog)
 97 | 
 98 | ### Implementation Notes
 99 | 
100 | - `content/about/index.md` is an example of a content page.
101 | - `content/blog/` has the blog posts but really they can live in any directory. They need only the `posts` tag to be included in the blog posts [collection](https://www.11ty.dev/docs/collections/).
102 | - Use the `eleventyNavigation` key (via the [Eleventy Navigation plugin](https://www.11ty.dev/docs/plugins/navigation/)) in your front matter to add a template to the top level site navigation. This is in use on `content/index.njk` and `content/about/index.md`.
103 | - Content can be in _any template format_ (blog posts needn’t exclusively be markdown, for example). Configure your project’s supported templates in `eleventy.config.js` -> `templateFormats`.
104 | - The `public` folder in your input directory will be copied to the output folder (via `addPassthroughCopy` in the `eleventy.config.js` file). This means `./public/css/*` will live at `./_site/css/*` after your build completes.
105 | - This project uses three [Eleventy Layouts](https://www.11ty.dev/docs/layouts/):
106 | 	- `_includes/layouts/base.njk`: the top level HTML structure
107 | 	- `_includes/layouts/home.njk`: the home page template (wrapped into `base.njk`)
108 | 	- `_includes/layouts/post.njk`: the blog post template (wrapped into `base.njk`)
109 | - `_includes/postslist.njk` is a Nunjucks include and is a reusable component used to display a list of all the posts. `content/index.njk` has an example of how to use it.
110 | 
111 | #### Content Security Policy
112 | 
113 | If your site enforces a [Content Security Policy](https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP) (as public-facing sites should), you have a few choices (pick one):
114 | 
115 | 1. In `base.njk`, remove `<style>{% getBundle "css" %}</style>` and uncomment `<link rel="stylesheet" href="{% getBundleFileUrl "css" %}">`
116 | 2. Configure the server with the CSP directive `style-src: 'unsafe-inline'` (less secure).
117 | 


--------------------------------------------------------------------------------
/css/index.css:
--------------------------------------------------------------------------------
  1 | /* Defaults */
  2 | :root {
  3 | 	--font-family: -apple-system, system-ui, sans-serif;
  4 | 	--font-family-monospace: Consolas, Menlo, Monaco, Andale Mono WT, Andale Mono, Lucida Console, Lucida Sans Typewriter, DejaVu Sans Mono, Bitstream Vera Sans Mono, Liberation Mono, Nimbus Mono L, Courier New, Courier, monospace;
  5 | }
  6 | 
  7 | /* Theme colors */
  8 | :root {
  9 | 	--color-gray-20: #e0e0e0;
 10 | 	--color-gray-50: #C0C0C0;
 11 | 	--color-gray-90: #333;
 12 | 
 13 | 	--background-color: #fff;
 14 | 
 15 | 	--text-color: var(--color-gray-90);
 16 | 	--text-color-link: #082840;
 17 | 	--text-color-link-active: #5f2b48;
 18 | 	--text-color-link-visited: #17050F;
 19 | 
 20 | 	--syntax-tab-size: 2;
 21 | }
 22 | 
 23 | @media (prefers-color-scheme: dark) {
 24 | 	:root {
 25 | 		--color-gray-20: #e0e0e0;
 26 | 		--color-gray-50: #C0C0C0;
 27 | 		--color-gray-90: #dad8d8;
 28 | 
 29 | 		/* --text-color is assigned to --color-gray-_ above */
 30 | 		--text-color-link: #1493fb;
 31 | 		--text-color-link-active: #6969f7;
 32 | 		--text-color-link-visited: #a6a6f8;
 33 | 
 34 | 		--background-color: #15202b;
 35 | 	}
 36 | }
 37 | 
 38 | 
 39 | /* Global stylesheet */
 40 | * {
 41 | 	box-sizing: border-box;
 42 | }
 43 | 
 44 | @view-transition {
 45 | 	navigation: auto;
 46 | }
 47 | 
 48 | html,
 49 | body {
 50 | 	padding: 0;
 51 | 	margin: 0 auto;
 52 | 	font-family: var(--font-family);
 53 | 	color: var(--text-color);
 54 | 	background-color: var(--background-color);
 55 | }
 56 | html {
 57 | 	overflow-y: scroll;
 58 | }
 59 | body {
 60 | 	max-width: 40em;
 61 | }
 62 | 
 63 | /* https://www.a11yproject.com/posts/how-to-hide-content/ */
 64 | .visually-hidden:not(:focus):not(:active) {
 65 | 	clip: rect(0 0 0 0);
 66 | 	clip-path: inset(50%);
 67 | 	height: 1px;
 68 | 	overflow: hidden;
 69 | 	position: absolute;
 70 | 	white-space: nowrap;
 71 | 	width: 1px;
 72 | }
 73 | 
 74 | /* Fluid images via https://www.zachleat.com/web/fluid-images/ */
 75 | img{
 76 |   max-width: 100%;
 77 | }
 78 | img[width][height] {
 79 |   height: auto;
 80 | }
 81 | img[src$=".svg"] {
 82 |   width: 100%;
 83 |   height: auto;
 84 |   max-width: none;
 85 | }
 86 | video,
 87 | iframe {
 88 | 	width: 100%;
 89 | 	height: auto;
 90 | }
 91 | iframe {
 92 | 	aspect-ratio: 16/9;
 93 | }
 94 | 
 95 | p:last-child {
 96 | 	margin-bottom: 0;
 97 | }
 98 | p {
 99 | 	line-height: 1.5;
100 | }
101 | 
102 | li {
103 | 	line-height: 1.5;
104 | }
105 | 
106 | a[href] {
107 | 	color: var(--text-color-link);
108 | }
109 | a[href]:visited {
110 | 	color: var(--text-color-link-visited);
111 | }
112 | a[href]:hover,
113 | a[href]:active {
114 | 	color: var(--text-color-link-active);
115 | }
116 | 
117 | main,
118 | footer {
119 | 	padding: 1rem;
120 | }
121 | main :first-child {
122 | 	margin-top: 0;
123 | }
124 | 
125 | header {
126 | 	border-bottom: 1px dashed var(--color-gray-20);
127 | }
128 | 
129 | #skip-link {
130 | 	text-decoration: none;
131 | 	background: var(--background-color);
132 | 	color: var(--text-color);
133 | 	padding: 0.5rem 1rem;
134 | 	border: 1px solid var(--color-gray-90);
135 | 	border-radius: 2px;
136 | }
137 | 
138 | /* Prevent visually-hidden skip link fom pushing content around when focused */
139 | #skip-link.visually-hidden:focus {
140 | 	position: absolute;
141 | 	top: 1rem;
142 | 	left: 1rem;
143 | 	/* Ensure it is positioned on top of everything else when it is shown */
144 | 	z-index: 999;
145 | }
146 | 
147 | .links-nextprev {
148 | 	display: flex;
149 | 	justify-content: space-between;
150 | 	gap: .5em 1em;
151 | 	list-style: "";
152 | 	border-top: 1px dashed var(--color-gray-20);
153 | 	padding: 1em 0;
154 | }
155 | .links-nextprev > * {
156 | 	flex-grow: 1;
157 | }
158 | .links-nextprev-next {
159 | 	text-align: right;
160 | }
161 | 
162 | table {
163 | 	margin: 1em 0;
164 | }
165 | table td,
166 | table th {
167 | 	padding-right: 1em;
168 | }
169 | 
170 | pre,
171 | code {
172 | 	font-family: var(--font-family-monospace);
173 | }
174 | pre:not([class*="language-"]) {
175 | 	margin: .5em 0;
176 | 	line-height: 1.375; /* 22px /16 */
177 | 	-moz-tab-size: var(--syntax-tab-size);
178 | 	-o-tab-size: var(--syntax-tab-size);
179 | 	tab-size: var(--syntax-tab-size);
180 | 	-webkit-hyphens: none;
181 | 	-ms-hyphens: none;
182 | 	hyphens: none;
183 | 	direction: ltr;
184 | 	text-align: left;
185 | 	white-space: pre;
186 | 	word-spacing: normal;
187 | 	word-break: normal;
188 | 	overflow-x: auto;
189 | }
190 | code {
191 | 	word-break: break-all;
192 | }
193 | 
194 | /* Header */
195 | header {
196 | 	display: flex;
197 | 	gap: 1em;
198 | 	flex-wrap: wrap;
199 | 	justify-content: space-between;
200 | 	align-items: center;
201 | 	padding: 1em;
202 | }
203 | .home-link {
204 | 	flex-grow: 1;
205 | 	font-size: 1em; /* 16px /16 */
206 | 	font-weight: 700;
207 | }
208 | .home-link:link:not(:hover) {
209 | 	text-decoration: none;
210 | }
211 | 
212 | /* Nav */
213 | .nav {
214 | 	display: flex;
215 | 	gap: .5em 1em;
216 | 	padding: 0;
217 | 	margin: 0;
218 | 	list-style: none;
219 | }
220 | .nav-item {
221 | 	display: inline-block;
222 | }
223 | .nav-item a[href]:not(:hover) {
224 | 	text-decoration: none;
225 | }
226 | .nav a[href][aria-current="page"] {
227 | 	text-decoration: underline;
228 | }
229 | 
230 | /* Posts list */
231 | .postlist {
232 | 	counter-reset: start-from var(--postlist-index);
233 | 	list-style: none;
234 | 	padding: 0;
235 | 	padding-left: 1.5rem;
236 | }
237 | .postlist-item {
238 | 	display: flex;
239 | 	flex-wrap: wrap;
240 | 	align-items: baseline;
241 | 	counter-increment: start-from -1;
242 | 	margin-bottom: 1em;
243 | }
244 | .postlist-item:before {
245 | 	display: inline-block;
246 | 	pointer-events: none;
247 | 	content: "" counter(start-from, decimal-leading-zero) ". ";
248 | 	line-height: 100%;
249 | 	text-align: right;
250 | 	margin-left: -1.5rem;
251 | }
252 | .postlist-date,
253 | .postlist-item:before {
254 | 	font-size: 0.8125em; /* 13px /16 */
255 | 	color: var(--color-gray-90);
256 | }
257 | .postlist-date {
258 | 	word-spacing: -0.5px;
259 | }
260 | .postlist-link {
261 | 	font-size: 1.1875em; /* 19px /16 */
262 | 	font-weight: 700;
263 | 	flex-basis: calc(100% - 1.5rem);
264 | 	padding-left: .25em;
265 | 	padding-right: .5em;
266 | 	text-underline-position: from-font;
267 | 	text-underline-offset: 0;
268 | 	text-decoration-thickness: 1px;
269 | }
270 | .postlist-item-active .postlist-link {
271 | 	font-weight: bold;
272 | }
273 | 
274 | /* Tags */
275 | .post-tag {
276 | 	display: inline-flex;
277 | 	align-items: center;
278 | 	justify-content: center;
279 | 	text-transform: capitalize;
280 | 	font-style: italic;
281 | }
282 | .postlist-item > .post-tag {
283 | 	align-self: center;
284 | }
285 | 
286 | /* Tags list */
287 | .post-metadata {
288 | 	display: inline-flex;
289 | 	flex-wrap: wrap;
290 | 	gap: .5em;
291 | 	list-style: none;
292 | 	padding: 0;
293 | 	margin: 0;
294 | }
295 | .post-metadata time {
296 | 	margin-right: 1em;
297 | }
298 | 
299 | 


--------------------------------------------------------------------------------
/content/feed/pretty-atom-feed.xsl:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <!--
 3 | 
 4 | # Pretty Atom Feed
 5 | 
 6 | Based on "Pretty RSS Feed": https://github.com/genmon/aboutfeeds/issues/26
 7 | 
 8 | Styles an Atom feed, making it friendly for humans viewers, and adds a link
 9 | to aboutfeeds.com for new user onboarding. See it in action:
10 | 
11 | https://nicolas-hoizey.com/feeds/all.xml
12 | 
13 | -->
14 | <xsl:stylesheet version="3.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
15 |                 xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/"
16 |                 xmlns:itunes="http://www.itunes.com/dtds/podcast-1.0.dtd">
17 |   <xsl:output method="html" version="1.0" encoding="UTF-8" indent="yes"/>
18 |   <xsl:template match="/">
19 |     <html xmlns="http://www.w3.org/1999/xhtml">
20 |       <head>
21 |         <title><xsl:value-of select="atom:feed/atom:title"/></title>
22 |         <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
23 |         <meta name="viewport" content="width=device-width, initial-scale=1"/>
24 |         <style type="text/css">/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}summary{display:list-item}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}progress{vertical-align:baseline}[hidden],template{display:none!important}a{background-color:transparent}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}button,input,select,textarea{font:inherit;margin:0}optgroup{font-weight:700}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}*{box-sizing:border-box}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:14px;line-height:1.5;color:#24292e;background-color:#fff}a{color:#0366d6;text-decoration:none}a:hover{text-decoration:underline}b,strong{font-weight:600}.rule,hr{height:0;margin:15px 0;overflow:hidden;background:0 0;border:0;border-bottom:1px solid #dfe2e5}.rule::before,hr::before{display:table;content:""}.rule::after,hr::after{display:table;clear:both;content:""}table{border-spacing:0;border-collapse:collapse}td,th{padding:0}button{cursor:pointer;border-radius:0}[hidden][hidden]{display:none!important}details summary{cursor:pointer}details:not([open])>* :not(summary){display:none!important}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:0}h1{font-size:32px;font-weight:600}h2{font-size:24px;font-weight:600}h3{font-size:20px;font-weight:600}h4{font-size:16px;font-weight:600}h5{font-size:14px;font-weight:600}h6{font-size:12px;font-weight:600}p{margin-top:0;margin-bottom:10px}small{font-size:90%}blockquote{margin:0}ol,ul{padding-left:0;margin-top:0;margin-bottom:0}ol ol,ul ol{list-style-type:lower-roman}ol ol ol,ol ul ol,ul ol ol,ul ul ol{list-style-type:lower-alpha}dd{margin-left:0}code,tt{font-family:SFMono-Regular,Consolas,"Liberation Mono",Menlo,Courier,monospace;font-size:12px}pre{margin-top:0;margin-bottom:0;font-family:SFMono-Regular,Consolas,"Liberation Mono",Menlo,Courier,monospace;font-size:12px}.octicon{vertical-align:text-bottom}.anim-fade-in{animation-name:fade-in;animation-duration:1s;animation-timing-function:ease-in-out}.anim-fade-in.fast{animation-duration:.3s}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}.anim-fade-out{animation-name:fade-out;animation-duration:1s;animation-timing-function:ease-out}.anim-fade-out.fast{animation-duration:.3s}@keyframes fade-out{0%{opacity:1}100%{opacity:0}}.anim-fade-up{opacity:0;animation-name:fade-up;animation-duration:.3s;animation-fill-mode:forwards;animation-timing-function:ease-out;animation-delay:1s}@keyframes fade-up{0%{opacity:.8;transform:translateY(100%)}100%{opacity:1;transform:translateY(0)}}.anim-fade-down{animation-name:fade-down;animation-duration:.3s;animation-fill-mode:forwards;animation-timing-function:ease-in}@keyframes fade-down{0%{opacity:1;transform:translateY(0)}100%{opacity:.5;transform:translateY(100%)}}.anim-grow-x{width:0%;animation-name:grow-x;animation-duration:.3s;animation-fill-mode:forwards;animation-timing-function:ease;animation-delay:.5s}@keyframes grow-x{to{width:100%}}.anim-shrink-x{animation-name:shrink-x;animation-duration:.3s;animation-fill-mode:forwards;animation-timing-function:ease-in-out;animation-delay:.5s}@keyframes shrink-x{to{width:0%}}.anim-scale-in{animation-name:scale-in;animation-duration:.15s;animation-timing-function:cubic-bezier(.2,0,.13,1.5)}@keyframes scale-in{0%{opacity:0;transform:scale(.5)}100%{opacity:1;transform:scale(1)}}.anim-pulse{animation-name:pulse;animation-duration:2s;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes pulse{0%{opacity:.3}10%{opacity:1}100%{opacity:.3}}.anim-pulse-in{animation-name:pulse-in;animation-duration:.5s}@keyframes pulse-in{0%{transform:scale3d(1,1,1)}50%{transform:scale3d(1.1,1.1,1.1)}100%{transform:scale3d(1,1,1)}}.hover-grow{transition:transform .3s;backface-visibility:hidden}.hover-grow:hover{transform:scale(1.025)}.border{border:1px #e1e4e8 solid!important}.border-y{border-top:1px #e1e4e8 solid!important;border-bottom:1px #e1e4e8 solid!important}.border-0{border:0!important}.border-dashed{border-style:dashed!important}.border-blue{border-color:#0366d6!important}.border-blue-light{border-color:#c8e1ff!important}.border-green{border-color:#34d058!important}.border-green-light{border-color:#a2cbac!important}.border-red{border-color:#d73a49!important}.border-red-light{border-color:#cea0a5!important}.border-purple{border-color:#6f42c1!important}.border-yellow{border-color:#d9d0a5!important}.border-gray-light{border-color:#eaecef!important}.border-gray-dark{border-color:#d1d5da!important}.border-black-fade{border-color:rgba(27,31,35,.15)!important}.border-top{border-top:1px #e1e4e8 solid!important}.border-right{border-right:1px #e1e4e8 solid!important}.border-bottom{border-bottom:1px #e1e4e8 solid!important}.border-left{border-left:1px #e1e4e8 solid!important}.border-top-0{border-top:0!important}.border-right-0{border-right:0!important}.border-bottom-0{border-bottom:0!important}.border-left-0{border-left:0!important}.rounded-0{border-radius:0!important}.rounded-1{border-radius:3px!important}.rounded-2{border-radius:6px!important}.rounded-top-0{border-top-left-radius:0!important;border-top-right-radius:0!important}.rounded-top-1{border-top-left-radius:3px!important;border-top-right-radius:3px!important}.rounded-top-2{border-top-left-radius:6px!important;border-top-right-radius:6px!important}.rounded-right-0{border-top-right-radius:0!important;border-bottom-right-radius:0!important}.rounded-right-1{border-top-right-radius:3px!important;border-bottom-right-radius:3px!important}.rounded-right-2{border-top-right-radius:6px!important;border-bottom-right-radius:6px!important}.rounded-bottom-0{border-bottom-right-radius:0!important;border-bottom-left-radius:0!important}.rounded-bottom-1{border-bottom-right-radius:3px!important;border-bottom-left-radius:3px!important}.rounded-bottom-2{border-bottom-right-radius:6px!important;border-bottom-left-radius:6px!important}.rounded-left-0{border-bottom-left-radius:0!important;border-top-left-radius:0!important}.rounded-left-1{border-bottom-left-radius:3px!important;border-top-left-radius:3px!important}.rounded-left-2{border-bottom-left-radius:6px!important;border-top-left-radius:6px!important}@media (min-width:544px){.border-sm-top{border-top:1px #e1e4e8 solid!important}.border-sm-right{border-right:1px #e1e4e8 solid!important}.border-sm-bottom{border-bottom:1px #e1e4e8 solid!important}.border-sm-left{border-left:1px #e1e4e8 solid!important}.border-sm-top-0{border-top:0!important}.border-sm-right-0{border-right:0!important}.border-sm-bottom-0{border-bottom:0!important}.border-sm-left-0{border-left:0!important}.rounded-sm-0{border-radius:0!important}.rounded-sm-1{border-radius:3px!important}.rounded-sm-2{border-radius:6px!important}.rounded-sm-top-0{border-top-left-radius:0!important;border-top-right-radius:0!important}.rounded-sm-top-1{border-top-left-radius:3px!important;border-top-right-radius:3px!important}.rounded-sm-top-2{border-top-left-radius:6px!important;border-top-right-radius:6px!important}.rounded-sm-right-0{border-top-right-radius:0!important;border-bottom-right-radius:0!important}.rounded-sm-right-1{border-top-right-radius:3px!important;border-bottom-right-radius:3px!important}.rounded-sm-right-2{border-top-right-radius:6px!important;border-bottom-right-radius:6px!important}.rounded-sm-bottom-0{border-bottom-right-radius:0!important;border-bottom-left-radius:0!important}.rounded-sm-bottom-1{border-bottom-right-radius:3px!important;border-bottom-left-radius:3px!important}.rounded-sm-bottom-2{border-bottom-right-radius:6px!important;border-bottom-left-radius:6px!important}.rounded-sm-left-0{border-bottom-left-radius:0!important;border-top-left-radius:0!important}.rounded-sm-left-1{border-bottom-left-radius:3px!important;border-top-left-radius:3px!important}.rounded-sm-left-2{border-bottom-left-radius:6px!important;border-top-left-radius:6px!important}}@media (min-width:768px){.border-md-top{border-top:1px #e1e4e8 solid!important}.border-md-right{border-right:1px #e1e4e8 solid!important}.border-md-bottom{border-bottom:1px #e1e4e8 solid!important}.border-md-left{border-left:1px #e1e4e8 solid!important}.border-md-top-0{border-top:0!important}.border-md-right-0{border-right:0!important}.border-md-bottom-0{border-bottom:0!important}.border-md-left-0{border-left:0!important}.rounded-md-0{border-radius:0!important}.rounded-md-1{border-radius:3px!important}.rounded-md-2{border-radius:6px!important}.rounded-md-top-0{border-top-left-radius:0!important;border-top-right-radius:0!important}.rounded-md-top-1{border-top-left-radius:3px!important;border-top-right-radius:3px!important}.rounded-md-top-2{border-top-left-radius:6px!important;border-top-right-radius:6px!important}.rounded-md-right-0{border-top-right-radius:0!important;border-bottom-right-radius:0!important}.rounded-md-right-1{border-top-right-radius:3px!important;border-bottom-right-radius:3px!important}.rounded-md-right-2{border-top-right-radius:6px!important;border-bottom-right-radius:6px!important}.rounded-md-bottom-0{border-bottom-right-radius:0!important;border-bottom-left-radius:0!important}.rounded-md-bottom-1{border-bottom-right-radius:3px!important;border-bottom-left-radius:3px!important}.rounded-md-bottom-2{border-bottom-right-radius:6px!important;border-bottom-left-radius:6px!important}.rounded-md-left-0{border-bottom-left-radius:0!important;border-top-left-radius:0!important}.rounded-md-left-1{border-bottom-left-radius:3px!important;border-top-left-radius:3px!important}.rounded-md-left-2{border-bottom-left-radius:6px!important;border-top-left-radius:6px!important}}@media (min-width:1012px){.border-lg-top{border-top:1px #e1e4e8 solid!important}.border-lg-right{border-right:1px #e1e4e8 solid!important}.border-lg-bottom{border-bottom:1px #e1e4e8 solid!important}.border-lg-left{border-left:1px #e1e4e8 solid!important}.border-lg-top-0{border-top:0!important}.border-lg-right-0{border-right:0!important}.border-lg-bottom-0{border-bottom:0!important}.border-lg-left-0{border-left:0!important}.rounded-lg-0{border-radius:0!important}.rounded-lg-1{border-radius:3px!important}.rounded-lg-2{border-radius:6px!important}.rounded-lg-top-0{border-top-left-radius:0!important;border-top-right-radius:0!important}.rounded-lg-top-1{border-top-left-radius:3px!important;border-top-right-radius:3px!important}.rounded-lg-top-2{border-top-left-radius:6px!important;border-top-right-radius:6px!important}.rounded-lg-right-0{border-top-right-radius:0!important;border-bottom-right-radius:0!important}.rounded-lg-right-1{border-top-right-radius:3px!important;border-bottom-right-radius:3px!important}.rounded-lg-right-2{border-top-right-radius:6px!important;border-bottom-right-radius:6px!important}.rounded-lg-bottom-0{border-bottom-right-radius:0!important;border-bottom-left-radius:0!important}.rounded-lg-bottom-1{border-bottom-right-radius:3px!important;border-bottom-left-radius:3px!important}.rounded-lg-bottom-2{border-bottom-right-radius:6px!important;border-bottom-left-radius:6px!important}.rounded-lg-left-0{border-bottom-left-radius:0!important;border-top-left-radius:0!important}.rounded-lg-left-1{border-bottom-left-radius:3px!important;border-top-left-radius:3px!important}.rounded-lg-left-2{border-bottom-left-radius:6px!important;border-top-left-radius:6px!important}}@media (min-width:1280px){.border-xl-top{border-top:1px #e1e4e8 solid!important}.border-xl-right{border-right:1px #e1e4e8 solid!important}.border-xl-bottom{border-bottom:1px #e1e4e8 solid!important}.border-xl-left{border-left:1px #e1e4e8 solid!important}.border-xl-top-0{border-top:0!important}.border-xl-right-0{border-right:0!important}.border-xl-bottom-0{border-bottom:0!important}.border-xl-left-0{border-left:0!important}.rounded-xl-0{border-radius:0!important}.rounded-xl-1{border-radius:3px!important}.rounded-xl-2{border-radius:6px!important}.rounded-xl-top-0{border-top-left-radius:0!important;border-top-right-radius:0!important}.rounded-xl-top-1{border-top-left-radius:3px!important;border-top-right-radius:3px!important}.rounded-xl-top-2{border-top-left-radius:6px!important;border-top-right-radius:6px!important}.rounded-xl-right-0{border-top-right-radius:0!important;border-bottom-right-radius:0!important}.rounded-xl-right-1{border-top-right-radius:3px!important;border-bottom-right-radius:3px!important}.rounded-xl-right-2{border-top-right-radius:6px!important;border-bottom-right-radius:6px!important}.rounded-xl-bottom-0{border-bottom-right-radius:0!important;border-bottom-left-radius:0!important}.rounded-xl-bottom-1{border-bottom-right-radius:3px!important;border-bottom-left-radius:3px!important}.rounded-xl-bottom-2{border-bottom-right-radius:6px!important;border-bottom-left-radius:6px!important}.rounded-xl-left-0{border-bottom-left-radius:0!important;border-top-left-radius:0!important}.rounded-xl-left-1{border-bottom-left-radius:3px!important;border-top-left-radius:3px!important}.rounded-xl-left-2{border-bottom-left-radius:6px!important;border-top-left-radius:6px!important}}.circle{border-radius:50%!important}.box-shadow{box-shadow:0 1px 1px rgba(27,31,35,.1)!important}.box-shadow-medium{box-shadow:0 1px 5px rgba(27,31,35,.15)!important}.box-shadow-large{box-shadow:0 1px 15px rgba(27,31,35,.15)!important}.box-shadow-extra-large{box-shadow:0 10px 50px rgba(27,31,35,.07)!important}.box-shadow-none{box-shadow:none!important}.bg-white{background-color:#fff!important}.bg-blue{background-color:#0366d6!important}.bg-blue-light{background-color:#f1f8ff!important}.bg-gray-dark{background-color:#24292e!important}.bg-gray{background-color:#f6f8fa!important}.bg-gray-light{background-color:#fafbfc!important}.bg-green{background-color:#28a745!important}.bg-green-light{background-color:#dcffe4!important}.bg-red{background-color:#d73a49!important}.bg-red-light{background-color:#ffdce0!important}.bg-yellow{background-color:#ffd33d!important}.bg-yellow-light{background-color:#fff5b1!important}.bg-purple{background-color:#6f42c1!important}.bg-purple-light{background-color:#f5f0ff!important}.bg-shade-gradient{background-image:linear-gradient(180deg,rgba(27,31,35,.065),rgba(27,31,35,0))!important;background-repeat:no-repeat!important;background-size:100% 200px!important}.text-blue{color:#0366d6!important}.text-red{color:#cb2431!important}.text-gray-light{color:#6a737d!important}.text-gray{color:#586069!important}.text-gray-dark{color:#24292e!important}.text-green{color:#28a745!important}.text-orange{color:#a04100!important}.text-orange-light{color:#e36209!important}.text-purple{color:#6f42c1!important}.text-white{color:#fff!important}.text-inherit{color:inherit!important}.text-pending{color:#b08800!important}.bg-pending{color:#dbab09!important}.link-gray{color:#586069!important}.link-gray:hover{color:#0366d6!important}.link-gray-dark{color:#24292e!important}.link-gray-dark:hover{color:#0366d6!important}.link-hover-blue:hover{color:#0366d6!important}.muted-link{color:#586069!important}.muted-link:hover{color:#0366d6!important;text-decoration:none}.details-overlay[open]>summary::before{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:block;cursor:default;content:" ";background:0 0}.details-overlay-dark[open]>summary::before{z-index:99;background:rgba(27,31,35,.5)}.flex-row{flex-direction:row!important}.flex-row-reverse{flex-direction:row-reverse!important}.flex-column{flex-direction:column!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-justify-start{justify-content:flex-start!important}.flex-justify-end{justify-content:flex-end!important}.flex-justify-center{justify-content:center!important}.flex-justify-between{justify-content:space-between!important}.flex-justify-around{justify-content:space-around!important}.flex-items-start{align-items:flex-start!important}.flex-items-end{align-items:flex-end!important}.flex-items-center{align-items:center!important}.flex-items-baseline{align-items:baseline!important}.flex-items-stretch{align-items:stretch!important}.flex-content-start{align-content:flex-start!important}.flex-content-end{align-content:flex-end!important}.flex-content-center{align-content:center!important}.flex-content-between{align-content:space-between!important}.flex-content-around{align-content:space-around!important}.flex-content-stretch{align-content:stretch!important}.flex-auto{flex:1 1 auto!important}.flex-shrink-0{flex-shrink:0!important}.flex-self-auto{align-self:auto!important}.flex-self-start{align-self:flex-start!important}.flex-self-end{align-self:flex-end!important}.flex-self-center{align-self:center!important}.flex-self-baseline{align-self:baseline!important}.flex-self-stretch{align-self:stretch!important}.flex-item-equal{flex-grow:1;flex-basis:0}@media (min-width:544px){.flex-sm-row{flex-direction:row!important}.flex-sm-row-reverse{flex-direction:row-reverse!important}.flex-sm-column{flex-direction:column!important}.flex-sm-wrap{flex-wrap:wrap!important}.flex-sm-nowrap{flex-wrap:nowrap!important}.flex-sm-justify-start{justify-content:flex-start!important}.flex-sm-justify-end{justify-content:flex-end!important}.flex-sm-justify-center{justify-content:center!important}.flex-sm-justify-between{justify-content:space-between!important}.flex-sm-justify-around{justify-content:space-around!important}.flex-sm-items-start{align-items:flex-start!important}.flex-sm-items-end{align-items:flex-end!important}.flex-sm-items-center{align-items:center!important}.flex-sm-items-baseline{align-items:baseline!important}.flex-sm-items-stretch{align-items:stretch!important}.flex-sm-content-start{align-content:flex-start!important}.flex-sm-content-end{align-content:flex-end!important}.flex-sm-content-center{align-content:center!important}.flex-sm-content-between{align-content:space-between!important}.flex-sm-content-around{align-content:space-around!important}.flex-sm-content-stretch{align-content:stretch!important}.flex-sm-auto{flex:1 1 auto!important}.flex-sm-shrink-0{flex-shrink:0!important}.flex-sm-self-auto{align-self:auto!important}.flex-sm-self-start{align-self:flex-start!important}.flex-sm-self-end{align-self:flex-end!important}.flex-sm-self-center{align-self:center!important}.flex-sm-self-baseline{align-self:baseline!important}.flex-sm-self-stretch{align-self:stretch!important}.flex-sm-item-equal{flex-grow:1;flex-basis:0}}@media (min-width:768px){.flex-md-row{flex-direction:row!important}.flex-md-row-reverse{flex-direction:row-reverse!important}.flex-md-column{flex-direction:column!important}.flex-md-wrap{flex-wrap:wrap!important}.flex-md-nowrap{flex-wrap:nowrap!important}.flex-md-justify-start{justify-content:flex-start!important}.flex-md-justify-end{justify-content:flex-end!important}.flex-md-justify-center{justify-content:center!important}.flex-md-justify-between{justify-content:space-between!important}.flex-md-justify-around{justify-content:space-around!important}.flex-md-items-start{align-items:flex-start!important}.flex-md-items-end{align-items:flex-end!important}.flex-md-items-center{align-items:center!important}.flex-md-items-baseline{align-items:baseline!important}.flex-md-items-stretch{align-items:stretch!important}.flex-md-content-start{align-content:flex-start!important}.flex-md-content-end{align-content:flex-end!important}.flex-md-content-center{align-content:center!important}.flex-md-content-between{align-content:space-between!important}.flex-md-content-around{align-content:space-around!important}.flex-md-content-stretch{align-content:stretch!important}.flex-md-auto{flex:1 1 auto!important}.flex-md-shrink-0{flex-shrink:0!important}.flex-md-self-auto{align-self:auto!important}.flex-md-self-start{align-self:flex-start!important}.flex-md-self-end{align-self:flex-end!important}.flex-md-self-center{align-self:center!important}.flex-md-self-baseline{align-self:baseline!important}.flex-md-self-stretch{align-self:stretch!important}.flex-md-item-equal{flex-grow:1;flex-basis:0}}@media (min-width:1012px){.flex-lg-row{flex-direction:row!important}.flex-lg-row-reverse{flex-direction:row-reverse!important}.flex-lg-column{flex-direction:column!important}.flex-lg-wrap{flex-wrap:wrap!important}.flex-lg-nowrap{flex-wrap:nowrap!important}.flex-lg-justify-start{justify-content:flex-start!important}.flex-lg-justify-end{justify-content:flex-end!important}.flex-lg-justify-center{justify-content:center!important}.flex-lg-justify-between{justify-content:space-between!important}.flex-lg-justify-around{justify-content:space-around!important}.flex-lg-items-start{align-items:flex-start!important}.flex-lg-items-end{align-items:flex-end!important}.flex-lg-items-center{align-items:center!important}.flex-lg-items-baseline{align-items:baseline!important}.flex-lg-items-stretch{align-items:stretch!important}.flex-lg-content-start{align-content:flex-start!important}.flex-lg-content-end{align-content:flex-end!important}.flex-lg-content-center{align-content:center!important}.flex-lg-content-between{align-content:space-between!important}.flex-lg-content-around{align-content:space-around!important}.flex-lg-content-stretch{align-content:stretch!important}.flex-lg-auto{flex:1 1 auto!important}.flex-lg-shrink-0{flex-shrink:0!important}.flex-lg-self-auto{align-self:auto!important}.flex-lg-self-start{align-self:flex-start!important}.flex-lg-self-end{align-self:flex-end!important}.flex-lg-self-center{align-self:center!important}.flex-lg-self-baseline{align-self:baseline!important}.flex-lg-self-stretch{align-self:stretch!important}.flex-lg-item-equal{flex-grow:1;flex-basis:0}}@media (min-width:1280px){.flex-xl-row{flex-direction:row!important}.flex-xl-row-reverse{flex-direction:row-reverse!important}.flex-xl-column{flex-direction:column!important}.flex-xl-wrap{flex-wrap:wrap!important}.flex-xl-nowrap{flex-wrap:nowrap!important}.flex-xl-justify-start{justify-content:flex-start!important}.flex-xl-justify-end{justify-content:flex-end!important}.flex-xl-justify-center{justify-content:center!important}.flex-xl-justify-between{justify-content:space-between!important}.flex-xl-justify-around{justify-content:space-around!important}.flex-xl-items-start{align-items:flex-start!important}.flex-xl-items-end{align-items:flex-end!important}.flex-xl-items-center{align-items:center!important}.flex-xl-items-baseline{align-items:baseline!important}.flex-xl-items-stretch{align-items:stretch!important}.flex-xl-content-start{align-content:flex-start!important}.flex-xl-content-end{align-content:flex-end!important}.flex-xl-content-center{align-content:center!important}.flex-xl-content-between{align-content:space-between!important}.flex-xl-content-around{align-content:space-around!important}.flex-xl-content-stretch{align-content:stretch!important}.flex-xl-auto{flex:1 1 auto!important}.flex-xl-shrink-0{flex-shrink:0!important}.flex-xl-self-auto{align-self:auto!important}.flex-xl-self-start{align-self:flex-start!important}.flex-xl-self-end{align-self:flex-end!important}.flex-xl-self-center{align-self:center!important}.flex-xl-self-baseline{align-self:baseline!important}.flex-xl-self-stretch{align-self:stretch!important}.flex-xl-item-equal{flex-grow:1;flex-basis:0}}.position-static{position:static!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.top-0{top:0!important}.right-0{right:0!important}.bottom-0{bottom:0!important}.left-0{left:0!important}.v-align-middle{vertical-align:middle!important}.v-align-top{vertical-align:top!important}.v-align-bottom{vertical-align:bottom!important}.v-align-text-top{vertical-align:text-top!important}.v-align-text-bottom{vertical-align:text-bottom!important}.v-align-baseline{vertical-align:baseline!important}.overflow-hidden{overflow:hidden!important}.overflow-scroll{overflow:scroll!important}.overflow-auto{overflow:auto!important}.clearfix::before{display:table;content:""}.clearfix::after{display:table;clear:both;content:""}.float-left{float:left!important}.float-right{float:right!important}.float-none{float:none!important}@media (min-width:544px){.float-sm-left{float:left!important}.float-sm-right{float:right!important}.float-sm-none{float:none!important}}@media (min-width:768px){.float-md-left{float:left!important}.float-md-right{float:right!important}.float-md-none{float:none!important}}@media (min-width:1012px){.float-lg-left{float:left!important}.float-lg-right{float:right!important}.float-lg-none{float:none!important}}@media (min-width:1280px){.float-xl-left{float:left!important}.float-xl-right{float:right!important}.float-xl-none{float:none!important}}.width-fit{max-width:100%!important}.width-full{width:100%!important}.height-fit{max-height:100%!important}.height-full{height:100%!important}.min-width-0{min-width:0!important}.direction-rtl{direction:rtl!important}.direction-ltr{direction:ltr!important}@media (min-width:544px){.direction-sm-rtl{direction:rtl!important}.direction-sm-ltr{direction:ltr!important}}@media (min-width:768px){.direction-md-rtl{direction:rtl!important}.direction-md-ltr{direction:ltr!important}}@media (min-width:1012px){.direction-lg-rtl{direction:rtl!important}.direction-lg-ltr{direction:ltr!important}}@media (min-width:1280px){.direction-xl-rtl{direction:rtl!important}.direction-xl-ltr{direction:ltr!important}}.m-0{margin:0!important}.mt-0{margin-top:0!important}.mr-0{margin-right:0!important}.mb-0{margin-bottom:0!important}.ml-0{margin-left:0!important}.mx-0{margin-right:0!important;margin-left:0!important}.my-0{margin-top:0!important;margin-bottom:0!important}.m-1{margin:4px!important}.mt-1{margin-top:4px!important}.mr-1{margin-right:4px!important}.mb-1{margin-bottom:4px!important}.ml-1{margin-left:4px!important}.mt-n1{margin-top:-4px!important}.mr-n1{margin-right:-4px!important}.mb-n1{margin-bottom:-4px!important}.ml-n1{margin-left:-4px!important}.mx-1{margin-right:4px!important;margin-left:4px!important}.my-1{margin-top:4px!important;margin-bottom:4px!important}.m-2{margin:8px!important}.mt-2{margin-top:8px!important}.mr-2{margin-right:8px!important}.mb-2{margin-bottom:8px!important}.ml-2{margin-left:8px!important}.mt-n2{margin-top:-8px!important}.mr-n2{margin-right:-8px!important}.mb-n2{margin-bottom:-8px!important}.ml-n2{margin-left:-8px!important}.mx-2{margin-right:8px!important;margin-left:8px!important}.my-2{margin-top:8px!important;margin-bottom:8px!important}.m-3{margin:16px!important}.mt-3{margin-top:16px!important}.mr-3{margin-right:16px!important}.mb-3{margin-bottom:16px!important}.ml-3{margin-left:16px!important}.mt-n3{margin-top:-16px!important}.mr-n3{margin-right:-16px!important}.mb-n3{margin-bottom:-16px!important}.ml-n3{margin-left:-16px!important}.mx-3{margin-right:16px!important;margin-left:16px!important}.my-3{margin-top:16px!important;margin-bottom:16px!important}.m-4{margin:24px!important}.mt-4{margin-top:24px!important}.mr-4{margin-right:24px!important}.mb-4{margin-bottom:24px!important}.ml-4{margin-left:24px!important}.mt-n4{margin-top:-24px!important}.mr-n4{margin-right:-24px!important}.mb-n4{margin-bottom:-24px!important}.ml-n4{margin-left:-24px!important}.mx-4{margin-right:24px!important;margin-left:24px!important}.my-4{margin-top:24px!important;margin-bottom:24px!important}.m-5{margin:32px!important}.mt-5{margin-top:32px!important}.mr-5{margin-right:32px!important}.mb-5{margin-bottom:32px!important}.ml-5{margin-left:32px!important}.mt-n5{margin-top:-32px!important}.mr-n5{margin-right:-32px!important}.mb-n5{margin-bottom:-32px!important}.ml-n5{margin-left:-32px!important}.mx-5{margin-right:32px!important;margin-left:32px!important}.my-5{margin-top:32px!important;margin-bottom:32px!important}.m-6{margin:40px!important}.mt-6{margin-top:40px!important}.mr-6{margin-right:40px!important}.mb-6{margin-bottom:40px!important}.ml-6{margin-left:40px!important}.mt-n6{margin-top:-40px!important}.mr-n6{margin-right:-40px!important}.mb-n6{margin-bottom:-40px!important}.ml-n6{margin-left:-40px!important}.mx-6{margin-right:40px!important;margin-left:40px!important}.my-6{margin-top:40px!important;margin-bottom:40px!important}.mx-auto{margin-right:auto!important;margin-left:auto!important}@media (min-width:544px){.m-sm-0{margin:0!important}.mt-sm-0{margin-top:0!important}.mr-sm-0{margin-right:0!important}.mb-sm-0{margin-bottom:0!important}.ml-sm-0{margin-left:0!important}.mx-sm-0{margin-right:0!important;margin-left:0!important}.my-sm-0{margin-top:0!important;margin-bottom:0!important}.m-sm-1{margin:4px!important}.mt-sm-1{margin-top:4px!important}.mr-sm-1{margin-right:4px!important}.mb-sm-1{margin-bottom:4px!important}.ml-sm-1{margin-left:4px!important}.mt-sm-n1{margin-top:-4px!important}.mr-sm-n1{margin-right:-4px!important}.mb-sm-n1{margin-bottom:-4px!important}.ml-sm-n1{margin-left:-4px!important}.mx-sm-1{margin-right:4px!important;margin-left:4px!important}.my-sm-1{margin-top:4px!important;margin-bottom:4px!important}.m-sm-2{margin:8px!important}.mt-sm-2{margin-top:8px!important}.mr-sm-2{margin-right:8px!important}.mb-sm-2{margin-bottom:8px!important}.ml-sm-2{margin-left:8px!important}.mt-sm-n2{margin-top:-8px!important}.mr-sm-n2{margin-right:-8px!important}.mb-sm-n2{margin-bottom:-8px!important}.ml-sm-n2{margin-left:-8px!important}.mx-sm-2{margin-right:8px!important;margin-left:8px!important}.my-sm-2{margin-top:8px!important;margin-bottom:8px!important}.m-sm-3{margin:16px!important}.mt-sm-3{margin-top:16px!important}.mr-sm-3{margin-right:16px!important}.mb-sm-3{margin-bottom:16px!important}.ml-sm-3{margin-left:16px!important}.mt-sm-n3{margin-top:-16px!important}.mr-sm-n3{margin-right:-16px!important}.mb-sm-n3{margin-bottom:-16px!important}.ml-sm-n3{margin-left:-16px!important}.mx-sm-3{margin-right:16px!important;margin-left:16px!important}.my-sm-3{margin-top:16px!important;margin-bottom:16px!important}.m-sm-4{margin:24px!important}.mt-sm-4{margin-top:24px!important}.mr-sm-4{margin-right:24px!important}.mb-sm-4{margin-bottom:24px!important}.ml-sm-4{margin-left:24px!important}.mt-sm-n4{margin-top:-24px!important}.mr-sm-n4{margin-right:-24px!important}.mb-sm-n4{margin-bottom:-24px!important}.ml-sm-n4{margin-left:-24px!important}.mx-sm-4{margin-right:24px!important;margin-left:24px!important}.my-sm-4{margin-top:24px!important;margin-bottom:24px!important}.m-sm-5{margin:32px!important}.mt-sm-5{margin-top:32px!important}.mr-sm-5{margin-right:32px!important}.mb-sm-5{margin-bottom:32px!important}.ml-sm-5{margin-left:32px!important}.mt-sm-n5{margin-top:-32px!important}.mr-sm-n5{margin-right:-32px!important}.mb-sm-n5{margin-bottom:-32px!important}.ml-sm-n5{margin-left:-32px!important}.mx-sm-5{margin-right:32px!important;margin-left:32px!important}.my-sm-5{margin-top:32px!important;margin-bottom:32px!important}.m-sm-6{margin:40px!important}.mt-sm-6{margin-top:40px!important}.mr-sm-6{margin-right:40px!important}.mb-sm-6{margin-bottom:40px!important}.ml-sm-6{margin-left:40px!important}.mt-sm-n6{margin-top:-40px!important}.mr-sm-n6{margin-right:-40px!important}.mb-sm-n6{margin-bottom:-40px!important}.ml-sm-n6{margin-left:-40px!important}.mx-sm-6{margin-right:40px!important;margin-left:40px!important}.my-sm-6{margin-top:40px!important;margin-bottom:40px!important}.mx-sm-auto{margin-right:auto!important;margin-left:auto!important}}@media (min-width:768px){.m-md-0{margin:0!important}.mt-md-0{margin-top:0!important}.mr-md-0{margin-right:0!important}.mb-md-0{margin-bottom:0!important}.ml-md-0{margin-left:0!important}.mx-md-0{margin-right:0!important;margin-left:0!important}.my-md-0{margin-top:0!important;margin-bottom:0!important}.m-md-1{margin:4px!important}.mt-md-1{margin-top:4px!important}.mr-md-1{margin-right:4px!important}.mb-md-1{margin-bottom:4px!important}.ml-md-1{margin-left:4px!important}.mt-md-n1{margin-top:-4px!important}.mr-md-n1{margin-right:-4px!important}.mb-md-n1{margin-bottom:-4px!important}.ml-md-n1{margin-left:-4px!important}.mx-md-1{margin-right:4px!important;margin-left:4px!important}.my-md-1{margin-top:4px!important;margin-bottom:4px!important}.m-md-2{margin:8px!important}.mt-md-2{margin-top:8px!important}.mr-md-2{margin-right:8px!important}.mb-md-2{margin-bottom:8px!important}.ml-md-2{margin-left:8px!important}.mt-md-n2{margin-top:-8px!important}.mr-md-n2{margin-right:-8px!important}.mb-md-n2{margin-bottom:-8px!important}.ml-md-n2{margin-left:-8px!important}.mx-md-2{margin-right:8px!important;margin-left:8px!important}.my-md-2{margin-top:8px!important;margin-bottom:8px!important}.m-md-3{margin:16px!important}.mt-md-3{margin-top:16px!important}.mr-md-3{margin-right:16px!important}.mb-md-3{margin-bottom:16px!important}.ml-md-3{margin-left:16px!important}.mt-md-n3{margin-top:-16px!important}.mr-md-n3{margin-right:-16px!important}.mb-md-n3{margin-bottom:-16px!important}.ml-md-n3{margin-left:-16px!important}.mx-md-3{margin-right:16px!important;margin-left:16px!important}.my-md-3{margin-top:16px!important;margin-bottom:16px!important}.m-md-4{margin:24px!important}.mt-md-4{margin-top:24px!important}.mr-md-4{margin-right:24px!important}.mb-md-4{margin-bottom:24px!important}.ml-md-4{margin-left:24px!important}.mt-md-n4{margin-top:-24px!important}.mr-md-n4{margin-right:-24px!important}.mb-md-n4{margin-bottom:-24px!important}.ml-md-n4{margin-left:-24px!important}.mx-md-4{margin-right:24px!important;margin-left:24px!important}.my-md-4{margin-top:24px!important;margin-bottom:24px!important}.m-md-5{margin:32px!important}.mt-md-5{margin-top:32px!important}.mr-md-5{margin-right:32px!important}.mb-md-5{margin-bottom:32px!important}.ml-md-5{margin-left:32px!important}.mt-md-n5{margin-top:-32px!important}.mr-md-n5{margin-right:-32px!important}.mb-md-n5{margin-bottom:-32px!important}.ml-md-n5{margin-left:-32px!important}.mx-md-5{margin-right:32px!important;margin-left:32px!important}.my-md-5{margin-top:32px!important;margin-bottom:32px!important}.m-md-6{margin:40px!important}.mt-md-6{margin-top:40px!important}.mr-md-6{margin-right:40px!important}.mb-md-6{margin-bottom:40px!important}.ml-md-6{margin-left:40px!important}.mt-md-n6{margin-top:-40px!important}.mr-md-n6{margin-right:-40px!important}.mb-md-n6{margin-bottom:-40px!important}.ml-md-n6{margin-left:-40px!important}.mx-md-6{margin-right:40px!important;margin-left:40px!important}.my-md-6{margin-top:40px!important;margin-bottom:40px!important}.mx-md-auto{margin-right:auto!important;margin-left:auto!important}}@media (min-width:1012px){.m-lg-0{margin:0!important}.mt-lg-0{margin-top:0!important}.mr-lg-0{margin-right:0!important}.mb-lg-0{margin-bottom:0!important}.ml-lg-0{margin-left:0!important}.mx-lg-0{margin-right:0!important;margin-left:0!important}.my-lg-0{margin-top:0!important;margin-bottom:0!important}.m-lg-1{margin:4px!important}.mt-lg-1{margin-top:4px!important}.mr-lg-1{margin-right:4px!important}.mb-lg-1{margin-bottom:4px!important}.ml-lg-1{margin-left:4px!important}.mt-lg-n1{margin-top:-4px!important}.mr-lg-n1{margin-right:-4px!important}.mb-lg-n1{margin-bottom:-4px!important}.ml-lg-n1{margin-left:-4px!important}.mx-lg-1{margin-right:4px!important;margin-left:4px!important}.my-lg-1{margin-top:4px!important;margin-bottom:4px!important}.m-lg-2{margin:8px!important}.mt-lg-2{margin-top:8px!important}.mr-lg-2{margin-right:8px!important}.mb-lg-2{margin-bottom:8px!important}.ml-lg-2{margin-left:8px!important}.mt-lg-n2{margin-top:-8px!important}.mr-lg-n2{margin-right:-8px!important}.mb-lg-n2{margin-bottom:-8px!important}.ml-lg-n2{margin-left:-8px!important}.mx-lg-2{margin-right:8px!important;margin-left:8px!important}.my-lg-2{margin-top:8px!important;margin-bottom:8px!important}.m-lg-3{margin:16px!important}.mt-lg-3{margin-top:16px!important}.mr-lg-3{margin-right:16px!important}.mb-lg-3{margin-bottom:16px!important}.ml-lg-3{margin-left:16px!important}.mt-lg-n3{margin-top:-16px!important}.mr-lg-n3{margin-right:-16px!important}.mb-lg-n3{margin-bottom:-16px!important}.ml-lg-n3{margin-left:-16px!important}.mx-lg-3{margin-right:16px!important;margin-left:16px!important}.my-lg-3{margin-top:16px!important;margin-bottom:16px!important}.m-lg-4{margin:24px!important}.mt-lg-4{margin-top:24px!important}.mr-lg-4{margin-right:24px!important}.mb-lg-4{margin-bottom:24px!important}.ml-lg-4{margin-left:24px!important}.mt-lg-n4{margin-top:-24px!important}.mr-lg-n4{margin-right:-24px!important}.mb-lg-n4{margin-bottom:-24px!important}.ml-lg-n4{margin-left:-24px!important}.mx-lg-4{margin-right:24px!important;margin-left:24px!important}.my-lg-4{margin-top:24px!important;margin-bottom:24px!important}.m-lg-5{margin:32px!important}.mt-lg-5{margin-top:32px!important}.mr-lg-5{margin-right:32px!important}.mb-lg-5{margin-bottom:32px!important}.ml-lg-5{margin-left:32px!important}.mt-lg-n5{margin-top:-32px!important}.mr-lg-n5{margin-right:-32px!important}.mb-lg-n5{margin-bottom:-32px!important}.ml-lg-n5{margin-left:-32px!important}.mx-lg-5{margin-right:32px!important;margin-left:32px!important}.my-lg-5{margin-top:32px!important;margin-bottom:32px!important}.m-lg-6{margin:40px!important}.mt-lg-6{margin-top:40px!important}.mr-lg-6{margin-right:40px!important}.mb-lg-6{margin-bottom:40px!important}.ml-lg-6{margin-left:40px!important}.mt-lg-n6{margin-top:-40px!important}.mr-lg-n6{margin-right:-40px!important}.mb-lg-n6{margin-bottom:-40px!important}.ml-lg-n6{margin-left:-40px!important}.mx-lg-6{margin-right:40px!important;margin-left:40px!important}.my-lg-6{margin-top:40px!important;margin-bottom:40px!important}.mx-lg-auto{margin-right:auto!important;margin-left:auto!important}}@media (min-width:1280px){.m-xl-0{margin:0!important}.mt-xl-0{margin-top:0!important}.mr-xl-0{margin-right:0!important}.mb-xl-0{margin-bottom:0!important}.ml-xl-0{margin-left:0!important}.mx-xl-0{margin-right:0!important;margin-left:0!important}.my-xl-0{margin-top:0!important;margin-bottom:0!important}.m-xl-1{margin:4px!important}.mt-xl-1{margin-top:4px!important}.mr-xl-1{margin-right:4px!important}.mb-xl-1{margin-bottom:4px!important}.ml-xl-1{margin-left:4px!important}.mt-xl-n1{margin-top:-4px!important}.mr-xl-n1{margin-right:-4px!important}.mb-xl-n1{margin-bottom:-4px!important}.ml-xl-n1{margin-left:-4px!important}.mx-xl-1{margin-right:4px!important;margin-left:4px!important}.my-xl-1{margin-top:4px!important;margin-bottom:4px!important}.m-xl-2{margin:8px!important}.mt-xl-2{margin-top:8px!important}.mr-xl-2{margin-right:8px!important}.mb-xl-2{margin-bottom:8px!important}.ml-xl-2{margin-left:8px!important}.mt-xl-n2{margin-top:-8px!important}.mr-xl-n2{margin-right:-8px!important}.mb-xl-n2{margin-bottom:-8px!important}.ml-xl-n2{margin-left:-8px!important}.mx-xl-2{margin-right:8px!important;margin-left:8px!important}.my-xl-2{margin-top:8px!important;margin-bottom:8px!important}.m-xl-3{margin:16px!important}.mt-xl-3{margin-top:16px!important}.mr-xl-3{margin-right:16px!important}.mb-xl-3{margin-bottom:16px!important}.ml-xl-3{margin-left:16px!important}.mt-xl-n3{margin-top:-16px!important}.mr-xl-n3{margin-right:-16px!important}.mb-xl-n3{margin-bottom:-16px!important}.ml-xl-n3{margin-left:-16px!important}.mx-xl-3{margin-right:16px!important;margin-left:16px!important}.my-xl-3{margin-top:16px!important;margin-bottom:16px!important}.m-xl-4{margin:24px!important}.mt-xl-4{margin-top:24px!important}.mr-xl-4{margin-right:24px!important}.mb-xl-4{margin-bottom:24px!important}.ml-xl-4{margin-left:24px!important}.mt-xl-n4{margin-top:-24px!important}.mr-xl-n4{margin-right:-24px!important}.mb-xl-n4{margin-bottom:-24px!important}.ml-xl-n4{margin-left:-24px!important}.mx-xl-4{margin-right:24px!important;margin-left:24px!important}.my-xl-4{margin-top:24px!important;margin-bottom:24px!important}.m-xl-5{margin:32px!important}.mt-xl-5{margin-top:32px!important}.mr-xl-5{margin-right:32px!important}.mb-xl-5{margin-bottom:32px!important}.ml-xl-5{margin-left:32px!important}.mt-xl-n5{margin-top:-32px!important}.mr-xl-n5{margin-right:-32px!important}.mb-xl-n5{margin-bottom:-32px!important}.ml-xl-n5{margin-left:-32px!important}.mx-xl-5{margin-right:32px!important;margin-left:32px!important}.my-xl-5{margin-top:32px!important;margin-bottom:32px!important}.m-xl-6{margin:40px!important}.mt-xl-6{margin-top:40px!important}.mr-xl-6{margin-right:40px!important}.mb-xl-6{margin-bottom:40px!important}.ml-xl-6{margin-left:40px!important}.mt-xl-n6{margin-top:-40px!important}.mr-xl-n6{margin-right:-40px!important}.mb-xl-n6{margin-bottom:-40px!important}.ml-xl-n6{margin-left:-40px!important}.mx-xl-6{margin-right:40px!important;margin-left:40px!important}.my-xl-6{margin-top:40px!important;margin-bottom:40px!important}.mx-xl-auto{margin-right:auto!important;margin-left:auto!important}}.p-0{padding:0!important}.pt-0{padding-top:0!important}.pr-0{padding-right:0!important}.pb-0{padding-bottom:0!important}.pl-0{padding-left:0!important}.px-0{padding-right:0!important;padding-left:0!important}.py-0{padding-top:0!important;padding-bottom:0!important}.p-1{padding:4px!important}.pt-1{padding-top:4px!important}.pr-1{padding-right:4px!important}.pb-1{padding-bottom:4px!important}.pl-1{padding-left:4px!important}.px-1{padding-right:4px!important;padding-left:4px!important}.py-1{padding-top:4px!important;padding-bottom:4px!important}.p-2{padding:8px!important}.pt-2{padding-top:8px!important}.pr-2{padding-right:8px!important}.pb-2{padding-bottom:8px!important}.pl-2{padding-left:8px!important}.px-2{padding-right:8px!important;padding-left:8px!important}.py-2{padding-top:8px!important;padding-bottom:8px!important}.p-3{padding:16px!important}.pt-3{padding-top:16px!important}.pr-3{padding-right:16px!important}.pb-3{padding-bottom:16px!important}.pl-3{padding-left:16px!important}.px-3{padding-right:16px!important;padding-left:16px!important}.py-3{padding-top:16px!important;padding-bottom:16px!important}.p-4{padding:24px!important}.pt-4{padding-top:24px!important}.pr-4{padding-right:24px!important}.pb-4{padding-bottom:24px!important}.pl-4{padding-left:24px!important}.px-4{padding-right:24px!important;padding-left:24px!important}.py-4{padding-top:24px!important;padding-bottom:24px!important}.p-5{padding:32px!important}.pt-5{padding-top:32px!important}.pr-5{padding-right:32px!important}.pb-5{padding-bottom:32px!important}.pl-5{padding-left:32px!important}.px-5{padding-right:32px!important;padding-left:32px!important}.py-5{padding-top:32px!important;padding-bottom:32px!important}.p-6{padding:40px!important}.pt-6{padding-top:40px!important}.pr-6{padding-right:40px!important}.pb-6{padding-bottom:40px!important}.pl-6{padding-left:40px!important}.px-6{padding-right:40px!important;padding-left:40px!important}.py-6{padding-top:40px!important;padding-bottom:40px!important}@media (min-width:544px){.p-sm-0{padding:0!important}.pt-sm-0{padding-top:0!important}.pr-sm-0{padding-right:0!important}.pb-sm-0{padding-bottom:0!important}.pl-sm-0{padding-left:0!important}.px-sm-0{padding-right:0!important;padding-left:0!important}.py-sm-0{padding-top:0!important;padding-bottom:0!important}.p-sm-1{padding:4px!important}.pt-sm-1{padding-top:4px!important}.pr-sm-1{padding-right:4px!important}.pb-sm-1{padding-bottom:4px!important}.pl-sm-1{padding-left:4px!important}.px-sm-1{padding-right:4px!important;padding-left:4px!important}.py-sm-1{padding-top:4px!important;padding-bottom:4px!important}.p-sm-2{padding:8px!important}.pt-sm-2{padding-top:8px!important}.pr-sm-2{padding-right:8px!important}.pb-sm-2{padding-bottom:8px!important}.pl-sm-2{padding-left:8px!important}.px-sm-2{padding-right:8px!important;padding-left:8px!important}.py-sm-2{padding-top:8px!important;padding-bottom:8px!important}.p-sm-3{padding:16px!important}.pt-sm-3{padding-top:16px!important}.pr-sm-3{padding-right:16px!important}.pb-sm-3{padding-bottom:16px!important}.pl-sm-3{padding-left:16px!important}.px-sm-3{padding-right:16px!important;padding-left:16px!important}.py-sm-3{padding-top:16px!important;padding-bottom:16px!important}.p-sm-4{padding:24px!important}.pt-sm-4{padding-top:24px!important}.pr-sm-4{padding-right:24px!important}.pb-sm-4{padding-bottom:24px!important}.pl-sm-4{padding-left:24px!important}.px-sm-4{padding-right:24px!important;padding-left:24px!important}.py-sm-4{padding-top:24px!important;padding-bottom:24px!important}.p-sm-5{padding:32px!important}.pt-sm-5{padding-top:32px!important}.pr-sm-5{padding-right:32px!important}.pb-sm-5{padding-bottom:32px!important}.pl-sm-5{padding-left:32px!important}.px-sm-5{padding-right:32px!important;padding-left:32px!important}.py-sm-5{padding-top:32px!important;padding-bottom:32px!important}.p-sm-6{padding:40px!important}.pt-sm-6{padding-top:40px!important}.pr-sm-6{padding-right:40px!important}.pb-sm-6{padding-bottom:40px!important}.pl-sm-6{padding-left:40px!important}.px-sm-6{padding-right:40px!important;padding-left:40px!important}.py-sm-6{padding-top:40px!important;padding-bottom:40px!important}}@media (min-width:768px){.p-md-0{padding:0!important}.pt-md-0{padding-top:0!important}.pr-md-0{padding-right:0!important}.pb-md-0{padding-bottom:0!important}.pl-md-0{padding-left:0!important}.px-md-0{padding-right:0!important;padding-left:0!important}.py-md-0{padding-top:0!important;padding-bottom:0!important}.p-md-1{padding:4px!important}.pt-md-1{padding-top:4px!important}.pr-md-1{padding-right:4px!important}.pb-md-1{padding-bottom:4px!important}.pl-md-1{padding-left:4px!important}.px-md-1{padding-right:4px!important;padding-left:4px!important}.py-md-1{padding-top:4px!important;padding-bottom:4px!important}.p-md-2{padding:8px!important}.pt-md-2{padding-top:8px!important}.pr-md-2{padding-right:8px!important}.pb-md-2{padding-bottom:8px!important}.pl-md-2{padding-left:8px!important}.px-md-2{padding-right:8px!important;padding-left:8px!important}.py-md-2{padding-top:8px!important;padding-bottom:8px!important}.p-md-3{padding:16px!important}.pt-md-3{padding-top:16px!important}.pr-md-3{padding-right:16px!important}.pb-md-3{padding-bottom:16px!important}.pl-md-3{padding-left:16px!important}.px-md-3{padding-right:16px!important;padding-left:16px!important}.py-md-3{padding-top:16px!important;padding-bottom:16px!important}.p-md-4{padding:24px!important}.pt-md-4{padding-top:24px!important}.pr-md-4{padding-right:24px!important}.pb-md-4{padding-bottom:24px!important}.pl-md-4{padding-left:24px!important}.px-md-4{padding-right:24px!important;padding-left:24px!important}.py-md-4{padding-top:24px!important;padding-bottom:24px!important}.p-md-5{padding:32px!important}.pt-md-5{padding-top:32px!important}.pr-md-5{padding-right:32px!important}.pb-md-5{padding-bottom:32px!important}.pl-md-5{padding-left:32px!important}.px-md-5{padding-right:32px!important;padding-left:32px!important}.py-md-5{padding-top:32px!important;padding-bottom:32px!important}.p-md-6{padding:40px!important}.pt-md-6{padding-top:40px!important}.pr-md-6{padding-right:40px!important}.pb-md-6{padding-bottom:40px!important}.pl-md-6{padding-left:40px!important}.px-md-6{padding-right:40px!important;padding-left:40px!important}.py-md-6{padding-top:40px!important;padding-bottom:40px!important}}@media (min-width:1012px){.p-lg-0{padding:0!important}.pt-lg-0{padding-top:0!important}.pr-lg-0{padding-right:0!important}.pb-lg-0{padding-bottom:0!important}.pl-lg-0{padding-left:0!important}.px-lg-0{padding-right:0!important;padding-left:0!important}.py-lg-0{padding-top:0!important;padding-bottom:0!important}.p-lg-1{padding:4px!important}.pt-lg-1{padding-top:4px!important}.pr-lg-1{padding-right:4px!important}.pb-lg-1{padding-bottom:4px!important}.pl-lg-1{padding-left:4px!important}.px-lg-1{padding-right:4px!important;padding-left:4px!important}.py-lg-1{padding-top:4px!important;padding-bottom:4px!important}.p-lg-2{padding:8px!important}.pt-lg-2{padding-top:8px!important}.pr-lg-2{padding-right:8px!important}.pb-lg-2{padding-bottom:8px!important}.pl-lg-2{padding-left:8px!important}.px-lg-2{padding-right:8px!important;padding-left:8px!important}.py-lg-2{padding-top:8px!important;padding-bottom:8px!important}.p-lg-3{padding:16px!important}.pt-lg-3{padding-top:16px!important}.pr-lg-3{padding-right:16px!important}.pb-lg-3{padding-bottom:16px!important}.pl-lg-3{padding-left:16px!important}.px-lg-3{padding-right:16px!important;padding-left:16px!important}.py-lg-3{padding-top:16px!important;padding-bottom:16px!important}.p-lg-4{padding:24px!important}.pt-lg-4{padding-top:24px!important}.pr-lg-4{padding-right:24px!important}.pb-lg-4{padding-bottom:24px!important}.pl-lg-4{padding-left:24px!important}.px-lg-4{padding-right:24px!important;padding-left:24px!important}.py-lg-4{padding-top:24px!important;padding-bottom:24px!important}.p-lg-5{padding:32px!important}.pt-lg-5{padding-top:32px!important}.pr-lg-5{padding-right:32px!important}.pb-lg-5{padding-bottom:32px!important}.pl-lg-5{padding-left:32px!important}.px-lg-5{padding-right:32px!important;padding-left:32px!important}.py-lg-5{padding-top:32px!important;padding-bottom:32px!important}.p-lg-6{padding:40px!important}.pt-lg-6{padding-top:40px!important}.pr-lg-6{padding-right:40px!important}.pb-lg-6{padding-bottom:40px!important}.pl-lg-6{padding-left:40px!important}.px-lg-6{padding-right:40px!important;padding-left:40px!important}.py-lg-6{padding-top:40px!important;padding-bottom:40px!important}}@media (min-width:1280px){.p-xl-0{padding:0!important}.pt-xl-0{padding-top:0!important}.pr-xl-0{padding-right:0!important}.pb-xl-0{padding-bottom:0!important}.pl-xl-0{padding-left:0!important}.px-xl-0{padding-right:0!important;padding-left:0!important}.py-xl-0{padding-top:0!important;padding-bottom:0!important}.p-xl-1{padding:4px!important}.pt-xl-1{padding-top:4px!important}.pr-xl-1{padding-right:4px!important}.pb-xl-1{padding-bottom:4px!important}.pl-xl-1{padding-left:4px!important}.px-xl-1{padding-right:4px!important;padding-left:4px!important}.py-xl-1{padding-top:4px!important;padding-bottom:4px!important}.p-xl-2{padding:8px!important}.pt-xl-2{padding-top:8px!important}.pr-xl-2{padding-right:8px!important}.pb-xl-2{padding-bottom:8px!important}.pl-xl-2{padding-left:8px!important}.px-xl-2{padding-right:8px!important;padding-left:8px!important}.py-xl-2{padding-top:8px!important;padding-bottom:8px!important}.p-xl-3{padding:16px!important}.pt-xl-3{padding-top:16px!important}.pr-xl-3{padding-right:16px!important}.pb-xl-3{padding-bottom:16px!important}.pl-xl-3{padding-left:16px!important}.px-xl-3{padding-right:16px!important;padding-left:16px!important}.py-xl-3{padding-top:16px!important;padding-bottom:16px!important}.p-xl-4{padding:24px!important}.pt-xl-4{padding-top:24px!important}.pr-xl-4{padding-right:24px!important}.pb-xl-4{padding-bottom:24px!important}.pl-xl-4{padding-left:24px!important}.px-xl-4{padding-right:24px!important;padding-left:24px!important}.py-xl-4{padding-top:24px!important;padding-bottom:24px!important}.p-xl-5{padding:32px!important}.pt-xl-5{padding-top:32px!important}.pr-xl-5{padding-right:32px!important}.pb-xl-5{padding-bottom:32px!important}.pl-xl-5{padding-left:32px!important}.px-xl-5{padding-right:32px!important;padding-left:32px!important}.py-xl-5{padding-top:32px!important;padding-bottom:32px!important}.p-xl-6{padding:40px!important}.pt-xl-6{padding-top:40px!important}.pr-xl-6{padding-right:40px!important}.pb-xl-6{padding-bottom:40px!important}.pl-xl-6{padding-left:40px!important}.px-xl-6{padding-right:40px!important;padding-left:40px!important}.py-xl-6{padding-top:40px!important;padding-bottom:40px!important}}.p-responsive{padding-right:16px!important;padding-left:16px!important}@media (min-width:544px){.p-responsive{padding-right:40px!important;padding-left:40px!important}}@media (min-width:1012px){.p-responsive{padding-right:16px!important;padding-left:16px!important}}.h1{font-size:26px!important}@media (min-width:768px){.h1{font-size:32px!important}}.h2{font-size:22px!important}@media (min-width:768px){.h2{font-size:24px!important}}.h3{font-size:18px!important}@media (min-width:768px){.h3{font-size:20px!important}}.h4{font-size:16px!important}.h5{font-size:14px!important}.h6{font-size:12px!important}.h1,.h2,.h3,.h4,.h5,.h6{font-weight:600!important}.f1{font-size:26px!important}@media (min-width:768px){.f1{font-size:32px!important}}.f2{font-size:22px!important}@media (min-width:768px){.f2{font-size:24px!important}}.f3{font-size:18px!important}@media (min-width:768px){.f3{font-size:20px!important}}.f4{font-size:16px!important}@media (min-width:768px){.f4{font-size:16px!important}}.f5{font-size:14px!important}.f6{font-size:12px!important}.f00-light{font-size:40px!important;font-weight:300!important}@media (min-width:768px){.f00-light{font-size:48px!important}}.f0-light{font-size:32px!important;font-weight:300!important}@media (min-width:768px){.f0-light{font-size:40px!important}}.f1-light{font-size:26px!important;font-weight:300!important}@media (min-width:768px){.f1-light{font-size:32px!important}}.f2-light{font-size:22px!important;font-weight:300!important}@media (min-width:768px){.f2-light{font-size:24px!important}}.f3-light{font-size:18px!important;font-weight:300!important}@media (min-width:768px){.f3-light{font-size:20px!important}}.text-small{font-size:12px!important}.lead{margin-bottom:30px;font-size:20px;font-weight:300;color:#586069}.lh-condensed-ultra{line-height:1!important}.lh-condensed{line-height:1.25!important}.lh-default{line-height:1.5!important}.lh-0{line-height:0!important}.text-right{text-align:right!important}.text-left{text-align:left!important}.text-center{text-align:center!important}@media (min-width:544px){.text-sm-right{text-align:right!important}.text-sm-left{text-align:left!important}.text-sm-center{text-align:center!important}}@media (min-width:768px){.text-md-right{text-align:right!important}.text-md-left{text-align:left!important}.text-md-center{text-align:center!important}}@media (min-width:1012px){.text-lg-right{text-align:right!important}.text-lg-left{text-align:left!important}.text-lg-center{text-align:center!important}}@media (min-width:1280px){.text-xl-right{text-align:right!important}.text-xl-left{text-align:left!important}.text-xl-center{text-align:center!important}}.text-normal{font-weight:400!important}.text-bold{font-weight:600!important}.text-italic{font-style:italic!important}.text-uppercase{text-transform:uppercase!important}.text-underline{text-decoration:underline!important}.no-underline{text-decoration:none!important}.no-wrap{white-space:nowrap!important}.ws-normal{white-space:normal!important}.wb-break-all{word-break:break-all!important}.text-emphasized{font-weight:600;color:#24292e}.list-style-none{list-style:none!important}.text-shadow-dark{text-shadow:0 1px 1px rgba(27,31,35,.25),0 1px 25px rgba(27,31,35,.75)}.text-shadow-light{text-shadow:0 1px 0 rgba(255,255,255,.5)}.text-mono{font-family:SFMono-Regular,Consolas,"Liberation Mono",Menlo,Courier,monospace}.user-select-none{user-select:none!important}.d-block{display:block!important}.d-flex{display:flex!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-inline-flex{display:inline-flex!important}.d-none{display:none!important}.d-table{display:table!important}.d-table-cell{display:table-cell!important}@media (min-width:544px){.d-sm-block{display:block!important}.d-sm-flex{display:flex!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-inline-flex{display:inline-flex!important}.d-sm-none{display:none!important}.d-sm-table{display:table!important}.d-sm-table-cell{display:table-cell!important}}@media (min-width:768px){.d-md-block{display:block!important}.d-md-flex{display:flex!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-inline-flex{display:inline-flex!important}.d-md-none{display:none!important}.d-md-table{display:table!important}.d-md-table-cell{display:table-cell!important}}@media (min-width:1012px){.d-lg-block{display:block!important}.d-lg-flex{display:flex!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-inline-flex{display:inline-flex!important}.d-lg-none{display:none!important}.d-lg-table{display:table!important}.d-lg-table-cell{display:table-cell!important}}@media (min-width:1280px){.d-xl-block{display:block!important}.d-xl-flex{display:flex!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-inline-flex{display:inline-flex!important}.d-xl-none{display:none!important}.d-xl-table{display:table!important}.d-xl-table-cell{display:table-cell!important}}.v-hidden{visibility:hidden!important}.v-visible{visibility:visible!important}@media (max-width:544px){.hide-sm{display:none!important}}@media (min-width:544px) and(max-width:768px){.hide-md{display:none!important}}@media (min-width:768px) and(max-width:1012px){.hide-lg{display:none!important}}@media (min-width:1012px){.hide-xl{display:none!important}}.table-fixed{table-layout:fixed!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);word-wrap:normal;border:0}.show-on-focus{position:absolute;width:1px;height:1px;margin:0;overflow:hidden;clip:rect(1px,1px,1px,1px)}.show-on-focus:focus{z-index:20;width:auto;height:auto;clip:auto}.container{width:980px;margin-right:auto;margin-left:auto}.container::before{display:table;content:""}.container::after{display:table;clear:both;content:""}.container-md{max-width:768px;margin-right:auto;margin-left:auto}.container-lg{max-width:1012px;margin-right:auto;margin-left:auto}.container-xl{max-width:1280px;margin-right:auto;margin-left:auto}.columns{margin-right:-10px;margin-left:-10px}.columns::before{display:table;content:""}.columns::after{display:table;clear:both;content:""}.column{float:left;padding-right:10px;padding-left:10px}.one-third{width:33.333333%}.two-thirds{width:66.666667%}.one-fourth{width:25%}.one-half{width:50%}.three-fourths{width:75%}.one-fifth{width:20%}.four-fifths{width:80%}.centered{display:block;float:none;margin-right:auto;margin-left:auto}.col-1{width:8.3333333333%}.col-2{width:16.6666666667%}.col-3{width:25%}.col-4{width:33.3333333333%}.col-5{width:41.6666666667%}.col-6{width:50%}.col-7{width:58.3333333333%}.col-8{width:66.6666666667%}.col-9{width:75%}.col-10{width:83.3333333333%}.col-11{width:91.6666666667%}.col-12{width:100%}@media (min-width:544px){.col-sm-1{width:8.3333333333%}.col-sm-2{width:16.6666666667%}.col-sm-3{width:25%}.col-sm-4{width:33.3333333333%}.col-sm-5{width:41.6666666667%}.col-sm-6{width:50%}.col-sm-7{width:58.3333333333%}.col-sm-8{width:66.6666666667%}.col-sm-9{width:75%}.col-sm-10{width:83.3333333333%}.col-sm-11{width:91.6666666667%}.col-sm-12{width:100%}}@media (min-width:768px){.col-md-1{width:8.3333333333%}.col-md-2{width:16.6666666667%}.col-md-3{width:25%}.col-md-4{width:33.3333333333%}.col-md-5{width:41.6666666667%}.col-md-6{width:50%}.col-md-7{width:58.3333333333%}.col-md-8{width:66.6666666667%}.col-md-9{width:75%}.col-md-10{width:83.3333333333%}.col-md-11{width:91.6666666667%}.col-md-12{width:100%}}@media (min-width:1012px){.col-lg-1{width:8.3333333333%}.col-lg-2{width:16.6666666667%}.col-lg-3{width:25%}.col-lg-4{width:33.3333333333%}.col-lg-5{width:41.6666666667%}.col-lg-6{width:50%}.col-lg-7{width:58.3333333333%}.col-lg-8{width:66.6666666667%}.col-lg-9{width:75%}.col-lg-10{width:83.3333333333%}.col-lg-11{width:91.6666666667%}.col-lg-12{width:100%}}@media (min-width:1280px){.col-xl-1{width:8.3333333333%}.col-xl-2{width:16.6666666667%}.col-xl-3{width:25%}.col-xl-4{width:33.3333333333%}.col-xl-5{width:41.6666666667%}.col-xl-6{width:50%}.col-xl-7{width:58.3333333333%}.col-xl-8{width:66.6666666667%}.col-xl-9{width:75%}.col-xl-10{width:83.3333333333%}.col-xl-11{width:91.6666666667%}.col-xl-12{width:100%}}.gutter{margin-right:-16px;margin-left:-16px}.gutter>[class*=col-]{padding-right:16px!important;padding-left:16px!important}.gutter-condensed{margin-right:-8px;margin-left:-8px}.gutter-condensed>[class*=col-]{padding-right:8px!important;padding-left:8px!important}.gutter-spacious{margin-right:-24px;margin-left:-24px}.gutter-spacious>[class*=col-]{padding-right:24px!important;padding-left:24px!important}@media (min-width:544px){.gutter-sm{margin-right:-16px;margin-left:-16px}.gutter-sm>[class*=col-]{padding-right:16px!important;padding-left:16px!important}.gutter-sm-condensed{margin-right:-8px;margin-left:-8px}.gutter-sm-condensed>[class*=col-]{padding-right:8px!important;padding-left:8px!important}.gutter-sm-spacious{margin-right:-24px;margin-left:-24px}.gutter-sm-spacious>[class*=col-]{padding-right:24px!important;padding-left:24px!important}}@media (min-width:768px){.gutter-md{margin-right:-16px;margin-left:-16px}.gutter-md>[class*=col-]{padding-right:16px!important;padding-left:16px!important}.gutter-md-condensed{margin-right:-8px;margin-left:-8px}.gutter-md-condensed>[class*=col-]{padding-right:8px!important;padding-left:8px!important}.gutter-md-spacious{margin-right:-24px;margin-left:-24px}.gutter-md-spacious>[class*=col-]{padding-right:24px!important;padding-left:24px!important}}@media (min-width:1012px){.gutter-lg{margin-right:-16px;margin-left:-16px}.gutter-lg>[class*=col-]{padding-right:16px!important;padding-left:16px!important}.gutter-lg-condensed{margin-right:-8px;margin-left:-8px}.gutter-lg-condensed>[class*=col-]{padding-right:8px!important;padding-left:8px!important}.gutter-lg-spacious{margin-right:-24px;margin-left:-24px}.gutter-lg-spacious>[class*=col-]{padding-right:24px!important;padding-left:24px!important}}@media (min-width:1280px){.gutter-xl{margin-right:-16px;margin-left:-16px}.gutter-xl>[class*=col-]{padding-right:16px!important;padding-left:16px!important}.gutter-xl-condensed{margin-right:-8px;margin-left:-8px}.gutter-xl-condensed>[class*=col-]{padding-right:8px!important;padding-left:8px!important}.gutter-xl-spacious{margin-right:-24px;margin-left:-24px}.gutter-xl-spacious>[class*=col-]{padding-right:24px!important;padding-left:24px!important}}.offset-1{margin-left:8.3333333333%!important}.offset-2{margin-left:16.6666666667%!important}.offset-3{margin-left:25%!important}.offset-4{margin-left:33.3333333333%!important}.offset-5{margin-left:41.6666666667%!important}.offset-6{margin-left:50%!important}.offset-7{margin-left:58.3333333333%!important}.offset-8{margin-left:66.6666666667%!important}.offset-9{margin-left:75%!important}.offset-10{margin-left:83.3333333333%!important}.offset-11{margin-left:91.6666666667%!important}@media (min-width:544px){.offset-sm-1{margin-left:8.3333333333%!important}.offset-sm-2{margin-left:16.6666666667%!important}.offset-sm-3{margin-left:25%!important}.offset-sm-4{margin-left:33.3333333333%!important}.offset-sm-5{margin-left:41.6666666667%!important}.offset-sm-6{margin-left:50%!important}.offset-sm-7{margin-left:58.3333333333%!important}.offset-sm-8{margin-left:66.6666666667%!important}.offset-sm-9{margin-left:75%!important}.offset-sm-10{margin-left:83.3333333333%!important}.offset-sm-11{margin-left:91.6666666667%!important}}@media (min-width:768px){.offset-md-1{margin-left:8.3333333333%!important}.offset-md-2{margin-left:16.6666666667%!important}.offset-md-3{margin-left:25%!important}.offset-md-4{margin-left:33.3333333333%!important}.offset-md-5{margin-left:41.6666666667%!important}.offset-md-6{margin-left:50%!important}.offset-md-7{margin-left:58.3333333333%!important}.offset-md-8{margin-left:66.6666666667%!important}.offset-md-9{margin-left:75%!important}.offset-md-10{margin-left:83.3333333333%!important}.offset-md-11{margin-left:91.6666666667%!important}}@media (min-width:1012px){.offset-lg-1{margin-left:8.3333333333%!important}.offset-lg-2{margin-left:16.6666666667%!important}.offset-lg-3{margin-left:25%!important}.offset-lg-4{margin-left:33.3333333333%!important}.offset-lg-5{margin-left:41.6666666667%!important}.offset-lg-6{margin-left:50%!important}.offset-lg-7{margin-left:58.3333333333%!important}.offset-lg-8{margin-left:66.6666666667%!important}.offset-lg-9{margin-left:75%!important}.offset-lg-10{margin-left:83.3333333333%!important}.offset-lg-11{margin-left:91.6666666667%!important}}@media (min-width:1280px){.offset-xl-1{margin-left:8.3333333333%!important}.offset-xl-2{margin-left:16.6666666667%!important}.offset-xl-3{margin-left:25%!important}.offset-xl-4{margin-left:33.3333333333%!important}.offset-xl-5{margin-left:41.6666666667%!important}.offset-xl-6{margin-left:50%!important}.offset-xl-7{margin-left:58.3333333333%!important}.offset-xl-8{margin-left:66.6666666667%!important}.offset-xl-9{margin-left:75%!important}.offset-xl-10{margin-left:83.3333333333%!important}.offset-xl-11{margin-left:91.6666666667%!important}}.markdown-body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:16px;line-height:1.5;word-wrap:break-word}.markdown-body::before{display:table;content:""}.markdown-body::after{display:table;clear:both;content:""}.markdown-body>* :first-child{margin-top:0!important}.markdown-body>* :last-child{margin-bottom:0!important}.markdown-body a:not([href]){color:inherit;text-decoration:none}.markdown-body .absent{color:#cb2431}.markdown-body .anchor{float:left;padding-right:4px;margin-left:-20px;line-height:1}.markdown-body .anchor:focus{outline:0}.markdown-body blockquote,.markdown-body dl,.markdown-body ol,.markdown-body p,.markdown-body pre,.markdown-body table,.markdown-body ul{margin-top:0;margin-bottom:16px}.markdown-body hr{height:.25em;padding:0;margin:24px 0;background-color:#e1e4e8;border:0}.markdown-body blockquote{padding:0 1em;color:#6a737d;border-left:.25em solid #dfe2e5}.markdown-body blockquote>:first-child{margin-top:0}.markdown-body blockquote>:last-child{margin-bottom:0}.markdown-body kbd{display:inline-block;padding:3px 5px;font-size:11px;line-height:10px;color:#444d56;vertical-align:middle;background-color:#fafbfc;border:solid 1px #c6cbd1;border-bottom-color:#959da5;border-radius:3px;box-shadow:inset 0 -1px 0 #959da5}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6{margin-top:24px;margin-bottom:16px;font-weight:600;line-height:1.25}.markdown-body h1 .octicon-link,.markdown-body h2 .octicon-link,.markdown-body h3 .octicon-link,.markdown-body h4 .octicon-link,.markdown-body h5 .octicon-link,.markdown-body h6 .octicon-link{color:#1b1f23;vertical-align:middle;visibility:hidden}.markdown-body h1:hover .anchor,.markdown-body h2:hover .anchor,.markdown-body h3:hover .anchor,.markdown-body h4:hover .anchor,.markdown-body h5:hover .anchor,.markdown-body h6:hover .anchor{text-decoration:none}.markdown-body h1:hover .anchor .octicon-link,.markdown-body h2:hover .anchor .octicon-link,.markdown-body h3:hover .anchor .octicon-link,.markdown-body h4:hover .anchor .octicon-link,.markdown-body h5:hover .anchor .octicon-link,.markdown-body h6:hover .anchor .octicon-link{visibility:visible}.markdown-body h1 code,.markdown-body h1 tt,.markdown-body h2 code,.markdown-body h2 tt,.markdown-body h3 code,.markdown-body h3 tt,.markdown-body h4 code,.markdown-body h4 tt,.markdown-body h5 code,.markdown-body h5 tt,.markdown-body h6 code,.markdown-body h6 tt{font-size:inherit}.markdown-body h1{padding-bottom:.3em;font-size:2em;border-bottom:1px solid #eaecef}.markdown-body h2{padding-bottom:.3em;font-size:1.5em;border-bottom:1px solid #eaecef}.markdown-body h3{font-size:1.25em}.markdown-body h4{font-size:1em}.markdown-body h5{font-size:.875em}.markdown-body h6{font-size:.85em;color:#6a737d}.markdown-body ol,.markdown-body ul{padding-left:2em}.markdown-body ol.no-list,.markdown-body ul.no-list{padding:0;list-style-type:none}.markdown-body ol ol,.markdown-body ol ul,.markdown-body ul ol,.markdown-body ul ul{margin-top:0;margin-bottom:0}.markdown-body li{word-wrap:break-all}.markdown-body li>p{margin-top:16px}.markdown-body li+li{margin-top:.25em}.markdown-body dl{padding:0}.markdown-body dl dt{padding:0;margin-top:16px;font-size:1em;font-style:italic;font-weight:600}.markdown-body dl dd{padding:0 16px;margin-bottom:16px}.markdown-body table{display:block;width:100%;overflow:auto}.markdown-body table th{font-weight:600}.markdown-body table td,.markdown-body table th{padding:6px 13px;border:1px solid #dfe2e5}.markdown-body table tr{background-color:#fff;border-top:1px solid #c6cbd1}.markdown-body table tr:nth-child(2n){background-color:#f6f8fa}.markdown-body table img{background-color:transparent}.markdown-body img{max-width:100%;box-sizing:content-box;background-color:#fff}.markdown-body img[align=right]{padding-left:20px}.markdown-body img[align=left]{padding-right:20px}.markdown-body .emoji{max-width:none;vertical-align:text-top;background-color:transparent}.markdown-body span.frame{display:block;overflow:hidden}.markdown-body span.frame>span{display:block;float:left;width:auto;padding:7px;margin:13px 0 0;overflow:hidden;border:1px solid #dfe2e5}.markdown-body span.frame span img{display:block;float:left}.markdown-body span.frame span span{display:block;padding:5px 0 0;clear:both;color:#24292e}.markdown-body span.align-center{display:block;overflow:hidden;clear:both}.markdown-body span.align-center>span{display:block;margin:13px auto 0;overflow:hidden;text-align:center}.markdown-body span.align-center span img{margin:0 auto;text-align:center}.markdown-body span.align-right{display:block;overflow:hidden;clear:both}.markdown-body span.align-right>span{display:block;margin:13px 0 0;overflow:hidden;text-align:right}.markdown-body span.align-right span img{margin:0;text-align:right}.markdown-body span.float-left{display:block;float:left;margin-right:13px;overflow:hidden}.markdown-body span.float-left span{margin:13px 0 0}.markdown-body span.float-right{display:block;float:right;margin-left:13px;overflow:hidden}.markdown-body span.float-right>span{display:block;margin:13px auto 0;overflow:hidden;text-align:right}.markdown-body code,.markdown-body tt{padding:.2em .4em;margin:0;font-size:85%;background-color:rgba(27,31,35,.05);border-radius:3px}.markdown-body code br,.markdown-body tt br{display:none}.markdown-body del code{text-decoration:inherit}.markdown-body pre{word-wrap:normal}.markdown-body pre>code{padding:0;margin:0;font-size:100%;word-break:normal;white-space:pre;background:0 0;border:0}.markdown-body .highlight{margin-bottom:16px}.markdown-body .highlight pre{margin-bottom:0;word-break:normal}.markdown-body .highlight pre,.markdown-body pre{padding:16px;overflow:auto;font-size:85%;line-height:1.45;background-color:#f6f8fa;border-radius:3px}.markdown-body pre code,.markdown-body pre tt{display:inline;max-width:auto;padding:0;margin:0;overflow:visible;line-height:inherit;word-wrap:normal;background-color:transparent;border:0}.markdown-body .csv-data td,.markdown-body .csv-data th{padding:5px;overflow:hidden;font-size:12px;line-height:1;text-align:left;white-space:nowrap}.markdown-body .csv-data .blob-num{padding:10px 8px 9px;text-align:right;background:#fff;border:0}.markdown-body .csv-data tr{border-top:0}.markdown-body .csv-data th{font-weight:600;background:#f6f8fa;border-top:0}.highlight table td{padding:5px}.highlight table pre{margin:0}.highlight .cm{color:#998;font-style:italic}.highlight .cp{color:#999;font-weight:700}.highlight .c1{color:#998;font-style:italic}.highlight .cs{color:#999;font-weight:700;font-style:italic}.highlight .c,.highlight .cd{color:#998;font-style:italic}.highlight .err{color:#a61717;background-color:#e3d2d2}.highlight .gd{color:#000;background-color:#fdd}.highlight .ge{color:#000;font-style:italic}.highlight .gr{color:#a00}.highlight .gh{color:#999}.highlight .gi{color:#000;background-color:#dfd}.highlight .go{color:#888}.highlight .gp{color:#555}.highlight .gs{font-weight:700}.highlight .gu{color:#aaa}.highlight .gt{color:#a00}.highlight .kc{color:#000;font-weight:700}.highlight .kd{color:#000;font-weight:700}.highlight .kn{color:#000;font-weight:700}.highlight .kp{color:#000;font-weight:700}.highlight .kr{color:#000;font-weight:700}.highlight .kt{color:#458;font-weight:700}.highlight .k,.highlight .kv{color:#000;font-weight:700}.highlight .mf{color:#099}.highlight .mh{color:#099}.highlight .il{color:#099}.highlight .mi{color:#099}.highlight .mo{color:#099}.highlight .m,.highlight .mb,.highlight .mx{color:#099}.highlight .sb{color:#d14}.highlight .sc{color:#d14}.highlight .sd{color:#d14}.highlight .s2{color:#d14}.highlight .se{color:#d14}.highlight .sh{color:#d14}.highlight .si{color:#d14}.highlight .sx{color:#d14}.highlight .sr{color:#009926}.highlight .s1{color:#d14}.highlight .ss{color:#990073}.highlight .s{color:#d14}.highlight .na{color:teal}.highlight .bp{color:#999}.highlight .nb{color:#0086b3}.highlight .nc{color:#458;font-weight:700}.highlight .no{color:teal}.highlight .nd{color:#3c5d5d;font-weight:700}.highlight .ni{color:purple}.highlight .ne{color:#900;font-weight:700}.highlight .nf{color:#900;font-weight:700}.highlight .nl{color:#900;font-weight:700}.highlight .nn{color:#555}.highlight .nt{color:navy}.highlight .vc{color:teal}.highlight .vg{color:teal}.highlight .vi{color:teal}.highlight .nv{color:teal}.highlight .ow{color:#000;font-weight:700}.highlight .o{color:#000;font-weight:700}.highlight .w{color:#bbb}.highlight{background-color:#f8f8f8}</style>
25 |       </head>
26 |       <body class="bg-white">
27 |         <nav class="container-md px-3 py-2 mt-2 mt-md-5 mb-5 markdown-body">
28 |           <p class="bg-yellow-light ml-n1 px-1 py-1 mb-1">
29 |             <strong>This is a web feed,</strong> also known as an RSS or Atom feed. <strong>Subscribe</strong> by copying the URL from the address bar into your newsreader.
30 |           </p>
31 |           <p class="text-gray">
32 |             Visit <a href="https://aboutfeeds.com">About Feeds</a> to get started with newsreaders and subscribing. It’s free.
33 |           </p>
34 |         </nav>
35 |         <div class="container-md px-3 py-3 markdown-body">
36 |           <header class="py-5">
37 |             <h1 class="border-0">
38 |               <!-- https://commons.wikimedia.org/wiki/File:Feed-icon.svg -->
39 |               <svg xmlns="http://www.w3.org/2000/svg" version="1.1" style="vertical-align: text-bottom; width: 1.2em; height: 1.2em;" class="pr-1" id="RSSicon" viewBox="0 0 256 256">
40 |                 <defs>
41 |                   <linearGradient x1="0.085" y1="0.085" x2="0.915" y2="0.915" id="RSSg">
42 |                     <stop  offset="0.0" stop-color="#E3702D"/><stop  offset="0.1071" stop-color="#EA7D31"/>
43 |                     <stop  offset="0.3503" stop-color="#F69537"/><stop  offset="0.5" stop-color="#FB9E3A"/>
44 |                     <stop  offset="0.7016" stop-color="#EA7C31"/><stop  offset="0.8866" stop-color="#DE642B"/>
45 |                     <stop  offset="1.0" stop-color="#D95B29"/>
46 |                   </linearGradient>
47 |                 </defs>
48 |                 <rect width="256" height="256" rx="55" ry="55" x="0"  y="0"  fill="#CC5D15"/>
49 |                 <rect width="246" height="246" rx="50" ry="50" x="5"  y="5"  fill="#F49C52"/>
50 |                 <rect width="236" height="236" rx="47" ry="47" x="10" y="10" fill="url(#RSSg)"/>
51 |                 <circle cx="68" cy="189" r="24" fill="#FFF"/>
52 |                 <path d="M160 213h-34a82 82 0 0 0 -82 -82v-34a116 116 0 0 1 116 116z" fill="#FFF"/>
53 |                 <path d="M184 213A140 140 0 0 0 44 73 V 38a175 175 0 0 1 175 175z" fill="#FFF"/>
54 |               </svg>
55 | 
56 |               Web Feed Preview
57 |             </h1>
58 |             <h2><xsl:value-of select="atom:feed/atom:title"/></h2>
59 |             <p><xsl:value-of select="atom:feed/atom:description"/></p>
60 |             <p>This preview only shows titles, but the actual feed contains the full content.</p>
61 |             <a class="head_link">
62 |               <xsl:attribute name="href">
63 |                 <xsl:value-of select="/atom:feed/atom:link[not(@rel)]/@href"/>
64 |               </xsl:attribute>
65 |               Visit Website &#x2192;
66 |             </a>
67 |           </header>
68 |           <h2>Recent Items</h2>
69 |           <xsl:apply-templates select="atom:feed/atom:entry" />
70 |         </div>
71 |       </body>
72 |     </html>
73 |   </xsl:template>
74 |   <xsl:template match="atom:feed/atom:entry">
75 |     <div class="pb-5">
76 |       <h3 class="mb-0">
77 |         <a>
78 |           <xsl:attribute name="href">
79 |             <xsl:value-of select="atom:link/@href"/>
80 |           </xsl:attribute>
81 |           <xsl:value-of select="atom:title"/>
82 |         </a>
83 |       </h3>
84 |       <small class="text-gray">
85 |         Published: <xsl:value-of select="atom:updated" />
86 |       </small>
87 |     </div>
88 |   </xsl:template>
89 | </xsl:stylesheet>
90 | 


--------------------------------------------------------------------------------