Some fixes to pages.

This commit is contained in:
g* 2025-06-23 10:40:48 +02:00
commit dbca266e16
7 changed files with 7 additions and 389 deletions

View file

@ -138,6 +138,7 @@ div.footer {
color: var(--primary-colour);
margin-left: 2em;
font-size: max(calc(var(--text-variable-size) * 2), calc(var(--text-min-size) + 2px));
font-family: var(--primary-font);
}
}

View file

@ -1,104 +0,0 @@
@import url(_colours.css);
header,
nav,
footer,
.md-content .md-typeset h1 {
display: none !important;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
html {
min-height: 100vh;
width: 100%;
}
body {
background-color: white;
height: 100%;
font-family: 'Lato', sans-serif;
font-weight: bold;
margin: 0;
padding: 0;
box-sizing: border-box;
}
.md-grid {
max-width: 100vw;
margin: 0;
padding: 0;
}
.md-content__inner {
padding: 0;
margin: 0;
}
.grid-container {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 50px;
min-height: 95vh;
width: 100%;
padding: 0;
}
.column {
position: relative;
width: 100%;
height: auto;
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
transition: all 0.3s ease;
opacity: 0.5;
}
.column:hover {
opacity: 1;
filter: invert(50%);
}
.content {
position: static;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
transition: all 0.3s ease;
color: var(--md-primary-fg-color);
display: flex;
align-items: center;
justify-content: center;
text-align: center;
z-index: 1;
}
.column:hover .content {
opacity: 0;
animation: fadeIn 1s ease-out forwards;
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
div.content>div {
margin: 0;
font-size: 1.5em;
color: var(--md-primary-fg-color);
padding: 8px;
font-size: 1.5em;
}