Icons and template updates

FossilOrigin-Name: 940f5314e2f0ee2d57a65e89726a0e1b15b522d947b3ff6430ac4c7ade52e840
This commit is contained in:
nekobit 2022-07-09 03:42:11 +00:00
parent 708ac7b023
commit 6a8802adae
7 changed files with 50 additions and 9 deletions

1
dist/svg/globe.svg vendored Normal file
View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-globe"><circle cx="12" cy="12" r="10"></circle><line x1="2" y1="12" x2="22" y2="12"></line><path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"></path></svg>

After

Width:  |  Height:  |  Size: 409 B

1
dist/svg/lock.svg vendored Normal file
View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="11" width="18" height="11" rx="2" ry="2"></rect><path d="M7 11V7a5 5 0 0 1 10 0v4"></path></svg>

After

Width:  |  Height:  |  Size: 287 B

1
dist/svg/rotate-right.svg vendored Normal file
View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21.5 2v6h-6M21.34 15.57a10 10 0 1 1-.57-8.38"/></svg>

After

Width:  |  Height:  |  Size: 239 B

1
dist/svg/unlock.svg vendored Normal file
View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="11" width="18" height="11" rx="2" ry="2"></rect><path d="M7 11V7a5 5 0 0 1 9.9-1"></path></svg>

After

Width:  |  Height:  |  Size: 286 B

14
dist/treebird.css vendored
View file

@ -4,25 +4,25 @@
padding: 0;
}
html, body
body
{
margin: 5px;
padding: 0;
margin-bottom: 40px;
margin-top: 10px;
}
html
{
height: 100%;
background-attachment: fixed !important;
background-size: cover !important;
background-color: unset !important;
background-color: #eee;
}
body
{
background-attachment: fixed;
background-size: cover;
background-color: unset;
font-family: sans-serif, Arial, Helvetica;
color: #040404;
height: 100%;
}
/* Basic elements */

View file

@ -1,5 +1,5 @@
<!DOCTYPE html>
<html>
<html {{ %s : background_url }}>
<head>
<meta charset="utf-8">
<title>{{ %s : title }}</title>
@ -9,7 +9,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="{{ %s : title }} is a decentralized social media platform">
</head>
<body {{ %s : background_url }}>
<body>
<div id="main-page">
<header id="navbar">
<label for="leftbar-show">

View file

@ -12,6 +12,43 @@
<option value="local">Local</option>
<!-- TODO generate lists -->
</select>
<div class="post-group">
<!-- Local -->
<label for="vis-check-local">
<input type="checkbox" id="vis-check-local" name="visibility" value="local" class="hidden">
<div class="visibility-icon vis-local">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 9v11a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V9"/><path d="M9 22V12h6v10M2 10.6L12 2l10 8.6"/></svg>
</div>
</label>
<!-- Direct -->
<label for="vis-check-direct">
<input type="checkbox" id="vis-check-direct" name="visibility" value="direct" class="hidden">
<div class="visibility-icon vis-direct">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path><polyline points="22,6 12,13 2,6"></polyline></svg>
</div>
</label>
<!-- Private -->
<label for="vis-check-private">
<input type="checkbox" id="vis-check-private" name="visibility" value="private" class="hidden">
<div class="visibility-icon vis-private">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="11" width="18" height="11" rx="2" ry="2"></rect><path d="M7 11V7a5 5 0 0 1 10 0v4"></path></svg>
</div>
</label>
<!-- Unlisted -->
<label for="vis-check-unlisted">
<div class="visibility-icon vis-unlisted">
<input type="checkbox" id="vis-check-unlisted" name="visibility" value="public" class="hidden">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="11" width="18" height="11" rx="2" ry="2"></rect><path d="M7 11V7a5 5 0 0 1 9.9-1"></path></svg>
</div>
</label>
<!-- Public -->
<label for="vis-check-public">
<div class="visibility-icon vis-public">
<input type="checkbox" id="vis-check-public" name="visibility" value="" class="hidden">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="2" y1="12" x2="22" y2="12"></line><path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"></path></svg>
</div>
</label>
</div>
<input type="file" name="file" tabindex="4" multiple>
</div>
<div class="statusfooter-right">