Bones of a Twitter section
Copied over the templates from blog/ and set up permalinks. Drew some bespoke star and retweet icons. Wrote a script to import data from the archive.
This commit is contained in:
parent
16f96558cc
commit
cac32298b8
10 changed files with 362 additions and 0 deletions
49
assets/styles/twitter.css
Normal file
49
assets/styles/twitter.css
Normal file
|
@ -0,0 +1,49 @@
|
|||
:root {
|
||||
--tweet-separator-color: rgb(var(--lt-gray));
|
||||
}
|
||||
|
||||
article.tweet {
|
||||
border: 1px solid var(--tweet-separator-color);
|
||||
border-radius: 6px;
|
||||
padding: 4rem;
|
||||
}
|
||||
|
||||
ul.tweets {
|
||||
list-style-type: none;
|
||||
margin-inline-start: 0;
|
||||
}
|
||||
|
||||
li.tweet {
|
||||
border-bottom: 1px solid var(--tweet-separator-color);
|
||||
margin: 0;
|
||||
padding-block: 2rem;
|
||||
}
|
||||
|
||||
li.tweet:first-of-type {
|
||||
border-top: 1px solid var(--tweet-separator-color);
|
||||
}
|
||||
|
||||
.metadata {
|
||||
display: flex;
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
margin-block-start: 1rem;
|
||||
}
|
||||
|
||||
.metadata .timestamp {
|
||||
color: rgb(var(--mid-gray));
|
||||
font-size: 90%;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.metadata :is(.rt, .fav) {
|
||||
gap: 0.5rem;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.metadata .rt img {
|
||||
position: relative;
|
||||
top: 1px;
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue