initial commit

subsystem/subres/portal.js

@@ -0,0 +1,31 @@
+function inject() {
+  let terms = [
+    "SUBSTELSEL",
+    "INKQUTYWANA",
+    "TSAMAISOANE",
+    "ПОДСИСТЕМА",
+    "النظام الفرعي",
+    "उपतन्त्रम्",
+    "ระบบย่อย",
+    "PUNAHURU",
+    "UNDIRKERFI",
+    "תת מערכת",
+    "ԵՆԹԱՀԱՄԱԿԱՐԳ",
+    "FO-CHÓRAS",
+    "KĀNĀWAI",
+    "SUBSYSTEM",
+  ];
+
+  //    "サブシステム", "ΥΠΟΣΥΣΤΕΜΑ",
+
+  document.getElementById("subsystem").innerHTML =
+    terms[Math.floor(Math.random() * terms.length)];
+}
+
+function disableInject() {
+  clearInterval(injectedPortal);
+}
+
+document.addEventListener("DOMContentLoaded", function () {
+  injectedPortal = setInterval(inject, Math.round(Math.random() * 1000));
+});

subsystem/subres/sub-aboutstyle.css

@@ -0,0 +1,53 @@
+#about {
+  columns: 2;
+}
+.profile {
+  display: flex;
+  flex-direction: row;
+  width: 90%;
+  margin: 20px auto;
+  padding: 10px 20px;
+  break-inside: avoid;
+
+  background-color: var(--d-green);
+}
+.profile a {
+  background-color: var(--orange);
+  color: var(--black);
+}
+.profile a:hover {
+  background-color: var(--black);
+  color: var(--orange);
+}
+.profile > hgroup {
+  margin: 0 10px;
+  text-align: center;
+}
+.profile hgroup h1 {
+  margin: 5px;
+  font-size: larger;
+}
+.profile hgroup h2 {
+  margin: 5px;
+  font-size: medium;
+}
+.profile hgroup h3 {
+  margin: 5px;
+  font-size: large;
+}
+
+.profile p {
+  flex-grow: 1;
+  padding: 5px 10px;
+}
+.profile img {
+  width: 250px;
+  object-fit: cover;
+  object-position: center;
+}
+
+@media only screen and (max-width: 1100px) {
+  #about {
+    columns: 1;
+  }
+}

subsystem/subres/sub-indexstyle.css

@@ -0,0 +1,45 @@
+main {
+  width: min(95%, 650px);
+  margin: auto;
+}
+
+hgroup {
+  margin: 20px;
+}
+hgroup h1,
+hgroup h2 {
+  margin: 0;
+}
+
+hgroup h1 {
+  font-size: xx-large;
+}
+hgroup h2 {
+  font-size: large;
+}
+article h3 {
+  text-align: center;
+  font-size: medium;
+  margin-bottom: -10px;
+}
+h3 {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  text-align: center;
+}
+h3:after,
+h3:before {
+  content: "";
+  flex-grow: 1;
+  height: 1px;
+  margin: auto 10px;
+  background-color: var(--black);
+}
+
+.proclaim {
+  text-align: center;
+  font-size: x-large;
+  font-weight: bold;
+  font-style: italic;
+}