I was able to condense your CSS to the following for my site.
a:focus, a:hover, a:visited:hover {
font-weight: bold;
color: CanvasText;
outline: thick dashed CanvasText;
outline-offset: .25rem;
text-decoration: none;
}
This rule should come after any rules affecting a:visited lest visited links not be highlighted as expected.
Iād include a screenshot, but the link seems to lose focus whenever I try to do a screencap.
Thanks! I was trying to use :focus-visible while keeping :focus for older browsers, but it probably could be more condensed with my other link stylesā¦
Finally found the time to refactor the admin side of my blog. Have a better split between P&B interviews and regular posts. Also improved the backend side of my guestbook. Next on my list is to improve the backend side of the supporters section.
Also fixed the line height on the image caption that was way too tall and itās now consistent with the other texts that are sharing the same font size
My understanding, based on articles like this one by Maya Shiven, is that :focus is enough for links, and :focus-visible is better suited for use with input elements in HTML5 forms. Iām not sure the latter is relevant to our use case.
ive added a āfair warningā to my index/home page. while crude and somewhat sarcastic it servers its intensed purpose
Well done, took this opportunity to also sign your guestbook
That disclaimer definitely works.
I went with this for mine:
Disclaimers & Content Warnings
Please bear in mind the following while visiting: Non serviam. Caveat lector. Hic svnt leones.
Being a personal website, starbreaker.org is inherently NSFW. I make liberal fucking use of profanity here, especially in my fiction and rants. All opinions published here are my own unless attributed to somebody smarter, and not representative of my employersā views or those of their clients and partners. Nothing published here should be considered factual unless independently verified. My fiction is not suitable for readers unable to distinguish between fantasy and reality or understand that an author might not condone everything they depict in their work. Children under 16 should not visit this website without adult supervision. This is your only warning.
I run this website at my own expense, and for my own pleasure. If you are not entertained, remember that since you did not pay for access you got more than you paid for. If you must make known your displeasure, you can dial my complaint line at 1-800-B-DAMNED. Exploited operators in the Global South are waiting to summarily dismiss you.
I have been making a new layout since last night, I just hope I can find out how to make it mobile responsive. Otherwise Iām pretty satisfied with it so far!
Also adding content to my toybox/adoptions, and outgoing links pages. As well as trying to come up with other content/pages I can add, since my siteās still quite empty.
Hi, @cozy. Iāve found that the easiest way to be responsive on mobile devices is to aim for āprogressive enhancementā instead of āgraceful degradationā.
On my website, I focus on implementing functionality that works on all devices first. I then use media queries to check for screen size and provide additional layout styling for desktop and laptops.
HTML is responsive by default. It only goes unresponsive once you force it to 
maybe there is a better thread to share these exact updates but hey check it out!!
for nolove.neocities.org -
-added buttons to the bottom of the about page
-diary is currently under construction, trying to figure out a way to have it where i can submit updates to it in a different way from just editing the raw codeā¦ microblog ideas anyone?
for ko-fi.com/numbpilled -
-added 4 new themes
-any ideas on other ways to gain visibility for my work here?
numbpilledonline.wordpress.com-
-added some more visuals
i finished the two other premade layouts i wanted to do! 2020s style and another 00s style!
i had so much fun doing these! mimicking styles is really fun for me, it seems, hahaha. it feels like solving a puzzle, kinda? and itās been helping me get a better understanding of what my own style preferences are, and how theyāre different from what might be generally-accepted practice and stuff like that. itās fun to make things i think look interesting or cool but have no use for myself! just because i can!
itās also fun to try to get into the head of somebody with totally different interests and priorities and tastes than i do and try to figure out why things might look a certain way or what features might be useful for themā¦ not sure i did a great job of that, haha, but the attempt was enjoyable!
nothing else strikes me as especially useful, but it IS fun to just make things that look a certain way without thought to what should actually be on the page!
Iām going through the metadata for all of my blog posts and adding tags. Itās a pain in the ass, but when itās done people reading a given post will be able to find similar posts by topic.
The tags are all plan text; I mean to use sed commands to replace them with links to per-topic index pages. I can also build the contents of my index pages by searching a TSV file containing metadata for all of my posts by a given tag with grep.
All part of me using basic Unix tools to build my website.
Hereās what Iāve got for tags so far when I run this command:
starbreaker@kether ~/git/new.starbreaker.org/ % clear; grep PAGE_TAGS sources/grimoire/entries/*/*.txt | cut -d ':' -f2 | sort -u
PAGE_TAGS="##affirmations and ##transrights"
PAGE_TAGS="##bullshit"
PAGE_TAGS="##cooking"
PAGE_TAGS="##entertainment and #movies"
PAGE_TAGS="##entertainment, ##books, ##politics, and ##rants"
PAGE_TAGS="##entertainment, ##movies, and ##feminism"
PAGE_TAGS="##entertainment, ##movies, and ##video"
PAGE_TAGS="##entertainment, ##music, ##heavymetal, and ##video"
PAGE_TAGS="##entertainment, ##music, and ##heavymetal"
PAGE_TAGS="##entertainment, ##music, and ##video"
PAGE_TAGS="##parasocialmedia"
PAGE_TAGS="##pendingreview"
PAGE_TAGS="##personal and ##memories"
PAGE_TAGS="##personal and ##philosophy"
PAGE_TAGS="##personal, ##death, ##regrets, and ##rants"
PAGE_TAGS="##personal, ##grief"
PAGE_TAGS="##personal, ##marriage"
PAGE_TAGS="##personal, ##marriage, and ##memories"
PAGE_TAGS="##personal, ##memories"
PAGE_TAGS="##personal, ##philosophy, ##rants, ##existentialism, ##romanticsatanism, and ##indiewebcarnival"
PAGE_TAGS="##personal, ##philosophy, and ##society"
PAGE_TAGS="##personal, ##rants, ##workplace, and ##remotework"
PAGE_TAGS="##poetasting, ##greekmyth, ##romanticsatanism, and ##prometheus"
PAGE_TAGS="##politics and ##news"
PAGE_TAGS="##politics"
PAGE_TAGS="##politics, ##feminism, and ##menslib"
PAGE_TAGS="##politics, ##religion, and ##philosophy"
PAGE_TAGS="##rants and ##marketing"
PAGE_TAGS="##rants and ##parasocialmedia"
PAGE_TAGS="##rants, ##music, ##politics, and ##antitrust"
PAGE_TAGS="##rants, ##parasocialmedia, and ##technofascism"
PAGE_TAGS="##rants, ##personal, ##politics, ##feminism, ##menslib, and ##transrights"
PAGE_TAGS="##rants, ##politics, ##feminism, and ##menslib"
PAGE_TAGS="##rants, ##politics, ##siliconvalley, and ##ignorance"
PAGE_TAGS="##rants, ##politics, and ##news"
PAGE_TAGS="##rants, ##politics, and ##society"
PAGE_TAGS="##rants, ##politics, and ##workplace"
PAGE_TAGS="##rants, ##society, ##parenting, and ##gaming"
PAGE_TAGS="##rants, ##workplace, and ##security"
PAGE_TAGS="##rants, society, and ##menslib"
PAGE_TAGS="##unix"
PAGE_TAGS="##unix, ##terminal, ##commandline, and ##experiments"
PAGE_TAGS="##webcraft and ##rants"
PAGE_TAGS="##webcraft"
PAGE_TAGS="##webcraft, ##bullshit, and ##rants"
PAGE_TAGS="##writing and ##bullshit"
PAGE_TAGS="##writing and ##machinelearning"
PAGE_TAGS="##writing and ##rants"
PAGE_TAGS="##writing, ##dialogue, ##charactierization, ##worldbuilding, ##scifi, ##withoutbloodshed"
PAGE_TAGS="##writing, ##poetasting, ##lyrics, ##heavymetal, ##scifi, and ##worldbuilding"
PAGE_TAGS="##writing, ##prompts, ##scifi, ##worldbuilding, and ##characterization"
PAGE_TAGS="##writing, ##scifi, ##characterization, and ##spiralarchitect"
PAGE_TAGS="##writing, ##scifi, ##characterization, and ##worldbuilding"
PAGE_TAGS="##writing, ##scifi, and ##worldbuilding"
Mainly, Iāve added a new page (note that the ābackā button does not work, since it doesnāt have a āparent pageā as of yet, just a āgrandparentā) intended for stuff from my sketchbook.
Iāve also, inspired by other people in this thread, added a small disclaimer to my index page, and took the chance to remove the random header I had for no apparent reason. I think the disclaimer may get more work in the future, but itās something for now.
I love how the new page looks like a newspaper printout. Itās honestly one of the most unique ways Iāve seen people show off their art work.
the color palette on your site is so wonderful! and your art is lovely!! and that dithered moon, ahhā¦ what a soothing look.
Thank you!! I have a lot of fun with it lol, and since I tend to work in monochrome colors it works out B)
Iām very glad it has the intended effect!!! I wanted it to feel/look like my bedroom so yk, soothing very much was the goal haha
i enabled comments on https://blog.hypertext.city once i realized i could set it up so folks didnāt have to register to comment. youāll have to visit a specific blog post to leave a comment, and comments are held for moderation as experience in web hosting support has taught me that bots love any type of form
I added a glowy transparent background to the āthings I likeā section of my page, and by extension updated the list of what I like. I also made the lightning bolts translucent when you hover over them, so they donāt cover everything.