update notes

intelektualno_delo_in_kapitalisticni_razvoj.md

@@ -1986,7 +1986,6 @@ generale]. Jasno pa je, da se s kapitalističnim razvojem spreminja značaj
 :::
 
 ::: horizontal
-
 > Rittel piše[^22], da "vrednostnih sistemov ni mogoče več šteti za dolgoročno
 > stabilne. To, kar si lahko želimo, je odvisno od tega kaj lahko omogočimo in
 > to kar lahko omogočimo je odvisno od tega kaj si želimo. Cilji in funkcije
@@ -2014,14 +2013,13 @@ generale]. Jasno pa je, da se s kapitalističnim razvojem spreminja značaj
 > domanda cui un livello avanzato di programmazione deve rispondere è: "quali
 > sistemi di valori sono in generale coerenti e garantiscono possibilità di
 > adattamento e quindi di sopravvivenza"?
-
 :::
 
-[^22]: Horst Rittel, *Ueberlegungen zur wissenschaftlichen und politischen
-Bedeutung der Entscbeidungstheorien*, relazione dello Studiengruppe für
-Systemforschung, Heidelberg, str. 22 ss., zdaj v zborniku v uredništvu H.
-Krauch, W. Kunz, H. Rittel, Forschungsplanning, München, Oldenbourg Verlag,
-1966, pp. 110--129.
+[^22]: Horst Rittel, [*Ueberlegungen zur wissenschaftlichen und politischen
+    Bedeutung der Entscheidungstheorien*]{lang=de}, relazione dello
+    Studiengruppe für Systemforschung, Heidelberg, str. 22 ss., zdaj v zborniku
+    v uredništvu H. Krauch, W. Kunz, H. Rittel, Forschungsplanning, München,
+    Oldenbourg Verlag, 1966, pp. 110--129.
 
 [^23]: Prav tam.
 

public_html/css/style.css

@@ -1,16 +1,11 @@
 /* variables */
 :root {
 	--font-size: 12pt;
-	--line-height: 1.625;
+	--line-height: 1.25;
   --font-family: monospace;
 
-  /* font-derived vertical and horizontal units */
-  --v-un: calc(var(--font-size) * var(--line-height));
-  --h-un: 1ch;
-
   /* font-derived column width */
-  --col-w: min(80ch, 66.67vw);
-  --gap-w: 1ch;
+  --col-w: clamp(33.33vw, 80ch, 80vw);
 
   /* colors */
   --fg-c: #000000;
@@ -33,6 +28,8 @@
 	box-sizing: border-box;
   margin: unset;
   hyphens: auto;
+  scrollbar-width: thin;
+  scrollbar-color: var(--link-c) rgba(0,0,0,0);
 }
 
 ::selection {
@@ -46,8 +43,6 @@
 	color: var(--fg-c);
 	background-color: var(--bg-c);
   font: var(--font-size)/var(--line-height) var(--font-family);
-  scrollbar-width: thin;
-  scrollbar-color: var(--link-c) rgba(0,0,0,0);
 }
 
 body {
@@ -69,11 +64,11 @@ h1, h2, h3, h4, h5, h6 {
   hyphens: none;
 }
 
-h1 {
+h1, h2 {
   font-weight: bold;
 }
 
-h2, h3, h4, h5, h6 {
+h3, h4, h5, h6 {
   font-weight: unset;
   font-style: italic;
 }
@@ -81,17 +76,17 @@ h2, h3, h4, h5, h6 {
 /* text content */
 
 :is(h1, h2, h3, h4, h5, h6) {
-  margin-block-start: calc(2 * var(--v-un));
-  margin-block-end: var(--v-un);
+  margin-block-start: 2rlh;
+  margin-block-end: 1rlh;
 }
 
 :is(blockquote, div, dl, figure, hr, menu, ol, p, pre, table, ul) +
 :is(blockquote, div, dl, figure, hr, menu, ol, p, pre, table, ul) {
-  margin-block-start: var(--v-un);
+  margin-block-start: 1rlh;
 }
 
 blockquote {
-	margin-inline: calc(2 * var(--h-un));
+	margin-inline: 2ch;
 }
 
 dt {
@@ -99,11 +94,11 @@ dt {
 }
 
 dd {
-  padding-inline-start: calc(2 * var(--h-un));
+  padding-inline-start: 2ch;
 }
 
 ol, ul, menu {
-  padding-inline-start: calc(5 * var(--h-un));
+  padding-inline-start: 5ch;
 }
 
 :is(ol, ul, menu) :is(ol, ul, menu) {
@@ -126,10 +121,11 @@ hr {
 
 hr::after {
   content: "---";
+  font-weight: bold;
 }
 
 pre {
-  margin-inline: calc(2 * var(--h-un));
+  margin-inline: 2ch;
   color: var(--link-c);
   overflow-y: scroll;
 }
@@ -187,38 +183,29 @@ td {
 /* layout */
 
 body {
+  width: 100vw;
+	height: 100vh;
 }
 
 body>main {
-  padding: var(--v-un) var(--h-un);
-  /*width: 100vw;*/
-	height: 100vh;
+  width: 100%;
+  height: 100%;
 	display: grid;
   grid-auto-flow: column;
   grid-auto-columns: var(--col-w);
-  gap: var(--h-un);
+  /*gap: 1ch;*/
 	overflow-x: scroll;
 }
 
 body>main>* {
-  max-width: var(--col-w);
+  padding: 1rlh 1ch;
 	overflow-y: scroll;
 }
 
 /* toc */
 
 nav.toc {
-  margin-block: var(--v-un);
-}
-
-/* footnotes */
-
-aside.footnotes {
-  margin-block: var(--v-un);
-}
-
-aside.footnotes>hr {
-  font-weight: bold;
+  margin-block: 1rlh;
 }
 
 /* fenced divs */
@@ -227,7 +214,7 @@ div.horizontal {
   display: grid;
   grid-auto-flow: column;
   grid-auto-columns: 100%;
-  gap: var(--h-un);
+  gap: 1ch;
   overflow-x: scroll;
 }