diff options
Diffstat (limited to 'src/screenshots/index.html')
| -rw-r--r-- | src/screenshots/index.html | 486 |
1 files changed, 243 insertions, 243 deletions
diff --git a/src/screenshots/index.html b/src/screenshots/index.html index cfabb18..333ff02 100644 --- a/src/screenshots/index.html +++ b/src/screenshots/index.html @@ -1,258 +1,258 @@ <!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=""> + <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 --> + <title>Adélie Linux | Screenshots</title> + <!-- Favicon --> <link href="/assets/images/favicon.png" 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"> + <!-- 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> + <!-- end Header --> - <div class="section-xl bg-image parallax" data-bg-src="penguins-identical.webp"> - <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—because it is—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 class="section-xl bg-image parallax" data-bg-src="penguins-identical.webp"> + <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—because it is—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.webp" 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.webp" 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.webp" alt=""><!-- Image source --> - </div> - <a href="#"></a><!-- Portfolio Single link --> - <div class="portfolio-title"> - <div> - <h5 class="font-weight-normal">Time Travel on a 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.webp" 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> + + <!-- 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.webp" 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.webp" 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.webp" alt=""><!-- Image source --> + </div> + <a href="#"></a><!-- Portfolio Single link --> + <div class="portfolio-title"> + <div> + <h5 class="font-weight-normal">Time Travel on a 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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 --> + <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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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> + <!-- 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 --> + </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> + </body> </html> |