miniscule 0.1.4 → 0.2.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (18) hide show
  1. checksums.yaml +5 -5
  2. data/README.md +23 -0
  3. data/_includes/footer.html +8 -31
  4. data/_includes/fork-me.html +1 -1
  5. data/_includes/head.html +3 -0
  6. data/_includes/header.html +34 -32
  7. data/_includes/open-graph-tags.html +2 -0
  8. data/_includes/share-linkedin.html +6 -0
  9. data/_includes/social.html +11 -11
  10. data/_layouts/default.html +0 -1
  11. data/_layouts/home.html +21 -15
  12. data/_layouts/page.html +1 -1
  13. data/_layouts/post.html +8 -0
  14. data/_sass/minima.scss +1 -1
  15. data/_sass/minima/_base.scss +1 -1
  16. data/_sass/minima/_layout.scss +10 -4
  17. data/assets/main.scss +91 -12
  18. metadata +23 -7
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
- SHA1:
3
- metadata.gz: a39edfea8fce095c60aa8531a6f29354650574ef
4
- data.tar.gz: da4a81fcd6f56beed1b1a9dccf7dcc6d1c362fd4
2
+ SHA256:
3
+ metadata.gz: 3d31143680de3ab5e8fd3a2d82015f7ba6b14eb6d67cfbe3a02c90104a489d33
4
+ data.tar.gz: d025c5c795c8aaf390570e8f38ed8ae188b0dc4c973e611b964d1f83bbb7af7d
5
5
  SHA512:
6
- metadata.gz: 8f55845cc4c9fc39991cb6bb85d9586be244b848bceeca8728a183e6d3fd65a8b9699bbc6fe2b894d464c1d253cd1387eb22d1340f1cffa4f74fada272115814
7
- data.tar.gz: 7f88787d9b098dfeae875925d44b7243cbc7fb878e51ac794997dfebbdd0a7e820adacc7800fe169d31dce3cda57b5f8ac9d30d07cd09cd19e3315cc83b59f92
6
+ metadata.gz: ed7ecf79d5c7fef9bb994ee0371ef8892c0b73e4b3e1dfe9dc677a2f7941c4685479310b8cf9a5403c5554a3f8c6794836eed010ea424e400957496b11d55b63
7
+ data.tar.gz: fa8ba3e13d282f7092245a4ce98cf8a9acadcbdfff91917a0677665d16e6391bcc0629066ee5a50b5a8e10dd23aca60d877e5d601d040271a5d7da2f4efe2da4
data/README.md CHANGED
@@ -100,6 +100,29 @@ fork_me_url: https://example.com
100
100
  show_fork_me: true
101
101
  ```
102
102
 
103
+ ## Build and publish
104
+
105
+ Normal build:
106
+
107
+ ```
108
+ bundle install
109
+ bundle exec jekyll build
110
+ bundle exec jekyll serve
111
+ ```
112
+
113
+ Should show sample blog.
114
+
115
+ ### Releasing gem:
116
+
117
+ Bump version in miniscule.gemspec
118
+
119
+ ```
120
+ gem build miniscule.gemspec
121
+ gem push miniscule-XXX.gemspec
122
+ ```
123
+
124
+ Note that the rubygems creds are required
125
+
103
126
  ## License
104
127
 
105
128
  The theme is available as open source under the terms of the [MIT License](http://opensource.org/licenses/MIT).
data/_includes/footer.html CHANGED
@@ -2,37 +2,14 @@
2
2
  <data class="u-url" href="{{ "/" | relative_url }}"></data>
3
3
 
4
4
  <div class="wrapper">
5
-
6
-
7
- <div class="footer-col-wrapper">
8
- <div class="footer-col footer-col-1">
9
- <ul class="contact-list">
10
- <li class="p-name">
11
- {%- if site.author and site.show_author -%}
12
- <-- {{ site.author | escape }} -->
13
- {%- else -%}
14
- <!-- {{ site.title | escape }} -->
15
- {%- endif -%}
16
- </li>
17
- {%- if site.email -%}
18
- <li><h2 class="footer-heading">{{ site.title | escape }}</li>
19
- <li><a class="u-email" href="mailto:{{ site.email }}">{{ site.email }}</a></li>
20
- {%- endif -%}
21
- <li><p class="feed-subscribe" style="padding-top: 1em"><svg class="svg-icon orange"><use xlink:href="{{ '/assets/minima-social-icons.svg#rss' | relative_url }}"></use></svg><a href="{{ "/feed.xml" | relative_url }}">Subscribe</a></p></li>
22
- </ul>
23
- </div>
24
-
25
- <div class="footer-col footer-col-2">
26
- {%- include social.html -%}
27
- </div>
28
-
29
- <div class="footer-col footer-col-3">
30
- <p>{{- site.description | escape -}}</p>
31
- <p>
32
- {%- if site.show_fork_me && site.fork_me_url -%}
33
- <a href={{ site.fork_me_url }}>Like this website? Make your own!</a>
34
- {%- endif -%}
35
- </p>
5
+ <div class="footer-col-wrapper no-print">
6
+ <div style="display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap;">
7
+ <div style="max-width: 20em; margin-right: 5px;">
8
+ {{- site.description | escape -}}
9
+ </div>
10
+ <div>
11
+ {%- include social.html -%}
12
+ </div>
36
13
  </div>
37
14
  </div>
38
15
  </div>
data/_includes/fork-me.html CHANGED
@@ -1,2 +1,2 @@
1
1
  <!-- http://tholman.com/github-corners/ -->
2
- <a href="{{ site.fork_me_url }}" class="github-corner" aria-label="View source on GitHub"><svg width="40" height="40" viewBox="0 0 250 250" style="fill:#fff; color:#151513; position: absolute; top: 0; border: 0; left: 0; transform: scale(-1, 1);" aria-hidden="true"><path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path><path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2" fill="currentColor" style="transform-origin: 130px 106px;" class="octo-arm"></path><path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z" fill="currentColor" class="octo-body"></path></svg></a><style>.github-corner:hover .octo-arm{animation:octocat-wave 560ms ease-in-out}@keyframes octocat-wave{0%,100%{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}@media (max-width:500px){.github-corner:hover .octo-arm{animation:none}.github-corner .octo-arm{animation:octocat-wave 560ms ease-in-out}}</style>
2
+ <a href="{{ site.fork_me_url }}" class="github-corner no-print" aria-label="View source on GitHub"><svg width="40" height="40" viewBox="0 0 250 250" style="fill:#fff; color:#151513; position: absolute; top: 0; border: 0; left: 0; transform: scale(-1, 1);" aria-hidden="true"><path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path><path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2" fill="currentColor" style="transform-origin: 130px 106px;" class="octo-arm"></path><path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z" fill="currentColor" class="octo-body"></path></svg></a><style>.github-corner:hover .octo-arm{animation:octocat-wave 560ms ease-in-out}@keyframes octocat-wave{0%,100%{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}@media (max-width:500px){.github-corner:hover .octo-arm{animation:none}.github-corner .octo-arm{animation:octocat-wave 560ms ease-in-out}}</style>
data/_includes/head.html CHANGED
@@ -5,6 +5,7 @@
5
5
  {%- seo -%}
6
6
  <link rel="stylesheet" href="{{ "/assets/main.css" | relative_url }}">
7
7
  {%- feed_meta -%}
8
+ {%- include open-graph-tags.html -%}
8
9
  {%- if jekyll.environment == 'production' and site.google_analytics -%}
9
10
  {%- include google-analytics.html -%}
10
11
  {%- endif -%}
@@ -15,6 +16,8 @@
15
16
  <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
16
17
  <link rel="manifest" href="/site.webmanifest">
17
18
  <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
19
+ <!-- https://fonts.google.com/ -->
20
+ <link href="https://fonts.googleapis.com/css?family=Merriweather|Nunito&display=swap" rel="stylesheet">
18
21
  <meta name="msapplication-TileColor" content="#da532c">
19
22
  <meta name="theme-color" content="#ffffff">
20
23
  </head>
data/_includes/header.html CHANGED
@@ -1,41 +1,43 @@
1
- <header class="site-header">
1
+ <header class="site-header no-print">
2
2
  {%- if site.show_fork_me && site.fork_me_url -%}
3
3
  {%- include fork-me.html -%}
4
4
  {%- endif -%}
5
5
 
6
6
  <div class="cover-image">
7
- </div>
8
- <div class="wrapper">
9
- {%- assign default_paths = site.pages | map: "path" -%}
10
- {%- assign page_paths = site.header_pages | default: default_paths -%}
11
- {%- assign titles_size = site.pages | map: 'title' | join: '' | size -%}
12
- <a class="site-title" rel="author" href="{{ "/" | relative_url }}">
13
- <img src="{{ site.logo | default: "assets/default-profile.jpg" | relative_url }}" class="site-logo">
14
- </a>
15
- <a class="site-title" rel="author" href="{{ "/" | relative_url }}" style="margin-top: 9px;">
16
- {{ site.title | escape }}
17
- </a>
7
+ <div class="wrapper">
8
+ <a class="site-title" rel="author" href="{{ "/" | relative_url }}">
9
+ <img src="{{ site.logo | default: "assets/default-profile.jpg" | relative_url }}" class="site-logo">
10
+ </a>
11
+ <a class="site-title" rel="author" href="{{ "/" | relative_url }}" style="margin-top: 9px;">
12
+ {{ site.title | escape }}
13
+ </a>
14
+
15
+ {%- assign default_paths = site.pages | map: "path" -%}
16
+ {%- assign page_paths = site.header_pages | default: default_paths -%}
17
+ {%- assign titles_size = site.pages | map: 'title' | join: '' | size -%}
18
18
 
19
- {%- if titles_size > 0 -%}
20
- <nav class="site-nav">
21
- <input type="checkbox" id="nav-trigger" class="nav-trigger" />
22
- <label for="nav-trigger">
23
- <span class="menu-icon">
24
- <svg viewBox="0 0 18 15" width="18px" height="15px">
25
- <path d="M18,1.484c0,0.82-0.665,1.484-1.484,1.484H1.484C0.665,2.969,0,2.304,0,1.484l0,0C0,0.665,0.665,0,1.484,0 h15.032C17.335,0,18,0.665,18,1.484L18,1.484z M18,7.516C18,8.335,17.335,9,16.516,9H1.484C0.665,9,0,8.335,0,7.516l0,0 c0-0.82,0.665-1.484,1.484-1.484h15.032C17.335,6.031,18,6.696,18,7.516L18,7.516z M18,13.516C18,14.335,17.335,15,16.516,15H1.484 C0.665,15,0,14.335,0,13.516l0,0c0-0.82,0.665-1.483,1.484-1.483h15.032C17.335,12.031,18,12.695,18,13.516L18,13.516z"/>
26
- </svg>
27
- </span>
28
- </label>
19
+ {%- if titles_size > 0 -%}
20
+ <nav class="site-nav no-print">
21
+ <input type="checkbox" id="nav-trigger" class="nav-trigger" />
22
+ <label for="nav-trigger">
23
+ <span class="menu-icon">
24
+ <svg viewBox="0 0 18 15" width="18px" height="15px">
25
+ <path d="M18,1.484c0,0.82-0.665,1.484-1.484,1.484H1.484C0.665,2.969,0,2.304,0,1.484l0,0C0,0.665,0.665,0,1.484,0 h15.032C17.335,0,18,0.665,18,1.484L18,1.484z M18,7.516C18,8.335,17.335,9,16.516,9H1.484C0.665,9,0,8.335,0,7.516l0,0 c0-0.82,0.665-1.484,1.484-1.484h15.032C17.335,6.031,18,6.696,18,7.516L18,7.516z M18,13.516C18,14.335,17.335,15,16.516,15H1.484 C0.665,15,0,14.335,0,13.516l0,0c0-0.82,0.665-1.483,1.484-1.483h15.032C17.335,12.031,18,12.695,18,13.516L18,13.516z"/>
26
+ </svg>
27
+ </span>
28
+ </label>
29
29
 
30
- <div class="trigger">
31
- {%- for path in page_paths -%}
32
- {%- assign my_page = site.pages | where: "path", path | first -%}
33
- {%- if my_page.title -%}
34
- <a class="page-link" href="{{ my_page.url | relative_url }}">{{ my_page.title | escape }}</a>
35
- {%- endif -%}
36
- {%- endfor -%}
37
- </div>
38
- </nav>
39
- {%- endif -%}
30
+ <div class="trigger no-print">
31
+ {%- for path in page_paths -%}
32
+ {%- assign my_page = site.pages | where: "path", path | first -%}
33
+ {%- if my_page.title -%}
34
+ <a class="page-link" href="{{ my_page.url | relative_url }}">{{ my_page.title | escape }}</a>
35
+ {%- endif -%}
36
+ {%- endfor -%}
37
+ </div>
38
+ </nav>
39
+ {%- endif -%}
40
+ </div>
40
41
  </div>
42
+
41
43
  </header>
data/_includes/open-graph-tags.html ADDED
@@ -0,0 +1,2 @@
1
+ <!-- https://ogp.me/ -->
2
+ <meta property="og:image" content="{{ site.logo | default: "assets/default-profile.jpg" | relative_url }}" />
data/_includes/share-linkedin.html ADDED
@@ -0,0 +1,6 @@
1
+ <div class="share-linkedin">
2
+ Share to LinkedIn:
3
+ <script src="https://platform.linkedin.com/in.js" type="text/javascript">lang: en_US</script>
4
+ <script type="IN/Share" data-url="{{ page.url | absolute_url }}"></script>
5
+ </div>
6
+
data/_includes/social.html CHANGED
@@ -1,17 +1,17 @@
1
1
  <ul class="social-media-list">
2
- {%- if site.dribbble_username -%}<li><a href="https://dribbble.com/{{ site.dribbble_username| cgi_escape | escape }}"><svg class="svg-icon grey"><use xlink:href="{{ '/assets/minima-social-icons.svg#dribbble' | relative_url }}"></use></svg> <span class="username">{{ site.dribbble_username| escape }}</span></a></li>{%- endif -%}
3
- {%- if site.facebook_username -%}<li><a href="https://www.facebook.com/{{ site.facebook_username| cgi_escape | escape }}"><svg class="svg-icon grey"><use xlink:href="{{ '/assets/minima-social-icons.svg#facebook' | relative_url }}"></use></svg> <span class="username">{{ site.facebook_username| escape }}</span></a></li>{%- endif -%}
4
- {%- if site.flickr_username -%}<li><a href="https://www.flickr.com/photos/{{ site.flickr_username| cgi_escape | escape }}"><svg class="svg-icon grey"><use xlink:href="{{ '/assets/minima-social-icons.svg#flickr' | relative_url }}"></use></svg> <span class="username">{{ site.flickr_username| escape }}</span></a></li>{%- endif -%}
5
- {%- if site.github_username -%}<li><a href="https://github.com/{{ site.github_username| cgi_escape | escape }}"><svg class="svg-icon grey"><use xlink:href="{{ '/assets/minima-social-icons.svg#github' | relative_url }}"></use></svg> <span class="username">{{ site.github_username| escape }}</span></a></li>{%- endif -%}
6
- {%- if site.instagram_username -%}<li><a href="https://www.instagram.com/{{ site.instagram_username| cgi_escape | escape }}"><svg class="svg-icon grey"><use xlink:href="{{ '/assets/minima-social-icons.svg#instagram' | relative_url }}"></use></svg> <span class="username">{{ site.instagram_username| escape }}</span></a></li>{%- endif -%}
7
- {%- if site.linkedin_username -%}<li><a href="https://www.linkedin.com/in/{{ site.linkedin_username| cgi_escape | escape }}"><svg class="svg-icon grey"><use xlink:href="{{ '/assets/minima-social-icons.svg#linkedin' | relative_url }}"></use></svg> <span class="username">{{ site.linkedin_username| escape }}</span></a></li>{%- endif -%}
8
- {%- if site.pinterest_username -%}<li><a href="https://www.pinterest.com/{{ site.pinterest_username| cgi_escape | escape }}"><svg class="svg-icon grey"><use xlink:href="{{ '/assets/minima-social-icons.svg#pinterest' | relative_url }}"></use></svg> <span class="username">{{ site.pinterest_username| escape }}</span></a></li>{%- endif -%}
9
- {%- for mst in site.mastodon -%}{%- if mst.username and mst.instance -%}<li><a rel="me" href="https://{{ mst.instance| cgi_escape | escape}}/@{{mst.username}}"><svg class="svg-icon grey"><use xlink:href="{{ '/assets/minima-social-icons.svg#mastodon' | relative_url }}"></use></svg> <span class="username">{{ mst.username|escape }}</span></a></li>{%- endif -%}{%- endfor -%}
10
- {%- if site.twitter_username -%}<li><a href="https://twitter.com/{{ site.twitter_username| cgi_escape | escape }}"><svg class="svg-icon grey"><use xlink:href="{{ '/assets/minima-social-icons.svg#twitter' | relative_url }}"></use></svg> <span class="username">{{ site.twitter_username| escape }}</span></a></li>{%- endif -%}
11
- {%- if site.youtube_username -%}<li><a href="https://www.youtube.com/{{ site.youtube_username| cgi_escape | escape }}"><svg class="svg-icon grey"><use xlink:href="{{ '/assets/minima-social-icons.svg#youtube' | relative_url }}"></use></svg> <span class="username">{{ site.youtube_username| escape }}</span></a></li>{%- endif -%}
2
+ {%- if site.dribbble_username -%}<li><a href="https://dribbble.com/{{ site.dribbble_username| cgi_escape | escape }}"><svg class="svg-icon grey"><use xlink:href="{{ '/assets/minima-social-icons.svg#dribbble' | relative_url }}"></use></svg> <span class="username"></span></a></li>{%- endif -%}
3
+ {%- if site.facebook_username -%}<li><a href="https://www.facebook.com/{{ site.facebook_username| cgi_escape | escape }}"><svg class="svg-icon grey"><use xlink:href="{{ '/assets/minima-social-icons.svg#facebook' | relative_url }}"></use></svg> <span class="username"></span></a></li>{%- endif -%}
4
+ {%- if site.flickr_username -%}<li><a href="https://www.flickr.com/photos/{{ site.flickr_username| cgi_escape | escape }}"><svg class="svg-icon grey"><use xlink:href="{{ '/assets/minima-social-icons.svg#flickr' | relative_url }}"></use></svg> <span class="username"></span></a></li>{%- endif -%}
5
+ {%- if site.github_username -%}<li><a href="https://github.com/{{ site.github_username| cgi_escape | escape }}"><svg class="svg-icon grey"><use xlink:href="{{ '/assets/minima-social-icons.svg#github' | relative_url }}"></use></svg> <span class="username"></span></a></li>{%- endif -%}
6
+ {%- if site.instagram_username -%}<li><a href="https://www.instagram.com/{{ site.instagram_username| cgi_escape | escape }}"><svg class="svg-icon grey"><use xlink:href="{{ '/assets/minima-social-icons.svg#instagram' | relative_url }}"></use></svg> <span class="username"></span></a></li>{%- endif -%}
7
+ {%- if site.linkedin_username -%}<li><a href="https://www.linkedin.com/in/{{ site.linkedin_username| cgi_escape | escape }}"><svg class="svg-icon grey"><use xlink:href="{{ '/assets/minima-social-icons.svg#linkedin' | relative_url }}"></use></svg> <span class="username"></span></a></li>{%- endif -%}
8
+ {%- if site.pinterest_username -%}<li><a href="https://www.pinterest.com/{{ site.pinterest_username| cgi_escape | escape }}"><svg class="svg-icon grey"><use xlink:href="{{ '/assets/minima-social-icons.svg#pinterest' | relative_url }}"></use></svg> <span class="username"></span></a></li>{%- endif -%}
9
+ {%- for mst in site.mastodon -%}{%- if mst.username and mst.instance -%}<li><a rel="me" href="https://{{ mst.instance| cgi_escape | escape}}/@{{mst.username}}"><svg class="svg-icon grey"><use xlink:href="{{ '/assets/minima-social-icons.svg#mastodon' | relative_url }}"></use></svg> <span class="username"></span></a></li>{%- endif -%}{%- endfor -%}
10
+ {%- if site.twitter_username -%}<li><a href="https://twitter.com/{{ site.twitter_username| cgi_escape | escape }}"><svg class="svg-icon grey"><use xlink:href="{{ '/assets/minima-social-icons.svg#twitter' | relative_url }}"></use></svg> <span class="username"></span></a></li>{%- endif -%}
11
+ {%- if site.youtube_username -%}<li><a href="https://www.youtube.com/{{ site.youtube_username| cgi_escape | escape }}"><svg class="svg-icon grey"><use xlink:href="{{ '/assets/minima-social-icons.svg#youtube' | relative_url }}"></use></svg> <span class="username"></span></a></li>{%- endif -%}
12
12
  {%- if site.youtube_channel -%}<li><a href="https://www.youtube.com/channel/{{ site.youtube_channel| cgi_escape | escape }}"><svg class="svg-icon grey"><use xlink:href="{{ '/assets/minima-social-icons.svg#youtube' | relative_url }}"></use></svg><span class="username">{%- if site.youtube_channel_name -%}{{ site.youtube_channel_name | escape }}{%- else -%}YouTube{%- endif -%}</span></a></li>{%- endif -%}
13
13
  {%- if site.telegram_username -%}<li><a href="https://t.me/{{ site.telegram_username| cgi_escape | escape }}"><svg class="svg-icon grey"><use xlink:href="{{ '/assets/minima-social-icons.svg#telegram' | relative_url }}"></use></svg> <span class="username">{{ site.telegram_username| escape }}</span></a></li>{%- endif -%}
14
14
  {%- if site.microdotblog_username -%}<li><a href="https://micro.blog/{{ site.microdotblog_username| cgi_escape | escape }}"><svg class="svg-icon grey"><use xlink:href="{{ '/assets/minima-social-icons.svg#microdotblog' | relative_url }}"></use></svg> <span class="username">{{ site.microdotblog_username| escape }}</span></a></li>{%- endif -%}
15
15
  {%- if site.googleplus_username -%}<li><a href="https://plus.google.com/{{ site.googleplus_username| escape }}"><svg class="svg-icon grey"><use xlink:href="{{ '/assets/minima-social-icons.svg#googleplus' | relative_url }}"></use></svg> <span class="username">{{ site.googleplus_username| escape }}</span></a></li>{%- endif -%}
16
- {%- if site.rss -%}<li><a href="{{ 'feed.xml' | relative_url }}"><svg class="svg-icon grey"><use xlink:href="{{ '/assets/minima-social-icons.svg#rss' | relative_url }}"></use></svg> <span>{{ site.rss | escape }}</span></a></li>{%- endif -%}
16
+ <li><a href="{{ "/feed.xml" | relative_url }}"><svg class="svg-icon grey"><use xlink:href="{{ '/assets/minima-social-icons.svg#rss' | relative_url }}"></use></svg></a></li>
17
17
  </ul>
data/_layouts/default.html CHANGED
@@ -14,7 +14,6 @@
14
14
  </main>
15
15
 
16
16
  {%- include footer.html -%}
17
-
18
17
  </body>
19
18
 
20
19
  </html>
data/_layouts/home.html CHANGED
@@ -10,23 +10,29 @@ layout: default
10
10
  {{ content }}
11
11
 
12
12
  {%- if site.posts.size > 0 -%}
13
- <h2>Blog posts</h2>
14
- <ul class="post-list">
13
+ <div style="display: flex; flex-direction: row; justify-content: flex-start; flex-wrap: wrap;" class="post-list">
15
14
  {%- for post in site.posts -%}
16
- <li>
17
- {%- assign date_format = site.minima.date_format | default: "%b %-d, %Y" -%}
18
- <h3>
19
- <a class="post-link" href="{{ post.url | relative_url }}">
20
- {{ post.title | escape }}
21
- </a>
22
- </h3>
23
- <span class="post-meta">{{ post.date | date: date_format }}</span>
24
- {%- if site.show_excerpts -%}
25
- {{ post.excerpt }}
26
- {%- endif -%}
27
- </li>
15
+ <a href="{{ post.url | relative_url }}">
16
+ <div style="border: #f0f0f0 solid 1px; margin: 5px; max-width: 150px; min-height: 220px; border-radius: 3px;">
17
+ {%- assign date_format = site.minima.date_format | default: "%b %-d, %Y" -%}
18
+ {%- if post.image -%}
19
+ <div style="padding:0;margin:0; text-align: center;">
20
+ <img src="{{ post.image | relative_url }}" style="border-radius: 3px; max-width: 150px; margin: auto;" />
21
+ </div>
22
+ {%- endif -%}
23
+ <div style="padding: 7px">
24
+ <h3>
25
+ {{ post.title | escape }}
26
+ </h3>
27
+ <span class="post-meta">{{ post.date | date: date_format }}</span>
28
+ {%- if site.show_excerpts -%}
29
+ {{ post.excerpt }}
30
+ {%- endif -%}
31
+ </div>
32
+ </div>
33
+ </a>
28
34
  {%- endfor -%}
29
- </ul>
35
+ </div>
30
36
 
31
37
  {%- endif -%}
32
38
 
data/_layouts/page.html CHANGED
@@ -4,7 +4,7 @@ layout: default
4
4
  <article class="post">
5
5
 
6
6
  <header class="post-header">
7
- <h1 class="post-title">{{ page.title | escape }}</h1>
7
+ <h1 class="post-title">{{ page.display_title | default: page.title | escape }}</h1>
8
8
  </header>
9
9
 
10
10
  <div class="post-content">
data/_layouts/post.html CHANGED
@@ -16,9 +16,17 @@ layout: default
16
16
  </header>
17
17
 
18
18
  <div class="post-content e-content" itemprop="articleBody">
19
+ {%- if page.image -%}
20
+ <div style="text-align: center; padding: 0; margin: 0;">
21
+ <img src="{{ page.image | relative_url }}" />
22
+ </div>
23
+ {%- endif -%}
24
+
19
25
  {{ content }}
20
26
  </div>
21
27
 
28
+ {%- include share-linkedin.html -%}
29
+
22
30
  {%- if site.disqus.shortname -%}
23
31
  {%- include disqus_comments.html -%}
24
32
  {%- endif -%}
data/_sass/minima.scss CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  // Define defaults for each variable.
4
4
 
5
- $base-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !default;
5
+ $base-font-family: 'Merriweather', serif;
6
6
  $base-font-size: 16px !default;
7
7
  $base-font-weight: 400 !default;
8
8
  $small-font-size: $base-font-size * 0.875 !default;
data/_sass/minima/_base.scss CHANGED
@@ -249,7 +249,7 @@ table {
249
249
  }
250
250
  }
251
251
  th, td {
252
- padding: ($spacing-unit / 3) ($spacing-unit / 2);
252
+ padding: ($spacing-unit / 4) ($spacing-unit / 3);
253
253
  }
254
254
  th {
255
255
  background-color: lighten($grey-color-light, 3%);
data/_sass/minima/_layout.scss CHANGED
@@ -25,8 +25,8 @@
25
25
 
26
26
  .site-nav {
27
27
  position: absolute;
28
- top: 9px;
29
- right: $spacing-unit / 2;
28
+ top: 17px;
29
+ right: 15px;
30
30
  background-color: $background-color;
31
31
  border: 1px solid $grey-color-light;
32
32
  border-radius: 5px;
@@ -70,7 +70,7 @@
70
70
  }
71
71
 
72
72
  .page-link {
73
- color: $text-color;
73
+ color: black;
74
74
  line-height: $base-line-height;
75
75
  display: block;
76
76
  padding: 5px 10px;
@@ -106,6 +106,7 @@
106
106
 
107
107
  .page-link {
108
108
  display: inline;
109
+ color: white;
109
110
  padding: 0;
110
111
 
111
112
  &:not(:last-child) {
@@ -137,6 +138,10 @@
137
138
  margin-left: 0;
138
139
  }
139
140
 
141
+ .social-media-list li {
142
+ display: inline;
143
+ }
144
+
140
145
  .footer-col-wrapper {
141
146
  @include relative-font-size(0.9375);
142
147
  color: $grey-color;
@@ -160,6 +165,7 @@
160
165
  .footer-col-3 {
161
166
  width: -webkit-calc(100% - (#{$spacing-unit} / 2));
162
167
  width: calc(100% - (#{$spacing-unit} / 2));
168
+ text-align: right;
163
169
  }
164
170
 
165
171
  @media screen and (min-width: $on-large) {
@@ -219,7 +225,7 @@
219
225
 
220
226
  .post-link {
221
227
  display: block;
222
- @include relative-font-size(1.5);
228
+ @include relative-font-size(1.2);
223
229
  }
224
230
 
225
231
 
data/assets/main.scss CHANGED
@@ -5,28 +5,107 @@
5
5
  @import "minima";
6
6
 
7
7
  .cover-image {
8
- background-image: url("{{ site.cover_image | default: "assets/default-background.jpg" | relative_url }}");
9
- height: 200px;
8
+ // background-image: url("{{ site.cover_image | default: "assets/default-background.jpg" | relative_url }}");
9
+ background-color: #142375;
10
10
  background-size: cover;
11
11
  background-position: center left;
12
12
  background-repeat: no-repeat;
13
+ padding: 10px 0;
14
+ border-bottom: 1px solid #e8e8e8;
13
15
  }
14
16
 
15
17
  .site-logo {
16
- width: 100px;
17
- height: 100px;
18
+ width: 50px;
19
+ height: 50px;
18
20
  vertical-align: middle;
19
21
  border-radius: 50%;
20
- position: relative;
21
- top: -50px;
22
- border: solid white 3px;
22
+ border: solid white 2px;
23
23
  }
24
24
 
25
- .site-header .wrapper {
26
- margin-bottom: -40px;
25
+ .site-title,
26
+ .site-title:active,
27
+ .site-title:visited {
28
+ font-family: 'Nunito', sans-serif;
29
+ font-weight: bold;
30
+ color: white;
31
+ margin-left: 0.5em;
27
32
  }
28
33
 
29
- .site-title, h2 {
30
- font-family: "Avenir Next W01", "Avenir Next", "Avenir", helvetica, arial, sans-serif;
31
- font-weight: bold;
34
+ h1, h2 {
35
+ font-family: 'Nunito', sans-serif;
36
+ font-weight: bold;
37
+ }
38
+
39
+ .trigger {
40
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
41
+ }
42
+
43
+ @media print
44
+ {
45
+ .no-print, .no-print *
46
+ {
47
+ display: none !important;
48
+ }
49
+ .cover-image {
50
+ height: 50px;
51
+ }
52
+ }
53
+
54
+ /* hidden on-screen */
55
+ .print-only {
56
+ display: none;
57
+ }
58
+
59
+ @media print {
60
+
61
+ /* visible when printed */
62
+ .print-only {
63
+ display: block;
64
+ }
65
+ }
66
+
67
+ .post-list li {
68
+ display: block;
69
+ padding: 20px 10px;
70
+ margin: 5px;
71
+ border: 1px solid #eee;
72
+ }
73
+
74
+ /* https://stackoverflow.com/questions/19331362/using-an-image-caption-in-markdown-jekyll */
75
+ img + em {
76
+ display: block;
77
+ text-align: center;
78
+ margin-top: 4px;
79
+ font-size: small;
80
+ font-style: italic;
81
+ font-weight: 400;
82
+ }
83
+
84
+ article.post img {
85
+ display: block;
86
+ margin: 20px auto;
87
+ }
88
+
89
+ .badge {
90
+ display: inline-block;
91
+ padding: .25em .4em;
92
+ font-size: 75%;
93
+ /* font-weight: 700; */
94
+ line-height: 1;
95
+ text-align: center;
96
+ white-space: nowrap;
97
+ vertical-align: baseline;
98
+ border-radius: .25rem;
99
+
100
+ color: #fff;
101
+ background-color: #6c757d;
102
+ }
103
+
104
+ .share-linkedin {
105
+ vertical-align: middle;
106
+ text-align: right;
107
+ border: beige;
108
+ font-size: small;
109
+ font-weight: normal;
110
+ font-style: italic;
32
111
  }
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: miniscule
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.1.4
4
+ version: 0.2.1
5
5
  platform: ruby
6
6
  authors:
7
7
  - Ronen Agranat
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2019-01-26 00:00:00.000000000 Z
11
+ date: 2020-12-24 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll
@@ -56,16 +56,30 @@ dependencies:
56
56
  name: bundler
57
57
  requirement: !ruby/object:Gem::Requirement
58
58
  requirements:
59
- - - "~>"
59
+ - - ">="
60
60
  - !ruby/object:Gem::Version
61
- version: '1.15'
61
+ version: '0'
62
62
  type: :development
63
63
  prerelease: false
64
64
  version_requirements: !ruby/object:Gem::Requirement
65
65
  requirements:
66
- - - "~>"
66
+ - - ">="
67
+ - !ruby/object:Gem::Version
68
+ version: '0'
69
+ - !ruby/object:Gem::Dependency
70
+ name: kramdown-parser-gfm
71
+ requirement: !ruby/object:Gem::Requirement
72
+ requirements:
73
+ - - ">="
74
+ - !ruby/object:Gem::Version
75
+ version: '0'
76
+ type: :development
77
+ prerelease: false
78
+ version_requirements: !ruby/object:Gem::Requirement
79
+ requirements:
80
+ - - ">="
67
81
  - !ruby/object:Gem::Version
68
- version: '1.15'
82
+ version: '0'
69
83
  description:
70
84
  email:
71
85
  - ronen.agranat@gmail.com
@@ -85,6 +99,8 @@ files:
85
99
  - _includes/icon-github.svg
86
100
  - _includes/icon-twitter.html
87
101
  - _includes/icon-twitter.svg
102
+ - _includes/open-graph-tags.html
103
+ - _includes/share-linkedin.html
88
104
  - _includes/social.html
89
105
  - _layouts/default.html
90
106
  - _layouts/home.html
@@ -119,7 +135,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
119
135
  version: '0'
120
136
  requirements: []
121
137
  rubyforge_project:
122
- rubygems_version: 2.6.11
138
+ rubygems_version: 2.7.6
123
139
  signing_key:
124
140
  specification_version: 4
125
141
  summary: A slightly more beautiful, slightly less minimal theme for Jekyll.