Commit graph

104 commits

Author SHA1 Message Date
westtle
079990d51e added no javascript support 2024-02-13 18:17:45 +07:00
westtle
46e73cf978 change aria-describedby for settings toggle when expanded / collapsed. 2024-02-13 15:19:42 +07:00
westtle
d357eff591 used hsla() instead of hsl() on some colors 2024-02-13 14:36:45 +07:00
westtle
bc3e81b49c added reset for <main> 2024-02-13 14:27:51 +07:00
westtle
091ac5a4c5 used scoped variables in settings.css 2024-02-13 14:12:45 +07:00
westtle
c39d373f75 changed placeholder and icons color
from boulder to gray.
2024-02-13 12:52:02 +07:00
westtle
d8bf46abae changed cover.png to a better quality one 2024-02-12 19:21:20 +07:00
westtle
e6c545b4c1 added css reset for <a> tag 2024-02-12 19:07:51 +07:00
westtle
94c1e8aa40 used fixed width on settings buttons 2024-02-12 18:36:27 +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
48fc264c6b added color-scheme dark for dark theme
color-scheme: dark;
using it will change the scrollbar color to fit the theme.
2024-02-11 18:01:33 +07:00
westtle
456dc55251 used single dash (-) instead of double to indicate utility classes 2024-02-11 17:58:07 +07:00
westtle
c709711dea changed :focus-visible
used it as css reset, removed --focus-* in :root, added fallback in custom properties used by :focus-visible.
2024-02-11 17:49:11 +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
8e89441701 added opacity to ::placeholder 2024-02-08 11:22:39 +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
3b4963d77c added min-height to <body>
used the height of .settings element.
2024-02-07 12:48:55 +07:00
westtle
d4633b327a disable animation/transition if user prefers reduced motion 2024-02-07 10:16:05 +07:00
westtle
8e9ee2abb7 moved some css and added a comment 2024-02-07 09:30:33 +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
a6f47c3c63 added clear note functionality 2024-02-07 02:25:56 +07:00
westtle
3e9e2692f9 added download note functionality 2024-02-07 02:08:51 +07:00
westtle
0175bc73c2 created settings.js file 2024-02-07 02:02:34 +07:00
westtle
82b3f17840 used localStorage for saving and loading note 2024-02-07 02:00:09 +07:00
westtle
f7d2b21a0d used separate function for settingsToggle 2024-02-07 00:02:06 +07:00
westtle
75b02e2393 list-style of none on .settings__buttons instead of <ul> 2024-02-06 23:51:53 +07:00
westtle
b117df3f4f moved ::placeholder in css 2024-02-06 23:50:26 +07:00
westtle
276ac119a9 added open/close functionality to settings toggle 2024-02-06 23:47:44 +07:00
westtle
f555782401 changed ::placeholder color 2024-02-06 22:12:36 +07:00
westtle
b993f0f4a0 added --focus-offset variable 2024-02-06 22:09:24 +07:00
westtle
70d43f50f9 renamed --focus-1 to --focus-outline 2024-02-06 22:06:20 +07:00
westtle
331a6ddf56 added basic styling for .settings and its content 2024-02-06 22:03:47 +07:00
westtle
4787f2947c removed list-style from <ul> 2024-02-06 20:46:05 +07:00
westtle
feaf7aaef2 added more icons 2024-02-06 15:52:04 +07:00
westtle
4dcffe34ab created images folder and moved icons folder to it 2024-02-05 20:54:20 +07:00
westtle
dbd81abecb added custom properties for focus outline and use it on <input> 2024-02-05 20:07:47 +07:00
westtle
4518326972 decreased top and bottom padding for .simple-note__input
decreased to 0.5625rem.
2024-02-05 20:00:27 +07:00
westtle
924191012e removed margin-bottom for title <input> 2024-02-05 19:56:38 +07:00
westtle
dfa8770a58 increased max-width for .simple-note 2024-02-05 19:50:00 +07:00
westtle
3b8db601d0 added padding to .simple-note__input 2024-02-05 19:47:23 +07:00
westtle
37a724d75a added padding-bottom to .simple-note 2024-02-05 19:28:45 +07:00