westtle
31711a309c
changed hypen (-) to underscore (_) in .class name
...
single hypen (-) works fine, but double hypen (--) doesn't seem to be working on some browsers.
2024-02-14 23:27:19 +07:00
westtle
2fc59b32f7
changed <title> inside <svg> link
...
added information to tell people that the link will open in new tab.
2024-02-14 22:12:41 +07:00
westtle
aeeb22717b
moved no-js.css and print.css to different folder
2024-02-14 22:09:31 +07:00
westtle
3f592a82bb
added style for print
2024-02-14 21:58:17 +07:00
westtle
38f39999b5
added and edited some comments
2024-02-14 11:29:24 +07:00
westtle
ad2b62cfc8
moved @font-face to fonts.css
2024-02-14 11:08:26 +07:00
westtle
4aa2eea146
added closing tag to some <svg> elements
2024-02-14 10:20:04 +07:00
westtle
12f35def15
moved <title> inside <svg> to the correct place
2024-02-14 10:18:13 +07:00
westtle
88c9d21dc8
added forward slash (/) to self-closing tags
2024-02-14 10:16:45 +07:00
westtle
8c64f5af43
added .class to <noscript>
2024-02-13 22:35:27 +07:00
westtle
b2ed8fae5d
added [hidden] attribute to <noscript> inside .settings
...
to avoid two list appearing when both css and js are disabled.
2024-02-13 22:18:29 +07:00
westtle
e5057a2ac3
aria-hidden and tabindex -1 in .settings to be loaded in javascript
...
this way people can still tab and use a screen reader when both css and js are disabled.
i don't know who or why you would even want to do that, but oh well.
2024-02-13 22:15:16 +07:00
westtle
079990d51e
added no javascript support
2024-02-13 18:17:45 +07:00
westtle
7eae33f6a1
changed width and height attribute for westtle <svg>
2024-02-12 03:20:12 +07:00
westtle
6f4727ffa2
used aria-labelledby for <a> tag inside .settings
2024-02-12 03:09:14 +07:00
westtle
8f4c251b6d
lowercase <meta> x-ua-compatible
2024-02-12 03:02:17 +07:00
westtle
1030131581
added <link> rel canonical to <head>
2024-02-12 03:00:29 +07:00
westtle
b606570345
added open graph and twitter card to <head>
2024-02-12 02:57:34 +07:00
westtle
63defc6dd7
added .-flex utility class
...
used display flex in its own class instead in .-flex-column.
2024-02-11 21:50:55 +07:00
westtle
ba70d436d0
moved fonts.css content to global.css
2024-02-11 21:47:17 +07:00
westtle
5dc8ecf00d
renamed style.css to simple-note.css
2024-02-11 21:36:31 +07:00
westtle
763b0340f8
added different css file for settings
2024-02-11 21:34:53 +07:00
westtle
43e0098b70
added different css file for base/global styling
2024-02-11 21:29:41 +07:00
westtle
eb7d89c209
added different css file for @font-face
2024-02-11 21:19:59 +07:00
westtle
456dc55251
used single dash (-) instead of double to indicate utility classes
2024-02-11 17:58:07 +07:00
westtle
517341c75b
changed appearance of settings
...
i forgot to commit the changes one by one but this is some of the things i did: changed some .class in html, fixed some bugs, making the whole settings position fixed, added more javascript, and more.
2024-02-11 16:36:41 +07:00
westtle
3cde3b8fee
added favicon(s)
...
...and some other stuff. i used a favicon generator (realfavicongenerator.net) and just removed some images i don't need (pretty sure there are more stuff that aren't necessary but i will keep them for now).
2024-02-08 15:59:33 +07:00
westtle
2789e21bf2
utf-8 instead of UTF-8
2024-02-07 13:12:02 +07:00
westtle
4a8408ed9c
created .--flex-column and .--flex-grow helper .class
...
used on element that needed to be viewport height, except for .simple-note__input--body where it only needs to grow.
2024-02-07 13:08:26 +07:00
westtle
e330152df7
changed sr-only to --sr-only
...
used double dash (--) to mark a helper class.
2024-02-07 12:52:44 +07:00
westtle
146cf2edd8
added <meta> http-equiv
...
i don't think i need it, but why not.
2024-02-07 12:23:59 +07:00
westtle
2bd37cbb4d
initial-scale 1.0 instead of 1 for <meta> viewport
2024-02-07 12:03:51 +07:00
westtle
458bbdee0b
indentation fix
2024-02-07 12:03:13 +07:00
westtle
2d1ffc09d3
added dark theme
2024-02-07 09:28:11 +07:00
westtle
725157bd21
renamed script.js to simple-note.js
2024-02-07 02:31:19 +07:00
westtle
0175bc73c2
created settings.js file
2024-02-07 02:02:34 +07:00
westtle
479a398eda
added url to <a> href
...
added github repository and westtle's homepage url.
2024-02-06 23:55:26 +07:00
westtle
276ac119a9
added open/close functionality to settings toggle
2024-02-06 23:47:44 +07:00
westtle
21b5bd999e
added rel noopener to <a> tag
2024-02-06 20:53:38 +07:00
westtle
4c1ee5624e
changed <label> text
2024-02-06 20:45:45 +07:00
westtle
1f11a0871c
moved <h1> inside <section>
2024-02-06 20:40:27 +07:00
westtle
1731c4bdf5
added <aside> with <button>s in it
...
for theme button, repository link, etc.
2024-02-06 20:38:59 +07:00
westtle
e5ca35d04f
added placeholder for <textarea>
...
also removed lorem ipsum inside it.
2024-02-05 14:28:26 +07:00
westtle
7ddb0ce350
changed placeholder for title <input>
2024-02-05 14:27:24 +07:00
westtle
21f2219e93
commented <button>s
2024-02-05 14:19:38 +07:00
westtle
acf683d88c
changed #id and added .class for <button> description
...
the new .class is pretty much useless since the element is screen reader only, but i'm adding it for consistency.
2024-01-29 05:56:02 +07:00
westtle
82b8f70e88
added aria-describedby to <button>
2024-01-29 05:46:41 +07:00
westtle
b93a0f5556
added aria-label to <button>
2024-01-29 05:35:38 +07:00
westtle
d2663a825c
added aria-hidden on <svg>
2024-01-29 05:35:09 +07:00
westtle
6914ed5720
moved <input> and <textarea> out of its <label>
2024-01-28 19:09:57 +07:00
