kira-linux/kira-linux-web
SHA256
2
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Adding some text on site, and theming.

Browse Source
This commit is contained in:
Kira
2026-04-18 21:18:26 +02:00
parent 63006342fb
commit d68c1ae977
2 changed files with 115 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/css/main.css
+82
View File
@@ -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);
}
src/index.html
+33 -13
View File
@@ -1,30 +1,50 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Kira Linux</title>
<link rel="stylesheet" href="css/main.css" />
<link rel="icon" type="image/png" href="images/site.png">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Kira foundation main page.">
<style>
body {
background-image: url('images/background.jpg');
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
}
</style>
</head>
<body>
<header>
<h1>Under construction</h1>
<header class="page-title">
<h1>Welcome to Kira Foundation!</h1>
</header>
<article>
<h2>Kira Foundation main principles</h2>
<p>Don't be evil.</p>
<h2 class="article-title">Kira Foundation.</h2>
<p>Kira Foundation is non commercial organization whose main goal is to develop protect and promote <a
href="https://www.gnu.org/philosophy/free-sw.html">free and open-source software (FOSS)</a></p>
</article>
<article>
<h2 class="article-title">Kira Foundation main principles.</h2>
<p>We respect humans basic individual freedoms. One of which that may be the most fundamental of all - freedom of
thought.</p>
<p>Kira Foundation is created in response to alarming rate of attacks to this particular freedom in recent years.
<br>The goal of Kira Foundation is to protect this freedom particularly in dimension of technologies, and computer
software.</p>
<p>Kira Foundation does not, and never will, discriminate people based on skin color, race, gender, or anything else
of such.
<br>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.</p>
<p>Kira Foundation will never accept conditional donations that in any way or form invalidates our goals.
<br>We may accept donations directed for specific project that already hosted under Kira Foundation umbrella.
</p>
<p>Also, we want to create cool and usefull software for people!</p>
</article>
<footer>
<p>&copy; 2026 Kira Foundation</p>
</footer>
</body>
</html>
</html>