aboutsummaryrefslogtreecommitdiff
path: root/templates/layout.ejs
blob: fda9694384e83b610b5af0767316e82dd0ccb2ec (plain) (blame)
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
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
<!doctype html>
<html lang="en">

<head>
    <title>
        <%= title %>
    </title>

    <link rel="stylesheet" id="main-style" href="/css/style.css">
    <link rel="stylesheet" id="hl-style" href="/css/tomorrow.min.css">
    <link rel="stylesheet" href="/css/demos/clicking.css">
    <link rel="stylesheet" href="/css/demos/hover.css">
    <link rel="stylesheet" href="/css/demos/shared.css">
    <link rel="stylesheet" href="/css/katex.min.css">

    <% if (typeof isEditor !== "undefined" && isEditor) { %>
    <link rel="stylesheet" href="/editor/editor.css">
    <% } %>

    <link href="https://fonts.googleapis.com/css?family=Inconsolata:400,700&font-display=swap" rel="stylesheet" type="text/css">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="Shortcut Icon" type="image/x-icon"
        href="https://i.pinimg.com/originals/de/3a/63/de3a63c2afc0d9ccf7499607452d52a5.jpg" />

    <meta property="og:title" content="<%= title %>" />
    <meta name="Description" content="<%= description %>" />
    <meta property="og:description" content="<%= description %>" />
    <meta property="og:image" content="https://i.pinimg.com/originals/de/3a/63/de3a63c2afc0d9ccf7499607452d52a5.jpg" />

    <meta name="twitter:card" content="summary" />
    <meta name="twitter:site" content="@xFuwn" />
    <meta name="twitter:title" content="<%= title %>" />
    <meta name="twitter:description" content="<%= description %>" />
    <meta name="twitter:image" content="https://i.pinimg.com/originals/de/3a/63/de3a63c2afc0d9ccf7499607452d52a5.jpg" />
</head>

<body>
    <div class="main">
        <header>
            <span aria-hidden="true">//</span>
            <strong>fuwn, a naritive through my struggles</strong>
            <span class="sep" aria-hidden="true">.</span>
            <a href="/">home</a>
            <span class="sep" aria-hidden="true">.</span>
            <a href="https://fuwn.me">more</a>
        </header>

        <%- body %>

        <% if (typeof isEditor !== "undefined" && isEditor) { %>
        <form id="editor">
            <input type="hidden" name="description" id="editor-description" />
            <table cellspacing="12">
                <tr>
                    <td colspan="2">
                        <label>Load post</label>
                        <select id="editor-loader">
                            <option value="">Select an article</option>
                            <% articles.reverse().forEach((article) => { %>
                            <option value='<%= JSON.stringify(article) %>'>
                                <%= article.filename.replace(/^articles\//, "") %>
                            </option>
                            <% }) %>
                        </select>
                    </td>
                </tr>
                <tr>
                    <td>
                        <label>Title</label>
                        <input type="text" name="title" id="editor-title" value="New post" />
                    </td>

                    <td>
                        <label>Date</label>
                        <input type="text" name="date" id="editor-date" value="1970-01-01" />
                    </td>
                </tr>
                <tr>
                    <td>
                        <label>Route</label>
                        <input type="text" name="route" id="editor-route" value="/hello-world" />
                    </td>
                    <td>
                        <label>Filename</label>
                        <input type="text" name="filename" id="editor-filename" value="yyyy-mm-dd-hello-world.md" />
                    </td>
                </tr>
                <tr>
                    <td colspan="2">
                        <label>Content</label>
                        <br />
                        <textarea name="content" id="editor-content">Start writing...</textarea>
                    </td>
                </tr>
                <tr>
                    <td colspan="2">
                        <button id="editor-save-button">Save</button>
                    </td>
                </tr>
            </table>
        </form>

        <link rel="stylesheet" href="http://cdn.jsdelivr.net/npm/[email protected]/dist/katex.min.css" integrity="sha384-yFRtMMDnQtDRO8rLpMIKrtPCD5jdktao2TV19YiZYWMDkUR5GQZR/NOVTdquEx1j" crossorigin="anonymous">
        <script defer src="http://cdn.jsdelivr.net/npm/[email protected]/dist/katex.min.js" integrity="sha384-9Nhn55MVVN0/4OFx7EE5kpFBPsEMZxKTCnA+4fqDmg12eCTqGi6+BB2LjY8brQxJ" crossorigin="anonymous"></script>
        <script defer src="http://cdn.jsdelivr.net/npm/[email protected]/dist/contrib/auto-render.min.js" integrity="sha384-kWPLUVMOks5AQFrykwIup5lo0m3iMkkHrD0uJ4H5cjeGihAutqP0yW0J6dpFiVkI" crossorigin="anonymous"></script>
        <% } %>
    </div>

    <script async src="/js/flasher.js"></script>
    <script async src="/js/demos/clicking.js"></script>
    <script async src="/js/demos/hover.js"></script>
    <script async src="/js/konami.js"></script>

    <% if (typeof isEditor !== "undefined" && isEditor) { %>
    <script src="/editor/ejs.min.js"></script>
    <script src="/editor/strftime.min.js"></script>
    <script src="/editor/marked.min.js"></script>
    <script src="/editor/editor.js"></script>
    <% } %>

    <script defer>
        console.log("Wanna see a cool, but unfinished easter egg? Hint: Konami Code.");
        console.log("Also, since I haven't gotten around to adding a dark mode, this blog is best read with the Dark Reader browser extension.");
    </script>
</body>

</html>