book-theme 1.0.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.
- checksums.yaml +7 -0
- data/404.html +91 -0
- data/Gemfile +35 -0
- data/README.md +136 -0
- data/_books/Default-Book.md +20 -0
- data/_books/Test-Book-1.md +34 -0
- data/_books/Test-Book-2.md +31 -0
- data/_books/my-book.md +17 -0
- data/_books/the-great-gatsby.md +25 -0
- data/_config.yml +45 -0
- data/_includes/about-book.html +22 -0
- data/_includes/book-meta.html +35 -0
- data/_includes/footer-credit.html +4 -0
- data/_includes/footer.html +2 -0
- data/_includes/head.html +36 -0
- data/_includes/header-warning.html +13 -0
- data/_layouts/book-profile.html +133 -0
- data/_layouts/default.html +12 -0
- data/_layouts/home.html +4 -0
- data/_layouts/page.html +6 -0
- data/_layouts/post.html +8 -0
- data/_sass/_base.scss +13 -0
- data/_sass/_layout.scss +562 -0
- data/_sass/_variables.scss +7 -0
- data/assets/covers/gatsby.jpg +0 -0
- data/assets/css/main.scss +6 -0
- data/index.html +17 -0
- data/new-book.bat +160 -0
- metadata +132 -0
|
@@ -0,0 +1,133 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="en">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="UTF-8">
|
|
5
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
6
|
+
<title>{{ page.title }} | {{ site.title }}</title>
|
|
7
|
+
<link rel="stylesheet" href="{{ '/assets/css/main.css' | relative_url }}">
|
|
8
|
+
</head>
|
|
9
|
+
<body>
|
|
10
|
+
|
|
11
|
+
<div class="card-frame">
|
|
12
|
+
<div class="card-corners">
|
|
13
|
+
<span class="corner corner-tl">❧</span>
|
|
14
|
+
<span class="corner corner-tr">❧</span>
|
|
15
|
+
<span class="corner corner-bl">❧</span>
|
|
16
|
+
<span class="corner corner-br">❧</span>
|
|
17
|
+
</div>
|
|
18
|
+
|
|
19
|
+
<div class="main-wrapper">
|
|
20
|
+
<!-- LEFT SIDE -->
|
|
21
|
+
<aside class="left-sidebar">
|
|
22
|
+
<div class="left-top-cards">
|
|
23
|
+
<!-- Card 1: Image & Quote -->
|
|
24
|
+
<div class="card-image-quote">
|
|
25
|
+
<div class="image-box">
|
|
26
|
+
{% if page.cover_image %}
|
|
27
|
+
<img src="{{ page.cover_image }}" alt="{{ page.title }}">
|
|
28
|
+
{% else %}
|
|
29
|
+
<div class="no-image">No Cover</div>
|
|
30
|
+
{% endif %}
|
|
31
|
+
</div>
|
|
32
|
+
|
|
33
|
+
{% if page.buy_link %}
|
|
34
|
+
<a href="{{ page.buy_link }}" target="_blank" class="buy-button">Buy Book</a>
|
|
35
|
+
{% endif %}
|
|
36
|
+
|
|
37
|
+
<div class="quote-box">
|
|
38
|
+
<p class="quote-text">"{{ page.quote | default: 'A quote about this book would go here' }}"</p>
|
|
39
|
+
</div>
|
|
40
|
+
</div>
|
|
41
|
+
|
|
42
|
+
<!-- Card 2: Metadata -->
|
|
43
|
+
<div class="card-meta">
|
|
44
|
+
{% include book-meta.html
|
|
45
|
+
title=page.title
|
|
46
|
+
subtitle=page.subtitle
|
|
47
|
+
author=page.author
|
|
48
|
+
published=page.published
|
|
49
|
+
publisher=page.publisher
|
|
50
|
+
genre=page.genre
|
|
51
|
+
series=page.series
|
|
52
|
+
pages=page.pages
|
|
53
|
+
status=page.status
|
|
54
|
+
%}
|
|
55
|
+
</div>
|
|
56
|
+
</div>
|
|
57
|
+
|
|
58
|
+
<!-- Bottom: About Section -->
|
|
59
|
+
<div class="card-about">
|
|
60
|
+
{% include about-book.html
|
|
61
|
+
about_title=page.about_title
|
|
62
|
+
about_text=page.about_text
|
|
63
|
+
content_warning=page.content_warning
|
|
64
|
+
work_in_progress=page.work_in_progress
|
|
65
|
+
%}
|
|
66
|
+
</div>
|
|
67
|
+
</aside>
|
|
68
|
+
|
|
69
|
+
<!-- RIGHT SIDE -->
|
|
70
|
+
<main class="main-content">
|
|
71
|
+
<header class="book-header">
|
|
72
|
+
<h1 class="book-title">{{ page.title | upcase }}</h1>
|
|
73
|
+
<div class="book-traits">
|
|
74
|
+
[ {{ page.traits | join: " / " | upcase }} ]
|
|
75
|
+
</div>
|
|
76
|
+
<div class="decorative-divider">
|
|
77
|
+
<span class="floral-element">❦</span>
|
|
78
|
+
</div>
|
|
79
|
+
</header>
|
|
80
|
+
|
|
81
|
+
<section class="introduction-section">
|
|
82
|
+
<div class="intro-title-lines">
|
|
83
|
+
<span class="line-solid"></span>
|
|
84
|
+
<h2 class="section-title">[ INTRODUCTION ]</h2>
|
|
85
|
+
<span class="line-solid"></span>
|
|
86
|
+
</div>
|
|
87
|
+
|
|
88
|
+
<div class="scroll-container">
|
|
89
|
+
<span class="line-dashed-left"></span>
|
|
90
|
+
<div class="scroll-box">
|
|
91
|
+
<div class="intro-text-wrapper">
|
|
92
|
+
<p class="intro-text">
|
|
93
|
+
<strong>{{ page.title }}</strong> is a {{ page.genre }}
|
|
94
|
+
{% if page.series %}in the {{ page.series }} series{% endif %}
|
|
95
|
+
written by {{ page.author }}. {{ page.description }}
|
|
96
|
+
</p>
|
|
97
|
+
</div>
|
|
98
|
+
{{ content }}
|
|
99
|
+
</div>
|
|
100
|
+
<span class="line-dashed-right"></span>
|
|
101
|
+
</div>
|
|
102
|
+
</section>
|
|
103
|
+
|
|
104
|
+
<div class="scroll-label-container">
|
|
105
|
+
<span class="scroll-label">scroll to read more</span>
|
|
106
|
+
</div>
|
|
107
|
+
|
|
108
|
+
<!-- Related Books -->
|
|
109
|
+
<section class="related-section">
|
|
110
|
+
<div class="related-scroll-wrapper">
|
|
111
|
+
<span class="line-dashed-left"></span>
|
|
112
|
+
<ul class="bullet-list">
|
|
113
|
+
{% for book in site.books %}
|
|
114
|
+
{% if book.title != page.title %}
|
|
115
|
+
<li><a href="{{ book.url | relative_url }}">{{ book.title }}</a></li>
|
|
116
|
+
{% endif %}
|
|
117
|
+
{% endfor %}
|
|
118
|
+
</ul>
|
|
119
|
+
<span class="line-dashed-right"></span>
|
|
120
|
+
</div>
|
|
121
|
+
</section>
|
|
122
|
+
|
|
123
|
+
|
|
124
|
+
<footer class="book-footer">
|
|
125
|
+
<p>Code inspired by <a href="https://toyhou.se/Starcorex" target="_blank">Starcorex</a></p>
|
|
126
|
+
<p>Adapted for Jekyll by <a href="https://darbooks.com" target="_blank">DAR</a></p>
|
|
127
|
+
</footer>
|
|
128
|
+
</main>
|
|
129
|
+
</div>
|
|
130
|
+
</div>
|
|
131
|
+
|
|
132
|
+
</body>
|
|
133
|
+
</html>
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="en">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="UTF-8">
|
|
5
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
6
|
+
<title>{{ page.title | default: site.title }}</title>
|
|
7
|
+
<link rel="stylesheet" href="{{ '/assets/css/main.css' | relative_url }}">
|
|
8
|
+
</head>
|
|
9
|
+
<body>
|
|
10
|
+
{{ content }}
|
|
11
|
+
</body>
|
|
12
|
+
</html>
|
data/_layouts/home.html
ADDED
data/_layouts/page.html
ADDED
data/_layouts/post.html
ADDED