summaryrefslogblamecommitdiff
path: root/src/screenshots/index.html
blob: cfabb1834e7b0ab6f411ace074855602e16c2282 (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/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">
__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&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.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 -->

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