BuboBubo/topos
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add hypothetical folder for Topos V2

Browse Source
This commit is contained in:
Raphaël Forment
2024-04-19 20:13:37 +02:00
parent cee061a100
commit 13cf95b71e
30 changed files with 8380 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
topos-svelte/src/app.css Normal file
View File

@ -0,0 +1,29 @@
@tailwind base;
@tailwind components;
@tailwind utilities;
@layer base {
:root {
--black: 40 42 54;
--red: 68 71 90;
--green: 248 248 242;
--yellow: 98 114 164;
--blue: 139 233 253;
--magenta: 80 250 123;
--cyan: 255 184 108;
--white: 255 121 198;
--brightblack: 189 147 249;
--brightred: 255 85 85;
--brightgreen: 241 250 140;
--brightyellow: 139 233 253;
--brightblue: 80 250 123;
--brightmagenta: 255 184 108;
--brightcyan: 255 121 198;
--brightwhite: 189 147 249;
--background: 40 42 54;
--selection_foreground: 68 71 90;
--cursor: 139 233 253;
--foreground: 248 248 242;
--selection_background: 189 147 249;
}
}

13
topos-svelte/src/app.d.ts vendored Normal file
View File

@ -0,0 +1,13 @@
// See https://kit.svelte.dev/docs/types#app
// for information about these interfaces
declare global {
namespace App {
// interface Error {}
// interface Locals {}
// interface PageData {}
// interface PageState {}
// interface Platform {}
}
}
export {};

12
topos-svelte/src/app.html Normal file
View File

@ -0,0 +1,12 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<link rel="icon" href="%sveltekit.assets%/favicon.png" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
%sveltekit.head%
</head>
<body data-sveltekit-preload-data="hover">
<div style="display: contents">%sveltekit.body%</div>
</body>
</html>

7
topos-svelte/src/index.test.ts Normal file
View File

@ -0,0 +1,7 @@
import { describe, it, expect } from 'vitest';
describe('sum test', () => {
it('adds 1 + 2 to equal 3', () => {
expect(1 + 2).toBe(3);
});
});

2
topos-svelte/src/lib/components/Editor.svelte Normal file
View File

@ -0,0 +1,2 @@
<script lang="ts">
</script>

88
topos-svelte/src/lib/components/Header.svelte Normal file
View File

@ -0,0 +1,88 @@
<script>
import topos_frog from '$lib/images/topos_frog.svg';
</script>
<header class="py-0 block">
<div id="topbar" class="mx-auto flex flex-wrap pl-2 py-1 flex-row items-center bg-background">
<a class="flex title-font font-medium items-center mb-0">
<img
src={topos_frog}
class="w-12 h-12 text-selection_foreground p-2 rounded-full bg-foreground"
alt="Topos Frog Logo"
/>
<input
class="hidden transparent xl:block ml-4 text-2xl bg-background text-brightwhite placeholder-brightwhite"
type="text"
placeholder="Topos"
/>
</a>
<nav class="py-2 flex flex-wrap items-center text-base absolute right-0">
<!-- Play Button -->
<a title="Play button (Ctrl+P)" id="play-button-1" class="bar_button">
<svg class="w-7 h-7" fill="currentColor" viewBox="0 0 14 16">
<path
d="M0 .984v14.032a1 1 0 0 0 1.506.845l12.006-7.016a.974.974 0 0 0 0-1.69L1.506.139A1 1 0 0 0 0 .984Z"
/>
</svg>
<p class="hidden lg:block text-xl pl-2 inline-block">Play</p>
</a>
<!-- Stop Button -->
<a title="Stop button (Ctrl+R)" id="stop-button-1" class="bar_button">
<svg class="w-7 h-7" fill="currentColor" viewBox="0 0 20 20">
<path d="M10 .5a9.5 9.5 0 1 0 9.5 9.5A9.51 9.51 0 0 0 10 .5Z" />
<rect x="6.5" y="6.5" width="7" height="7" fill="selection_background" rx="1" ry="1" />
</svg>
<p class="hidden lg:block text-xl pl-2 inline-block">Stop</p>
</a>
<!-- Eval Button -->
<a title="Eval button (Ctrl+Enter)" id="eval-button-1" class="bar_button">
<svg class="w-7 h-7" fill="none" viewBox="0 0 18 20">
<path
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
d="M16 1v5h-5M2 19v-5h5m10-4a8 8 0 0 1-14.947 3.97M1 10a8 8 0 0 1 14.947-3.97"
/>
</svg>
<p class="hidden lg:block text-xl pl-2 inline-block">Eval</p>
</a>
<!-- Clear Button -->
<a title="Clear button" id="clear-button-1" class="bar_button">
<svg class="w-7 h-7" fill="currentColor" viewBox="0 0 18 20">
<path
d="M17 4h-4V2a2 2 0 0 0-2-2H7a2 2 0 0 0-2 2v2H1a1 1 0 0 0 0 2h1v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V6h1a1 1 0 1 0 0-2ZM7 2h4v2H7V2Zm1 14a1 1 0 1 1-2 0V8a1 1 0 0 1 2 0v8Zm4 0a1 1 0 0 1-2 0V8a1 1 0 0 1 2 0v8Z"
/>
</svg>
<p class="hidden lg:block text-xl pl-2 inline-block">Clear</p>
</a>
<!-- Share Button -->
<a title="Share button" id="share-button" class="bar_button">
<svg class="w-7 h-7" fill="none" viewBox="0 0 19 19">
<path
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
d="M11.013 7.962a3.519 3.519 0 0 0-4.975 0l-3.554 3.554a3.518 3.518 0 0 0 4.975 4.975l.461-.46m-.461-4.515a3.518 3.518 0 0 0 4.975 0l3.553-3.554a3.518 3.518 0 0 0-4.974-4.975L10.3 3.7"
/>
</svg>
<p class="hidden lg:block text-xl pl-2 inline-block">Share</p>
</a>
<!-- Docs Button -->
<a title="Open Documentation (Ctrl+D)" id="doc-button-1" class="bar_button">
<svg class="w-7 h-7" fill="currentColor" viewBox="0 0 20 20">
<path
d="M10 .5a9.5 9.5 0 1 0 9.5 9.5A9.51 9.51 0 0 0 10 .5ZM9.5 4a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3ZM12 15H8a1 1 0 0 1 0-2h1v-3H8a1 1 0 0 1 0-2h2a1 1 0 0 1 1 1v4h1a1 1 0 0 1 0 2Z"
/>
</svg>
<p class="hidden lg:block text-xl pl-2 inline-block">Docs</p>
</a>
</nav>
</div>
</header>

2
topos-svelte/src/lib/components/Sidebar.svelte Normal file
View File

@ -0,0 +1,2 @@
<script lang="ts">
</script>

2932
topos-svelte/src/lib/images/topos_frog.svg Normal file
View File

File diff suppressed because it is too large Load Diff
Side by Side

After

Width:  |  Height:  |  Size: 207 KiB

1
topos-svelte/src/lib/index.ts Normal file
View File

@ -0,0 +1 @@
// place files you want to import through the `$lib` alias in this folder.

5
topos-svelte/src/routes/+layout.svelte Normal file
View File

@ -0,0 +1,5 @@
<script>
import '../app.css';
</script>
<slot />

13
topos-svelte/src/routes/+page.svelte Normal file
View File

@ -0,0 +1,13 @@
<script>
import Header from '$lib/components/Header.svelte';
import Sidebar from '$lib/components/Sidebar.svelte';
import Editor from '$lib/components/Editor.svelte';
</script>
<div class="app-container">
<Header />
<div class="flex">
<Sidebar />
<Editor />
</div>
</div>

5
topos-svelte/src/routes/documentation/+page.svelte Normal file
View File

@ -0,0 +1,5 @@
<script lang="ts">
</script>
<h1>Documentation</h1>