Daryl Sun's Journal

What is this website?

Welcome to my personal website, Daryl Sun's Journal! It's an online diary detailing a lady's misadventures in two worlds: every week, I write about what I've seen, heard, and done during the past seven days.

Why does this website exist?

You can read my Why page!

Who is this website for?

This website is primarily for myself, but it's also for anyone who shares my interests. I welcome people from all walks of life, except fascists.

All views and opinions expressed on this website are my own and don't reflect the beliefs of my family, employers, country, or whatever arbitrary group I can possibly belong to, unless attributed as such; I don't intend my words to be taken as factual truth or professional advice, and I certainly don't intend them to humiliate or defame anyone.

I try to keep the content hosted here as safe-for-work as possible, but I'm not responsible for whatever you find on other websites that I've linked here.

If you find anything on this website that you think is harmful, sensitive, confidential, or unnecessary, then please feel free to contact me!

What's the difference between This Week and Special Edition posts?

• This Week: the regular update, with all my triumphs and failures
• Special Edition: out-of-schedule update on topics that were not or could not be included in This Week

May I borrow content from this website?

Daryl Sun's Journal (c) 2023-2024 by Daryl Sun is licensed under Creative Commons Attribution-ShareAlike 4.0 International. Basically, you can do whatever you want with the content, as long as you credit me, it's not for commercial use, and you don't apply any restrictions on your version of my content.

The source code of this website can be found on SourceTube, licensed under the BSD 3-Clause Clear License.

Again, basically, you can do whatever you want with the source code, as long as you include a copy of the license and copyright notice with your redistribution.

On the other hand, all content borrowed or cited by this website are property of their respective creators and owners, and this website doesn't intend to infringe on their rights.

How do you maintain this website?

This website is hosted on weblog.lol by Adam Newbold, and managed with Forgejo Actions on SourceTube. The root domain for this website, darylsun.page, is registered on Porkbun; DNS records for the root domain and subdomains are handled by DNS Kitchen.

Drafts are written first in Nextcloud Notes, then transferred to the local git repository on my devices, with changes saved using git. Formatting is fixed by eye and hand using Geany.

How did you design this website?

This website's design is an attempt to reconcile the form of The Whimsical Club and Café Rosé with the function of Guidelines for Brutalist Web Design and This is an Actual Website. It has a simple header-body-footer layout based on the default weblog.lol layout, because I didn't want to deal with columns and sidebars.

The website uses pure HTML and CSS, partly because I don't remember anything I learned about JavaScript from my high school web development classes, and partly because I know there are people who browse webpages with JavaScript disabled, including myself in the past using uBlock Origin to block JavaScript.

These articles explain why some people may have JavaScript disabled:

• Adam Silver — JavaScript isn’t always available and it’s not the user’s fault
• Chris Ferdinandi — Why care about the no-JS experience?
• Nathaniel — Why your website should work without Javascript

While this website does contain iFrames, they have been sandboxed as best as I can. They are used solely to display webrings and personal website banner exchanges.

I would like to express my gratitude to the following people and credit them for their work:

• WebAim, PennState, and Kalechips for the CSS code of the Skip Navigation button
• Amolith for the CSS code of the Return to Top button
• Anne Sturdivant for the HTML code of the responsive image switcher and the CSS code of the navigation menu icons
• James Gilyead and Trys Mudford for Utopia
• FrontAid CMS for the Natural Selection CSS framework
• Andy Bell and Joshua Comeau for some code borrowed from their CSS resets
• Sindre Sorhus and contributors for some code borrowed from modern-normalize.css
• Kev Quirk and contributors for the code of the navigation menu, summary accordions, tables, image captions, and highlighted text, borrowed from simple.css
• Mitesh Shah and contributors for some code borrowed from sakura.css
• Loveberry for the CSS code of the blockquotes
• Nikita Hlopov and Erik Martín Jordán for the CSS code of the horizontal rules
• Adrian Roselli for some CSS code used for the tables
• Lea Verou for the CSS3 Patterns Gallery, especially for the "Hearts" background pattern, and specifically Nicolas Gallagher for the "Stars" background pattern
• David Walsh and Christian Oliff for some CSS code used to design the external link icon indicator
• Fabien Salathe and contributors for some CSS code borrowed from Gutenberg for print stylesheets
• Heydon Pickering for Inclusive Design Patterns
• Roel Nieskens for Wakamai Fondue

The light theme of this website is based on the Alucard palette, while the dark theme is based on the Dracula palette.

External fonts are served using bunny.net CDN. The fonts on this website are:

• Shantell Sans for headings, with Verdana, Tahoma, Trebuchet MS, and Arial as fallback
• Atkinson Hyperlegible Next for body text, with Verdana, Tahoma, Trebuchet MS, and Arial as fallback
• Atkinson Hyperlegible Mono for code, with Courier New as fallback

Shantell Sans, Atkinson Hyperlegible Next, and Atkinson Hyperlegible Mono are used under the SIL Open Font License.

Images are served using bunny.net CDN. The exceptions are my avatar on the /about page) page, which is served by omg.lol, and the images of my virtual pets on the /adoptables page.

The icon set on this website is Doodle Icons by Khushmeen Sidhu, used under a free license.

This website uses EchoFeed for cross-posting blog post links to my Mastodon account.

How accessible is this website?

This website is committed to creating and maintaining an inclusive environment for everyone. Thus, I'm continuously improving its compatibility with assistive technologies.

The Web Content Accessibility Guidelines (WCAG) defines requirements for designers and developers to improve accessibility for people with disabilities. It defines three levels of conformance: Level A, Level AA, and Level AAA. This website strives to be WCAG 2.1 Level AA compliant, and has been evaluated using WAVE with no accessibility errors found.

Currently, this website has:

• Semantic HTML
• A responsive and mobile-friendly site layout
• Automatic light and dark mode based on device settings
• Colors that pass the APCA Contrast Method
• A legible font stack, with system fonts as fallback
• Zoom-friendly font sizes
• Unique page titles
• Ordered headings
• Landmark areas
• Skip links
• Descriptive names for links
• Distinct focus states
• Alternative descriptions for images
• No auto-playing audio or video
• No animated GIFs, except on the /buttons and /adoptables pages; the images there don't contain flashes or high frame-rates

This website has been tested on the latest Firefox browser releases.

I welcome any feedback on the accessibility of this website. If you encounter any accessibility barriers, please report them to this website's issue tracker on SourceTube, or contact me as mentioned above. I take these issues seriously and will try to remedy them as soon as I can.

Some websites linked on this website may have bright colors, high contrast, flashing graphics, or non-responsive web design. I'm not personally responsible for the management of these websites.

Does this website collect any personal data?

I only collect your name and email address if you choose to contact me via email, and if you do, those are not shared or sold to third-parties, or used for commercial purposes.

Otherwise, this website doesn't use cookies or analytics. As mentioned earlier, this website doesn't use JavaScript either.

Because this website runs on weblog.lol, which is part of omg.lol, please refer to omg.lol's privacy policy on how it may collect and store information when you access this website.

This website also uses DNS Kitchen for DNS management, so kindly refer to its privacy policy on how it may collect and store information when you access this website.

Since this website serves images using bunny.net CDN, please refer to bunny.net's privacy & data policy and GDPR compliance statement on how it may collect and store information when you access this website. I have turned off all logging methods for bunny.net, so I don't know your location or IP address.

This website uses webmention.io to receive webmentions from other websites. However, no received webmentions are stored or shown on this website.

This blog also displays images and links from johnvertisements and MelonLand Banners, which may collect and store information when you access this website.

Will you host ads or sponsored content on this website?

No. This is a hobby website, maintained on my own leisure. I don't need to sell my soul to keep it up.

While I display johnvertisements and MelonLand Banners, I don't receive any monetary compensation from them.

In addition, I've signed the web0 manifesto, committing myself and my projects in rejecting the so-called "Web3." I say no to Web3 and cryptocurrencies or NFTs.

I don't plan to monetize my writings or art at any point, but I appreciate any donations.

How environment-friendly is this website?

Unfortunately, this website and its components don't run on green hosting.

However, according to the Website Carbon Calculator, this website has achieved a carbon rating of A+.

How much of the content on this website is human-made?

This website was created without any contribution from a generative artificial intelligence (AI), and it pledges to have 100% human-made content. No machine learning or artificial intelligence tools were ever or will ever used in the creation of blog posts, pages, art pieces, and photographs.