hanuman 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (95) hide show
  1. checksums.yaml +7 -0
  2. data/LICENSE.txt +21 -0
  3. data/README.md +89 -0
  4. data/_data/author.yml +8 -0
  5. data/_data/navigation.yml +5 -0
  6. data/_includes/analytics.html +15 -0
  7. data/_includes/footer.html +61 -0
  8. data/_includes/head.html +68 -0
  9. data/_includes/header.html +58 -0
  10. data/_includes/icon-github.html +3 -0
  11. data/_includes/icon-github.svg +1 -0
  12. data/_includes/icon-twitter.html +3 -0
  13. data/_includes/icon-twitter.svg +1 -0
  14. data/_includes/metadata.json +30 -0
  15. data/_includes/styles.scss +727 -0
  16. data/_layouts/default.html +13 -0
  17. data/_layouts/page.html +16 -0
  18. data/_layouts/post.html +153 -0
  19. data/_sass/_syntax-highlighting.scss +70 -0
  20. data/_sass/bourbon/_bourbon-deprecated-upcoming.scss +8 -0
  21. data/_sass/bourbon/_bourbon.scss +79 -0
  22. data/_sass/bourbon/addons/_button.scss +374 -0
  23. data/_sass/bourbon/addons/_clearfix.scss +23 -0
  24. data/_sass/bourbon/addons/_directional-values.scss +111 -0
  25. data/_sass/bourbon/addons/_ellipsis.scss +7 -0
  26. data/_sass/bourbon/addons/_font-family.scss +5 -0
  27. data/_sass/bourbon/addons/_hide-text.scss +10 -0
  28. data/_sass/bourbon/addons/_html5-input-types.scss +86 -0
  29. data/_sass/bourbon/addons/_position.scss +32 -0
  30. data/_sass/bourbon/addons/_prefixer.scss +45 -0
  31. data/_sass/bourbon/addons/_retina-image.scss +31 -0
  32. data/_sass/bourbon/addons/_size.scss +16 -0
  33. data/_sass/bourbon/addons/_timing-functions.scss +32 -0
  34. data/_sass/bourbon/addons/_triangle.scss +83 -0
  35. data/_sass/bourbon/addons/_word-wrap.scss +8 -0
  36. data/_sass/bourbon/css3/_animation.scss +52 -0
  37. data/_sass/bourbon/css3/_appearance.scss +3 -0
  38. data/_sass/bourbon/css3/_backface-visibility.scss +6 -0
  39. data/_sass/bourbon/css3/_background-image.scss +42 -0
  40. data/_sass/bourbon/css3/_background.scss +55 -0
  41. data/_sass/bourbon/css3/_border-image.scss +59 -0
  42. data/_sass/bourbon/css3/_border-radius.scss +22 -0
  43. data/_sass/bourbon/css3/_box-sizing.scss +4 -0
  44. data/_sass/bourbon/css3/_calc.scss +4 -0
  45. data/_sass/bourbon/css3/_columns.scss +47 -0
  46. data/_sass/bourbon/css3/_filter.scss +5 -0
  47. data/_sass/bourbon/css3/_flex-box.scss +321 -0
  48. data/_sass/bourbon/css3/_font-face.scss +23 -0
  49. data/_sass/bourbon/css3/_font-feature-settings.scss +10 -0
  50. data/_sass/bourbon/css3/_hidpi-media-query.scss +10 -0
  51. data/_sass/bourbon/css3/_hyphens.scss +4 -0
  52. data/_sass/bourbon/css3/_image-rendering.scss +14 -0
  53. data/_sass/bourbon/css3/_keyframes.scss +35 -0
  54. data/_sass/bourbon/css3/_linear-gradient.scss +38 -0
  55. data/_sass/bourbon/css3/_perspective.scss +8 -0
  56. data/_sass/bourbon/css3/_placeholder.scss +8 -0
  57. data/_sass/bourbon/css3/_radial-gradient.scss +39 -0
  58. data/_sass/bourbon/css3/_transform.scss +15 -0
  59. data/_sass/bourbon/css3/_transition.scss +77 -0
  60. data/_sass/bourbon/css3/_user-select.scss +3 -0
  61. data/_sass/bourbon/functions/_assign.scss +11 -0
  62. data/_sass/bourbon/functions/_color-lightness.scss +13 -0
  63. data/_sass/bourbon/functions/_flex-grid.scss +39 -0
  64. data/_sass/bourbon/functions/_golden-ratio.scss +3 -0
  65. data/_sass/bourbon/functions/_grid-width.scss +13 -0
  66. data/_sass/bourbon/functions/_modular-scale.scss +66 -0
  67. data/_sass/bourbon/functions/_px-to-em.scss +13 -0
  68. data/_sass/bourbon/functions/_px-to-rem.scss +15 -0
  69. data/_sass/bourbon/functions/_strip-units.scss +5 -0
  70. data/_sass/bourbon/functions/_tint-shade.scss +9 -0
  71. data/_sass/bourbon/functions/_transition-property-name.scss +22 -0
  72. data/_sass/bourbon/functions/_unpack.scss +17 -0
  73. data/_sass/bourbon/helpers/_convert-units.scss +15 -0
  74. data/_sass/bourbon/helpers/_gradient-positions-parser.scss +13 -0
  75. data/_sass/bourbon/helpers/_is-num.scss +8 -0
  76. data/_sass/bourbon/helpers/_linear-angle-parser.scss +25 -0
  77. data/_sass/bourbon/helpers/_linear-gradient-parser.scss +41 -0
  78. data/_sass/bourbon/helpers/_linear-positions-parser.scss +61 -0
  79. data/_sass/bourbon/helpers/_linear-side-corner-parser.scss +31 -0
  80. data/_sass/bourbon/helpers/_radial-arg-parser.scss +69 -0
  81. data/_sass/bourbon/helpers/_radial-gradient-parser.scss +50 -0
  82. data/_sass/bourbon/helpers/_radial-positions-parser.scss +18 -0
  83. data/_sass/bourbon/helpers/_render-gradients.scss +26 -0
  84. data/_sass/bourbon/helpers/_shape-size-stripper.scss +10 -0
  85. data/_sass/bourbon/helpers/_str-to-num.scss +50 -0
  86. data/_sass/bourbon/settings/_asset-pipeline.scss +1 -0
  87. data/_sass/bourbon/settings/_prefixer.scss +6 -0
  88. data/_sass/bourbon/settings/_px-to-em.scss +1 -0
  89. data/assets/images/favicon.png +0 -0
  90. data/assets/images/hanuman.png +0 -0
  91. data/assets/images/logo.png +0 -0
  92. data/assets/images/radhakrishna.jpg +0 -0
  93. data/assets/images/shiva.jpg +0 -0
  94. data/assets/images/tree.jpg +0 -0
  95. 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,8 @@
1
+ author:
2
+ username: hanuman
3
+ name: HANUMAN
4
+ location: Vrindavan
5
+ url_full: https://hanumanchalisa.net
6
+ url: hanumanchalisa.net
7
+ bio: Jai Shri Ram!
8
+ assets: assets/images/hanuman.png
@@ -0,0 +1,5 @@
1
+ - title: Home
2
+ url:
3
+
4
+ - title: About
5
+ url: about
@@ -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
+ &copy; 2017
58
+ <a href="{{site.baseurl}}">{{site.name}}</a> &nbsp; | &nbsp; All Rights Reserved.
59
+
60
+ </small>
61
+ </footer>
@@ -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,3 @@
1
+ {% if include.username %}
2
+ <span class="icon icon--github">{% include icon-github.svg %}</span><a href="https://github.com/{{ include.username }}"><span class="username">{{ include.username }}</span></a>
3
+ {% endif %}
@@ -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,3 @@
1
+ {% if include.username %}
2
+ <span class="icon icon--twitter">{% include icon-twitter.svg %}</span><a href="https://twitter.com/{{ include.username }}"><span class="username">{{ include.username }}</span></a>
3
+ {% endif %}
@@ -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
+ }