diff options
Diffstat (limited to 'src')
-rw-r--r-- | src/App.svelte | 20 | ||||
-rw-r--r-- | src/Home.svelte | 10 | ||||
-rw-r--r-- | src/algorithms/line-drawing/DDA.svelte | 3 |
3 files changed, 27 insertions, 6 deletions
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. |