Adding dark/light mode and fixing hintrc

MGLICH · May 3, 2022 · c39cb62 · c39cb62
1 parent 010215f
commit c39cb62
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 3 deletions.
diff --git a/demo-to-do/.hintrc b/demo-to-do/.hintrc
@@ -1,3 +1,4 @@
 {
+    "extends": ["development"],
     "browserslist": "defaults, not IE 11"
 }
diff --git a/demo-to-do/index.html b/demo-to-do/index.html
@@ -1,26 +1,32 @@
 <!DOCTYPE html>
 <html lang="en">
+
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>TODO app</title>
-  <link rel="stylesheet" href="styles/light-theme.css" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)">
+  <link rel="stylesheet" href="styles/light-theme.css"
+    media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)">
   <link rel="stylesheet" href="styles/dark-theme.css" media="(prefers-color-scheme: dark)">
   <link rel="stylesheet" href="styles/base.css">
   <link rel="stylesheet" href="styles/to-do-styles.css">
-  <link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>📋</text></svg>">
+  <link rel="icon"
+    href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>📋</text></svg>">
 </head>
-<output></output>
+
 <body>
   <form>
+    <img src="" alt="">
     <div class="searchbar">
       <label for="task">Tasks:</label>
       <input id="task" autocomplete="off" type="text" placeholder="What do you want to do" pattern="[a-z|A-Z|0-9| ]+">
       <input type="submit" value="send">
     </div>
     <ul id="tasks"></ul>
   </form>
+  <output></output>
 
   <script src="to-do.js"></script>
 </body>
+
 </html>
diff --git a/demo-to-do/styles/base.css b/demo-to-do/styles/base.css
@@ -1,3 +1,4 @@
+
 body {
   font-size: calc(1em + 1vw);
   font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
@@ -17,3 +18,9 @@ input, button {
   font-family: inherit;
   font-size: 0.8em;
 }
+
+@media print {
+  body::before {
+    content: 'Print version!';
+  }
+}