better UI
This commit is contained in:
parent
efff960a55
commit
bc6a8bcb25
5 changed files with 25 additions and 14 deletions
|
@ -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{
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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>
|
||||||
unexpected growth
|
<p><i>I am <a href='https://zenoverse.net/'>Onez</a>, a self-taught developer from a young age. Following
|
||||||
of <i>Video Bot Thing</i>, I made this as a home for the video editing community. View the <a
|
the
|
||||||
href='https://codeberg.org/onezDerv/bigly-chat'>source</a> if you want to contribute or make a
|
unexpected growth
|
||||||
fork.</i></p>
|
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' ) { %>
|
<%if (username=='!nobody' ) { %>
|
||||||
<div class="button"><a href="/client/register">Join</a></div>
|
<div class="button"><a href="/client/register">Join</a></div>
|
||||||
<% } %>
|
<% } %>
|
||||||
|
|
|
@ -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>
|
||||||
<% } %>
|
<% } %>
|
Loading…
Reference in a new issue