ayo/threads
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: update links; some styles

Browse source
This commit is contained in:
Ayo Ayco 2024-04-24 15:15:41 +02:00
parent 9f9a55d776
commit 81176fade2
1 changed files with 9 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
templates/threads.html
View file

@ -11,14 +11,13 @@
max-width: 570px; max-width: 570px;
margin: 0 auto; margin: 0 auto;
color: #232323; color: #232323;
padding: 5px;
} }
header, footer { header, footer {
background: linear-gradient(45deg, #3054bf, #416fff); background: linear-gradient(45deg, #3054bf, #416fff);
color: white;
padding: 1em; padding: 1em;
color: white;
border-radius: 5px; border-radius: 5px;
margin: 1em 0;
& a { & a {
color: white; color: white;
} }
@ -34,14 +33,14 @@
ul { ul {
list-style: none; list-style: none;
} }
.card.descendant {
padding-bottom: 1em;
}
.card { .card {
border-bottom: 1px solid rgba(34, 34, 34, 0.15);
margin-left: -40px; margin-left: -40px;
margin-top: 1em; margin-top: 1em;
border: 1px solid rgba(34, 34, 34, 0.35);
border-radius: 5px;
padding:1em;
background-color: #fff; background-color: #fff;
box-shadow: 5px 25px 10px -25px rgba(34, 34, 34, 0.15);
display: grid; display: grid;
grid-template-columns: 55px auto; grid-template-columns: 55px auto;
gap: 5px; gap: 5px;
@ -57,7 +56,7 @@
content: '...' content: '...'
} }
& *:not(.meta, .descendant *) { & *:not(.meta, details, .descendant *) {
margin-bottom: 1em; margin-bottom: 1em;
} }
@ -73,7 +72,7 @@
& a { & a {
font-size: small; font-size: small;
color: #888; color: #555;
} }
& a:hover { & a:hover {
color: blue; color: blue;
@ -94,7 +93,7 @@
<body> <body>
<header> <header>
<h1>Ayo's Threads</h1> <h1>Ayo's Threads</h1>
<p>Some of my favorite threads. See the <a href="https://ayco.io/sh/threads">source code</a>.</p> <p>See the <a href="https://ayco.io/sh/threads">source code</a>. Or <a href="/">go home</a>.</p>
</header> </header>
<main> <main>
<ul> <ul>