Skip to content

Instantly share code, notes, and snippets.

@amitmerchant1990

amitmerchant1990/index.html

Last active November 15, 2016 09:15
Show Gist options
  • Save amitmerchant1990/e2d6fb2d92327fec9c7de85122a8137a to your computer and use it in GitHub Desktop.
Save amitmerchant1990/e2d6fb2d92327fec9c7de85122a8137a to your computer and use it in GitHub Desktop.
Download ZIP
Raw
index.html
<html>
<head>
<title>Notepad - Offline capable</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="theme-color" content="#9b59b6">
<meta name="description" content="An offline capable notepad powered by ServiceWorker">
<meta name="keywords" content="note,offline,mobile,web,notepad" />
<meta name="author" content="Amit Merchant">
<meta name="application-name" content="Notepad" />
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<link rel="icon" href="favicon.ico">
<link rel="manifest" href="manifest.json">
</head>
<body>
<nav class="navbar-default navbar-inverse navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">Notepad - Offline capable</a>
</div>
<div id="navbar" class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li><a href="#about" data-toggle="modal" data-target="#myModal">About</a></li>
</ul>
</div>
</div>
</nav>
<div class="container">
<div class="starter-template">
<textarea id="note" placeholder="Type your notes here and when you come back all your notes will be right here..."></textarea>
</div>
</div>
<div id="myModal" class="modal fade" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">&times;</button>
<h4 class="modal-title">Notepad - Offline capable</h4>
</div>
<div class="modal-body">
<p>An offline capable notepad powered by ServiceWorker</p>
<a href="https://github.com/amitmerchant1990/notepad" target="_blank">Go to the repository</a>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/app.js"></script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment