-
-
Notifications
You must be signed in to change notification settings - Fork 65
/
app.pug
63 lines (52 loc) ยท 2.09 KB
/
app.pug
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
doctype html
html#hELLO(
x-data='{ dark: preferredDarkMode, loading: true }'
x-init='setTimeout(() => loading = false, 100)'
lang='ko'
class='scroll-smooth')
head
meta(charset='utf-8')
meta(name='viewport' content='width=device-width')
title [##_page_title_##] โ [##_title_##]
link(rel='alternate' type='application/rss+xml' title='[##_title_##]' href='[##_rss_url_##]')
link(rel='preconnect' href='//fonts.googleapis.com')
link(rel='preconnect' href='//fonts.gstatic.com' crossorigin)
link(rel='stylesheet' :href='"//cdn.jsdelivr.net/gh/sunn-us/SUIT/fonts/static/woff2/SUIT.css"')
link(rel='stylesheet' :href='"//fonts.googleapis.com/css2?family=Source+Code+Pro:ital@0;1&display=swap"')
link(rel='stylesheet' :href='"//cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.1/css/all.min.css"')
link(rel='stylesheet' :href='`//cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.7.0/build/styles/${dark ? skinOptions.hljsDark : skinOptions.hljs}.min.css`')
script(src='./images/bootstrap.js')
style(fixed).
:root {
--h-idx: 1100px; /* index */
--h-pem: [##_var_width_##]px; /* permalink */
--h-s: 256px; /* sidebar */
--h-c: calc(100% - var(--h-s)); /* content */
}
style
include:postcss @/css/app.css
include:postcss @/css/vendor.css
script(fixed).
/**
* Set skin options
*
* @see https://tistory.github.io/document-tistory-skin/common/variable.html
* @see docs/index.xml
*/
window.skinOptions = {
sidebar: '[##_var_sidebar_##]',
foldableCategory: '[##_var_foldable-category_##]',
foldableReply: '[##_var_foldable-reply_##]',
width: '[##_var_width_##]',
toc: '[##_var_toc_##]',
scrollspy: '[##_var_scrollspy_##]',
hljs: '[##_var_hljs_##]',
hljsDark: '[##_var_hljs-dark_##]',
mode: '[##_var_mode_##]'
}
body(
id='[##_body_id_##]'
class='overflow-x-hidden bg-h-100 dark:bg-h-800')
block TIDORY
script.
window.addEventListener('DOMContentLoaded', () => Alpine.start())