diff options
-rw-r--r-- | public/global.css | 12 | ||||
-rw-r--r-- | src/App.svelte | 20 | ||||
-rw-r--r-- | src/Home.svelte | 10 | ||||
-rw-r--r-- | src/algorithms/line-drawing/DDA.svelte | 3 |
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. |