Resume page done.

This commit is contained in:
g* 2025-06-16 09:25:28 +02:00
commit 67e4a1c3d2
7 changed files with 456 additions and 328 deletions

View file

@ -43,6 +43,35 @@ article.md-content__inner.md-typeset:after {
content: none;
}
.md-typeset figcaption {
font-family: var(--secondary-font);
color: var(--tertiary-colour);
font-size: 0.8em;
font-style: normal;
max-width: none;
}
.vds-title {
font-family: var(--secondary-font);
font-size: 0.8em;
}
/*****************************
* BUTTON
*****************************/
div.button {
font-family: var(--secondary-font);
border-bottom: 3px solid var(--secondary-colour);
width: fit-content;
padding-bottom: 3px;
font-weight: bold;
&:hover {
border-bottom: 3px solid white;
}
}
/*****************************
* HERO TEXT
*****************************/
@ -354,7 +383,7 @@ div.tabbed-block {
}
}
div.tags {
.tags {
font-size: max(9px, 0.8em);
font-style: italic;
color: var(--tertiary-colour);
@ -404,14 +433,53 @@ p.blurb {
}
/* Portfolio */
.grid.cards {
li {
background-color: var(--quarternary-colour);
border: none !important;
border-radius: 5px !important;
box-shadow: none;
padding: 2em !important;
margin: 2em !important;
h6 {
text-transform: initial !important;
span {
margin-right: 3px;
}
}
&:hover {
box-shadow: none !important;
border: none !important;
}
}
}
.writing {
padding: 4em;
h6 {
font-size: max(calc(var(--text-variable-size) + 5px), calc(var(--text-min-size) + 2px));
color: var(--primary-colour);
text-transform: uppercase;
margin-bottom: 8px;
}
p {
font-size: max(calc(var(--text-variable-size) + 3px), var(--text-min-size));
}
}
.two-column {
display: grid;
grid-template-columns: repeat(2, 1fr);
max-width: 1500px;
padding: 20px 20px 20px 0;
width: 100%;
margin: 30px auto;
border-bottom: 1px solid var(--quarternary-colour);
margin: 10px auto;
.column {
display: flex;
@ -436,18 +504,31 @@ p.blurb {
p {
font-size: max(calc(var(--text-variable-size) + 3px), var(--text-min-size));
}
div {
font-family: var(--secondary-font);
}
}
}
}
div.md-typeset__table table {
font-family: var(--secondary-font);
font-size: max(calc(var(--text-variable-size) + 3px), calc(var(--text-min-size) + 2px)) !important;
/* Contact */
thead {
font-weight: bold;
font-size: max(calc(var(--text-variable-size) + 7px), calc(var(--text-min-size) + 2px)) !important;
background-color: var(--quarternary-colour);
div.contact-me {
display: flex;
justify-content: center;
align-items: center;
div.button {
font-size: 1.8em;
text-transform: uppercase;
font-weight: bold !important;
color: var(--tertiary-colour);
&:hover {
border-bottom: 3px solid var(--tertiary-colour);
color: var(--secondary-colour);
}
}
}