Compare commits

..

1 commit

Author SHA1 Message Date
8c7274db63
DRAFTS 2025-07-03 11:43:28 +02:00
4 changed files with 222 additions and 236 deletions

View file

@ -92,19 +92,14 @@ header nav [role="link"]:is([aria-current]:not([aria-current="false"]),:hover,:a
--pico-text-decoration: none; --pico-text-decoration: none;
} }
article :where(a:not([role="button"])) { .container {
--pico-text-decoration: none;
}
body > :is(main, footer) {
max-width: 40em; max-width: 40em;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
}
@media (width >= 1024px) { article :where(a:not([role="button"])) {
margin-right: 0; --pico-text-decoration: none;
margin-left: 18em;
}
} }
/* /*
@ -120,19 +115,10 @@ body > :is(main, footer) {
backdrop-filter: blur(3px); backdrop-filter: blur(3px);
font-family: var(--pico-font-family-sans-serif); font-family: var(--pico-font-family-sans-serif);
font-weight: bold; font-weight: bold;
@media (width >= 1024px) {
display: none;
}
img {
height: 2em;
}
} }
#menu-close { .mobile-header img {
float: right; height: 2em;
padding: 0 1.5em;
} }
#menu-close, #menu-close:hover, #menu-toggle { #menu-close, #menu-close:hover, #menu-toggle {
@ -140,85 +126,98 @@ body > :is(main, footer) {
background-color: inherit; background-color: inherit;
border: none; border: none;
text-decoration: none; text-decoration: none;
@media (width >= 1024px) {
display: none;
}
} }
body { body {
background-color: var(--pico-background-color); background-color: var(--pico-background-color);
}
& > header { body > header {
width: 100vw; width: 100vw;
text-align: center; text-align: center;
height: 100vh; height: 100vh;
position: fixed; position: fixed;
left: -100vw; left: -100vw;
top: 0; top: 0;
background-color: var(--pico-background-color); background-color: var(--pico-background-color);
z-index: 100; z-index: 100;
transition: left 0.5s; transition: left 0.5s;
overflow: hidden auto; overflow: hidden auto;
}
@media (width >= 1024px) { body > header.active {
position: sticky; left: 0;
top: 0; }
left: 0;
width: 15em;
float: left;
}
.u-logo { body > header nav, body > header nav ul {
width: 5em; flex-direction: column;
} }
.title { body > header .u-logo {
font-size: 1.5rem; width: 5em;
font-weight: bold; }
font-family: var(--pico-font-family-sans-serif);
margin-top: 1em;
}
a {
color: var(--pico-color);
padding: 0;
.menu-primary & { body > header .title {
font-weight: bold; font-size: 1.5rem;
} font-weight: bold;
} font-family: var(--pico-font-family-sans-serif);
margin-top: 1em;
}
nav { body > header nav {
font-size: 1rem; font-size: 1rem;
font-family: var(--pico-font-family-sans-serif); font-family: var(--pico-font-family-sans-serif);
width: 100%; width: 100%;
height: 100%; height: 100%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: space-between; justify-content: space-between;
}
ul { body > header nav li {
flex-direction: column; padding: 0;
} padding: calc( var(--pico-nav-element-spacing-vertical) / 4)
calc( var(--pico-nav-element-spacing-horizontal) / 4);
}
li { body > header a {
padding: 0; color: var(--pico-color);
padding: calc( var(--pico-nav-element-spacing-vertical) / 4) padding: 0;
calc( var(--pico-nav-element-spacing-horizontal) / 4); }
}
}
}
& > footer{ body > header > a {
p { float: right;
font-size: 0.7em; padding: 0 1.5em;
text-align: center; }
}
} .menu-primary {
font-weight: bold;
}
body > footer p {
font-size: 0.7em;
text-align: center;
} }
@media (width >= 1024px) { @media (width >= 1024px) {
.mobile-header, #menu-close {
display: none;
}
body > header {
position: sticky;
top: 0;
left: 0;
width: 15em;
float: left;
}
.container {
margin-right: 0;
margin-left: 18em;
}
.metadata p { .metadata p {
display: inline; display: inline;
} }
@ -229,130 +228,134 @@ body {
* Content Styling * Content Styling
*/ */
main { .translations {
.translations { text-align: end;
text-align: end; margin-bottom: 0.3em;
margin-bottom: 0.3em;
a {
text-decoration: none;
}
}
& > article {
text-align: justify;
& > header {
margin-bottom: calc(2 * var(--pico-block-spacing-vertical));
h1, p {
margin-bottom: calc(0.1 * var(--pico-typography-spacing-vertical));
margin-top: 0.3em;
}
.category a {
font-family: var(--pico-font-family-sans-serif);
font-weight: 700;
line-height: var(--pico-line-height);
color: var(--pico-muted-color);
text-decoration: none;
font-size: 1rem;
margin-bottom: 0.5em;
}
}
ul > li {
list-style-type: disc;
}
h1, h2, h3, h4, h5, h6 {
font-family: var(--pico-font-family-sans-serif);
text-align: left;
a {
color: var(--pico-muted-color);
text-decoration: none;
margin-left: 0.4rem;
font-size: 1rem;
}
}
h1 {
font-size: 1.7rem;
}
h2 {
font-size: 1.3rem;
&::before {
content: "## ";
color: var(--markup-color);
}
}
h3 {
font-size: 1.2rem;
&::before {
content: "### ";
color: var(--markup-color);
}
}
h4 {
font-size: 1.1rem;
&::before {
content: "#### ";
color: var(--markup-color);
}
}
h5 {
font-size: 1rem;
&::before {
content: "##### ";
color: var(--markup-color);
}
}
h6 {
font-size: 1rem;
&::before {
content: "###### ";
color: var(--markup-color);
}
}
pre {
margin-bottom: calc(1.5 * var(--pico-spacing));
}
code, kbd, pre {
font-size: 0.8em;
}
a[rel="external"]::after {
content: "\ecae";
font-size: 0.7em;
margin-left: 0.2em;
font-family: 'remixicon' !important;
font-style: normal;
color: var(--pico-muted-color);
text-decoration: none;
}
figure {
max-width: 50%;
text-align: center;
margin: var(--pico-block-spacing-vertical) auto;
}
}
} }
.translations a {
text-decoration: none;
}
main > article {
text-align: justify;
}
main > article > header {
margin-bottom: calc(2 * var(--pico-block-spacing-vertical));
}
ul.tags, ul.tags li {
list-style-type: none;
display: inline;
padding-left: 0;
margin-bottom: 0;
}
ul > li {
list-style-type: disc;
}
h1, h2, h3, h4, h5, h6 {
font-family: var(--pico-font-family-sans-serif);
text-align: left;
}
h1 {
font-size: 1.7rem;
}
h2 {
font-size: 1.3rem;
}
h2::before {
content: "## ";
color: var(--markup-color);
}
h3 {
font-size: 1.2rem;
}
h3::before {
content: "### ";
color: var(--markup-color);
}
h4 {
font-size: 1.1rem;
}
h4::before {
content: "#### ";
color: var(--markup-color);
}
h5 {
font-size: 1rem;
}
h5::before {
content: "##### ";
color: var(--markup-color);
}
h6 {
font-size: 1rem;
}
h6::before {
content: "###### ";
color: var(--markup-color);
}
article header h1, article header p {
margin-bottom: calc(0.1 * var(--pico-typography-spacing-vertical));
margin-top: 0.3em;
}
article header .category a {
font-family: var(--pico-font-family-sans-serif);
font-weight: 700;
line-height: var(--pico-line-height);
color: var(--pico-muted-color);
text-decoration: none;
font-size: 1rem;
margin-bottom: 0.5em;
}
h2 a, h3 a, h4 a, h5 a, h6 a {
color: var(--pico-muted-color);
text-decoration: none;
margin-left: 0.4rem;
font-size: 1rem;
}
pre {
margin-bottom: calc(1.5 * var(--pico-spacing));
}
code, kbd, pre {
font-size: 0.8em;
}
a[rel="external"]::after {
content: "\ecae";
font-size: 0.7em;
margin-left: 0.2em;
font-family: 'remixicon' !important;
font-style: normal;
color: var(--pico-muted-color);
text-decoration: none;
}
figure {
max-width: 50%;
text-align: center;
margin: var(--pico-block-spacing-vertical) auto;
}
/* /*
* Admonitions * Admonitions
@ -371,20 +374,16 @@ main {
* Post lists * Post lists
*/ */
.h-feed { .h-feed article:not(:last-child) {
article{ border-bottom: var(--pico-border-width) solid var(--pico-card-border-color);
&:not(:last-child) { margin-bottom: 0;
border-bottom: var(--pico-border-width) solid var(--pico-card-border-color); }
margin-bottom: 0;
} .h-feed article p {
margin-bottom: calc(0.2 * var(--pico-typography-spacing-vertical));
p { }
margin-bottom: calc(0.2 * var(--pico-typography-spacing-vertical));
} .h-feed article .p-summary {
font-size: 0.9em;
.p-summary { font-style: italic;
font-size: 0.9em;
font-style: italic;
}
}
} }

View file

@ -26,11 +26,7 @@ replacement of git.
does things right: does things right:
- undo that works
- versioned working copy (restore a deleted file to a previous version)
- jj git fetch removes local branches when the remote is removed - jj git fetch removes local branches when the remote is removed
- jj log shows what is useful by default without noise - undo that works
- rebase of trees
- rebase of multiple branches
[jj]: https://github.com/jj-vcs/jj [jj]: https://github.com/jj-vcs/jj

View file

@ -30,12 +30,10 @@
</li> </li>
</ul> </ul>
</nav> </nav>
<header id="menu" class="h-card"> <header id="menu" class="h-card">
{{ partial "header.html" . }} {{ partial "header.html" . }}
</header> </header>
<main class="container">
<main>
{{- if .IsTranslated }} {{- if .IsTranslated }}
{{- range .Translations }} {{- range .Translations }}
<div class="translations"> <div class="translations">
@ -49,8 +47,7 @@
{{ block "main" . }}{{ end }} {{ block "main" . }}{{ end }}
</main> </main>
<footer class="container">
<footer>
{{ partial "footer.html" . }} {{ partial "footer.html" . }}
</footer> </footer>
</body> </body>

View file

@ -1,6 +0,0 @@
/** @type {import('stylelint').Config} */
export default {
rules: {
"no-descending-specificity": false
}
};