blob: 8b48c37eb7d3fada824f1a323cf67875a152d30b (
plain) (
tree)
|
|
<!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/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—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.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>
|