Browse Source

Clean up

master
Riley S 7 months ago
parent
commit
e6d54c7444
  1. 2
      .routify/config.js
  2. 4
      .routify/routes.js
  3. 18
      src/Main/Root.svelte
  4. 69
      src/Main/routes/Index.svelte
  5. 6
      src/Main/routes/Post.svelte
  6. 1
      src/Main/routes/error/NotFound.svelte
  7. 4
      src/pages/posts/[id].svelte

2
.routify/config.js

@ -14,5 +14,5 @@ module.exports = {
"md",
"svx"
],
"started": "2021-07-05T07:02:17.932Z"
"started": "2021-07-06T06:56:43.265Z"
}

4
.routify/routes.js

@ -1,11 +1,11 @@
/**
* @roxi/routify 2.18.0
* File generated Mon Jul 05 2021 03:02:17 GMT-0400 (Eastern Daylight Time)
* File generated Tue Jul 06 2021 02:56:43 GMT-0400 (Eastern Daylight Time)
*/
export const __version = "2.18.0"
export const __timestamp = "2021-07-05T07:02:17.946Z"
export const __timestamp = "2021-07-06T06:56:43.279Z"
//buildRoutes
import { buildClientTree } from "@roxi/routify/runtime/buildRoutes"

18
src/Main/Root.svelte

@ -1,18 +0,0 @@
<script>
import Router from 'svelte-spa-router'
import Index from './routes/Index.svelte'
import Post from './routes/Post.svelte'
import NotFound from './routes/error/NotFound.svelte'
import Button from "../Components/Button.svelte";
const routes = {
// Exact path
'/': Index,
// Using named parameters, with last being optional
'/post/:id': Post,
'*': NotFound,
}
</script>
<Router {routes}/>

69
src/Main/routes/Index.svelte

@ -1,69 +0,0 @@
<script>
import {link} from 'svelte-spa-router'
import Button from "../../Components/Button.svelte";
function getRandomIntInclusive(min, max) {
min = Math.ceil(min);
max = Math.floor(max);
return Math.floor(Math.random() * (max - min + 1) + min); //The maximum is inclusive and the minimum is inclusive
}
let num = getRandomIntInclusive(100,1000000)
let search = "asdf"
</script>
<div class="main">
<div class="spacing">
<h1 class="heading section spacing">Subooru</h1>
<div class="section spacing">
<ul>
<li><a href="/" use:link>Posts</a></li>
<li>Comments</li>
<li>Tags</li>
<li>Wiki</li>
<li>Documentation</li>
</ul>
</div>
<div class="flex section spacing">
<div class="flex-grow mr-2">
{search}
<input bind:value={search} type="text" class="w-full text-black shadow-sm focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm border-gray-300 rounded-md" placeholder="Image Search">
</div>
<Button rounded blue on:click={() => ++num}>Search</Button>
</div>
</div>
<div class="spacing">
{#each num.toString() as d}
<img alt={d} src={`https://shimmie.shishnet.org/ext/home/counters/newcounter/${d}.gif`} />
{/each}
</div>
<div class="spacing">
Serving {new Intl.NumberFormat().format(num)} posts
</div>
</div>
<style>
.heading
{
@apply text-7xl;
-webkit-text-stroke: 0.02em black;
}
ul li { @apply ml-1 mr-1 inline; }
img
{
@apply inline-block text-white md:h-40 h-20;
aspect-ratio: 1/1.66;
}
.section .spacing
{
@apply lg:mt-4 lg:mb-4 md:mt-2 md:mb-2 mt-0 mb-0;
}
.spacing
{
@apply lg:mt-6 lg:mb-6 md:mt-4 md:mb-4 mt-2 mb-2;
}
.main
{
@apply min-h-full flex flex-col items-center justify-center text-center;
min-height: -webkit-fill-available;
}
</style>

6
src/Main/routes/Post.svelte

@ -1,6 +0,0 @@
<script>
export let params = {}
</script>
This is post {params.id}

1
src/Main/routes/error/NotFound.svelte

@ -1 +0,0 @@
<h1>4.0.4</h1>

4
src/pages/posts/[id].svelte

@ -43,8 +43,8 @@
img
{
max-width: 100%;
max-height: 75vh;
width: 50%;
align-self: center;
object-fit: contain;
}
</style>

Loading…
Cancel
Save