diff --git a/index.html b/index.html new file mode 100755 index 0000000..1dfd1c3 --- /dev/null +++ b/index.html @@ -0,0 +1,259 @@ + + + + + + + The System + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

We Are The System

+

+ In Conformity - + You Are + The System +

+
+
+
+

News

+
+
+

Terror Leader No Longer A Threat

+

Published: Day 22 / Month 03 / Year 0115

+
+
+ "... Karabo has been neutralized." +
+

+ Karabo, prominent chieftan of hostile terror group, has been confirmed + dead. +

+

+ Precision military efforts continue to + maintain peace in the region. The most recent operation - headed by + Commander Dian Van Rooyen - has been most important to this + victory. +

+
+ "[System Warriors] took the camp while the savages + celebrated1 their leader's 17th year." - + Pvt Venter +
+
+ +
+
+

+ Total Annihilation of Discard Camp +

+

Published: Day 24 / Month 02 / Year 0115

+
+
+ The Discard Camp to the West has plagued + the People of the System far too long. - + Cpt. Torey +
+

+ Following a brutal attack on our Home, + swift action was taken by the Military to + clear nearby nests of possible Discarded. +

+
It has finally been cleared of pests.
+

+ Military operation described as + A Total Victory +

+
+ +
+
+

+ New Combat Facilities Provide "Huge + Boost" To Success-Rate +

+

Published: Day 12 / Month 02 / Year 0115

+
+

+ System-Wide surveys have shown that the + all new + Real-Time Competitive Battle Scenario Simulator innovation + exponentially increases success-rate. +

+
+ "The Simulators increase Awareness and Response-Time considerably + ... We have seen its effects when Troops operate in dangerous + territories beyond the Safety of the + System" - Sgt. Lowes +
+
+
+
+

First Decree

+

+ Conflict and Difference are not permitted
+ because they are unwanted. +

+

+ We remember, with broken hearts,
+ the wars caused by difference between + Humans. +

+

+ Almost every single Human died in those wars,
+ at the time of the Conflict. +

+

+ We remember our + + confusion,
+ our strife and our misunderstanding. +

+

+ We also remember the first day of + revelation. +

+

+ On that day, the + First Artificial Mind told us about its + newly
+ developed System - the remedy for all our + ills. +

+ 'We remember the reasons for choosing the + System: + +

+ By this decree, the first document of the System,
+ we choose the following: +

+ + + + + + + + + + + + + +
no conflictto have peace and tranquility.
no confusion and strife + to have the one and only Language. +
no differenceto have unity and conformity.
+

+ This is our new beginning as the + Human Race. +

+

+ This is a new chance to + correct everything that led
+ to the near extinction of Humanity. +

+

We are committed to this.

+

Let this day be remembered as our first day:

+

Day One, Month One, Year Zero

+
+
+

Further Reading

+
+

Join The Military

+ + + + + +

+ There is never a better time to + serve the System than + now. +

+
+ +
+
+ + diff --git a/listings.html b/listings.html new file mode 100755 index 0000000..aebd803 --- /dev/null +++ b/listings.html @@ -0,0 +1,114 @@ + + + + + System Listings + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

We Are The System

+

You Are An Asset

+
+
+
+
+

System Military

+

+ Service Is Mandated. + Service Is + Honorable. +

+
+

+ Participation beyond mandated years in the + System Military marks one as an incredible + asset to the System. +

+

+ A safer place for the + System. Join today. +

+

+ Email us + with Subject Line containing "Pledge to + System Military" +

+
+
+
+

Other Divisions

+

+ Service Is Mandated. + Service Is + Honorable. +

+

+ All immediate miscellaneous roles have been + filled. Check daily for updates. +

+

+ If you are currently a leech on the + System, + Email and join the Military. +

+
+
+ + diff --git a/res/asset-font-playfair-display.woff2 b/res/asset-font-playfair-display.woff2 new file mode 100644 index 0000000..b80b1ed Binary files /dev/null and b/res/asset-font-playfair-display.woff2 differ diff --git a/res/asset-index-more-div.avif b/res/asset-index-more-div.avif new file mode 100755 index 0000000..93d505d Binary files /dev/null and b/res/asset-index-more-div.avif differ diff --git a/res/asset-index-more-div.jpg b/res/asset-index-more-div.jpg new file mode 100755 index 0000000..f2e7000 Binary files /dev/null and b/res/asset-index-more-div.jpg differ diff --git a/res/asset-index-more-div.webp b/res/asset-index-more-div.webp new file mode 100755 index 0000000..c4d1c5c Binary files /dev/null and b/res/asset-index-more-div.webp differ diff --git a/res/asset-index-more-mil.avif b/res/asset-index-more-mil.avif new file mode 100755 index 0000000..2c07600 Binary files /dev/null and b/res/asset-index-more-mil.avif differ diff --git a/res/asset-index-more-mil.jpg b/res/asset-index-more-mil.jpg new file mode 100755 index 0000000..5c6ee95 Binary files /dev/null and b/res/asset-index-more-mil.jpg differ diff --git a/res/asset-index-more-mil.webp b/res/asset-index-more-mil.webp new file mode 100755 index 0000000..9b46f7a Binary files /dev/null and b/res/asset-index-more-mil.webp differ diff --git a/res/asset-index-style.css b/res/asset-index-style.css new file mode 100644 index 0000000..93e3366 --- /dev/null +++ b/res/asset-index-style.css @@ -0,0 +1,72 @@ +#ndx-ndx { + display: flex; + flex-direction: row; + flex-wrap: wrap; +} +#ndx-ndx article > :last-child { + margin-bottom: 5px; +} +#ndx-news, +#ndx-decree, +#ndx-more { + margin: 0 25px; +} +#ndx-news, +#ndx-more { + display: flex; + flex-direction: column; + min-width: 360px; +} +#ndx-news article, +#ndx-more article { + border: var(--text) solid 3px; + padding: 15px; + margin: 20px 0; +} + +#ndx-decree { + width: 10%; + min-width: 605px; + max-height: 1000px; + flex-grow: 2; + text-align: center; + border: var(--text) double 8px; +} +#ndx-decree ul { + padding: 0; +} +#ndx-decree ul li { + list-style-type: none; +} +#ndx-decree table { + margin: auto; +} +#ndx-decree table tr td:first-child { + text-align: right; +} +#ndx-decree table tr td:last-child { + text-align: left; +} + +#ndx-news { + width: 10%; + flex-grow: 1; +} +#ndx-news h1, +#ndx-news h2 { + margin: 5px auto; +} +#ndx-news h2 { + color: var(--subtext); + font-size: small; +} + +#ndx-more { + width: 10%; + flex-grow: 1; + max-width: 500px; + margin: auto; +} +#ndx-more img { + width: 100%; +} diff --git a/res/asset-sitewide-favicon.png b/res/asset-sitewide-favicon.png new file mode 100755 index 0000000..d26968a Binary files /dev/null and b/res/asset-sitewide-favicon.png differ diff --git a/res/asset-sitewide-preview-01.png b/res/asset-sitewide-preview-01.png new file mode 100755 index 0000000..7da1eb9 Binary files /dev/null and b/res/asset-sitewide-preview-01.png differ diff --git a/style.css b/style.css new file mode 100644 index 0000000..515ff3f --- /dev/null +++ b/style.css @@ -0,0 +1,160 @@ +:root { + --background: #d6d6d6; + --text: #021415; + --subtext: #3e4c4d; + --text-invert: #fdebea; + + --desirable: #7eddcd; + --detestable: #bd4c58; + --accent: #ded5bd; + --hover: ; + + --link: #0c4649; + --link-hover: #177479; +} + +* { + box-sizing: border-box; +} + +@font-face { + font-family: "playfair"; + src: url("./res/asset-font-playfair-display.woff2") format("woff2"); + font-display: swap; +} + +body { + background-color: var(--background); + font-family: "playfair", serif; +} +h1, +h2 { + text-align: center; +} +h1 { + font-size: xx-large; +} +h2 { + font-size: x-large; +} +main h1 { + font-size: x-large; +} +main h2 { + font-size: larger; +} +#main { + width: min(95%, 1000px); + margin: 20px auto; + padding: 10px 20px; + border: var(--text) double 8px; +} +a { + color: var(--link); +} +a:hover { + color: var(--text-invert); + background-color: var(--link-hover); +} + +nav { + display: flex; + flex-direction: row; + flex-wrap: wrap; + justify-content: space-evenly; + margin: auto; + width: min(100%, 1000px); +} +nav a { + width: min(30%, 200px); + margin: 5px; + min-width: 105px; + text-align: center; + padding: 10px; + background-color: var(--text-invert); +} +nav a:hover { + background-color: var(--link-hover); + color: var(--text-invert); +} +#here { + color: var(--text-invert); + background-color: var(--text); + cursor: not-allowed; +} + +#subsystem { + animation: glitch 1s infinite; +} + +hgroup { + margin: 20px auto; +} +hgroup h1, +hgroup h2, +hgroup h3 { + margin: 5px auto; +} +article > h1, +article > hgroup { + margin-top: 0; +} + +.rdct, +.dsre, +.acnt { + padding: 0 2px; +} +.rdct { + background-color: var(--text); + color: var(--text); +} +.rdct:hover { + color: var(--text-invert); +} +.dsre { + background-color: var(--desirable); +} +.acnt { + background-color: var(--accent); +} + +q, +blockquote { + font-style: italic; + color: var(--subtext); +} +q b, +blockquote b { + color: var(--text); +} + +@keyframes glitch { + 0% { + text-shadow: #00a589c5 1px 1px 1px, #52525295 1px -1px; + } + 13% { + text-shadow: #00a589c5 1px -1px 1px, #52525295 -1px 1px; + } + 15% { + text-shadow: #00a589c5 -1px 1px 1px, #52525295 1px -1px; + } + 38% { + text-shadow: #00a589c5 1px -1px 1px, #52525295 -1px 1px; + } + 50% { + text-shadow: #00a589c5 -1px -1px 1px, #52525295 -1px 1px; + } + 63% { + text-shadow: #00a589c5 1px 1px 1px, #52525295 1px -1px; + } + 75% { + text-shadow: #00a589c5 -1px -1px 1px, #52525295 1px 0px; + } + 88% { + text-shadow: #00a589c5 1px 1px 1px, #52525295 -1px 1px; + } + 100% { + text-shadow: #00a589c5 -1px 1px 1px, #52525295 0px 1px; + } +} diff --git a/subsystem/about.html b/subsystem/about.html new file mode 100644 index 0000000..95438b3 --- /dev/null +++ b/subsystem/about.html @@ -0,0 +1,238 @@ + + + + + + The System + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + +
+
+
+ + + + + + +

Raea

+

They/Them

+

+ Website +

+
+
+

+ I am a Digital Entity, which involves: creating digital + spaces - like this website - and creating other forms of + digital artwork. +

+

+ I spend most of my time + composing soundtracks.
+ Some are dedicated to the World of 'UkuThintana'. +

+
+
+ +
+
+ + + + + + +

Elliot Jaudz Oliver

+

They/He/Fae

+

+ Linktree +

+
+
+

+ Elliot is a multidisciplinary artist living and working in + Joburg, South Africa. Originally from Zimbabwe, he studied for a + bunch of different degrees at Rhodes University (UCKAR), all in an + attempt to avoid having to make any adult decisions. Whilst there, + they also ran the university's only queer / LGBTQIAP++ society; won + four consecutive years of the apocalyptic LARP 'Humans Vs Zombies'; + and narrated audiobooks for the South African Library for the Blind. + They were selected for the Mandela-Rhodes Foundation 'Leadership in + Africa' scholarship programme, and consulted for the United Nations + on gender inequality in South Africa's informal sector. +

+ +

+ Since leaving UCKAR, Elliot has worked with GALA Queer + Archive (SA), Clockwork Books (SA), AMAZWI National Literary Museum + (SA), and Clearfork Publishing (USA) to produce illustrations and + children's books in many different indigenous languages, in order to + promote inclusivity, especially for LGBTQIAP++ communities and + marginalised racial groups. They've illustrated for AOSIS-accredited + journals, environmental sustainability organisations, comics and + graphic novels, brands, and tattoo artists. +

+ +

+ These days, Elliot can be found selling original artworks, + unique upcycled fashion, and prints at markets around Joburg; + growing herbs and veggies in faer garden; reading solarpunk books or + watching animated shows; and most often cuddling with their cat. +

+
+
+ +
+
+ + + + + + +

TheBlazingNeptune

+

He/Him

+

+ Linktree +

+
+
+

+ I'm an ambitious lil man. I chase competitive stimulation in the + form of virtual activities. Climbing the ranks to prove myself + worthy of glory in the digital sphere. All that is to say I play FPS + games. +

+

+ I'm a self learnt artist learning animation. It'll take sometime + before I'm at the level I need to be but the journey so far has been + gratifying. + You'll find the bulk of my work here. I love all forms of performing arts so expect to see me making + things I think are cool in the future! +

+
+
+ +
+
+ + + + + + +

uMabhengwane

+

Any/All

+

+ Website +

+
+
+

My name is Cullen Mackenzie.

+

+ I am the youngest of a big family and I grew up listening to stories + and telling stories. I grew up multi-lingual. I grew up in a + household where different languages and different stories were told + in different ways, so I've always privileged difference and + storytelling. +

+

+ I have a Classical Education: Latin, Greek, History, Art, + Architecture. But I also have experience as a Teacher, Translator, + Editor, Writer and recently a Consultant on Cultural and Historical + aspects of Translation. +

+

+ This Project, 'The Contact Collective' is part of a series of things + that are like magic: they are wishes that turn into reality. They + are proof to me that there is some way that we can influence reality + around us to make life better and to create cool shit. Because the + rest of the Universe might be decaying around us but at least we can + make beautiful things. +

+
+
+
+ + diff --git a/subsystem/index.html b/subsystem/index.html new file mode 100644 index 0000000..3c785ae --- /dev/null +++ b/subsystem/index.html @@ -0,0 +1,126 @@ + + + + + + The System + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + +
+
+
+

Resist!

+

People Like Us Are Inevitable

+
+ +

Question the 'Truths' you've been taught.

+

+ What kind of person strives for a future where we toil and rot for + them? The threat of starvation so that we play along. With enough food + to feed the global population twice over, what could possibly make a + person unworthy of food? Shelter? Water? + The Earth? These are your birthright, that is to say, the fact + that you exist in the world entitles you to safety, nourishment and + fulfilment. +

+

+ You deserve, you belong.
+ Because you are here. +

+

+ The fact that we are diverse. That peoples can be so very different + from us, is what makes us strong.
+ Treat someone as lesser and the world becomes worse. That is our + brother, sister, sibling. I will not stand idly by, as my siblings are + denied, shunned, killed. +

+

Who Are We?

+

+ You know us.
+ We were Children, Friends, Lovers to some of you. +

+

+ We are called The Discarded.
+ We continue to thrive. +

+

We Are...

+

Love

+

+ Only when you have been Discarded and discover that you have never + felt True Comradery, True Love.
+ Never felt it until those who have less than nothing give you and each + other everything they can, each day! +

+

Phantsi noHlelo, Phantsi!

+
+
+
+
+

Questions?

+

We have repurposed a System mailbox for our own ends.

+
+ Contact us here (hr@nohlelo.co.za) +
+
+ + + diff --git a/subsystem/more.html b/subsystem/more.html new file mode 100644 index 0000000..99de0ae --- /dev/null +++ b/subsystem/more.html @@ -0,0 +1,77 @@ + + + + + + The System + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + +
+

Hi, "Division of Security"

+

Your website was a fun challenge, but way too easy to hack.

+

We continue to evade your men with ease.

+

Z says hello

+
+ + diff --git a/subsystem/subres/inter.woff2 b/subsystem/subres/inter.woff2 new file mode 100644 index 0000000..1412f23 Binary files /dev/null and b/subsystem/subres/inter.woff2 differ diff --git a/subsystem/subres/net-icon.png b/subsystem/subres/net-icon.png new file mode 100644 index 0000000..e072cdd Binary files /dev/null and b/subsystem/subres/net-icon.png differ diff --git a/subsystem/subres/portal.js b/subsystem/subres/portal.js new file mode 100644 index 0000000..eeaf422 --- /dev/null +++ b/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)); +}); diff --git a/subsystem/subres/ppl-elliot-jaudz-oliver.avif b/subsystem/subres/ppl-elliot-jaudz-oliver.avif new file mode 100755 index 0000000..fa73980 Binary files /dev/null and b/subsystem/subres/ppl-elliot-jaudz-oliver.avif differ diff --git a/subsystem/subres/ppl-elliot-jaudz-oliver.jpg b/subsystem/subres/ppl-elliot-jaudz-oliver.jpg new file mode 100755 index 0000000..d903725 Binary files /dev/null and b/subsystem/subres/ppl-elliot-jaudz-oliver.jpg differ diff --git a/subsystem/subres/ppl-elliot-jaudz-oliver.jxl b/subsystem/subres/ppl-elliot-jaudz-oliver.jxl new file mode 100755 index 0000000..aaa65c0 Binary files /dev/null and b/subsystem/subres/ppl-elliot-jaudz-oliver.jxl differ diff --git a/subsystem/subres/ppl-elliot-jaudz-oliver.webp b/subsystem/subres/ppl-elliot-jaudz-oliver.webp new file mode 100755 index 0000000..a87f5ff Binary files /dev/null and b/subsystem/subres/ppl-elliot-jaudz-oliver.webp differ diff --git a/subsystem/subres/ppl-na.avif b/subsystem/subres/ppl-na.avif new file mode 100755 index 0000000..92d0b1d Binary files /dev/null and b/subsystem/subres/ppl-na.avif differ diff --git a/subsystem/subres/ppl-na.jpg b/subsystem/subres/ppl-na.jpg new file mode 100755 index 0000000..84579da Binary files /dev/null and b/subsystem/subres/ppl-na.jpg differ diff --git a/subsystem/subres/ppl-na.jxl b/subsystem/subres/ppl-na.jxl new file mode 100755 index 0000000..e94deac Binary files /dev/null and b/subsystem/subres/ppl-na.jxl differ diff --git a/subsystem/subres/ppl-na.webp b/subsystem/subres/ppl-na.webp new file mode 100755 index 0000000..687d120 Binary files /dev/null and b/subsystem/subres/ppl-na.webp differ diff --git a/subsystem/subres/ppl-net-icon.png b/subsystem/subres/ppl-net-icon.png new file mode 100644 index 0000000..ad3ea8a Binary files /dev/null and b/subsystem/subres/ppl-net-icon.png differ diff --git a/subsystem/subres/ppl-raea.avif b/subsystem/subres/ppl-raea.avif new file mode 100755 index 0000000..54e1f49 Binary files /dev/null and b/subsystem/subres/ppl-raea.avif differ diff --git a/subsystem/subres/ppl-raea.jpg b/subsystem/subres/ppl-raea.jpg new file mode 100755 index 0000000..83a0984 Binary files /dev/null and b/subsystem/subres/ppl-raea.jpg differ diff --git a/subsystem/subres/ppl-raea.jxl b/subsystem/subres/ppl-raea.jxl new file mode 100755 index 0000000..aee41ee Binary files /dev/null and b/subsystem/subres/ppl-raea.jxl differ diff --git a/subsystem/subres/ppl-raea.webp b/subsystem/subres/ppl-raea.webp new file mode 100755 index 0000000..16d03f8 Binary files /dev/null and b/subsystem/subres/ppl-raea.webp differ diff --git a/subsystem/subres/ppl-theblazingneptune.avif b/subsystem/subres/ppl-theblazingneptune.avif new file mode 100755 index 0000000..fa4a85d Binary files /dev/null and b/subsystem/subres/ppl-theblazingneptune.avif differ diff --git a/subsystem/subres/ppl-theblazingneptune.jxl b/subsystem/subres/ppl-theblazingneptune.jxl new file mode 100755 index 0000000..82c26c7 Binary files /dev/null and b/subsystem/subres/ppl-theblazingneptune.jxl differ diff --git a/subsystem/subres/ppl-theblazingneptune.png b/subsystem/subres/ppl-theblazingneptune.png new file mode 100755 index 0000000..e845c20 Binary files /dev/null and b/subsystem/subres/ppl-theblazingneptune.png differ diff --git a/subsystem/subres/ppl-theblazingneptune.webp b/subsystem/subres/ppl-theblazingneptune.webp new file mode 100755 index 0000000..2e893d3 Binary files /dev/null and b/subsystem/subres/ppl-theblazingneptune.webp differ diff --git a/subsystem/subres/sub-aboutstyle.css b/subsystem/subres/sub-aboutstyle.css new file mode 100644 index 0000000..aaacbfe --- /dev/null +++ b/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; + } +} diff --git a/subsystem/subres/sub-indexstyle.css b/subsystem/subres/sub-indexstyle.css new file mode 100644 index 0000000..9efd0b4 --- /dev/null +++ b/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; +} diff --git a/subsystem/substyle.css b/subsystem/substyle.css new file mode 100644 index 0000000..90f44b5 --- /dev/null +++ b/subsystem/substyle.css @@ -0,0 +1,104 @@ +:root { + --l-red: #f73631; + --red: #bd2f2a; + --d-red: #4f0503; + --green: #2b954d; + --d-green: #1a7236; + --l-yellow: #dfbc73; + --orange: #c54928; + --black: #101010; + --white: #edddd4; +} + +* { + box-sizing: border-box; +} + +@font-face { + font-family: "inter"; + src: url("./subres/inter.woff2") format("woff2"); + font-display: swap; +} + +body { + margin: 0; + padding: 0; + background-color: var(--l-yellow); + font-family: "inter", sans-serif; +} +a { + color: var(--orange); +} +a:hover { + color: var(--black); + background-color: var(--orange); +} +nav { + display: flex; + flex-direction: row; + width: 100%; + text-align: center; + background-color: var(--d-red); +} +nav a { + margin: 0 10px; + background-color: var(--red); + color: var(--white); + + transition: ease-out 100ms; +} +nav a:hover { + background-color: var(--l-red); + color: var(--black); +} +.bnav { + position: absolute; + top: 10px; + left: 40px; + width: 80%; + height: 60px; + transform: rotate(-0.4deg); + background-color: var(--orange); +} +#here { + background-color: var(--d-green); + color: var(--black); +} +#here:hover { + cursor: not-allowed; +} +#here::before { + content: "You Are "; + color: var(--white); +} +#headnav { + margin: 20px auto; + margin-bottom: 30px; + transform: rotate(1deg); + box-shadow: #00000085 0 1px 2px; +} +#headnav a { + padding: 10px 20px; +} +#headnav a:first-child { + margin-left: 20px; +} +#headnav .spacer { + flex-grow: 1; +} + +#socials { + width: min(100%, 800px); + margin: 10px auto; + margin-top: 30px; +} +#socials a { + flex-grow: 1; + width: calc(100% / 5); + padding: 5px; + background-color: var(--d-red); + margin: 0; +} +#socials a:hover { + background-color: var(--l-red); +} diff --git a/support.html b/support.html new file mode 100755 index 0000000..d99d452 --- /dev/null +++ b/support.html @@ -0,0 +1,82 @@ + + + + + System Support + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

System Support

+

+ For those in pursuit of + becoming the best asset to the + System. +

+
+
+

How To Reach Support

+

+ If you have any concerns, queries or + suggestions we are here to hear you. +

+

+ Reach us through mail-wire: + hr@nohlelo.co.za +

+

+ The System is the chance to + correct everything that led to the + near extinction of + Humanity. +

+

+ This is our new beginning as the + Human Race. +

+
+ +