-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathwelcome.html
111 lines (78 loc) · 11.8 KB
/
welcome.html
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
102
103
104
105
106
107
108
109
110
111
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- iOS Safari -->
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<!-- Chrome, Firefox OS and Opera Status Bar Color -->
<meta name="theme-color" content="#FFFFFF">
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.11.1/katex.min.css">
<link rel="stylesheet" type="text/css"
href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.19.0/themes/prism.min.css">
<link rel="stylesheet" type="text/css" href="css/SourceSansPro.css">
<link rel="stylesheet" type="text/css" href="css/theme.css">
<link rel="stylesheet" type="text/css" href="css/notablog.css">
<!-- Favicon -->
<link rel="shortcut icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text text-anchor=%22middle%22 dominant-baseline=%22middle%22 x=%2250%22 y=%2255%22 font-size=%2280%22>📖</text></svg>">
<style>
:root {
font-size: 20px;
}
</style>
<title>Welcome to Notablog | blog-test</title>
<meta property="og:type" content="blog">
<meta property="og:title" content="Welcome to Notablog">
<meta name="description" content="Notablog can generate a blog from a Notion table.">
<meta property="og:description" content="Notablog can generate a blog from a Notion table.">
<meta property="og:image" content="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text text-anchor=%22middle%22 dominant-baseline=%22middle%22 x=%2250%22 y=%2255%22 font-size=%2280%22>📝</text></svg>">
<style>
.DateTagBar {
margin-top: 1.0rem;
}
</style>
</head>
<body>
<nav class="Navbar">
<a href="index.html">
<div class="Navbar__Btn">
<span><img class="inline-img-icon" src="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text text-anchor=%22middle%22 dominant-baseline=%22middle%22 x=%2250%22 y=%2255%22 font-size=%2280%22>📖</text></svg>"></span>
<span>Home</span>
</div>
</a>
<span class="Navbar__Delim">·</span>
<a href="about.html">
<div class="Navbar__Btn">
<span><img class="inline-img-icon" src="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text text-anchor=%22middle%22 dominant-baseline=%22middle%22 x=%2250%22 y=%2255%22 font-size=%2280%22>😀</text></svg>"></span>
<span>About</span>
</div>
</a>
</nav>
<header class="Header">
<div class="Header__Cover">
<img src="https://www.notion.so/images/page-cover/met_william_morris_1877_willow.jpg">
</div>
<div class="Header__Spacer ">
</div>
<div class="Header__Icon">
<span><img class="inline-img-icon" src="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text text-anchor=%22middle%22 dominant-baseline=%22middle%22 x=%2250%22 y=%2255%22 font-size=%2280%22>📝</text></svg>"></span>
</div>
<h1 class="Header__Title">Welcome to Notablog</h1>
<div class="DateTagBar">
<span class="DateTagBar__Item DateTagBar__Date">Posted on Sat, Feb 15, 2020</span>
<span class="DateTagBar__Item DateTagBar__Tag DateTagBar__Tag--blue">
<a href="tag/Announcement.html">Announcement</a>
</span>
</div>
</header>
<article id="https://www.notion.so/7fa769c681a14828bb1bb75d46c6e173" class="PageRoot"><div id="https://www.notion.so/b253c4441afe4439ae3f69375559dc65" class="ColorfulBlock ColorfulBlock--ColorDefault Text"><p class="Text__Content"><span class="SemanticStringArray"><span class="SemanticString"><mark class="SemanticString__Fragment SemanticString__Fragment--HighlightedColor SemanticString__Fragment--ColorGray">Last Updated: </mark></span><span class="SemanticString"><span class="SemanticString__Fragment SemanticString__Fragment--Date">@2020/09/14</span></span><span class="SemanticString"> </span></span></p></div><h2 id="https://www.notion.so/fac464aab540415081895e2c38e4360a" class="ColorfulBlock ColorfulBlock--ColorDefault Heading Heading--2"><a class="Anchor" href="#https://www.notion.so/fac464aab540415081895e2c38e4360a"><svg width="16" height="16" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a><span class="SemanticStringArray"><span class="SemanticString">What to do next ?</span></span></h2><ol class="NumberedListWrapper"><li id="https://www.notion.so/2ad5740f7425440b8145078bf49eeadc" class="NumberedList" value="1"><span class="SemanticStringArray"><span class="SemanticString">Write a post on Notion.</span></span></li><li id="https://www.notion.so/877527764c214e05b06969a510531a98" class="NumberedList" value="2"><span class="SemanticStringArray"><span class="SemanticString">Get your website files by executing </span><span class="SemanticString"><code class="SemanticString__Fragment SemanticString__Fragment--Code">notablog generate .</code></span><span class="SemanticString"> in your </span><span class="SemanticString"><a class="SemanticString__Fragment SemanticString__Fragment--Link" href="https://github.com/dragonman225/notablog-starter"><code class="SemanticString__Fragment SemanticString__Fragment--Code">notablog-starter</code></a></span><span class="SemanticString"> folder.</span></span></li><li id="https://www.notion.so/41a1ec2212ae4568af20f8d036314d06" class="NumberedList" value="3"><span class="SemanticStringArray"><span class="SemanticString">Upload all files in </span><span class="SemanticString"><code class="SemanticString__Fragment SemanticString__Fragment--Code">notablog-starter/public/</code></span><span class="SemanticString"> folder to your server or any static asset hosting service.</span></span></li><li id="https://www.notion.so/3b3b24673d0e4ff7896830f5afacc531" class="NumberedList" value="4"><span class="SemanticStringArray"><span class="SemanticString">Play with templates and stylesheets in </span><span class="SemanticString"><a class="SemanticString__Fragment SemanticString__Fragment--Link" href="https://github.com/dragonman225/notablog-starter/tree/master/themes/pure"><code class="SemanticString__Fragment SemanticString__Fragment--Code">notablog-starter/themes/pure/</code></a></span><span class="SemanticString"> folder to customize your blog.</span></span></li></ol><div id="https://www.notion.so/69225eddaacd4b7994177f1bdd83c9f6" class="ColorfulBlock ColorfulBlock--ColorDefault Text"><p class="Text__Content"><span class="SemanticStringArray"></span></p></div><h2 id="https://www.notion.so/419aa931a5144670a59467f70de74593" class="ColorfulBlock ColorfulBlock--ColorDefault Heading Heading--2"><a class="Anchor" href="#https://www.notion.so/419aa931a5144670a59467f70de74593"><svg width="16" height="16" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a><span class="SemanticStringArray"><span class="SemanticString">FAQ</span></span></h2><h3 id="https://www.notion.so/844fadef76134d4bb419cb9d38dd6e2b" class="ColorfulBlock ColorfulBlock--ColorDefault Heading Heading--3"><a class="Anchor" href="#https://www.notion.so/844fadef76134d4bb419cb9d38dd6e2b"><svg width="16" height="16" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a><span class="SemanticStringArray"><span class="SemanticString">What blocks are supported in Notablog ?</span></span></h3><ul class="BulletedListWrapper"><li id="https://www.notion.so/8c2fdb0d838a456dbd5426ca18555bdb" class="BulletedList"><span class="SemanticStringArray"><span class="SemanticString">Notablog uses </span><span class="SemanticString"><a class="SemanticString__Fragment SemanticString__Fragment--Link" href="https://github.com/dragonman225/nast/tree/master/packages/nast-util-from-notionapi"><code class="SemanticString__Fragment SemanticString__Fragment--Code">nast-util-from-notionapi</code></a></span><span class="SemanticString"> to fetch page data and </span><span class="SemanticString"><a class="SemanticString__Fragment SemanticString__Fragment--Link" href="https://github.com/dragonman225/nast/tree/master/packages/nast-util-to-react"><code class="SemanticString__Fragment SemanticString__Fragment--Code">nast-util-to-react</code></a></span><span class="SemanticString"> to generate HTML.</span></span><ul class="BulletedListWrapper"><li id="https://www.notion.so/074d2ca9b45845259ca7d5b9e5e549a7" class="BulletedList"><span class="SemanticStringArray"><span class="SemanticString">Demo: </span><span class="SemanticString"><strong class="SemanticString__Fragment SemanticString__Fragment--Bold"><a class="SemanticString__Fragment SemanticString__Fragment--Link" href="https://dragonman225.js.org/block-test.html">Common Blocks</a></strong></span><span class="SemanticString"> | </span><span class="SemanticString"><a class="SemanticString__Fragment SemanticString__Fragment--Link" href="https://dragonman225.js.org/complex-block-test.html"><strong class="SemanticString__Fragment SemanticString__Fragment--Bold">Table & Gallery</strong></a></span></span></li><li id="https://www.notion.so/dca089b6d4ef4c27b31a2664bc3d664a" class="BulletedList"><span class="SemanticStringArray"><span class="SemanticString">Improving block support is in progress, see this </span><span class="SemanticString"><strong class="SemanticString__Fragment SemanticString__Fragment--Bold"><a class="SemanticString__Fragment SemanticString__Fragment--Link" href="https://github.com/dragonman225/nast/tree/master/packages/nast-util-to-react#implemented-nast-blocks">documentation</a></strong></span><span class="SemanticString"> for status, gotchas, and details.</span></span></li></ul></li></ul><div id="https://www.notion.so/318b370d5ec24498b5517063ba48141e" class="ColorfulBlock ColorfulBlock--ColorDefault Text"><p class="Text__Content"><span class="SemanticStringArray"></span></p></div><div id="https://www.notion.so/f67d3573b81f40148375f2a976cb9078" class="ColorfulBlock ColorfulBlock--BgGray Callout"><div class="Callout__Icon"><div class="Icon">⬅️</div></div><p class="Callout__Content"><span class="SemanticStringArray"><span class="SemanticString">Go back to </span><span class="SemanticString"><a class="SemanticString__Fragment SemanticString__Fragment--Link" href="https://github.com/dragonman225/notablog">Notablog's README</a></span><span class="SemanticString">.</span></span></p></div></article>
<footer class="Footer">
<div>© blog-test 2022</div>
<div>·</div>
<div>Powered by <a href="https://github.com/dragonman225/notablog" target="_blank"
rel="noopener noreferrer">Notablog</a>.
</div>
</footer>
</body>
</html>