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