diff options
Diffstat (limited to 'ui/src/routes/+layout.svelte')
| -rw-r--r-- | ui/src/routes/+layout.svelte | 148 |
1 files changed, 0 insertions, 148 deletions
diff --git a/ui/src/routes/+layout.svelte b/ui/src/routes/+layout.svelte deleted file mode 100644 index 4f83f18..0000000 --- a/ui/src/routes/+layout.svelte +++ /dev/null @@ -1,148 +0,0 @@ -<script> - import { browser } from '$app/environment'; - const loggedIn = browser ? window.localStorage.getItem('loggedIn') === "true": false -</script> -<body> - <nav> - <a href="/">Home</a> - {#if loggedIn } - | - <a href="/new">New</a> - <a href="/api/v1/logout" class="nav-right">Logout</a> - {:else} - <a href="/login" class="nav-right">Login</a> - {/if} - </nav> - - - <div class="container"> - <slot></slot> - </div> -</body> - -<style> -nav { - border-bottom: 3px solid #000; - padding-bottom: 10px; -} -.nav-right { - display: block; - float: right; -} -a { - text-decoration: none; - color: #268bd2; -} -a:visited { - color: #d22653; - /* - * Previous colors: - * #aa26d2; - * #888; - */ -} -a:hover { - text-decoration: underline; -} - -code { - /* color: #9672d5; */ - color: #222; - /* background-color: #ff000020; */ - /* padding: 2px; */ - border: 1px solid; - padding: 2px; - font-size: .8em; - font-family: "Roboto Mono", "Monaco", "Lucida Console", "DejaVu Sans Mono", "monospace"; -} - -pre code, textarea { - color: #000; - background-color: #FFFFEA; - display: block; - padding: 10px; - border: 1px solid; - line-height: 1.1; - overflow: auto; -} - -.code { - color: #000; - background-color: #FFFFEA; - display: block; - padding: 10px; - border: 1px solid; - line-height: 1.1; - overflow: auto; - border: 1px solid; - padding: 2px; - font-size: .8em; - font-family: "Roboto Mono", "Monaco", "Lucida Console", "DejaVu Sans Mono", "monospace"; -} - -textarea { - width: 100%; -} - -blockquote { - border-left: 4px solid #aaa; - padding-left: 1em; -} - -/* - * The following was shamelessly ripped from: - * http://bettermotherfuckingwebsite.com/ - * And subsequently modified to suit my needs - */ - -body { - margin: 40px auto; - max-width: 80%; - line-height: 1.6; - font-size: 1em; - color: #444; - padding: 0 10px; - /* Added because some browsers don't default to white */ - background-color: #fff; -} - -img { - width: 100%; - height: auto; -} - -h1,h2,h3 { - line-height: 1.2 -} - -@media screen and (min-width: 960px) { - body { - max-width: 768px; - } -} - -@media print { - .hide-print { display: none; } - nav { - display: none; - } - body { - background-color: transparent; - line-height: 1; - font-size: 10pt; - /* margin: 5px auto; */ - margin: 5px 5px 5px 5px; - max-width: 100%; - } - - pre code { - color: #000; - background-color: inherit; - display: block; - padding: 10px; - border: none; - } - -} - -</style> |
