added forward slash (/) to self-closing tags

This commit is contained in:
westtle 2024-02-14 10:16:45 +07:00
parent 8c64f5af43
commit 88c9d21dc8

View file

@ -1,59 +1,59 @@
<!doctype html>
<html class="-flex -flex-column -flex-grow" data-theme="light" lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<meta name="apple-mobile-web-app-title" content="Simple Note">
<meta name="application-name" content="Simple Note">
<meta name="author" content="westtle">
<meta name="description" content="A very simple notepad that you can use.">
<meta name="keywords" content="notepad, note, notepad online, simple note, simple notepad">
<meta name="theme-color" content="#ffffff">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<link rel="canonical" href="https://westtle.github.io/simple-note">
<meta charset="utf-8" />
<meta name="apple-mobile-web-app-title" content="Simple Note" />
<meta name="application-name" content="Simple Note" />
<meta name="author" content="westtle" />
<meta name="description" content="A very simple notepad that you can use." />
<meta name="keywords" content="notepad, note, notepad online, simple note, simple notepad" />
<meta name="theme-color" content="#ffffff" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="x-ua-compatible" content="ie=edge" />
<link rel="canonical" href="https://westtle.github.io/simple-note" />
<title>Simple Note</title>
<!-- Open Graph -->
<meta property="og:site_name" content="Simple Note">
<meta property="og:title" content="Simple Note">
<meta property="og:description" content="A very simple notepad that you can use.">
<meta property="og:url" content="https://westtle.github.io/simple-note">
<meta property="og:type" content="website">
<meta property="og:image" content="./assets/images/cover.png">
<meta property="og:image:width" content="1280">
<meta property="og:image:height" content="720">
<meta property="og:image:type" content="image/png">
<meta property="og:image:alt" content="Cover for Simple Note, it has the title and the description sitting on top of black and white background.">
<meta property="og:site_name" content="Simple Note" />
<meta property="og:title" content="Simple Note" />
<meta property="og:description" content="A very simple notepad that you can use." />
<meta property="og:url" content="https://westtle.github.io/simple-note" />
<meta property="og:type" content="website" />
<meta property="og:image" content="./assets/images/cover.png" />
<meta property="og:image:width" content="1280" />
<meta property="og:image:height" content="720" />
<meta property="og:image:type" content="image/png" />
<meta property="og:image:alt" content="Cover for Simple Note, it has the title and the description sitting on top of black and white background." />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Simple Note">
<meta name="twitter:description" content="A very simple notepad that you can use.">
<meta name="twitter:url" content="https://westtle.github.io/simple-note">
<meta name="twitter:site" content="@westtle_">
<meta name="twitter:creator" content="@westtle_">
<meta name="twitter:image" content="/simple-note/assets/images/cover.png">
<meta name="twitter:image:alt" content="Cover for Simple Note, it has the title and the description sitting on top of black and white background.">
<meta name="twitter:dnt" content="on">
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Simple Note" />
<meta name="twitter:description" content="A very simple notepad that you can use." />
<meta name="twitter:url" content="https://westtle.github.io/simple-note" />
<meta name="twitter:site" content="@westtle_" />
<meta name="twitter:creator" content="@westtle_" />
<meta name="twitter:image" content="/simple-note/assets/images/cover.png" />
<meta name="twitter:image:alt" content="Cover for Simple Note, it has the title and the description sitting on top of black and white background." />
<meta name="twitter:dnt" content="on" />
<!-- Favicon(s) -->
<link rel="icon" type="image/svg+xml" href="./assets/images/favicons/favicon.svg">
<link rel="icon" type="image/png" sizes="16x16" href="./assets/images/favicons/favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="./assets/images/favicons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="192x192" href="./assets/images/favicons/android-chrome-192x192.png">
<link rel="apple-touch-icon" sizes="180x180" href=" ./apple-touch-icon.png">
<link rel="mask-icon" color="#000000" href="./assets/images/favicons/safari-pinned-tab.svg">
<meta name="msapplication-config" content="./browserconfig.xml">
<meta name="msapplication-TileColor" content="#000000">
<meta name="msapplication-TileImage" content="./assets/images/favicons/mstile-144x144.png">
<link rel="icon" type="image/svg+xml" href="./assets/images/favicons/favicon.svg" />
<link rel="icon" type="image/png" sizes="16x16" href="./assets/images/favicons/favicon-16x16.png" />
<link rel="icon" type="image/png" sizes="32x32" href="./assets/images/favicons/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="192x192" href="./assets/images/favicons/android-chrome-192x192.png" />
<link rel="apple-touch-icon" sizes="180x180" href=" ./apple-touch-icon.png" />
<link rel="mask-icon" color="#000000" href="./assets/images/favicons/safari-pinned-tab.svg" />
<meta name="msapplication-config" content="./browserconfig.xml" />
<meta name="msapplication-TileColor" content="#000000" />
<meta name="msapplication-TileImage" content="./assets/images/favicons/mstile-144x144.png" />
<link rel="manifest" href="./manifest.webmanifest">
<link rel="stylesheet" type="text/css" href="./assets/styles/global.css">
<link rel="stylesheet" type="text/css" href="./assets/styles/settings.css">
<link rel="stylesheet" type="text/css" href="./assets/styles/simple-note.css">
<link rel="manifest" href="./manifest.webmanifest" />
<link rel="stylesheet" type="text/css" href="./assets/styles/global.css" />
<link rel="stylesheet" type="text/css" href="./assets/styles/settings.css" />
<link rel="stylesheet" type="text/css" href="./assets/styles/simple-note.css" />
<!-- No JS Fallback -->
<noscript><link rel="stylesheet" type="text/css" href="./assets/styles/no-js.css"></noscript>
<noscript><link rel="stylesheet" type="text/css" href="./assets/styles/no-js.css" /></noscript>
</head>
<body class="-flex -flex-column -flex-grow">
<aside class="settings" data-expanded="false">
@ -148,7 +148,7 @@
<h1 class="--sr-only">Simple Note</h1>
<div class="simple-note__inputs -flex -flex-column -flex-grow">
<label class="simple-note__label simple-note__label--title --sr-only" for="simple-note__input--title">Note Title</label>
<input id="simple-note__input--title" class="simple-note__input simple-note__input--title" type="text" placeholder="Title..." spellcheck="false">
<input id="simple-note__input--title" class="simple-note__input simple-note__input--title" type="text" placeholder="Title..." spellcheck="false" />
<label class="simple-note__label simple-note__label--body --sr-only" for="simple-note__input--body">Note Content</label>
<textarea id="simple-note__input--body" class="simple-note__input simple-note__input--body -flex-grow" placeholder="Your content here..." spellcheck="false"></textarea>