Веб-сайт самохостера Lotigara

summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
l---------archive/blog1
-rw-r--r--archive/css/cgit-dark.css1125
-rw-r--r--archive/css/header.css (renamed from css/header.css)0
-rw-r--r--archive/css/isso.css (renamed from css/isso.css)0
-rw-r--r--archive/css/main.css254
-rw-r--r--archive/css/responsivity.css193
-rw-r--r--archive/css/theme.css (renamed from css/theme.css)0
-rw-r--r--archive/css/third-party.css (renamed from css/third-party.css)0
l---------archive/folk1
-rw-r--r--archive/folk-new/index.html40
-rw-r--r--archive/folk-new/main.css44
-rw-r--r--archive/index.html (renamed from index.html)0
-rw-r--r--archive/quantorium-presentation-2024-2025.html200
-rw-r--r--archive/quantorium-presentation-2024-2025.html.nerd54
-rw-r--r--archive/status.php (renamed from status.php)0
-rw-r--r--css/main.css254
-rw-r--r--css/responsivity.css162
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;
}
}