settings

code:style.css

code:style.css

:root {

--background-color: rgba(37, 42, 48, 0.7);

}

brand icon を替へる

code:style.css

.navbar .project-home::before {

background-image: var(--project-image);

background-position: center;

background-repeat: no-repeat;

background-size: cover;

border-radius: 50%;

content: "";

display: inline-block;

height: 32px;

margin-right: 4px;

width: 32px;

}

背景

code:style.css

body {

background-image: linear-gradient(var(--background-color), var(--background-color)), var(--project-image);

}

navbar の透明感を上げる

code:style.css

.navbar { backdrop-filter: blur(1.5px); }

內容領域の橫幅を擴げる

code:style.css

grid-template-columns: minmax(200px, 95%) min-content;

}

code:style.css

.line span:not(.modal-image):not(.pointing-device-map) > a.link:not(.icon)::after {

content: "\f35d";

display: inline-block;

font-family: "Font Awesome 5 Free";

font-weight: 900;

}

code:style.css

.deco-- img { opacity: 0.4; }

code を等幅 font に

code:style.css

code {

font-family: /*Monaco, */Courier New, Courier, monospace;

}

code:style.css

.deco-\! {

padding: 0.1em 0.2em 0.1em 0.2em;

}

.deco-\| {

padding: 0.1em 0.2em 0.1em 0.2em;

}