hanuman 0.1.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +7 -0
- data/LICENSE.txt +21 -0
- data/README.md +89 -0
- data/_data/author.yml +8 -0
- data/_data/navigation.yml +5 -0
- data/_includes/analytics.html +15 -0
- data/_includes/footer.html +61 -0
- data/_includes/head.html +68 -0
- data/_includes/header.html +58 -0
- data/_includes/icon-github.html +3 -0
- data/_includes/icon-github.svg +1 -0
- data/_includes/icon-twitter.html +3 -0
- data/_includes/icon-twitter.svg +1 -0
- data/_includes/metadata.json +30 -0
- data/_includes/styles.scss +727 -0
- data/_layouts/default.html +13 -0
- data/_layouts/page.html +16 -0
- data/_layouts/post.html +153 -0
- data/_sass/_syntax-highlighting.scss +70 -0
- data/_sass/bourbon/_bourbon-deprecated-upcoming.scss +8 -0
- data/_sass/bourbon/_bourbon.scss +79 -0
- data/_sass/bourbon/addons/_button.scss +374 -0
- data/_sass/bourbon/addons/_clearfix.scss +23 -0
- data/_sass/bourbon/addons/_directional-values.scss +111 -0
- data/_sass/bourbon/addons/_ellipsis.scss +7 -0
- data/_sass/bourbon/addons/_font-family.scss +5 -0
- data/_sass/bourbon/addons/_hide-text.scss +10 -0
- data/_sass/bourbon/addons/_html5-input-types.scss +86 -0
- data/_sass/bourbon/addons/_position.scss +32 -0
- data/_sass/bourbon/addons/_prefixer.scss +45 -0
- data/_sass/bourbon/addons/_retina-image.scss +31 -0
- data/_sass/bourbon/addons/_size.scss +16 -0
- data/_sass/bourbon/addons/_timing-functions.scss +32 -0
- data/_sass/bourbon/addons/_triangle.scss +83 -0
- data/_sass/bourbon/addons/_word-wrap.scss +8 -0
- data/_sass/bourbon/css3/_animation.scss +52 -0
- data/_sass/bourbon/css3/_appearance.scss +3 -0
- data/_sass/bourbon/css3/_backface-visibility.scss +6 -0
- data/_sass/bourbon/css3/_background-image.scss +42 -0
- data/_sass/bourbon/css3/_background.scss +55 -0
- data/_sass/bourbon/css3/_border-image.scss +59 -0
- data/_sass/bourbon/css3/_border-radius.scss +22 -0
- data/_sass/bourbon/css3/_box-sizing.scss +4 -0
- data/_sass/bourbon/css3/_calc.scss +4 -0
- data/_sass/bourbon/css3/_columns.scss +47 -0
- data/_sass/bourbon/css3/_filter.scss +5 -0
- data/_sass/bourbon/css3/_flex-box.scss +321 -0
- data/_sass/bourbon/css3/_font-face.scss +23 -0
- data/_sass/bourbon/css3/_font-feature-settings.scss +10 -0
- data/_sass/bourbon/css3/_hidpi-media-query.scss +10 -0
- data/_sass/bourbon/css3/_hyphens.scss +4 -0
- data/_sass/bourbon/css3/_image-rendering.scss +14 -0
- data/_sass/bourbon/css3/_keyframes.scss +35 -0
- data/_sass/bourbon/css3/_linear-gradient.scss +38 -0
- data/_sass/bourbon/css3/_perspective.scss +8 -0
- data/_sass/bourbon/css3/_placeholder.scss +8 -0
- data/_sass/bourbon/css3/_radial-gradient.scss +39 -0
- data/_sass/bourbon/css3/_transform.scss +15 -0
- data/_sass/bourbon/css3/_transition.scss +77 -0
- data/_sass/bourbon/css3/_user-select.scss +3 -0
- data/_sass/bourbon/functions/_assign.scss +11 -0
- data/_sass/bourbon/functions/_color-lightness.scss +13 -0
- data/_sass/bourbon/functions/_flex-grid.scss +39 -0
- data/_sass/bourbon/functions/_golden-ratio.scss +3 -0
- data/_sass/bourbon/functions/_grid-width.scss +13 -0
- data/_sass/bourbon/functions/_modular-scale.scss +66 -0
- data/_sass/bourbon/functions/_px-to-em.scss +13 -0
- data/_sass/bourbon/functions/_px-to-rem.scss +15 -0
- data/_sass/bourbon/functions/_strip-units.scss +5 -0
- data/_sass/bourbon/functions/_tint-shade.scss +9 -0
- data/_sass/bourbon/functions/_transition-property-name.scss +22 -0
- data/_sass/bourbon/functions/_unpack.scss +17 -0
- data/_sass/bourbon/helpers/_convert-units.scss +15 -0
- data/_sass/bourbon/helpers/_gradient-positions-parser.scss +13 -0
- data/_sass/bourbon/helpers/_is-num.scss +8 -0
- data/_sass/bourbon/helpers/_linear-angle-parser.scss +25 -0
- data/_sass/bourbon/helpers/_linear-gradient-parser.scss +41 -0
- data/_sass/bourbon/helpers/_linear-positions-parser.scss +61 -0
- data/_sass/bourbon/helpers/_linear-side-corner-parser.scss +31 -0
- data/_sass/bourbon/helpers/_radial-arg-parser.scss +69 -0
- data/_sass/bourbon/helpers/_radial-gradient-parser.scss +50 -0
- data/_sass/bourbon/helpers/_radial-positions-parser.scss +18 -0
- data/_sass/bourbon/helpers/_render-gradients.scss +26 -0
- data/_sass/bourbon/helpers/_shape-size-stripper.scss +10 -0
- data/_sass/bourbon/helpers/_str-to-num.scss +50 -0
- data/_sass/bourbon/settings/_asset-pipeline.scss +1 -0
- data/_sass/bourbon/settings/_prefixer.scss +6 -0
- data/_sass/bourbon/settings/_px-to-em.scss +1 -0
- data/assets/images/favicon.png +0 -0
- data/assets/images/hanuman.png +0 -0
- data/assets/images/logo.png +0 -0
- data/assets/images/radhakrishna.jpg +0 -0
- data/assets/images/shiva.jpg +0 -0
- data/assets/images/tree.jpg +0 -0
- metadata +208 -0
checksums.yaml
ADDED
@@ -0,0 +1,7 @@
|
|
1
|
+
---
|
2
|
+
SHA1:
|
3
|
+
metadata.gz: fd81fee4f32eefda5b54e40e4e6eb2513bb03d6c
|
4
|
+
data.tar.gz: ff7b1c41329a8e0b57dcc1f244a84c48a276bc7a
|
5
|
+
SHA512:
|
6
|
+
metadata.gz: 0a6c3cc0316a81987e9a8bed9fa7851c32565d448273b20e2f7ea64eff9d73583e466570f0afd6d7e62d7b4defbcbfd3ced072a3bbfc677ed6fe0e5db456d0ee
|
7
|
+
data.tar.gz: a2a7fa2eaf352a3d5e69bd26eee54ed657d9b5cd2a835ca9e1842af2073f4b06613de2bb8699dc9d7a64dfbfa59c574472922c747a68409016f964b9318dd9e7
|
data/LICENSE.txt
ADDED
@@ -0,0 +1,21 @@
|
|
1
|
+
The MIT License (MIT)
|
2
|
+
|
3
|
+
Copyright (c) 2017 Samanyou Garg
|
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
|
13
|
+
all 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
|
21
|
+
THE SOFTWARE.
|
data/README.md
ADDED
@@ -0,0 +1,89 @@
|
|
1
|
+
# HANUMAN Jekyll Theme
|
2
|
+
|
3
|
+
Hanuman is a minimal yet powerful Jekyll theme for your blogs and websites.
|
4
|
+
|
5
|
+
It is built using the open source AMP Start framework and can be customized as per your requirements.
|
6
|
+
|
7
|
+
## Features
|
8
|
+
|
9
|
+
- Minimal
|
10
|
+
- Responsive
|
11
|
+
- Syntax Highlighting for code
|
12
|
+
- Cover Images for homepage and blog posts
|
13
|
+
- Social Sharing
|
14
|
+
- Simple Navigation Menu
|
15
|
+
- Pagination
|
16
|
+
- Google Analytics
|
17
|
+
- Can be easily installed via "theme gem"
|
18
|
+
- Github Pages support
|
19
|
+
- Easily Customisable
|
20
|
+
|
21
|
+
|
22
|
+
## Installation
|
23
|
+
|
24
|
+
There are different ways to install the theme -
|
25
|
+
|
26
|
+
### 1. Cloning the repository and updating settings
|
27
|
+
1. Fork this repository and clone the forked repository.
|
28
|
+
2. Update the _config.yml file as per your requirements.
|
29
|
+
3. Add your posts to the _posts directory.
|
30
|
+
4. Deploy to Github Pages or your own server.
|
31
|
+
|
32
|
+
**Deploying to Github Pages**
|
33
|
+
|
34
|
+
There are 2 methods you can use to deploy the site to Github Pages -
|
35
|
+
|
36
|
+
1. Run `bundle exec jekyll serve` inside your cloned repository. Push the contents of the resulting _site to your Github Pages repository.
|
37
|
+
|
38
|
+
2. Using Travis CI
|
39
|
+
- Set up travis-ci for your fork.
|
40
|
+
- Generate your secure token with the travis gem:
|
41
|
+
Run `gem install travis` on your terminal.
|
42
|
+
- Grab the GH_TOKEN from https://github.com/settings/tokens
|
43
|
+
- Then run `travis encrypt 'GIT_NAME="YOUR_USERNAME" GIT_EMAIL="YOUR_EMAIL" GH_TOKEN=YOUR_TOKEN'`
|
44
|
+
- Add the token to your .travis.yml file.
|
45
|
+
|
46
|
+
Now you just need to push the files. Travis will generate the HTML files and automatically push them to your gh-pages branch.
|
47
|
+
This is the setup I am using.
|
48
|
+
|
49
|
+
### 2. Ruby Gem Method
|
50
|
+
Add this line to your Jekyll site's `Gemfile`:
|
51
|
+
|
52
|
+
```ruby
|
53
|
+
gem "hanuman"
|
54
|
+
```
|
55
|
+
|
56
|
+
And add this line to your Jekyll site's `_config.yml`:
|
57
|
+
|
58
|
+
```yaml
|
59
|
+
theme: hanuman
|
60
|
+
```
|
61
|
+
|
62
|
+
And then execute:
|
63
|
+
|
64
|
+
$ bundle
|
65
|
+
|
66
|
+
Or install it yourself as:
|
67
|
+
|
68
|
+
$ gem install hanuman
|
69
|
+
|
70
|
+
## Usage
|
71
|
+
|
72
|
+
TODO: Write usage instructions here. Describe your available layouts, includes, sass and/or assets.
|
73
|
+
|
74
|
+
## Contributing
|
75
|
+
|
76
|
+
Bug reports and pull requests are welcome on GitHub at https://github.com/samanyougarg/hanuman. This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the [Contributor Covenant](http://contributor-covenant.org) code of conduct.
|
77
|
+
|
78
|
+
To submit a pull request -
|
79
|
+
|
80
|
+
1. Fork/clone the repository.
|
81
|
+
2. Develop.
|
82
|
+
3. Create a new branch from the master branch.
|
83
|
+
4. Open a pull request on Github describing what was fixed or added.
|
84
|
+
|
85
|
+
|
86
|
+
## License
|
87
|
+
|
88
|
+
The theme is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).
|
89
|
+
|
data/_data/author.yml
ADDED
@@ -0,0 +1,15 @@
|
|
1
|
+
<amp-analytics type="googleanalytics" id="amp-analytics">
|
2
|
+
<script type="application/json">
|
3
|
+
{
|
4
|
+
"vars": {
|
5
|
+
"account": "{{ site.analytics_id }}"
|
6
|
+
},
|
7
|
+
"triggers": {
|
8
|
+
"trackPageview": {
|
9
|
+
"on": "visible",
|
10
|
+
"request": "pageview"
|
11
|
+
}
|
12
|
+
}
|
13
|
+
}
|
14
|
+
</script>
|
15
|
+
</amp-analytics>
|
@@ -0,0 +1,61 @@
|
|
1
|
+
<footer class="ampstart-footer flex flex-column items-center px3">
|
2
|
+
<ul class="ampstart-social-follow list-reset flex justify-around items-center flex-wrap m0 mb4">
|
3
|
+
{% if site.twitter %}
|
4
|
+
|
5
|
+
<li>
|
6
|
+
<a href="https://twitter.com/{{site.twitter}}" target="_blank" class="inline-block p1" aria-label="Link to AMP HTML Twitter">
|
7
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="22.2" viewbox="0 0 53 49">
|
8
|
+
<title>Twitter</title>
|
9
|
+
<path d="M45 6.9c-1.6 1-3.3 1.6-5.2 2-1.5-1.6-3.6-2.6-5.9-2.6-4.5 0-8.2 3.7-8.2 8.3 0 .6.1 1.3.2 1.9-6.8-.4-12.8-3.7-16.8-8.7C8.4 9 8 10.5 8 12c0 2.8 1.4 5.4 3.6 6.9-1.3-.1-2.6-.5-3.7-1.1v.1c0 4 2.8 7.4 6.6 8.1-.7.2-1.5.3-2.2.3-.5 0-1 0-1.5-.1 1 3.3 4 5.7 7.6 5.7-2.8 2.2-6.3 3.6-10.2 3.6-.6 0-1.3-.1-1.9-.1 3.6 2.3 7.9 3.7 12.5 3.7 15.1 0 23.3-12.6 23.3-23.6 0-.3 0-.7-.1-1 1.6-1.2 3-2.7 4.1-4.3-1.4.6-3 1.1-4.7 1.3 1.7-1 3-2.7 3.6-4.6" class="ampstart-icon ampstart-icon-twitter"></path>
|
10
|
+
</svg>
|
11
|
+
</a>
|
12
|
+
</li>
|
13
|
+
{% endif %} {% if site.facebook %}
|
14
|
+
|
15
|
+
<li>
|
16
|
+
<a href="https://facebook.com/{{site.facebook}}" target="_blank" class="inline-block p1" aria-label="Link to AMP HTML Facebook">
|
17
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="23.6" viewbox="0 0 56 55">
|
18
|
+
<title>Facebook</title>
|
19
|
+
<path d="M47.5 43c0 1.2-.9 2.1-2.1 2.1h-10V30h5.1l.8-5.9h-5.9v-3.7c0-1.7.5-2.9 3-2.9h3.1v-5.3c-.6 0-2.4-.2-4.6-.2-4.5 0-7.5 2.7-7.5 7.8v4.3h-5.1V30h5.1v15.1H10.7c-1.2 0-2.2-.9-2.2-2.1V8.3c0-1.2 1-2.2 2.2-2.2h34.7c1.2 0 2.1 1 2.1 2.2V43" class="ampstart-icon ampstart-icon-fb"></path>
|
20
|
+
</svg>
|
21
|
+
</a>
|
22
|
+
</li>
|
23
|
+
{% endif %} {% if site.github %}
|
24
|
+
|
25
|
+
<li>
|
26
|
+
<a href="https://github.com/{{site.github}}" target="_blank" class="inline-block p1" aria-label="Link to AMP HTML github">
|
27
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="19" height="19" viewBox="0 0 64 64">
|
28
|
+
<path d="M22.4 1.4C-.8 9-7.4 38.4 10.5 54.9 14.7 58.8 20.4 62 23 62c.5 0 1-1.6 1-3.5 0-3.3-.2-3.5-3.5-3.5-3.5 0-4.2-.5-9-6.6-4.4-5.6-2.3-6.2 3.2-.9 4.2 4 7.5 4.5 9.8 1.2 1.4-2.1 1.4-2.2-.7-3-6-2.3-8.8-4.2-10.2-7.2-2.1-4.3-2.1-12.4 0-15.3.8-1.2 1.2-2.7.9-3.2-1-1.6.5-7 1.8-7 .7 0 2.4.6 3.8 1.4 1.7.9 6 1.4 11.9 1.4s10.2-.5 11.9-1.4c1.4-.8 3.1-1.4 3.8-1.4 1.3 0 2.8 5.4 1.8 7-.3.5.1 2 .9 3.2 1.8 2.5 2.1 10.3.7 14.1-1.4 3.6-5 6.6-9.3 7.8-3.3.9-3.7 1.2-2.8 2.9.5 1 1 4.6 1 7.9 0 3.5.4 6.1 1 6.1 5.2 0 15.8-8.8 19.8-16.5 2.3-4.3 2.7-6.3 2.7-13.5 0-7-.4-9.4-2.4-13.5C57.9 12.2 51.8 6 45.6 3 39.6.2 28.5-.6 22.4 1.4z" class="ampstart-icon ampstart-icon-github" />
|
29
|
+
</svg>
|
30
|
+
</a>
|
31
|
+
</li>
|
32
|
+
{% endif %}
|
33
|
+
|
34
|
+
</ul>
|
35
|
+
<nav class="ampstart-footer-nav">
|
36
|
+
<ul class="list-reset flex flex-wrap mb3">
|
37
|
+
{% if site.about %}
|
38
|
+
|
39
|
+
<li class="px1">
|
40
|
+
<a class="text-decoration-none ampstart-label" href="{{site.baseurl}}{{site.about}}">About</a>
|
41
|
+
</li>
|
42
|
+
{% endif %} {% if site.contact %}
|
43
|
+
|
44
|
+
<li class="px1">
|
45
|
+
<a class="text-decoration-none ampstart-label" href="{{site.baseurl}}{{site.contact}}">Contact</a>
|
46
|
+
</li>
|
47
|
+
{% endif %} {% if site.privacy-policy %}
|
48
|
+
|
49
|
+
<li class="px1">
|
50
|
+
<a class="text-decoration-none ampstart-label" href="{{site.baseurl}}{{site.privacy-policy}}">Privacy Policy</a>
|
51
|
+
</li>
|
52
|
+
{% endif %}
|
53
|
+
|
54
|
+
</ul>
|
55
|
+
</nav>
|
56
|
+
<small>
|
57
|
+
© 2017
|
58
|
+
<a href="{{site.baseurl}}">{{site.name}}</a> | All Rights Reserved.
|
59
|
+
|
60
|
+
</small>
|
61
|
+
</footer>
|
data/_includes/head.html
ADDED
@@ -0,0 +1,68 @@
|
|
1
|
+
<head>
|
2
|
+
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,700|Lora:400,700' rel='stylesheet' type='text/css'>
|
3
|
+
|
4
|
+
<meta charset="utf-8">
|
5
|
+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
6
|
+
<meta name="viewport" content="width=device-width,minimum-scale=1">
|
7
|
+
<link rel="shortcut icon" href="{{ site.url }}{{ site.baseurl }}{{ site.favicon }}" type="image/png" />
|
8
|
+
|
9
|
+
<title>{% if page.title %}{{ page.title | escape }}{% else %}{{ site.title | escape }}{% endif %}</title>
|
10
|
+
|
11
|
+
<meta name="description" content="{% if page.excerpt %}{{ page.excerpt | strip_html | strip_newlines | truncate: 160 }}{% else %}{{ site.description }}{% endif %}">
|
12
|
+
|
13
|
+
<meta property="og:site_name" content="{{ site.title }}" />
|
14
|
+
<meta property="og:type" content="website" />
|
15
|
+
<meta property="og:title" content="{% if title %}{{ title }}{% elsif page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}" />
|
16
|
+
<meta property="og:description" content="{% if excerpt %}{{ excerpt }}{% elsif page.description %}{{ page.description }}{% else %}{{ site.description }}{% endif %}" />
|
17
|
+
<meta property="og:url" content="{{ site.url }}{% if site.baseurl %}{{ site.baseurl }}{% endif %}{{ page.url | remove: '/' }}" />
|
18
|
+
<meta property="og:image" content="{{ site.url }}{{ site.baseurl }}{% if page.cover %}{{ page.cover }}{% else %}{{ site.cover }}{% endif %}" />
|
19
|
+
<meta property="article:publisher" content="https://www.facebook.com/{{ site.facebook }}" />{% if excerpt %}
|
20
|
+
<meta property="article:author" content="https://www.facebook.com/{{ site.facebook }}" />
|
21
|
+
<meta property="article:published_time" content="{% if page.date %}{{ page.date | date_to_xmlschema }}{% elsif post.date %}{{ post.date | date_to_xmlschema }}{% endif %}" />
|
22
|
+
<meta property="article:modified_time" content="{% if page.date %}{{ page.date | date_to_xmlschema }}{% elsif post.date %}{{ post.date | date_to_xmlschema }}{% endif %}" />{% endif %}{% if page.tags.size > 0 %}
|
23
|
+
<meta property="article:tag" content="{{ page.tags | first | capitalizeall }}" />{% endif %}
|
24
|
+
<meta name="twitter:card" content="summary_large_image" />
|
25
|
+
<meta name="twitter:title" content="{% if title %}{{ title }}{% elsif page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}" />
|
26
|
+
<meta name="twitter:description" content="{% if excerpt %}{{ excerpt }}{% elsif page.description %}{{ page.description }}{% else %}{{ site.description }}{% endif %}" />
|
27
|
+
<meta name="twitter:url" content="{{ site.url }}{{ site.baseurl }}" />
|
28
|
+
<meta name="twitter:image" content="{{ site.url }}{{ site.baseurl }}{% if page.cover %}{{ page.cover }}{% else %}{{ site.cover }}{% endif %}" />
|
29
|
+
<meta name="twitter:label1" content="Written by" />
|
30
|
+
<meta name="twitter:data1" content="{{ site.title }}" />{% if page.tags.size > 0 %}
|
31
|
+
<meta name="twitter:label2" content="Filed under" />
|
32
|
+
<meta name="twitter:data2" content="{{ page.tags | first | capitalizeall }}" />{% endif %}
|
33
|
+
<meta name="twitter:site" content="@{{ site.twitter }}" />
|
34
|
+
<meta name="twitter:creator" content="@{{ site.twitter }}" />{% if excerpt %}
|
35
|
+
<meta property="og:image:width" content="1400" />
|
36
|
+
<meta property="og:image:height" content="933" />{% else %}
|
37
|
+
<meta property="og:image:width" content="2000" />
|
38
|
+
<meta property="og:image:height" content="666" />{% endif %}
|
39
|
+
|
40
|
+
<link rel="canonical" href="{{ site.url }}{% if site.baseurl %}{{ site.baseurl }}{% endif %}{{ page.url | remove: '/' }}" />
|
41
|
+
<link rel="alternate" type="application/rss+xml" title="{{ site.title }}" href="{{ "feed.xml" | prepend: site.baseurl | prepend: site.url }}">
|
42
|
+
|
43
|
+
<script type="application/ld+json">
|
44
|
+
{% include metadata.json %}
|
45
|
+
</script>
|
46
|
+
|
47
|
+
<style amp-custom>
|
48
|
+
{% capture include_to_scssify %}
|
49
|
+
{% include styles.scss %}
|
50
|
+
{% endcapture %}
|
51
|
+
{{ include_to_scssify | scssify | replace: "@charset "UTF-8";", "" }}
|
52
|
+
</style>
|
53
|
+
|
54
|
+
|
55
|
+
|
56
|
+
<style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style><noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>
|
57
|
+
<script async src="https://cdn.ampproject.org/v0.js"></script>
|
58
|
+
<script custom-element="amp-sidebar" src="https://cdn.ampproject.org/v0/amp-sidebar-0.1.js" async=""></script>
|
59
|
+
<script custom-element="amp-accordion" src="https://cdn.ampproject.org/v0/amp-accordion-0.1.js" async=""></script>
|
60
|
+
<script custom-element="amp-social-share" src="https://cdn.ampproject.org/v0/amp-social-share-0.1.js" async=""></script>
|
61
|
+
<script async custom-element="amp-list" src="https://cdn.ampproject.org/v0/amp-list-0.1.js"></script>
|
62
|
+
<script async custom-template="amp-mustache" src="https://cdn.ampproject.org/v0/amp-mustache-0.1.js"></script>
|
63
|
+
<script async custom-element="amp-analytics" src="https://cdn.ampproject.org/v0/amp-analytics-0.1.js"></script>
|
64
|
+
<script async custom-element="amp-youtube" src="https://cdn.ampproject.org/v0/amp-youtube-0.1.js"></script>
|
65
|
+
<script async custom-element="amp-form" src="https://cdn.ampproject.org/v0/amp-form-0.1.js"></script>
|
66
|
+
<script async custom-element="amp-audio" src="https://cdn.ampproject.org/v0/amp-audio-0.1.js"></script>
|
67
|
+
|
68
|
+
</head>
|
@@ -0,0 +1,58 @@
|
|
1
|
+
<!-- Start Navbar -->
|
2
|
+
<header class="ampstart-headerbar fixed flex justify-start items-center top-0 left-0 right-0 pl2 pr4 ">
|
3
|
+
<div role="button" aria-label="open sidebar" on="tap:header-sidebar.toggle" tabindex="0" class="ampstart-navbar-trigger pr2 ">☰
|
4
|
+
</div>
|
5
|
+
{% if site.logo %}
|
6
|
+
<amp-img src="{{site.baseurl}}{{site.logo}}" width="110" height="33" layout="fixed" class="my0 mx-auto" alt="Logo"></amp-img>
|
7
|
+
{% endif %}
|
8
|
+
</header>
|
9
|
+
|
10
|
+
|
11
|
+
<!-- Start Sidebar -->
|
12
|
+
<amp-sidebar id="header-sidebar" class="ampstart-sidebar px3 " layout="nodisplay">
|
13
|
+
<div class="flex justify-start items-center ampstart-sidebar-header">
|
14
|
+
<div role="button" aria-label="close sidebar" on="tap:header-sidebar.toggle" tabindex="0" class="ampstart-navbar-trigger items-start">✕</div>
|
15
|
+
</div>
|
16
|
+
<nav class="ampstart-sidebar-nav ampstart-nav">
|
17
|
+
<ul class="list-reset m0 p0 ampstart-label">
|
18
|
+
{% for entry in site.data.navigation %}
|
19
|
+
{% if entry.url == current_page %}
|
20
|
+
{% assign current = ' class="current"' %}
|
21
|
+
{% else %}
|
22
|
+
{% assign current = null %}
|
23
|
+
{% endif %}
|
24
|
+
<li class="ampstart-nav-item ampstart-nav-dropdown relative " {{ current }}>
|
25
|
+
<li class="ampstart-faq-item"><a href="{{ site.baseurl }}{{ entry.url }}" class="text-decoration-none">{{ entry.title }}</a></li>
|
26
|
+
</li>
|
27
|
+
{% endfor %}
|
28
|
+
</ul>
|
29
|
+
</nav>
|
30
|
+
|
31
|
+
|
32
|
+
<ul class="ampstart-social-follow list-reset flex justify-around items-center flex-wrap m0 mb4">
|
33
|
+
{% if site.twitter %}
|
34
|
+
<li>
|
35
|
+
<a href="https://twitter.com/{{site.twitter}}" target="_blank" class="inline-block p1" aria-label="Link to AMP HTML Twitter"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="22.2" viewbox="0 0 53 49"><title>Twitter</title><path d="M45 6.9c-1.6 1-3.3 1.6-5.2 2-1.5-1.6-3.6-2.6-5.9-2.6-4.5 0-8.2 3.7-8.2 8.3 0 .6.1 1.3.2 1.9-6.8-.4-12.8-3.7-16.8-8.7C8.4 9 8 10.5 8 12c0 2.8 1.4 5.4 3.6 6.9-1.3-.1-2.6-.5-3.7-1.1v.1c0 4 2.8 7.4 6.6 8.1-.7.2-1.5.3-2.2.3-.5 0-1 0-1.5-.1 1 3.3 4 5.7 7.6 5.7-2.8 2.2-6.3 3.6-10.2 3.6-.6 0-1.3-.1-1.9-.1 3.6 2.3 7.9 3.7 12.5 3.7 15.1 0 23.3-12.6 23.3-23.6 0-.3 0-.7-.1-1 1.6-1.2 3-2.7 4.1-4.3-1.4.6-3 1.1-4.7 1.3 1.7-1 3-2.7 3.6-4.6" class="ampstart-icon ampstart-icon-twitter"></path></svg></a>
|
36
|
+
</li>
|
37
|
+
{% endif %}
|
38
|
+
{% if site.facebook %}
|
39
|
+
<li>
|
40
|
+
<a href="https://facebook.com/{{site.facebook}}" target="_blank" class="inline-block p1" aria-label="Link to AMP HTML Facebook"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="23.6" viewbox="0 0 56 55"><title>Facebook</title><path d="M47.5 43c0 1.2-.9 2.1-2.1 2.1h-10V30h5.1l.8-5.9h-5.9v-3.7c0-1.7.5-2.9 3-2.9h3.1v-5.3c-.6 0-2.4-.2-4.6-.2-4.5 0-7.5 2.7-7.5 7.8v4.3h-5.1V30h5.1v15.1H10.7c-1.2 0-2.2-.9-2.2-2.1V8.3c0-1.2 1-2.2 2.2-2.2h34.7c1.2 0 2.1 1 2.1 2.2V43" class="ampstart-icon ampstart-icon-fb"></path></svg></a>
|
41
|
+
</li>
|
42
|
+
{% endif %}
|
43
|
+
{% if site.github %}
|
44
|
+
<li>
|
45
|
+
<a href="https://github.com/{{site.github}}" target="_blank" class="inline-block p1" aria-label="Link to AMP HTML github"><svg xmlns="http://www.w3.org/2000/svg" width="19" height="19" viewBox="0 0 64 64"><path d="M22.4 1.4C-.8 9-7.4 38.4 10.5 54.9 14.7 58.8 20.4 62 23 62c.5 0 1-1.6 1-3.5 0-3.3-.2-3.5-3.5-3.5-3.5 0-4.2-.5-9-6.6-4.4-5.6-2.3-6.2 3.2-.9 4.2 4 7.5 4.5 9.8 1.2 1.4-2.1 1.4-2.2-.7-3-6-2.3-8.8-4.2-10.2-7.2-2.1-4.3-2.1-12.4 0-15.3.8-1.2 1.2-2.7.9-3.2-1-1.6.5-7 1.8-7 .7 0 2.4.6 3.8 1.4 1.7.9 6 1.4 11.9 1.4s10.2-.5 11.9-1.4c1.4-.8 3.1-1.4 3.8-1.4 1.3 0 2.8 5.4 1.8 7-.3.5.1 2 .9 3.2 1.8 2.5 2.1 10.3.7 14.1-1.4 3.6-5 6.6-9.3 7.8-3.3.9-3.7 1.2-2.8 2.9.5 1 1 4.6 1 7.9 0 3.5.4 6.1 1 6.1 5.2 0 15.8-8.8 19.8-16.5 2.3-4.3 2.7-6.3 2.7-13.5 0-7-.4-9.4-2.4-13.5C57.9 12.2 51.8 6 45.6 3 39.6.2 28.5-.6 22.4 1.4z" class="ampstart-icon ampstart-icon-github"/></svg></a>
|
46
|
+
</li>
|
47
|
+
{% endif %}
|
48
|
+
</ul>
|
49
|
+
|
50
|
+
<ul class="ampstart-sidebar-faq list-reset m0">
|
51
|
+
{% if site.contact %}
|
52
|
+
<li class="ampstart-faq-item"><a href="{{ site.baseurl }}{{ site.contact }}" class="text-decoration-none">Contact</a></li>
|
53
|
+
{% endif %}
|
54
|
+
{% if site.privacy-policy %}
|
55
|
+
<li class="ampstart-faq-item"><a href="{{ site.baseurl }}{{ site.privacy-policy }}" class="text-decoration-none">Privacy Policy</a></li>
|
56
|
+
{% endif %}
|
57
|
+
</ul>
|
58
|
+
</amp-sidebar>
|
@@ -0,0 +1 @@
|
|
1
|
+
<svg viewBox="0 0 16 16"><path fill="#828282" d="M7.999,0.431c-4.285,0-7.76,3.474-7.76,7.761 c0,3.428,2.223,6.337,5.307,7.363c0.388,0.071,0.53-0.168,0.53-0.374c0-0.184-0.007-0.672-0.01-1.32 c-2.159,0.469-2.614-1.04-2.614-1.04c-0.353-0.896-0.862-1.135-0.862-1.135c-0.705-0.481,0.053-0.472,0.053-0.472 c0.779,0.055,1.189,0.8,1.189,0.8c0.692,1.186,1.816,0.843,2.258,0.645c0.071-0.502,0.271-0.843,0.493-1.037 C4.86,11.425,3.049,10.76,3.049,7.786c0-0.847,0.302-1.54,0.799-2.082C3.768,5.507,3.501,4.718,3.924,3.65 c0,0,0.652-0.209,2.134,0.796C6.677,4.273,7.34,4.187,8,4.184c0.659,0.003,1.323,0.089,1.943,0.261 c1.482-1.004,2.132-0.796,2.132-0.796c0.423,1.068,0.157,1.857,0.077,2.054c0.497,0.542,0.798,1.235,0.798,2.082 c0,2.981-1.814,3.637-3.543,3.829c0.279,0.24,0.527,0.713,0.527,1.437c0,1.037-0.01,1.874-0.01,2.129 c0,0.208,0.14,0.449,0.534,0.373c3.081-1.028,5.302-3.935,5.302-7.362C15.76,3.906,12.285,0.431,7.999,0.431z"/></svg>
|
@@ -0,0 +1 @@
|
|
1
|
+
<svg viewBox="0 0 16 16"><path fill="#828282" d="M15.969,3.058c-0.586,0.26-1.217,0.436-1.878,0.515c0.675-0.405,1.194-1.045,1.438-1.809c-0.632,0.375-1.332,0.647-2.076,0.793c-0.596-0.636-1.446-1.033-2.387-1.033c-1.806,0-3.27,1.464-3.27,3.27 c0,0.256,0.029,0.506,0.085,0.745C5.163,5.404,2.753,4.102,1.14,2.124C0.859,2.607,0.698,3.168,0.698,3.767 c0,1.134,0.577,2.135,1.455,2.722C1.616,6.472,1.112,6.325,0.671,6.08c0,0.014,0,0.027,0,0.041c0,1.584,1.127,2.906,2.623,3.206 C3.02,9.402,2.731,9.442,2.433,9.442c-0.211,0-0.416-0.021-0.615-0.059c0.416,1.299,1.624,2.245,3.055,2.271 c-1.119,0.877-2.529,1.4-4.061,1.4c-0.264,0-0.524-0.015-0.78-0.046c1.447,0.928,3.166,1.469,5.013,1.469 c6.015,0,9.304-4.983,9.304-9.304c0-0.142-0.003-0.283-0.009-0.423C14.976,4.29,15.531,3.714,15.969,3.058z"/></svg>
|
@@ -0,0 +1,30 @@
|
|
1
|
+
|
2
|
+
{
|
3
|
+
"@context": "http://schema.org",
|
4
|
+
"@type": "NewsArticle",
|
5
|
+
"mainEntityOfPage": "{{ page.url | replace:'index.html','' | prepend: site.url }}",
|
6
|
+
"headline": "{% if page.title %}{{ page.title | escape }}{% else %}{{ site.title | escape }}{% endif %}",
|
7
|
+
"datePublished": "{% if page.date %}{{ page.date | date_to_xmlschema }}{% else %}{{ site.time | date_to_xmlschema }}{% endif %}",
|
8
|
+
"dateModified": "{% if page.date %}{{ page.date | date_to_xmlschema }}{% else %}{{ site.time | date_to_xmlschema }}{% endif %}",
|
9
|
+
"description": "{% if page.excerpt %}{{ page.excerpt | strip_html | strip_newlines | truncate: 160 }}{% else %}{{ site.description }}{% endif %}",
|
10
|
+
"author": {
|
11
|
+
"@type": "Person",
|
12
|
+
"name": "{{ site.name }}"
|
13
|
+
},
|
14
|
+
"publisher": {
|
15
|
+
"@type": "Organization",
|
16
|
+
"name": "{{ site.title }}",
|
17
|
+
"logo": {
|
18
|
+
"@type": "ImageObject",
|
19
|
+
"url": "{{ site.logo | prepend: site.baseurl | prepend: site.url }}",
|
20
|
+
"width": "60",
|
21
|
+
"height": "60"
|
22
|
+
}
|
23
|
+
},
|
24
|
+
"image": {
|
25
|
+
"@type": "ImageObject",
|
26
|
+
"url": "{{ site.logo | prepend: site.baseurl | prepend: site.url }}",
|
27
|
+
"height": "60",
|
28
|
+
"width": "60"
|
29
|
+
}
|
30
|
+
}
|
@@ -0,0 +1,727 @@
|
|
1
|
+
@import 'bourbon/bourbon';
|
2
|
+
@import 'syntax-highlighting';
|
3
|
+
|
4
|
+
$grey-color: #828282;
|
5
|
+
$theme-color: #ff6f00;
|
6
|
+
|
7
|
+
.icon {
|
8
|
+
|
9
|
+
> svg {
|
10
|
+
display: inline-block;
|
11
|
+
width: 16px;
|
12
|
+
height: 16px;
|
13
|
+
vertical-align: middle;
|
14
|
+
|
15
|
+
path {
|
16
|
+
fill: $grey-color;
|
17
|
+
}
|
18
|
+
}
|
19
|
+
}
|
20
|
+
|
21
|
+
.cf {
|
22
|
+
@include clearfix;
|
23
|
+
}
|
24
|
+
|
25
|
+
$rs: 16px;
|
26
|
+
|
27
|
+
$font-serif: Georgia,Cambria,"Times New Roman",Times,'Lora', serif;
|
28
|
+
$font-sans: "Helvetica Neue", 'Open Sans', Arial, Helvetica, sans-serif;
|
29
|
+
|
30
|
+
@mixin respond-to($breakpoint) {
|
31
|
+
@media only screen and (max-width: $breakpoint + px) {
|
32
|
+
@content;
|
33
|
+
}
|
34
|
+
}
|
35
|
+
|
36
|
+
// Only needed for syntax highlighting
|
37
|
+
%vertical-rhythm {
|
38
|
+
margin-bottom: $rs;
|
39
|
+
}
|
40
|
+
|
41
|
+
main {
|
42
|
+
display: block;
|
43
|
+
}
|
44
|
+
|
45
|
+
body {
|
46
|
+
background-color: #fff;
|
47
|
+
font-family: $font-sans;
|
48
|
+
margin: 0;
|
49
|
+
padding: 0;
|
50
|
+
text-rendering: optimizeLegibility;
|
51
|
+
-webkit-font-smoothing: antialiased;
|
52
|
+
-moz-font-feature-settings: "liga=1, dlig=1";
|
53
|
+
-ms-font-feature-settings: "liga", "dlig";
|
54
|
+
-webkit-font-feature-settings: "liga", "dlig";
|
55
|
+
-o-font-feature-settings: "liga", "dlig";
|
56
|
+
font-feature-settings: "liga", "dlig";
|
57
|
+
}
|
58
|
+
|
59
|
+
.site-header {
|
60
|
+
position: relative;
|
61
|
+
width: 100%;
|
62
|
+
max-width: 700px;
|
63
|
+
margin: 16px auto 0 auto;
|
64
|
+
@include box-sizing(border-box);
|
65
|
+
@include respond-to(800) {
|
66
|
+
padding: 0 $rs * 1;
|
67
|
+
}
|
68
|
+
|
69
|
+
.page-links {
|
70
|
+
display: block;
|
71
|
+
position: absolute;
|
72
|
+
top: 10px;
|
73
|
+
right: $rs;
|
74
|
+
font-weight: 200;
|
75
|
+
font-style: normal;
|
76
|
+
font-size: 18px;
|
77
|
+
line-height: 30px;
|
78
|
+
|
79
|
+
a {
|
80
|
+
text-decoration: none;
|
81
|
+
color: #999999;
|
82
|
+
&:hover {
|
83
|
+
color: #333333;
|
84
|
+
}
|
85
|
+
}
|
86
|
+
}
|
87
|
+
|
88
|
+
}
|
89
|
+
|
90
|
+
.blog-header {
|
91
|
+
width: 100%;
|
92
|
+
max-width: 700px;
|
93
|
+
margin: 0 auto;
|
94
|
+
position: relative;
|
95
|
+
padding: 0;
|
96
|
+
@include box-sizing(border-box);
|
97
|
+
|
98
|
+
.blog-title {
|
99
|
+
margin-bottom: 8px;
|
100
|
+
font-size: 50px;
|
101
|
+
font-weight: 700;
|
102
|
+
letter-spacing: -2px;
|
103
|
+
outline: 0;
|
104
|
+
line-height: 50px;
|
105
|
+
word-break: break-word;
|
106
|
+
color: #333333;
|
107
|
+
}
|
108
|
+
.blog-description {
|
109
|
+
font-size: 28px;
|
110
|
+
margin: 0 0 20px;
|
111
|
+
padding: 0;
|
112
|
+
line-height: 1.2;
|
113
|
+
color: #666666;
|
114
|
+
font-weight: 300;
|
115
|
+
}
|
116
|
+
}
|
117
|
+
|
118
|
+
.content {
|
119
|
+
width: 100%;
|
120
|
+
max-width: 700px;
|
121
|
+
margin: 25px auto 0 auto;
|
122
|
+
@include box-sizing(border-box);
|
123
|
+
@include respond-to(800) {
|
124
|
+
padding: 0 $rs * 1;
|
125
|
+
}
|
126
|
+
|
127
|
+
article {
|
128
|
+
padding: 20px 0;
|
129
|
+
border-bottom: 1px solid #f2f2f0;
|
130
|
+
.post-title {
|
131
|
+
letter-spacing: -0.02em;
|
132
|
+
font-weight: 700;
|
133
|
+
font-style: normal;
|
134
|
+
display: block;
|
135
|
+
font-size: 30px;
|
136
|
+
line-height: 1.15;
|
137
|
+
margin-bottom: 10px;
|
138
|
+
a {
|
139
|
+
text-decoration: none;
|
140
|
+
color: #333332;
|
141
|
+
&:hover {
|
142
|
+
color: $theme-color;
|
143
|
+
text-decoration: none;
|
144
|
+
}
|
145
|
+
}
|
146
|
+
}
|
147
|
+
.post-excerpt {
|
148
|
+
letter-spacing: -0.02em;
|
149
|
+
font-weight: 300;
|
150
|
+
font-style: normal;
|
151
|
+
font-size: 20px;
|
152
|
+
line-height: 1.59;
|
153
|
+
color: #666665;
|
154
|
+
text-align: justify;
|
155
|
+
}
|
156
|
+
.post-description {
|
157
|
+
padding: 0;
|
158
|
+
margin: 0;
|
159
|
+
}
|
160
|
+
.post-meta {
|
161
|
+
font-size: 14px;
|
162
|
+
color: #b3b3b1;
|
163
|
+
line-height: 30px;
|
164
|
+
margin-top: 20px;
|
165
|
+
a {
|
166
|
+
color: #b3b3b1;
|
167
|
+
text-decoration: none;
|
168
|
+
&:hover {
|
169
|
+
text-decoration: underline;
|
170
|
+
}
|
171
|
+
}
|
172
|
+
}
|
173
|
+
}
|
174
|
+
}
|
175
|
+
|
176
|
+
.post-template .content {
|
177
|
+
max-width: 700px;
|
178
|
+
}
|
179
|
+
|
180
|
+
.index-headline {
|
181
|
+
border-top: 1px solid #dededc;
|
182
|
+
margin: 0;
|
183
|
+
padding: 16px 0;
|
184
|
+
span {
|
185
|
+
color: #b3b3b1;
|
186
|
+
font-size: $rs / 8 * 5;
|
187
|
+
text-transform: uppercase;
|
188
|
+
letter-spacing: 1px;
|
189
|
+
}
|
190
|
+
}
|
191
|
+
|
192
|
+
.pagination {
|
193
|
+
text-align: center;
|
194
|
+
padding: $rs * 1 0 0;
|
195
|
+
font-size: $rs / 4 * 3;
|
196
|
+
color: #9EABB3;
|
197
|
+
a {
|
198
|
+
color: #999999;
|
199
|
+
text-decoration: none;
|
200
|
+
&:hover {
|
201
|
+
color: #333333;
|
202
|
+
}
|
203
|
+
}
|
204
|
+
}
|
205
|
+
|
206
|
+
.site-footer {
|
207
|
+
margin: 0 auto;
|
208
|
+
padding: $rs * 3 0;
|
209
|
+
width: 100%;
|
210
|
+
max-width: 700px;
|
211
|
+
font-size: $rs / 4 * 3;
|
212
|
+
text-align: center;
|
213
|
+
color: #999999;
|
214
|
+
line-height: $rs * 1.1;
|
215
|
+
a {
|
216
|
+
color: #666666;
|
217
|
+
text-decoration: none;
|
218
|
+
&:hover {
|
219
|
+
color: #333333;
|
220
|
+
}
|
221
|
+
}
|
222
|
+
}
|
223
|
+
|
224
|
+
.post {
|
225
|
+
.post-meta {
|
226
|
+
font-family: $font-sans;
|
227
|
+
}
|
228
|
+
.post-title {
|
229
|
+
font-weight: 700;
|
230
|
+
font-style: normal;
|
231
|
+
letter-spacing: -0.04em;
|
232
|
+
font-size: 50px;
|
233
|
+
line-height: 1.1;
|
234
|
+
color: #333332;
|
235
|
+
margin-bottom: 50px;
|
236
|
+
text-align: left;
|
237
|
+
padding: 0;
|
238
|
+
}
|
239
|
+
.author-image {
|
240
|
+
background-image: url({{ site.baseurl }}{{site.author_image}});
|
241
|
+
display: inline-block;
|
242
|
+
width: 30px;
|
243
|
+
height: 30px;
|
244
|
+
line-height: 30px;
|
245
|
+
margin-right: 8px;
|
246
|
+
margin-bottom: -10px;
|
247
|
+
float: left;
|
248
|
+
background-size: cover;
|
249
|
+
border-radius: 100%;
|
250
|
+
text-indent: -9999px;
|
251
|
+
}
|
252
|
+
.post-meta-text {
|
253
|
+
color: #b3b3b1;
|
254
|
+
letter-spacing: -0.02em;
|
255
|
+
font-weight: 400;
|
256
|
+
font-style: normal;
|
257
|
+
font-size: 14px;
|
258
|
+
overflow: hidden;
|
259
|
+
font-family: $font-sans;
|
260
|
+
white-space: nowrap;
|
261
|
+
text-overflow: ellipsis;
|
262
|
+
}
|
263
|
+
|
264
|
+
.post-content {
|
265
|
+
width: 100%;
|
266
|
+
font-family: $font-serif;
|
267
|
+
color: #333333;
|
268
|
+
h1, h2, h3 {
|
269
|
+
font-family: $font-sans;
|
270
|
+
}
|
271
|
+
h3, h4, h5, h6 {
|
272
|
+
letter-spacing: -0.02em;
|
273
|
+
font-weight: 700;
|
274
|
+
font-style: normal;
|
275
|
+
font-size: 24px;
|
276
|
+
line-height: 1.3;
|
277
|
+
margin-top: 50px;
|
278
|
+
margin-bottom: 0px;
|
279
|
+
font-family: $font-sans;
|
280
|
+
}
|
281
|
+
h3 {
|
282
|
+
font-size: 36px;
|
283
|
+
}
|
284
|
+
h2, h1 {
|
285
|
+
letter-spacing: -0.02em;
|
286
|
+
font-weight: 700;
|
287
|
+
font-style: normal;
|
288
|
+
font-size: 42px;
|
289
|
+
line-height: 1.2;
|
290
|
+
margin-top: 50px;
|
291
|
+
margin-bottom: 0px;
|
292
|
+
}
|
293
|
+
table {
|
294
|
+
border-collapse: collapse;
|
295
|
+
}
|
296
|
+
table, th, td {
|
297
|
+
border: 1px solid black;
|
298
|
+
padding: 5px;
|
299
|
+
text-align:left;
|
300
|
+
}
|
301
|
+
p {
|
302
|
+
font-weight: 400;
|
303
|
+
font-style: normal;
|
304
|
+
font-size: 22px;
|
305
|
+
line-height: 1.59;
|
306
|
+
letter-spacing: -.002em;
|
307
|
+
margin-top: 30px;
|
308
|
+
margin-bottom: 0;
|
309
|
+
color: #333333;
|
310
|
+
-webkit-hyphens: auto;
|
311
|
+
-moz-hyphens: auto;
|
312
|
+
hyphens: auto;
|
313
|
+
}
|
314
|
+
a {
|
315
|
+
color: #333333;
|
316
|
+
text-decoration: underline;
|
317
|
+
}
|
318
|
+
amp-img, amp-youtube {
|
319
|
+
margin-top: 30px;
|
320
|
+
}
|
321
|
+
figure {
|
322
|
+
margin: 0;
|
323
|
+
padding: 0 0 30px;
|
324
|
+
}
|
325
|
+
figcaption {
|
326
|
+
font-weight: 400;
|
327
|
+
font-style: italic;
|
328
|
+
font-size: 16px;
|
329
|
+
line-height: 1.3;
|
330
|
+
color: #666665;
|
331
|
+
outline: 0;
|
332
|
+
z-index: 300;
|
333
|
+
text-align: center;
|
334
|
+
}
|
335
|
+
hr {
|
336
|
+
border: 0;
|
337
|
+
padding: 0;
|
338
|
+
display: block;
|
339
|
+
width: 15%;
|
340
|
+
margin: 30px auto;
|
341
|
+
border: 0px solid #dddddd;
|
342
|
+
border-top: 1px solid #dddddd;
|
343
|
+
}
|
344
|
+
blockquote {
|
345
|
+
margin: 0 0 30px;
|
346
|
+
margin-left: -26px;
|
347
|
+
border-left: 3px solid #57ad68;
|
348
|
+
padding-left: 20px;
|
349
|
+
p {
|
350
|
+
letter-spacing: 0.01rem;
|
351
|
+
font-weight: 400;
|
352
|
+
mborder-left: 3px solid #57ad68;
|
353
|
+
mpadding-left: 20px;
|
354
|
+
mmargin-left: -26px;
|
355
|
+
padding-bottom: 3px;
|
356
|
+
}
|
357
|
+
}
|
358
|
+
ul, ol {
|
359
|
+
padding: 0 0 30px;
|
360
|
+
margin: 0;
|
361
|
+
}
|
362
|
+
li {
|
363
|
+
padding: 0;
|
364
|
+
font-weight: 400;
|
365
|
+
font-style: normal;
|
366
|
+
font-size: 23px;
|
367
|
+
line-height: 30px;
|
368
|
+
margin-left: 30px;
|
369
|
+
margin-bottom: 12px;
|
370
|
+
padding-top: 2px;
|
371
|
+
p {
|
372
|
+
padding: 0 0 golden-ratio(1rem, 1);
|
373
|
+
}
|
374
|
+
}
|
375
|
+
ol li {
|
376
|
+
list-style-type: decimal;
|
377
|
+
}
|
378
|
+
}
|
379
|
+
.bottom-teaser {
|
380
|
+
padding: 50px 0 0 0;
|
381
|
+
font-family: $font-sans;
|
382
|
+
hr {
|
383
|
+
border: 0;
|
384
|
+
padding: 0;
|
385
|
+
display: block;
|
386
|
+
width: 15%;
|
387
|
+
margin: 16px 0 16px 100px;
|
388
|
+
border: 0px solid #dddddd;
|
389
|
+
border-top: 1px solid #dddddd;
|
390
|
+
}
|
391
|
+
.isLeft {
|
392
|
+
float: left;
|
393
|
+
width: 47%;
|
394
|
+
@include box-sizing(border-box);
|
395
|
+
@include respond-to(800) {
|
396
|
+
width: 100%;
|
397
|
+
padding-bottom: $rs * 2;
|
398
|
+
}
|
399
|
+
.bio {
|
400
|
+
margin-top: 18px;
|
401
|
+
margin-bottom: 18px;
|
402
|
+
}
|
403
|
+
.username {
|
404
|
+
margin-left: 4px;
|
405
|
+
margin-right: 18px;
|
406
|
+
margin-bottom: 18px;
|
407
|
+
}
|
408
|
+
.index-headline {
|
409
|
+
padding-bottom: 32px;
|
410
|
+
}
|
411
|
+
a {
|
412
|
+
color: black;
|
413
|
+
text-decoration: none;
|
414
|
+
&:hover {
|
415
|
+
color: #333333;
|
416
|
+
text-decoration: underline;
|
417
|
+
}
|
418
|
+
}
|
419
|
+
.author-image {
|
420
|
+
display: block;
|
421
|
+
width: 80px;
|
422
|
+
height: 80px;
|
423
|
+
float: left;
|
424
|
+
background-size: cover;
|
425
|
+
border-radius: 100%;
|
426
|
+
text-indent: -9999px;
|
427
|
+
}
|
428
|
+
h4 {
|
429
|
+
font-size: 18px;
|
430
|
+
line-height: 1.1;
|
431
|
+
font-weight: 700;
|
432
|
+
padding: 0;
|
433
|
+
margin: 0;
|
434
|
+
padding-left: 100px;
|
435
|
+
}
|
436
|
+
p {
|
437
|
+
font-size: 14px;
|
438
|
+
line-height: 1.3;
|
439
|
+
font-weight: 400;
|
440
|
+
padding: 0;
|
441
|
+
margin: 0;
|
442
|
+
padding-left: 100px;
|
443
|
+
&.published {
|
444
|
+
color: #999999;
|
445
|
+
}
|
446
|
+
}
|
447
|
+
}
|
448
|
+
.isRight {
|
449
|
+
float: right;
|
450
|
+
width: 47%;
|
451
|
+
@include box-sizing(border-box);
|
452
|
+
@include respond-to(800) {
|
453
|
+
width: 100%;
|
454
|
+
}
|
455
|
+
|
456
|
+
.index-headline {
|
457
|
+
padding-bottom: 32px;
|
458
|
+
}
|
459
|
+
.site-footer {
|
460
|
+
margin: 0;
|
461
|
+
padding: 0;
|
462
|
+
color: #333333;
|
463
|
+
text-align: left;
|
464
|
+
font-size: 14px;
|
465
|
+
line-height: 1.3;
|
466
|
+
color: #999999;
|
467
|
+
a {
|
468
|
+
color: #333333;
|
469
|
+
text-decoration: none;
|
470
|
+
&:hover {
|
471
|
+
text-decoration: underline;
|
472
|
+
}
|
473
|
+
}
|
474
|
+
.poweredby {
|
475
|
+
display: block;
|
476
|
+
padding-bottom: 18px;
|
477
|
+
font-weight: 700;
|
478
|
+
color: #333333;
|
479
|
+
}
|
480
|
+
}
|
481
|
+
}
|
482
|
+
}
|
483
|
+
}
|
484
|
+
|
485
|
+
.share {
|
486
|
+
text-align: right;
|
487
|
+
padding: 20px 0 0;
|
488
|
+
a {
|
489
|
+
text-decoration: none;
|
490
|
+
color: #bbbbbb;
|
491
|
+
padding-left: 12px;
|
492
|
+
.hidden {
|
493
|
+
display: none;
|
494
|
+
}
|
495
|
+
&:hover {
|
496
|
+
color: #333333;
|
497
|
+
}
|
498
|
+
}
|
499
|
+
}
|
500
|
+
|
501
|
+
|
502
|
+
pre,
|
503
|
+
code {
|
504
|
+
font-size: 15px;
|
505
|
+
border: 1px solid #e8e8e8;
|
506
|
+
border-radius: 3px;
|
507
|
+
background-color: #eeeeff;
|
508
|
+
}
|
509
|
+
|
510
|
+
code {
|
511
|
+
padding: 1px 5px;
|
512
|
+
}
|
513
|
+
|
514
|
+
pre {
|
515
|
+
padding: 8px 12px;
|
516
|
+
overflow-x: scroll;
|
517
|
+
> code {
|
518
|
+
border: 0;
|
519
|
+
padding-right: 0;
|
520
|
+
padding-left: 0;
|
521
|
+
}
|
522
|
+
}
|
523
|
+
|
524
|
+
.pagination .disabled {
|
525
|
+
opacity: 0;
|
526
|
+
}
|
527
|
+
|
528
|
+
html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects; text-decoration: none; color: $theme-color;}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit;font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}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}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}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}progress{display:inline-block;vertical-align:baseline}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-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}[hidden],template{display:none}.h1{font-size:3rem}.h2{font-size:2rem}.h3{font-size:1.5rem}.h4{font-size:1.125rem}.h5{font-size:.875rem}.h6{font-size:.75rem}.font-family-inherit{font-family:inherit}.font-size-inherit{font-size:inherit}.text-decoration-none{text-decoration:none}.bold{font-weight:700}.regular{font-weight:400}.italic{font-style:italic}.caps{text-transform:uppercase;letter-spacing:.2em}.left-align{text-align:left}.center{text-align:center}.right-align{text-align:right}.justify{text-align:justify}.nowrap{white-space:nowrap}.break-word{word-wrap:break-word}.line-height-1{line-height:1rem}.line-height-2{line-height:1.125rem}.line-height-3{line-height:1.5rem}.line-height-4{line-height:2rem}.list-style-none{list-style:none}.underline{text-decoration:underline}.truncate{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-reset{list-style:none;padding-left:0}.inline{display:inline}.block{display:block}.inline-block{display:inline-block}.table{display:table}.table-cell{display:table-cell}.overflow-hidden{overflow:hidden}.overflow-scroll{overflow:scroll}.overflow-auto{overflow:auto}.clearfix:after,.clearfix:before{content:" ";display:table}.clearfix:after{clear:both}.left{float:left}.right{float:right}.fit{max-width:100%}.max-width-1{max-width:24rem}.max-width-2{max-width:32rem}.max-width-3{max-width:48rem}.max-width-4{max-width:64rem}.border-box{box-sizing:border-box}.align-baseline{vertical-align:baseline}.align-top{vertical-align:top}.align-middle{vertical-align:middle}.align-bottom{vertical-align:bottom}.m0{margin:0}.mt0{margin-top:0}.mr0{margin-right:0}.mb0{margin-bottom:0}.ml0,.mx0{margin-left:0}.mx0{margin-right:0}.my0{margin-top:0;margin-bottom:0}.m1{margin:.5rem}.mt1{margin-top:.5rem}.mr1{margin-right:.5rem}.mb1{margin-bottom:.5rem}.ml1,.mx1{margin-left:.5rem}.mx1{margin-right:.5rem}.my1{margin-top:.5rem;margin-bottom:.5rem}.m2{margin:1rem}.mt2{margin-top:1rem}.mr2{margin-right:1rem}.mb2{margin-bottom:1rem}.ml2,.mx2{margin-left:1rem}.mx2{margin-right:1rem}.my2{margin-top:1rem;margin-bottom:1rem}.m3{margin:1.5rem}.mt3{margin-top:1.5rem}.mr3{margin-right:1.5rem}.mb3{margin-bottom:1.5rem}.ml3,.mx3{margin-left:1.5rem}.mx3{margin-right:1.5rem}.my3{margin-top:1.5rem;margin-bottom:1.5rem}.m4{margin:2rem}.mt4{margin-top:2rem}.mr4{margin-right:2rem}.mb4{margin-bottom:2rem}.ml4,.mx4{margin-left:2rem}.mx4{margin-right:2rem}.my4{margin-top:2rem;margin-bottom:2rem}.mxn1{margin-left:-.5rem;margin-right:-.5rem}.mxn2{margin-left:-1rem;margin-right:-1rem}.mxn3{margin-left:-1.5rem;margin-right:-1.5rem}.mxn4{margin-left:-2rem;margin-right:-2rem}.ml-auto{margin-left:auto}.mr-auto,.mx-auto{margin-right:auto}.mx-auto{margin-left:auto}.p0{padding:0}.pt0{padding-top:0}.pr0{padding-right:0}.pb0{padding-bottom:0}.pl0,.px0{padding-left:0}.px0{padding-right:0}.py0{padding-top:0;padding-bottom:0}.p1{padding:.5rem}.pt1{padding-top:.5rem}.pr1{padding-right:.5rem}.pb1{padding-bottom:.5rem}.pl1{padding-left:.5rem}.py1{padding-top:.5rem;padding-bottom:.5rem}.px1{padding-left:.5rem;padding-right:.5rem}.p2{padding:1rem}.pt2{padding-top:1rem}.pr2{padding-right:1rem}.pb2{padding-bottom:1rem}.pl2{padding-left:1rem}.py2{padding-top:1rem;padding-bottom:1rem}.px2{padding-left:1rem;padding-right:1rem}.p3{padding:1.5rem}.pt3{padding-top:1.5rem}.pr3{padding-right:1.5rem}.pb3{padding-bottom:1.5rem}.pl3{padding-left:1.5rem}.py3{padding-top:1.5rem;padding-bottom:1.5rem}.px3{padding-left:1.5rem;padding-right:1.5rem}.p4{padding:2rem}.pt4{padding-top:2rem}.pr4{padding-right:2rem}.pb4{padding-bottom:2rem}.pl4{padding-left:2rem}.py4{padding-top:2rem;padding-bottom:2rem}.px4{padding-left:2rem;padding-right:2rem}.col{float:left}.col,.col-right{box-sizing:border-box}.col-right{float:right}.col-1{width:8.33333%}.col-2{width:16.66667%}.col-3{width:25%}.col-4{width:33.33333%}.col-5{width:41.66667%}.col-6{width:50%}.col-7{width:58.33333%}.col-8{width:66.66667%}.col-9{width:75%}.col-10{width:83.33333%}.col-11{width:91.66667%}.col-12{width:100%}@media (min-width:40.06rem){.sm-col{float:left;box-sizing:border-box}.sm-col-right{float:right;box-sizing:border-box}.sm-col-1{width:8.33333%}.sm-col-2{width:16.66667%}.sm-col-3{width:25%}.sm-col-4{width:33.33333%}.sm-col-5{width:41.66667%}.sm-col-6{width:50%}.sm-col-7{width:58.33333%}.sm-col-8{width:66.66667%}.sm-col-9{width:75%}.sm-col-10{width:83.33333%}.sm-col-11{width:91.66667%}.sm-col-12{width:100%}}@media (min-width:52.06rem){.md-col{float:left;box-sizing:border-box}.md-col-right{float:right;box-sizing:border-box}.md-col-1{width:8.33333%}.md-col-2{width:16.66667%}.md-col-3{width:25%}.md-col-4{width:33.33333%}.md-col-5{width:41.66667%}.md-col-6{width:50%}.md-col-7{width:58.33333%}.md-col-8{width:66.66667%}.md-col-9{width:75%}.md-col-10{width:83.33333%}.md-col-11{width:91.66667%}.md-col-12{width:100%}}@media (min-width:64.06rem){.lg-col{float:left;box-sizing:border-box}.lg-col-right{float:right;box-sizing:border-box}.lg-col-1{width:8.33333%}.lg-col-2{width:16.66667%}.lg-col-3{width:25%}.lg-col-4{width:33.33333%}.lg-col-5{width:41.66667%}.lg-col-6{width:50%}.lg-col-7{width:58.33333%}.lg-col-8{width:66.66667%}.lg-col-9{width:75%}.lg-col-10{width:83.33333%}.lg-col-11{width:91.66667%}.lg-col-12{width:100%}}.flex{display:-webkit-box;display:-ms-flexbox;display:flex}@media (min-width:40.06rem){.sm-flex{display:-webkit-box;display:-ms-flexbox;display:flex}}@media (min-width:52.06rem){.md-flex{display:-webkit-box;display:-ms-flexbox;display:flex}}@media (min-width:64.06rem){.lg-flex{display:-webkit-box;display:-ms-flexbox;display:flex}}.flex-column{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.flex-wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}.items-start{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.items-end{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.items-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.items-baseline{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}.items-stretch{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.self-start{-ms-flex-item-align:start;align-self:flex-start}.self-end{-ms-flex-item-align:end;align-self:flex-end}.self-center{-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}.self-baseline{-ms-flex-item-align:baseline;align-self:baseline}.self-stretch{-ms-flex-item-align:stretch;-ms-grid-row-align:stretch;align-self:stretch}.justify-start{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.justify-end{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.justify-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.justify-between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.justify-around{-ms-flex-pack:distribute;justify-content:space-around}.content-start{-ms-flex-line-pack:start;align-content:flex-start}.content-end{-ms-flex-line-pack:end;align-content:flex-end}.content-center{-ms-flex-line-pack:center;align-content:center}.content-between{-ms-flex-line-pack:justify;align-content:space-between}.content-around{-ms-flex-line-pack:distribute;align-content:space-around}.content-stretch{-ms-flex-line-pack:stretch;align-content:stretch}.flex-auto{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;min-width:0;min-height:0}.flex-none{-webkit-box-flex:0;-ms-flex:none;flex:none}.order-0{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.order-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.order-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.order-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.order-last{-webkit-box-ordinal-group:100000;-ms-flex-order:99999;order:99999}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.z1{z-index:1}.z2{z-index:2}.z3{z-index:3}.z4{z-index:4}.border{border-style:solid;border-width:1px}.border-top{border-top-style:solid;border-top-width:1px}.border-right{border-right-style:solid;border-right-width:1px}.border-bottom{border-bottom-style:solid;border-bottom-width:1px}.border-left{border-left-style:solid;border-left-width:1px}.border-none{border:0}.rounded{border-radius:3px}.circle{border-radius:50%}.rounded-top{border-radius:3px 3px 0 0}.rounded-right{border-radius:0 3px 3px 0}.rounded-bottom{border-radius:0 0 3px 3px}.rounded-left{border-radius:3px 0 0 3px}.not-rounded{border-radius:0}.hide{position:absolute;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}@media (max-width:40rem){.xs-hide{display:none}}@media (min-width:40.06rem) and (max-width:52rem){.sm-hide{display:none}}@media (min-width:52.06rem) and (max-width:64rem){.md-hide{display:none}}@media (min-width:64.06rem){.lg-hide{display:none}}.display-none{display:none}*{box-sizing:border-box}body{background:#fff;color:#4a4a4a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Arial,sans-serif;min-width:315px;overflow-x:hidden;font-smooth:always;-webkit-font-smoothing:antialiased}main{max-width:700px;margin:0 auto}p{padding:0;margin:0}.ampstart-accent{color:$theme-color}#content:target{margin-top:calc(0px - 3.5rem);padding-top:3.5rem}.ampstart-title-lg{font-size:3rem;line-height:3.5rem;letter-spacing:.06rem}.ampstart-title-md{font-size:2rem;line-height:2.5rem;letter-spacing:.06rem}.ampstart-title-sm{font-size:1.5rem;line-height:2rem;letter-spacing:.06rem}.ampstart-subtitle,body{line-height:1.5rem;letter-spacing:normal}.ampstart-subtitle{color:$theme-color;font-size:1rem}.ampstart-byline,.ampstart-caption,.ampstart-hint,.ampstart-label{font-size:.875rem;color:#4f4f4f;line-height:1.125rem;letter-spacing:.06rem}.ampstart-label{text-transform:uppercase}.ampstart-footer,.ampstart-small-text{font-size:.75rem;line-height:1rem;letter-spacing:.06rem}.ampstart-card{box-shadow:0 1px 1px 0 rgba(0,0,0,.14),0 1px 1px -1px rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)}.h1,h1{font-size:3rem;line-height:3.5rem}.h2,h2{font-size:2rem;line-height:2.5rem}.h3,h3{font-size:1.5rem;line-height:2rem}.h4,h4{font-size:1.125rem;line-height:1.5rem}.h5,h5{font-size:.875rem;line-height:1.125rem}.h6,h6{font-size:.75rem;line-height:1rem}h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-weight:400;letter-spacing:.06rem}a,a:active,a:visited{color: $theme-color;}.ampstart-btn{font-family:inherit;font-weight:inherit;font-size:1rem;line-height:1.125rem;padding:.7em .8em;text-decoration:none;white-space:nowrap;word-wrap:normal;vertical-align:middle;cursor:pointer;background-color:$theme-color;color:#fff;border:1px solid #fff}.ampstart-btn:visited{color:#fff}.ampstart-btn-secondary{background-color:#fff;color:#000;border:1px solid #000}.ampstart-btn-secondary:visited{color:#000}.ampstart-btn:active .ampstart-btn:focus{opacity:.8}.ampstart-btn[disabled],.ampstart-btn[disabled]:active,.ampstart-btn[disabled]:focus,.ampstart-btn[disabled]:hover{opacity:.5;outline:0;cursor:default}.ampstart-dropcap:first-letter{color:#000;font-size:3rem;font-weight:700;float:left;overflow:hidden;line-height:3rem;margin-left:0;margin-right:.5rem}.ampstart-initialcap{padding-top:1rem;margin-top:1.5rem}.ampstart-initialcap:first-letter{color:$theme-color;font-size:3rem;font-weight:700;margin-left:-2px}.ampstart-pullquote{border:none;border-left:4px solid #000;font-size:1.5rem;padding-left:1.5rem}.ampstart-byline time{font-style:normal;white-space:nowrap}.amp-carousel-button-next{background-image:url('data:image/svg+xml;charset=utf-8,<svg width="18" height="18" viewBox="0 0 34 34" xmlns="http://www.w3.org/2000/svg"><title>Next</title><path d="M25.557 14.7L13.818 2.961 16.8 0l16.8 16.8-16.8 16.8-2.961-2.961L25.557 18.9H0v-4.2z" fill="#FFF" fill-rule="evenodd"/></svg>')}.amp-carousel-button-prev{background-image:url('data:image/svg+xml;charset=utf-8,<svg width="18" height="18" viewBox="0 0 34 34" xmlns="http://www.w3.org/2000/svg"><title>Previous</title><path d="M33.6 14.7H8.043L19.782 2.961 16.8 0 0 16.8l16.8 16.8 2.961-2.961L8.043 18.9H33.6z" fill="#FFF" fill-rule="evenodd"/></svg>')}.ampstart-dropdown{min-width:200px}.ampstart-dropdown.absolute{z-index:100}.ampstart-dropdown.absolute>section,.ampstart-dropdown.absolute>section>header{height:100%}.ampstart-dropdown>section>header{background-color:#000;border:0;color:#fff}.ampstart-dropdown>section>header:after{display:inline-block;content:"+";padding:0 0 0 1.5rem;color:$theme-color}.ampstart-dropdown>[expanded]>header:after{content:"–"}.absolute .ampstart-dropdown-items{z-index:200}.ampstart-dropdown-item{background-color:#000;color:$theme-color;opacity:.9}.ampstart-dropdown-item:active,.ampstart-dropdown-item:hover{opacity:1}.ampstart-footer{background-color:#fff;color:#000;padding-top:5rem;padding-bottom:5rem}.ampstart-footer .ampstart-icon{fill:$theme-color}.ampstart-footer .ampstart-social-follow li:last-child{margin-right:0}.ampstart-image-fullpage-hero{color:#fff; background: #424242}.ampstart-fullpage-hero-heading-text,.ampstart-image-fullpage-hero .ampstart-image-credit{-webkit-box-decoration-break:clone;box-decoration-break:clone;background:$theme-color;padding:0 1rem .2rem}.ampstart-image-fullpage-hero>amp-img{max-height:calc(100vh - 3.5rem)}.ampstart-image-fullpage-hero>amp-img img{-o-object-fit:cover;object-fit:cover}.ampstart-fullpage-hero-heading{font-size: 3rem; line-height:1.5rem;}.ampstart-fullpage-hero-cta{background:transparent}.ampstart-readmore{background:-webkit-linear-gradient(bottom,rgba(0,0,0,.65),transparent);background:linear-gradient(0deg,rgba(0,0,0,.65) 0,transparent);color:#fff;margin-top:5rem;padding-bottom:3.5rem}.ampstart-readmore:after{display:block;content:"⌄";font-size:2rem}.ampstart-readmore-text{background:$theme-color}@media (min-width:52.06rem){.ampstart-image-fullpage-hero>amp-img{height:60vh}}.ampstart-image-heading{color:#fff;background:-webkit-linear-gradient(bottom,rgba(0,0,0,.65),transparent);background:linear-gradient(0deg,rgba(0,0,0,.65) 0,transparent)}.ampstart-image-heading>*{margin:0}amp-carousel .ampstart-image-with-heading{margin-bottom:0}.ampstart-image-with-caption figcaption{color:#4f4f4f;line-height:1.125rem}amp-carousel .ampstart-image-with-caption{margin-bottom:0}.ampstart-input{max-width:100%;width:300px;min-width:100px;font-size:1rem;line-height:1.5rem}.ampstart-input [disabled],.ampstart-input [disabled]+label{opacity:.5}.ampstart-input [disabled]:focus{outline:0}.ampstart-input>input,.ampstart-input>select,.ampstart-input>textarea{width:100%;margin-top:1rem;line-height:1.5rem;border:0;border-radius:0;border-bottom:1px solid #4a4a4a;background:none;color:#4a4a4a;outline:0}.ampstart-input>label{color:$theme-color;pointer-events:none;text-align:left;font-size:.875rem;line-height:1rem;opacity:0;-webkit-animation:.2s;animation:.2s;-webkit-animation-timing-function:cubic-bezier(.4,0,.2,1);animation-timing-function:cubic-bezier(.4,0,.2,1);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.ampstart-input>input:focus,.ampstart-input>select:focus,.ampstart-input>textarea:focus{outline:0}.ampstart-input>input:focus::-webkit-input-placeholder,.ampstart-input>select:focus::-webkit-input-placeholder,.ampstart-input>textarea:focus::-webkit-input-placeholder{color:transparent}.ampstart-input>input:focus::-moz-placeholder,.ampstart-input>select:focus::-moz-placeholder,.ampstart-input>textarea:focus::-moz-placeholder{color:transparent}.ampstart-input>input:focus:-ms-input-placeholder,.ampstart-input>select:focus:-ms-input-placeholder,.ampstart-input>textarea:focus:-ms-input-placeholder{color:transparent}.ampstart-input>input:focus::placeholder,.ampstart-input>select:focus::placeholder,.ampstart-input>textarea:focus::placeholder{color:transparent}.ampstart-input>input:not(:placeholder-shown):not([disabled])+label,.ampstart-input>select:not(:placeholder-shown):not([disabled])+label,.ampstart-input>textarea:not(:placeholder-shown):not([disabled])+label{opacity:1}.ampstart-input>input:focus+label,.ampstart-input>select:focus+label,.ampstart-input>textarea:focus+label{-webkit-animation-name:a;animation-name:a}@-webkit-keyframes a{to{opacity:1}}@keyframes a{to{opacity:1}}.ampstart-input>label:after{content:"";height:2px;position:absolute;bottom:0;left:45%;background:$theme-color;-webkit-transition:.2s;transition:.2s;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);visibility:hidden;width:10px}.ampstart-input>input:focus+label:after,.ampstart-input>select:focus+label:after,.ampstart-input>textarea:focus+label:after{left:0;width:100%;visibility:visible}.ampstart-input>input[type=search]{-webkit-appearance:none;-moz-appearance:none;appearance:none}.ampstart-input>input[type=range]{border-bottom:0}.ampstart-input>input[type=range]+label:after{display:none}.ampstart-input>select{-webkit-appearance:none;-moz-appearance:none;appearance:none}.ampstart-input>select+label:before{content:"⌄";line-height:1.5rem;position:absolute;right:5px;zoom:2;top:0;bottom:0;color:$theme-color}.ampstart-input-chk,.ampstart-input-radio{width:auto;color:#4a4a4a}.ampstart-input input[type=checkbox],.ampstart-input input[type=radio]{margin-top:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border:1px solid $theme-color;vertical-align:middle;margin-right:.5rem;text-align:center}.ampstart-input input[type=radio]{border-radius:20px}.ampstart-input input[type=checkbox]:not([disabled])+label,.ampstart-input input[type=radio]:not([disabled])+label{pointer-events:auto;-webkit-animation:none;animation:none;vertical-align:middle;opacity:1;cursor:pointer}.ampstart-input input[type=checkbox]+label:after,.ampstart-input input[type=radio]+label:after{display:none}.ampstart-input input[type=checkbox]:after,.ampstart-input input[type=radio]:after{position:absolute;top:0;left:0;bottom:0;right:0;content:" ";line-height:1.4rem;vertical-align:middle;text-align:center;background-color:#fff}.ampstart-input input[type=checkbox]:checked:after{background-color:$theme-color;color:#fff;content:"✓"}.ampstart-input input[type=radio]:checked{background-color:#fff}.ampstart-input input[type=radio]:after{top:3px;bottom:3px;left:3px;right:3px;border-radius:12px}.ampstart-input input[type=radio]:checked:after{content:"";font-size:3rem;background-color:$theme-color}.ampstart-input>label,_:-ms-lang(x){opacity:1}.ampstart-input>input:-ms-input-placeholder,_:-ms-lang(x){color:transparent}.ampstart-input>input::placeholder,_:-ms-lang(x){color:transparent}.ampstart-input>input::-ms-input-placeholder,_:-ms-lang(x){color:transparent}.ampstart-input>select::-ms-expand{display:none}.ampstart-headerbar{background-color:$theme-color;color:#fff;z-index:999;box-shadow:0 0 5px 2px rgba(0,0,0,.1)}.ampstart-headerbar+:not(amp-sidebar),.ampstart-headerbar+amp-sidebar+*{margin-top:3.5rem}.ampstart-headerbar-nav .ampstart-nav-item{padding:0 1rem;background:transparent;opacity:.8}.ampstart-headerbar-nav{line-height:3.5rem}.ampstart-nav-item:active,.ampstart-nav-item:focus,.ampstart-nav-item:hover{opacity:1}.ampstart-navbar-trigger:focus{outline:none}.ampstart-nav a,.ampstart-navbar-trigger,.ampstart-sidebar-faq a{cursor:pointer;text-decoration:none}.ampstart-nav .ampstart-label{color:inherit}.ampstart-navbar-trigger{line-height:3.5rem;font-size:2rem}.ampstart-headerbar-nav{-webkit-box-flex:1;-ms-flex:1;flex:1}.ampstart-nav-search{-webkit-box-flex:0.5;-ms-flex-positive:0.5;flex-grow:0.5}.ampstart-headerbar .ampstart-nav-search:active,.ampstart-headerbar .ampstart-nav-search:focus,.ampstart-headerbar .ampstart-nav-search:hover{box-shadow:none}.ampstart-nav-search>input{border:none;border-radius:3px;line-height:normal}.ampstart-nav-dropdown{min-width:200px}.ampstart-nav-dropdown amp-accordion header{background-color:#fff;border:none}.ampstart-nav-dropdown amp-accordion ul{background-color:#fff}.ampstart-nav-dropdown .ampstart-dropdown-item,.ampstart-nav-dropdown .ampstart-dropdown>section>header{background-color:#fff;color:#000}.ampstart-nav-dropdown .ampstart-dropdown-item{color:$theme-color}.ampstart-sidebar{background-color:#fff;color:$theme-color;min-width:300px;width:300px}.ampstart-sidebar .ampstart-icon{fill:$theme-color}.ampstart-sidebar-header{line-height:3.5rem;min-height:3.5rem}.ampstart-sidebar .ampstart-dropdown-item,.ampstart-sidebar .ampstart-dropdown header,.ampstart-sidebar .ampstart-faq-item,.ampstart-sidebar .ampstart-nav-item,.ampstart-sidebar .ampstart-social-follow{margin:0 0 2rem}.ampstart-sidebar .ampstart-nav-dropdown{margin:0}.ampstart-sidebar .ampstart-navbar-trigger{line-height:inherit}.ampstart-navbar-trigger svg{pointer-events:none}.ampstart-related-article-section{border-color:#4a4a4a}.ampstart-related-article-section .ampstart-heading{color:#4a4a4a;font-weight:400}.ampstart-related-article-readmore{color:$theme-color;letter-spacing:0}.ampstart-related-section-items>li{border-bottom:1px solid #4a4a4a}.ampstart-related-section-items>li:last-child{border:none}.ampstart-related-section-items .ampstart-image-with-caption{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:0}.ampstart-related-section-items .ampstart-image-with-caption>amp-img,.ampstart-related-section-items .ampstart-image-with-caption>figcaption{-webkit-box-flex:1;-ms-flex:1;flex:1}.ampstart-related-section-items .ampstart-image-with-caption>figcaption{padding-left:1rem}@media (min-width:40.06rem){.ampstart-related-section-items>li{border:none}.ampstart-related-section-items .ampstart-image-with-caption>figcaption{padding:1rem 0}.ampstart-related-section-items .ampstart-image-with-caption>amp-img,.ampstart-related-section-items .ampstart-image-with-caption>figcaption{-ms-flex-preferred-size:100%;flex-basis:100%}}.ampstart-social-box{display:-webkit-box;display:-ms-flexbox;display:flex}.ampstart-social-box>amp-social-share{background-color:$theme-color}.ampstart-icon{fill:$theme-color}
|
529
|
+
.related {
|
530
|
+
background-color: #f5f5f5;
|
531
|
+
margin: 1rem;
|
532
|
+
display: flex;
|
533
|
+
color: #111;
|
534
|
+
padding: 0;
|
535
|
+
box-shadow: 0 1px 1px 0 rgba(0,0,0,.14), 0 1px 1px -1px rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);
|
536
|
+
text-decoration: none;
|
537
|
+
}
|
538
|
+
.related > span {
|
539
|
+
font-weight: 400;
|
540
|
+
margin: 8px;
|
541
|
+
}
|
542
|
+
.related:hover {
|
543
|
+
background-color: #ccc;
|
544
|
+
}
|
545
|
+
|
546
|
+
#banner {
|
547
|
+
display: flex;
|
548
|
+
width: 100%;
|
549
|
+
justify-content: center;
|
550
|
+
align-items: center;
|
551
|
+
}
|
552
|
+
|
553
|
+
#banner > #banner-logo {
|
554
|
+
padding: 8px;
|
555
|
+
}
|
556
|
+
|
557
|
+
#banner > #banner-text {
|
558
|
+
flex: 1;
|
559
|
+
font-size: 14px;
|
560
|
+
padding: 0 8px;
|
561
|
+
}
|
562
|
+
#radhakrishna {
|
563
|
+
display: inline-flex;
|
564
|
+
}
|
565
|
+
.hanumanchalisa {
|
566
|
+
margin-bottom: 5rem;
|
567
|
+
}
|
568
|
+
|
569
|
+
p {
|
570
|
+
margin-bottom: 2rem;
|
571
|
+
// padding-left: 1.5rem;
|
572
|
+
// padding-right: 1.5rem;
|
573
|
+
}
|
574
|
+
|
575
|
+
h1, h2, h3, h4, h5, h6 {
|
576
|
+
// padding-left: 1.5rem;
|
577
|
+
// padding-right: 1.5rem;
|
578
|
+
margin-bottom: 1.5rem
|
579
|
+
}
|
580
|
+
|
581
|
+
amp-img {
|
582
|
+
margin-bottom: 2rem;
|
583
|
+
}
|
584
|
+
|
585
|
+
.author-thumb {
|
586
|
+
width: 24px;
|
587
|
+
height: 24px;
|
588
|
+
float: left;
|
589
|
+
margin-right: 9px;
|
590
|
+
border-radius: 100%;
|
591
|
+
}
|
592
|
+
|
593
|
+
.author-thumb-post {
|
594
|
+
width: 100px;
|
595
|
+
height: 100px;
|
596
|
+
float: left;
|
597
|
+
margin-right: 9px;
|
598
|
+
border-radius: 100%;
|
599
|
+
}
|
600
|
+
|
601
|
+
.post-date {
|
602
|
+
display: inline-block;
|
603
|
+
margin-left: 8px;
|
604
|
+
padding-left: 12px;
|
605
|
+
border-left: #d5dbde 1px solid;
|
606
|
+
text-transform: uppercase;
|
607
|
+
font-size: 14px;
|
608
|
+
white-space: nowrap;
|
609
|
+
}
|
610
|
+
|
611
|
+
.newer-posts {
|
612
|
+
right: 0;
|
613
|
+
}
|
614
|
+
|
615
|
+
.older-posts {
|
616
|
+
left: 0;
|
617
|
+
}
|
618
|
+
|
619
|
+
.newer-posts {
|
620
|
+
margin-right: 2rem;
|
621
|
+
display: inline-block;
|
622
|
+
padding: 0 15px;
|
623
|
+
border: #bfc8cd 1px solid;
|
624
|
+
text-decoration: none;
|
625
|
+
border-radius: 4px;
|
626
|
+
transition: border 0.3s ease;
|
627
|
+
}
|
628
|
+
|
629
|
+
.older-posts {
|
630
|
+
margin-left: 2rem;
|
631
|
+
display: inline-block;
|
632
|
+
padding: 0 15px;
|
633
|
+
border: #bfc8cd 1px solid;
|
634
|
+
text-decoration: none;
|
635
|
+
border-radius: 4px;
|
636
|
+
transition: border 0.3s ease;
|
637
|
+
}
|
638
|
+
|
639
|
+
hr {
|
640
|
+
color: #9e9e9e
|
641
|
+
}
|
642
|
+
|
643
|
+
// dl dt {
|
644
|
+
// padding-left: 2rem;
|
645
|
+
// }
|
646
|
+
|
647
|
+
dl dd {
|
648
|
+
padding-left: 0.5rem;
|
649
|
+
}
|
650
|
+
|
651
|
+
table {
|
652
|
+
border-collapse: collapse;
|
653
|
+
width: 100%;
|
654
|
+
}
|
655
|
+
|
656
|
+
th, td {
|
657
|
+
text-align: left;
|
658
|
+
}
|
659
|
+
|
660
|
+
tr:nth-child(odd), th {
|
661
|
+
background-color: #f2f2f2;
|
662
|
+
}
|
663
|
+
|
664
|
+
blockquote {
|
665
|
+
-moz-box-sizing: border-box;
|
666
|
+
box-sizing: border-box;
|
667
|
+
margin: 1.75em 1.5rem 1.75em 0;
|
668
|
+
padding: 0 0 0 2rem;
|
669
|
+
border-left: $theme-color 0.4em solid;
|
670
|
+
}
|
671
|
+
|
672
|
+
blockquote {
|
673
|
+
display: block;
|
674
|
+
}
|
675
|
+
|
676
|
+
.recommended {
|
677
|
+
text-align: center;
|
678
|
+
}
|
679
|
+
|
680
|
+
.author {
|
681
|
+
color: #ffffff;
|
682
|
+
}
|
683
|
+
|
684
|
+
.author-name {
|
685
|
+
margin-bottom: 0rem;
|
686
|
+
}
|
687
|
+
|
688
|
+
.author-section {
|
689
|
+
margin-top: 2rem;
|
690
|
+
}
|
691
|
+
|
692
|
+
.hanuman {
|
693
|
+
margin-top: 25vh;
|
694
|
+
text-align: center;
|
695
|
+
font-weight: 600;
|
696
|
+
margin-bottom: 1rem;
|
697
|
+
text-shadow: 0 2px 1px rgba(0, 0, 0, 0.67);
|
698
|
+
}
|
699
|
+
|
700
|
+
.title {
|
701
|
+
background: none;
|
702
|
+
}
|
703
|
+
|
704
|
+
body > figure > figcaption > header > h2 {
|
705
|
+
text-align: center;
|
706
|
+
}
|
707
|
+
|
708
|
+
.description {
|
709
|
+
font-size: 1.5rem;
|
710
|
+
text-shadow: 0 2px 1px rgba(0, 0, 0, 0.67);
|
711
|
+
background: none;
|
712
|
+
}
|
713
|
+
|
714
|
+
.ampstart-read{
|
715
|
+
color:#fff;
|
716
|
+
margin-top:5rem;
|
717
|
+
padding-bottom:3.5rem
|
718
|
+
}
|
719
|
+
|
720
|
+
.ampstart-read:after{
|
721
|
+
display:block;content:"⌄";
|
722
|
+
font-size:2rem
|
723
|
+
}
|
724
|
+
|
725
|
+
.ampstart-read-text{
|
726
|
+
background:$theme-color
|
727
|
+
}
|