t/tetratto
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

add: icon resolver

Browse source 
add: config "no_track" file list option
add: rainbeam-shared -> tetratto-shared
add: l10n
This commit is contained in:
trisua 2025-03-23 12:31:48 -04:00
parent b6fe2fba37
commit d2ca9e23d3
40 changed files with 1107 additions and 583 deletions
Download patch file Download diff file Expand all files Collapse all files

16
crates/app/src/public/css/style.css
View file

@ -132,9 +132,17 @@ footer {
}
/* typo */
.icon {
color: inherit;
svg.icon {
stroke: currentColor;
width: 18px;
}
svg.icon.filled {
fill: currentColor;
}
button svg {
pointer-events: none;
}
hr {
@ -666,9 +674,7 @@ dialog[open] {
.dropdown .inner button {
width: 100%;
padding: 0.25rem var(--horizontal-padding);
/* transition:
background 0.1s,
transform 0.15s; */
transition: none !important;
text-decoration: none;
display: flex;
align-items: center;

2
crates/app/src/public/html/auth/login.html
View file

@ -1,5 +1,5 @@
{% extends "auth/base.html" %} {% block head %}
<title>🐐 Login</title>
<title>Login</title>
{% endblock %} {% block title %}Login{% endblock %} {% block content %}
<form class="w-full flex flex-col gap-4">
<div class="flex flex-col gap-1">

2
crates/app/src/public/html/auth/register.html
View file

@ -1,5 +1,5 @@
{% extends "auth/base.html" %} {% block head %}
<title>🐐 Register</title>
<title>Register</title>
{% endblock %} {% block title %}Register{% endblock %} {% block content %}
<form class="w-full flex flex-col gap-4" onsubmit="register(event)">
<div class="flex flex-col gap-1">

28
crates/app/src/public/html/macros.html
View file

@ -10,14 +10,17 @@
<a
href="/"
class="button {% if selected == 'home' %}active{% endif %}"
>Home</a
>
{{ icon "house" }}
<span class="desktop">Home</span>
</a>
{% endif %}
</div>
<div class="flex nav_side">
{% if user %}
<div class="dropdown">
<!-- prettier-ignore -->
<button
class="flex-row title"
onclick="trigger('atto::hooks::dropdown', [event])"
@ -25,11 +28,30 @@
style="gap: 0.25rem !important"
>
{{ macros::avatar(username=user.username, size="24px") }}
{{ icon "chevron-down" c(dropdown-arrow) }}
</button>
</div>
{% else %}
<a href="/auth/login" class="button">Login</a>
<a href="/auth/register" class="button">Register</a>
<div class="dropdown">
<button
class="title"
onclick="trigger('atto::hooks::dropdown', [event])"
exclude="dropdown"
>
{{ icon "chevron-down" c(dropdown-arrow) }}
</button>
<div class="inner">
<a href="/auth/login" class="button">
{{ icon "log-in" }}
<span>Login</span>
</a>
<a href="/auth/register" class="button">
{{ icon "user-plus" }}
<span>Register</span>
</a>
</div>
</div>
{% endif %}
</div>
</div>

7
crates/app/src/public/html/root.html
View file

@ -5,6 +5,13 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<meta
http-equiv="content-security-policy"
content="default-src 'self' blob:; img-src * data:; media-src *; font-src *; style-src 'unsafe-inline' 'self' blob: *; script-src 'self' 'unsafe-inline' blob: *; object-src 'self' blob: *; upgrade-insecure-requests; connect-src * localhost; frame-src 'self' blob: data: *"
/>
<link rel="icon" href="/public/favicon.svg" />
<link rel="stylesheet" href="/css/style.css" />
<script src="/js/loader.js"></script>

10
crates/app/src/public/images/default-avatar.svg
View file

@ -1,3 +1,9 @@
<svg width="460" height="460" viewBox="0 0 460 460" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="460" height="460" fill="#C9B1BC"/>
<svg
width="460"
height="460"
viewBox="0 0 460 460"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<rect width="460" height="460" fill="#C9B1BC" />
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 159 B

After

Width:  |  Height:  |  Size: 181 B

Before After
Before After

10
crates/app/src/public/images/default-banner.svg
View file

@ -1,3 +1,9 @@
<svg width="460" height="460" viewBox="0 0 460 460" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="460" height="460" fill="#C9B1BC"/>
<svg
width="1500"
height="350"
viewBox="0 0 1500 350"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<rect width="1500" height="350" fill="#C9B1BC" />
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 159 B

After

Width:  |  Height:  |  Size: 184 B

Before After
Before After

53
crates/app/src/public/images/favicon.svg Normal file
View file

@ -0,0 +1,53 @@
<svg
width="128"
height="128"
viewBox="0 0 128 128"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<rect x="0.5" y="0.5" width="127" height="127" rx="31.5" fill="#E793B9" />
<rect x="0.5" y="0.5" width="127" height="127" rx="31.5" stroke="white" />
<g filter="url(#filter0_d_1073_2)">
<path
d="M54.8535 59.0918V85.1797C53.7155 86.1693 52.194 86.998 50.2891 87.666C48.3841 88.334 46.071 88.668 43.3496 88.668C40.6283 88.668 38.3151 88.0618 36.4102 86.8496C34.2578 85.5384 33.1816 83.6829 33.1816 81.2832V57.3848H24.5352C22.7539 54.8366 21.8633 52.0534 21.8633 49.0352C21.8633 46.9818 22.1849 45.2005 22.8281 43.6914C23.4961 42.1576 24.3125 40.9701 25.2773 40.1289H63.6484C64.3659 41.2422 64.9596 42.5905 65.4297 44.1738C65.8997 45.7572 66.1348 47.3281 66.1348 48.8867C66.1348 51.806 65.4915 53.9583 64.2051 55.3438C62.9186 56.7044 61.1868 57.3848 59.0098 57.3848H48.1367C48.0625 57.5579 48.0254 57.7435 48.0254 57.9414C48.0254 58.3867 48.2852 58.6836 48.8047 58.832C49.349 59.0052 50.5117 59.0918 52.293 59.0918H54.8535ZM102.91 69.6309C102.91 71.4121 103.108 72.847 103.504 73.9355C103.9 75.0241 104.592 75.8776 105.582 76.4961C105.607 76.6198 105.619 76.8548 105.619 77.2012V77.8691C105.619 81.3822 104.555 84.1159 102.428 86.0703C100.548 87.8021 98.222 88.668 95.4512 88.668C93.571 88.668 91.8516 88.2227 90.293 87.332C88.7344 86.4414 87.6211 85.1549 86.9531 83.4727C86.112 83.4727 85.6914 83.8809 85.6914 84.6973C85.6914 85.39 86.1243 86.1693 86.9902 87.0352C85.3822 88.1237 82.9577 88.668 79.7168 88.668C75.14 88.668 71.4785 87.431 68.7324 84.957C66.0111 82.4583 64.6504 78.9824 64.6504 74.5293C64.6504 70.0514 66.0977 66.5879 68.9922 64.1387C71.6393 61.9368 75.0658 60.8359 79.2715 60.8359C80.7064 60.8359 82.0918 60.9349 83.4277 61.1328C84.3184 61.306 84.8008 61.4049 84.875 61.4297C84.9492 61.1823 84.9863 60.972 84.9863 60.7988C84.9863 60.1556 84.4421 59.7227 83.3535 59.5C82.265 59.2773 80.8424 59.166 79.0859 59.166C75.3503 59.166 72.1589 59.9206 69.5117 61.4297C68.2995 59.3763 67.6934 56.7786 67.6934 53.6367C67.6934 51.8555 67.916 50.5319 68.3613 49.666C70.1426 48.8496 72.4062 48.1322 75.1523 47.5137C77.8984 46.8704 80.793 46.5488 83.8359 46.5488C90.1198 46.5488 94.8698 47.9219 98.0859 50.668C101.302 53.4141 102.91 57.3105 102.91 62.3574V69.6309ZM83.6504 71.4492C82.6113 71.4492 82.0918 71.9193 82.0918 72.8594C82.0918 73.75 82.6979 74.1953 83.9102 74.1953C84.7513 74.1953 85.3698 73.9974 85.7656 73.6016C86.1615 73.181 86.3594 72.4635 86.3594 71.4492C86.3594 71.4492 85.4564 71.4492 83.6504 71.4492Z"
fill="white"
/>
</g>
<defs>
<filter
id="filter0_d_1073_2"
x="17.8633"
y="36.1289"
width="91.7559"
height="56.5391"
filterUnits="userSpaceOnUse"
color-interpolation-filters="sRGB"
>
<feFlood flood-opacity="0" result="BackgroundImageFix" />
<feColorMatrix
in="SourceAlpha"
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
result="hardAlpha"
/>
<feOffset />
<feGaussianBlur stdDeviation="2" />
<feComposite in2="hardAlpha" operator="out" />
<feColorMatrix
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"
/>
<feBlend
mode="normal"
in2="BackgroundImageFix"
result="effect1_dropShadow_1073_2"
/>
<feBlend
mode="normal"
in="SourceGraphic"
in2="effect1_dropShadow_1073_2"
result="shape"
/>
</filter>
</defs>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 3.7 KiB