quiet-comic 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
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
@@ -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>
@@ -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>
@@ -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>
@@ -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 %}
@@ -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>
@@ -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>
@@ -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>
@@ -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>
@@ -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>
@@ -0,0 +1,5 @@
1
+ ---
2
+ layout: default
3
+ ---
4
+
5
+ {{ content }}
@@ -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!
@@ -0,0 +1,7 @@
1
+ ---
2
+ title: Demo Comic Page
3
+ page_number: 1
4
+ image: 'placeholder-page.jpg'
5
+ ---
6
+
7
+ # Hello!
@@ -0,0 +1,7 @@
1
+ ---
2
+ title: Demo Comic Page
3
+ page_number: 1
4
+ image: 'placeholder-page.jpg'
5
+ ---
6
+
7
+ # Hello!