Commit graph

168 commits

Author SHA1 Message Date
westtle
458bbdee0b indentation fix 2024-02-07 12:03:13 +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
479a398eda added url to <a> href
added github repository and westtle's homepage url.
2024-02-06 23:55:26 +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
21b5bd999e added rel noopener to <a> tag 2024-02-06 20:53:38 +07:00
westtle
4787f2947c removed list-style from <ul> 2024-02-06 20:46:05 +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
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
westtle
0c0846c42b centered .simple-note 2024-02-05 19:25:03 +07:00
westtle
ab8e4d3107 added flex-grow 1 to <textarea> 2024-02-05 19:13:38 +07:00
westtle
b086462ad6 added full viewport height with flex to a bunch of elements
display: flex; flex-direction: column; flex-grow: 1;
2024-02-05 19:10:56 +07:00
westtle
8cee77fae2 added min-height 100% to <html> 2024-02-05 19:06:21 +07:00
westtle
f50d5202d3 set resize to none for <textarea> 2024-02-05 19:01:42 +07:00
westtle
df2f8ba548 added padding-top to .simple-note 2024-02-05 19:00:22 +07:00
westtle
0980b4c88f added margin-bottom to title <input> 2024-02-05 18:58:23 +07:00
westtle
582e2c0d40 added typographic styling to inputs 2024-02-05 18:28:55 +07:00
westtle
3d62e422f1 added color and background-color to body 2024-02-05 18:27:52 +07:00
westtle
5b58871108 added color inherit for inputs 2024-02-05 18:17:56 +07:00
westtle
7c13783412 added custom properties for fonts and colors in :root 2024-02-05 18:12:17 +07:00
westtle
8b60afd532 added @font-face declarations for "Roboto" and "Roboto Slab" 2024-02-05 15:09:47 +07:00
westtle
b439850ec3 added font files for "Roboto" and "Roboto Slab" 2024-02-05 14:59:49 +07:00
westtle
c24ba2b5e1 added .gitattributes for graphics and fonts 2024-02-05 14:58:44 +07:00
westtle
c04d39d74c added .sr-only in css 2024-02-05 14:31:28 +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