diff options
| -rw-r--r-- | templates/layout.ejs | 228 |
1 files changed, 118 insertions, 110 deletions
diff --git a/templates/layout.ejs b/templates/layout.ejs index fda9694..72912d8 100644 --- a/templates/layout.ejs +++ b/templates/layout.ejs @@ -1,128 +1,136 @@ <!doctype html> <html lang="en"> + <head> + <title> + <%= title %> + </title> -<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"> - <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"> + <% } %> - <% 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" /> - <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 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" /> - <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> + <!-- Global site tag (gtag.js) - Google Analytics --> + <script async src="https://www.googletagmanager.com/gtag/js?id=G-RXMDR4NYYP"></script> + <script> + window.dataLayer = window.dataLayer || []; + function gtag(){dataLayer.push(arguments);} + gtag('js', new Date()); -<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> + gtag('config', 'G-RXMDR4NYYP'); + </script> + </head> - <%- body %> + <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> - <% 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> + <%- body %> - <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> + <% 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> - <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> + <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> - <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> + <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> - <% 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 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> - <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> + <% 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> |