framer-device
Version:
Device constructor shorthand that defaults to @1x
61 lines (48 loc) • 1.72 kB
HTML
<html>
<head>
<meta charset="utf-8">
<meta name="format-detection" content="telephone=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<script type="text/javascript">
// This automatically sets the right viewport scale on mobile devices
(function() {
var scale = 1 / window.devicePixelRatio
document.write("<meta name=\"viewport\" content=\"width=device-width, height=device-height, initial-scale=" + scale + ", maximum-scale=" + scale + ", user-scalable=no\">")
})()
</script>
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="icon/apple-touch-icon-144x144-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="icon/apple-touch-icon-114x114-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="icon/apple-touch-icon-72x72-precomposed.png">
<link rel="apple-touch-icon-precomposed" href="icon/apple-touch-icon-precomposed.png">
<style type="text/css" media="screen">
* {
margin:0;
padding:0;
border:none;
-webkit-user-select:none;
-webkit-tap-highlight-color: rgba(0,0,0,0)
}
body {
background: white;
font: 28px/1em "Helvetica";
color: #FFF;
}
a {
color: #bfbfbf;
}
::-webkit-scrollbar {
display: none;
}
</style>
</head>
<body>
<script src="http://builds.framerjs.com/latest/framer.js"></script>
<script src=".bundle.js"></script>
<script>
var Device = require('.')
new Device({ deviceType: 'iphone-6-gold' })
</script>
</body>
</html>