riki/treehouse
riki/treehouse
1
Fork 0
Code Issues 33 Activity

version history MVP

Browse source 
implement basic version history support; there's now an icon in the footer that lets you see the previous versions and their sources
I'm a bit worried about spoilers but honestly it's yet another way to hint yourself at the cool secrets so I don't mind
This commit is contained in:
りき萌 2024-09-28 23:43:05 +02:00
parent 46dee56331
commit c58c07d846
28 changed files with 1066 additions and 330 deletions
Download patch file Download diff file Expand all files Collapse all files

60
static/css/main.css
View file

@ -538,12 +538,70 @@ span.badge {
/* Style the footer */
footer {
margin-top: 4rem;
padding-right: 1.75rem;
text-align: right;
opacity: 40%;
display: flex;
flex-direction: row;
&>section:first-child {
flex-grow: 1;
}
&>section:last-child {
flex-shrink: 0;
}
& #version-info {
display: flex;
flex-direction: row;
align-items: center;
justify-content: end;
opacity: 50%;
padding-left: 1.75rem;
transition: var(--transition-duration) opacity;
& .icon-history {
display: inline-block;
width: 24px;
height: 24px;
padding-right: 1.75rem;
background-image: var(--icon-history);
background-repeat: no-repeat;
background-position: 50% 50%;
}
&>ul {
display: flex;
flex-direction: row;
list-style: none;
padding-left: 0;
opacity: 0%;
transition: var(--transition-duration) opacity;
}
&>ul>li:not(:first-child)::before {
content: '·';
text-decoration: none;
display: inline-block;
padding-left: 0.75em;
padding-right: 0.75em;
}
& a {
display: inline-block;
color: var(--text-color);
}
&:hover>ul {
opacity: 100%;
}
}
& #footer-icon {
color: var(--text-color);
padding-right: 1.75rem;
opacity: 40%;
}
}