From d68c1ae977c05dd349211ada8d76b385fd3349e8944acd4710f2e9f3fd542418 Mon Sep 17 00:00:00 2001 From: Kira Date: Sat, 18 Apr 2026 21:18:26 +0200 Subject: [PATCH] Adding some text on site, and theming. --- src/css/main.css | 82 ++++++++++++++++++++++++++++++++++++++++++++++++ src/index.html | 46 +++++++++++++++++++-------- 2 files changed, 115 insertions(+), 13 deletions(-) create mode 100644 src/css/main.css diff --git a/src/css/main.css b/src/css/main.css new file mode 100644 index 0000000..3dc1481 --- /dev/null +++ b/src/css/main.css @@ -0,0 +1,82 @@ +:root { + --theme: light; + --font-color: black; + --background-color: #ffebd2; + --menu-background-color: #ed556408; + --shadow-color: gray; + + --primary-color: #b2a254; + --secondary-color: #33a5d2; + --accent-color: #d55642; + + --card-background-color: #e0cdb7; + --border-color: #f2f2f2; +} + + +@media (prefers-color-scheme: dark) { + :root { + --font-color: #ffebd2; + --background-color: #2a2a2a; + --menu-background-color: #ed556408; + --shadow-color: black; + + --primary-color: #b2a254; + --secondary-color: #33a5d2; + --accent-color: #d55642; + + --card-background-color: #3c3c3c; + --border-color: #4a4a4a; + } +} + + +body { + background-color: var(--background-color); + font-family: "Hack", "Liberation Mono", monospace; + color: var(--font-color); +} + +a:link { + color: #d30159; /* Unvisited link */ +} +a:visited { + color: #ae0249; /* Visited link */ +} +a:hover { + color: #FF0000; /* Mouse over */ +} +a:active { + color: #FF0000; /* Active link */ +} + +header { + text-align: center; + padding: 1rem; +} + +footer { + text-align: center; + padding: 2rem; +} + +.page-title { + border: 2px solid var(--primary-color); + border-radius: 6px; + padding-left: 0.5ch; + padding-right: 0.5ch; + transition-duration: 0.4s; + outline: none; + background-color: var(--card-background-color); + color: var(--font-color); +} + +.article-title { + border: 2px solid var(--secondary-color); + border-radius: 6px; + padding-left: 0.5ch; + padding-right: 0.5ch; + outline: none; + background-color: var(--card-background-color); + color: var(--font-color); +} diff --git a/src/index.html b/src/index.html index ac1bf4e..ae63b45 100644 --- a/src/index.html +++ b/src/index.html @@ -1,30 +1,50 @@ + + Kira Linux + - + -
-

Under construction

+
+

Welcome to Kira Foundation!

-

Kira Foundation main principles

-

Don't be evil.

+

Kira Foundation.

+

Kira Foundation is non commercial organization whose main goal is to develop protect and promote free and open-source software (FOSS)

+
+
+

Kira Foundation main principles.

+

We respect humans basic individual freedoms. One of which that may be the most fundamental of all - freedom of + thought.

+

Kira Foundation is created in response to alarming rate of attacks to this particular freedom in recent years. +
The goal of Kira Foundation is to protect this freedom particularly in dimension of technologies, and computer + software.

+ +

Kira Foundation does not, and never will, discriminate people based on skin color, race, gender, or anything else + of such. +
We welcome all contributors. Only reason for which we can ban someone from contributing may be attempt of + sabotage (pushing malisons code for example). We do believe that no matter how "bad" person is or was or + considered to be, we are not in a position to deny this person in act of doing something good.

+ +

Kira Foundation will never accept conditional donations that in any way or form invalidates our goals. +
We may accept donations directed for specific project that already hosted under Kira Foundation umbrella. +

+ +

Also, we want to create cool and usefull software for people!

+ +
- + + \ No newline at end of file