hanuman 0.1.0

Sign up to get free protection for your applications and to get access to all the features.
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
+ }