commit 87f64e82d77b548e67c0ab64fd18d7450aef02ae Author: Abdulmujeeb Raji Date: Wed Feb 5 16:38:42 2025 +0000 initial diff --git a/.vscode/settings.json b/.vscode/settings.json new file mode 100644 index 0000000..56a7bac --- /dev/null +++ b/.vscode/settings.json @@ -0,0 +1,3 @@ +{ + "liveServer.settings.port": 5501 +} \ No newline at end of file diff --git a/badge.png b/badge.png new file mode 100644 index 0000000..adbd1fe Binary files /dev/null and b/badge.png differ diff --git a/devraza-avatar.webp b/devraza-avatar.webp new file mode 100644 index 0000000..6d322f5 Binary files /dev/null and b/devraza-avatar.webp differ diff --git a/happybull-avatar.jpg b/happybull-avatar.jpg new file mode 100644 index 0000000..d0e3113 Binary files /dev/null and b/happybull-avatar.jpg differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..8f36ab2 --- /dev/null +++ b/index.html @@ -0,0 +1,98 @@ + + + + + + + + + + + + Atiran Inc. + + +
+
+ +

A Tyrany Incoporated

+ a.k.a "Atiran Inc." +
+
+

About

+

We are a group of independent software developers and cybersecurity experts connected by a webring and some duct tape.

+

We strive to provide resources for all members in the group, so that they can make useful software that can rival those funded by big tech.

+

If you believe you create software that stands out from the competition, have a deep passion for technology, and are innovative and creative, + then send an email to abdul@midnadimple.com with your sincerest application and we'll be in touch.

+

+
+
+ +
+ +

Members

+ +
+ +
+

Devraza

+

A great programmer, entry-level security specialist, very competent system administrator, + and average graphic designer. More well-known for being a Linux and Rust evangelist. + Source for the name of this website +

+ I am the true tyrant... +

+ Website + LinkedIn +
+
+ +
+ +
+

midnadimple :/

+

A C(++) developer that focuses on low-level development on Windows. Also a fledgling system administrator + and web technologist. Big into the self-improvement community and posts about bettering yourself + on his blog. +

+ It's either handmade or it's trash... +

+ Website + YouTube + LinkedIn +
+
+ +
+ +
+

HappyBull

+

The go-to cybersecurity guy. Has certifications in Python and Microsoft Windows for some reason? + Big guy, small personality. +

+ You mess with the bull; You get the crap. +

+ Website +
+
+ +
+ +
+

Rayan-H7

+

An interesting fellow, to say the least. Hard to tell if he's Chinese or Pakistani. + Works at Kumon. Has a lot of useful scripts on his github. +

+ Rayquaza > Diancie +

+ GitHub +
+
+ +
+ + + + \ No newline at end of file diff --git a/logo.svg b/logo.svg new file mode 100644 index 0000000..cf22484 --- /dev/null +++ b/logo.svg @@ -0,0 +1,137 @@ + + + + + + + + + + + + + + + + + + + + diff --git a/midnadimple-avatar.png b/midnadimple-avatar.png new file mode 100644 index 0000000..070ca2b Binary files /dev/null and b/midnadimple-avatar.png differ diff --git a/rayan-avatar.png b/rayan-avatar.png new file mode 100644 index 0000000..24e26c9 Binary files /dev/null and b/rayan-avatar.png differ diff --git a/style.css b/style.css new file mode 100644 index 0000000..85fd430 --- /dev/null +++ b/style.css @@ -0,0 +1,195 @@ +:root { + --bg-color: #262626; + --dark-color: #151517; + --fg-color: #ece5ea; + --confirm-color: #78b9c4; + --deny-color: #f06969; + --hilite-color: #a292e8; +} + +html, body { + background-color: var(--dark-color); + color: var(--fg-color); + margin: 0; + font-family: "Cantarell", serif; + font-weight: 400; + font-style: normal; +} + +body { + max-width: 100vh; + overflow-x: hidden; +} + +.split { + height: calc(100vh - 4rem); + width: 50%; + position: fixed; + z-index: 1; + top: 0; + overflow-x: hidden; + padding-top: 20px; +} + +.left { + left: 0; + width: 40%; + background-color: var(--bg-color); +} + +.right { + right: 0; + width: 60%; + background-color: var(--dark-color); + overflow-y: auto; +} + +@media (max-width: 768px) { + .split { + all: inherit; + } + + .left { + all: inherit; + } + + .right { + all: inherit; + padding-top: 15px; + background-color: var(--dark-color); + padding-bottom: 4rem; + } +} + +footer { + clear: both; + text-align: center; + height: 3rem; + line-height: 3rem; + margin-top: auto; + width: 100%; + background-color: var(--hilite-color); + color: var(--bg-color); + position: fixed; + left: 0; + bottom: 0; +} + +header { + text-align: center; + width: 60%; + margin-left: auto; + margin-right: auto; +} + +a { + color: var(--hilite-color); + text-decoration: underline; +} + +a:hover { + color: var(--confirm-color); +} + +h1 { + font-size: xx-large; + text-decoration-line: underline; + text-decoration-color: var(--hilite-color); +} + +.hljs { + font-family: "Space Mono", serif; + font-weight: 700; + font-style: normal; + border-radius: 5px; +} + +code { + background-color: var(--bg-color); + color: var(--fg-color); + padding-left: 10px; + padding-right: 10px; + font-family: "Space Mono", serif; + font-weight: 700; + font-style: normal; + border-radius: 5px; +} + +.container { + max-width: 1536px; + margin-left: auto; + margin-right: auto; + padding-left: 0.5rem; + padding-right: 0.5rem; + padding-bottom: 2rem; + text-align: center; + width: 70%; +} + +/* 2xl */ +@media (max-width: 1536px) { + .container { + max-width: 1280px; + } +} + +/* xl */ +@media (max-width: 1280px) { + .container { + max-width: 1024px; + } +} + +/* lg */ +@media (max-width: 1024px) { + .container { + max-width: 768px; + } +} + +/* md */ +@media (max-width: 768px) { + .container { + max-width: 640px; + } +} + +/* sm */ +@media (max-width: 640px) { + .container { + max-width: 475px; + } +} + +/* xs */ +@media (max-width: 475px) { + .container { + width: 100%; + } +} + +.btn { + cursor: pointer; + position: relative; + padding: 10px; + border-radius: 10px; + user-select: none; + text-align: center; + display: inline-block; + text-decoration: none; + color: var(--bg-color); + background-color: var(--hilite-color); +} + +.btn:hover { + background: var(--confirm-color); + color: var(--bg-color); +} + +.quote-link { + color: var(--hilite-color); +} + +.quote-link:hover { + color: var(--confirm-color); +} \ No newline at end of file diff --git a/webring.js b/webring.js new file mode 100644 index 0000000..42a4cc9 --- /dev/null +++ b/webring.js @@ -0,0 +1,106 @@ +/* + L I BBB RRRR EEEE RRRR I N N GGGG + L I B B R R E R R I NN N G + L I BBBB RRRR EEE RRRR I N N N G GG + L I B B R R E R R I N NN G G + LLLLL I BBBB R R EEEE R R I N N GGGG + + LIBRERING is a simple javascript webring script. + It should be compatible with HTML and XHTML and supports rudimentary configuration options. + + Copyright 2023: Lian B. of Libre.Town + + This program is free software: you can redistribute it and/or modify it under the terms of the GNU Lesser 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 Lesser General Public License for more details. + You should have received a copy of the GNU Lesser General Public License along with this program. If not, see . +*/ + +// ······································································· +// : ADMINISTRATOR SECTION :: This section contains configuration options : +// ······································································· + +// List of all members in the webring. Add onto this manually whenever you want to add someone new to the ring. +// Please take time to go through here and use the search-and-replace feature of your favorite text editor to change all instances of atiran to a lower-case or camel-case version of your webring name, as well as change the configuration to your liking. +var atiran_members = [ + 'https://midnadimple.com', + 'https://devraza.giize.com', + 'https://happybull.co.uk' +] +// Various config options that should be self-documenting. +// Again, if you're hosting this Librering, please change all the instances of atiran to your particular webring name in lower case, and insert valid image URLs for the badges and navigation. +var atiran_ringurl = "https://atiran.giize.com/"; // The URL of the webring itself, for contact and information purposes. +var atiran_badgeurl = "https://atiran.giize.com/badge.png"; // The URL of the main badge of the webring; 88x31 recommended, but any size goes. + +// ···························································································································· +// : DISPLAY SECTION :: This defines whatever happens on a member's individual site: most notably, inserting a little display. : +// ···························································································································· + +// Before you can use this, please replace all instances of atiran with your webring name in lower case. +// This will allow you to have multiple webrings on the same site without them conflicting with each other. +// Please also carefully read through these options to see what you can (and have to) change; the design, the layout and the links. +// For more information and a step-by-step tutorial, see: https://libre.town/creative/development/librering.xhtml + +// ... Let's begin. + +// For displaying messages of all kinds, as well as the working webring display, we want to keep our little HTML element in mind. +// Remember to insert your webring's name here, just like everywhere, if you host this webring. +var displayElement = document.getElementById("atiran"); + +// First of all, we want to check whether we are even a member of this particular webring, and if so, at which position. +var currentLocation = window.location.href; +var siteIndex = atiran_members.indexOf(currentLocation); + +// If our current location is NOT in the webring, display an error message. The rest of the code only runs if the site has been found in the webring. +if (siteIndex == -1) { + displayElement.innerHTML = + "

I am sorry, but the atiran display has failed to find you in the member list.
Please contact the webring administrator for support if you are the webmaster of this site and believe this to be in error.

"; +} + +// // If our current location IS in the webring, this is where it continues. +// else { +// // This is a readable (but technologically not very sound) way to loop around when you are either the first or last member of the webring. +// var beforeID; +// var afterID; +// if (siteIndex == 0) { beforeID = atiran_members.length - 1; } +// else { beforeID = siteIndex - 1; } +// if (siteIndex == atiran_members.length - 1) { afterID = 0; } +// else { afterID = siteIndex + 1; } + +// // This chooses a random website from a copy of the member list. +// var randomID; +// randomID = Math.floor(Math.random() * atiran_members.length); + +// // Now it is time to get to the meaty stuff. This will replace our little display container with the actual display content: a general badge, next/previous buttons, and a webring info and random link. +// // Remove, swap around or change these components as you see fit. +// displayElement.innerHTML = +// "Badge: atiran webring
" + +// "Previous" + +// "Random" + +// "About LibreRing" + +// "Next"; +// } + +// If you want to choose a text-based display instead without any images, remove or comment up the entire else block above and instead uncomment this one. + +else { + // This is a readable (but technologically not very sound) way to loop around when you are either the first or last member of the webring. + var beforeID; + var afterID; + if (siteIndex == 0) { beforeID = atiran_members.length - 1; } + else { beforeID = siteIndex - 1; } + if (siteIndex == atiran_members.length - 1) { afterID = 0; } + else { afterID = siteIndex + 1; } + + // This chooses a random website from a copy of the member list. + var randomID; + randomID = Math.floor(Math.random() * atiran_members.length); + + // Now it is time to get to the meaty stuff. This will replace our little display container with the actual display content: a general badge, next/previous buttons, and a webring info and random link. + // Remove, swap around or change these components as you see fit. + displayElement.innerHTML = + "

Badge: atiran webring
" + + "<< Previous |" + + " Random |" + + " About LibreRing |" + + " >> Next

"; +} \ No newline at end of file