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

View file

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

View file

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

View file

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

View file

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