public/theme
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Split default theme file into includes, refactored sample content,

Browse Source 
setup home theme file.
This commit is contained in:
Andrew Stowell
2018-10-22 16:23:39 -04:00
parent 20673f1908
commit 9632542085
15 changed files with 269 additions and 385 deletions
Download Patch File Download Diff File Expand all files Collapse all files
_config.yml
+4
View File
@@ -11,6 +11,10 @@ description:
url: "http://theme.digitaladapt.com"
baseurl: /
# set to false to hide excerpts on the homepage
show_excerpts: true
excerpt_separator: <!--more-->
# Avatar, image location override, default /images/avatar.jpg
# avatar: /images/avatar.jpg
_includes/brand.html
+3
View File
@@ -0,0 +1,3 @@
<span class="image avatar"><img src="{{ site.avatar | default: '/images/avatar.jpg' | relative_url }}" alt="" /></span>
<h1 id="logo"><a href="{{ '/' | relative_url }}">{{ site.title }}</a></h1>
<p>{{ site.description }}</p>
_includes/footer.html
+8
View File
@@ -0,0 +1,8 @@
<div class="container">
<ul class="copyright">
<li>&copy; {{ site.time | date: "%Y" }} {{ site.title }}</li>
<!-- PER LICENSE OF THEME: ATTRIBUTION IS REQUIRED, DO NOT REMOVE -->
<li>Design: <a href="https://html5up.net">HTML5 UP</a></li>
<li>Jekyll Port: <a href="https://digitaladapt.com">DigitalAdapt</a></li>
</ul>
</div>
_includes/head.html
+2 -3
View File
@@ -1,12 +1,11 @@
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="/assets/css/main.css" />
<link rel="stylesheet" href="{{ '/assets/css/main.css' | relative_url }}" />
{%- seo -%}
{%- feed_meta -%}
{%- if jekyll.environment == 'production' and site.google_analytics -%}
{%- include google-analytics.html -%}
{%- include google-analytics.html -%}
{%- endif -%}
<!-- Begin Icons, thanks to https://realfavicongenerator.net/ -->
_includes/icons.html
+46
View File
@@ -0,0 +1,46 @@
<ul class="icons">
{%- if site.dribbble_username -%}
<li><a href="https://dribbble.com/{{ site.dribbble_username | cgi_escape | escape }}" class="icon fa-dribbble"><span class="label">{{ site.dribbble_username | escape }}</span></a></li>
{%- endif -%}
{%- if site.facebook_username -%}
<li><a href="https://www.facebook.com/{{ site.facebook_username | cgi_escape | escape }}" class="icon fa-facebook"><span class="label">{{ site.facebook_username | escape }}</span></a></li>
{%- endif -%}
{%- if site.flickr_username -%}
<li><a href="https://www.flickr.com/photos/{{ site.flickr_username | cgi_escape | escape }}" class="icon fa-flickr"><span class="label">{{ site.flickr_username | escape }}</span></a></li>
{%- endif -%}
{%- if site.github_username -%}
<li><a href="https://github.com/{{ site.github_username | cgi_escape | escape }}" class="icon fa-github"><span class="label">{{ site.github_username | escape }}</span></a></li>
{%- endif -%}
{%- if site.bitbucket_username -%}
<li><a href="https://bitbucket.org/{{ site.bitbucket_username | cgi_escape | escape }}" class="icon fa-bitbucket"><span class="label">{{ site.bitbucket_username | escape }}</span></a></li>
{%- endif -%}
{%- if site.instagram_username -%}
<li><a href="https://www.instagram.com/{{ site.instagram_username | cgi_escape | escape }}" class="icon fa-instagram"><span class="label">{{ site.instagram_username | escape }}</span></a></li>
{%- endif -%}
{%- if site.linkedin_username -%}
<li><a href="https://www.linkedin.com/in/{{ site.linkedin_username | cgi_escape | escape }}" class="icon fa-linkedin"><span class="label">{{ site.linkedin_username | escape }}</span></a></li>
{%- endif -%}
{%- if site.pinterest_username -%}
<li><a href="https://www.pinterest.com/{{ site.pinterest_username | cgi_escape | escape }}" class="icon fa-pinterest"><span class="label">{{ site.pinterest_username | escape }}</span></a></li>
{%- endif -%}
{%- for mst in site.mastodon -%}
{%- if mst.username and mst.instance -%}
<li><a href="https://{{ mst.instance | cgi_escape | escape}}/@{{mst.username}}" class="icon fa-mastodon"><span class="label">{{ mst.username |escape }}</span></a></li>
{%- endif -%}
{%- endfor -%}
{%- if site.twitter_username -%}
<li><a href="https://twitter.com/{{ site.twitter_username | cgi_escape | escape }}" class="icon fa-twitter"><span class="label">{{ site.twitter_username | escape }}</span></a></li>
{%- endif -%}
{%- if site.youtube_username -%}
<li><a href="https://www.youtube.com/{{ site.youtube_username | cgi_escape | escape }}" class="icon fa-youtube"><span class="label">{{ site.youtube_username | escape }}</span></a></li>
{%- endif -%}
{%- if site.googleplus_username -%}
<li><a href="https://plus.google.com/{{ site.googleplus_username | escape }}" class="icon fa-google-plus"><span class="label">{{ site.googleplus_username | escape }}</span></a></li>
{%- endif -%}
{%- if site.rss -%}
<li><a href="{{ 'feed.xml' | relative_url }}" class="icon fa-rss"><span class="label">{{ site.rss | escape }}</span></a></li>
{%- endif -%}
{%- if site.email -%}
<li><a href="mailto:{{ site.email | escape }}" class="icon fa-envelope"><span class="label">Email</span></a></li>
{%- endif -%}
</ul>
_includes/nav.html
+12
View File
@@ -0,0 +1,12 @@
<ul>
{%- assign: my_pages = site.pages | sort: "weight" -%}
{%- for my_page in my_pages -%}
{%- if my_page.title -%}
{%- if my_page.url == page.url -%}
<li><a class="active" href="#top">{{ my_page.title }}</a></li>
{%- else -%}
<li><a href="{{ my_page.url | relative_url }}">{{ my_page.title }}</a></li>
{%- endif -%}
{%- endif -%}
{%- endfor -%}
</ul>
_includes/scripts.html
+7
View File
@@ -0,0 +1,7 @@
<script src="{{ '/assets/js/jquery.min.js' | relative_url }}"></script>
<script src="{{ '/assets/js/jquery.scrollex.min.js' | relative_url }}"></script>
<script src="{{ '/assets/js/jquery.scrolly.min.js' | relative_url }}"></script>
<script src="{{ '/assets/js/browser.min.js' | relative_url }}"></script>
<script src="{{ '/assets/js/breakpoints.min.js' | relative_url }}"></script>
<script src="{{ '/assets/js/util.js' | relative_url }}"></script>
<script src="{{ '/assets/js/main.js' | relative_url }}"></script>
_layouts/default.html
+12 -100
View File
@@ -7,98 +7,19 @@
-->
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="{{ '/assets/css/main.css' | relative_url }}" />
{%- seo -%}
{%- feed_meta -%}
{%- if jekyll.environment == 'production' and site.google_analytics -%}
{%- include google-analytics.html -%}
{%- endif -%}
<!-- Begin Icons, thanks to https://realfavicongenerator.net/ -->
<link rel="apple-touch-icon" sizes="180x180" href="{{ '/apple-touch-icon.png' | relative_url }}">
<link rel="icon" type="image/png" sizes="32x32" href="{{ '/favicon-32x32.png' | relative_url }}">
<link rel="icon" type="image/png" sizes="194x194" href="{{ '/favicon-194x194.png' | relative_url }}">
<link rel="icon" type="image/png" sizes="192x192" href="{{ '/android-chrome-192x192.png' | relative_url }}">
<link rel="icon" type="image/png" sizes="16x16" href="{{ '/favicon-16x16.png' | relative_url }}">
<link rel="manifest" href="{{ '/site.webmanifest' | relative_url }}">
<meta name="apple-mobile-web-app-title" content="{{ site.title }}">
<meta name="application-name" content="{{ site.title }}">
<meta name="msapplication-TileColor" content="#000000">
<meta name="theme-color" content="#ffffff">
<!-- End Icons -->
{%- include head.html -%}
</head>
<body class="is-preload">
<!-- Header -->
<section id="header">
<header>
<span class="image avatar"><img src="{{ site.avatar | default: '/images/avatar.jpg' | relative_url }}" alt="" /></span>
<h1 id="logo"><a href="{{ '/' | relative_url }}">{{ site.title }}</a></h1>
<p>{{ site.description }}</p>
{%- include brand.html -%}
</header>
<nav id="nav">
<ul>
{%- assign: my_pages = site.pages | sort: "weight" -%}
{%- for my_page in my_pages -%}
{%- if my_page.title -%}
{%- if my_page.url == page.url -%}
<li><a class="active" href="#top">{{ my_page.title }}</a></li>
{%- else -%}
<li><a href="{{ my_page.url | relative_url }}">{{ my_page.title }}</a></li>
{%- endif -%}
{%- endif -%}
{%- endfor -%}
</ul>
{%- include nav.html -%}
</nav>
<footer>
<ul class="icons">
{%- if site.dribbble_username -%}
<li><a href="https://dribbble.com/{{ site.dribbble_username | cgi_escape | escape }}" class="icon fa-dribbble"><span class="label">{{ site.dribbble_username | escape }}</span></a></li>
{%- endif -%}
{%- if site.facebook_username -%}
<li><a href="https://www.facebook.com/{{ site.facebook_username | cgi_escape | escape }}" class="icon fa-facebook"><span class="label">{{ site.facebook_username | escape }}</span></a></li>
{%- endif -%}
{%- if site.flickr_username -%}
<li><a href="https://www.flickr.com/photos/{{ site.flickr_username | cgi_escape | escape }}" class="icon fa-flickr"><span class="label">{{ site.flickr_username | escape }}</span></a></li>
{%- endif -%}
{%- if site.github_username -%}
<li><a href="https://github.com/{{ site.github_username | cgi_escape | escape }}" class="icon fa-github"><span class="label">{{ site.github_username | escape }}</span></a></li>
{%- endif -%}
{%- if site.bitbucket_username -%}
<li><a href="https://bitbucket.org/{{ site.bitbucket_username | cgi_escape | escape }}" class="icon fa-bitbucket"><span class="label">{{ site.bitbucket_username | escape }}</span></a></li>
{%- endif -%}
{%- if site.instagram_username -%}
<li><a href="https://www.instagram.com/{{ site.instagram_username | cgi_escape | escape }}" class="icon fa-instagram"><span class="label">{{ site.instagram_username | escape }}</span></a></li>
{%- endif -%}
{%- if site.linkedin_username -%}
<li><a href="https://www.linkedin.com/in/{{ site.linkedin_username | cgi_escape | escape }}" class="icon fa-linkedin"><span class="label">{{ site.linkedin_username | escape }}</span></a></li>
{%- endif -%}
{%- if site.pinterest_username -%}
<li><a href="https://www.pinterest.com/{{ site.pinterest_username | cgi_escape | escape }}" class="icon fa-pinterest"><span class="label">{{ site.pinterest_username | escape }}</span></a></li>
{%- endif -%}
{%- for mst in site.mastodon -%}
{%- if mst.username and mst.instance -%}
<li><a href="https://{{ mst.instance | cgi_escape | escape}}/@{{mst.username}}" class="icon fa-mastodon"><span class="label">{{ mst.username |escape }}</span></a></li>
{%- endif -%}
{%- endfor -%}
{%- if site.twitter_username -%}
<li><a href="https://twitter.com/{{ site.twitter_username | cgi_escape | escape }}" class="icon fa-twitter"><span class="label">{{ site.twitter_username | escape }}</span></a></li>
{%- endif -%}
{%- if site.youtube_username -%}
<li><a href="https://www.youtube.com/{{ site.youtube_username | cgi_escape | escape }}" class="icon fa-youtube"><span class="label">{{ site.youtube_username | escape }}</span></a></li>
{%- endif -%}
{%- if site.googleplus_username -%}
<li><a href="https://plus.google.com/{{ site.googleplus_username | escape }}" class="icon fa-google-plus"><span class="label">{{ site.googleplus_username | escape }}</span></a></li>
{%- endif -%}
{%- if site.rss -%}
<li><a href="{{ 'feed.xml' | relative_url }}" class="icon fa-rss"><span class="label">{{ site.rss | escape }}</span></a></li>
{%- endif -%}
{%- if site.email -%}
<li><a href="mailto:{{ site.email | escape }}" class="icon fa-envelope"><span class="label">Email</span></a></li>
{%- endif -%}
</ul>
{%- include icons.html -%}
</footer>
</section>
@@ -107,13 +28,17 @@
<!-- Main -->
<div id="main">
<!-- One -->
<section id="top">
<div class="image main" data-position="center">
<img src="{{ page.banner | default: site.banner | default: '/images/banner.jpg' | relative_url }}" alt="" />
</div>
<div class="container">
<header class="major">
<h2>{{ page.title }}</h2>
{%- if page.description -%}
<p>{{ page.description }}</p>
{%- endif -%}
</header>
{{ content }}
</div>
</section>
@@ -121,26 +46,13 @@
<!-- Footer -->
<section id="footer">
<div class="container">
<ul class="copyright">
<li>&copy; {{ site.time | date: "%Y" }} {{ site.title }}</li>
<!-- PER LICENSE OF THEME: ATTRIBUTION IS REQUIRED, DO NOT REMOVE -->
<li>Design: <a href="https://html5up.net">HTML5 UP</a></li>
<li>Jekyll Port: <a href="https://digitaladapt.com">DigitalAdapt</a></li>
</ul>
</div>
{%- include footer.html -%}
</section>
</div>
<!-- Scripts -->
<script src="{{ '/assets/js/jquery.min.js' | relative_url }}"></script>
<script src="{{ '/assets/js/jquery.scrollex.min.js' | relative_url }}"></script>
<script src="{{ '/assets/js/jquery.scrolly.min.js' | relative_url }}"></script>
<script src="{{ '/assets/js/browser.min.js' | relative_url }}"></script>
<script src="{{ '/assets/js/breakpoints.min.js' | relative_url }}"></script>
<script src="{{ '/assets/js/util.js' | relative_url }}"></script>
<script src="{{ '/assets/js/main.js' | relative_url }}"></script>
{%- include scripts.html -%}
</body>
</html>
_layouts/home.html
+30
View File
@@ -0,0 +1,30 @@
---
layout: default
---
{{ content }}
{%- if site.posts.size > 0 -%}
<section id="articles" class="">
<div class="container">
<h3>{{ page.list_title | default: "Posts" }}</h3>
<div class="features">
{%- assign date_format = site.date_format | default: "%b %-d, %Y" -%}
{%- for post in site.posts -%}
<article>
<a href="{{ post.url | relative_url }}" class="image">
<img src="{{ post.banner }}" alt="">
</a>
<div class="inner">
<h4><a href="{{ post.url | relative_url }}">{{ post.title | escape }}</a></h4>
{{ post.date | date: date_format }}
{%- if site.show_excerpts -%}
{{ post.excerpt }}
{%- endif -%}
</div>
</article>
{%- endfor -%}
</div>
</div>
</section>
{%- endif -%}
_layouts/old_default.html
-154
View File
@@ -1,154 +0,0 @@
<!DOCTYPE html>
<!--
Read Only by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
Ported to a Jekyll Theme by DigitalAdapt.
-->
<html lang="{{ page.lang | default: site.lang | default: "en" }}">
<head>
{%- include head.html -%}
</head>
<body class="is-preload">
<!-- Header -->
<section id="header">
<header>
<span class="image avatar"><img src="{{ site.avatar | default: '/assets/images/avatar.jpg' | relative_url }}" alt="" /></span>
<h1 id="logo"><a href="{{ '/' | relative_url }}">{{ site.title | escape }}</a></h1>
<p>{{ site.description }}</p>
</header>
<nav id="nav">
<ul>
<li><a {% if '/' == page.url %} class="active" {% endif %} href="{{ '/' | relative_url }}">Home</a></li>
{%- for my_page in site.pages -%}
{%- if my_page.title -%}
<li><a {% if my_page.url == page.url %} class="active" {% endif %} href="{{ my_page.url | relative_url }}">{{ my_page.title | escape }}</a></li>
{%- endif -%}
{%- endfor -%}
</ul>
</nav>
<footer>
<ul class="icons">
<li><a href="#" class="icon fa-twitter"><span class="label">Twitter</span></a></li>
<li><a href="#" class="icon fa-facebook"><span class="label">Facebook</span></a></li>
<li><a href="#" class="icon fa-instagram"><span class="label">Instagram</span></a></li>
<li><a href="#" class="icon fa-github"><span class="label">Github</span></a></li>
<li><a href="#" class="icon fa-envelope"><span class="label">Email</span></a></li>
</ul>
</footer>
</section>
<!-- Wrapper -->
<div id="wrapper">
<!-- Main -->
<div id="main">
<section id="one">
{{ content }}
</section>
<!--
<section id="one">
<div class="image main" data-position="center">
<img src="images/banner.jpg" alt="" />
</div>
<div class="container">
<header class="major">
<h2>Read Only</h2>
<p>Just an incredibly simple responsive site<br />
template freebie by <a href="http://html5up.net">HTML5 UP</a>.</p>
</header>
<p>Faucibus sed lobortis aliquam lorem blandit. Lorem eu nunc metus col. Commodo id in arcu ante lorem ipsum sed accumsan erat praesent faucibus commodo ac mi lacus. Adipiscing mi ac commodo. Vis aliquet tortor ultricies non ante erat nunc integer eu ante ornare amet commetus vestibulum blandit integer in curae ac faucibus integer non. Adipiscing cubilia elementum.</p>
</div>
</section>
<section id="two">
<div class="container">
<h3>Things I Can Do</h3>
<p>Integer eu ante ornare amet commetus vestibulum blandit integer in curae ac faucibus integer non. Adipiscing cubilia elementum integer lorem ipsum dolor sit amet.</p>
<ul class="feature-icons">
<li class="fa-code">Write all the code</li>
<li class="fa-cubes">Stack small boxes</li>
<li class="fa-book">Read books and stuff</li>
<li class="fa-coffee">Drink much coffee</li>
<li class="fa-bolt">Lightning bolt</li>
<li class="fa-users">Shadow clone technique</li>
</ul>
</div>
</section>
<section id="three">
<div class="container">
<h3>A Few Accomplishments</h3>
<p>Integer eu ante ornare amet commetus vestibulum blandit integer in curae ac faucibus integer non. Adipiscing cubilia elementum integer. Integer eu ante ornare amet commetus.</p>
<div class="features">
<article>
<a href="#" class="image"><img src="images/pic01.jpg" alt="" /></a>
<div class="inner">
<h4>Possibly broke spacetime</h4>
<p>Integer eu ante ornare amet commetus vestibulum blandit integer in curae ac faucibus integer adipiscing ornare amet.</p>
</div>
</article>
<article>
<a href="#" class="image"><img src="images/pic02.jpg" alt="" /></a>
<div class="inner">
<h4>Terraformed a small moon</h4>
<p>Integer eu ante ornare amet commetus vestibulum blandit integer in curae ac faucibus integer adipiscing ornare amet.</p>
</div>
</article>
<article>
<a href="#" class="image"><img src="images/pic03.jpg" alt="" /></a>
<div class="inner">
<h4>Snapped dark matter in the wild</h4>
<p>Integer eu ante ornare amet commetus vestibulum blandit integer in curae ac faucibus integer adipiscing ornare amet.</p>
</div>
</article>
</div>
</div>
</section>
<section id="four">
<div class="container">
<h3>Contact Me</h3>
<p>Integer eu ante ornare amet commetus vestibulum blandit integer in curae ac faucibus integer non. Adipiscing cubilia elementum integer. Integer eu ante ornare amet commetus.</p>
<form method="post" action="#">
<div class="row gtr-uniform">
<div class="col-6 col-12-xsmall"><input type="text" name="name" id="name" placeholder="Name" /></div>
<div class="col-6 col-12-xsmall"><input type="email" name="email" id="email" placeholder="Email" /></div>
<div class="col-12"><input type="text" name="subject" id="subject" placeholder="Subject" /></div>
<div class="col-12"><textarea name="message" id="message" placeholder="Message" rows="6"></textarea></div>
<div class="col-12">
<ul class="actions">
<li><input type="submit" class="primary" value="Send Message" /></li>
<li><input type="reset" value="Reset Form" /></li>
</ul>
</div>
</div>
</form>
</div>
</section>
</div>
<section id="footer">
<div class="container">
<ul class="copyright">
<li>&copy; Untitled. All rights reserved.</li><li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
</ul>
</div>
</section>
-->
</div>
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>
_posts/2018-10-21-test-post.md
+8
View File
@@ -0,0 +1,8 @@
---
title: Test Post
layout: post
banner: /images/pic01.jpg
category: blog
---
Just a simple post.
<!--more-->
_posts/2018-10-22-second-post.md
+8
View File
@@ -0,0 +1,8 @@
---
title: Second Post
layout: post
banner: /images/pic02.jpg
category: blog
---
More simple posts.
<!--more-->
about.md
-7
View File
@@ -1,7 +0,0 @@
---
title: About
layout: default
permalink: /about/
weight: 2
---
Simple About Page
index.md
+2 -121
View File
@@ -1,125 +1,6 @@
---
title: Home
layout: default
layout: home
weight: 1
description: Home Page Description
---
Text can be **bold**, _italic_, or ~~strikethrough~~.
[Link to another page](./another-page.html).
There should be whitespace between paragraphs.
There should be whitespace between paragraphs. We recommend including a README, or a file with information about your project.
# Header 1
This is a normal paragraph following a header. GitHub is a code hosting platform for version control and collaboration. It lets you and others work together on projects from anywhere.
## Header 2
> This is a blockquote following a header.
>
> When something is important enough, you do it even if the odds are not in your favor.
### Header 3
```js
// Javascript code with syntax highlighting.
var fun = function lang(l) {
dateformat.i18n = require('./lang/' + l)
return true;
}
```
```ruby
# Ruby code with syntax highlighting
GitHubPages::Dependencies.gems.each do |gem, version|
s.add_dependency(gem, "= #{version}")
end
```
#### Header 4
* This is an unordered list following a header.
* This is an unordered list following a header.
* This is an unordered list following a header.
##### Header 5
1. This is an ordered list following a header.
2. This is an ordered list following a header.
3. This is an ordered list following a header.
###### Header 6
| head1 | head two | three |
|:-------------|:------------------|:------|
| ok | good swedish fish | nice |
| out of stock | good and plenty | nice |
| ok | good `oreos` | hmm |
| ok | good `zoute` drop | yumm |
### There's a horizontal rule below this.
* * *
### Here is an unordered list:
* Item foo
* Item bar
* Item baz
* Item zip
### And an ordered list:
1. Item one
1. Item two
1. Item three
1. Item four
### And a nested list:
- level 1 item
- level 2 item
- level 2 item
- level 3 item
- level 3 item
- level 1 item
- level 2 item
- level 2 item
- level 2 item
- level 1 item
- level 2 item
- level 2 item
- level 1 item
### Small image
![Octocat](https://assets-cdn.github.com/images/icons/emoji/octocat.png)
### Large image
![Branching](https://guides.github.com/activities/hello-world/branching.png)
### Definition lists can be used with HTML syntax.
<dl>
<dt>Name</dt>
<dd>Godzilla</dd>
<dt>Born</dt>
<dd>1952</dd>
<dt>Birthplace</dt>
<dd>Japan</dd>
<dt>Color</dt>
<dd>Green</dd>
</dl>
```
Long, single-line code blocks should not wrap. They should horizontally scroll if they are too long. This line should be long enough to demonstrate this.
```
```
The final element.
```
sample-content.md
+127
View File
@@ -0,0 +1,127 @@
---
title: Sample Content
layout: page
weight: 1
description: Sample Content Page Description
permalink: /sample-content/
---
Text can be **bold**, _italic_, or ~~strikethrough~~.
[Link to another page](./another-page.html).
There should be whitespace between paragraphs.
There should be whitespace between paragraphs. We recommend including a README, or a file with information about your project.
# Header 1
This is a normal paragraph following a header. GitHub is a code hosting platform for version control and collaboration. It lets you and others work together on projects from anywhere.
## Header 2
> This is a blockquote following a header.
>
> When something is important enough, you do it even if the odds are not in your favor.
### Header 3
```js
// Javascript code with syntax highlighting.
var fun = function lang(l) {
dateformat.i18n = require('./lang/' + l)
return true;
}
```
```ruby
# Ruby code with syntax highlighting
GitHubPages::Dependencies.gems.each do |gem, version|
s.add_dependency(gem, "= #{version}")
end
```
#### Header 4
* This is an unordered list following a header.
* This is an unordered list following a header.
* This is an unordered list following a header.
##### Header 5
1. This is an ordered list following a header.
2. This is an ordered list following a header.
3. This is an ordered list following a header.
###### Header 6
| head1 | head two | three |
|:-------------|:------------------|:------|
| ok | good swedish fish | nice |
| out of stock | good and plenty | nice |
| ok | good `oreos` | hmm |
| ok | good `zoute` drop | yumm |
### There's a horizontal rule below this.
* * *
### Here is an unordered list:
* Item foo
* Item bar
* Item baz
* Item zip
### And an ordered list:
1. Item one
1. Item two
1. Item three
1. Item four
### And a nested list:
- level 1 item
- level 2 item
- level 2 item
- level 3 item
- level 3 item
- level 1 item
- level 2 item
- level 2 item
- level 2 item
- level 1 item
- level 2 item
- level 2 item
- level 1 item
### Small image
![Octocat](https://assets-cdn.github.com/images/icons/emoji/octocat.png)
### Large image
![Branching](https://guides.github.com/activities/hello-world/branching.png)
### Definition lists can be used with HTML syntax.
<dl>
<dt>Name</dt>
<dd>Godzilla</dd>
<dt>Born</dt>
<dd>1952</dd>
<dt>Birthplace</dt>
<dd>Japan</dd>
<dt>Color</dt>
<dd>Green</dd>
</dl>
```
Long, single-line code blocks should not wrap. They should horizontally scroll if they are too long. This line should be long enough to demonstrate this.
```
```
The final element.
```