Commit Graph

125 Commits

Author SHA1 Message Date
hedy 72d4d2b30c
Update posts 2023-08-27 19:33:35 +08:00
hedy 3902e670b2
Update index pages and footer for comments contact 2023-08-27 14:12:25 +08:00
hedy 1404e1345d
CSS: Dark syntax highlighting better contrast ratio for comments 2023-06-25 17:48:00 +08:00
hedy 7219cfcd69
Fix favicon 2023-06-25 17:33:13 +08:00
hedy 1de58ee2a0
oops 2023-06-25 17:18:41 +08:00
hedy c39a5e1298
oops 2023-06-25 17:17:15 +08:00
hedy 03368065a4
Fix nav icon sizing 2023-06-25 17:15:49 +08:00
hedy 2821e8108e
CSS: Better nav on mobile and update icon 2023-06-25 17:07:45 +08:00
hedy 79f4afd3ab
CSS (link, nav, font) and index pfp updates 2023-06-25 15:31:39 +08:00
hedy 2a390796bf
Merge branch 'master' of git.sr.ht:~hedy/site 2023-06-25 13:37:40 +08:00
hedy 6b621de257
Some code block css updates? 2023-06-25 13:37:29 +08:00
hedy 702c97761b
Update index pages 2023-06-25 13:36:48 +08:00
hedy 9796a66c53
Update about page
- Terminal
- Browser
2023-01-25 18:55:08 +08:00
hedy 4f95e76bf7
Add Misc page and ~Cafe Spotlight for gemini 2023-01-25 18:54:48 +08:00
hedy 73b063c618
Add .hugo_build.lock to gitignore 2023-01-25 11:02:29 +08:00
hedy 998cb243a7
Remove uneeded comments in main.css 2023-01-25 11:02:09 +08:00
hedy 1001404e44
Add <hr>s between sections, modify styles 2023-01-25 10:59:49 +08:00
hedy 12b78cd103
Add post.sh 2023-01-24 21:54:06 +08:00
hedy 2919d990b9
Update _index.md 2022-11-10 11:23:41 +08:00
hedy 4eba5f4e88
Content(index): Add a meme link
source:
https://www.reddit.com/r/ProgrammerHumor/comments/uqh9tl/relatable/
2022-05-16 21:22:02 +08:00
hedy 5fb340aa03
Add a perfectly appropriate alt text to icon image
Yes 100% suitable :P

It describes what the image is to those who can't see the image
perfectly well.

It magically makes the image show up in terminal browsers, as if your
terminal browser can render small images to the very pixel.

Bonus, for terminal/text-based browsers the "image" can even adapt to
your custom font! How cool is that?

Look, people, unique per-user images without cookies, without
javascript, without sessions, without CSS.

It was a very pleasant commit-message-writing experience...

Until realization hit. Why TF did you have the stupid image in the first
image when it can just be a block of text (<code>)? Oops! Let's not
celebrate my site's accessibility features too early, *cough* *cough*.

---
PS: Anyways after like almost two(?) years my site finally has a
favicon, lol, see previous commits.
2022-05-16 20:53:08 +08:00
hedy 2e432e356f
Nav, CSS: Adjust text color of the pfp-name thing
I mean the pfp-text thing

For nav, same as other nav items (so it looks consistent, I guess)

For homepage, use a special new variable to let it feel more 'together'
with the icon.

Don't mind me, this is yet another bloat web-design commit.
2022-05-16 20:44:28 +08:00
hedy 33929e5977
CSS: Smaller headers - adjusted scale progression
Adding YET ANOTHER variable for something should just be left to the web
user-agent stylesheet. I'm so extra, I know.

Anyways in this commit I've adjusted the scaling for h1, h2, and h3 so
they aren't too big.

Reasoning:
  Big = attention-seeking             = ugly = bad = bad design
  Big = wraps text on smaller screens = ugly = bad = bad design

The scale progression of headers is inherited from simple.css. In the
future I'll probably remove the font-size settings altogether and leave
it up to the user to set.
2022-05-16 20:32:39 +08:00
hedy 1d7e997f5f
Nav, CSS: Fix responsiveness of navbar for smaller screens
Hardcoded values; Low-effort work beware!
2022-05-16 20:31:15 +08:00
hedy 06198fdc7d
Nav, CSS, Content(index): Add favicon, better homepage and nav title
Basically all the changes involving my profile pics

- Favicon: 32x32 2-colors version
  - Both SVG and PNG provided

- Nav home link: Now having the icon next to the name
  - Configurable in config.toml (see its comment)
  - For homepage: the home link is Site.title
  - For other pages: icon next to name

- Index page h1: No more big ugly pfp, now inline
  - Using shortcodes with corresponding partials ln'ed to them

- CSS for the nav thing
  - Right now when user hovers on the home link, the portion has a
    background color. I tried to not select it but apparently failed.

    Desired behaviour: it should only have the hover effect if the home
    link does not have the image (which is the case for all pages other
    than index page, as described in second list item above).

    Current behaviour: A useless CSS selector change that did not alter
    the site's behaviour in any way whatsoever. Don't mind me, I'm
    horrible at comitting things for this repo - I tend to like to make
    a lot of changes in one go and commit using `git apply -p`. I also
    litter a lot of comments in the CSS, which apparently increases the
    size of the inline <style> in every. single. HTML file generated.
    Literally.

    Most likely switching back to external stylesheet in the future to
    save some bytes in my overall website size.

- (Most likely the worst CSS addition I've every made): A blinking
  lower-block for the h1 on index page. Seriously? CSS Animations on a
  supposedly "simple" site like this??? Hopefully I would know better
  and remove it soon.
  - It's only animated for like 5 seconds. After that it is hidden
  - For text-based browsers it willbe static and forever there. This may
    be a problem because it looks like my name has a trailing
    underscore 🤦
  - It just looks wrong. I didn't have the typewriter animation for the
    h1 text though, so ugh.
2022-05-16 20:16:48 +08:00
hedy 03a8d8d38e
CSS: Styles for post list
This commit should be associated with the commit previously that was about
changing layouts/partials/posts.html.

Excuse me for modifying so much stuff and then commiting them afterwards, it's
easy to lose track of those atomic changes we strive for when talking about VCS
commit best practices :/
2022-05-15 21:28:48 +08:00
hedy 0c64b1110d
Nav: Better way of riht-aligning last few nav items
- Previously using:

  <nav><ul>
    <li>first item</li>
    <span class="right">
      <li>second item</li>
      <li>third item</li>
      <li>last item</li>
    </span>
  </ul></nav>

  This sucks, because:

  1. Fails in accessibility due the the <span> - <li> should be under <ul>
  directly
  2. I had to hard code the opening span as pre in menu config for second item,
  and closing span as post in menu config for last item.
  3. Looks horrible
  4. I have 4 reasons for changing it! :P

- Anyway, the structure of the nav is now:

  <nav>
    first item
    <ul>
      <li>second item</li>
      <li>third item</li>
      <li>last item</li>
    </ul>
  </nav>

  beautiful!
  Not quite easier to style in css, not quite nicer for text-based browsers,
  but it works, that's what matters.

NOTE TO `GIT BLAME`-ERS
-----------------------
This commit should be associated with the commit(s) before this that touched
layouts/partials/header.html, which has the changes for the nav structure. May
you find what you are looking for there.
2022-05-15 21:27:03 +08:00
hedy a1351d2a7c
Content: Fix link to dotfiles in homepage 2022-05-15 20:23:55 +08:00
hedy f4e55b57bf
About page: Modify link text and wording
About page now has 100% lighthouse score :)
2022-05-15 18:36:44 +08:00
hedy 3951b3a7af
hilite: Switch theme to tango
Pretty sure it's tango
2022-05-15 18:28:07 +08:00
hedy 2c7818fb76
HTML: tabs to spaces; also better titles for tag views 2022-05-15 18:27:35 +08:00
hedy 629ba7431a
README, Feeds, Post(meta): Redesign post list, add atom feed 2022-05-15 18:26:12 +08:00
hedy aeb98aa31c
Makefile: Include generated tags/gemini/ 2022-05-15 18:22:02 +08:00
hedy 67c8917d99
XML: Prettify RSS and Atom feeds by taking care of whitespace 2022-05-15 09:51:36 +08:00
hedy d4914ef2f9
Head: Add meta description, remove useless <a> in <head>
Attempted to fix ugly indentation in generated HTML:
eg
    <html>
        <head>
            <meta>
            <more meta>
<meta from head.html>
<more stuff from head.html>
        </head>
        <body>
<header></header>
<footer></footer>
        </body>
    </html>

I feel like the only fix is to put the indentation manually in
partials/head.html etc.
2022-05-15 09:47:56 +08:00
hedy abfcee24da
CSS: Fix margins of after-content 2022-05-15 09:47:08 +08:00
hedy 279fcce4db
Remove cover screenshot 2022-05-14 21:45:31 +08:00
hedy 3dddce8a04
Forgot to add new image 2022-05-14 21:44:58 +08:00
hedy 4e2719bdf5
Content: Better homepage content 2022-05-14 21:16:39 +08:00
hedy 452e54ef0b
CSS: Don't give after-content border-top
Because body no longer has min-width. The min-width is set in <main> so
retaining the top border is very inconsistent with the border-top in
<footer> (which is outside of <main>, unbound by min-width).
2022-05-14 21:14:48 +08:00
hedy d51263ded2
CSS, nav: Better styled navigation bar
- Use <ul>
- Get rid of the ugly border-bottom
- Instead, decrease the left/right margin so it spans across the width
  of the screen
- Align site index link on the left, and the other nav items on the
  right
- Adjust behaviour of hover
- Reflect currently selected page in the nav bar
2022-05-14 21:11:12 +08:00
hedy 69a1d57e14
CSS (trivial): Add supporting comments and adjust min-width 2022-05-14 21:09:04 +08:00
hedy e654c0c9f1
Feeds: Fix reference of author info in Atom feed 2022-05-07 16:35:05 +08:00
hedy 6afaf4ceb3
Feeds: Format RSS feed 2022-05-07 16:33:29 +08:00
hedy bb9732308a
Feeds: Add author information to RSS and Atom feeds
Also accidentally did `gg=G` to the Atom feed ;-;
2022-05-07 16:32:06 +08:00
hedy 8b88fac484
Update index, add ~cafe spotlight, update CSS
and more...

commiting months-old changes, don't mind me.
2022-05-07 16:16:01 +08:00
hedy cc33c2ae47
Gemini: Add twtxt to index.gmi and remove copyright line 2022-02-15 10:43:03 +08:00
hedy e2a7547041
Update makefile
No idea what this is for, it's an old uncomitted change
2022-02-15 10:40:33 +08:00
Hedy Li e18ba2777d
README: Add todo item
and fix typo in main.css (oops, sorry git blame)
2021-10-05 18:04:56 +08:00
Hedy Li 7facf64421
README: Add a screenshot in static folder 2021-10-05 18:01:36 +08:00