efim
/
some-automoderation
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: semi pretty styling of room

This commit is contained in:
efim 2023-11-27 05:50:14 +00:00
parent 34679b6079
commit 4e5c6b4bd8
4 changed files with 21 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
routes/in.css
View File

@ -40,3 +40,9 @@
translate(var(--r))
rotate(-90deg)
}
.custom-bg {
background-image: url('/static/images/morphing-diamonds.svg'), linear-gradient(to right, #ff7e5f, white);
background-repeat: repeat;
background-position: center, center;
}

12
routes/static/images/morphing-diamonds.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 5.9 KiB

2
routes/templates/base.gohtml
View File

@ -19,7 +19,7 @@
<!-- Place favicon.ico in the root directory -->
</head>
<body class="flex flex-col h-screen" hx-boost="true">
<nav class="bg-yellow-200 flex-none h-14 flex flex-row">
<nav class="custom-bg flex-none h-14 flex flex-row place-content-end items-center shadow">
<p>{{if .Header.Title}} Room name: "{{.Header.Title}}"{{end}}</p>
<a href="https://git.sunshine.industries/efim/some-automoderation">
<img src="/static/images/agplv3-with-text-100x42.png" alt="AGPLv3 Free as in Freedom" title="Link to source code of this program, as required by AGPLv3" />

4
routes/templates/room.gohtml
View File

@ -48,7 +48,7 @@
{{/* This is personal hand controls */}}
{{ if not .Room.IsViewerTheSpeaker }}
{{ block "controls" .Gestures }}
<section id="controls" class="bg-green-300 flex flex-col p-10 gap-y-5"
<section id="controls" class="bg-blue-50 shadow rounded-xl flex flex-col p-10 gap-y-5 m-10"
hx-trigger="sse:become-speaker"
hx-get="/rooms/speakerControls"
hx-swap="outerHTML"
@ -79,7 +79,7 @@
{{ end }}
{{ else }}
{{ block "speakerControls" . }}
<section id="controls" class="bg-blue-100 flex flex-col p-10 gap-y-5"
<section id="controls" class="bg-blue-100 flex flex-col p-10 gap-y-5 rounded-xl m-10"
hx-swap="outerHTML">
<button
hx-get="/rooms/releaseHand"