update Usage page

src/content/docs/en/i-i/02.usage.md

@@ -5,10 +5,9 @@ layout: /src/layouts/autonum.astro
 
 # General
 - For a list of keybinds, hit `Super`+`/`
-- just play around with it a bit and click everywhere ;) this just documents some non-obvious stuff
 
 # Overview/launcher
-Press `Super` to open.
+Press `Super` or `Super`+`Tab` to open.
 
 - **Windows**
   - Drag to move them to different workspaces
@@ -35,41 +34,36 @@ Press `Super` to open.
 - Virtual keyboard: Right-click workspace widget
 
 # Misc
-## How to resize | set resolution | font size
-Reference: <https://github.com/end-4/dots-hyprland/issues/180#issuecomment-1880385893>
-
-You can use gsettings to change the font size, like this:
+## How to resize the UI / change font size?
+Changing the font size will also change the UI scale.
+- Using `gsettings`:
 ```bash
-gsettings set org.gnome.desktop.interface font-name 'Rubik 9'
+# Syntax
+gsettings set org.gnome.desktop.interface font-name 'FONT_NAME FONT_SIZE'
+# Recommended
+gsettings set org.gnome.desktop.interface font-name 'Rubik 11'
 ```
-Rubik here is the font name and 9 is the font size in pt (1pt = 1.3333 px)
-
-Stuff should scale according to the font size. Some ags element may need a restart of ags to take effect.
-
-If some elements are wayy too big, then it's possible that css totally not working, see <https://github.com/end-4/dots-hyprland/issues/226>.
 
-## How to change time format
+## How to change time format?
 Reference: <https://github.com/end-4/dots-hyprland/issues/228>
 
 **NOTE**: You may need to run `man date` for time format.
 
-For AGS bar (it's not a dock bar I guess), you should edit `~/.config/ags/widgets/bar/system.js`.
-Find `"%H:%M"` there and change it to what you like.
-Its format may refer to [this page](https://docs.gtk.org/glib/method.DateTime.format.html).
+- For the statusbar, edit `~/.config/ags/widgets/bar/system.js`. Change `"%H:%M"` according to the format described [here](https://docs.gtk.org/glib/method.DateTime.format.html).
 
-The lockscreen is swaylock currently. Edit its config in `~/.config/swaylock/config` to suit your needs.
-For time format you need to adjust `timestr`.
+- For lock screen: edit the value of `timestr` in `~/.config/swaylock/config`.
 
-## How to copy text in notification
-Reference: <https://github.com/end-4/dots-hyprland/issues/224#issuecomment-1923706599>
+## How to copy text in notification?
+- Click and hold for around 800ms (reference: [#224](https://github.com/end-4/dots-hyprland/issues/224#issuecomment-1923706599))
 
-Click and hold a notification for a while, and its content will be copied.
+## How to set city for weather widget?
+- By default, it's detected by `curl ipinfo.io`.
+- You can set the value with the env var `$AGS_WEATHER_CITY`. 
+
+For example, if you're in Toronto, you can add the following to `~/.config/hypr/env.conf`:
+```ini
+env=AGS_WEATHER_CITY, toronto
+```
 
-## How to set city for weather
-Reference: <https://github.com/end-4/dots-hyprland/issues/220#issuecomment-1923793627>
-<https://github.com/end-4/dots-hyprland/commit/c2d3c5bce37dd87f19bf5e13002b2af6e0e1e5eb>
 
-The value will be used as `${city}` for `curl https://wttr.in/${city}?format=j1`.
 
-By default the value comes from `curl ipinfo.io`.
-You can also manually set the value by setting the env var `$AGS_WEATHER_CITY`.

src/styles/custom.css

@@ -113,6 +113,10 @@ img {
   border-radius: 7px;
 }
 
+code {
+  border-radius: 5px;
+}
+
 .card {
   border-radius: 25px;
-}
+}