Make the website minimalistic

17 files changed, 1943 insertions, 385 deletions

diff --git a/archive/blog b/archive/blog
new file mode 120000
index 0000000..ac9effc
--- /dev/null
+++ b/archive/blog
@@ -0,0 +1 @@
+/home/lotigara/bashblog
\ No newline at end of file
diff --git a/archive/css/cgit-dark.css b/archive/css/cgit-dark.css
new file mode 100644
index 0000000..e5c74fd
--- /dev/null
+++ b/archive/css/cgit-dark.css
@@ -0,0 +1,1125 @@
+/* cgit-dark - Dark theme based on CSS media selectors
+ * Copyright (C) 2024 Joe Banks <joe@jb3.dev>
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <https://www.gnu.org/licenses/>.
+ */
+
+
+/* Based on the cgit.css file distributed with cgit version 1.2.3 */
+
+:root {
+	--background: white;
+	--color: #333;
+	--link-color: blue;
+	--link-hover: #00f;
+	--table-row: white;
+	--table-row-alt: #f7f7f7;
+	--path: #000;
+	--path-background: #eee;
+	--table-link: #000;
+	--reposection: #888;
+	--sub: #777;
+	--table-hover: #eee;
+	--tabs-border: #ccc;
+	--tabs-active-text: #000;
+	--tabs-text: #777;
+	--main-link: #000;
+	--stats-total: #c00;
+	--diffstat-background: #f7f7f7;
+	--diff-color: #000;
+	--diff-hunk: #009;
+	--diff-del: red;
+	--diff-add: green;
+}
+
+@media (prefers-color-scheme: dark) {
+	:root {
+		--background: #333;
+		--color: white;
+		--link-color: #7b9cf8;
+		--link-hover: #bcbcff;
+		--table-row: #444;
+		--table-row-alt: #333;
+		--path: #ccc;
+		--path-background: #444;
+		--table-link: #f3f3f3;
+		--reposection: #c5c5c5;
+		--sub: #bbb;
+		--table-hover: #555;
+		--tabs-border: #666;
+		--tabs-active-text: #fff;
+		--tabs-text: #bbb;
+		--main-link: #fff;
+		--stats-total: #eb8383;
+		--diffstat-background: #444;
+		--diff-color: #ccc;
+		--diff-hunk: #4f90f1;
+		--diff-del: #ffa8a8;
+		--diff-add: #9cf39c;
+	}
+
+	/* cgit by default constrains itself to a container and themes that,
+	 * we have to break some of that isolation if we want the whole page
+	 * to be dark themed */
+	body {
+		background-color: var(--background);
+	}
+
+	/* the deco tags will never work in dark mode, so let's just keep the text
+     * as black */
+	div#cgit a.deco,
+	div#cgit a.branch-deco,
+	div#cgit a.tag-deco,
+	div#cgit a.tag-annotated-deco,
+	div#cgit a.remote-deco {
+		color: #000 !important;
+	}
+}
+
+div#cgit {
+	padding: 0em;
+	margin: 0em;
+	font-family: sans-serif;
+	font-size: 10pt;
+	color: var(--color);
+	background: var(--background);
+	padding: 4px;
+}
+
+div#cgit a {
+	color: var(--link-color);
+	text-decoration: none;
+}
+
+div#cgit a:hover {
+	text-decoration: underline;
+}
+
+div#cgit table {
+	border-collapse: collapse;
+}
+
+div#cgit table#header {
+	width: 100%;
+	margin-bottom: 1em;
+}
+
+div#cgit table#header td.logo {
+	width: 96px;
+	vertical-align: top;
+}
+
+div#cgit table#header td.main {
+	font-size: 250%;
+	padding-left: 10px;
+	white-space: nowrap;
+}
+
+div#cgit table#header td.main a {
+	color: var(--main-link);
+}
+
+div#cgit table#header td.form {
+	text-align: right;
+	vertical-align: bottom;
+	padding-right: 1em;
+	padding-bottom: 2px;
+	white-space: nowrap;
+}
+
+div#cgit table#header td.form form,
+div#cgit table#header td.form input,
+div#cgit table#header td.form select {
+	font-size: 90%;
+}
+
+div#cgit table#header td.sub {
+	color: var(--sub);
+	border-top: solid 1px var(--tabs-border);
+	padding-left: 10px;
+}
+
+div#cgit table.tabs {
+	border-bottom: solid 3px var(--tabs-border);
+	border-collapse: collapse;
+	margin-top: 2em;
+	margin-bottom: 0px;
+	width: 100%;
+}
+
+div#cgit table.tabs td {
+	padding: 0px 1em;
+	vertical-align: bottom;
+}
+
+div#cgit table.tabs td a {
+	padding: 2px 0.75em;
+	color: var(--tabs-text);
+	font-size: 110%;
+}
+
+div#cgit table.tabs td a.active {
+	color: var(--tabs-active-text);
+	background-color: var(--tabs-border);
+}
+
+div#cgit table.tabs a[href^="http://"]:after,
+div#cgit table.tabs a[href^="https://"]:after {
+	content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAQAAAAnOwc2AAAAAmJLR0QA/4ePzL8AAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfgAhcJDQY+gm2TAAAAHWlUWHRDb21tZW50AAAAAABDcmVhdGVkIHdpdGggR0lNUGQuZQcAAABbSURBVAhbY2BABs4MU4CwhYHBh2Erww4wrGFQZHjI8B8IgUIscJWyDHcggltQhI4zGDCcRwhChPggHIggP1QoAVmQkSETrGoHsiAEsACtBYN0oDAMbgU6EBcAAL2eHUt4XUU4AAAAAElFTkSuQmCC);
+	opacity: 0.5;
+	margin: 0 0 0 5px;
+}
+
+div#cgit table.tabs td.form {
+	text-align: right;
+}
+
+div#cgit table.tabs td.form form {
+	padding-bottom: 2px;
+	font-size: 90%;
+	white-space: nowrap;
+}
+
+div#cgit table.tabs td.form input,
+div#cgit table.tabs td.form select {
+	font-size: 90%;
+}
+
+div#cgit div.path {
+	margin: 0px;
+	padding: 5px 2em 2px 2em;
+	color: var(--path);
+	background-color: var(--path-background);
+}
+
+div#cgit div.content {
+	margin: 0px;
+	padding: 2em;
+	border-bottom: solid 3px #ccc;
+}
+
+
+div#cgit table.list {
+	width: 100%;
+	border: none;
+	border-collapse: collapse;
+}
+
+div#cgit table.list tr {
+	background: var(--table-row);
+}
+
+div#cgit table.list tr.logheader {
+	background: #eee;
+}
+
+div#cgit table.list tr:nth-child(even) {
+	background: var(--table-row-alt);
+}
+
+div#cgit table.list tr:nth-child(odd) {
+	background: var(--table-row);
+}
+
+div#cgit table.list tr:hover {
+	background: var(--table-hover);
+}
+
+div#cgit table.list tr.nohover {
+	background: var(--table-row);
+}
+
+div#cgit table.list tr.nohover:hover {
+	background: var(--table-row);
+}
+
+div#cgit table.list tr.nohover-highlight:hover:nth-child(even) {
+	background: var(--table-row-alt);
+}
+
+div#cgit table.list tr.nohover-highlight:hover:nth-child(odd) {
+	background: var(--table-row);
+}
+
+div#cgit table.list th {
+	font-weight: bold;
+	/* color: #888;
+	border-top: dashed 1px #888;
+	border-bottom: dashed 1px #888;
+	*/
+	padding: 0.1em 0.5em 0.05em 0.5em;
+	vertical-align: baseline;
+}
+
+div#cgit table.list td {
+	border: none;
+	padding: 0.1em 0.5em 0.1em 0.5em;
+}
+
+div#cgit table.list td.commitgraph {
+	font-family: monospace;
+	white-space: pre;
+}
+
+div#cgit table.list td.commitgraph .column1 {
+	color: #a00;
+}
+
+div#cgit table.list td.commitgraph .column2 {
+	color: #0a0;
+}
+
+div#cgit table.list td.commitgraph .column3 {
+	color: #aa0;
+}
+
+div#cgit table.list td.commitgraph .column4 {
+	color: #00a;
+}
+
+div#cgit table.list td.commitgraph .column5 {
+	color: #a0a;
+}
+
+div#cgit table.list td.commitgraph .column6 {
+	color: #0aa;
+}
+
+@media (prefers-color-scheme: dark) {
+	div#cgit table.list td.commitgraph .column1 {
+		color: rgb(255, 104, 104);
+	}
+
+	div#cgit table.list td.commitgraph .column2 {
+		color: rgb(148, 233, 148);
+	}
+
+	div#cgit table.list td.commitgraph .column3 {
+		color: rgb(255, 255, 104);
+	}
+
+	div#cgit table.list td.commitgraph .column4 {
+		color: rgb(155, 155, 241);
+	}
+
+	div#cgit table.list td.commitgraph .column5 {
+		color: rgb(255, 104, 255);
+	}
+
+	div#cgit table.list td.commitgraph .column6 {
+		color: rgb(148, 233, 233);
+	}
+}
+
+div#cgit table.list td.logsubject {
+	font-family: monospace;
+	font-weight: bold;
+}
+
+div#cgit table.list td.logmsg {
+	font-family: monospace;
+	white-space: pre;
+	padding: 0 0.5em;
+}
+
+div#cgit table.list td a {
+	color: var(--table-link);
+}
+
+div#cgit table.list td a.ls-dir {
+	font-weight: bold;
+	color: var(--link-color)
+}
+
+div#cgit table.list td a:hover {
+	color: var(--link-hover);
+}
+
+div#cgit img {
+	border: none;
+}
+
+div#cgit input#switch-btn {
+	margin: 2px 0px 0px 0px;
+}
+
+div#cgit td#sidebar input.txt {
+	width: 100%;
+	margin: 2px 0px 0px 0px;
+}
+
+div#cgit table#grid {
+	margin: 0px;
+}
+
+div#cgit td#content {
+	vertical-align: top;
+	padding: 1em 2em 1em 1em;
+	border: none;
+}
+
+div#cgit div#summary {
+	vertical-align: top;
+	margin-bottom: 1em;
+}
+
+div#cgit table#downloads {
+	float: right;
+	border-collapse: collapse;
+	border: solid 1px #777;
+	margin-left: 0.5em;
+	margin-bottom: 0.5em;
+}
+
+div#cgit table#downloads th {
+	background-color: #ccc;
+}
+
+div#cgit div#blob {
+	border: solid 1px black;
+}
+
+div#cgit div.error {
+	color: red;
+	font-weight: bold;
+	margin: 1em 2em;
+}
+
+div#cgit a.ls-blob,
+div#cgit a.ls-dir,
+div#cgit .ls-mod {
+	font-family: monospace;
+}
+
+div#cgit td.ls-size {
+	text-align: right;
+	font-family: monospace;
+	width: 10em;
+}
+
+div#cgit td.ls-mode {
+	font-family: monospace;
+	width: 10em;
+}
+
+div#cgit table.blob {
+	margin-top: 0.5em;
+	border-top: solid 1px black;
+}
+
+div#cgit table.blob td.hashes,
+div#cgit table.blob td.lines {
+	margin: 0;
+	padding: 0 0 0 0.5em;
+	vertical-align: top;
+	color: black;
+}
+
+div#cgit table.blob td.linenumbers {
+	margin: 0;
+	padding: 0 0.5em 0 0.5em;
+	vertical-align: top;
+	text-align: right;
+	border-right: 1px solid gray;
+}
+
+div#cgit table.blob pre {
+	padding: 0;
+	margin: 0;
+}
+
+div#cgit table.blob td.linenumbers a,
+div#cgit table.ssdiff td.lineno a {
+	color: gray;
+	text-align: right;
+	text-decoration: none;
+}
+
+div#cgit table.blob td.linenumbers a:hover,
+div#cgit table.ssdiff td.lineno a:hover {
+	color: black;
+}
+
+div#cgit table.blame td.hashes,
+div#cgit table.blame td.lines,
+div#cgit table.blame td.linenumbers {
+	padding: 0;
+}
+
+div#cgit table.blame td.hashes div.alt,
+div#cgit table.blame td.lines div.alt {
+	padding: 0 0.5em 0 0.5em;
+}
+
+div#cgit table.blame td.linenumbers div.alt {
+	padding: 0 0.5em 0 0;
+}
+
+div#cgit table.blame div.alt:nth-child(even) {
+	background: #eee;
+}
+
+div#cgit table.blame div.alt:nth-child(odd) {
+	background: white;
+}
+
+div#cgit table.blame td.lines>div {
+	position: relative;
+}
+
+div#cgit table.blame td.lines>div>pre {
+	padding: 0 0 0 0.5em;
+	position: absolute;
+	top: 0;
+}
+
+div#cgit table.blame .oid {
+	font-size: 100%;
+}
+
+div#cgit table.bin-blob {
+	margin-top: 0.5em;
+	border: solid 1px black;
+}
+
+div#cgit table.bin-blob th {
+	font-family: monospace;
+	white-space: pre;
+	border: solid 1px #777;
+	padding: 0.5em 1em;
+}
+
+div#cgit table.bin-blob td {
+	font-family: monospace;
+	white-space: pre;
+	border-left: solid 1px #777;
+	padding: 0em 1em;
+}
+
+div#cgit table.nowrap td {
+	white-space: nowrap;
+}
+
+div#cgit table.commit-info {
+	border-collapse: collapse;
+	margin-top: 1.5em;
+}
+
+div#cgit div.cgit-panel {
+	float: right;
+	margin-top: 1.5em;
+}
+
+div#cgit div.cgit-panel table {
+	border-collapse: collapse;
+	border: solid 1px #aaa;
+	background-color: #eee;
+}
+
+div#cgit div.cgit-panel th {
+	text-align: center;
+}
+
+div#cgit div.cgit-panel td {
+	padding: 0.25em 0.5em;
+}
+
+div#cgit div.cgit-panel td.label {
+	padding-right: 0.5em;
+}
+
+div#cgit div.cgit-panel td.ctrl {
+	padding-left: 0.5em;
+}
+
+div#cgit table.commit-info th {
+	text-align: left;
+	font-weight: normal;
+	padding: 0.1em 1em 0.1em 0.1em;
+	vertical-align: top;
+}
+
+div#cgit table.commit-info td {
+	font-weight: normal;
+	padding: 0.1em 1em 0.1em 0.1em;
+}
+
+div#cgit div.commit-subject {
+	font-weight: bold;
+	font-size: 125%;
+	margin: 1.5em 0em 0.5em 0em;
+	padding: 0em;
+}
+
+div#cgit div.commit-msg {
+	white-space: pre;
+	font-family: monospace;
+}
+
+div#cgit div.notes-header {
+	font-weight: bold;
+	padding-top: 1.5em;
+}
+
+div#cgit div.notes {
+	white-space: pre;
+	font-family: monospace;
+	border: solid 1px #ee9;
+	background-color: #ffd;
+	padding: 0.3em 2em 0.3em 1em;
+	float: left;
+}
+
+div#cgit div.notes-footer {
+	clear: left;
+}
+
+div#cgit div.diffstat-header {
+	font-weight: bold;
+	padding-top: 1.5em;
+}
+
+div#cgit table.diffstat {
+	border-collapse: collapse;
+	border: solid 1px #aaa;
+	background-color: var(--diffstat-background);
+}
+
+div#cgit table.diffstat th {
+	font-weight: normal;
+	text-align: left;
+	text-decoration: underline;
+	padding: 0.1em 1em 0.1em 0.1em;
+	font-size: 100%;
+}
+
+div#cgit table.diffstat td {
+	padding: 0.2em 0.2em 0.1em 0.1em;
+	font-size: 100%;
+	border: none;
+}
+
+div#cgit table.diffstat td.mode {
+	white-space: nowrap;
+}
+
+div#cgit table.diffstat td span.modechange {
+	padding-left: 1em;
+	color: red;
+}
+
+div#cgit table.diffstat td.add a {
+	color: green;
+}
+
+div#cgit table.diffstat td.del a {
+	color: red;
+}
+
+div#cgit table.diffstat td.upd a {
+	color: blue;
+}
+
+@media (prefers-color-scheme: dark) {
+	div#cgit table.diffstat td.add a {
+		color: rgb(148, 233, 148);
+	}
+
+	div#cgit table.diffstat td.del a {
+		color: rgb(255, 104, 104);
+	}
+
+	div#cgit table.diffstat td.upd a {
+		color: rgb(155, 155, 241);
+	}
+}
+
+div#cgit table.diffstat td.graph {
+	width: 500px;
+	vertical-align: middle;
+}
+
+div#cgit table.diffstat td.graph table {
+	border: none;
+}
+
+div#cgit table.diffstat td.graph td {
+	padding: 0px;
+	border: 0px;
+	height: 7pt;
+}
+
+div#cgit table.diffstat td.graph td.add {
+	background-color: #5c5;
+}
+
+div#cgit table.diffstat td.graph td.rem {
+	background-color: #c55;
+}
+
+div#cgit div.diffstat-summary {
+	color: #888;
+	padding-top: 0.5em;
+}
+
+div#cgit table.diff {
+	width: 100%;
+}
+
+div#cgit table.diff td {
+	font-family: monospace;
+	white-space: pre;
+}
+
+div#cgit table.diff td div.head {
+	font-weight: bold;
+	margin-top: 1em;
+	color: var(--diff-color);
+}
+
+div#cgit table.diff td div.hunk {
+	color: var(--diff-hunk);
+}
+
+div#cgit table.diff td div.add {
+	color: var(--diff-add);
+}
+
+div#cgit table.diff td div.del {
+	color: var(--diff-del);
+}
+
+div#cgit .oid {
+	font-family: monospace;
+	font-size: 90%;
+}
+
+div#cgit .left {
+	text-align: left;
+}
+
+div#cgit .right {
+	text-align: right;
+}
+
+div#cgit table.list td.reposection {
+	font-style: italic;
+	color: var(--reposection);
+}
+
+div#cgit a.button {
+	font-size: 80%;
+	padding: 0em 0.5em;
+}
+
+div#cgit a.primary {
+	font-size: 100%;
+}
+
+div#cgit a.secondary {
+	font-size: 90%;
+}
+
+div#cgit td.toplevel-repo {}
+
+div#cgit table.list td.sublevel-repo {
+	padding-left: 1.5em;
+}
+
+div#cgit ul.pager {
+	list-style-type: none;
+	text-align: center;
+	margin: 1em 0em 0em 0em;
+	padding: 0;
+}
+
+div#cgit ul.pager li {
+	display: inline-block;
+	margin: 0.25em 0.5em;
+}
+
+div#cgit ul.pager a {
+	color: #777;
+}
+
+div#cgit ul.pager .current {
+	font-weight: bold;
+}
+
+div#cgit span.age-mins {
+	font-weight: bold;
+	color: #080;
+}
+
+div#cgit span.age-hours {
+	color: #080;
+}
+
+div#cgit span.age-days {
+	color: #040;
+}
+
+div#cgit span.age-weeks {
+	color: #444;
+}
+
+div#cgit span.age-months {
+	color: #888;
+}
+
+div#cgit span.age-years {
+	color: #bbb;
+}
+
+div#cgit span.insertions {
+	color: #080;
+}
+
+div#cgit span.deletions {
+	color: #800;
+}
+
+@media (prefers-color-scheme: dark) {
+	div#cgit span.age-mins {
+		color: rgb(179, 250, 179);
+	}
+
+	div#cgit span.age-hours {
+		color: rgb(135, 207, 135);
+	}
+
+	div#cgit span.age-days {
+		color: rgb(119, 168, 119);
+	}
+
+	div#cgit span.age-weeks {
+		color: rgb(86, 119, 86);
+	}
+
+	div#cgit span.age-months {
+		color: rgb(136, 139, 137);
+	}
+
+	div#cgit span.age-years {
+		color: rgb(139, 139, 139);
+	}
+
+	div#cgit span.insertions {
+		color: rgb(148, 233, 148);
+	}
+
+	div#cgit span.deletions {
+		color: rgb(255, 104, 104);
+	}
+}
+
+div#cgit div.footer {
+	margin-top: 0.5em;
+	text-align: center;
+	font-size: 80%;
+	color: #ccc;
+}
+
+div#cgit div.footer a {
+	color: #ccc;
+	text-decoration: none;
+}
+
+div#cgit div.footer a:hover {
+	text-decoration: underline;
+}
+
+div#cgit a.branch-deco {
+	color: #000;
+	margin: 0px 0.5em;
+	padding: 0px 0.25em;
+	background-color: #88ff88;
+	border: solid 1px #007700;
+}
+
+div#cgit a.tag-deco {
+	color: #000;
+	margin: 0px 0.5em;
+	padding: 0px 0.25em;
+	background-color: #ffff88;
+	border: solid 1px #777700;
+}
+
+div#cgit a.tag-annotated-deco {
+	color: #000;
+	margin: 0px 0.5em;
+	padding: 0px 0.25em;
+	background-color: #ffcc88;
+	border: solid 1px #777700;
+}
+
+div#cgit a.remote-deco {
+	color: #000;
+	margin: 0px 0.5em;
+	padding: 0px 0.25em;
+	background-color: #ccccff;
+	border: solid 1px #000077;
+}
+
+div#cgit a.deco {
+	color: #000;
+	margin: 0px 0.5em;
+	padding: 0px 0.25em;
+	background-color: #ff8888;
+	border: solid 1px #770000;
+}
+
+div#cgit div.commit-subject a.branch-deco,
+div#cgit div.commit-subject a.tag-deco,
+div#cgit div.commit-subject a.tag-annotated-deco,
+div#cgit div.commit-subject a.remote-deco,
+div#cgit div.commit-subject a.deco {
+	margin-left: 1em;
+	font-size: 75%;
+}
+
+div#cgit table.stats {
+	border: solid 1px var(--color);
+	border-collapse: collapse;
+}
+
+div#cgit table.stats th {
+	text-align: left;
+	padding: 1px 0.5em;
+	background-color: var(--background);
+	border: solid 1px var(--color);
+}
+
+div#cgit table.stats td {
+	text-align: right;
+	padding: 1px 0.5em;
+	border: solid 1px var(--color);
+}
+
+div#cgit table.stats td.total {
+	font-weight: bold;
+	text-align: left;
+}
+
+div#cgit table.stats td.sum {
+	color: var(--stats-total);
+	font-weight: bold;
+	/*	background-color: #eee; */
+}
+
+div#cgit table.stats td.left {
+	text-align: left;
+}
+
+div#cgit table.vgraph {
+	border-collapse: separate;
+	border: solid 1px black;
+	height: 200px;
+}
+
+div#cgit table.vgraph th {
+	background-color: #eee;
+	font-weight: bold;
+	border: solid 1px white;
+	padding: 1px 0.5em;
+}
+
+div#cgit table.vgraph td {
+	vertical-align: bottom;
+	padding: 0px 10px;
+}
+
+div#cgit table.vgraph div.bar {
+	background-color: #eee;
+}
+
+div#cgit table.hgraph {
+	border: solid 1px black;
+	width: 800px;
+}
+
+div#cgit table.hgraph th {
+	background-color: #eee;
+	font-weight: bold;
+	border: solid 1px black;
+	padding: 1px 0.5em;
+}
+
+div#cgit table.hgraph td {
+	vertical-align: middle;
+	padding: 2px 2px;
+}
+
+div#cgit table.hgraph div.bar {
+	background-color: #eee;
+	height: 1em;
+}
+
+div#cgit table.ssdiff {
+	width: 100%;
+}
+
+div#cgit table.ssdiff td {
+	font-size: 75%;
+	font-family: monospace;
+	white-space: pre;
+	padding: 1px 4px 1px 4px;
+	border-left: solid 1px #aaa;
+	border-right: solid 1px #aaa;
+}
+
+div#cgit table.ssdiff td.add {
+	color: black;
+	background: #cfc;
+	min-width: 50%;
+}
+
+div#cgit table.ssdiff td.add_dark {
+	color: black;
+	background: #aca;
+	min-width: 50%;
+}
+
+div#cgit table.ssdiff span.add {
+	background: #cfc;
+	font-weight: bold;
+}
+
+div#cgit table.ssdiff td.del {
+	color: black;
+	background: #fcc;
+	min-width: 50%;
+}
+
+div#cgit table.ssdiff td.del_dark {
+	color: black;
+	background: #caa;
+	min-width: 50%;
+}
+
+div#cgit table.ssdiff span.del {
+	background: #fcc;
+	font-weight: bold;
+}
+
+div#cgit table.ssdiff td.changed {
+	color: black;
+	background: #ffc;
+	min-width: 50%;
+}
+
+div#cgit table.ssdiff td.changed_dark {
+	color: black;
+	background: #cca;
+	min-width: 50%;
+}
+
+div#cgit table.ssdiff td.lineno {
+	color: black;
+	background: #eee;
+	text-align: right;
+	width: 3em;
+	min-width: 3em;
+}
+
+div#cgit table.ssdiff td.hunk {
+	color: black;
+	background: #ccf;
+	border-top: solid 1px #aaa;
+	border-bottom: solid 1px #aaa;
+}
+
+div#cgit table.ssdiff td.head {
+	border-top: solid 1px #aaa;
+	border-bottom: solid 1px #aaa;
+}
+
+div#cgit table.ssdiff td.head div.head {
+	font-weight: bold;
+	color: black;
+}
+
+div#cgit table.ssdiff td.foot {
+	border-top: solid 1px #aaa;
+	border-left: none;
+	border-right: none;
+	border-bottom: none;
+}
+
+div#cgit table.ssdiff td.space {
+	border: none;
+}
+
+div#cgit table.ssdiff td.space div {
+	min-height: 3em;
+}
+
+/* Style definition file generated by highlight 3.9, http://www.andre-simon.de/ */
+/* Highlighting theme: Kwrite Editor */
+/* adapted for cgit */
+div#cgit table.blob .num {
+	color: #b07e00;
+}
+
+div#cgit table.blob .esc {
+	color: #ff00ff;
+}
+
+div#cgit table.blob .str {
+	color: #bf0303;
+}
+
+div#cgit table.blob .pps {
+	color: #818100;
+}
+
+div#cgit table.blob .slc {
+	color: #838183;
+	font-style: italic;
+}
+
+div#cgit table.blob .com {
+	color: #838183;
+	font-style: italic;
+}
+
+div#cgit table.blob .ppc {
+	color: #008200;
+}
+
+div#cgit table.blob .opt {
+	color: #000000;
+}
+
+div#cgit table.blob .lin {
+	color: #555555;
+}
+
+div#cgit table.blob .kwa {
+	color: #000000;
+	font-weight: bold;
+}
+
+div#cgit table.blob .kwb {
+	color: #0057ae;
+}
+
+div#cgit table.blob .kwc {
+	color: #000000;
+	font-weight: bold;
+}
+
+div#cgit table.blob .kwd {
+	color: #010181;
+}
diff --git a/css/header.css b/archive/css/header.css
index 4830f72..4830f72 100644
--- a/css/header.css
+++ b/archive/css/header.css
diff --git a/css/isso.css b/archive/css/isso.css
index d8b3f00..d8b3f00 100644
--- a/css/isso.css
+++ b/archive/css/isso.css
diff --git a/archive/css/main.css b/archive/css/main.css
new file mode 100644
index 0000000..d6c0d76
--- /dev/null
+++ b/archive/css/main.css
@@ -0,0 +1,254 @@
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+  hyphens: auto;
+  /*word-break: break-all;*/
+}
+
+html {
+  min-height: 100%;
+  min-width: 100%;
+
+  display: flex;
+  flex-direction: column;
+}
+
+body {
+  min-height: 100%;
+  width: 100%;
+
+  display: flex;
+  flex-direction: column;
+  flex-grow: 1;
+
+  font-family: Verdana, sans-serif;
+  font-size: 11pt;
+
+  text-align: center;
+}
+
+div#page, div#divbodyholder, div#cgit {
+  background-color: var(--bg-color);
+
+  padding: 3px 0px 3px 0px;
+
+  min-height: 100%;
+  width: 100%;
+
+  flex-grow: 1;
+
+  /*background-image: url(/icons/collage.png);
+  background-size: contain;
+  background-attachment: fixed;
+  background-repeat: repeat;*/
+}
+
+div.inner_page {
+  position: relative;
+
+  width: 65%;
+    
+  align-items: center;
+  justify-content: center;
+
+  margin: 0px auto 0px auto;
+
+  border-width: 0px;
+  border-color: var(--theme-color);
+  border-style: solid;
+  border-radius: 15px;
+
+  box-shadow: 0px 0px 33px 14px #000000;
+}
+
+div.page_header {
+  padding-top: 2em;
+  padding-bottom: 2em;
+  width: 100%;
+  display: flex;
+  justify-content: center;
+  
+  background-color: var(--theme-color);
+  border-radius: 15px 15px 0 0;
+}
+
+
+div.page_header img {
+  margin: 3px 0px 0px 40px;
+
+  border: 0px 0px 0px;
+}
+
+div.table_of_contents {
+  clear: center;
+
+  min-width: 200px;
+
+  margin: 3px 3px 3px 3px;
+  padding: 10px;
+
+  background-color: var(--bg-color);
+
+  text-align: center;
+}
+
+div.table_of_contents_item {
+  clear: center;
+  text-align: center;
+
+  width: 100%;
+  margin: 4px 0px 0px 0px;
+
+  background-color: var(--bg-color);
+  color: var(--text-color);
+}
+
+div.table_of_contents_item a {
+    margin: 6px 0px 0px 6px;
+}
+
+div.content_section, div.content {
+  margin: 3px 3px 3px 3px;
+  background-color: var(--bg-color);
+  text-align: left;
+}
+
+div.content_section_text, div.content {
+  padding: 4px 8px 4px 8px;
+  color: var(--text-color);
+}
+
+a.ablack {
+  color: var(--bg-color);
+  text-decoration: none;
+}
+
+div.subtitle {
+  margin-bottom: 2ex;
+  text-align: center;
+}
+
+div#footer {
+  padding-top: 5px;
+  color: var(--text-color);
+}
+
+div.content_section_text pre {
+  margin: 8px 0px 8px 0px;
+  padding: 8px 8px 8px 8px;
+
+  border-width: 1px;
+  border-style: solid;
+  border-color: var(--text-color);
+
+  background-color: var(--bg-color);
+
+  font-style: italic;
+}
+
+div.content_section_text p,
+div.content p {
+  margin-bottom: 6px;
+  text-align: left;
+}
+
+div.content_section_text p:first-letter,
+div.content:first-letter {
+	font-size: 15pt;
+}
+
+ul, ol {
+  padding: 4px 8px 4px 16px;
+  margin-left: 1%;
+
+  text-align: left;
+}
+
+div.section_header,
+summary.section_header {
+  padding: 3px 6px 3px 6px;
+  border-radius: 15px;
+
+  background-color: var(--theme-color);
+
+  color: var(--bg-color);
+  font-weight: bold;
+  font-size: 112%;
+  text-align: center;
+}
+
+div.section_header_last {
+  border-radius: 0px 0px 15px 15px;
+}
+
+.floating_element {
+  color: var(--bg-color);
+  position: relative;
+  background-color: var(--theme-color);
+  border-radius: 0px 0px 20px 20px;
+
+  img {
+    max-width: 13%;
+    display: block;
+  }
+}
+
+table.services_table {
+  border-collapse: collapse;
+
+  padding: 5px 20px 15px 20px;
+  margin: 10px auto 10px auto;
+}
+
+tr.services_table_item {
+  border-top: 1px solid var(--text-color);
+  border-bottom: 1px solid var(--text-color);
+}
+
+td:nth-of-type(5) {
+  word-break: break-all;
+}
+
+/*img.floating_element {
+  justify-content: center;
+  position: relative;
+  float: left;
+  max-width: 13%;
+}*/
+
+a {
+  color: var(--text-color);
+  word-break: break-all;
+}
+
+a:hover {
+  text-decoration: underline;
+  font-weight: bold;
+  color: var(--text-color);
+}
+
+div.section_header_last a:visited, 
+div.section_header_last a:link, 
+div.section_header_last a:active {
+  font-weight: initial;
+}
+
+div.section_header_last a:hover {
+  text-decoration: underline;
+  font-weight: bold;
+  color: var(--text-color);
+}
+
+.word-break {
+  word-break: all;
+}
+
+div.validator {
+}
+
+/*
+ * There was a CSS snippet to reset custom browser behaviour
+ * https://stackoverflow.com/a/19184796
+ * 
+ */
diff --git a/archive/css/responsivity.css b/archive/css/responsivity.css
new file mode 100644
index 0000000..58fc1f3
--- /dev/null
+++ b/archive/css/responsivity.css
@@ -0,0 +1,193 @@
+@media (max-width: 1024px) and (min-width: 401px) and (orientation: portrait){
+	div.inner_page {
+		width: 95%;
+	}
+
+	body {
+		font-size: 32pt;
+	}
+
+	div.content_section_text p::first-letter,div.content::first-letter {
+		font-size: 37pt;
+	}
+
+	/* https://css-tricks.com/responsive-data-tables/ */
+
+	/*
+	 * Force table to not be like tables anymore
+	 */
+	table, thead, tbody, th, td, tr {
+		display: block;
+	}
+
+	/*
+	 * Hide table headers (but not display: none;, for accessibility)
+	 */
+	thead tr {
+		position: absolute;
+		top: -9999%;
+		left: -9999%;
+	}
+
+	td {
+		/* Behave  like a "row" */
+		border: none;
+		position: relative;
+		padding-left: 50%;
+	}
+
+	td::before {
+		/* Now like a table header */
+		position: absolute;
+		/* Top/left values mimic padding */
+		top: 6px;
+		left: 6px;
+		width: 45%;
+		padding-right: 10px;
+		white-space: nowrap;
+	}
+}
+
+/* iframe */
+@media (width: 400px) and (height: 250px) {
+	div.inner_page {
+		width: 95%;
+	}
+
+	body {
+		font-size: 11pt;
+	}
+
+	div.content_section_text p::first-letter,div.content::first-letter {
+		font-size: 15pt;
+	}
+
+	/*
+	 * Force table to not be like tables anymore
+	 */
+	table, thead, tbody, th, td, tr {
+		display: block;
+	}
+
+	/*
+	 * Hide table headers (but not display: none;, for accessibility)
+	 */
+	thead tr {
+		position: absolute;
+		top: -9999%;
+		left: -9999%;
+	}
+
+	td {
+		/* Behave  like a "row" */
+		border: none;
+		position: relative;
+		padding-left: 50%;
+	}
+
+	td::before {
+		/* Now like a table header */
+		position: absolute;
+		/* Top/left values mimic padding */
+		left: 6px;
+		width: 45%;
+		padding-right: 10px;
+		white-space: nowrap;
+	}
+}
+
+@media (max-width: 400px) and (orientation: portrait){
+	div.inner_page {
+		width: 100%;
+		margin: 0;
+	}
+
+	body {
+		font-size: 24pt;
+	}
+}
+@media only screen and (orientation: landscape)
+	  and (min-width: 992px)
+	  and (max-width: 1199px) {
+	    body { font-size: 14pt; }
+        }
+	@media only screen and (orientation: landscape)
+	  and (min-width: 768px)
+	  and (max-width: 991px) {
+            body { font-size: 14pt; }
+        }
+	@media only screen and (orientation: landscape)
+	  and (min-width: 480px)
+	  and (max-width: 767px) {
+            body { font-size: 11pt; }
+        }
+	@media only screen and (orientation: landscape)
+	  and (max-width: 479px) {
+            body { font-size: 8pt; }
+        }
+	@media only screen and (orientation: landscape)
+	  and (min-device-width : 375px)
+	  and (max-device-width : 667px) {
+            body { font-size: 9.5pt; }
+        }
+
+/* https://css-tricks.com/responsive-data-tables/ */
+/*
+Max width before this PARTICULAR table gets nasty
+This query will take effect for any screen smaller than 760px
+and also iPads specifically.
+*/
+/*@media
+only screen and (max-width: 760px),
+(min-device-width: 768px) and (max-device-width: 1024px)  {*/
+@media (max-width: 1024px) and (min-width: 401px) {
+	div.inner_page {
+		width: 95%;
+	}
+
+	body {
+		font-size: 32pt;
+	}
+
+	div.content_section_text p::first-letter,div.content::first-letter {
+		font-size: 37pt;
+	}
+
+	/*
+	 * Force table to not be like tables anymore
+	 */
+	table, thead, tbody, th, td, tr {
+		display: block;
+	}
+
+	/*
+	 * Hide table headers (but not display: none;, for accessibility)
+	 */
+	thead tr {
+		position: absolute;
+		top: -9999%;
+		left: -9999%;
+	}
+
+	tbody tr {
+		border-top: 5px solid var(--gray-color);
+		border-bottom: 5px solid var(--gray-color);
+	}
+
+	td {
+		/* Behave  like a "row" */
+		border: none;
+		position: relative;
+		padding-left: 50%;
+	}
+
+	td::before {
+		/* Now like a table header */
+		position: absolute;
+		/* Top/left values mimic padding */
+		left: 6px;
+		width: 45%;
+		padding-right: 10px;
+		white-space: nowrap;
+	}
+}
diff --git a/css/theme.css b/archive/css/theme.css
index 2d15bc5..2d15bc5 100644
--- a/css/theme.css
+++ b/archive/css/theme.css
diff --git a/css/third-party.css b/archive/css/third-party.css
index 1c44e61..1c44e61 100644
--- a/css/third-party.css
+++ b/archive/css/third-party.css
diff --git a/archive/folk b/archive/folk
new file mode 120000
index 0000000..3bede29
--- /dev/null
+++ b/archive/folk
@@ -0,0 +1 @@
+/home/lotigara/folk_studio
\ No newline at end of file
diff --git a/archive/folk-new/index.html b/archive/folk-new/index.html
new file mode 100644
index 0000000..715b100
--- /dev/null
+++ b/archive/folk-new/index.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+		<title>Студия дизайна и архитектуры «Folk»</title>
+		<link rel="stylesheet" href="main.css">
+		<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css"/>
+	</head>
+	<body>
+		<div id="page_wrapper">
+			<div class="page">
+				<div class="header">
+					<h1>Студия дизайна и архитектуры</h1>
+					<img class="header" src="https://www.lotigara.ru/folk/no_index/folk_logo_header.svg" alt="Folk">
+				</div>
+
+				<div class="main_slider">
+					<img>
+					<img>
+					<img>
+				</div>
+			</div>
+		</div>
+
+		<script>
+			$(document).ready(function(){
+			  $('.main_slider').slick({
+			    slidesToShow: 3,
+			    slidesToScroll: 1,
+			    autoplay: true,
+			    autoplaySpeed: 5000,
+			  });
+			});
+		</script>
+
+		<script type="text/javascript" src="//code.jquery.com/jquery-1.11.0.min.js"></script>
+		<script type="text/javascript" src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
+		<script type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
+	</body>
+</html>
diff --git a/archive/folk-new/main.css b/archive/folk-new/main.css
new file mode 100644
index 0000000..4db2466
--- /dev/null
+++ b/archive/folk-new/main.css
@@ -0,0 +1,44 @@
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+  hyphens: auto;
+}
+
+html {
+  min-height: 100%;
+  min-width: 100%;
+
+  display: flex;
+  flex-direction: column;
+}
+
+body {
+  min-height: 100%;
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  flex-grow: 1;
+  font-family: Verdana, serif;
+  font-size: 11pt;
+  text-align: center;
+}
+
+div#page_wrapper {
+  background-color: #e5e6e7;
+  min-height: 100%;
+  width: 100%;
+  flex-grow: 1;
+}
+
+div.page {
+  position: relative;
+  margin: 1em auto 0px auto;
+}
+
+div.header {
+  border-bottom: 5px solid black;
+  display: inline-block;
+  padding-bottom: 1em;
+  width: 50%;
+}
diff --git a/index.html b/archive/index.html
index 49fa574..49fa574 100644
--- a/index.html
+++ b/archive/index.html
diff --git a/archive/quantorium-presentation-2024-2025.html b/archive/quantorium-presentation-2024-2025.html
new file mode 100644
index 0000000..9d4d0e4
--- /dev/null
+++ b/archive/quantorium-presentation-2024-2025.html
@@ -0,0 +1,200 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+		<title>Презентация «Мой личный веб-сайт»</title>
+		<link href="/css/main.css" rel="stylesheet" />
+		<link href="/css/theme.css" rel="stylesheet" />
+		<link href="/css/third-party.css" rel="stylesheet" />
+		<link href="/css/responsivity.css" rel="stylesheet" />
+
+		<style>
+			iframe.website {
+				width: 400px;
+				height: 250px;
+				transition: 0.5s;
+
+				/* https://stackoverflow.com/a/3131624 */
+				/*-ms-zoom: 0.25;
+				-moz-transform: scale(0.25);
+				-moz-transform-origin: 0 0;
+				-o-transform: scale(0.25);
+				-o-transform-origin: 0 0;
+				-webkit-transform: scale(0.25);
+				-webkit-transform-origin: 0 0;*/
+
+				border-width: 0px;
+				border-color: var(--theme-color);
+				border-style: solid;
+				border-radius: 5px;
+				box-shadow: 0px 0px 8px 7px #000000;
+			}
+
+			iframe.website:hover {
+				transform: rotateZ(360deg) translateY(-150px);
+				transition: 0.5s;
+				width: 1000px;
+				height: 840px;
+			}
+
+			div.frame_wrapper {
+				padding: 5%;
+
+				height: 100%;
+				width: 100%;
+			}
+
+			body {
+				font-size: 29pt;
+			}
+
+			div.inner_page {
+				margin: 0;
+				width: 100%;
+			}
+
+			div.content_section_text p::first-letter, div.content::first-letter {
+				font-size: 33pt !important;
+			}
+
+			div.table_of_contents {
+				position: fixed;
+				right: 0;
+				bottom: 0;
+
+				/*font-size: 11pt;*/
+
+				border-width: 0px;
+				border-color: var(--theme-color);
+				border-style: solid;
+				border-radius: 5px;
+				box-shadow: 0px 0px 8px 7px #000000;
+			}
+
+			#theme-switch:checked ~ #page {
+				--text-color: var(--dark-text);
+				--bg-color: var(--dark-bg);
+				--theme-color: var(--dark-theme);
+				--gray-color: var(--dark-gray);
+			}
+
+			:root {
+				--light-text: #222430;
+				--light-bg: #f5f6f7;
+				--light-theme: #e0b472;
+				--light-gray: #dcdfe6;
+				
+				--dark-text: #f7f7f7;
+				--dark-bg: #222430;
+				--dark-theme: #bd93f9;
+				--dark-gray: #838383;
+
+				--text-color: var(--light-text);
+				--bg-color: var(--light-bg);
+				--theme-color: var(--light-theme);
+				--gray-color: var(--light-gray);
+			}
+		</style>
+	</head>
+	<body>
+		<input type="checkbox" id="theme-switch">
+		<div id="page">
+			<div class="inner_page">
+				<div class="page_header floating_element">
+					<h1 class="floating_element">Мой личный веб-сайт</h1>
+				</div>
+				<div class="floating_element">
+					<h3>Выполнил Иван Давыдов из группы И1</h3>
+					<label id="switch-label" for="theme-switch"></label>
+				</div>
+
+				<div class="content_section floating_element" style="display:inline-flex;">
+					<div style="display:initial;">
+						<div class="section_header">
+							<div id="about"></div>
+							О проекте
+						</div>
+						<div class="content_section_text" style="display:inline-flex;">
+							<div class="frame_wrapper">
+								<iframe class="website" src="https://www.lotigara.ru" title="Главная страница"></iframe>
+							</div>
+							<div style="display:initial;width:100%;">
+								<p>
+									«Веб-сайт самохостера Lotigara» - это мой личный веб-сайт,
+									на котором есть краткое описание сервера и установленного ПО, задач
+									и блог.
+								</p>
+
+								<p>Технологии, которые были использованы:</p>
+								<ul>
+									<li>HTML 5</li>
+									<li>CSS 3</li>
+								</ul>
+
+								<p>Ресурсы, которые были использованы:</p>
+								<ul>
+									<li>MDN</li>
+									<li>W3Schools</li>
+									<li>LandChad</li>
+								</ul>
+							</div>
+						</div>
+						<div class="section_header">
+							<div id="reasons-n-causes"></div>
+							Причины и поводы
+						</div>
+						<div class="content_section_text" style="display:inline-flex;">
+							<div class="frame_wrapper">
+								<iframe class="website" src="https://www.lotigara.ru/blog" title="Журнал"></iframe>
+							</div>
+							<div style="display:initial;width:100%;">
+								<p>Причины:</p>
+								<ol>
+									<li>Интересно изучать, как работает Web, ОС типа Unix.</li>
+								</ol>
+
+								<p>Поводы:</p>
+								<ol>
+									<li>Появление мощной ЭВМ, у которой хватает мощности выполнять полный набор серверного ПО.</li>
+								</ol>
+							</div>
+						</div>
+
+						<div class="section_header">
+							<div id="plans"></div>
+							Планы на будущее
+						</div>
+						<div class="content_section_text" style="display:inline-flex;">
+							<ul style="display:initial;">
+								<li>Присоединение блога к децентрализованной соц. сети XMPP и добавление комментариев через XMPP</li>
+								<li>Больше публикаций в журнале</li>
+								<li>Настройка внешнего вида Git-сервера</li>
+							</ul>
+							<div class="frame_wrapper">
+								<iframe class="website" src="https://www.lotigara.ru/status.php" title="Состояние"></iframe>
+							</div>
+						</div>
+
+						<div class="section_header">
+							<div id="drawbacks"></div>
+							Недостатки
+						</div>
+						<div class="content_section_text">
+							<div class="frame_wrapper">
+								<iframe class="website" src="https://git.lotigara.ru" title="Блог"></iframe>
+							</div>
+						</div>
+					</div>
+					<div class="table_of_contents floating_element">
+						<ul>
+							<li><a href="#about">Общая информация</a></li>
+							<li><a href="#reasons-n-causes">Причины и поводы</a></li>
+							<li><a href="#plans">Планы</a></li>
+							<li><a href="#drawbacks">Недостатки</a></li>
+						</ul>
+					</div>
+				</div>
+			</div>
+		</div>
+	</body>
+</html>
diff --git a/archive/quantorium-presentation-2024-2025.html.nerd b/archive/quantorium-presentation-2024-2025.html.nerd
new file mode 100644
index 0000000..c3adb33
--- /dev/null
+++ b/archive/quantorium-presentation-2024-2025.html.nerd
@@ -0,0 +1,54 @@
+Кроме главной страницы и блога, имеется страница, показывающая
+информацию о сервере в текущее время. Эта страница написана на PHP,
+использует в качестве основы свободный PHP-скрипт. Также есть сервер
+исходных кодов, работающий на Git и Cgit, и страница для загрузки файлов,
+которыми я хочу поделиться, работающая на Nginx.
+---
+«Веб-сайт самохостера Lotigara» - это мой личный веб-сайт,
+на котором есть краткое описание меня, моих задач, моего сервера
+и мой блог.
+---
+Технологии, которые я использовал:
+HTML 5
+CSS 3
+Vim
+Git
+Nginx
+Debian GNU/Linux
+
+Ресурсы, которые я использовал:
+MDN
+W3Schools
+LandChad
+---
+Причины:
+Стремление к независимости от корпораций.
+Стремление показать миру свои возможности и знания.
+Наличие неиспользуемой ЭВМ.
+Наличие соответствующих знаний и интересов.
+Наличие свободного времени.
+Поводы:
+Появление сервера.
+Появление свободного времени.
+Изучение движения за свободное ПО.
+рисоединение блога к децентрализованной соц. сети
+обавление комментариев из соц. сети, выбранной выше
+Возможно, предоставление удалённого доступа к рабочему столу и веб-серверу, а также возможность установки собственного ПО (включая свой веб-сервер) как отдельный проект
+Больше постов в блоге
+Настройка внешнего вида Git-сервера
+Присоединить веб-сайт к системе управления версиями Git
+---
+Страница с моим ПО (см. рамку слева) выглядит плохо, т.е. сильно отличается от главной страницы и не является отзывчивой.  Возможное решение: либо изменить исходный код движка страницы с Git-репозиториями, либо использовать другой движок;
+
+<!--Отсутствие нормального переноса текста. Пока что я умею делать только три варианта: слова переносятся по буквам и без дефиса, но остальная страница выглядит хорошо; слова переносятся только отдельно, и в случае длинных слов и узких экранов страница выглядит сломанной; и слова переносятся вручную (я указываю, где будет разрыв слова).  Возможное решение: научиться настраивать перенос текста в списке стилей (CSS);-->
+
+Дублирование «шапки» страницы в каждом файле. Это является очень неудобным, так как при изменении шапки необходимо изменять каждую страницу, то есть страницы с кодами ошибок HTTP, страница с отображением списка файлов, блог, страница с тех. характеристиками и главная страница.  Возможное решение: использовать тег &lt;iframe&gt;;
+
+Блог не связан с какой-либо соц. сетью. Это означает, что если читатель оставляет комментарий, то его не может увидеть никто, кроме посетителей данного вебсайта. То же самое касается блога. Возможное решение: присоединить блог к какой-либо соц. сети, например WebMentions. Она поддерживается одной из версий блог-движка, который я использую, но не является популярной. Дальше идут эл. почта (самый доступный вариант, но настройка является трудной, так как нужно интегрировать веб-страницу и сервер почтовых рассылок) и XMPP/Jabber (здесь будет проще, так как есть XMPP-клиент Movim, поддерживающий функции соц. сети. Но здесь проблема заключается в том, что нужно сделать вариант отображения блога через Web). И, наконец, на помощь приходит протокол ActivityPub и войска совместимых серверов. Необходимо отметить, что первый и последний варианты не подходят, так как первый - неизвестный, а последний - слишком простой и ненастраиваемый (желательно иметь возможность отображения в отдельной, настраиваемой веб-странице). Вывод: самым привлекательным для меня вариантом является XMPP/Jabber, который не является таким простым, как ActivityPub, и требует знания протокола XMPP, которые мне (по моему мнению) были бы полезны.
+
+skobk.in - личный веб-блог Алексея Скобкина, в который он пишет статьи самого разного характера;
+lukesmith.xyz - личный веб-сайта Люка Смита, на котором он ведёт свой блог и предлагает читателям целенаправленно ознакомиться с мнениями автора;
+aryak.me - веб-сайт хакера* по прозвищу Arya, на котором он ведёт свой блог, а также предлагает читателям ознакомиться со проектами, в которых принимал участие;
+poridge.club - сервер, предлагающий пользователям зарегистрироваться в свободной, децентрализованной соц. сети Fediverse и запросить аккаунт электронной почты и аккаунт XMPP (мгновенные сообщения).
+
+Прошу заметить, что я не во всём согласен с авторами перечисленных выше веб-сайтов.
diff --git a/status.php b/archive/status.php
index 5946dcc..5946dcc 100644
--- a/status.php
+++ b/archive/status.php
diff --git a/css/main.css b/css/main.css
index d6c0d76..97cf762 100644
--- a/css/main.css
+++ b/css/main.css
@@ -1,254 +1,8 @@
-* {
-  margin: 0;
-  padding: 0;
-  box-sizing: border-box;
-  hyphens: auto;
-  /*word-break: break-all;*/
+:root {
+  font-family: monospace;
 }
 
-html {
-  min-height: 100%;
-  min-width: 100%;
-
-  display: flex;
-  flex-direction: column;
-}
-
-body {
-  min-height: 100%;
-  width: 100%;
-
-  display: flex;
-  flex-direction: column;
-  flex-grow: 1;
-
-  font-family: Verdana, sans-serif;
-  font-size: 11pt;
-
-  text-align: center;
-}
-
-div#page, div#divbodyholder, div#cgit {
-  background-color: var(--bg-color);
-
-  padding: 3px 0px 3px 0px;
-
-  min-height: 100%;
-  width: 100%;
-
-  flex-grow: 1;
-
-  /*background-image: url(/icons/collage.png);
-  background-size: contain;
-  background-attachment: fixed;
-  background-repeat: repeat;*/
-}
-
-div.inner_page {
-  position: relative;
-
-  width: 65%;
-    
-  align-items: center;
-  justify-content: center;
-
-  margin: 0px auto 0px auto;
-
-  border-width: 0px;
-  border-color: var(--theme-color);
-  border-style: solid;
-  border-radius: 15px;
-
-  box-shadow: 0px 0px 33px 14px #000000;
-}
-
-div.page_header {
-  padding-top: 2em;
-  padding-bottom: 2em;
-  width: 100%;
-  display: flex;
-  justify-content: center;
-  
-  background-color: var(--theme-color);
-  border-radius: 15px 15px 0 0;
-}
-
-
-div.page_header img {
-  margin: 3px 0px 0px 40px;
-
-  border: 0px 0px 0px;
-}
-
-div.table_of_contents {
-  clear: center;
-
-  min-width: 200px;
-
-  margin: 3px 3px 3px 3px;
-  padding: 10px;
-
-  background-color: var(--bg-color);
-
-  text-align: center;
-}
-
-div.table_of_contents_item {
-  clear: center;
-  text-align: center;
-
+/*iframe {
   width: 100%;
-  margin: 4px 0px 0px 0px;
-
-  background-color: var(--bg-color);
-  color: var(--text-color);
-}
-
-div.table_of_contents_item a {
-    margin: 6px 0px 0px 6px;
-}
-
-div.content_section, div.content {
-  margin: 3px 3px 3px 3px;
-  background-color: var(--bg-color);
-  text-align: left;
-}
-
-div.content_section_text, div.content {
-  padding: 4px 8px 4px 8px;
-  color: var(--text-color);
-}
-
-a.ablack {
-  color: var(--bg-color);
-  text-decoration: none;
-}
-
-div.subtitle {
-  margin-bottom: 2ex;
-  text-align: center;
-}
-
-div#footer {
-  padding-top: 5px;
-  color: var(--text-color);
-}
-
-div.content_section_text pre {
-  margin: 8px 0px 8px 0px;
-  padding: 8px 8px 8px 8px;
-
-  border-width: 1px;
-  border-style: solid;
-  border-color: var(--text-color);
-
-  background-color: var(--bg-color);
-
-  font-style: italic;
-}
-
-div.content_section_text p,
-div.content p {
-  margin-bottom: 6px;
-  text-align: left;
-}
-
-div.content_section_text p:first-letter,
-div.content:first-letter {
-	font-size: 15pt;
-}
-
-ul, ol {
-  padding: 4px 8px 4px 16px;
-  margin-left: 1%;
-
-  text-align: left;
-}
-
-div.section_header,
-summary.section_header {
-  padding: 3px 6px 3px 6px;
-  border-radius: 15px;
-
-  background-color: var(--theme-color);
-
-  color: var(--bg-color);
-  font-weight: bold;
-  font-size: 112%;
-  text-align: center;
-}
-
-div.section_header_last {
-  border-radius: 0px 0px 15px 15px;
-}
-
-.floating_element {
-  color: var(--bg-color);
-  position: relative;
-  background-color: var(--theme-color);
-  border-radius: 0px 0px 20px 20px;
-
-  img {
-    max-width: 13%;
-    display: block;
-  }
-}
-
-table.services_table {
-  border-collapse: collapse;
-
-  padding: 5px 20px 15px 20px;
-  margin: 10px auto 10px auto;
-}
-
-tr.services_table_item {
-  border-top: 1px solid var(--text-color);
-  border-bottom: 1px solid var(--text-color);
-}
-
-td:nth-of-type(5) {
-  word-break: break-all;
-}
-
-/*img.floating_element {
-  justify-content: center;
-  position: relative;
-  float: left;
-  max-width: 13%;
+  aspect-ratio: unset;
 }*/
-
-a {
-  color: var(--text-color);
-  word-break: break-all;
-}
-
-a:hover {
-  text-decoration: underline;
-  font-weight: bold;
-  color: var(--text-color);
-}
-
-div.section_header_last a:visited, 
-div.section_header_last a:link, 
-div.section_header_last a:active {
-  font-weight: initial;
-}
-
-div.section_header_last a:hover {
-  text-decoration: underline;
-  font-weight: bold;
-  color: var(--text-color);
-}
-
-.word-break {
-  word-break: all;
-}
-
-div.validator {
-}
-
-/*
- * There was a CSS snippet to reset custom browser behaviour
- * https://stackoverflow.com/a/19184796
- * 
- */
diff --git a/css/responsivity.css b/css/responsivity.css
index 58fc1f3..75d4ec7 100644
--- a/css/responsivity.css
+++ b/css/responsivity.css
@@ -1,8 +1,4 @@
-@media (max-width: 1024px) and (min-width: 401px) and (orientation: portrait){
-	div.inner_page {
-		width: 95%;
-	}
-
+@media (max-width: 1199px) and (min-width: 401px) {
 	body {
 		font-size: 32pt;
 	}
@@ -46,148 +42,44 @@
 		padding-right: 10px;
 		white-space: nowrap;
 	}
-}
 
-/* iframe */
-@media (width: 400px) and (height: 250px) {
-	div.inner_page {
-		width: 95%;
+	iframe {
+		width: 100%;
+		aspect-ratio: 1/1!important;
 	}
+}
 
+@media only screen and (orientation: landscape)
+and (min-width: 992px)
+and (max-width: 1199px) {
 	body {
-		font-size: 11pt;
-	}
-
-	div.content_section_text p::first-letter,div.content::first-letter {
-		font-size: 15pt;
-	}
-
-	/*
-	 * Force table to not be like tables anymore
-	 */
-	table, thead, tbody, th, td, tr {
-		display: block;
-	}
-
-	/*
-	 * Hide table headers (but not display: none;, for accessibility)
-	 */
-	thead tr {
-		position: absolute;
-		top: -9999%;
-		left: -9999%;
-	}
-
-	td {
-		/* Behave  like a "row" */
-		border: none;
-		position: relative;
-		padding-left: 50%;
-	}
-
-	td::before {
-		/* Now like a table header */
-		position: absolute;
-		/* Top/left values mimic padding */
-		left: 6px;
-		width: 45%;
-		padding-right: 10px;
-		white-space: nowrap;
+		font-size: 14pt;
 	}
 }
-
-@media (max-width: 400px) and (orientation: portrait){
-	div.inner_page {
-		width: 100%;
-		margin: 0;
-	}
-
+@media only screen and (orientation: landscape)
+and (min-width: 768px)
+and (max-width: 991px) {
 	body {
-		font-size: 24pt;
+		font-size: 14pt;
 	}
 }
 @media only screen and (orientation: landscape)
-	  and (min-width: 992px)
-	  and (max-width: 1199px) {
-	    body { font-size: 14pt; }
-        }
-	@media only screen and (orientation: landscape)
-	  and (min-width: 768px)
-	  and (max-width: 991px) {
-            body { font-size: 14pt; }
-        }
-	@media only screen and (orientation: landscape)
-	  and (min-width: 480px)
-	  and (max-width: 767px) {
-            body { font-size: 11pt; }
-        }
-	@media only screen and (orientation: landscape)
-	  and (max-width: 479px) {
-            body { font-size: 8pt; }
-        }
-	@media only screen and (orientation: landscape)
-	  and (min-device-width : 375px)
-	  and (max-device-width : 667px) {
-            body { font-size: 9.5pt; }
-        }
-
-/* https://css-tricks.com/responsive-data-tables/ */
-/*
-Max width before this PARTICULAR table gets nasty
-This query will take effect for any screen smaller than 760px
-and also iPads specifically.
-*/
-/*@media
-only screen and (max-width: 760px),
-(min-device-width: 768px) and (max-device-width: 1024px)  {*/
-@media (max-width: 1024px) and (min-width: 401px) {
-	div.inner_page {
-		width: 95%;
-	}
-
+and (min-width: 480px)
+and (max-width: 767px) {
 	body {
-		font-size: 32pt;
-	}
-
-	div.content_section_text p::first-letter,div.content::first-letter {
-		font-size: 37pt;
-	}
-
-	/*
-	 * Force table to not be like tables anymore
-	 */
-	table, thead, tbody, th, td, tr {
-		display: block;
-	}
-
-	/*
-	 * Hide table headers (but not display: none;, for accessibility)
-	 */
-	thead tr {
-		position: absolute;
-		top: -9999%;
-		left: -9999%;
-	}
-
-	tbody tr {
-		border-top: 5px solid var(--gray-color);
-		border-bottom: 5px solid var(--gray-color);
+		font-size: 11pt;
 	}
-
-	td {
-		/* Behave  like a "row" */
-		border: none;
-		position: relative;
-		padding-left: 50%;
+}
+@media only screen and (orientation: landscape)
+and (max-width: 479px) {
+	body {
+		font-size: 8pt;
 	}
-
-	td::before {
-		/* Now like a table header */
-		position: absolute;
-		/* Top/left values mimic padding */
-		left: 6px;
-		width: 45%;
-		padding-right: 10px;
-		white-space: nowrap;
+}
+@media only screen and (orientation: landscape)
+and (min-device-width : 375px)
+and (max-device-width : 667px) {
+	body {
+		font-size: 9.5pt;
 	}
 }