quiet-comic 0.1.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (61) hide show
  1. checksums.yaml +7 -0
  2. data/LICENSE.txt +21 -0
  3. data/README.md +198 -0
  4. data/_artworks/demo-0.md +7 -0
  5. data/_artworks/demo-1.md +7 -0
  6. data/_artworks/demo-2.md +7 -0
  7. data/_artworks/demo-3.md +7 -0
  8. data/_artworks/demo-4.md +7 -0
  9. data/_artworks/demo-5.md +7 -0
  10. data/_artworks/demo-6.md +7 -0
  11. data/_artworks/demo-7.md +7 -0
  12. data/_artworks/demo-8.md +7 -0
  13. data/_artworks/demo-9.md +7 -0
  14. data/_artworks/demo.md +7 -0
  15. data/_includes/collection_feed.xml +80 -0
  16. data/_includes/comments.html +11 -0
  17. data/_includes/facebook_javascript_sdk.html +8 -0
  18. data/_includes/footer.html +50 -0
  19. data/_includes/google_analytics.html +10 -0
  20. data/_includes/head.html +23 -0
  21. data/_includes/header.html +43 -0
  22. data/_includes/seo.html +147 -0
  23. data/_layouts/artwork.html +41 -0
  24. data/_layouts/autopage_collection.html +63 -0
  25. data/_layouts/default.html +12 -0
  26. data/_layouts/home.html +22 -0
  27. data/_layouts/page.html +46 -0
  28. data/_layouts/post.html +5 -0
  29. data/_pages/demo-0.md +8 -0
  30. data/_pages/demo-1.md +7 -0
  31. data/_pages/demo-2.md +7 -0
  32. data/_pages/demo-3.md +7 -0
  33. data/_pages/demo-4.md +7 -0
  34. data/_pages/demo-5.md +7 -0
  35. data/_pages/demo-6.md +7 -0
  36. data/_pages/demo-7.md +7 -0
  37. data/_pages/demo-8.md +7 -0
  38. data/_pages/demo-9.md +7 -0
  39. data/_pages/demo.md +7 -0
  40. data/_sass/quiet_comic.scss +48 -0
  41. data/_sass/quiet_comic/base.scss +97 -0
  42. data/_sass/quiet_comic/components.scss +226 -0
  43. data/_sass/quiet_comic/grid.scss +420 -0
  44. data/_sass/quiet_comic/mixins.scss +37 -0
  45. data/_sass/quiet_comic/syntax_highlighting.scss +136 -0
  46. data/artworks_feed.xml +6 -0
  47. data/assets/fonts/GloriaHallelujah.ttf +0 -0
  48. data/assets/fonts/PermanentMarker.ttf +0 -0
  49. data/assets/images/artworks/krita.jpg +0 -0
  50. data/assets/images/da-icon.svg +51 -0
  51. data/assets/images/fb-icon.svg +1 -0
  52. data/assets/images/feed-icon.svg +1 -0
  53. data/assets/images/github-icon.svg +68 -0
  54. data/assets/images/instagram-icon.svg +1 -0
  55. data/assets/images/pages/placeholder-page.jpg +0 -0
  56. data/assets/images/placeholder-brand-image.png +0 -0
  57. data/assets/images/twitter-icon.svg +1 -0
  58. data/assets/images/youtube-icon.svg +1 -0
  59. data/assets/main.scss +6 -0
  60. data/pages_feed.xml +6 -0
  61. metadata +229 -0
data/_includes/google_analytics.html ADDED
@@ -0,0 +1,10 @@
1
+ <script>
2
+ (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
3
+ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
4
+ m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
5
+ })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
6
+
7
+ ga('create', '{{ site.google_analytics }}', 'auto');
8
+ ga('send', 'pageview');
9
+
10
+ </script>
data/_includes/head.html ADDED
@@ -0,0 +1,23 @@
1
+ <head>
2
+ {% include seo.html %}
3
+
4
+ <meta charset="utf-8">
5
+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
6
+ <meta name="viewport" content="width=device-width, initial-scale=1">
7
+
8
+ <link rel="stylesheet" href="{{ "/assets/main.css" | relative_url }}">
9
+ <link rel="canonical" href="{{ page.url | replace:'index.html','' | absolute_url }}">
10
+
11
+ <!-- comic pages feed -->
12
+ <link rel="alternate" type="application/atom+xml" title="{{ site.title }} - Pages Feed" href="{{ "pages_feed.xml" | relative_url }}">
13
+ <!-- artworks feed -->
14
+ <link rel="alternate" type="application/atom+xml" title="{{ site.title }} - Artworks Feed" href="{{ "artworks_feed.xml" | relative_url }}">
15
+ <!-- combined feed -->
16
+ <link rel="alternate" type="application/atom+xml" title="{{ site.title }} - Pages and Artworks Feed" href="{{ "combined_feed.xml" | relative_url }}">
17
+ <!-- blog feed -->
18
+ <link rel="alternate" type="application/atom+xml" title="{{ site.title }} - Blog Feed" href="{{ "feed.xml" | relative_url }}">
19
+
20
+ {% if jekyll.environment == 'production' and site.google_analytics %}
21
+ {% include google_analytics.html %}
22
+ {% endif %}
23
+ </head>
data/_includes/header.html ADDED
@@ -0,0 +1,43 @@
1
+ <header>
2
+ <nav>
3
+ <ul>
4
+ {% unless page.is_home %}
5
+ <li class="nav-home-button">
6
+ <a href="{{ site.url }}">
7
+ <img src={{ site.brand_image | relative_url }} />
8
+ </a>
9
+ </li>
10
+ {% endunless %}
11
+ <li>
12
+ {% assign last_page = (site.pages | sort: 'page_number' | last) %}
13
+ {% if page.url == last_page.url %}
14
+ <a href="{{ last_page.url | relative_url }}" class="active">Latest</a>
15
+ {% else %}
16
+ <a href="{{ last_page.url | relative_url }}">Latest</a>
17
+ {% endif %}
18
+ </li>
19
+ <li>
20
+ {% assign first_page = (site.pages | sort: 'page_number' | first) %}
21
+ {% if page.url == first_page.url %}
22
+ <a href="{{ first_page.url | relative_url }}" class="active">First</a>
23
+ {% else %}
24
+ <a href="{{ first_page.url | relative_url }}">First</a>
25
+ {% endif %}
26
+ </li>
27
+ <li>
28
+ {% if page.url == "/pages/index.html" %}
29
+ <a href="{{ "pages" | relative_url }}" class="active">All</a>
30
+ {% else %}
31
+ <a href="{{ "pages" | relative_url }}">All</a>
32
+ {% endif %}
33
+ </li>
34
+ <li>
35
+ {% if page.url == "/artworks/index.html" %}
36
+ <a href="{{ "artworks" | relative_url }}" class="active">Gallery</a>
37
+ {% else %}
38
+ <a href="{{ "artworks" | relative_url }}">Gallery</a>
39
+ {% endif %}
40
+ </li>
41
+ </ul>
42
+ </nav>
43
+ </header>
data/_includes/seo.html ADDED
@@ -0,0 +1,147 @@
1
+ <!-- title tag -->
2
+ {% if page.title %}
3
+ {% assign seo_title = page.title | append: " - " | append: site.title %}
4
+ {% endif %}
5
+
6
+ {% if seo_title %}
7
+ {% assign seo_title = seo_title | markdownify | strip_html | strip_newlines | escape_once %}
8
+ {% endif %}
9
+
10
+ <title>{{ seo_title | default: site.title }}{% if paginator %}{% unless paginator.page == 1 %} - {{ site.data.ui-text[site.locale].page | default: "Page" }} {{ paginator.page }}{% endunless %}{% endif %}</title>
11
+
12
+
13
+ <!-- description tag -->
14
+ {% assign seo_description = page.description | default: page.excerpt | default: site.description %}
15
+ {% if seo_description %}
16
+ {% assign seo_description = seo_description | markdownify | strip_html | strip_newlines | escape_once %}
17
+ {% endif %}
18
+
19
+ <meta name="description" content="{{ seo_description }}">
20
+
21
+ <!-- author tag -->
22
+ {% assign seo_author = page.author | default: page.author[0] | default: site.author.name %}
23
+ {% if seo_author %}
24
+ {% if seo_author.twitter %}
25
+ {% assign seo_author_twitter = seo_author.twitter %}
26
+ {% else %}
27
+ {% if site.data.authors and site.data.authors[seo_author] %}
28
+ {% assign seo_author_twitter = site.data.authors[seo_author].twitter %}
29
+ {% else %}
30
+ {% assign seo_author_twitter = seo_author %}
31
+ {% endif %}
32
+ {% endif %}
33
+ {% assign seo_author_twitter = seo_author_twitter | replace: "@", "" %}
34
+ {% endif %}
35
+
36
+ <meta name="author" content="{{ seo_author }}">
37
+
38
+ <!-- Open Graph properties -->
39
+ <meta property="og:locale" content="{{ site.locale | replace: "-", "_" | default: "en_US" }}">
40
+ <meta property="og:site_name" content="{{ site.title }}">
41
+ <meta property="og:title" content="{{ seo_title }}">
42
+
43
+ <!-- canonical and og:url -->
44
+ {% if site.url %}
45
+ {% assign seo_url = site.url | append: site.baseurl %}
46
+ {% endif %}
47
+ {% assign seo_url = seo_url | default: site.github.url %}
48
+
49
+ {% if seo_url %}
50
+ <link rel="canonical" href="{{ page.url | prepend: seo_url | replace: "/index.html", "/" }}">
51
+ <meta property="og:url" content="{{ page.url | prepend: seo_url | replace: "/index.html", "/" }}">
52
+ {% endif %}
53
+
54
+ {% if page.excerpt %}
55
+ <meta property="og:description" content="{{ seo_description }}">
56
+ {% endif %}
57
+
58
+ {% assign page_image = (page.image | default: site.og_image) | absolute_url %}
59
+ {% assign site_og_image = site.og_image | absolute_url %}
60
+
61
+ {% if site.twitter.username %}
62
+ <meta name="twitter:site" content="@{{ site.twitter.username | replace: "@", "" }}">
63
+ <meta name="twitter:title" content="{{ page.title | default: site.title | markdownify | strip_html | strip_newlines | escape_once }}">
64
+ <meta name="twitter:description" content="{{ seo_description }}">
65
+
66
+ {% if site.url %}
67
+ {% assign canonical_url = page.url | replace: "index.html", "" | prepend: site.url %}
68
+ {% endif %}
69
+
70
+ <meta name="twitter:url" content="{{ canonical_url }}">
71
+
72
+ {% if page_image %}
73
+ <meta name="twitter:card" content="summary">
74
+ {% if page_teaser_image %}
75
+ <meta name="twitter:image" content="{{ page_image }}">
76
+ {% endif %}
77
+ {% endif %}
78
+
79
+ {% if seo_author_twitter %}
80
+ <meta name="twitter:creator" content="@{{ seo_author_twitter }}">
81
+ {% endif %}
82
+ {% endif %}
83
+
84
+ {% if site.facebook %}
85
+ {% if site.facebook.publisher %}
86
+ <meta property="article:publisher" content="{{ site.facebook.publisher }}">
87
+ {% endif %}
88
+
89
+ {% if site.facebook.app_id %}
90
+ <meta property="fb:app_id" content="{{ site.facebook.app_id }}">
91
+ {% endif %}
92
+ {% endif %}
93
+
94
+ {% if page_image %}
95
+ <meta property="og:image" content="{{ page_image }}">
96
+ {% endif %}
97
+
98
+ {% if page.date %}
99
+ <meta property="og:type" content="article">
100
+ <meta property="article:published_time" content="{{ page.date | date_to_xmlschema }}">
101
+ {% endif %}
102
+
103
+ {% if paginator.previous_page %}
104
+ <link rel="prev" href="{{ paginator.previous_page_path | prepend: seo_url }}">
105
+ {% endif %}
106
+ {% if paginator.next_page %}
107
+ <link rel="next" href="{{ paginator.next_page_path | prepend: seo_url }}">
108
+ {% endif %}
109
+
110
+ {% if site.og_image %}
111
+ <script type="application/ld+json">
112
+ {
113
+ "@context": "http://schema.org",
114
+ "@type": "Organization",
115
+ "url": {{ seo_url | jsonify }},
116
+ "logo": {{ site_og_image | jsonify }}
117
+ }
118
+ </script>
119
+ {% endif %}
120
+
121
+ {% if site.social %}
122
+ <script type="application/ld+json">
123
+ {
124
+ "@context" : "http://schema.org",
125
+ "@type" : "{% if site.social.type %}{{ site.social.type }}{% else %}Person{% endif %}",
126
+ "name" : "{{ site.social.name | default: site.name }}",
127
+ "url" : {{ seo_url | jsonify }},
128
+ "sameAs" : {{ site.social.links | jsonify }}
129
+ }
130
+ </script>
131
+ {% endif %}
132
+
133
+ {% if site.google_site_verification %}
134
+ <meta name="google-site-verification" content="{{ site.google_site_verification }}" />
135
+ {% endif %}
136
+ {% if site.bing_site_verification %}
137
+ <meta name="msvalidate.01" content="{{ site.bing_site_verification }}">
138
+ {% endif %}
139
+ {% if site.alexa_site_verification %}
140
+ <meta name="alexaVerifyID" content="{{ site.alexa_site_verification }}">
141
+ {% endif %}
142
+ {% if site.yandex_site_verification %}
143
+ <meta name="yandex-verification" content="{{ site.yandex_site_verification }}">
144
+ {% endif %}
145
+ {% if site.naver-site-verification %}
146
+ <meta name="naver-site-verification" content="{{ site.naver-site-verification }}">
147
+ {% endif %}
data/_layouts/artwork.html ADDED
@@ -0,0 +1,41 @@
1
+ ---
2
+ layout: default
3
+ ---
4
+
5
+ <div class="Container--fixed">
6
+ <div class="Grid Grid--1of1">
7
+ <h3 class="Grid-cell artwork-header">
8
+ {{ page.title }}
9
+ <small class="header-date">
10
+ {{ page.date | date: '%B %d %Y' }}
11
+ </small>
12
+
13
+ <small class="size-buttons-container">
14
+ Zoom -
15
+ <a href="#width-100">100%</a> &middot;
16
+ <a href="#width-75">75%</a> &middot;
17
+ <a href="#width-50">50%</a>
18
+ </small>
19
+ <small class="pager-container">
20
+ {% if page.previous %}
21
+ <a href="{{ page.previous.url | relative_url}}">< Prev</a>
22
+ {% endif %}
23
+ {% if page.next %}
24
+ <a href="{{ page.next.url | relative_url}}">Next ></a>
25
+ {% endif %}
26
+ </small>
27
+ </h3>
28
+
29
+ <img id="width-50" src="{{ site.base_image_dir | relative_url }}artworks/{{ page.image }}" alt="{{ page.title }}" class="Grid-cell">
30
+
31
+ <img id="width-75" src="{{ site.base_image_dir | relative_url }}artworks/{{ page.image }}" alt="{{ page.title }}" class="Grid-cell">
32
+
33
+ <img id="width-100" src="{{ site.base_image_dir | relative_url }}artworks/{{ page.image }}" alt="{{ page.title }}" class="Grid-cell">
34
+ </div>
35
+
36
+
37
+ {{ content }}
38
+
39
+ {% include comments.html %}
40
+
41
+ </div>
data/_layouts/autopage_collection.html ADDED
@@ -0,0 +1,63 @@
1
+ ---
2
+ layout: default
3
+ ---
4
+
5
+ <div class="pages-layout Container--fluid">
6
+ <div class="
7
+ Grid
8
+ Grid--gutters
9
+ Grid--1of1
10
+ sm-Grid--1of2
11
+ md-Grid--1of4
12
+ lg-Grid--1of6">
13
+
14
+ {% assign collection = paginator.posts.first.collection %}
15
+ {% if collection == "pages" %}
16
+ {% assign items = paginator.posts | sort: 'page_number' | reverse %}
17
+ {% else %}
18
+ {% assign items = paginator.posts | sort: 'date' | reverse %}
19
+ {% endif %}
20
+ {% for item in items %}
21
+ <div class="Grid-cell">
22
+ <a
23
+ href="{{ item.url | relative_url }}"
24
+ class="thumbnail-link"
25
+ style="background-image: url('{{ site.base_image_dir | relative_url }}{{ item.collection}}/thumbnails/{{ item.image }}');" >
26
+ <h6 class="thumbnail-title">
27
+ {% case site.thumbnail_label %}
28
+ {% when "title" %}
29
+ {{ item.title }}
30
+ {% when "page_number" %}
31
+ {{ item.page_number | default: item.title }}
32
+ {% endcase %}
33
+ </h6>
34
+ </a>
35
+ </div>
36
+ {% endfor %}
37
+ </div>
38
+
39
+ {% if collection == "pages" %}
40
+ <a href="{{ "pages_feed.xml" | relative_url }}">Subscribe</a>
41
+ {% elsif collection == "artworks" %}
42
+ <a href="{{ "artworks_feed.xml" | relative_url }}">Subscribe</a>
43
+ {% endif %}
44
+
45
+ &middot;
46
+
47
+ {% if paginator.total_pages > 1 %}
48
+ <ul class="pager">
49
+ {% if paginator.previous_page %}
50
+ <li class="pager-previous">
51
+ <a href="{{ paginator.previous_page_path | relative_url }}">< Newer</a>
52
+ </li>
53
+ {% endif %}
54
+ {% if paginator.next_page %}
55
+ <li class="pager-next">
56
+ <a href="{{ paginator.next_page_path | relative_url }}">Older ></a>
57
+ </li>
58
+ {% endif %}
59
+ </ul>
60
+ {% endif %}
61
+
62
+ {% include comments.html %}
63
+ </div>
data/_layouts/default.html ADDED
@@ -0,0 +1,12 @@
1
+ <!DOCTYPE html>
2
+ <html>
3
+ {% include head.html %}
4
+
5
+ <body>
6
+ {% include header.html %}
7
+ <main>{{ content }}</main>
8
+ {% include footer.html %}
9
+ </body>
10
+
11
+ {% include facebook_javascript_sdk.html %}
12
+ </html>
data/_layouts/home.html ADDED
@@ -0,0 +1,22 @@
1
+ ---
2
+ layout: "default"
3
+ ---
4
+
5
+ <div class="Grid Grid--gutters">
6
+ <div class="Grid-cell">
7
+ <div class="Home-img">
8
+ Main image
9
+ <a href="{{ "combined_feed.xml" | relative_url }}" class="main-feed-link">
10
+ <img src="{{ site.base_image_dir | append: "feed-icon.svg" | relative_url }}">
11
+ </a>
12
+ </div>
13
+ </div>
14
+ </div>
15
+
16
+ <div class="Container--fixed">
17
+ <div class="Grid-cell">
18
+ <div class="Grid-cell-inner">
19
+ {{ content }}
20
+ </div>
21
+ </div>
22
+ </div>
data/_layouts/page.html ADDED
@@ -0,0 +1,46 @@
1
+ ---
2
+ layout: default
3
+ ---
4
+
5
+ <div class="Container--fixed">
6
+ <div class="Grid Grid--1of1">
7
+ <h3 class="Grid-cell page-header">
8
+ {{ page.page_number }} - {{ page.title }}
9
+ <small class="header-date">
10
+ {{ page.date | date: '%B %d %Y' }}
11
+ </small>
12
+
13
+ <small class="size-buttons-container">
14
+ Zoom -
15
+ <a href="#width-100">100%</a> &middot;
16
+ <a href="#width-75">75%</a> &middot;
17
+ <a href="#width-50">50%</a>
18
+ </small>
19
+ <small class="pager-container">
20
+ <ul class="pager">
21
+ {% if page.previous %}
22
+ <li class="pager-previous">
23
+ <a href="{{ page.previous.url | relative_url}}">< Prev</a>
24
+ </li>
25
+ {% endif %}
26
+ {% if page.next %}
27
+ <li class="pager-next">
28
+ <a href="{{ page.next.url | relative_url}}">Next ></a>
29
+ </li>
30
+ {% endif %}
31
+ </ul>
32
+ </small>
33
+ </h3>
34
+
35
+ <img id="width-50" src="{{ site.base_image_dir | relative_url }}pages/{{ page.image }}" alt="{{ page.title }}" class="Grid-cell main-image">
36
+
37
+ <img id="width-75" src="{{ site.base_image_dir | relative_url }}pages/{{ page.image }}" alt="{{ page.title }}" class="Grid-cell main-image">
38
+
39
+ <img id="width-100" src="{{ site.base_image_dir | relative_url }}pages/{{ page.image }}" alt="{{ page.title }}" class="Grid-cell main-image">
40
+ </div>
41
+
42
+ {{ content }}
43
+
44
+ {% include comments.html %}
45
+
46
+ </div>
data/_layouts/post.html ADDED
@@ -0,0 +1,5 @@
1
+ ---
2
+ layout: default
3
+ ---
4
+
5
+ {{ content }}
data/_pages/demo-0.md ADDED
@@ -0,0 +1,8 @@
1
+ ---
2
+ title: Special Comic Page
3
+ page_number: 2
4
+ image: 'placeholder-page.jpg'
5
+ date: 2017-11-30
6
+ ---
7
+
8
+ # Hello!
data/_pages/demo-1.md ADDED
@@ -0,0 +1,7 @@
1
+ ---
2
+ title: Demo Comic Page
3
+ page_number: 1
4
+ image: 'placeholder-page.jpg'
5
+ ---
6
+
7
+ # Hello!
data/_pages/demo-2.md ADDED
@@ -0,0 +1,7 @@
1
+ ---
2
+ title: Demo Comic Page
3
+ page_number: 1
4
+ image: 'placeholder-page.jpg'
5
+ ---
6
+
7
+ # Hello!