summaryrefslogblamecommitdiff
path: root/src/screenshots/index.html
blob: 274b7783fedb28fb5844acf5013f730d173f9c39 (plain) (tree)
1
2
3
4
5
6
7
8
9

                



                                                                                              
                                         

                                                  
                                                                                             















                                                                                                  
          

                           
 
                                                                                       










                                                                                                                                                                                                                                                                
                                                                                                                                              



















                                                                                                                         
                                                                                        











                                                                                                                         
                                                                                        












                                                                                                                      
                                                                                     



                                                                          
                                                                                                      







                                                                                                                           
                                                                                          









                                                                                            
 


                                                                                                                         
                                                                                        












                                                                                                                           
                                                                                          












                                                                                                                               
                                                                                              












                                                                                                                        
                                                                                       












                                                                                                                        
                                                                                       












                                                                                                                          
                                                                                         












                                                                                                                         
                                                                                        












                                                                                                                        
                                                                                       













                                                                               
 









                                                                                                                           

                                                                                                                                                                               







                                                                                                                                                                                                           


                     
           
       
<!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 | Screenshots</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 -->

        <div class="section-xl bg-image parallax" data-bg-src="penguins-identical.jpg">
            <div class="bg-black-05">
                <div class="container text-right">
                    <div class="row">
                        <div class="col-12 col-sm-10 offset-sm-1 col-md-8 offset-md-2">
                            <h1 class="font-weight-light">Gallery</h1>
                            <p class="text-white-08">When Linux distributions start to feel the same, one must find a way to stand out from the crowd. Adélie feels familiar&mdash;because it is&mdash;but you won't miss the instability of other distros.</p>
                            <a class="button button-lg button-radius button-white-3 margin-top-30" href="#gallery">See Adélie in Action</a>
                        </div>
                    </div><!-- end row -->
                </div><!-- end container -->
            </div>
            <div style="position:relative; top:-80px;" id="gallery"><!-- this magic number compensates for the header on anchor jump --></div>
        </div>

        <!-- Portfolio section -->
        <div class="section">
            <div class="container">
                <!-- Portfolio filter -->
                <div class="filter filter-style-3 text-center">
                    <ul>
                        <li class="active" data-filter="*">All</li>
                        <li data-filter=".category-1">Productivity</li>
                        <li data-filter=".category-2">Entertainment</li>
                        <li data-filter=".category-3">Data Science</li>
                        <li data-filter=".category-4">Retro Computing</li>
                    </ul>
                </div>
                <!-- end Portfolio filter -->
                <div class="row portfolio-wrapper spacing-10 border-radius-025">
                    <div class="col-12 col-md-6 col-lg-4 portfolio-item category-1">
                        <div class="portfolio-box lightbox-image-box" href="/assets/images/screenshots/adelie-win10.png">
                            <div class="portfolio-img">
                                <img src="adelie-win10.jpg" alt=""><!-- Image source -->
                            </div>
                            <div class="portfolio-title">
                                <div>
                                    <h5 class="font-weight-normal">Virtualize Windows 10</h5>
                                    <span>Productivity</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-md-6 col-lg-4 portfolio-item category-2">
                        <div class="portfolio-box lightbox-image-box" href="/assets/images/screenshots/adelie-bunny.png">
                            <div class="portfolio-img">
                                <img src="adelie-bunny.jpg" alt=""><!-- Image source -->
                            </div>
                            <a href="#"></a><!-- Portfolio Single link -->
                            <div class="portfolio-title">
                                <div>
                                    <h5 class="font-weight-normal">Watch Big Buck Bunny</h5>
                                    <span>Entertainment</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-md-6 col-lg-4 portfolio-item category-4">
                        <div class="portfolio-box lightbox-image-box" href="/assets/images/screenshots/adelie-g3.png">
                            <div class="portfolio-img">
                                <img src="adelie-g3.jpg" alt=""><!-- Image source -->
                            </div>
                            <a href="#"></a><!-- Portfolio Single link -->
                            <div class="portfolio-title">
                                <div>
                                    <h5 class="font-weight-normal">Time Travel:<br />1999 iMac G3</h5>
                                    <span>Retro Computing</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-md-6 col-lg-4 portfolio-item category-1">
                        <div class="portfolio-box lightbox-image-box" href="/assets/images/screenshots/adelie-horizon.png">
                            <div class="portfolio-img">
                                <img src="adelie-horizon.jpg" alt=""><!-- Image source -->
                            </div>
                            <a href="#"></a><!-- Portfolio Single link -->
                            <div class="portfolio-title">
                                <div>
                                    <h5 class="font-weight-normal">Develop Applications</h5>
                                    <span>Productivity</span>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-12 col-md-6 col-lg-4 portfolio-item category-3">
                        <div class="portfolio-box lightbox-image-box" href="/assets/images/screenshots/adelie-stars.png">
                            <div class="portfolio-img">
                                <img src="adelie-stars.jpg" alt=""><!-- Image source -->
                            </div>
                            <a href="#"></a><!-- Portfolio Single link -->
                            <div class="portfolio-title">
                                <div>
                                    <h5 class="font-weight-normal">Explore the Stars</h5>
                                    <span>Data Science</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-md-6 col-lg-4 portfolio-item category-2">
                        <div class="portfolio-box lightbox-image-box" href="/assets/images/screenshots/adelie-spotify.png">
                            <div class="portfolio-img">
                                <img src="adelie-spotify.jpg" alt=""><!-- Image source -->
                            </div>
                            <a href="#"></a><!-- Portfolio Single link -->
                            <div class="portfolio-title">
                                <div>
                                    <h5 class="font-weight-normal">Stream Your Music</h5>
                                    <span>Entertainment</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-md-6 col-lg-4 portfolio-item category-1">
                        <div class="portfolio-box lightbox-image-box" href="/assets/images/screenshots/adelie-kde-browser.png">
                            <div class="portfolio-img">
                                <img src="adelie-kde-browser.jpg" alt=""><!-- Image source -->
                            </div>
                            <a href="#"></a><!-- Portfolio Single link -->
                            <div class="portfolio-title">
                                <div>
                                    <h5 class="font-weight-normal">Internet Relay Chat</h5>
                                    <span>Productivity</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-md-6 col-lg-4 portfolio-item category-4">
                        <div class="portfolio-box lightbox-image-box" href="/assets/images/screenshots/adelie-lynx.png">
                            <div class="portfolio-img">
                                <img src="adelie-lynx.jpg" alt=""><!-- Image source -->
                            </div>
                            <a href="#"></a><!-- Portfolio Single link -->
                            <div class="portfolio-title">
                                <div>
                                    <h5 class="font-weight-normal">Off the Grid:<br />Solar + LTE + Raspberry Pi</h5>
                                    <span>Retro Computing</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-md-6 col-lg-4 portfolio-item category-3">
                        <div class="portfolio-box lightbox-image-box" href="/assets/images/screenshots/adelie-java.png">
                            <div class="portfolio-img">
                                <img src="adelie-java.jpg" alt=""><!-- Image source -->
                            </div>
                            <a href="#"></a><!-- Portfolio Single link -->
                            <div class="portfolio-title">
                                <div>
                                    <h5 class="font-weight-normal">NASA's World in Java</h5>
                                    <span>Data Science</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-md-6 col-lg-4 portfolio-item category-4">
                        <div class="portfolio-box lightbox-image-box" href="/assets/images/screenshots/adelie-compaq.png">
                            <div class="portfolio-img">
                                <img src="adelie-compaq.jpg" alt=""><!-- Image source -->
                            </div>
                            <a href="#"></a><!-- Portfolio Single link -->
                            <div class="portfolio-title">
                                <div>
                                    <h5 class="font-weight-normal">Intel Pentium III</h5>
                                    <span>Retro Computing</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-md-6 col-lg-4 portfolio-item category-4">
                        <div class="portfolio-box lightbox-image-box" href="/assets/images/screenshots/adelie-ibook.png">
                            <div class="portfolio-img">
                                <img src="adelie-ibook.jpg" alt=""><!-- Image source -->
                            </div>
                            <a href="#"></a><!-- Portfolio Single link -->
                            <div class="portfolio-title">
                                <div>
                                    <h5 class="font-weight-normal">iBook G3</h5>
                                    <span>Retro Computing</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-md-6 col-lg-4 portfolio-item category-4">
                        <div class="portfolio-box lightbox-image-box" href="/assets/images/screenshots/adelie-imac.png">
                            <div class="portfolio-img">
                                <img src="adelie-imac.jpg" alt=""><!-- Image source -->
                            </div>
                            <a href="#"></a><!-- Portfolio Single link -->
                            <div class="portfolio-title">
                                <div>
                                    <h5 class="font-weight-normal">iMac G4</h5>
                                    <span>Retro Computing</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div><!-- end row/portfolio-wrapper -->
            </div><!-- end container -->
        </div>
        <!-- end Portfolio section -->

        <!-- About -->
        <div class="section bg-grey-lighter">
            <div class="container">
                <div class="row">
                    <div class="col-12 col-md-4">
                        <h4 class="font-weight-light">Like what you see?</h4>
                        <h3><a href="/download/">Download Adélie</a></h3>
                    </div>
                    <div class="col-12 col-md-4">
                        <p>Adélie is bundled with Horizon, an easy-to-use installer to get you up and running quickly.</p>
                        <br />
                        <p>Large-scale deployments are easily automated with the fully-specified <a href="https://www.adelielinux.org/horizon/">HorizonScript language</a>.</p>
                    </div>
                    <div class="col-12 col-md-4">
                        <p>With a vibrant community of developers and users alike, the support you need is within immediate reach. For those in need of more support, the Adélie Team is here for you.</p>
                    </div>
                </div><!-- end row -->
            </div><!-- end container -->
        </div>
        <!-- end About -->

__INDEPENDENT_WHITE__
__FOOTER__
    </body>
</html>