<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<link href="styles/popup.css" rel="stylesheet" />
</head>
<body>
<div id="app" class="popup-content">
<h1 data-message="extensionName"></h1>
<div id="display-container">
<div class="site-description">
<h3 class="title" data-template="title"></h3>
<p class="description" data-template="description"></p>
<p class="image" data-template="image"></p>
<div>
<label for="comment">Comment:</label>
<textarea id="comment" name="comment"></textarea>
</div>
<a href="" target="_blank" class="url" data-template="url"></a>
</div>
<div class="action-container">
<label for="save-content" data-message="excerpt"></label>
<input type="checkbox" id="save-content" name="save-content" />
<button id="save-btn" class="btn btn-primary">Save</button>
</div>
</div>
<footer class="main-footer">
<div class="grid">
<div class="unit whole center-on-mobiles">
<p class="text-center text-muted">
©
<a href="https://readlater.shikiryu.com">ReadLaterByEmail</a>
</p>
<p class="js-options" data-message="optionsAndSettings"></p>
</div>
</div>
</footer>
</div>
<script src="scripts/popup.js"></script>
</body>
</html>