Lucifer3/Server
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

very early frontend wip + small fixes.

Browse Source
This commit is contained in:
gisle
2023-01-13 17:24:13 +01:00
parent 842f96d8e3
commit e831c0f342
20 changed files with 5132 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/routes/+page.svelte
+32
View File
@@ -0,0 +1,32 @@
<script lang="ts">
import Lamp from "$lib/components/Lamp.svelte";
import { rgb } from "$lib/models/color";
</script>
<div class="page">
<Lamp title="Hexagon 1" color={rgb(1.000,0.541,0.071)} intensity={0.3} />
<Lamp title="Hexagon 2" color={rgb(1.000,0.541,0.071)} intensity={0.4} />
<Lamp title="Hexagon 3" color={rgb(1.000,0.541,0.071)} intensity={0.5} />
<Lamp title="Hexagon 4" color={rgb(1.000,0.631,0.282)} selected intensity={0.1} />
<Lamp title="Lamp with an equally absurd name" color={rgb(0.500,0.542,1.000)} selected intensity={0.3} />
<Lamp title="Hexagon 5" color={rgb(1.000,0.631,0.282)} selected intensity={0.66} />
<Lamp title="Hexagon 6" color={rgb(1.000,0.700,0.408)} selected intensity={0.92} />
<Lamp title="Hexagon 7" color={rgb(1.000,0.700,0.408)} intensity={1} />
<Lamp title="Hexagon 8" color={rgb(1.000,0.700,0.408)} intensity={0.9} />
<Lamp title="Hexagon 9" color={rgb(1.000,0.700,0.408)} intensity={0.5} />
<Lamp title="Signe Table Lamp 1" color={rgb(0.765,0.820,1.000)} selected intensity={0.79} />
</div>
<style>
div.page {
margin: 0 auto;
width: 100ch;
max-width: 95%;
margin-top: 1em;
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
</style>