Skip to content
Permalink
fb94357873
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?

m3-fall-24/index.html

Go to file
finished
Latest commit a876bd1 Oct 9, 2024 History
1 contributor

Users who have contributed to this file

67 lines (57 sloc) 1.97 KB
Raw Blame
<!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">
</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>