Skip to content

Instantly share code, notes, and snippets.

@derixithy

derixithy/_social.html

Last active November 26, 2015 14:20
Show Gist options
  • Save derixithy/bda371ada3b4eb030ca6 to your computer and use it in GitHub Desktop.
Save derixithy/bda371ada3b4eb030ca6 to your computer and use it in GitHub Desktop.
Download ZIP
html5 skeleton
Raw
_social.html
<!-- Snippets to support social sites like: facebook, twitter, a.o. -->
<head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# blog: http://ogp.me/ns/blog#">
<link rel="apple-touch-icon-precomposed" href="/asset/image/icon_128x128.png">
<meta property="og:image" content="/asset/image/photo_large.png" />
</head>
Raw
index.html
<!DOCTYPE html>
<head>
<title></title>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta charset="utf-8" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta name="author" content="" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" type="text/css" href="/asset/stylesheet/main.css" />
<!--[if lt IE 9]>
<script src="//cdn.jsdelivr.net/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<link rel="shortcut icon" href="/asset/image/favicon.png">
</head>
<body>
<!-- Place your content here -->
<!-- SCRIPTS -->
</body>
</html>
Raw
style.scss
/* Koala App will add browser prefixes, no need for those */
html {
box-sizing: border-box;
}
*, *:before, *:after {
box-sizing: inherit;
}
html, body {
margin: 0;
padding: 0;
}
img {
max-width: 100%;
height: auto;
display: block;
}
pre {
white-space: pre-wrap;
word-wrap: break-word;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment