devlopr-jekyll 0.4.2
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +7 -0
- data/LICENSE.txt +21 -0
- data/README.md +39 -0
- data/_includes/ads.html +1 -0
- data/_includes/algolia_search.html +66 -0
- data/_includes/author_skills.html +2 -0
- data/_includes/blog_categories.html +9 -0
- data/_includes/blog_post_article.html +29 -0
- data/_includes/blog_post_breadcrumb.html +11 -0
- data/_includes/blog_post_comments.html +18 -0
- data/_includes/blog_sidebar.html +18 -0
- data/_includes/blog_tags.html +8 -0
- data/_includes/coding_activity.html +11 -0
- data/_includes/contact_me_form.html +16 -0
- data/_includes/footer.html +11 -0
- data/_includes/github_follow_button.html +2 -0
- data/_includes/github_star_button.html +2 -0
- data/_includes/head.html +61 -0
- data/_includes/header.html +87 -0
- data/_includes/product.html +9 -0
- data/_includes/product_definition.html +10 -0
- data/_includes/twitter_follow_button.html +1 -0
- data/_layouts/about_me.html +129 -0
- data/_layouts/blog.html +72 -0
- data/_layouts/compress.html +10 -0
- data/_layouts/contact_me.html +9 -0
- data/_layouts/default.html +28 -0
- data/_layouts/page.html +9 -0
- data/_layouts/post.html +24 -0
- data/_layouts/product.html +11 -0
- data/_layouts/search.html +22 -0
- data/_sass/devlog.scss +583 -0
- data/assets/css/custom-style.css +3 -0
- data/assets/css/main.scss +7 -0
- data/assets/img/favicon.ico +0 -0
- data/assets/img/gamershub.png +0 -0
- data/assets/img/google.png +0 -0
- data/assets/img/iit.jpeg +0 -0
- data/assets/img/microsoft.png +0 -0
- data/assets/img/mit.png +0 -0
- data/assets/img/oxford.png +0 -0
- data/assets/img/posts/1.png +0 -0
- data/assets/img/posts/2.png +0 -0
- data/assets/img/posts/3.png +0 -0
- data/assets/img/posts/4.png +0 -0
- data/assets/img/posts/5.png +0 -0
- data/assets/img/posts/6.png +0 -0
- data/assets/img/posts/d1.png +0 -0
- data/assets/img/posts/d2.png +0 -0
- data/assets/img/posts/d3.png +0 -0
- data/assets/img/posts/d4.png +0 -0
- data/assets/img/posts/d5.png +0 -0
- data/assets/img/posts/d6.png +0 -0
- data/assets/img/posts/deploy-using-github-pages-and-travis.png +0 -0
- data/assets/img/posts/devlopr-starter.png +0 -0
- data/assets/img/posts/devlopr.png +0 -0
- data/assets/img/posts/hello.jpg +0 -0
- data/assets/img/posts/siteleaf.jpg +0 -0
- data/assets/img/posts/siteleaf/1.png +0 -0
- data/assets/img/posts/siteleaf/2.png +0 -0
- data/assets/img/posts/siteleaf/3.png +0 -0
- data/assets/img/posts/siteleaf/4.png +0 -0
- data/assets/img/posts/siteleaf/5.png +0 -0
- data/assets/img/posts/siteleaf/6.png +0 -0
- data/assets/img/posts/siteleaf/8.png +0 -0
- data/assets/img/posts/siteleaf/9.png +0 -0
- data/assets/img/products/product1.jpg +0 -0
- data/assets/img/products/product2.jpg +0 -0
- data/assets/img/products/product3.jpg +0 -0
- data/assets/img/profile.png +0 -0
- data/assets/img/programmingebooks.png +0 -0
- data/assets/img/styleguide.png +0 -0
- data/assets/img/zoom.jpg +0 -0
- data/categories/all.md +28 -0
- data/categories/guides.md +13 -0
- data/tags/all.md +28 -0
- data/tags/jekyll.md +13 -0
- 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>
|
data/_layouts/blog.html
ADDED
@@ -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: '//', '/' }}">«</a></li>
|
39
|
+
{% else %}
|
40
|
+
<li class="disabled"><span aria-hidden="true">«</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: '//', '/' }}">»</a></li>
|
59
|
+
{% else %}
|
60
|
+
<li class="disabled"><span>»</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,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>
|
data/_layouts/page.html
ADDED
data/_layouts/post.html
ADDED
@@ -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,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
|
+
|
data/_sass/devlog.scss
ADDED
@@ -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
|
+
|