Skip to content

Instantly share code, notes, and snippets.

@fredriccliver
Last active August 23, 2020 08:48
Show Gist options
  • Save fredriccliver/28ed9474fb2b16ef2be35437bb33bf8e to your computer and use it in GitHub Desktop.
Save fredriccliver/28ed9474fb2b16ef2be35437bb33bf8e to your computer and use it in GitHub Desktop.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<link
rel="stylesheet"
href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"
/>
</head>
<body>
<div class="container my-5">
<h2>Recipes</h2>
<ul></ul>
<form>
<label for="recipe">Add new recipe:</label>
<div class="input-group">
<input type="text" class="form-control" id="recipe" required />
<div class="input-group-append">
<input
type="submit"
value="add"
class="btn btn-outline-secondary"
/>
</div>
</div>
</form>
</div>
<script src="https://www.gstatic.com/firebasejs/7.19.0/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/7.19.0/firebase-firestore.js"></script>
<script src="./index.js"></script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment