Skip to content
Permalink
3b0b47c9bc
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
Go to file
1 contributor

Users who have contributed to this file

69 lines (59 sloc) 2.07 KB
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Simple To Do List</title>
<script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core/dist/ionic/ionic.esm.js"></script>
<script nomodule src="https://cdn.jsdelivr.net/npm/@ionic/core/dist/ionic/ionic.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core/css/ionic.bundle.css" />
<link rel="stylesheet" href="css/style.css">
<link rel="manifest" href="./app.webmanifest">
<link rel="apple-touch-icon" href="/icons/ios.png">
</head>
<body>
<ion-app>
<div class="ion-page" id="main-content">
<ion-header>
<ion-toolbar color="primary">
<ion-title>Simple To Do List</ion-title>
</ion-toolbar>
</ion-header>
<ion-content class="ion-padding">
<form action="">
<ion-grid>
<ion-row>
<ion-col>
<h1>Add an item</h1>
</ion-col>
</ion-row>
<ion-row>
<ion-col>
<ion-input id="task" label="Enter a task" label-placement="floating" fill="outline"
placeholder="Mow the lawn"></ion-input></ion-col>
<ion-col size="auto">
<ion-button type="submit" id="open-toast" expand="block" size="large"
class="ion-no-margin">Save</ion-button>
<ion-toast position="bottom" message="New item added!"
duration="3000"></ion-toast>
</ion-col>
</ion-row>
</ion-grid>
</form>
<ion-grid>
<ion-row>
<ion-col>
<ion-list id="task-list">
</ion-list>
</ion-col>
</ion-row>
</ion-grid>
</ion-content>
</div>
</ion-app>
<!-- Add the Dexie script below: -->
<script src="https://unpkg.com/dexie/dist/dexie.js"></script>
<script src="js/main.js"></script>
</body>
</html>