path: root/src/index.html


                
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        <meta name="description" content="">
        <meta name="keywords" content="">
        <title>Adélie Linux | Welcome</title>
        <!-- Favicon -->
        <link href="/assets/images/icons/gen_polyguin_color_favicon.ico" rel="shortcut icon">
        <!-- CSS -->
        <link href="/assets/plugins/bootstrap/bootstrap.min.css" rel="stylesheet">
        <link href="/assets/plugins/owl-carousel/owl.carousel.min.css" rel="stylesheet">
        <link href="/assets/plugins/owl-carousel/owl.theme.default.min.css" rel="stylesheet">
        <link href="/assets/plugins/magnific-popup/magnific-popup.min.css" rel="stylesheet">
        <link href="/assets/plugins/sal/sal.min.css" rel="stylesheet">
        <link href="/assets/css/theme.css" rel="stylesheet">
        <!-- Fonts/Icons -->
        <link href="/assets/plugins/font-awesome/css/all.css" rel="stylesheet">
        <link href="/assets/plugins/themify/themify-icons.min.css" rel="stylesheet">
        <link href="/assets/plugins/simple-line-icons/css/simple-line-icons.css" rel="stylesheet">
    </head>
    <body>

        <!-- Header -->
        <div class="header right absolute-light sticky">
__HEADER__
        </div>
        <!-- end Header -->

        <!-- Hero section -->
        <div class="section-2xl bg-image parallax" data-bg-src="penguins-main.jpg">
            <div class="bg-black-05">
                <div class="container">
                    <div class="row">
                        <div class="col-12 col-lg-8 col-xl-6">
                            <h1 class="font-weight-light">Desktop or HPC cluster?<br />You're in good hands.</h1>
                            <a class="button button-lg button-radius button-white-3 margin-top-30" href="#about">Learn More</a>
                        </div>
                    </div><!-- end row -->
                </div><!-- end container -->
            </div>
            <div style="position:relative; top:-80px;" id="about"><!-- this magic number compensates for the header on anchor jump --></div>
        </div>
        <!-- end Hero section -->

        <!-- About section -->
        <div class="section padding-y-50">
            <div class="container">
                <div class="row align-items-center col-spacing-50">
                    <div class="col-12 col-lg-6">
                        <img class="border-radius" src="rock-climbers.jpg" alt="">
                    </div>
                    <div class="col-12 col-lg-6">
                        <h3 class="font-weight-light margin-bottom-20">Faith has no place in computing.<br />Confidence does.</h3>
                        <p>Adélie Linux respects your time and investments. That's why we're based on a rock-solid runtime library and focused on bringing an efficient operating system to your hardware, whether it's from 1995 or 2025.</p>
                        <br />
                        <p>Our developers are within immediate reach to help tackle your biggest challenges, from kernel to browser, or motherboard to microcode.</p>
                        <a class="button button-lg button-radius button-dark margin-top-30" href="#blastoff">Get Started With Adélie</a>
                    </div>
                </div><!-- end row -->
            </div><!-- end container -->
        </div>
        <!-- end About section -->

        <!-- Features section -->
        <!-- icons from https://themify.me/themify-icons -->
        <div class="section padding-y-50">
            <div class="container icon-5xl">
                <div class="row">
                    <!-- Feature box 1 -->
                    <div class="col-12 col-lg-4">
                        <div class="text-dark margin-bottom-20 margin-lg-bottom-30">
                            <i class="ti-paint-bucket"></i>
                        </div>
                        <h6 class="font-weight-medium font-small uppercase">Refined</h6>
                        <p>Desktop is a first-class citizen, and we're out to prove that you don't need to compromise.<br />There's no need to be a command-line jockey.</p>
                        <br />
                        <p>We don't provide half-baked desktop software, and our daemons don't need to be fought.</p>
                    </div>
                    <!-- Feature box 2 -->
                    <div class="col-12 col-lg-4">
                        <div class="text-dark margin-bottom-20 margin-lg-bottom-30">
                            <i class="ti-lock"></i>
                        </div>
                        <h6 class="font-weight-medium font-small uppercase">Reliable</h6>
                        <p>We work side-by-side with kernel engineers, the musl libc project, and adjacent communities to create an environment that conforms to global operating system standards.</p>
                    </div>
                    <!-- Feature box 3 -->
                    <div class="col-12 col-lg-4">
                        <div class="text-dark margin-bottom-20 margin-lg-bottom-30">
                            <i class="ti-bolt"></i>
                        </div>
                        <h6 class="font-weight-medium font-small uppercase">Ready</h6>
                        <p>We support your hardware, not just containers.</p>
                        <br />
                        <p>All of our software has been carefully tested on all of our supported platforms to ensure that you always enjoy the best possible experience.</p>
                    </div>
                </div><!-- end row -->
            </div><!-- end container -->
            <div style="position:relative; top:-30px;" id="blastoff"><!-- this magic number compensates for the header on anchor jump --></div>
        </div>
        <!-- end Features section -->

        <!-- Parallax section -->
        <div class="section-xl bg-image parallax" data-bg-src="data-center-woman.jpg">
            <div class="bg-black-05">
                <div class="container text-right">
                    <h1 class="font-weight-light">Ready to try Adélie?</h1>
                    <a class="button button-lg button-radius button-white-3 margin-top-20" href="/download">Download</a>
                </div><!-- end container -->
            </div>
        </div>
        <!-- end Parallax section -->

__INDEPENDENT_SHADE__
__FOOTER__
    </body>
</html>
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        <meta name="description" content="">
        <meta name="keywords" content="">
        <title>Adélie Linux | Welcome</title>
        <!-- Favicon -->
        <link href="/assets/images/icons/gen_polyguin_color_favicon.ico" rel="shortcut icon">
        <!-- CSS -->
        <link href="/assets/plugins/bootstrap/bootstrap.min.css" rel="stylesheet">
        <link href="/assets/plugins/owl-carousel/owl.carousel.min.css" rel="stylesheet">
        <link href="/assets/plugins/owl-carousel/owl.theme.default.min.css" rel="stylesheet">
        <link href="/assets/plugins/magnific-popup/magnific-popup.min.css" rel="stylesheet">
        <link href="/assets/plugins/sal/sal.min.css" rel="stylesheet">
        <link href="/assets/css/theme.css" rel="stylesheet">
        <!-- Fonts/Icons -->
        <link href="/assets/plugins/font-awesome/css/all.css" rel="stylesheet">
        <link href="/assets/plugins/themify/themify-icons.min.css" rel="stylesheet">
        <link href="/assets/plugins/simple-line-icons/css/simple-line-icons.css" rel="stylesheet">
    </head>
    <body>

        <!-- Header -->
        <div class="header right absolute-light sticky">
__HEADER__
        </div>
        <!-- end Header -->

        <!-- Hero section -->
        <div class="section-2xl bg-image parallax" data-bg-src="penguins-main.jpg">
            <div class="bg-black-05">
                <div class="container">
                    <div class="row">
                        <div class="col-12 col-lg-8 col-xl-6">
                            <h1 class="font-weight-light">Desktop or HPC cluster?<br />You're in good hands.</h1>
                            <a class="button button-lg button-radius button-white-3 margin-top-30" href="#about">Learn More</a>
                        </div>
                    </div><!-- end row -->
                </div><!-- end container -->
            </div>
            <div style="position:relative; top:-80px;" id="about"><!-- this magic number compensates for the header on anchor jump --></div>
        </div>
        <!-- end Hero section -->

        <!-- About section -->
        <div class="section padding-y-50">
            <div class="container">
                <div class="row align-items-center col-spacing-50">
                    <div class="col-12 col-lg-6">
                        <img class="border-radius" src="rock-climbers.jpg" alt="">
                    </div>
                    <div class="col-12 col-lg-6">
                        <h3 class="font-weight-light margin-bottom-20">Faith has no place in computing.<br />Confidence does.</h3>
                        <p>Adélie Linux respects your time and investments. That's why we're based on a rock-solid runtime library and focused on bringing an efficient operating system to your hardware, whether it's from 1995 or 2025.</p>
                        <br />
                        <p>Our developers are within immediate reach to help tackle your biggest challenges, from kernel to browser, or motherboard to microcode.</p>
                        <a class="button button-lg button-radius button-dark margin-top-30" href="#blastoff">Get Started With Adélie</a>
                    </div>
                </div><!-- end row -->
            </div><!-- end container -->
        </div>
        <!-- end About section -->

        <!-- Features section -->
        <!-- icons from https://themify.me/themify-icons -->
        <div class="section padding-y-50">
            <div class="container icon-5xl">
                <div class="row">
                    <!-- Feature box 1 -->
                    <div class="col-12 col-lg-4">
                        <div class="text-dark margin-bottom-20 margin-lg-bottom-30">
                            <i class="ti-paint-bucket"></i>
                        </div>
                        <h6 class="font-weight-medium font-small uppercase">Refined</h6>
                        <p>Desktop is a first-class citizen, and we're out to prove that you don't need to compromise.<br />There's no need to be a command-line jockey.</p>
                        <br />
                        <p>We don't provide half-baked desktop software, and our daemons don't need to be fought.</p>
                    </div>
                    <!-- Feature box 2 -->
                    <div class="col-12 col-lg-4">
                        <div class="text-dark margin-bottom-20 margin-lg-bottom-30">
                            <i class="ti-lock"></i>
                        </div>
                        <h6 class="font-weight-medium font-small uppercase">Reliable</h6>
                        <p>We work side-by-side with kernel engineers, the musl libc project, and adjacent communities to create an environment that conforms to global operating system standards.</p>
                    </div>
                    <!-- Feature box 3 -->
                    <div class="col-12 col-lg-4">
                        <div class="text-dark margin-bottom-20 margin-lg-bottom-30">
                            <i class="ti-bolt"></i>
                        </div>
                        <h6 class="font-weight-medium font-small uppercase">Ready</h6>
                        <p>We support your hardware, not just containers.</p>
                        <br />
                        <p>All of our software has been carefully tested on all of our supported platforms to ensure that you always enjoy the best possible experience.</p>
                    </div>
                </div><!-- end row -->
            </div><!-- end container -->
            <div style="position:relative; top:-30px;" id="blastoff"><!-- this magic number compensates for the header on anchor jump --></div>
        </div>
        <!-- end Features section -->

        <!-- Parallax section -->
        <div class="section-xl bg-image parallax" data-bg-src="data-center-woman.jpg">
            <div class="bg-black-05">
                <div class="container text-right">
                    <h1 class="font-weight-light">Ready to try Adélie?</h1>
                    <a class="button button-lg button-radius button-white-3 margin-top-20" href="/download">Download</a>
                </div><!-- end container -->
            </div>
        </div>
        <!-- end Parallax section -->

__INDEPENDENT_SHADE__
__FOOTER__
    </body>
</html>