Add links, postamble to homepage

4 files changed, 38 insertions, 7 deletions

diff --git a/public/global.css b/public/global.css
index 172d08b..6bcca5b 100644
--- a/public/global.css
+++ b/public/global.css
@@ -85,7 +85,13 @@ h1, h2, h3, h4, h5, h6, .title { font-family: "Iosevka Etoile", serif; }
   color: var(--fg-special-cold);
   border-bottom: 1px solid var(--bg-alt);
 }
-
+.subtitle {
+    font-size: 0.56em;
+    font-style: italic;
+    font-weight: normal;
+    color: var(--fg-special-mild);
+}
+#org-div-home-and-up { float: right; padding-top: 1ch; }
 a { color: var(--blue-alt-other); }
 a:hover, a:focus {
   color: var(--fg-dim);
@@ -131,3 +137,7 @@ td, th { padding: .25em .5em; border: 1px solid var(--bg-alt); }
     background-color: var(--cyan-subtle-bg);
     padding: 0 0.4ch;
 }
+#postamble {
+    margin-top: 1.6em;
+    border-top: 0.1em solid var(--fg-special-cold);
+}
diff --git a/src/App.svelte b/src/App.svelte
index 0f4e88d..5589541 100644
--- a/src/App.svelte
+++ b/src/App.svelte
@@ -2,13 +2,27 @@
   import Navbar from './Navbar.svelte';
   import Home from './Home.svelte';
 
-  import DDA from './algorithms/line-drawing/DDA.svelte';
-  let page = DDA;
+  let page = Home;
   const changePage = event => page = event.detail.page;
 </script>
 
-<h1 class="title">CG Algorithms</h1>
+<div id="org-div-home-and-up">
+  <a href="https://andinus.unfla.me/projects/dorado">Project Homepage</a>
+</div>
+<h1 class="title">
+  Dorado
+  <br>
+  <span class="subtitle">
+    Collection of Algorithms used in Computer Graphics
+  </span>
+</h1>
 <Navbar on:message={changePage} />
 <main>
   <svelte:component this={page} />
 </main>
+<div id="postamble" class="status">
+  <p class="postamble">Made with <span class="heart">♥</span> by
+    <a href="https://andinus.unfla.me">Andinus</a>
+    <span style="float:right"><a href="https://git.unfla.me/dorado">Source
+    Code</a> / <a href="https://github.com/andinus/dorado">GitHub (mirror)</a></span></p>
+</div>
diff --git a/src/Home.svelte b/src/Home.svelte
index a3f6997..552e7ee 100644
--- a/src/Home.svelte
+++ b/src/Home.svelte
@@ -1 +1,9 @@
-<p>Home</p>
+<p>
+  Navigate to an Algorithm page. Click solve after entering the
+  values, on some pages it'll update the solution as you change the
+  values using the slider.
+</p>
+<p>
+  Checkout my other
+  <a href="https://andinus.unfla.me/projects">projects</a>.
+</p>
diff --git a/src/algorithms/line-drawing/DDA.svelte b/src/algorithms/line-drawing/DDA.svelte
index 58cf07d..aa7ac08 100644
--- a/src/algorithms/line-drawing/DDA.svelte
+++ b/src/algorithms/line-drawing/DDA.svelte
@@ -1,5 +1,5 @@
 <svelte:head>
-  <script src="../../resources/js/plotly/plotly.min.js" on:load={plotlyLoaded}></script>
+  <script src="./plotly/plotly.min.js" on:load={plotlyLoaded}></script>
 </svelte:head>
 <script>
   let solved = false;
@@ -119,7 +119,6 @@
     </table>
   </details>
 
-
   {#if plotlyReady === false}
     <p class="note">
       Cannot plot graph: Plotly is not ready.