--- a/README.md
+++ b/README.md
@ -1,3 +0,0 @@
 # Websites

 In this repo i store all my websites, each in a different branch
--- a/aboutus.html
+++ b/aboutus.html
@ -0,0 +1,52 @@
 <html>

 <head>
    <title>
        CLINL Kernel
    </title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-material-design/4.0.2/bootstrap-material-design.css"
        \>
    <link rel="stylesheet" href="style.css" \>
 </head>

 <body class="container page">
    <div class="container">
        <div class="row navbar">
            <a href="index.html" class="col-xs-3 navbut">Home</a>
            <a href="https://kernel.clinl.org" class="col-xs-3 navbut">Repository</a>
            <a href="aboutus.html" class="col-xs-3 navbut">About us</a>
            <a href="contribute.html" class="col-xs-3 navbut">Contribute</a>
        </div>
    </div>
    <div class="par">
        We are a small Team that decided that there needs to be a change in the
        <br> world of kernels. In particular, we wanted to keep clinl
        <ul>
            <li>Safe</li>
            <li>Fast</li>
            <li>Clean</li>
            <li>Well documented</li>
        </ul>
        <span class="big">Our team</span>
        <ul>
            <li>Ludovic Largouardette : Developer</li>
            <li>Maximilian Wittmer : Developer </li>
            <li>Anunay Maheshwari : Developer </li>
            <li>0xFFFFFFFF : Code quality control/Developer</li>
        </ul>
        <span class="big">Links:</span>
        <br> Repository:
        <a href="https://kernel.clinl.org">https://kernel.clinl.org</a>
        <br> Telegram:
        <a href="https://t.me/joinchat/EXSmZ0ZKKJxUogRS33yURw">https://t.me/joinchat/EXSmZ0ZKKJxUogRS33yURw</a>
        <br> Contact:
        <a href="mailto:admin@clinl.org">admin@clinl.org</a>
        <br>
        <br>
        <span class="impress">
            Website by: Marcel Haazen 2018
        </span>
    </div>
 </body>

 </html>
--- a/bootstrap.css
+++ b/bootstrap.css
--- a/contribute.html
+++ b/contribute.html
@ -0,0 +1,43 @@
 <html>

 <head>
    <title>
        CLINL Kernel
    </title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-material-design/4.0.2/bootstrap-material-design.css"
        \>
    <link rel="stylesheet" href="style.css" \>
 </head>

 <body class="container page">
    <div class="row navbar">
        <a href="index.html" class="col-xs-3 navbut">Home</a>
        <a href="https://kernel.clinl.org" class="col-xs-3 navbut">Repository</a>
        <a href="aboutus.html" class="col-xs-3 navbut">About us</a>
        <a href="contribute.html" class="col-xs-3 navbut">Contribute</a>
    </div>
    <div class="par">
        You can contribute in different ways.
        <ul>
            <li>Donate money</li>
            <!-- later: add hyperlinks -->
            <li>
                <a href="gettingstarted.html"> Help us programming </a>
            </li>
            <li>
                Tell other people about us!
            </li>
            <li>
                <a href="mailto:wittmaxi@clinl.org?Subject=Feedback on CLINL">Give us feedback on CLINL </a>
            </li>
        </ul>
        <div class="big">Current Contributors: </div>
        <ul>
            <li>Marcel Haazen : Hosting the entirity of the CLINL project </li>
            <li>4AF2 10DE 996B 673C 0FD8 AFA0 8B35 B3C8 94B9 64DD : Paying for the domain and managing the email infrastructure"
            </li>
        </ul>
    </div>
 </body>

 </html>
--- a/gdpr.html
+++ b/gdpr.html
@ -0,0 +1,29 @@
 <html>

 <head>
    <title>
        CLINL Kernel
    </title>
    <meta name="description" content="The official website of the CLINL-Kernel. CLINL stands for C++-LINL is not Linux and was an initiative to renew Linux, started in 2018">
    <meta name="keywords" content="CLINL, Kernel, GNU">
    <meta name="author" content="Ludovic Lagouardette, Maximilian Wittmer, OxFFFFFFFFF">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-material-design/4.0.2/bootstrap-material-design.css"
        \>
    <link rel="stylesheet" href="style.css" \>
 </head>

 <body class="container page">
    <div class="row navbar">
        <a href="index.html" class="col-xs-3 navbut">Home</a>
        <a href="https://kernel.clinl.org" class="col-xs-3 navbut">Repository</a>
        <a href="aboutus.html" class="col-xs-3 navbut">About us</a>
        <a href="contribute.html" class="col-xs-3 navbut">Contribute</a>
    </div>
    <div class="par">
        We try to keep our services "clean"! We won't track any of your personal data, except for your Ip, which will be used for
        security measures. If you have any questions, you can email us
        <a href="mailto:social@clinl.org">here</a>!
    </div>
 </body>

 </html>
--- a/gettingstarted.html
+++ b/gettingstarted.html
@ -0,0 +1,52 @@
 <html>

 <head>
    <title>
        CLINL Kernel
    </title>
    <meta name="description" content="The official website of the CLINL-Kernel. CLINL stands for C++-LINL is not Linux and was an initiative to renew Linux, started in 2018">
    <meta name="keywords" content="CLINL, Kernel, GNU">
    <meta name="author" content="Ludovic Lagouardette, Maximilian Wittmer, OxFFFFFFFFF">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-material-design/4.0.2/bootstrap-material-design.css"
        \>
    <link rel="stylesheet" href="style.css" \>
 </head>

 <body class="container page">
    <div class="row navbar">
        <a href="index.html" class="col-xs-3 navbut">Home</a>
        <a href="https://kernel.clinl.org" class="col-xs-3 navbut">Repository</a>
        <a href="aboutus.html" class="col-xs-3 navbut">About us</a>
        <a href="contribute.html" class="col-xs-3 navbut">Contribute</a>
    </div>
    <div class="par">
        There are a few criteria that you have to meet in order to contribute. Make sure that you comply to all of them!
        <ul>
            <li>Knowledge of Modern C++</li>
            <li>Willingness to learn</li>
            <li>Knowledge of Backend C++</li>
        </ul>
        <span class="big">If you think that you could help us</span>, you will in a first time need to set up your local fossil repository.
        On a terminal, type:
        <div class="code">
            $>fossil clone https://kernel.clinl.org ./clinl.fossil
            <br> $>fossil open ./clinl.fossil
        </div>
        Then, compile a cross-compiler according to
        <a href="https://wiki.osdev.org/GCC_Cross-Compiler">OSDevWiki</a>. Set the makefile up as you wish, in order for it to work on your machine.
        <br> then, you can contribute. Edit the files just like you would edit them on a github repository. Once you are done,
        <br>
        <div class="code">
            $>make clean
            <br>$>fossil addremove
            <br>$>fossil commit -m "your MEANINGFUL commit message"
            <br>$>fossil push
        </div>
        Before pushing you might need to setup an account at kernel.clinl.org
        If you are facing any problems, contact us
        <a href="mailto:social@clinl.org">here!</a>
    </div>

 </body>

 </html>
--- a/index.html
+++ b/index.html
@ -0,0 +1,34 @@
 <html>

 <head>
    <title>
        CLINL Kernel
    </title>
    <meta name="description" content="The official website of the CLINL-Kernel. CLINL stands for C++-LINL is not Linux and was an initiative to renew Linux, started in 2018">
    <meta name="keywords" content="CLINL, Kernel, GNU">
    <meta name="author" content="Ludovic Lagouardette, Maximilian Wittmer, OxFFFFFFFFF">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-material-design/4.0.2/bootstrap-material-design.css"
        \>
    <link rel="stylesheet" href="style.css" \>
 </head>

 <body class="container page">
    <div class="row navbar">
        <a href="index.html" class="col-xs-3 navbut">Home</a>
        <a href="https://kernel.clinl.org" class="col-xs-3 navbut">Repository</a>
        <a href="aboutus.html" class="col-xs-3 navbut">About us</a>
        <a href="contribute.html" class="col-xs-3 navbut">Contribute</a>
    </div>
    <div class="par">
        CLINL (pronounced kli-nel), for
        <span class="big">C++ Linl Is Not Linux</span>, is an on development kernel meant to present a Linux compatibility at kernel level
        while remaining as high level as possible while preserving performance.
        <br>It has been initiated by
        <span class="big">Ludovic Lagouardette</span>,
        <span class="big"> Maximilian Wittmer</span> and
        <span class="big"> OxFFFFFFFF </span>. To see the list of active developers, visit the
        <a href="https://clinl.org/aboutus.html">about us</a> page!
    </div>
 </body>

 </html>
--- a/maintenance_off.html
+++ b/maintenance_off.html
@ -0,0 +1,82 @@
 <!DOCTYPE html>

 <html class="gr__mackeycreativelab_com"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 <meta name="viewport" content="width=device-width">
 <title>Performing Maintenance</title>
 <meta name="description" content="Performing maintenance...">
 <link rel="shortcut icon" href="favicon.ico" type="image/vnd.microsoft.icon" />
 <style type="text/css">
    /* Reset */
 	html, body, div, span, applet, object, iframe,
 	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
 	a, abbr, acronym, address, big, cite, code,
 	del, dfn, em, img, ins, kbd, q, s, samp,
 	small, strike, strong, sub, sup, tt, var,
 	b, u, i, center,
 	dl, dt, dd, ol, ul, li,
 	fieldset, form, label, legend,
 	table, caption, tbody, tfoot, thead, tr, th, td,
 	article, aside, canvas, details, embed, 
 	figure, figcaption, footer, header, hgroup, 
 	menu, nav, output, ruby, section, summary,
 	time, mark, audio, video {
 		margin: 0;
 		padding: 0;
 		border: 0;
 		font-size: 100%;
 		font: inherit;
 		vertical-align: baseline;
 	}
 	/* HTML5 display-role reset for older browsers */
 	article, aside, details, figcaption, figure, 
 	footer, header, hgroup, menu, nav, section {
 		display: block;
 	}
 	body {
 		line-height: 1;
 	}
 	center {
 		display: block;
 		margin-left: auto;
 		margin-right: auto;
 		width: 50%;
 		text-align: center !important;
 	}
 	ol, ul {
 		list-style: none;
 	}
 	blockquote, q {
 		quotes: none;
 	}
 	blockquote:before, blockquote:after,
 	q:before, q:after {
 		content: '';
 		content: none;
 	}
 	table {
 		border-collapse: collapse;
 		border-spacing: 0;
 	}
      
      html {font-size: 16px;}
      body { text-align: center; padding: 150px; }
      h1 { font-size: 40px; font-weight: bold; margin-bottom: 1rem;}
      p {font-size: 1.5rem; margin-bottom: 1rem;}
      body { font: 20px Helvetica, sans-serif; color: #333; }
      #article { display: block; text-align: left; width: 650px; margin: 0 auto; }
      a { color: #dc8100; text-decoration: none; }
      a:hover { color: #333; text-decoration: none; }
    </style>
 </head>
 <script>function gen_mail_to_link(lhs, rhs) {document.write(lhs + "@");document.write(rhs);}</script>
 <body>
 	<img src="https://http.cat/503" height="400px" alt="Service Unavailable" class="center">
 	<div id="article">
 		<h1>This site is getting a little tune up and some love.</h1>
 		<div>
 			<p>We apologize for the inconvenience, but we're performing some maintenance. You can still contact us at <a href="mailto:<script>gen_mail_to_link('marcel','haazen.xyz');</script>"><script>gen_mail_to_link('marcel','haazen.xyz');</script></span></a>. We'll be back up soon!</p>
 			<p>— Neko IT</p>
 		</div>
 	</div>
 </body>
 </html>
--- a/os_tan.png
+++ b/os_tan.png
--- a/style.css
+++ b/style.css
@ -0,0 +1,88 @@
 .page {
    background-color:#394141;
    color: white;
 }

 .navbar {
    background-color: #3c7272;
    text-align: center;
    padding-top: 0px;
    padding-bottom: 0px;
 }

 .navbut {
    cursor: pointer;
    color: white !important; /* Might be overwritten by the >>a<< attribute later, so !important */
    padding-bottom: 5px;
    padding-top: 4px;
 }

 .navbut:hover { /* when the navigation bar is hovered on */
    background-color: #22bdbd;
    box-shadow: #e00a51 0px 3px;
 }

 a { /*normal links should have contrast to text */
    color: #22bdbd;
    text-decoration: none;
 }

 a:hover {
    color: white !important;
    text-decoration: none;
 }

 a:visited {
    color: #22bdbd;
    text-decoration: none;
 }


 .big {
    font-weight: bold;
 }

 .par {
    color: white;
    background-color: #1f2525;
    margin: 4%;
    padding: 5%;
    border-radius: 0px 30px 0px 30px;
 }

 .content {
    margin: 4%;
 }

 .ostan {
    cursor: pointer;
    margin-top: 4%;
    width: 15%;
    height: auto; 
    float: right;
 }

 .ostan:hover {
    width: 16%;
    height: auto;
 }

 ul {
    margin: 2%;
 }

 .impress {
    font-size: 0.9em;
 }

 .gdpr {
    font-size: 0.8em;
 }

 .code {
    margin: 2%;
    background-color: black;
    color: grey;
    width: 100%;
    font-family: monospace;
 }