the home site for me: also iteration 3 or 4 of my site

chore: remove unused css

Changed files
-703
static
-140
static/css/style.css
···
-
#nav-bar {
-
padding: 0.625rem 0 0 0;
-
display: flex;
-
flex-direction: row;
-
gap: 0.25rem;
-
flex-wrap: wrap;
-
justify-content: flex-end;
-
align-items: center;
-
align-content: flex-end;
-
}
-
-
#footer-container {
-
display: flex;
-
flex-wrap: wrap;
-
justify-content: space-between;
-
align-items: center;
-
}
-
-
.accent-data {
-
color: var(--accent);
-
}
-
-
.theme-transition {
-
transition: color 0.3s ease, background-color 0.3s ease;
-
}
-
-
.tags-data {
-
display: flex;
-
flex-direction: column;
-
flex-wrap: wrap;
-
justify-content: flex-end;
-
align-items: flex-start;
-
align-content: flex-end;
-
}
-
-
.title-list li {
-
margin-bottom: 0.375rem;
-
}
-
-
/* icons settings */
-
.icons {
-
width: 1.3rem;
-
height: 1.3rem;
-
aspect-ratio: 1/1;
-
display: inline-block;
-
vertical-align: middle;
-
color: var(--text);
-
fill: var(--text);
-
background-color: transparent;
-
cursor: pointer;
-
}
-
-
.icons:hover {
-
background-color: transparent;
-
color: var(--accent);
-
}
-
-
/* footnotes */
-
.footnote-definition {
-
margin: 0 0 0 0.125rem;
-
}
-
-
.footnote-definition-label {
-
color: var(--accent);
-
}
-
-
.footnote-definition p {
-
display: inline;
-
margin: 0.625rem 0 0 0.625rem;
-
}
-
-
/* general classes */
-
.no-style {
-
padding: 0;
-
margin: 0;
-
border: none;
-
border-radius: 0;
-
}
-
-
.no-style:hover {
-
background-color: transparent;
-
color: var(--accent);
-
}
-
-
.center {
-
text-align: center;
-
}
-
-
.center img {
-
display: block;
-
margin: 1rem auto;
-
}
-
-
.float-right {
-
float: right;
-
}
-
-
.float-left {
-
float: left;
-
}
-
-
div code,
-
li code,
-
p code {
-
color: var(--text);
-
background-color: var(--bg-light);
-
}
-
-
pre {
-
border-top-left-radius: 0;
-
}
-
-
blockquote {
-
padding-top: 0.2rem;
-
padding-bottom: 0.2rem;
-
}
-
-
blockquote:has(+ pre) {
-
display: inline-block;
-
border: none;
-
font-family: "code" !important;
-
font-size: 0.8rem;
-
font-weight: 600;
-
margin: 0;
-
margin-bottom: 0.2rem;
-
margin-block: 0 0;
-
border-top-left-radius: 5px;
-
border-top-right-radius: 5px;
-
padding-left: 0.75rem;
-
padding-right: 0.75rem;
-
padding-top: 0.25rem;
-
padding-bottom: 0.25rem;
-
position: relative;
-
background-color: var(--accent);
-
}
-
-
blockquote:has(+ pre) p {
-
margin: 0;
-
color: var(--accent-text);
-
}
-563
static/css/syntax-theme.css
···
-
/*
-
* theme "Catppuccin" generated by syntect
-
*/
-
-
html[data-theme="light"] .z-code {
-
color: #4c4f69;
-
background-color: #f3f2f2;
-
}
-
-
html[data-theme="light"] .z-comment {
-
color: #9ca0b0;
-
font-style: italic;
-
}
-
html[data-theme="light"] .z-string {
-
color: #40a02b;
-
}
-
html[data-theme="light"] .z-string.z-regexp {
-
color: #fe640b;
-
}
-
html[data-theme="light"] .z-constant.z-numeric {
-
color: #fe640b;
-
}
-
html[data-theme="light"] .z-constant.z-language.z-boolean {
-
color: #fe640b;
-
font-weight: bold;
-
font-style: italic;
-
}
-
html[data-theme="light"] .z-constant.z-language {
-
color: #7287fd;
-
font-style: italic;
-
}
-
html[data-theme="light"] .z-support.z-function.z-builtin {
-
color: #fe640b;
-
font-style: italic;
-
}
-
html[data-theme="light"] .z-variable.z-other.z-constant {
-
color: #fe640b;
-
}
-
html[data-theme="light"] .z-keyword {
-
color: #d20f39;
-
font-style: italic;
-
}
-
html[data-theme="light"] .z-keyword.z-control.z-loop,
-
.z-keyword.z-control.z-conditional,
-
.z-keyword.z-control.z-c\+\+ {
-
color: #8839ef;
-
font-weight: bold;
-
}
-
html[data-theme="light"] .z-keyword.z-control.z-return,
-
.z-keyword.z-control.z-flow.z-return {
-
color: #ea76cb;
-
font-weight: bold;
-
}
-
html[data-theme="light"] .z-support.z-type.z-exception {
-
color: #fe640b;
-
font-style: italic;
-
}
-
html[data-theme="light"] .z-keyword.z-operator,
-
.z-punctuation.z-accessor {
-
color: #04a5e5;
-
font-weight: bold;
-
}
-
html[data-theme="light"] .z-punctuation.z-separator {
-
color: #179299;
-
}
-
html[data-theme="light"] .z-punctuation.z-terminator {
-
color: #179299;
-
}
-
html[data-theme="light"] .z-punctuation.z-section {
-
color: #7c7f93;
-
}
-
html[data-theme="light"] .z-keyword.z-control.z-import.z-include {
-
color: #179299;
-
font-style: italic;
-
}
-
html[data-theme="light"] .z-storage {
-
color: #d20f39;
-
}
-
html[data-theme="light"] .z-storage.z-type {
-
color: #df8e1d;
-
font-style: italic;
-
}
-
html[data-theme="light"] .z-storage.z-modifier {
-
color: #d20f39;
-
}
-
html[data-theme="light"] .z-entity.z-name.z-namespace,
-
.z-meta.z-path {
-
color: #dc8a78;
-
font-style: italic;
-
}
-
html[data-theme="light"] .z-storage.z-type.z-class {
-
color: #dc8a78;
-
font-style: italic;
-
}
-
html[data-theme="light"] .z-entity.z-name.z-label {
-
color: #1e66f5;
-
}
-
html[data-theme="light"] .z-keyword.z-declaration.z-class {
-
color: #d20f39;
-
font-style: italic;
-
}
-
html[data-theme="light"] .z-entity.z-name.z-class,
-
.z-meta.z-toc-list.z-full-identifier {
-
color: #04a5e5;
-
}
-
html[data-theme="light"] .z-entity.z-other.z-inherited-class {
-
color: #04a5e5;
-
font-style: italic;
-
}
-
html[data-theme="light"] .z-entity.z-name.z-function,
-
.z-variable.z-function {
-
color: #1e66f5;
-
font-style: italic;
-
}
-
html[data-theme="light"] .z-entity.z-name.z-function.z-preprocessor {
-
color: #d20f39;
-
}
-
html[data-theme="light"] .z-keyword.z-control.z-import {
-
color: #d20f39;
-
}
-
html[data-theme="light"] .z-entity.z-name.z-function.z-constructor,
-
.z-entity.z-name.z-function.z-destructor {
-
color: #7287fd;
-
}
-
html[data-theme="light"] .z-variable.z-parameter.z-function {
-
color: #dc8a78;
-
font-style: italic;
-
}
-
html[data-theme="light"] .z-keyword.z-declaration.z-function {
-
color: #e64553;
-
font-style: italic;
-
}
-
html[data-theme="light"] .z-support.z-function {
-
color: #04a5e5;
-
}
-
html[data-theme="light"] .z-support.z-constant {
-
color: #1e66f5;
-
}
-
html[data-theme="light"] .z-support.z-type,
-
.z-support.z-class {
-
color: #1e66f5;
-
font-style: italic;
-
}
-
html[data-theme="light"] .z-variable.z-function {
-
color: #1e66f5;
-
font-style: italic;
-
}
-
html[data-theme="light"] .z-variable.z-parameter {
-
color: #dc8a78;
-
font-style: italic;
-
}
-
html[data-theme="light"] .z-variable.z-other {
-
color: #4c4f69;
-
font-style: italic;
-
}
-
html[data-theme="light"] .z-variable.z-other.z-member {
-
color: #dc8a78;
-
}
-
html[data-theme="light"] .z-variable.z-language {
-
color: #179299;
-
}
-
html[data-theme="light"] .z-entity.z-name.z-tag {
-
color: #fe640b;
-
}
-
html[data-theme="light"] .z-entity.z-other.z-attribute-name {
-
color: #8839ef;
-
font-style: italic;
-
}
-
html[data-theme="light"] .z-punctuation.z-definition.z-tag {
-
color: #e64553;
-
}
-
html[data-theme="light"] .z-markup.z-underline.z-link.z-markdown {
-
color: #dc8a78;
-
text-decoration: underline;
-
font-style: italic;
-
}
-
html[data-theme="light"] .z-meta.z-link.z-inline.z-description {
-
color: #7287fd;
-
font-weight: bold;
-
}
-
html[data-theme="light"] .z-comment.z-block.z-markdown,
-
.z-meta.z-code-fence,
-
.z-markup.z-raw.z-code-fence,
-
.z-markup.z-raw.z-inline {
-
color: #179299;
-
font-style: italic;
-
}
-
html[data-theme="light"] .z-punctuation.z-definition.z-heading,
-
.z-entity.z-name.z-section {
-
color: #1e66f5;
-
font-weight: bold;
-
}
-
html[data-theme="light"] .z-markup.z-italic {
-
color: #e64553;
-
font-style: italic;
-
}
-
html[data-theme="light"] .z-markup.z-bold {
-
color: #e64553;
-
font-weight: bold;
-
}
-
html[data-theme="light"] .z-constant.z-character.z-escape {
-
color: #ea76cb;
-
}
-
html[data-theme="light"]
-
.z-source.z-shell.z-bash
-
.z-meta.z-function.z-shell
-
.z-meta.z-compound.z-shell
-
.z-meta.z-function-call.z-identifier.z-shell {
-
color: #ea76cb;
-
}
-
html[data-theme="light"] .z-variable.z-language.z-shell {
-
color: #d20f39;
-
font-style: italic;
-
}
-
html[data-theme="light"]
-
.z-source.z-lua
-
.z-meta.z-function.z-lua
-
.z-meta.z-block.z-lua
-
.z-meta.z-mapping.z-value.z-lua
-
.z-meta.z-mapping.z-key.z-lua
-
.z-string.z-unquoted.z-key.z-lua {
-
color: #7287fd;
-
font-style: italic;
-
}
-
html[data-theme="light"]
-
.z-source.z-lua
-
.z-meta.z-function.z-lua
-
.z-meta.z-block.z-lua
-
.z-meta.z-mapping.z-key.z-lua
-
.z-string.z-unquoted.z-key.z-lua {
-
color: #dd7878;
-
}
-
html[data-theme="light"] .z-entity.z-name.z-constant.z-java {
-
color: #179299;
-
}
-
html[data-theme="light"] .z-support.z-type.z-property-name.z-css {
-
color: #dd7878;
-
font-style: italic;
-
}
-
html[data-theme="light"] .z-support.z-constant.z-property-value.z-css {
-
color: #4c4f69;
-
}
-
html[data-theme="light"] .z-constant.z-numeric.z-suffix.z-css,
-
.z-keyword.z-other.z-unit.z-css {
-
color: #179299;
-
font-style: italic;
-
}
-
html[data-theme="light"] .z-variable.z-other.z-custom-property.z-name.z-css,
-
.z-support.z-type.z-custom-property.z-name.z-css,
-
.z-punctuation.z-definition.z-custom-property.z-css {
-
color: #179299;
-
}
-
html[data-theme="light"] .z-entity.z-name.z-tag.z-css {
-
color: #7287fd;
-
}
-
html[data-theme="light"] .z-variable.z-other.z-sass {
-
color: #179299;
-
}
-
html[data-theme="light"] .z-invalid {
-
color: #4c4f69;
-
background-color: #d20f39;
-
}
-
html[data-theme="light"] .z-invalid.z-deprecated {
-
color: #4c4f69;
-
background-color: #8839ef;
-
}
-
html[data-theme="light"] .z-meta.z-diff,
-
.z-meta.z-diff.z-header {
-
color: #9ca0b0;
-
}
-
html[data-theme="light"] .z-markup.z-deleted {
-
color: #d20f39;
-
}
-
html[data-theme="light"] .z-markup.z-inserted {
-
color: #40a02b;
-
}
-
html[data-theme="light"] .z-markup.z-changed {
-
color: #df8e1d;
-
}
-
html[data-theme="light"] .z-message.z-error {
-
color: #d20f39;
-
}
-
-
/* dark */
-
-
html[data-theme="dark"] .z-code {
-
color: #cad3f5;
-
background-color: #2a2e35;
-
}
-
-
html[data-theme="dark"] .z-comment {
-
color: #6e738d;
-
font-style: italic;
-
}
-
html[data-theme="dark"] .z-string {
-
color: #a6da95;
-
}
-
html[data-theme="dark"] .z-string.z-regexp {
-
color: #f5a97f;
-
}
-
html[data-theme="dark"] .z-constant.z-numeric {
-
color: #f5a97f;
-
}
-
html[data-theme="dark"] .z-constant.z-language.z-boolean {
-
color: #f5a97f;
-
font-weight: bold;
-
font-style: italic;
-
}
-
html[data-theme="dark"] .z-constant.z-language {
-
color: #b7bdf8;
-
font-style: italic;
-
}
-
html[data-theme="dark"] .z-support.z-function.z-builtin {
-
color: #f5a97f;
-
font-style: italic;
-
}
-
html[data-theme="dark"] .z-variable.z-other.z-constant {
-
color: #f5a97f;
-
}
-
html[data-theme="dark"] .z-keyword {
-
color: #ed8796;
-
font-style: italic;
-
}
-
html[data-theme="dark"] .z-keyword.z-control.z-loop,
-
.z-keyword.z-control.z-conditional,
-
.z-keyword.z-control.z-c\+\+ {
-
color: #c6a0f6;
-
font-weight: bold;
-
}
-
html[data-theme="dark"] .z-keyword.z-control.z-return,
-
.z-keyword.z-control.z-flow.z-return {
-
color: #f5bde6;
-
font-weight: bold;
-
}
-
html[data-theme="dark"] .z-support.z-type.z-exception {
-
color: #f5a97f;
-
font-style: italic;
-
}
-
html[data-theme="dark"] .z-keyword.z-operator,
-
.z-punctuation.z-accessor {
-
color: #91d7e3;
-
font-weight: bold;
-
}
-
html[data-theme="dark"] .z-punctuation.z-separator {
-
color: #8bd5ca;
-
}
-
html[data-theme="dark"] .z-punctuation.z-terminator {
-
color: #8bd5ca;
-
}
-
html[data-theme="dark"] .z-punctuation.z-section {
-
color: #939ab7;
-
}
-
html[data-theme="dark"] .z-keyword.z-control.z-import.z-include {
-
color: #8bd5ca;
-
font-style: italic;
-
}
-
html[data-theme="dark"] .z-storage {
-
color: #ed8796;
-
}
-
html[data-theme="dark"] .z-storage.z-type {
-
color: #eed49f;
-
font-style: italic;
-
}
-
html[data-theme="dark"] .z-storage.z-modifier {
-
color: #ed8796;
-
}
-
html[data-theme="dark"] .z-entity.z-name.z-namespace,
-
.z-meta.z-path {
-
color: #f4dbd6;
-
font-style: italic;
-
}
-
html[data-theme="dark"] .z-storage.z-type.z-class {
-
color: #f4dbd6;
-
font-style: italic;
-
}
-
html[data-theme="dark"] .z-entity.z-name.z-label {
-
color: #8aadf4;
-
}
-
html[data-theme="dark"] .z-keyword.z-declaration.z-class {
-
color: #ed8796;
-
font-style: italic;
-
}
-
html[data-theme="dark"] .z-entity.z-name.z-class,
-
.z-meta.z-toc-list.z-full-identifier {
-
color: #91d7e3;
-
}
-
html[data-theme="dark"] .z-entity.z-other.z-inherited-class {
-
color: #91d7e3;
-
font-style: italic;
-
}
-
html[data-theme="dark"] .z-entity.z-name.z-function,
-
.z-variable.z-function {
-
color: #8aadf4;
-
font-style: italic;
-
}
-
html[data-theme="dark"] .z-entity.z-name.z-function.z-preprocessor {
-
color: #ed8796;
-
}
-
html[data-theme="dark"] .z-keyword.z-control.z-import {
-
color: #ed8796;
-
}
-
html[data-theme="dark"] .z-entity.z-name.z-function.z-constructor,
-
.z-entity.z-name.z-function.z-destructor {
-
color: #b7bdf8;
-
}
-
html[data-theme="dark"] .z-variable.z-parameter.z-function {
-
color: #f4dbd6;
-
font-style: italic;
-
}
-
html[data-theme="dark"] .z-keyword.z-declaration.z-function {
-
color: #ee99a0;
-
font-style: italic;
-
}
-
html[data-theme="dark"] .z-support.z-function {
-
color: #91d7e3;
-
}
-
html[data-theme="dark"] .z-support.z-constant {
-
color: #8aadf4;
-
}
-
html[data-theme="dark"] .z-support.z-type,
-
.z-support.z-class {
-
color: #8aadf4;
-
font-style: italic;
-
}
-
html[data-theme="dark"] .z-variable.z-function {
-
color: #8aadf4;
-
font-style: italic;
-
}
-
html[data-theme="dark"] .z-variable.z-parameter {
-
color: #f4dbd6;
-
font-style: italic;
-
}
-
html[data-theme="dark"] .z-variable.z-other {
-
color: #cad3f5;
-
font-style: italic;
-
}
-
html[data-theme="dark"] .z-variable.z-other.z-member {
-
color: #f4dbd6;
-
}
-
html[data-theme="dark"] .z-variable.z-language {
-
color: #8bd5ca;
-
}
-
html[data-theme="dark"] .z-entity.z-name.z-tag {
-
color: #f5a97f;
-
}
-
html[data-theme="dark"] .z-entity.z-other.z-attribute-name {
-
color: #c6a0f6;
-
font-style: italic;
-
}
-
html[data-theme="dark"] .z-punctuation.z-definition.z-tag {
-
color: #ee99a0;
-
}
-
html[data-theme="dark"] .z-markup.z-underline.z-link.z-markdown {
-
color: #f4dbd6;
-
text-decoration: underline;
-
font-style: italic;
-
}
-
html[data-theme="dark"] .z-meta.z-link.z-inline.z-description {
-
color: #b7bdf8;
-
font-weight: bold;
-
}
-
html[data-theme="dark"] .z-comment.z-block.z-markdown,
-
.z-meta.z-code-fence,
-
.z-markup.z-raw.z-code-fence,
-
.z-markup.z-raw.z-inline {
-
color: #8bd5ca;
-
font-style: italic;
-
}
-
html[data-theme="dark"] .z-punctuation.z-definition.z-heading,
-
.z-entity.z-name.z-section {
-
color: #8aadf4;
-
font-weight: bold;
-
}
-
html[data-theme="dark"] .z-markup.z-italic {
-
color: #ee99a0;
-
font-style: italic;
-
}
-
html[data-theme="dark"] .z-markup.z-bold {
-
color: #ee99a0;
-
font-weight: bold;
-
}
-
html[data-theme="dark"] .z-constant.z-character.z-escape {
-
color: #f5bde6;
-
}
-
html[data-theme="dark"]
-
.z-source.z-shell.z-bash
-
.z-meta.z-function.z-shell
-
.z-meta.z-compound.z-shell
-
.z-meta.z-function-call.z-identifier.z-shell {
-
color: #f5bde6;
-
}
-
html[data-theme="dark"] .z-variable.z-language.z-shell {
-
color: #ed8796;
-
font-style: italic;
-
}
-
html[data-theme="dark"]
-
.z-source.z-lua
-
.z-meta.z-function.z-lua
-
.z-meta.z-block.z-lua
-
.z-meta.z-mapping.z-value.z-lua
-
.z-meta.z-mapping.z-key.z-lua
-
.z-string.z-unquoted.z-key.z-lua {
-
color: #b7bdf8;
-
font-style: italic;
-
}
-
html[data-theme="dark"]
-
.z-source.z-lua
-
.z-meta.z-function.z-lua
-
.z-meta.z-block.z-lua
-
.z-meta.z-mapping.z-key.z-lua
-
.z-string.z-unquoted.z-key.z-lua {
-
color: #f0c6c6;
-
}
-
html[data-theme="dark"] .z-entity.z-name.z-constant.z-java {
-
color: #8bd5ca;
-
}
-
html[data-theme="dark"] .z-support.z-type.z-property-name.z-css {
-
color: #f0c6c6;
-
font-style: italic;
-
}
-
html[data-theme="dark"] .z-support.z-constant.z-property-value.z-css {
-
color: #cad3f5;
-
}
-
html[data-theme="dark"] .z-constant.z-numeric.z-suffix.z-css,
-
.z-keyword.z-other.z-unit.z-css {
-
color: #8bd5ca;
-
font-style: italic;
-
}
-
html[data-theme="dark"] .z-variable.z-other.z-custom-property.z-name.z-css,
-
.z-support.z-type.z-custom-property.z-name.z-css,
-
.z-punctuation.z-definition.z-custom-property.z-css {
-
color: #8bd5ca;
-
}
-
html[data-theme="dark"] .z-entity.z-name.z-tag.z-css {
-
color: #b7bdf8;
-
}
-
html[data-theme="dark"] .z-variable.z-other.z-sass {
-
color: #8bd5ca;
-
}
-
html[data-theme="dark"] .z-invalid {
-
color: #cad3f5;
-
background-color: #ed8796;
-
}
-
html[data-theme="dark"] .z-invalid.z-deprecated {
-
color: #cad3f5;
-
background-color: #c6a0f6;
-
}
-
html[data-theme="dark"] .z-meta.z-diff,
-
.z-meta.z-diff.z-header {
-
color: #6e738d;
-
}
-
html[data-theme="dark"] .z-markup.z-deleted {
-
color: #ed8796;
-
}
-
html[data-theme="dark"] .z-markup.z-inserted {
-
color: #a6da95;
-
}
-
html[data-theme="dark"] .z-markup.z-changed {
-
color: #eed49f;
-
}
-
html[data-theme="dark"] .z-message.z-error {
-
color: #ed8796;
-
}