jekyll-indieweb 2.0.0.pre.beta
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +7 -0
- data/LICENSE +21 -0
- data/README.markdown +93 -0
- data/_includes/author.html +11 -0
- data/_includes/hcard.html +16 -0
- data/_includes/head.html +19 -0
- data/_includes/header.html +17 -0
- data/_includes/icons.html +70 -0
- data/_includes/icons_base.html +70 -0
- data/_includes/pagination.html +35 -0
- data/_includes/post-content.html +83 -0
- data/_includes/post-hcard.html +32 -0
- data/_includes/post-like.html +11 -0
- data/_includes/post.html +47 -0
- data/_includes/webmentions.html +10 -0
- data/_layouts/default.html +30 -0
- data/_layouts/header.html +17 -0
- data/_layouts/micropubpost.html +4 -0
- data/_layouts/page.html +14 -0
- data/_layouts/post.html +38 -0
- data/assets/css/_inc/article.css +142 -0
- data/assets/css/_inc/darkmode.css +39 -0
- data/assets/css/_inc/footer.css +12 -0
- data/assets/css/_inc/grid.css +63 -0
- data/assets/css/_inc/hcard.css +231 -0
- data/assets/css/_inc/header.css +50 -0
- data/assets/css/_inc/links.css +41 -0
- data/assets/css/_inc/main.css +27 -0
- data/assets/css/_inc/remedy.css +89 -0
- data/assets/css/_inc/variables.css +45 -0
- data/assets/css/main.css +729 -0
- data/assets/css/main.css.map +1 -0
- data/assets/images/favicon.png +0 -0
- data/assets/images/icons/facebook.svg +1 -0
- data/assets/images/icons/flickr.svg +1 -0
- data/assets/images/icons/foursquare.svg +1 -0
- data/assets/images/icons/github.svg +1 -0
- data/assets/images/icons/instagram.svg +1 -0
- data/assets/images/icons/linkedin.svg +1 -0
- data/assets/images/icons/mail.svg +1 -0
- data/assets/images/icons/rss.svg +1 -0
- data/assets/images/icons/tumblr.svg +1 -0
- data/assets/images/icons/twitter.svg +1 -0
- data/assets/images/profile.png +0 -0
- data/assets/images/social_preview.png +0 -0
- metadata +227 -0
checksums.yaml
ADDED
@@ -0,0 +1,7 @@
|
|
1
|
+
---
|
2
|
+
SHA256:
|
3
|
+
metadata.gz: 172a17ae95a4186dac3e7c0646313e5f0eef459242509c44a910c635ee5d4a55
|
4
|
+
data.tar.gz: 025c26ef13afb18ceda56e710e149aea4e4f87727ec0985b8f9fecd5bc0a7227
|
5
|
+
SHA512:
|
6
|
+
metadata.gz: edd9da9ea7cc8ce87a6cab20a7ce89f43d4119544d0a8a15624e9000fb954a678f045afdf36ea1646215692266e9d3f79abb8c7d3aa5b1fbc2f0dec3077a9bd8
|
7
|
+
data.tar.gz: 013ad6c3bf9fa6ad693b9cb3ec44f63726e90697669e2988635aa6ec653b9a001d077302aa27d3778bd57964a3b9e64bbb60075e326f11a89533a174a1826e95
|
data/LICENSE
ADDED
@@ -0,0 +1,21 @@
|
|
1
|
+
The MIT License (MIT)
|
2
|
+
|
3
|
+
Copyright (c) 2016 Michael Bishop
|
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.
|
data/README.markdown
ADDED
@@ -0,0 +1,93 @@
|
|
1
|
+
# Jekyll-IndieWeb
|
2
|
+
|
3
|
+
Welcome to Jekyll-Indieweb. The goal of this project was to provide someone without a web presence a quick and easy way to start using the basics of the [Indieweb](https://indiewebcamp.com). It has now evolved into a formal Jekyll theme, with a companion repository for demonstrating how to use the theme (and eventually, include GitHub Actions and/or Netlify for deploy.)
|
4
|
+
|
5
|
+
Visit [Steal This Repo](https://github.com/miklb/steal-this-repo) if you would like a starter repository you can fork and customize while benefiting from improvements in this theme.
|
6
|
+
|
7
|
+
## Motivation
|
8
|
+
|
9
|
+
I've followed along a few [IndieWeb Camps](https://indiewebcamp.com/IWC) and observed a few people new to both the indieweb as well as having their own web presence. I wanted to provide another option for those users to have a fairly simple method to easily get up and going with with a web site ready for indieweb and be able to dive in.
|
10
|
+
|
11
|
+
## Installation
|
12
|
+
|
13
|
+
If you have never set up Jekyll or Ruby in your local environment, we recommend the Jekyll docs for [installing on your platform.](https://jekyllrb.com/docs/installation/)
|
14
|
+
|
15
|
+
We use the [latest stable Ruby version for development](https://github.com/miklb/jekyll-indieweb/blob/master/.ruby-version)
|
16
|
+
|
17
|
+
We also use [Gulp](https://gulpjs.com) for our build tool. Though Jekyll has support for Sass, we have opted to write plain CSS for 2019 browsers and let the tools backfill for compatibility. If you haven't worked with Gulp before, we recommend their [getting started docs](https://gulpjs.com/docs/en/getting-started/quick-start) which includes a link to [Node install steps](https://nodejs.org/en/)
|
18
|
+
|
19
|
+
|
20
|
+
Clone the repository
|
21
|
+
|
22
|
+
```{bash}
|
23
|
+
git clone https://github.com/miklb/jekyll-indieweb.git
|
24
|
+
```
|
25
|
+
|
26
|
+
navigate to the directory
|
27
|
+
|
28
|
+
```bash
|
29
|
+
cd jekyll-indieweb
|
30
|
+
```
|
31
|
+
|
32
|
+
install the Jekyll dependencies
|
33
|
+
|
34
|
+
```bash
|
35
|
+
bundle install
|
36
|
+
```
|
37
|
+
|
38
|
+
install the Gulp dependencies
|
39
|
+
|
40
|
+
```bash
|
41
|
+
npm i
|
42
|
+
```
|
43
|
+
|
44
|
+
`Gulpfile` has two main tasks: `build` and `watch`
|
45
|
+
|
46
|
+
`build` does just that - builds the `_site` directory.
|
47
|
+
|
48
|
+
`watch` watches both `assets/css/_inc` directory to check for CSS changes as well as Jekyll file changes and rebuilds the appopriate files.
|
49
|
+
|
50
|
+
**A note about the CSS** All CSS is in the `_inc` directory is plain CSS. Current browser support for variables is strong, but we use PostCSS to fill in browser compatibility. PostCSS also compiles `assets/css/_inc/main.css` into `assets/css/main.css`. You should never need to edit `assets/css/main.css` file directly.
|
51
|
+
|
52
|
+
**Note** The Jekyll Gulp task replaces the need to use `bundle exec jekyll serve`. Instead, use `gulp watch`.
|
53
|
+
|
54
|
+
Reminder that this is a [Jekyll theme](https://jekyllrb.com/docs/themes/), not a stand alone site.
|
55
|
+
|
56
|
+
We optimized the build tools in this project with three goals:
|
57
|
+
|
58
|
+
* quick deploy.
|
59
|
+
* provide an out-of-the-box experience when using the theme as is.
|
60
|
+
* allow overriding `main.css` in the individual response site for event specific customizations.
|
61
|
+
|
62
|
+
When submitting a new Pull Request with CSS changes, make sure to edit a file in `_inc` and commit **all** file changes with your PR.
|
63
|
+
|
64
|
+
|
65
|
+
## Contributing
|
66
|
+
|
67
|
+
1. Fork it!
|
68
|
+
2. Create your feature branch: `git checkout -b my-new-feature`
|
69
|
+
3. Commit your changes: `git commit -am 'Add some feature'`
|
70
|
+
4. Push to the branch: `git push origin my-new-feature`
|
71
|
+
5. Submit a pull request :D
|
72
|
+
|
73
|
+
## History
|
74
|
+
|
75
|
+
2.0.0 beta initial release as a theme gem.
|
76
|
+
0.2.1 minor changes in preparation for [2.0 milestone](https://github.com/miklb/jekyll-indieweb/milestone/1)
|
77
|
+
0.2 Initial Support for Micropub posts
|
78
|
+
0.1 Initial release
|
79
|
+
|
80
|
+
|
81
|
+
|
82
|
+
|
83
|
+
## Credits
|
84
|
+
|
85
|
+
Inspiration for the general aesthetics came from the Jekyll [Type theme](https://github.com/rohanchandra/type-theme)
|
86
|
+
|
87
|
+
[svg social icons](http://codepen.io/ruandre/pen/howFi) on CodePen.
|
88
|
+
|
89
|
+
[Pelle Wessman - for his work on Jekyll & IndieWeb, particularly Micropub](http://voxpelli.com)
|
90
|
+
|
91
|
+
## License
|
92
|
+
|
93
|
+
See the [LICENSE](https://github.com/jekyll/jekyll/blob/master/LICENSE) file.
|
@@ -0,0 +1,11 @@
|
|
1
|
+
{% if post.author %}
|
2
|
+
{% assign author = post.author %}
|
3
|
+
{% elsif page.author %}
|
4
|
+
{% assign author = page.author %}
|
5
|
+
{% else %}
|
6
|
+
{% assign author = site.author %}
|
7
|
+
{% endif %}
|
8
|
+
|
9
|
+
<a href="{{ site.github.url }}" class="entry-author-link" rel="author">
|
10
|
+
<p class="p-name">{% if author %}{{ author }}{% endif %}</p>
|
11
|
+
</a>
|
@@ -0,0 +1,16 @@
|
|
1
|
+
<section class="usercard-wrapper">
|
2
|
+
<div class="row">
|
3
|
+
<div class="col">
|
4
|
+
<div class="usercard">
|
5
|
+
<div class="usercard-avatar">
|
6
|
+
<img class="usercard-img u-photo" alt="{{site.author}}" src="{{ site.author_img }}">
|
7
|
+
</div>
|
8
|
+
<div class="usercard-body">
|
9
|
+
<h2 class="title">Welcome to the website of <span class="p-name">{{ site.author }}</span></h2>
|
10
|
+
<p class="subtitle">{{ site.bio }}</p>
|
11
|
+
{% include icons.html %}
|
12
|
+
</div>
|
13
|
+
</div>
|
14
|
+
</div>
|
15
|
+
</div>
|
16
|
+
</section>
|
data/_includes/head.html
ADDED
@@ -0,0 +1,19 @@
|
|
1
|
+
<head>
|
2
|
+
<meta charset="utf-8">
|
3
|
+
<meta name="viewport" content="width=device-width, initial-scale=1">
|
4
|
+
<link rel="icon"
|
5
|
+
type="image/png"
|
6
|
+
href="/assets/images/favicon.png">
|
7
|
+
<title>{% if page.title %}{{ page.title | escape }}{% else %}{{ site.title | escape }}{% endif %}</title>
|
8
|
+
<meta name="description" content="{% if page.excerpt %}{{ page.excerpt | strip_html | strip_newlines | truncate: 160 }}{% else %}{{ site.description }}{% endif %}">
|
9
|
+
<!---TODO: PWA
|
10
|
+
<link rel="manifest" href="site.webmanifest">
|
11
|
+
-->
|
12
|
+
<link rel="stylesheet" href= "/assets/css/main.css">
|
13
|
+
<link rel="alternate" type="application/rss+xml" title="{{ site.title }}" href="{{ "/feed.xml" | prepend: site.github.url | prepend: site.url }}">
|
14
|
+
{% if site.webmentions %}
|
15
|
+
<link rel="webmention" href="https://webmention.herokuapp.com/api/webmention" />
|
16
|
+
{% endif %}
|
17
|
+
{% seo %}
|
18
|
+
<meta name="theme-color" content="#fdfdfd">
|
19
|
+
</head>
|
@@ -0,0 +1,17 @@
|
|
1
|
+
<header class="mainheader">
|
2
|
+
<div class="site-branding">
|
3
|
+
<a class="logo" href="/">
|
4
|
+
<img src="/assets/images/favicon.png" alt="{{ site.title }}">
|
5
|
+
</a>
|
6
|
+
<h1>{{ site.title }}</h1>
|
7
|
+
</div>
|
8
|
+
<nav class="mainnav" role="navigation">
|
9
|
+
{% for item in site.data.navbar.main-nav %}
|
10
|
+
{% if page.url == item.url %}
|
11
|
+
<a class="is-current" href="{{ item.url }}">{{ item.title }}</a>
|
12
|
+
{% else %}
|
13
|
+
<a href="{{ item.url }}">{{ item.title }}</a>
|
14
|
+
{% endif %}
|
15
|
+
{% endfor %}
|
16
|
+
</nav>
|
17
|
+
</header>
|
@@ -0,0 +1,70 @@
|
|
1
|
+
<ul class="profiles">
|
2
|
+
{% if site.twitter_username %}
|
3
|
+
<li class="profile">
|
4
|
+
<a href="https://twitter.com/{{ site.twitter_username }}" class="twitter" title="Twitter" rel="me">
|
5
|
+
<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Twitter icon</title><path d="M23.954 4.569c-.885.389-1.83.654-2.825.775 1.014-.611 1.794-1.574 2.163-2.723-.951.555-2.005.959-3.127 1.184-.896-.959-2.173-1.559-3.591-1.559-2.717 0-4.92 2.203-4.92 4.917 0 .39.045.765.127 1.124C7.691 8.094 4.066 6.13 1.64 3.161c-.427.722-.666 1.561-.666 2.475 0 1.71.87 3.213 2.188 4.096-.807-.026-1.566-.248-2.228-.616v.061c0 2.385 1.693 4.374 3.946 4.827-.413.111-.849.171-1.296.171-.314 0-.615-.03-.916-.086.631 1.953 2.445 3.377 4.604 3.417-1.68 1.319-3.809 2.105-6.102 2.105-.39 0-.779-.023-1.17-.067 2.189 1.394 4.768 2.209 7.557 2.209 9.054 0 13.999-7.496 13.999-13.986 0-.209 0-.42-.015-.63.961-.689 1.8-1.56 2.46-2.548l-.047-.02z"/></svg>
|
6
|
+
</a>
|
7
|
+
</li>
|
8
|
+
{% endif %}
|
9
|
+
{% if site.github_username %}
|
10
|
+
<li class="profile">
|
11
|
+
<a href="https://github.com/{{ site.github_username }}" class="github" title="GitHub" rel="me">
|
12
|
+
<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>GitHub icon</title><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg>
|
13
|
+
</a>
|
14
|
+
</li>
|
15
|
+
{% endif %}
|
16
|
+
{% if site.instagram_username %}
|
17
|
+
<li class="profile">
|
18
|
+
<a href="https://instagram.com/{{ site.instagram_username }} " class="instagram" title="Instagram" rel="me">
|
19
|
+
<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Instagram icon</title><path d="M12 0C8.74 0 8.333.015 7.053.072 5.775.132 4.905.333 4.14.63c-.789.306-1.459.717-2.126 1.384S.935 3.35.63 4.14C.333 4.905.131 5.775.072 7.053.012 8.333 0 8.74 0 12s.015 3.667.072 4.947c.06 1.277.261 2.148.558 2.913.306.788.717 1.459 1.384 2.126.667.666 1.336 1.079 2.126 1.384.766.296 1.636.499 2.913.558C8.333 23.988 8.74 24 12 24s3.667-.015 4.947-.072c1.277-.06 2.148-.262 2.913-.558.788-.306 1.459-.718 2.126-1.384.666-.667 1.079-1.335 1.384-2.126.296-.765.499-1.636.558-2.913.06-1.28.072-1.687.072-4.947s-.015-3.667-.072-4.947c-.06-1.277-.262-2.149-.558-2.913-.306-.789-.718-1.459-1.384-2.126C21.319 1.347 20.651.935 19.86.63c-.765-.297-1.636-.499-2.913-.558C15.667.012 15.26 0 12 0zm0 2.16c3.203 0 3.585.016 4.85.071 1.17.055 1.805.249 2.227.415.562.217.96.477 1.382.896.419.42.679.819.896 1.381.164.422.36 1.057.413 2.227.057 1.266.07 1.646.07 4.85s-.015 3.585-.074 4.85c-.061 1.17-.256 1.805-.421 2.227-.224.562-.479.96-.899 1.382-.419.419-.824.679-1.38.896-.42.164-1.065.36-2.235.413-1.274.057-1.649.07-4.859.07-3.211 0-3.586-.015-4.859-.074-1.171-.061-1.816-.256-2.236-.421-.569-.224-.96-.479-1.379-.899-.421-.419-.69-.824-.9-1.38-.165-.42-.359-1.065-.42-2.235-.045-1.26-.061-1.649-.061-4.844 0-3.196.016-3.586.061-4.861.061-1.17.255-1.814.42-2.234.21-.57.479-.96.9-1.381.419-.419.81-.689 1.379-.898.42-.166 1.051-.361 2.221-.421 1.275-.045 1.65-.06 4.859-.06l.045.03zm0 3.678c-3.405 0-6.162 2.76-6.162 6.162 0 3.405 2.76 6.162 6.162 6.162 3.405 0 6.162-2.76 6.162-6.162 0-3.405-2.76-6.162-6.162-6.162zM12 16c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4zm7.846-10.405c0 .795-.646 1.44-1.44 1.44-.795 0-1.44-.646-1.44-1.44 0-.794.646-1.439 1.44-1.439.793-.001 1.44.645 1.44 1.439z"/></svg>
|
20
|
+
</a>
|
21
|
+
</li>
|
22
|
+
{% endif %}
|
23
|
+
{% if site.facebook_url %}
|
24
|
+
<li class="profile">
|
25
|
+
<a href="{{ site.facebook_url }}" class="facebook" title="Facebook" rel="me">
|
26
|
+
<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Facebook icon</title><path d="M23.9981 11.9991C23.9981 5.37216 18.626 0 11.9991 0C5.37216 0 0 5.37216 0 11.9991C0 17.9882 4.38789 22.9522 10.1242 23.8524V15.4676H7.07758V11.9991H10.1242V9.35553C10.1242 6.34826 11.9156 4.68714 14.6564 4.68714C15.9692 4.68714 17.3424 4.92149 17.3424 4.92149V7.87439H15.8294C14.3388 7.87439 13.8739 8.79933 13.8739 9.74824V11.9991H17.2018L16.6698 15.4676H13.8739V23.8524C19.6103 22.9522 23.9981 17.9882 23.9981 11.9991Z"/></svg>
|
27
|
+
</a>
|
28
|
+
</li>
|
29
|
+
{% endif %}
|
30
|
+
{% if site.linkedin_url %}
|
31
|
+
<li class="profile">
|
32
|
+
<a href="{{ site.linkedin_url }}" class="linkedin" title="LinkedIn" rel="me">
|
33
|
+
<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>LinkedIn icon</title><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/></svg>
|
34
|
+
</a>
|
35
|
+
</li>
|
36
|
+
{% endif %}
|
37
|
+
{% if site.tumblr_url %}
|
38
|
+
<li class="profile">
|
39
|
+
<a href="{{ site.tumblr_url }}" class="tumblr" title="Tumblr" rel="me">
|
40
|
+
<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Tumblr icon</title><path d="M14.563 24c-5.093 0-7.031-3.756-7.031-6.411V9.747H5.116V6.648c3.63-1.313 4.512-4.596 4.71-6.469C9.84.051 9.941 0 9.999 0h3.517v6.114h4.801v3.633h-4.82v7.47c.016 1.001.375 2.371 2.207 2.371h.09c.631-.02 1.486-.205 1.936-.419l1.156 3.425c-.436.636-2.4 1.374-4.156 1.404h-.178l.011.002z"/></svg>
|
41
|
+
</a>
|
42
|
+
</li>
|
43
|
+
{% endif %}
|
44
|
+
{% if site.flickr_username %}
|
45
|
+
<li class="profile">
|
46
|
+
<a href="https://www.flickr.com/photos/{{ site.flickr_username }}" class="flickr" title="Flickr" rel="me">
|
47
|
+
<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Flickr icon</title><path d="M0 12c0 3.074 2.494 5.564 5.565 5.564 3.075 0 5.569-2.49 5.569-5.564S8.641 6.436 5.565 6.436C2.495 6.436 0 8.926 0 12zm12.866 0c0 3.074 2.493 5.564 5.567 5.564C21.496 17.564 24 15.074 24 12s-2.492-5.564-5.564-5.564c-3.075 0-5.57 2.49-5.57 5.564z"/></svg>
|
48
|
+
</a>
|
49
|
+
</li>
|
50
|
+
{% endif %}
|
51
|
+
{% if site.foursquare_username %}
|
52
|
+
<li class="profile">
|
53
|
+
<a href="https://foursquare.com/{{site.foursquare_username }}" class="foursquare" title="Foursquare" rel="me">
|
54
|
+
<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Foursquare icon</title><path d="M17.727 3.465l-.535 2.799c-.064.303-.445.623-.801.623H11.41c-.562 0-.963.391-.963.945v.614c0 .569.405.96.966.96h4.23c.395 0 .785.436.697.855l-.535 2.76c-.051.24-.314.63-.785.63h-3.457c-.63 0-.818.091-1.239.601-.42.524-4.206 5.069-4.206 5.069-.037.045-.074.029-.074-.015V3.42c0-.359.311-.78.776-.78h10.274c.375 0 .73.356.633.821v.004zm.451 10.98c.145-.578 1.746-8.784 2.281-11.385M18.486 0H5.683C3.918 0 3.4 1.328 3.4 2.164v20.34c0 .94.504 1.291.789 1.405.284.117 1.069.214 1.541-.328 0 0 6.044-7.014 6.146-7.117.165-.157.165-.157.315-.157h3.914c1.65 0 1.906-1.17 2.086-1.86.15-.569 1.754-8.774 2.279-11.385C20.875 1.08 20.365 0 18.49 0h-.004z"/></svg>
|
55
|
+
</a>
|
56
|
+
</li>
|
57
|
+
{% endif %}
|
58
|
+
{% if site.email %}
|
59
|
+
<li class="profile">
|
60
|
+
<a href="mailto:{{ site.email }}" class="email u-email" title="Email">
|
61
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="16" viewBox="0 0 14 16"><path fill-rule="evenodd" d="M0 4v8c0 .55.45 1 1 1h12c.55 0 1-.45 1-1V4c0-.55-.45-1-1-1H1c-.55 0-1 .45-1 1zm13 0L7 9 1 4h12zM1 5.5l4 3-4 3v-6zM2 12l3.5-3L7 10.5 8.5 9l3.5 3H2zm11-.5l-4-3 4-3v6z"/></svg>
|
62
|
+
</a>
|
63
|
+
</li>
|
64
|
+
{% endif %}
|
65
|
+
<li class="profile">
|
66
|
+
<a href="feed.xml" class="rss" title="RSS">
|
67
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="16" viewBox="0 0 10 16"><path fill-rule="evenodd" d="M2 13H0v-2c1.11 0 2 .89 2 2zM0 3v1a9 9 0 0 1 9 9h1C10 7.48 5.52 3 0 3zm0 4v1c2.75 0 5 2.25 5 5h1c0-3.31-2.69-6-6-6z"/></svg>
|
68
|
+
</a>
|
69
|
+
</li>
|
70
|
+
</ul>
|
@@ -0,0 +1,70 @@
|
|
1
|
+
<ul class="profiles">
|
2
|
+
{% if site.twitter_username %}
|
3
|
+
<li class="profile">
|
4
|
+
<a href="https://twitter.com/{{ site.twitter_username }}" class="twitter" title="Twitter" rel="me">
|
5
|
+
<svg src="twitter.svg"></svg>
|
6
|
+
</a>
|
7
|
+
</li>
|
8
|
+
{% endif %}
|
9
|
+
{% if site.github_username %}
|
10
|
+
<li class="profile">
|
11
|
+
<a href="https://github.com/{{ site.github_username }}" class="github" title="GitHub" rel="me">
|
12
|
+
<svg src="github.svg"></svg>
|
13
|
+
</a>
|
14
|
+
</li>
|
15
|
+
{% endif %}
|
16
|
+
{% if site.instagram_username %}
|
17
|
+
<li class="profile">
|
18
|
+
<a href="https://instagram.com/{{ site.instagram_username }} " class="instagram" title="Instagram" rel="me">
|
19
|
+
<svg src="instagram.svg"></svg>
|
20
|
+
</a>
|
21
|
+
</li>
|
22
|
+
{% endif %}
|
23
|
+
{% if site.facebook_url %}
|
24
|
+
<li class="profile">
|
25
|
+
<a href="{{ site.facebook_url }}" class="facebook" title="Facebook" rel="me">
|
26
|
+
<svg src="facebook.svg"></svg>
|
27
|
+
</a>
|
28
|
+
</li>
|
29
|
+
{% endif %}
|
30
|
+
{% if site.linkedin_url %}
|
31
|
+
<li class="profile">
|
32
|
+
<a href="{{ site.linkedin_url }}" class="linkedin" title="LinkedIn" rel="me">
|
33
|
+
<svg src="linkedin.svg"></svg>
|
34
|
+
</a>
|
35
|
+
</li>
|
36
|
+
{% endif %}
|
37
|
+
{% if site.tumblr_url %}
|
38
|
+
<li class="profile">
|
39
|
+
<a href="{{ site.tumblr_url }}" class="tumblr" title="Tumblr" rel="me">
|
40
|
+
<svg src="tumblr.svg"></svg>
|
41
|
+
</a>
|
42
|
+
</li>
|
43
|
+
{% endif %}
|
44
|
+
{% if site.flickr_username %}
|
45
|
+
<li class="profile">
|
46
|
+
<a href="https://www.flickr.com/photos/{{ site.flickr_username }}" class="flickr" title="Flickr" rel="me">
|
47
|
+
<svg src="flickr.svg"></svg>
|
48
|
+
</a>
|
49
|
+
</li>
|
50
|
+
{% endif %}
|
51
|
+
{% if site.foursquare_username %}
|
52
|
+
<li class="profile">
|
53
|
+
<a href="https://foursquare.com/{{site.foursquare_username }}" class="foursquare" title="Foursquare" rel="me">
|
54
|
+
<svg src="foursquare.svg"></svg>
|
55
|
+
</a>
|
56
|
+
</li>
|
57
|
+
{% endif %}
|
58
|
+
{% if site.email %}
|
59
|
+
<li class="profile">
|
60
|
+
<a href="mailto:{{ site.email }}" class="email u-email" title="Email">
|
61
|
+
<svg src="mail.svg"></svg>
|
62
|
+
</a>
|
63
|
+
</li>
|
64
|
+
{% endif %}
|
65
|
+
<li class="profile">
|
66
|
+
<a href="/feed.xml" class="rss" title="RSS">
|
67
|
+
<svg src="rss.svg"></svg>
|
68
|
+
</a>
|
69
|
+
</li>
|
70
|
+
</ul>
|
@@ -0,0 +1,35 @@
|
|
1
|
+
{% if paginator.total_pages > 1 %}
|
2
|
+
<nav aria-label="pagination">
|
3
|
+
<ul class="pagination">
|
4
|
+
<li>
|
5
|
+
{% if paginator.previous_page %}
|
6
|
+
<a href="{{ paginator.previous_page_path | relative_url }}"><span aria-hidden="true">«</span><span class="visuallyhidden">previous set of pages</span></a>
|
7
|
+
{% else %}
|
8
|
+
<span>«</span>
|
9
|
+
{% endif %}
|
10
|
+
</li>
|
11
|
+
{% for page in (1..paginator.total_pages) %}
|
12
|
+
{% if page == paginator.page %}
|
13
|
+
<li>
|
14
|
+
<a href="" aria-current="page"><span class="visuallyhidden">page </span>{{ page }}</a>
|
15
|
+
</li>
|
16
|
+
{% elsif page == 1 %}
|
17
|
+
<li>
|
18
|
+
<a href="{{ paginator.previous_page_path | relative_url }}"><span class="visuallyhidden">page </span>{{ page }}</a>
|
19
|
+
</li>
|
20
|
+
{% else %}
|
21
|
+
<li>
|
22
|
+
<a href="{{ site.paginate_path | relative_url | replace: ':num', page }}"><span class="visuallyhidden">page </span>{{ page }}</a>
|
23
|
+
</li>
|
24
|
+
{% endif %}
|
25
|
+
{% endfor %}
|
26
|
+
<li>
|
27
|
+
{% if paginator.next_page %}
|
28
|
+
<a href="{{ paginator.next_page_path | relative_url }}"><span class="visuallyhidden">next set of pages</span><span aria-hidden="true">»</span></a>
|
29
|
+
{% else %}
|
30
|
+
<span>»</span>
|
31
|
+
{% endif %}
|
32
|
+
</li>
|
33
|
+
</ul>
|
34
|
+
</nav>
|
35
|
+
{% endif %}
|
@@ -0,0 +1,83 @@
|
|
1
|
+
{% assign post = include.post %}
|
2
|
+
|
3
|
+
{% if post.mf-video != null %}
|
4
|
+
<div class="media">
|
5
|
+
{% for video in post.mf-video %}
|
6
|
+
<video class="u-video" src="{{video}}" controls loop>
|
7
|
+
<div lang="en">Looks like you can't see this video. <a href="{{video}}" download>Download it</a> instead.</div>
|
8
|
+
</video>
|
9
|
+
{% endfor %}
|
10
|
+
</div>
|
11
|
+
{% elsif post.mf-photo != null %}
|
12
|
+
<div class="media">
|
13
|
+
{% for photo in post.mf-photo %}
|
14
|
+
<img class="u-photo" src="{{photo}}" alt="" />
|
15
|
+
{% endfor %}
|
16
|
+
</div>
|
17
|
+
{% endif %}
|
18
|
+
|
19
|
+
{% if post.title != '' %}
|
20
|
+
<header>
|
21
|
+
<h2 class="p-name">
|
22
|
+
{% if post.mf-bookmark %}
|
23
|
+
<a class="u-bookmark-of" href="{{post.mf-bookmark | first}}">{{post.title}}</a>
|
24
|
+
{% elsif post.mf-bookmark-of %}
|
25
|
+
<a class="u-bookmark-of" href="{{post.mf-bookmark-of | first}}">{{post.title}}</a>
|
26
|
+
{% elsif post.mf-repost-of %}
|
27
|
+
<a class="u-repost-of" href="{{post.mf-repost-of | first}}">{{post.title}}</a>
|
28
|
+
{% endif %}
|
29
|
+
</h2>
|
30
|
+
</header>
|
31
|
+
{% endif %}
|
32
|
+
{% if post.mf-in-reply-to != null %}
|
33
|
+
<h3>In reply to:</h3>
|
34
|
+
<ul>
|
35
|
+
{% for reply in post.mf-in-reply-to %}
|
36
|
+
<li><a class="u-in-reply-to" rel="in-reply-to" href="{{reply}}">{{reply}}</a></li>
|
37
|
+
{% endfor %}
|
38
|
+
</ul>
|
39
|
+
{% endif %}
|
40
|
+
|
41
|
+
<div class="e-content">
|
42
|
+
{% if post.content %}
|
43
|
+
{{ post.content }}
|
44
|
+
{% else %}
|
45
|
+
{{ content }}
|
46
|
+
{% endif %}
|
47
|
+
</div>
|
48
|
+
|
49
|
+
{% if post.mf-syndication != null %}
|
50
|
+
<div class="elsewhere linklist">
|
51
|
+
<h3>Also posted on:</h3>
|
52
|
+
<ul>
|
53
|
+
{% for elsewhere in post.mf-syndication %}
|
54
|
+
<li><a href="{{ elsewhere }}" class="u-syndication" {% if standalone == true %}rel="syndication"{% endif %}>
|
55
|
+
{{ elsewhere | remove_first:'http://' | remove_first:'https://' | remove_first:'www.' | split:'.' | first | capitalize }}</a></li>
|
56
|
+
{% endfor %}
|
57
|
+
</ul>
|
58
|
+
</div>
|
59
|
+
{% endif %}
|
60
|
+
|
61
|
+
{% if post.persontags != null %}
|
62
|
+
<div class="persons linklist">
|
63
|
+
<h3>Mentioned:</h3>
|
64
|
+
<ul>
|
65
|
+
{% for elsewhere in post.persontags %}
|
66
|
+
<li><a href="{{ elsewhere }}" class="u-category h-card">
|
67
|
+
{{ elsewhere | remove_first:'http://' | remove_first:'https://' | remove_first:'www.' | remove_first:'.com' | split:'/' | first }}</a></li>
|
68
|
+
{% endfor %}
|
69
|
+
</ul>
|
70
|
+
</div>
|
71
|
+
{% endif %}
|
72
|
+
|
73
|
+
{% if post.submitto != null %}
|
74
|
+
<div class="submitted-to linklist">
|
75
|
+
<h3>Submitted to:</h3>
|
76
|
+
<ul>
|
77
|
+
{% for elsewhere in post.submitto %}
|
78
|
+
<li><a href="{{ elsewhere }}" class="u-category">
|
79
|
+
{{ elsewhere | remove_first:'http://' | remove_first:'https://' | remove_first:'www.' | remove_first:'.com' | split:'/' | first }}</a></li>
|
80
|
+
{% endfor %}
|
81
|
+
</ul>
|
82
|
+
</div>
|
83
|
+
{% endif %}
|