1
1
<!DOCTYPE html>
2
2
3
- <html lang =" {{ @site.locale }} " class =" dark scroll-smooth overflow-x-hidden" >
3
+ <html lang =" {{ @site.locale }} " class =" scroll-smooth overflow-x-hidden" >
4
4
5
5
<head >
6
6
7
7
<meta name =" viewport" content =" width=device-width, initial-scale=1.0" >
8
8
<meta charset =" utf-8" />
9
9
<meta http-equiv =" X-UA-Compatible" content =" IE=edge" />
10
10
<link rel =" stylesheet" href =" {{ asset ' build/css/build.css' }} " /> {{!-- link production ready css file --}}
11
- {{!-- <script src="https://unpkg.com/alpinejs" defer></script> Alpine js --}}
12
-
13
- {{ ghost_head }}
11
+
12
+ {{ ghost_head }}
13
+
14
+ {{ #is " post, page" }}
15
+ <script src =" {{ asset ' build/js/prism.js' }} " ></script >
16
+ {{ /is }}
17
+
18
+ {{ #is " post, page" }}
19
+ {{ #match @custom.prismjs_code_highlight " Tomorrow Theme" }}
20
+ <link rel =" stylesheet" href =" {{ asset ' build/css/tomorrow.css' }} " >
21
+ {{ else match @custom.prismjs_code_highlight "Twilight Theme" }}
22
+ <link rel =" stylesheet" href =" {{ asset ' build/css/twilight.css' }} " >
23
+ {{ else match @custom.prismjs_code_highlight "Okaidia Theme" }}
24
+ <link rel =" stylesheet" href =" {{ asset ' build/css/okaidia.css' }} " >
25
+ {{ else match @custom.prismjs_code_highlight "Dark Theme" }}
26
+ <link rel =" stylesheet" href =" {{ asset ' build/css/dark.css' }} " >
27
+ {{ else }}
28
+ <link rel =" stylesheet" href =" {{ asset ' build/css/default-prism.css' }} " >
29
+ {{ /match }}
30
+ {{ /is }}
31
+
32
+ <style >
33
+ :root {
34
+ --kg-breakout-adjustment : 0px ;
35
+ {{#if @custom .text _primary _color }}
36
+ --primary-theme-text-color: {{@custom .text _primary _color }};
37
+ {{/if }}
38
+ {{#if @custom .text _color }}
39
+ --main-text-color: {{@custom .text _color }};
40
+ {{/if }}
41
+ {{#if @custom .text _secondary _color }}
42
+ --secondary-theme-text-color: {{@custom .text _secondary _color }};
43
+ {{/if }}
44
+ {{#if @custom .text _accent _color }}
45
+ --accent-theme-text-color: {{@custom .text _accent _color }};
46
+ {{/if }}
47
+ }
48
+ </style >
14
49
15
50
</head >
16
51
17
- <body {{ #if @custom.background_color }} style =" background-color: {{ @custom.background_color }} ;" {{ /if }} class =" {{ body_class }} dark:bg-black dark: text-white antialiased scroll-smooth " >
52
+ <body {{ #if @custom.background_color }} style =" background-color: {{ @custom.background_color }} ;" {{ /if }} class =" {{ body_class }} text-foreground antialiased scroll-smooth " >
18
53
19
54
<header class =" gap-10 w-screen grid grid-cols-1 md:grid-cols-3 px-6 py-6 lg:items-center lg:justify-between " >
20
55
21
- <a class =" justify-self-center items-center" href =" / " >
56
+ <a class =" flex flex-row justify-self-center items-center" href =" {{ @site.url }} " >
22
57
23
58
{{ #if @site.logo }}
24
- <img src =" {{ @site.logo }} " class =" w-[150px ]" alt =" {{ @site.title }} " />
59
+ <img src =" {{ @site.logo }} " class =" w-[160px ]" alt =" {{ @site.title }} " />
25
60
{{ else }}
26
- <h1 class =" text-center text-[22px] " > {{ @site.title }} </h1 >
61
+ <h1 class =" text-center text-lg " > {{ @site.title }} </h1 >
27
62
{{ /if }}
28
63
29
64
</a >
30
65
66
+
31
67
{{ " navigation" }}
32
68
33
69
70
+
34
71
<div class =" flex-grow flex justify-center flex-row" >
35
72
36
73
<li class =" mx-2 flex items-center" >
37
- <button class = " text-white " data-ghost-search>{{> Icons/search }} </button >
74
+ <button style = " color: {{ @custom.icons_text_color }} " data-ghost-search>{{> Icons/search }} </button >
38
75
</li >
39
76
40
77
{{ #if @site.facebook }}
41
- <li class =" mx-2 flex items-center " >
78
+ <li class =" mx-2 flex items-center" >
42
79
43
- <a class =" text-white" rel =" noopener" target =" _blank"
44
- href =" {{ facebook_url @site.facebook }} " >
45
- {{> Icons/facebook }}
46
- </a >
80
+ <a style =" color:{{ @custom.icons_text_color }} " target =" _blank" href =" {{ facebook_url @site.facebook }} " >
81
+ {{> Icons/facebook }}
82
+ </a >
47
83
48
- </li >
84
+ </li >
49
85
{{ /if }}
50
86
51
87
{{ #if @site.twitter }}
52
- <li class =" mx-2 flex items-center" >
53
- <a class =" text-white dark:text-gray-700" target =" _blank" href =" {{ twitter_url @site.twitter }} " >
54
- {{> Icons/twitter }}
55
- </a >
56
- </li >
88
+ <li class =" mx-2 flex items-center" >
89
+
90
+ <a style =" color:{{ @custom.icons_text_color }} " target =" _blank" href =" {{ twitter_url @site.twitter }} " >
91
+ {{> Icons/twitter }}
92
+ </a >
93
+
94
+ </li >
57
95
{{ /if }}
58
96
59
97
{{ #unless @member }}
60
-
61
98
<a style =" background-color:{{ @site.accent_color }} "
62
99
class =" shadow-lg text-white w-20 mx-5 text-center p-1 rounded-sm" href =" #/portal/signup"
63
100
data-portal =" signup" >Pro</a >
66
103
class =" shadow-lg text-white w-20 mx-5 text-center p-1 rounded-sm" href =" #/portal/account"
67
104
data-portal =" account" >Account</a >
68
105
{{ /unless }}
106
+
69
107
</div >
70
108
71
109
</header >
90
128
{{!-- ghost header --}}
91
129
{{ ghost_foot }}
92
130
93
- <script src =" {{ asset ' build/js/main.js' }} " ></script > {{!-- build javascript --}}
94
-
95
131
</body >
96
132
97
133
</html >
0 commit comments