better UI

This commit is contained in:
biglyderv 2024-09-19 18:18:44 -04:00
parent efff960a55
commit bc6a8bcb25
No known key found for this signature in database
GPG key ID: 33AC87E9ACE66954
5 changed files with 25 additions and 14 deletions

View file

@ -1,7 +1,6 @@
/* https://git.zenoverse.net/bigly-archive/auth-thing/raw/branch/main/src/routes/+layout.svelte */
body {
height: 100vh;
width: 100vw;
margin-top: 0px;
display: flex;
@ -56,7 +55,8 @@ form span {
.area,
form {
width: 700px;
width: 900px;
max-width: 90vw;
}
form {
@ -117,13 +117,19 @@ video {
}
.video img {
width: 190px;
margin-left: 5px;
}
.video {
width: 200px;
height: 200px;
}
.videos {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-around;
}
.videos a{

View file

@ -4,6 +4,7 @@
<head>
<script src='/static/main.js'></script>
<link rel='stylesheet' href='/static/main.css'>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>

View file

@ -1,5 +1,5 @@
<div class='header'>
<img src='/static/img/logo.svg'>
<img src='/static/img/logo.svgg'>
<a href='/'>BiglyChat</a>
<%if (username=='!nobody' ) { %>
<a href="/client/login">Login</a>

View file

@ -1,13 +1,17 @@
<%- include('header.ejs') -%>
<div class='area'>
<h1>BiglyChat</h1>
<p><b>Collab on videos... make creative animations... and more!</b></p>
<h2>About</h2>
<p><i>I am <a href='https://zenoverse.net/'>Onez</a>, a self-taught developer from a young age. Following the
unexpected growth
of <i>Video Bot Thing</i>, I made this as a home for the video editing community. View the <a
href='https://codeberg.org/onezDerv/bigly-chat'>source</a> if you want to contribute or make a
fork.</i></p>
<p><i>Collab on videos... make creative animations... and more!</i></p>
<details>
<summary><b>About</b></summary>
<p><i>I am <a href='https://zenoverse.net/'>Onez</a>, a self-taught developer from a young age. Following
the
unexpected growth
of <i>Video Bot Thing</i>, I made this as a home for the video editing community. View the <a
href='https://codeberg.org/onezDerv/bigly-chat'>source</a> if you want to contribute or make a
fork.</i></p>
</details>
<%if (username=='!nobody' ) { %>
<div class="button"><a href="/client/register">Join</a></div>
<% } %>

View file

@ -1,6 +1,6 @@
<%for (videoData of videos) { %>
<a href='/client/video?id=<%= videoData.id %>'>
<div class='video'>
<div class='video'>
<a href='/client/video?id=<%= videoData.id %>'>
<img src='/videos/<%= videoData.id %>.png'>
<div><b>
<%= videoData.title %>
@ -9,6 +9,6 @@
<div>by <a href="/client/user?id=<%= videoData.username %>">
<%= videoData.username %>
</a></div>
</div>
</a>
</a>
</div>
<% } %>