archive/bigly-video
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

css improvements

Browse source
This commit is contained in:
biglyderv 2024-11-25 14:12:44 -05:00
parent 3929c07717
commit 5b9197bb20
11 changed files with 385 additions and 242 deletions
Download patch file Download diff file Expand all files Collapse all files

15
views/comments.ejs
View file

@ -1,18 +1,19 @@
<form enctype='multipart/form-data' method='POST' action='/api/form/comment'>
<h1>Comments</h1>
<form class='content' enctype='multipart/form-data' method='POST' action='/api/form/comment'>
<h1 class='content-header'>Comments</h1>
<div class='form-message'></div>
<input name='targetId' hidden value='<%= id %>'>
<input name='targetType' hidden value='<%= route %>'>
<textarea name='content'></textarea>
<input type='submit'>
<textarea class='form-input' name='content'></textarea>
<br />
<input class='form-input' type='submit'>
<% for (let comment of comments) { %>
<div class='comment'>
<div class='pfp-wrapper'>
<img src='/pfp/<%= comment.username %>.png' class='avatar'>
<div class='avatar'>
<img src='/pfp/<%= comment.username %>.png' class='avatar-img'>
<div>
<div><b>
<a href='/client/user?id=<%= comment.username %>'>
<a class='link' href='/client/user?id=<%= comment.username %>'>
<%= comment.username %>
</a>
</b></div>

21
views/form.ejs
View file

@ -1,20 +1,19 @@
<%- include('header.ejs') -%>
<form enctype='multipart/form-data' method='POST' action='<%= route %>'>
<form class='form' enctype='multipart/form-data' method='POST' action='<%= route %>'>
<h1>
<%= title %>
</h1>
<div class='form-message'></div>
<% for (let elem of data) { %>
<span class='form-entry'> <span class='form-key'>
<%= elem.label %>
</span>
<% if (elem.type=='textarea' ) { %>
<textarea name='<%= elem.name %>'></textarea>
<% } else { %>
<input type='<%= elem.type %>' name='<%= elem.name %>'>
<span class='form-key'>
<%= elem.label %>
</span>
<% } %>
<% } %>
<input type='Submit' name='Submit'>
<% if (elem.type=='textarea' ) { %>
<textarea class='form-input' name='<%= elem.name %>'></textarea>
<% } else { %>
<input class='form-input' type='<%= elem.type %>' name='<%= elem.name %>'>
<% } %>
<% } %>
<input class='form-input' type='Submit' name='Submit'>
</form>
<%- include('footer.ejs') -%>

12
views/header_block.ejs
View file

@ -1,16 +1,16 @@
<div class='header'>
<img src='/static/img/logo.svg'>
<a href='/'>BiglyChat</a>
<img class="header-img" src="/static/img/logo.svg">
<a class="header-link" href='/'>BiglyChat</a>
<%if (username=='!nobody' ) { %>
<a href="/client/login">Login</a>
<a class="header-link" href="/client/login">Login</a>
<% } else { %>
<a href="/client/user?id=<%= username %>">
<a class="header-link" href="/client/user?id=<%= username %>">
<%= username %>
</a>
<a href="/client/upload">
<a class="header-link" href="/client/upload">
Upload
</a>
<a href="/client/settings">
<a class="header-link" href="/client/settings">
Settings
</a>
<% } %>

31
views/main.ejs
View file

@ -1,19 +1,22 @@
<%- include('header.ejs') -%>
<div class='area'>
<h1>BiglyChat</h1>
<p>Broadcast videos to your fanbase, while you and the owners feel part of the community. No more black box moderation.</p>
<details>
<summary><b>Guidelines</b></summary>
<%- include ('guidelines.ejs') -%>
</details>
<h2>Signing up to upload content</h2>
<%if (username=='!nobody' ) { %>
<div class="button"><a href="/client/register">Create</a></div>
<% } %>
<div class="button"><a href="https://discord.gg/wZ3mg58JMT">Discord Chat</a></div>
<div class="button"><a href="https://git.xuyezo.net/Zuxxied/bigly-chat">Source Code</a></div>
<div class='banner'><img class='banner-background' src='/static/img/bg.svg'>
<div class='banner-content'>
<h1>BiglyChat</h1>
<p>Broadcast videos to your fanbase and be part of the community alongside the owners. No more black box
moderation!</p>
<details>
<summary><b>Guidelines</b></summary>
<%- include ('guidelines.ejs') -%>
</details>
<h2>Uploading content</h2>
<%if (username=='!nobody' ) { %>
<a class='form-button' href="/client/register">Join the Community</a>
<% } %>
<a class='form-button' href="https://discord.gg/wZ3mg58JMT">Discord Chat</a>
<a class='form-button' href="https://git.xuyezo.net/Zuxxied/bigly-chat">Source Code</a>
</div>
</div>
<div class='area'>
<div class='content'>
<h1>Recent Videos</h1>
<div class=' videos'>
<%- include('videos.ejs') -%>

14
views/player.ejs
View file

@ -1,5 +1,5 @@
<%- include('header.ejs') -%>
<div class='area'>
<div class='content'>
<h1>Video</h1>
<div class='video-wrapper'>
<video src='/videos/<%= videoData.id %>.webm'></video>
@ -11,15 +11,15 @@
<div class='full'><img src='/static/img/full.svg' class='dark'></div>
</div>
</div>
<div><b>
<p><b>
<%= videoData.title %>
</b>
</div>
</p>
<div class='pfp-wrapper'>
<img src='/pfp/<%= videoData.username %>.png' class='avatar'>
<div class='avatar'>
<img src='/pfp/<%= videoData.username %>.png' class='avatar-img'>
<div>
Created by <b><a href="/client/user?id=<%= videoData.username %>">
Created by <b><a class='link' href="/client/user?id=<%= videoData.username %>">
@<%= videoData.username %></a></b>
</a> on
<b>
@ -27,7 +27,7 @@
</b>
</div>
</div>
<pre><%= videoData.desc %></pre>
<pre class='form-input'><%= videoData.desc %></pre>
</div>
<%- include('comments.ejs') -%>
<%- include('footer.ejs') -%>

71
views/user.ejs
View file

@ -1,46 +1,43 @@
<%- include('header.ejs') -%>
<form enctype='multipart/form-data' method='POST' action='/api/form/follow'>
<h1>User</h1>
<div class='form-message'></div>
<div class='user'>
<div class='pfp-wrapper'>
<img src='/pfp/<%= id %>.png' class='avatar'>
<form class='banner' enctype='multipart/form-data' method='POST' action='/api/form/follow'>
<img class="banner-background" src="/pfp/<%= id %>.png">
<div class="banner-content">
<h1>User</h1>
<div class='form-message'></div>
<div class='avatar'>
<img src='/pfp/<%= id %>.png' class='avatar-img'>
<div>
<p>
<b>@<%= id %></b>
</p>
<details>
<summary>
<%= following.length %> following
</summary>
<% for (let user of following) { %>
<a href='/client/user?id=<%= user.target %>'>
<%= user.target %>
</a>
<%} %>
</details>
<details>
<summary>
<%= followers.length %> followers
</summary>
<% for (let user of followers) { %>
<a href='/client/user?id=<%= user.username %>'>
<%= user.username %>
</a>
<%} %>
</details>
<input name='target' hidden value="<%= id %>">
<input type='submit' value="Follow">
<b>@<%= id %></b>
<input class='form-input' type='submit' value="Follow">
</div>
</div>
<input name='target' hidden value="<%= id %>">
<pre class='form-input'><%= user[0] ? user[0].bio : 'This user has not set a bio.' %></pre>
<details>
<summary>
<%= following.length %> following
</summary>
<% for (let user of following) { %>
<a class='link' href='/client/user?id=<%= user.target %>'>
<%= user.target %>
</a>
<%} %>
</details>
<details>
<summary>
<%= followers.length %> followers
</summary>
<% for (let user of followers) { %>
<a class='link' href='/client/user?id=<%= user.username %>'>
<%= user.username %>
</a>
<%} %>
</details>
</div>
<pre><%= user[0] ? user[0].bio : 'This user has not set a bio.' %></pre>
</form>
<div class='area'>
<h1>Uploaded Videos</h1>
<div class=' videos'>
<%- include('videos.ejs') -%>
</div>
<h1 class='content-header'>Uploaded Videos</h1>
<div class=' videos'>
<%- include('videos.ejs') -%>
</div>
<%- include('comments.ejs') -%>
<%- include('footer.ejs') -%>