devlopr-jekyll 0.4.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (78) hide show
  1. checksums.yaml +7 -0
  2. data/LICENSE.txt +21 -0
  3. data/README.md +39 -0
  4. data/_includes/ads.html +1 -0
  5. data/_includes/algolia_search.html +66 -0
  6. data/_includes/author_skills.html +2 -0
  7. data/_includes/blog_categories.html +9 -0
  8. data/_includes/blog_post_article.html +29 -0
  9. data/_includes/blog_post_breadcrumb.html +11 -0
  10. data/_includes/blog_post_comments.html +18 -0
  11. data/_includes/blog_sidebar.html +18 -0
  12. data/_includes/blog_tags.html +8 -0
  13. data/_includes/coding_activity.html +11 -0
  14. data/_includes/contact_me_form.html +16 -0
  15. data/_includes/footer.html +11 -0
  16. data/_includes/github_follow_button.html +2 -0
  17. data/_includes/github_star_button.html +2 -0
  18. data/_includes/head.html +61 -0
  19. data/_includes/header.html +87 -0
  20. data/_includes/product.html +9 -0
  21. data/_includes/product_definition.html +10 -0
  22. data/_includes/twitter_follow_button.html +1 -0
  23. data/_layouts/about_me.html +129 -0
  24. data/_layouts/blog.html +72 -0
  25. data/_layouts/compress.html +10 -0
  26. data/_layouts/contact_me.html +9 -0
  27. data/_layouts/default.html +28 -0
  28. data/_layouts/page.html +9 -0
  29. data/_layouts/post.html +24 -0
  30. data/_layouts/product.html +11 -0
  31. data/_layouts/search.html +22 -0
  32. data/_sass/devlog.scss +583 -0
  33. data/assets/css/custom-style.css +3 -0
  34. data/assets/css/main.scss +7 -0
  35. data/assets/img/favicon.ico +0 -0
  36. data/assets/img/gamershub.png +0 -0
  37. data/assets/img/google.png +0 -0
  38. data/assets/img/iit.jpeg +0 -0
  39. data/assets/img/microsoft.png +0 -0
  40. data/assets/img/mit.png +0 -0
  41. data/assets/img/oxford.png +0 -0
  42. data/assets/img/posts/1.png +0 -0
  43. data/assets/img/posts/2.png +0 -0
  44. data/assets/img/posts/3.png +0 -0
  45. data/assets/img/posts/4.png +0 -0
  46. data/assets/img/posts/5.png +0 -0
  47. data/assets/img/posts/6.png +0 -0
  48. data/assets/img/posts/d1.png +0 -0
  49. data/assets/img/posts/d2.png +0 -0
  50. data/assets/img/posts/d3.png +0 -0
  51. data/assets/img/posts/d4.png +0 -0
  52. data/assets/img/posts/d5.png +0 -0
  53. data/assets/img/posts/d6.png +0 -0
  54. data/assets/img/posts/deploy-using-github-pages-and-travis.png +0 -0
  55. data/assets/img/posts/devlopr-starter.png +0 -0
  56. data/assets/img/posts/devlopr.png +0 -0
  57. data/assets/img/posts/hello.jpg +0 -0
  58. data/assets/img/posts/siteleaf.jpg +0 -0
  59. data/assets/img/posts/siteleaf/1.png +0 -0
  60. data/assets/img/posts/siteleaf/2.png +0 -0
  61. data/assets/img/posts/siteleaf/3.png +0 -0
  62. data/assets/img/posts/siteleaf/4.png +0 -0
  63. data/assets/img/posts/siteleaf/5.png +0 -0
  64. data/assets/img/posts/siteleaf/6.png +0 -0
  65. data/assets/img/posts/siteleaf/8.png +0 -0
  66. data/assets/img/posts/siteleaf/9.png +0 -0
  67. data/assets/img/products/product1.jpg +0 -0
  68. data/assets/img/products/product2.jpg +0 -0
  69. data/assets/img/products/product3.jpg +0 -0
  70. data/assets/img/profile.png +0 -0
  71. data/assets/img/programmingebooks.png +0 -0
  72. data/assets/img/styleguide.png +0 -0
  73. data/assets/img/zoom.jpg +0 -0
  74. data/categories/all.md +28 -0
  75. data/categories/guides.md +13 -0
  76. data/tags/all.md +28 -0
  77. data/tags/jekyll.md +13 -0
  78. metadata +238 -0
@@ -0,0 +1,9 @@
1
+ <div class="blog-post card product">
2
+ <img src="{{ product.image }}" alt="{{ product.name }} product image" class="product__image card-img-top">
3
+ <div class="product__information">
4
+ <h2 class="product__title">{{ product.name }}</h2>
5
+ <p class="product__description">{{ product.content | remove: '<p>' | remove: '</p>' }}</p>
6
+ {% include product_definition.html %}
7
+ </div>
8
+
9
+ </div>
@@ -0,0 +1,10 @@
1
+ <button
2
+ class="buy-button snipcart-add-item btn-success"
3
+ data-item-id="{{ product.identifier }}"
4
+ data-item-name="{{ product.name }}"
5
+ data-item-price="{{ product.price }}"
6
+ data-item-image="{{ product.image }}"
7
+ data-item-url="https://devlopr.netlify.com{{ page.url }}"
8
+ data-item-description="{{ product.content | remove: '<p>' | remove: '</p>' }}">
9
+ Add to cart (${{ product.price }})
10
+ </button>
@@ -0,0 +1 @@
1
+ <a href="https://twitter.com/{{site.twitter_username}}?ref_src=twsrc%5Etfw" class="twitter-follow-button" data-size="large" data-show-count="true">Follow @{{site.twitter_username}}</a><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
@@ -0,0 +1,129 @@
1
+ ---
2
+ layout: default
3
+ ---
4
+
5
+ <div class="row">
6
+ <div class="col-lg-8">
7
+
8
+ {% if site.author_bio %}
9
+ <div class="card">
10
+ <h1 class="card-title">About</h1>
11
+ <p> {{ site.author_bio }}</p>
12
+ </div>
13
+ {% endif %}
14
+
15
+
16
+ {% if site.show_author_project_details == true %}
17
+ <div class="card">
18
+ <h1 class="card-title">Projects</h1>
19
+ <br />
20
+ {% for project in site.author_project_details %}
21
+ {% if project.visibility == true %}
22
+ <div class="row">
23
+ <div class="col-md-2">
24
+ <img src="/assets/img/{{project.project_thumbnail}}" class="company-logo" />
25
+ </div>
26
+ <div class="col-md-6">
27
+ <h4 class="experience-title"> {{ project.project_title }}</h4>
28
+ <h6 class="experience-info"> {{ project.project_info}}</h6>
29
+ <p class="experience-desc"> {{ project.project_description }} </p>
30
+ <p><a href="{{exp.company_url}}">{{ project.project_url}}</a></p>
31
+ </div>
32
+ </div>
33
+ {% endif %}
34
+
35
+ {% endfor %}
36
+ </div>
37
+ {% endif %}
38
+
39
+ {% if site.show_author_work_experiences == true %}
40
+ <div class="card">
41
+ <h1 class="card-title"> Work Experience</h1>
42
+ <br />
43
+ {% for exp in site.author_work_experiences %}
44
+ {% if exp.visibility == true %}
45
+ <div class="row">
46
+ <div class="col-md-2">
47
+ <img src="/assets/img/{{ exp.company_logo }}" class="company-logo" />
48
+ </div>
49
+ <div class="col-md-6">
50
+ <h4 class="experience-title"> {{ exp.designation }}</h4>
51
+ <h6 class="experience-info"> {{ exp.company_name}}</h6>
52
+ <p class="experience-desc"> {{ exp.description }} </p>
53
+ <p><a href="{{exp.company_url}}">{{ exp.company_url}}</a></p>
54
+ </div>
55
+ </div>
56
+ {% endif %}
57
+
58
+ {% endfor %}
59
+ </div>
60
+ {% endif %}
61
+
62
+
63
+ {% if site.show_author_education_details == true %}
64
+ <div class="card">
65
+ <h1 class="card-title"> Education </h1>
66
+ <br />
67
+ {% for detail in site.author_education_details %}
68
+ {% if detail.visibility == true %}
69
+ <div class="row">
70
+ <div class="col-md-2">
71
+ <img src="/assets/img/{{ detail.college_logo}}" class="company-logo" />
72
+ </div>
73
+ <div class="col-md-6">
74
+ <h4 class="experience-title"> {{detail.college_degree }}</h4>
75
+ <h6 class="experience-info">{{detail.college_name}}</h6>
76
+ <p class="experience-desc"> {{detail.description}} </p>
77
+ <p><a href="{{detail.college_url}}">{{ detail.college_url}}</a></p>
78
+ </div>
79
+ </div>
80
+ {% endif %}
81
+
82
+ {% endfor %}
83
+ </div>
84
+ {% endif %}
85
+
86
+ </div>
87
+ <div class="col-lg-4">
88
+
89
+ <div class="card">
90
+ {% if site.author_location %}
91
+ <h6> <i class="fas fa-map-marker-alt"></i> {{ site.author_location }}</h6>
92
+ {% endif %}
93
+
94
+ {% if site.author_email %}
95
+ <h6><i class="fas fa-envelope"></i> {{ site.author_email }}</h6>
96
+ {% endif %}
97
+
98
+ {% if site.author_website_url %}
99
+ <h6> <i class="fas fa-link"></i> {{ site.author_website_url }} </h6>
100
+ {% endif %}
101
+
102
+ {% if site.github_username %}
103
+ {%- include github_follow_button.html -%}
104
+ {% endif %}
105
+
106
+ {% if site.twitter_username %}
107
+ {%- include twitter_follow_button.html -%}
108
+ {% endif %}
109
+
110
+ </div>
111
+
112
+ <div class="card">
113
+ <h1> Skills </h1>
114
+
115
+ {%- include author_skills.html -%}
116
+
117
+ </div>
118
+
119
+ {% if site.wakatime_username %}
120
+ <div class="card">
121
+ <h1> Coding Activity </h1>
122
+
123
+ {%- include coding_activity.html -%}
124
+
125
+ </div>
126
+ {% endif %}
127
+
128
+ </div>
129
+ </div>
@@ -0,0 +1,72 @@
1
+ ---
2
+ layout: default
3
+ ---
4
+
5
+ <div class="row">
6
+
7
+ <div class="col-lg-8 col-md-4">
8
+
9
+ <!-- Blog Posts -->
10
+ <ul >
11
+ <div class="row">
12
+ {% for post in paginator.posts %}
13
+ <div class="card blog-post">
14
+ <img class="card-img-top" src="/assets/img/posts/{{ post.thumbnail }}" alt="{{ post.title }}">
15
+ <div class="card-body center">
16
+ <img src="/assets/img/{{ site.author_logo }}" class="author-profile-img">
17
+ <h4 class="card-title">{{ post.title }}</h4>
18
+
19
+ <h6 class="card-subtitle mb-2 text-muted">{{ post.date | date: "%b %-d, %Y" }}</h6>
20
+ <p class="card-text">{{ post.summary }} </p>
21
+
22
+ <a href="{{ post.url | prepend: site.baseurl }}" data-disqus-identifier="{{ post.url }}" class="btn btn-primary btn-lg">Read</a>
23
+ <span class="disqus-comment-count" data-disqus-identifier="{{ post.url }}"></span>
24
+
25
+ </div>
26
+ </div>
27
+
28
+ {% endfor %}
29
+ </div>
30
+ </ul>
31
+
32
+
33
+ <div class="row center">
34
+ <!-- Pagination links -->
35
+ {% if paginator.total_pages > 1 %}
36
+ <ul class="pagination pagination-sm">
37
+ {% if paginator.previous_page %}
38
+ <li><a href="{{ paginator.previous_page_path | prepend: site.baseurl | replace: '//', '/' }}">&laquo;</a></li>
39
+ {% else %}
40
+ <li class="disabled"><span aria-hidden="true">&laquo;</span></li>
41
+ {% endif %}
42
+
43
+ <li><a href="/">First</a></li>
44
+
45
+ {% for page in (1..paginator.total_pages) %}
46
+ {% if page == paginator.page %}
47
+ <li class="active"><a>{{ page }}<span class="sr-only">(current)</span></a></li>
48
+ {% elsif page == 1 %}
49
+ <li><a href="/">{{ page }}</a></li>
50
+ {% else %}
51
+ <li><a href="{{ site.paginate_path | prepend: site.baseurl | replace: '//', '/' | replace: ':num', page }}">{{ page }}</a></li>
52
+ {% endif %}
53
+ {% endfor %}
54
+
55
+ <li><a href="/page/{{ paginator.total_pages }}/">Last</a></li>
56
+
57
+ {% if paginator.next_page %}
58
+ <li><a href="{{ paginator.next_page_path | prepend: site.baseurl | replace: '//', '/' }}">&raquo;</a></li>
59
+ {% else %}
60
+ <li class="disabled"><span>&raquo;</span></li>
61
+ {% endif %}
62
+ </ul>
63
+ {% endif %}
64
+ </div>
65
+
66
+ </div>
67
+
68
+
69
+ {%- include blog_sidebar.html -%}
70
+ </div>
71
+
72
+
@@ -0,0 +1,10 @@
1
+ ---
2
+ # Jekyll layout that compresses HTML
3
+ # v3.1.0
4
+ # http://jch.penibelst.de/
5
+ # © 2014–2015 Anatol Broder
6
+ # MIT License
7
+ ---
8
+
9
+ {% capture _LINE_FEED %}
10
+ {% endcapture %}{% if site.compress_html.ignore.envs contains jekyll.environment or site.compress_html.ignore.envs == "all" %}{{ content }}{% else %}{% capture _content %}{{ content }}{% endcapture %}{% assign _profile = site.compress_html.profile %}{% if site.compress_html.endings == "all" %}{% assign _endings = "html head body li dt dd optgroup option colgroup caption thead tbody tfoot tr td th" | split: " " %}{% else %}{% assign _endings = site.compress_html.endings %}{% endif %}{% for _element in _endings %}{% capture _end %}</{{ _element }}>{% endcapture %}{% assign _content = _content | remove: _end %}{% endfor %}{% if _profile and _endings %}{% assign _profile_endings = _content | size | plus: 1 %}{% endif %}{% for _element in site.compress_html.startings %}{% capture _start %}<{{ _element }}>{% endcapture %}{% assign _content = _content | remove: _start %}{% endfor %}{% if _profile and site.compress_html.startings %}{% assign _profile_startings = _content | size | plus: 1 %}{% endif %}{% if site.compress_html.comments == "all" %}{% assign _comments = "<!-- -->" | split: " " %}{% else %}{% assign _comments = site.compress_html.comments %}{% endif %}{% if _comments.size == 2 %}{% capture _comment_befores %}.{{ _content }}{% endcapture %}{% assign _comment_befores = _comment_befores | split: _comments.first %}{% for _comment_before in _comment_befores %}{% if forloop.first %}{% continue %}{% endif %}{% capture _comment_outside %}{% if _carry %}{{ _comments.first }}{% endif %}{{ _comment_before }}{% endcapture %}{% capture _comment %}{% unless _carry %}{{ _comments.first }}{% endunless %}{{ _comment_outside | split: _comments.last | first }}{% if _comment_outside contains _comments.last %}{{ _comments.last }}{% assign _carry = false %}{% else %}{% assign _carry = true %}{% endif %}{% endcapture %}{% assign _content = _content | remove_first: _comment %}{% endfor %}{% if _profile %}{% assign _profile_comments = _content | size | plus: 1 %}{% endif %}{% endif %}{% assign _pre_befores = _content | split: "<pre" %}{% assign _content = "" %}{% for _pre_before in _pre_befores %}{% assign _pres = _pre_before | split: "</pre>" %}{% assign _pres_after = "" %}{% if _pres.size != 0 %}{% if site.compress_html.blanklines %}{% assign _lines = _pres.last | split: _LINE_FEED %}{% capture _pres_after %}{% for _line in _lines %}{% assign _trimmed = _line | split: " " | join: " " %}{% if _trimmed != empty or forloop.last %}{% unless forloop.first %}{{ _LINE_FEED }}{% endunless %}{{ _line }}{% endif %}{% endfor %}{% endcapture %}{% else %}{% assign _pres_after = _pres.last | split: " " | join: " " %}{% endif %}{% endif %}{% capture _content %}{{ _content }}{% if _pre_before contains "</pre>" %}<pre{{ _pres.first }}</pre>{% endif %}{% unless _pre_before contains "</pre>" and _pres.size == 1 %}{{ _pres_after }}{% endunless %}{% endcapture %}{% endfor %}{% if _profile %}{% assign _profile_collapse = _content | size | plus: 1 %}{% endif %}{% if site.compress_html.clippings == "all" %}{% assign _clippings = "html head title base link meta style body article section nav aside h1 h2 h3 h4 h5 h6 hgroup header footer address p hr blockquote ol ul li dl dt dd figure figcaption main div table caption colgroup col tbody thead tfoot tr td th" | split: " " %}{% else %}{% assign _clippings = site.compress_html.clippings %}{% endif %}{% for _element in _clippings %}{% assign _edges = " <e;<e; </e>;</e>;</e> ;</e>" | replace: "e", _element | split: ";" %}{% assign _content = _content | replace: _edges[0], _edges[1] | replace: _edges[2], _edges[3] | replace: _edges[4], _edges[5] %}{% endfor %}{% if _profile and _clippings %}{% assign _profile_clippings = _content | size | plus: 1 %}{% endif %}{{ _content }}{% if _profile %} <table id="compress_html_profile_{{ site.time | date: "%Y%m%d" }}" class="compress_html_profile"> <thead> <tr> <td>Step <td>Bytes <tbody> <tr> <td>raw <td>{{ content | size }}{% if _profile_endings %} <tr> <td>endings <td>{{ _profile_endings }}{% endif %}{% if _profile_startings %} <tr> <td>startings <td>{{ _profile_startings }}{% endif %}{% if _profile_comments %} <tr> <td>comments <td>{{ _profile_comments }}{% endif %}{% if _profile_collapse %} <tr> <td>collapse <td>{{ _profile_collapse }}{% endif %}{% if _profile_clippings %} <tr> <td>clippings <td>{{ _profile_clippings }}{% endif %} </table>{% endif %}{% endif %}
@@ -0,0 +1,9 @@
1
+ ---
2
+ layout: default
3
+ ---
4
+
5
+ <div class="card">
6
+ <h1 class="card-title"> Contact</h1>
7
+
8
+ {%- include contact_me_form.html -%}
9
+ </div>
@@ -0,0 +1,28 @@
1
+ ---
2
+ layout: compress
3
+ ---
4
+
5
+ <!DOCTYPE html>
6
+ <html lang="{{ page.lang | default: site.lang | default: " en " }}">
7
+
8
+ {%- include head.html -%}
9
+
10
+ <body>
11
+ <div class="container-fluid">
12
+
13
+ {%- include header.html -%}
14
+
15
+ <div class="col-lg-12">
16
+
17
+ {{ content }}
18
+
19
+ </div>
20
+
21
+ {%- include footer.html -%}
22
+
23
+ </div>
24
+ </body>
25
+
26
+ <div hidden id="snipcart" data-api-key="Y2I1NTAyNWYtMTNkMy00ODg0LWE4NDItNTZhYzUxNzJkZTI5NjM3MDI4NTUzNzYyMjQ4NzU0"></div>
27
+ <script src="https://cdn.snipcart.com/themes/v3.0.0-beta.3/default/snipcart.js" defer></script>
28
+ </html>
@@ -0,0 +1,9 @@
1
+ ---
2
+ layout: default
3
+ ---
4
+
5
+ <div class="card">
6
+ <div class="col-md-8 offset-md-2 offset-md-right">
7
+ {{ content }}
8
+ </div>
9
+ </div>
@@ -0,0 +1,24 @@
1
+ ---
2
+ layout: default
3
+ ---
4
+
5
+ <!-- Blog Post Breadcrumbs -->
6
+ {%- include blog_post_breadcrumb.html -%}
7
+
8
+ <div class="row">
9
+
10
+ <div class="col-lg-8">
11
+
12
+ {%- include blog_post_article.html -%}
13
+
14
+ {%- include blog_post_comments.html -%}
15
+ </div>
16
+
17
+ {%- include blog_sidebar.html -%}
18
+
19
+
20
+
21
+ </div> <!-- End of row-->
22
+
23
+
24
+
@@ -0,0 +1,11 @@
1
+ ---
2
+ layout: default
3
+ ---
4
+
5
+ <div class="row">
6
+ <div class="products-container col-lg-8">
7
+ {% for product in site.products %}
8
+ {% include product.html %}
9
+ {% endfor %}
10
+ </div>
11
+ </div>
@@ -0,0 +1,22 @@
1
+ ---
2
+ layout: default
3
+ ---
4
+
5
+ <div class="row">
6
+ <div class="col-lg-12">
7
+
8
+ <div id="search-searchbar"></div>
9
+ </div>
10
+ </div>
11
+ <ul>
12
+ <div class="row">
13
+ <div class="col-lg-12">
14
+
15
+ <div id="search-hits"></div>
16
+ </div>
17
+ </ul>
18
+
19
+
20
+ {%- include algolia_search.html -%}
21
+
22
+
@@ -0,0 +1,583 @@
1
+ body {
2
+ background-color: #D6DDE1 !important;
3
+ font-family: 'Quicksand', sans-serif !important;
4
+ }
5
+ html {
6
+ scroll-behavior: smooth;
7
+ }
8
+
9
+ header {
10
+ background-color: #F5F5F5;
11
+ box-shadow: 10px 0px 8px;
12
+ height: auto;
13
+ width: 100%;
14
+ padding: 11px;
15
+ }
16
+
17
+ .container-fluid {
18
+ margin: 0px !important;
19
+ padding: 0px !important;
20
+ }
21
+
22
+ .profile-img {
23
+ width: 150px;
24
+ height: 150px;
25
+ margin-left: 20px;
26
+ }
27
+
28
+ .profile-name {
29
+ margin-top: 20px;
30
+ }
31
+
32
+ .profile-bio,
33
+ .profile-links {
34
+ margin-top: 5px;
35
+ }
36
+
37
+ .border {
38
+ border: 1px solid #000;
39
+ }
40
+
41
+ .center {
42
+ text-align: center;
43
+ }
44
+
45
+ .card {
46
+ margin: 20px !important;
47
+ padding: 20px !important;
48
+ }
49
+
50
+ .blog-post{
51
+ box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
52
+ transition: all 0.3s cubic-bezier(.25,.8,.25,1);
53
+ }
54
+
55
+ .blog-post:hover {
56
+ box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
57
+ }
58
+
59
+ .social-link {
60
+ color: #262222;
61
+ font-size: 15px;
62
+ padding: 5px;
63
+ margin: 2px;
64
+ text-decoration: none !important;
65
+ }
66
+ .product{
67
+ width: 400px;
68
+ float:left;
69
+ }
70
+ .products-container{
71
+ margin-left:auto;
72
+ margin-right:auto;
73
+ width: 100%;
74
+ }
75
+ @media (min-width: 768px)
76
+ {
77
+ .snipcart-layout__header {
78
+ width: 100% !important;
79
+ margin: 0 auto;
80
+ }
81
+ }
82
+
83
+ #navigation {
84
+ margin-top: 50px;
85
+ }
86
+
87
+ .nav-link {
88
+ font-size: 15px !important;
89
+ color: #000;
90
+ font-weight: 600;
91
+ }
92
+
93
+ footer {
94
+ width: 100%;
95
+ height: 70px;
96
+ text-align: center;
97
+ padding: 20px;
98
+ background-color: #000000;
99
+ color:#fff;
100
+ }
101
+
102
+ .company-logo {
103
+ width: 100px;
104
+ height: 100px;
105
+ }
106
+
107
+ .project-img {
108
+ width: 300px;
109
+ height: 200px;
110
+ }
111
+
112
+ .author-profile-img {
113
+ width: 50px;
114
+ height: 50px;
115
+ }
116
+
117
+ .project-desc {
118
+ float: left;
119
+ }
120
+
121
+ .project-link {
122
+ color: gray;
123
+ font-size: 15px;
124
+ }
125
+
126
+ .card-header {
127
+ border-radius: 0% !important;
128
+ }
129
+
130
+ .blog-post {
131
+ width: 350px;
132
+ height: auto;
133
+ margin: 20px !important;
134
+ }
135
+
136
+ .responsive-table {
137
+ display: block;
138
+ width: 100%;
139
+ overflow-x: auto;
140
+ }
141
+
142
+ pre,
143
+ code {
144
+ overflow: auto;
145
+ white-space: pre-wrap;
146
+ word-wrap: break-word;
147
+ word-break: break-all;
148
+ font-family: Courier, monospace;
149
+ font-size: 16px;
150
+ background-color: #F4F6F8;
151
+ padding: 5px;
152
+ display: block;
153
+ }
154
+
155
+ #newsletter_footer{
156
+ background-color: #1e90ff;
157
+ color:#fff;
158
+ }
159
+
160
+
161
+ // Variables
162
+ $color--default: #3a3a3a;
163
+ $color--light: lighten($color--default, 65%);
164
+ $color--primary: #429bfc;
165
+ $color--secondary: #429bfc;
166
+ $color--background: #f8faff;
167
+
168
+ $size--unit: 8px;
169
+
170
+ $layout--max-width: 1000px;
171
+
172
+
173
+ // Mixins
174
+ @mixin sm {
175
+ @media (max-width: #{$layout--max-width}) {
176
+ @content;
177
+ }
178
+ }
179
+
180
+ @mixin ms {
181
+ @media (min-width: #{$layout--max-width}) {
182
+ @content;
183
+ }
184
+ }
185
+
186
+ @mixin button-hover($color) {
187
+ position: relative;
188
+ z-index: 2;
189
+
190
+ &:hover {
191
+ transition: 0.2s all;
192
+ background-color: darken($color, 10%);
193
+ &:before {
194
+ transform: scale(1.1, 1.5);
195
+ }
196
+ }
197
+
198
+ &:before {
199
+ content: " ";
200
+ position: absolute;
201
+ background-color: $color;
202
+ top: 0;
203
+ left: 0;
204
+ border-radius: 4px;
205
+ width: 100%;
206
+ height: 100%;
207
+ opacity: 0.4;
208
+ z-index: -1;
209
+ transform: scale(1);
210
+ transition: all 0.3s cubic-bezier(0.16, 0.8, 0.66, 1.54);
211
+ }
212
+ }
213
+ @mixin fit-to-layout-and-center {
214
+ width: 100%;
215
+ max-width: $layout--max-width;
216
+ margin-left: auto;
217
+ margin-right: auto;
218
+ @include sm {
219
+ padding-left: $size--unit * 3;
220
+ padding-right: $size--unit * 3;
221
+ }
222
+ }
223
+ // Components
224
+ .header {
225
+ width: 100%;
226
+ display: flex;
227
+ align-items: center;
228
+ margin-bottom: $size--unit * 6;
229
+ padding-top: $size--unit * 4;
230
+ padding-bottom: $size--unit * 4;
231
+ border-bottom: 1px solid $color--light;
232
+
233
+ &__container {
234
+ display: flex;
235
+ justify-content: center;
236
+ @include fit-to-layout-and-center;
237
+ }
238
+
239
+ &__branding {
240
+ all: unset;
241
+ display: flex;
242
+ justify-content: center;
243
+ align-items: center;
244
+ }
245
+
246
+ &__logo {
247
+ max-height: $size--unit*4;
248
+ margin-right: $size--unit*1;
249
+ }
250
+
251
+ &__title {
252
+ font-weight: bold;
253
+ font-size: $size--unit * 3;
254
+ cursor: pointer;
255
+ }
256
+
257
+ &__checkout {
258
+ all: unset;
259
+ cursor: pointer;
260
+ display: flex;
261
+ align-items: center;
262
+ margin-left: auto;
263
+ font-weight: bold;
264
+ svg {
265
+ margin-right: $size--unit * 1;
266
+ }
267
+ }
268
+
269
+ &__checkout-fill {
270
+ fill: $color--primary;
271
+ }
272
+ }
273
+
274
+
275
+ @media (min-width: 320px) and (max-width: 480px) {
276
+ header {
277
+ height: auto;
278
+ text-align: center;
279
+ }
280
+ .blog-post {
281
+ width: 300px;
282
+ height: auto;
283
+ margin-left: -20px !important;
284
+ }
285
+ #mc-embedded-subscribe-form{
286
+ width: 100%;
287
+ padding: 50px;
288
+ }
289
+
290
+ #mc_embed_signup_scroll_footer{
291
+ margin-left:5%;
292
+ margin-right: 5%;
293
+ text-align:center;
294
+ font-size: 12px;
295
+ }
296
+ #mce-EMAIL_footer {
297
+ width: 200px;
298
+ padding: 14px;
299
+ color: #111;
300
+ border-color:#fff;
301
+ text-align: center;
302
+ text-transform: capitalize;
303
+ border: 1px solid #fff;
304
+ }
305
+ #mc-embedded-subscribe_footer{
306
+ margin-top: 30px;
307
+ }
308
+
309
+ #author_details{
310
+ text-align: center;
311
+ }
312
+ }
313
+
314
+
315
+ /*
316
+ ##Device = Low Resolution Tablets, Mobiles (Landscape)
317
+ ##Screen = B/w 481px to 767px
318
+ */
319
+
320
+ @media (min-width: 481px) and (max-width: 767px) {
321
+
322
+ #mc-embedded-subscribe-form{
323
+ width: 100%;
324
+ padding: 50px;
325
+ }
326
+
327
+
328
+ #mc_embed_signup_scroll_footer{
329
+ margin-left:5%;
330
+ margin-right: 5%;
331
+ text-align:center;
332
+ font-size: 20px;
333
+ }
334
+ #mce-EMAIL_footer {
335
+ width: 300px;
336
+ padding: 14px;
337
+ color: #111;
338
+ border-color:#fff;
339
+ text-align: center;
340
+ text-transform: capitalize;
341
+ border: 1px solid #fff;
342
+ }
343
+ #mc-embedded-subscribe_footer{
344
+ margin-top: 30px;
345
+ }
346
+
347
+ #author_details{
348
+ text-align: center;
349
+ }
350
+
351
+ }
352
+ /*
353
+ ##Device = Tablets, Ipads (portrait)
354
+ ##Screen = B/w 768px to 1024px
355
+ */
356
+
357
+ @media (min-width: 768px) and (max-width: 1024px) {
358
+
359
+ #mc-embedded-subscribe-form{
360
+ width: 100%;
361
+ padding: 50px;
362
+ }
363
+
364
+ #mc_embed_signup_scroll_footer{
365
+ margin-left:35%;
366
+ margin-right: 35%;
367
+ text-align:center;
368
+ font-size: 22px;
369
+ }
370
+ #mce-EMAIL_footer {
371
+ width: 400px;
372
+ padding: 14px;
373
+ color: #111;
374
+ border-color:#fff;
375
+ text-align: center;
376
+ text-transform: capitalize;
377
+ border: 1px solid #fff;
378
+ }
379
+ #mc-embedded-subscribe_footer{
380
+ margin-top: 30px;
381
+ }
382
+ #author_details{
383
+ text-align: center;
384
+ }
385
+ }
386
+ /*
387
+ ##Device = Tablets, Ipads (landscape)
388
+ ##Screen = B/w 768px to 1024px
389
+ */
390
+
391
+ @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
392
+
393
+ #mc-embedded-subscribe-form{
394
+ width: 100%;
395
+ padding: 50px;
396
+ }
397
+
398
+ #mc_embed_signup_scroll_footer{
399
+ margin-left:25%;
400
+ margin-right: 25%;
401
+ text-align:center;
402
+ font-size: 22px;
403
+ }
404
+ #mce-EMAIL_footer {
405
+ width: 400px;
406
+ padding: 14px;
407
+ color: #111;
408
+ border-color:#fff;
409
+ text-align: center;
410
+ text-transform: capitalize;
411
+ border: 1px solid #fff;
412
+ }
413
+ #mc-embedded-subscribe_footer{
414
+ margin-top: 30px;
415
+ }
416
+
417
+ }
418
+
419
+ /*
420
+ ##Device = Laptops, Desktops
421
+ ##Screen = B/w 1025px to 1280px
422
+ */
423
+
424
+ @media (min-width: 1025px) and (max-width: 1280px) {
425
+
426
+ #mc-embedded-subscribe-form{
427
+ width: 100%;
428
+ padding: 50px;
429
+ }
430
+
431
+ #mc_embed_signup_scroll_footer{
432
+ margin-left:25%;
433
+ margin-right: 25%;
434
+ text-align:center;
435
+ font-size: 22px;
436
+ }
437
+ #mce-EMAIL_footer {
438
+ width: 400px;
439
+ padding: 14px;
440
+ color: #111;
441
+ border-color:#fff;
442
+ text-align: center;
443
+ text-transform: capitalize;
444
+ border: 1px solid #fff;
445
+ }
446
+ #mc-embedded-subscribe_footer{
447
+ margin-top: 30px;
448
+ }
449
+
450
+ }
451
+ /*
452
+ ##Device = Desktops
453
+ ##Screen = 1281px to higher resolution desktops
454
+ */
455
+
456
+ @media (min-width: 1281px) {
457
+
458
+
459
+ #mc-embedded-subscribe-form{
460
+ width: 100%;
461
+ padding: 50px;
462
+ }
463
+
464
+ #mc_embed_signup_scroll_footer{
465
+ margin-left:25%;
466
+ margin-right: 25%;
467
+ text-align:center;
468
+ font-size: 22px;
469
+ }
470
+ #mce-EMAIL_footer {
471
+ width: 400px;
472
+ padding: 14px;
473
+ color: #111;
474
+ border-color:#fff;
475
+ text-align: center;
476
+ text-transform: capitalize;
477
+ border: 1px solid #fff;
478
+ }
479
+ #mc-embedded-subscribe_footer{
480
+ margin-top: 30px;
481
+ }
482
+
483
+
484
+ }
485
+ /* (1920x1080) Full HD Display */
486
+ @media (min-width: 1281px) and (max-width: 1920px) {
487
+
488
+ #mc-embedded-subscribe-form{
489
+ width: 100%;
490
+ padding: 50px;
491
+ }
492
+
493
+ #mc_embed_signup_scroll_footer{
494
+ margin-left:25%;
495
+ margin-right: 25%;
496
+ text-align:center;
497
+ font-size: 22px;
498
+ }
499
+ #mce-EMAIL_footer {
500
+ width: 400px;
501
+ padding: 14px;
502
+ color: #111;
503
+ border-color:#fff;
504
+ text-align: center;
505
+ text-transform: capitalize;
506
+ border: 1px solid #fff;
507
+ }
508
+ #mc-embedded-subscribe_footer{
509
+ margin-top: 30px;
510
+ }
511
+ }
512
+
513
+ /* Syntax Hightlighter */
514
+ /* Theme - Autumn */
515
+ /* For More Themes : https://github.com/richleland/pygments-css */
516
+
517
+ .highlight .hll { background-color: #ffffcc }
518
+ .highlight { background: #ffffff; }
519
+ .highlight .c { color: #aaaaaa; font-style: italic } /* Comment */
520
+ .highlight .err { color: #FF0000; background-color: #FFAAAA } /* Error */
521
+ .highlight .k { color: #0000aa } /* Keyword */
522
+ .highlight .ch { color: #aaaaaa; font-style: italic } /* Comment.Hashbang */
523
+ .highlight .cm { color: #aaaaaa; font-style: italic } /* Comment.Multiline */
524
+ .highlight .cp { color: #4c8317 } /* Comment.Preproc */
525
+ .highlight .cpf { color: #aaaaaa; font-style: italic } /* Comment.PreprocFile */
526
+ .highlight .c1 { color: #aaaaaa; font-style: italic } /* Comment.Single */
527
+ .highlight .cs { color: #0000aa; font-style: italic } /* Comment.Special */
528
+ .highlight .gd { color: #aa0000 } /* Generic.Deleted */
529
+ .highlight .ge { font-style: italic } /* Generic.Emph */
530
+ .highlight .gr { color: #aa0000 } /* Generic.Error */
531
+ .highlight .gh { color: #000080; font-weight: bold } /* Generic.Heading */
532
+ .highlight .gi { color: #00aa00 } /* Generic.Inserted */
533
+ .highlight .go { color: #888888 } /* Generic.Output */
534
+ .highlight .gp { color: #555555 } /* Generic.Prompt */
535
+ .highlight .gs { font-weight: bold } /* Generic.Strong */
536
+ .highlight .gu { color: #800080; font-weight: bold } /* Generic.Subheading */
537
+ .highlight .gt { color: #aa0000 } /* Generic.Traceback */
538
+ .highlight .kc { color: #0000aa } /* Keyword.Constant */
539
+ .highlight .kd { color: #0000aa } /* Keyword.Declaration */
540
+ .highlight .kn { color: #0000aa } /* Keyword.Namespace */
541
+ .highlight .kp { color: #0000aa } /* Keyword.Pseudo */
542
+ .highlight .kr { color: #0000aa } /* Keyword.Reserved */
543
+ .highlight .kt { color: #00aaaa } /* Keyword.Type */
544
+ .highlight .m { color: #009999 } /* Literal.Number */
545
+ .highlight .s { color: #aa5500 } /* Literal.String */
546
+ .highlight .na { color: #1e90ff } /* Name.Attribute */
547
+ .highlight .nb { color: #00aaaa } /* Name.Builtin */
548
+ .highlight .nc { color: #00aa00; text-decoration: underline } /* Name.Class */
549
+ .highlight .no { color: #aa0000 } /* Name.Constant */
550
+ .highlight .nd { color: #888888 } /* Name.Decorator */
551
+ .highlight .ni { color: #880000; font-weight: bold } /* Name.Entity */
552
+ .highlight .nf { color: #00aa00 } /* Name.Function */
553
+ .highlight .nn { color: #00aaaa; text-decoration: underline } /* Name.Namespace */
554
+ .highlight .nt { color: #1e90ff; font-weight: bold } /* Name.Tag */
555
+ .highlight .nv { color: #aa0000 } /* Name.Variable */
556
+ .highlight .ow { color: #0000aa } /* Operator.Word */
557
+ .highlight .w { color: #bbbbbb } /* Text.Whitespace */
558
+ .highlight .mb { color: #009999 } /* Literal.Number.Bin */
559
+ .highlight .mf { color: #009999 } /* Literal.Number.Float */
560
+ .highlight .mh { color: #009999 } /* Literal.Number.Hex */
561
+ .highlight .mi { color: #009999 } /* Literal.Number.Integer */
562
+ .highlight .mo { color: #009999 } /* Literal.Number.Oct */
563
+ .highlight .sa { color: #aa5500 } /* Literal.String.Affix */
564
+ .highlight .sb { color: #aa5500 } /* Literal.String.Backtick */
565
+ .highlight .sc { color: #aa5500 } /* Literal.String.Char */
566
+ .highlight .dl { color: #aa5500 } /* Literal.String.Delimiter */
567
+ .highlight .sd { color: #aa5500 } /* Literal.String.Doc */
568
+ .highlight .s2 { color: #aa5500 } /* Literal.String.Double */
569
+ .highlight .se { color: #aa5500 } /* Literal.String.Escape */
570
+ .highlight .sh { color: #aa5500 } /* Literal.String.Heredoc */
571
+ .highlight .si { color: #aa5500 } /* Literal.String.Interpol */
572
+ .highlight .sx { color: #aa5500 } /* Literal.String.Other */
573
+ .highlight .sr { color: #009999 } /* Literal.String.Regex */
574
+ .highlight .s1 { color: #aa5500 } /* Literal.String.Single */
575
+ .highlight .ss { color: #0000aa } /* Literal.String.Symbol */
576
+ .highlight .bp { color: #00aaaa } /* Name.Builtin.Pseudo */
577
+ .highlight .fm { color: #00aa00 } /* Name.Function.Magic */
578
+ .highlight .vc { color: #aa0000 } /* Name.Variable.Class */
579
+ .highlight .vg { color: #aa0000 } /* Name.Variable.Global */
580
+ .highlight .vi { color: #aa0000 } /* Name.Variable.Instance */
581
+ .highlight .vm { color: #aa0000 } /* Name.Variable.Magic */
582
+ .highlight .il { color: #009999 } /* Literal.Number.Integer.Long */
583
+