added basic pages + task import

This commit is contained in:
2025-01-26 00:53:17 +01:00
parent 6810fc976a
commit cd604e39a0
23 changed files with 425 additions and 6 deletions

View File

@ -0,0 +1,82 @@
:root {
--dark1: #232323;
--dark2: #2f2f2f;
--dark3: #444444;
--dark4: #656565;
--light1: #ffffff;
--light2: #e5e5e5;
--light3: #cccccc;
--light4: #c5c5c5;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
background-color: var(--dark1);
color: var(--light1);
height: 100vh;
display: flex;
flex-direction: column;
font-family: "Segoe UI", system-ui, sans-serif;
font-size: 12pt;
}
header {
background-color: var(--dark2);
font-size: 120%;
}
nav {
display: flex;
}
nav a {
color: var(--light1);
text-decoration: none;
display: grid;
place-items: center;
padding: 1.2em;
transition: background-color 0.2s;
}
nav a.active {
box-shadow: 0 -2px var(--light1) inset;
}
nav a:hover {
background-color: var(--dark3);
}
footer {
background-color: var(--dark2);
min-height: 3em;
}
main {
flex-grow: 1;
display: flex;
flex-direction: column;
padding: 2em;
}
button, input, select {
font-family: inherit;
font-size: inherit;
padding: 0.2em 0.4em;
background-color: var(--light1);
color: var(--dark1);
border: solid var(--dark3) 1px;
border-radius: 4px;
}
button:hover, select:hover {
background-color: var(--light2);
}
button, select {
cursor: pointer;
}

View File

View File

View File

@ -0,0 +1,20 @@
.list {
display: flex;
width: 100%;
max-width: 40em;
align-self: center;
gap: 0.8em;
flex-direction: column;
}
.list li {
display: flex;
padding: 0.8em 1.2em;
marker: none;
gap: 0.8em;
border: solid var(--dark4) 1px;
}
.list li .actions {
margin-left: auto;
}

View File

@ -0,0 +1,24 @@
.projects {
width: 100%;
max-width: 40em;
border-collapse: collapse;
align-self: center;
}
.projects thead {
border-bottom: solid var(--light3) 2px;
}
.projects thead th:not(:first-child) {
border-left: solid var(--light3) 2px;
}
.projects th, .projects td {
text-align: left;
padding: 0.4em 0.8em;
}
.projects tbody tr:nth-child(even) {
background-color: var(--dark2);
}

View File

@ -0,0 +1,8 @@
window.addEventListener("load", () => {
document.querySelectorAll(".projects tbody tr").forEach(row => {
let id = row.dataset.id
row.querySelector("button.see").addEventListener("click", () => {
window.location.href = `${id}/`
})
})
})