zaaarf/upub
1
0
Fork 0
forked from alemi/upub
Code Pull requests Activity
upub/web/index.html

261 lines
5.1 KiB
HTML
Raw Normal View History

feat(web): added simple leptos frontend
2024-04-14 06:45:51 +02:00
<!DOCTYPE html>
<html>
<head>
<title>upub</title>
feat: meta tags and responsive for mobile
2024-04-14 17:14:00 +02:00
<meta charset="utf-8">
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta property="og:type" content="website" />
<meta property="og:title" content="upub">
<meta property="og:description" content="micro social network, federated" />
<meta property="og:url" content="https://feditest.alemi.dev/web" />
<meta property="og:site_name" content="upub" />
feat(web): font, emojis, better spacing
2024-04-17 15:29:25 +02:00
<link rel="preload" href="https://cdn.alemi.dev/web/font/FiraCode-Regular.woff2" as="font" type="font/woff2" crossorigin="anonymous">
<link rel="preload" href="https://cdn.alemi.dev/web/font/FiraCode-Bold.woff2" as="font" type="font/woff2" crossorigin="anonymous">
feat(web): added simple leptos frontend
2024-04-14 06:45:51 +02:00
<link crossorigin rel="stylesheet" href="https://cdn.alemi.dev/web/alemi.css">
<style>
feat: bigger main column
2024-04-15 17:54:39 +02:00
:root {
feat(web): completely overhauled user profile page
2024-04-18 03:34:41 +02:00
--main-col-percentage: 75%;
feat: bigger main column
2024-04-15 17:54:39 +02:00
}
feat(web): font, emojis, better spacing
2024-04-17 15:29:25 +02:00
@font-face {
font-family: 'Fira Code';
font-style: normal;
font-weight: 400;
font-display: swap;
fix(web): font absolute urls
2024-04-18 03:45:05 +02:00
src: url("https://cdn.alemi.dev/web/font/FiraCode-Regular.woff2") format("woff2"), url("https://cdn.alemi.dev/web/font/FiraCode-Regular.woff") format("woff");
feat(web): font, emojis, better spacing
2024-04-17 15:29:25 +02:00
}
@font-face {
font-family: 'Fira Code';
font-style: normal;
font-weight: 800;
font-display: swap;
fix(web): font absolute urls
2024-04-18 03:45:05 +02:00
src: url("https://cdn.alemi.dev/web/font/FiraCode-Bold.woff2") format("woff2"), url("https://cdn.alemi.dev/web/font/FiraCode-Bold.woff") format("woff");
feat(web): font, emojis, better spacing
2024-04-17 15:29:25 +02:00
}
* {
font-family: 'Fira Code', Menlo, DejaVu Sans Mono, Monaco, Consolas, Ubuntu Mono, monospace;
}
feat(web): sticky navbar and post box because of this the whole page now scrolls properly and remembers your scroll position if you use back/forward!
2024-04-17 04:33:34 +02:00
body {
margin: 0;
feat(web): togglable menu, footer
2024-04-17 05:39:45 +02:00
padding-bottom: 1.2em;
feat(web): font, emojis, better spacing
2024-04-17 15:29:25 +02:00
font-size: 11pt;
feat(web): sticky navbar and post box because of this the whole page now scrolls properly and remembers your scroll position if you use back/forward!
2024-04-17 04:33:34 +02:00
}
nav {
feat(web): completely overhauled user profile page
2024-04-18 03:34:41 +02:00
z-index: 90;
feat(web): sticky navbar and post box because of this the whole page now scrolls properly and remembers your scroll position if you use back/forward!
2024-04-17 04:33:34 +02:00
top: 0;
position: sticky;
padding-top: .05em;
feat(web): togglable menu, footer
2024-04-17 05:39:45 +02:00
background-color: var(--background);
}
footer {
width: 100%;
position: fixed;
bottom: 0;
background-color: var(--background);
text-align: center;
padding-bottom: 0;
line-height: 1rem;
}
feat(web): more compact, breadcrumbs, tl cleaning
2024-04-17 21:10:20 +02:00
main {
margin: 0em 1em;
}
fix: break words too long
2024-04-22 15:37:43 +02:00
blockquote {
margin-left: .5em;
padding-left: .5em;
margin-top: 0;
margin-bottom: 0;
overflow-wrap: break-word;
hyphens: auto;
}
feat(web): completely overhauled user profile page
2024-04-18 03:34:41 +02:00
blockquote.tl {
feat(web): better post view on timeline i really need to refactor this is getting out of hand
2024-04-17 07:29:56 +02:00
margin-left: 1.25em;
feat(web): completely overhauled user profile page
2024-04-18 03:34:41 +02:00
padding-left: .3em;
}
blockquote.tl p {
margin: 0 .5em;
}
feat(web): togglable menu, footer
2024-04-17 05:39:45 +02:00
span.footer {
padding: .1em;
font-size: .6em;
color: var(--secondary);
feat(web): sticky navbar and post box because of this the whole page now scrolls properly and remembers your scroll position if you use back/forward!
2024-04-17 04:33:34 +02:00
}
feat(web): togglable menu, footer
2024-04-17 05:39:45 +02:00
hr.sep {
feat(web): completely overhauled user profile page
2024-04-18 03:34:41 +02:00
z-index: 100;
feat(web): sticky navbar and post box because of this the whole page now scrolls properly and remembers your scroll position if you use back/forward!
2024-04-17 04:33:34 +02:00
margin-top: 0;
padding-top: 0;
feat(web): togglable menu, footer
2024-04-17 05:39:45 +02:00
margin-bottom: 0;
padding-bottom: 0;
feat(web): sticky navbar and post box because of this the whole page now scrolls properly and remembers your scroll position if you use back/forward!
2024-04-17 04:33:34 +02:00
border: 1px solid #bf616a70;
top: 1.65rem;
position: sticky;
}
div.sticky {
feat(web): completely overhauled user profile page
2024-04-18 03:34:41 +02:00
z-index: 100;
feat(web): more compact, breadcrumbs, tl cleaning
2024-04-17 21:10:20 +02:00
top: 2rem;
feat(web): sticky navbar and post box because of this the whole page now scrolls properly and remembers your scroll position if you use back/forward!
2024-04-17 04:33:34 +02:00
position: sticky;
feat(web): togglable menu, footer
2024-04-17 05:39:45 +02:00
background-color: var(--background);
feat(web): more compact, breadcrumbs, tl cleaning
2024-04-17 21:10:20 +02:00
}
@media screen and (max-width: 786px) {
div.sticky {
top: 1.75rem;
padding-top: .25rem;
}
feat(web): sticky navbar and post box because of this the whole page now scrolls properly and remembers your scroll position if you use back/forward!
2024-04-17 04:33:34 +02:00
}
fix: title is also link
2024-04-15 18:22:16 +02:00
a.upub-title {
color: var(--primary);
text-decoration: none;
}
a.upub-title:hover {
text-decoration: underline;
}
fix(web): more consistent link hovering
2024-04-17 05:59:10 +02:00
a.hover {
text-decoration: none;
}
feat(web): show posts inline, better activity ui
2024-04-16 07:34:16 +02:00
a.hover:hover {
text-decoration: underline;
}
feat(web): more compact, breadcrumbs, tl cleaning
2024-04-17 21:10:20 +02:00
a.breadcrumb {
text-decoration: none;
color: var(--secondary);
}
a.breadcrumb:hover {
font-weight: bold;
color: var(--primary);
}
feat(web): completely overhauled user profile page
2024-04-18 03:34:41 +02:00
b.big {
font-size: 18pt;
}
div.banner {
margin-top: .3em;
outline: .3em solid #bf616a55;
}
div.overlap {
position: relative;
bottom: 3em;
}
feat(web): added simple leptos frontend
2024-04-14 06:45:51 +02:00
img.avatar-circle {
display: inline;
border-radius: 50%;
}
feat(web): completely overhauled user profile page
2024-04-18 03:34:41 +02:00
img.avatar-border {
background-color: var(--background);
border: .3em solid #BF616A;
}
feat(web): better activity/object display, refactor
2024-04-21 17:43:36 +02:00
img.avatar-inline {
display: inline;
height: .75em;
border-radius: 50%;
}
feat(web): completely overhauled user profile page
2024-04-18 03:34:41 +02:00
img.inline-avatar {
max-height: 2em;
}
feat(web): show audio, video and generic attachments not only images anymore!!!
2024-04-29 02:33:21 +02:00
p.box {
border: 3px solid #bf616a;
width: 100%;
}
p.cursor {
cursor: pointer;
}
video.attachment {
height: 10em;
}
feat: show attachments, initial work on threads
2024-04-22 01:01:20 +02:00
img.attachment {
feat(web): expandable images is it sustainable to create a signal for each image? we'll find out!
2024-04-24 04:58:46 +02:00
cursor: pointer;
feat(web): added CWs, better images
2024-04-23 23:28:19 +02:00
height: 10em;
width: 100%;
feat(web): show audio, video and generic attachments not only images anymore!!!
2024-04-29 02:33:21 +02:00
border: 3px solid #bf616a;
feat: show attachments, initial work on threads
2024-04-22 01:01:20 +02:00
padding: 5px;
feat(web): added CWs, better images
2024-04-23 23:28:19 +02:00
object-fit: cover;
feat: show attachments, initial work on threads
2024-04-22 01:01:20 +02:00
}
feat(web): show audio, video and generic attachments not only images anymore!!!
2024-04-29 02:33:21 +02:00
img.expand,
video.expand {
feat(web): expandable images is it sustainable to create a signal for each image? we'll find out!
2024-04-24 04:58:46 +02:00
height: unset;
feat(web): show audio, video and generic attachments not only images anymore!!!
2024-04-29 02:33:21 +02:00
max-height: 55vh;
feat(web): expandable images is it sustainable to create a signal for each image? we'll find out!
2024-04-24 04:58:46 +02:00
object-fit: contain;
}
feat: reworked timelines to be persistent a lot of work on uris, fetching, concurrency and caching. now timelines persist and should behave appropriately with your logins! there are still some weird edge cases but all around i think it's pretty solid and also quite nice!!
2024-04-16 06:34:50 +02:00
div.tl-header {
background-color: #bf616a55;
color: #bf616a;
}
feat(web): show audio, video and generic attachments not only images anymore!!!
2024-04-29 02:33:21 +02:00
p.tiny-text {
line-height: .75em;
}
feat(web): show posts inline, better activity ui
2024-04-16 07:34:16 +02:00
table.post-table {
border-collapse: collapse;
}
feat(web): togglable menu, footer
2024-04-17 05:39:45 +02:00
table p {
feat(web): more compact and consistent timeline
2024-04-17 07:19:50 +02:00
margin: .25em 1em;
feat(web): show posts inline, better activity ui
2024-04-16 07:34:16 +02:00
}
feat(web): togglable menu, footer
2024-04-17 05:39:45 +02:00
tr.post-table,
feat(web): show posts inline, better activity ui
2024-04-16 07:34:16 +02:00
td.post-table {
border: 1px dashed #bf616a;
feat(web): more compact and consistent timeline
2024-04-17 07:19:50 +02:00
padding: .5em;
feat(web): show posts inline, better activity ui
2024-04-16 07:34:16 +02:00
}
feat(web): added simple leptos frontend
2024-04-14 06:45:51 +02:00
td.top {
vertical-align: top;
}
feat(web): completely overhauled user profile page
2024-04-18 03:34:41 +02:00
td.bottom {
vertical-align: bottom;
}
feat(web): added CWs, better images
2024-04-23 23:28:19 +02:00
details>summary::marker {
display: none;
}
details>summary {
list-style: none;
cursor: pointer;
}
details>summary:hover {
font-weight: bold;
}
code.cw {
display: block;
}
feat(web): added simple leptos frontend
2024-04-14 06:45:51 +02:00
input[type="submit"].active {
background-color: var(--accent);
border-color: var(--accent);
color: var(--background);
cursor: pointer;
}
fix(web): img max width, slim activity header
2024-04-22 03:31:51 +02:00
.ml-1-r {
margin-left: 1em;
}
fix(web): slightly better spacings for mobile
2024-04-22 03:45:30 +02:00
.depth-r {
margin-left: 1em;
}
feat(web): font, emojis, better spacing
2024-04-17 15:29:25 +02:00
@media screen and (max-width: 786px) {
fix(web): slightly better spacings for mobile
2024-04-22 03:45:30 +02:00
.depth-r {
margin-left: .25em;
}
fix(web): img max width, slim activity header
2024-04-22 03:31:51 +02:00
.ml-1-r {
margin-left: 0;
}
feat(web): font, emojis, better spacing
2024-04-17 15:29:25 +02:00
.hidden-on-mobile {
display: none;
}
main {
margin: 0;
}
}
@media screen and (max-width: 400px) {
.hidden-on-tiny {
display: none;
}
}
span.emoji {
color: transparent;
text-shadow: 0 0 0 var(--secondary);
}
feat(web): added simple leptos frontend
2024-04-14 06:45:51 +02:00
</style>
</head>
feat: meta tags and responsive for mobile
2024-04-14 17:14:00 +02:00
</head>
feat(web): added simple leptos frontend
2024-04-14 06:45:51 +02:00
<body>
</body>
</html>
Copy permalink