Skip to content

Instantly share code, notes, and snippets.

@matthewmueller

matthewmueller/index.html

Last active January 11, 2018 09:41
Show Gist options
  • Star 4 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save matthewmueller/cb33e2c5f6834511cd45f17b59271052 to your computer and use it in GitHub Desktop.
Save matthewmueller/cb33e2c5f6834511cd45f17b59271052 to your computer and use it in GitHub Desktop.
Download ZIP
HTML Starter Template for rock-solid Web Apps
Raw
index.html
<!--
What?
HTML Starter Template for rock-solid Web Apps
Where?
Get the latest template here: https://gist.github.com/matthewmueller/cb33e2c5f6834511cd45f17b59271052
How?
Find and replace the underscore values with your app's specific information
–––
1. Title (e.g. Standup Jack):
__TITLE__
2. Description (e.g. Slack Bot for your Standups):
__DESCRIPTION__
3. URL (e.g. https://standupjack.com):
__URL__
4. Twitter Handle (e.g. @mattmueller):
__TWITTER__
5. 940x550 Social Card (e.g. images/card-wide.png):
__CARD__
6. Favicon (e.g. favicon.ico):
__FAVICON__
7. Language (e.g. en):
__LANG__
8. Javascript Build (e.g. index.js):
__JS__
-->
<!doctype html>
<html class="no-js" lang="__LANG__">
<head>
<title>__TITLE__</title>
<!-- Description -->
<meta name="description" content="__DESCRIPTION__">
<!-- Open Graph (Facebook and others) -->
<meta property="og:title" content="__TITLE__">
<meta property="og:url" content="__URL__">
<meta property="og:description" content="__DESCRIPTION__">
<meta property="og:image:type" content="image/png">
<meta property="og:image:width" content="940">
<meta property="og:image:height" content="550">
<meta property="og:image" content="__URL__/__CARD__">
<!-- Twitter -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="__TWITTER__">
<meta name="twitter:creator" content="__TWITTER__">
<meta name="twitter:image" content="__URL__/__CARD__">
<!-- Favicon -->
<link rel="shortcut icon" href="/__FAVICON__">
<link rel="icon" sizes="16x16 32x32" href="/__FAVICON__">
<!-- Adjust the viewport -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- You shouldn't need to touch these -->
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta charset="utf-8">
</head>
<body>
<script src="/__JS__"></script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment