3 files changed, 89 insertions, 0 deletions
diff --git a/templates/front_page.html b/templates/front_page.html
new file mode 100644
index 0000000..ce987fb
--- /dev/null
+++ b/templates/front_page.html
@@ -0,0 +1,24 @@
+<div class="title-header-container">
+    <div class="animated-box">
+        <ul class="animated-name">
+            <li class="animated-name item-1">Lucas</li>
+            <li class="animated-name item-2">卢卡斯</li>
+            <li class="animated-name item-2">Λούκας</li>
+            <li class="animated-name item-2">Lukáš</li>
+            <li class="animated-name item-2">ルーカス</li>
+            <li class="animated-name item-1">Lucas</li>
+        </ul>
+    </div>
+    <h1 class=title-header> is a developer working on cool things. </h1>
+</div>
+
+<h2 class="main-heading">Notes</h2>
+<div class="notes-container">
+    $for(notes)$
+    <a href="$it.link$" class="note-link">
+        <div class="note-box">
+            $it.note$
+        </div>
+    </a>
+    $endfor$
+</div>
diff --git a/templates/main.html b/templates/main.html
new file mode 100644
index 0000000..80c55ab
--- /dev/null
+++ b/templates/main.html
@@ -0,0 +1,47 @@
+<!doctype html>
+
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+
+    <title>$title$</title>
+$for(author-meta)$
+    <meta name="author" content="$author-meta$" />
+$endfor$
+$if(date-meta)$
+    <meta name="dcterms.date" content="$date-meta$" />
+$endif$
+$if(keywords)$
+    <meta name="keywords" content="$for(keywords)$$keywords$$sep$, $endfor$" />
+$endif$
+$if(description-meta)$
+    <meta name="description" content="$description-meta$" />
+$endif$
+
+    <link rel="stylesheet" href="/assets/style.css">
+    <link rel="icon" type="image/x-icon" href="/assets/favicon.svg">
+</head>
+
+<body>
+    <div class="header-bar">
+        <a href="/index.html">
+            <img src="/assets/favicon.svg" alt="frycon logo">
+        </a>
+        <div class="header-links">
+            $if(show-notes-link)$
+            <a href="/notes.html" class="header-link">Notes</a>
+            $endif$
+            <a href="/now.html" class="header-link">Now</a>
+            <a href="/about.html" class="header-link">About</a>
+        </div>
+    </div>
+    <main>
+$if(front_page)$
+${front_page()}
+$else$
+${note()}
+$endif$
+    </main>
+</body>
+</html>
diff --git a/templates/note.html b/templates/note.html
new file mode 100644
index 0000000..917d461
--- /dev/null
+++ b/templates/note.html
@@ -0,0 +1,18 @@
+<div class="page-title-header-container">
+    <h1 class="page-title-header">$title$</h1>
+    $if(date)$
+    <div class="page-info-container">
+        $if(note_status)$
+            $note_status$
+        $endif$
+        <div class="page-info-date-container">
+            <p class="page-info-date">Published: $date$</p>
+            <p class="page-info-date">Last Edited: $last_edit$</p>
+        </div>
+    </div>
+    $endif$
+</div>
+<div class="note-divider"></div>
+<div class="note-body">
+$body$
+</div>