-
Notifications
You must be signed in to change notification settings - Fork 2
/
default.hbs
101 lines (89 loc) 路 4.06 KB
/
default.hbs
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
<!DOCTYPE html>
<html lang="{{@site.locale}}">
<head>
<title>{{meta_title}}</title>
<meta charset="utf-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<meta name="HandheldFriendly" content="True"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<style>
:root {
--color-primary: var(--ghost-accent-color);
--color-secondary: {{@custom.secondary_color}};
}
@media (prefers-color-scheme: dark) {
:root {
--color-primary: {{@custom.accent_color_dark_mode}};
--color-secondary: {{@custom.secondary_color_dark_mode}};
}
}
</style>
<link rel="stylesheet" type="text/css" href="{{asset "built/ghostwriter.css"}}"/>
<script src="{{asset "built/ghostwriter.js"}}" defer/>
{{ghost_head}}
</head>
<body class="{{body_class}} text-base">
<div class="wrapper flex items-center {{^is "home"}}justify-between{{/is}}">
<div class="flex items-center justify-items-start">
<a href="{{@site.url}}">
<img src="{{img_url @site.logo size="sm"}}" alt="{{@site.title}}" class="hidden md:inline-block w-20 h-20 rounded-full mr-5" loading="lazy" />
</a>
<a href="{{@site.url}}">
<h1 class="inline-block h-20 py-6 font-bold text-2xl">{{@site.title}}</h1>
</a>
</div>
{{^is "home"}}<a class="button bg-primary text-white" href="/"><i class="fas fa-home"></i><span class="hidden sm:inline-block ml-2">{{t "Frontpage"}}</span></a>{{/is}}
</div>
<main>
{{{body}}}
</main>
<div class="wrapper">
<div class="w-full bg-primary rounded-md text-white text-center p-10">
{{#if @member}}
<h3 class="mx-auto text-4xl font-bold mb-5">{{t "Thanks for subscribing!"}}</h3>
<p>{{t "This really means a lot to me"}} <i class="fas fa-heart"></i></p>
{{else}}
<h3 class="mx-auto text-4xl font-bold mb-5">{{t "Want to stay up to date?"}}</h3>
<form data-members-form="signup" class="mx-auto">
<input data-members-email
class="px-4 py-2 mr-2 w-full max-w-md text-black mb-5 outline-none rounded" type="email"
placeholder="{{t "Your E-Mail"}}" required>
<button type="submit" class="button bg-secondary">{{t "Subscribe"}}</button>
<p data-members-error></p>
</form>
{{/if}}
</div>
</div>
<footer class="wrapper">
<div class="flex flex-wrap mb-10">
<div class="w-full lg:w-1/2 py-5 md:px-5">
<div class="mb-5">
<img src="{{img_url @site.logo size="sm"}}" alt="{{@site.title}}" class="w-12 h-12 mr-3 md:w-20 md:h-20 md:mr-5 rounded-full float-left" loading="lazy" />
<h3 class="inline-block font-bold text-xl py-2.5 md:py-6 md:text-2xl">{{@site.title}}</h3>
</div>
<p class="mb-5">{{@site.description}}</p>
<p>
{{> social-links}}
</p>
</div>
<nav class="w-full md:w-1/2 lg:w-1/4 py-5 md:px-5">
<h3 class="text-2xl font-bold mb-5 lg:h-20 lg:py-6">{{t "Topics"}}</h3>
{{#get "tags" limit="all" include="count.posts" order="count.posts desc"}}
{{#foreach tags}}
{{> nav-item}}
{{/foreach}}
{{/get}}
</nav>
<nav class="w-full md:w-1/2 lg:w-1/4 py-5 md:px-5">
<h3 class="text-2xl font-bold mb-5 lg:h-20 lg:py-6">{{t "Links"}}</h3>
{{navigation}}
</nav>
</div>
<div class="flex justify-between flex-wrap">
<p class="mb-2"><a href="{{@site.url}}">{{@site.title}}</a> © {{date format="YYYY"}}</p>
<p>{{{t "Proudly published with {ghostlink}" ghostlink="<a class=\"mb-20 md:mb-0 hover:text-primary\" href=\"https://ghost.org/\" target=\"_blank\" rel=\"noopener\">Ghost</a>"}}}</p>
</div>
</footer>
{{ghost_foot}}
</body>
</html>