<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<html lang="en">
<head>
	<meta charset="utf-8">
	<title>Maintenance - Swiss Mac User </title>
	<meta name="description" content="Your dose of macOS tips, tricks and news - written with love from Switzerland">
	<meta name="author" content="Swiss Mac User">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="robots" content="noindex">
	<link rel="pingback" href="http://swissmacuser.ch/xmlrpc.php">
	<link rel="publisher" href="https://plus.google.com/108419067800328966367" />

  	<link rel="shortcut icon" href="/wp-content/themes/melissa-child/favicon.ico" type="image/x-icon" />
	<link rel="apple-touch-icon" sizes="57x57" href="/wp-content/themes/melissa-child/apple-touch-icon-57x57.png">
	<link rel="apple-touch-icon" sizes="60x60" href="/wp-content/themes/melissa-child/apple-touch-icon-60x60.png">
	<link rel="apple-touch-icon" sizes="72x72" href="/wp-content/themes/melissa-child/apple-touch-icon-72x72.png">
	<link rel="apple-touch-icon" sizes="76x76" href="/wp-content/themes/melissa-child/apple-touch-icon-76x76.png">
	<link rel="apple-touch-icon" sizes="114x114" href="/wp-content/themes/melissa-child/apple-touch-icon-114x114.png">
	<link rel="apple-touch-icon" sizes="120x120" href="/wp-content/themes/melissa-child/apple-touch-icon-120x120.png">
	<link rel="apple-touch-icon" sizes="144x144" href="/wp-content/themes/melissa-child/apple-touch-icon-144x144.png">
	<link rel="apple-touch-icon" sizes="152x152" href="/wp-content/themes/melissa-child/apple-touch-icon-152x152.png">
	<link rel="apple-touch-icon" sizes="180x180" href="/wp-content/themes/melissa-child/apple-touch-icon-180x180.png">
	<link rel="icon" type="image/png" href="/wp-content/themes/melissa-child/favicon-16x16.png" sizes="16x16">
	<link rel="icon" type="image/png" href="/wp-content/themes/melissa-child/favicon-32x32.png" sizes="32x32">
	<link rel="icon" type="image/png" href="/wp-content/themes/melissa-child/favicon-96x96.png" sizes="96x96">
	<link rel="icon" type="image/png" href="/wp-content/themes/melissa-child/android-chrome-192x192.png" sizes="192x192">
	<meta name="msapplication-square70x70logo" content="/wp-content/themes/melissa-child/smalltile.png" />
	<meta name="msapplication-square150x150logo" content="/wp-content/themes/melissa-child/mediumtile.png" />
	<meta name="msapplication-wide310x150logo" content="/wp-content/themes/melissa-child/widetile.png" />
	<meta name="msapplication-square310x310logo" content="/wp-content/themes/melissa-child/largetile.png" />
	<link rel="stylesheet" href="https://unpkg.com/purecss@0.6.1/build/pure-min.css" integrity="sha384-CCTZv2q9I9m3UOxRLaJneXrrqKwUNOzZ6NGEUMwHtShDJ+nCoiXJCAgi05KfkLGY" crossorigin="anonymous">
	<!--[if lt IE 9]>
		<script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.js"></script>
	<![endif]-->
	<!--[if lte IE 8]>
		<link rel="stylesheet" href="https://unpkg.com/purecss@0.6.1/build/grids-responsive-old-ie-min.css">
	<![endif]-->
	<!--[if gt IE 8]><!-->
		<link rel="stylesheet" href="https://unpkg.com/purecss@0.6.1/build/grids-responsive-min.css">
	<!--<![endif]-->
	<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
	<script src="https://code.jquery.com/jquery-2.2.4.min.js" integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44=" crossorigin="anonymous"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-backstretch/2.0.4/jquery.backstretch.min.js"></script>
	<style>
		body {
			line-height: 1.7em;
			color: #fff;
			font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", helvetica, arial, sans-serif;
			text-shadow: 1px 1px 48px rgba(0, 0, 0, 0.8);
			font-size: 34px;
			text-align: center;
			margin-top: 85px;
		}
		
		h1 { font-size: 48px; font-weight: 100; }
		h2 { font-size: 36px; font-weight: 100; }
		h3 { font-size: 24px; font-weight: 100; }
		
		a { text-decoration: none; }
		a:link, a:visited { color: #5275bf; }
		a:hover, a:focus { color: #e25555; }
		
		.logo { color: #fff; text-shadow: none; font-size: 26px; }
		.apple { color: #e25555; }

		.soc {
		    /*overflow:hidden;*/
		    margin:0; padding:0;
		    list-style:none;
		}
		
		.soc li {
		    display:inline-block;
		    zoom:1;
		    margin-top:5px;
		}
		
		.soc li a {
		    font-family:si!important;
		    font-style:normal;
		    font-weight:400;
		    -webkit-font-smoothing:antialiased;
		    -moz-osx-font-smoothing:grayscale;
		    -webkit-box-sizing:border-box;
		    -moz-box-sizing:border-box;
		    -ms-box-sizing:border-box;
		    -o-box-sizing:border-box;
		    box-sizing:border-box;
		
		    -o-transition:.1s;
		    -ms-transition:.1s;
		    -moz-transition:.1s;
		    -webkit-transition:.1s;
		    transition:.1s;
		    -webkit-transition-property: transform;
		    transition-property: transform;
		    -webkit-transform: translateZ(0);
		    transform: translateZ(0);
		
		    overflow:hidden;
		    text-decoration:none;
		    text-align:center;
		    display:block;
		    position: relative;
		    z-index: 1;
		    width: 60px;
		    height: 60px;
		    line-height: 60px;
		    font-size: 33px;
		    -webkit-border-radius: 30px;
		    -moz-border-radius: 30px;
		    border-radius: 30px;
		    margin-right: 50px;
		    color: #ffffff;
		    background-color: none;
		}
		
		.soc a:hover {
		    z-index: 2;
		    -webkit-transform: scale(1.1);
		    transform: scale(1.1);
		}
		
		.soc-icon-last{
		    margin:0 !important;
		}
		
		.soc-twitter-bg {
		    background-color: #4da7de;
		}
		.soc-instagram {
		    background-color: #405de6;
		}
		.soc-facebook {
		    background-color: #3e5b98;
		}
		.soc-googleplus {
		    background-color: #dd4b39;
		}
		.soc-vimeo {
		    background-color: #51b5e7;
		}
		.soc-github {
			background-color: #333;
		}
	</style>
</head>
<body>
	<div class="pure-g">
		<div class="pure-u-1">
			<div class="logo">Swiss Mac User <span class="apple"></span></div>
		</div>
		<div class="pure-u-1">
			<h1>Briefly unavailable for <strong>scheduled maintenance</strong>.</h1>
			<h2><span><a href="https://swissmacuser.ch/">Reload</a></span> again in a minute.</h2>
		</div>
		<div class="pure-u-1">
			<h2>…or follow our social media channels in the meantime:</h2>
			<ul class="soc">
			    <li><a class="soc-twitter-bg" href="https://twitter.com/swissmacuser" title="@swissmacuser on Twitter" target="_blank" rel="noopener noreferrer"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
				<li><a class="soc-vimeo" href="https://vimeo.com/swissmacuser" title="swissmacuser on Vimeo" target="_blank" rel="noopener noreferrer"><i class="fa fa-vimeo" aria-hidden="true"></i></a></li>
				<li><a class="soc-github soc-icon-last" href="https://gist.github.com/swissmacuser" title="swissmacuser on GitHub" target="_blank" rel="noopener noreferrer"><i class="fa fa-github" aria-hidden="true"></i></a></li>
			</ul>
		</div>
	</div>
</body>
<script>
/*
 * Here is an example of how to use Backstretch as a slideshow.
 * Just pass in an array of images, and optionally a duration and fade value.
 */
// Duration is the amount of time in between slides,
// and fade is value that determines how quickly the next image will fade in
$.backstretch([
	 "https://unsplash.it/g/1600?image=6"
	,"https://unsplash.it/g/1600?image=961"
	,"https://unsplash.it/g/1600?image=48"
], {duration: 3000, fade: 750});
</script>
</html>
