prodio
Version:
Simplified project management
132 lines (116 loc) • 5.16 kB
HTML
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Quick start</title>
<meta name="description" content="">
<meta name="author" content="ink, cookbook, recipes">
<meta name="HandheldFriendly" content="True">
<meta name="MobileOptimized" content="320">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<!-- Place favicon.ico and apple-touch-icon(s) here -->
<link rel="shortcut icon" href="../img/favicon.ico">
<link rel="apple-touch-icon-precomposed" href="../img/touch-icon.57.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="../img/touch-icon.72.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="../img/touch-icon.114.png">
<link rel="apple-touch-startup-image" href="../img/splash.320x460.png" media="screen and (min-device-width: 200px) and (max-device-width: 320px) and (orientation:portrait)">
<link rel="apple-touch-startup-image" href="../img/splash.768x1004.png" media="screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait)">
<link rel="apple-touch-startup-image" href="../img/splash.1024x748.png" media="screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape)">
<!-- load inks CSS -->
<link rel="stylesheet" type="text/css" href="../css/ink-flex.min.css">
<link rel="stylesheet" type="text/css" href="../css/font-awesome.min.css">
<!-- load inks CSS for IE8 -->
<!--[if lt IE 9 ]>
<link rel="stylesheet" href="../css/ink-ie.min.css" type="text/css" media="screen" title="no title" charset="utf-8">
<![endif]-->
<!-- test browser flexbox support and load legacy grid if unsupported -->
<script type="text/javascript" src="../js/modernizr.js"></script>
<script type="text/javascript">
Modernizr.load({
test: Modernizr.flexbox,
nope : '../css/ink-legacy.min.css'
});
</script>
<!-- load inks javascript files -->
<script type="text/javascript" src="../js/holder.js"></script>
<script type="text/javascript" src="../js/ink-all.min.js"></script>
<script type="text/javascript" src="../js/autoload.js"></script>
<style>
.screen-size-helper {
position: fixed;
bottom: 0;
left: 0;
right: 0;
width: 100%;
line-height: 1.6em;
font-size: 1em;
padding: 0.5333333333333333em 0.8em;
background: rgba(0, 0, 0, 0.7);
z-index: 100;
}
.screen-size-helper .title,
.screen-size-helper ul {
color: white;
text-shadow: 0 1px 0 #000000;
}
.screen-size-helper .title {
font-size: inherit;
line-height: inherit;
float: left;
text-transform: uppercase;
font-weight: 500;
}
.screen-size-helper ul {
float: right;
margin: 0;
padding: 0;
line-height: inherit ;
}
.screen-size-helper ul li {
padding: 0;
margin: 0;
text-transform: uppercase;
font-weight: bold;
font-size: inherit ;
}
.screen-size-helper ul li.tiny {
color: #0f75da;
}
.screen-size-helper ul li.small {
color: #4a9b17;
}
.screen-size-helper ul li.medium {
color: #ff9c00;
}
.screen-size-helper ul li.large {
color: #c91111;
}
.screen-size-helper ul li.xlarge {
color: white;
}
</style>
</head>
<body>
<!--[if lte IE 9 ]>
<div class="ink-alert basic">
<button class="ink-dismiss">×</button>
<p>
<strong>You are using an outdated Internet Explorer version.</strong>
Please <a href="http://browsehappy.com/">upgrade to a browser</a> to improve your web experience.
</p>
</div>
-->
<!-- Add your site or application content here -->
<div class="screen-size-helper">
<p class="title">Screen size:</p>
<ul class="unstyled">
<li class="hide-all show-tiny tiny">TINY</li>
<li class="hide-all show-small small">SMALL</li>
<li class="hide-all show-medium medium">MEDIUM</li>
<li class="hide-all show-large large">LARGE</li>
<li class="hide-all show-xlarge xlarge">XLARGE</li>
</ul>
</div>
</body>
</html>