I will try to improve the CSS 🙏
@prologic@twtxt.net need to work on the CSS. For example, the tags are too big, the code blocks (and the inline ones) are too small, the single posts have no date (intended?), and so on. It’s an alpha start!
I just created a zs blogging template which I’m going to use for https://prologic.blog and I might starting writing long-form again soon™ 🔜 So far the “blogging” template/engine (if you weill) is quite simple. It comprises essentially of an index.md
a prehook
and a few utilities:
$ git ls-files
.gitignore
.zs/config.yml
.zs/editthispage
.zs/include
.zs/layout.html
.zs/list
.zs/months
.zs/now
.zs/onthispage
.zs/posthook
.zs/postsbymonth
.zs/prehook
.zs/scripts
.zs/styles
.zs/tagcloud
.zs/taglist
.zs/years
archives/.empty
assets/css/site.css
assets/js/main.js
index.md
posts/hello-zs-blog.md
posts/on-tagging.md
posts/second-post.md
tags/.empty
<details>
tag in HTML; it lets you write a sentence or so that someone can then click to expand to see the actual post. it's called a CW because most people use it to warn for potentially triggering/harmful subjects, but you can really use it for anything, like spoilers in a TV show or even for joke punchlines
@kat@yarn.girlonthemoon.xyz I reckon the original <details>
need to have the open
attribute set in order to expand it, so I cannot just define some custom CSS rules to do that in my browser.
But in regards to twtxt, my client won’t hide anything in that realm anyway. :-) It’s just more noise.
In order to publish my personal projects/pages (and most of my teaching materials, hundreds of pages) on #Codeberg, I need to convert #markdown files into #HTML and sprinkle some CSS & JS from a layout template, like #GitHub’s Pages #Jekyll does, but I dread the complexity of installing and tending to Jekyll or Hugo or other static site generators, and I can’t even imagine going near Forejo Actions or any sort of CI intergration.
Should I be brave and do the Jekyll /static generator thing? Any other ideas for poor, overworked, stressed out, clumsy people? :(
@bender@twtxt.net Maybe one day I’ll take back over my prologic.blog
domain from µBlog and redoit with my handy zs
tool with some nice CSS 🤣
I am also enjoying the tweaking of my Frankenstein monster CSS. LOL.
深入 Biome — 現代 Rust 前端工具鏈
Biome 簡介Biome 是一個基於 Rust 開發的前端工具鏈工具,它提供了完善的 Analyzer / Linter / Formatter 的能力支持。目前 Biome 提供了 JS、TS 、JSON/JSONC 以及 CSS 和 GriftQL 等語言的支持。在 Linter 方面,目前 Biome 內置支持了約 320 條以上規則支持 (參考: https://next.biomejs ⌘ Read more
@kat@yarn.girlonthemoon.xyz I don’t do a lot of CSS and tried to use flexboxes recently, couldn’t find a great explanation. I somehow managed to get the desired effect, but am I using them correctly? Who knows.
@bender@twtxt.net Not sure if you’re serious or joking, but: IE3 introduced support for CSS, Mosaic completely ignores it. 😅 Besides, it looks fine in IE3 now as well, after I fixed my CSS bug. 🤪
@movq@www.uninformativ.de yes, I think:
<!--[if !IE]><!-->
<link rel="stylesheet" href="../simplicity.css”>
<!--<![endif]-->
Should work, but I haven’t tested it.
Almost sure it would look even better if you removed CSS altogether for IE3, and the like. Your site is clean as a whistle, just vanilla, no CSS.
… but as it turned out, this was a bug in my CSS. It works now. 🥳
Security updates for Thursday
Security updates have been issued by Debian (chromium, libapache2-mod-auth-openidc, mariadb-10.5, and openssh), Red Hat (osbuild-composer), Slackware (mariadb), SUSE (apache2-mod_auth_openidc, glib2, ImageMagick, libsoup, libsoup2, libva, openvpn, sqlite3, and weblate), and Ubuntu (libsoup3, php-horde-css-parser, and python-django). ⌘ Read more
The vp-compact.css
is trumping the other.
This on vp-compact.css
:
.avatar:not(#profile-avatar .avatar) {
width: 2rem !important;
height: 2rem !important;
margin-top: -0.25rem !important;
}
Is colliding with yarn.min.css
:
.avatar, .avatar-full {
width: 3.5rem;
height: 3.5rem;
object-fit: cover;
border-radius:var(--border-radius)
}
@prologic@twtxt.net I did, and it did. I am more than rubbish at CSS, so there!
Can you confirm the fix temporarily in browser before I make the CSS change? I’m rubbish at CSS 🤣
Ahhh! It’s all Soren’s fault 🤣
commit ea9eaaf3d3977701dcb84b927c77c4f921bdbf43
Author: sorenpeter <sorenpeter@noreply@mills.io>
Date: Sat Sep 24 23:34:07 2022 +0000
Replacing Pico.css with Simple.css (#990)
Replacing pico.css with simple.css along with some small UI changes
It’s on yarn.min.css
, whatever that comes from. I think padding: 0;
is all it needs.
@lyse@lyse.isobeef.org I do agree “the rules of the web”, are far too loose - at least the syntax ones. I do think backwards compatibility is necessary.
As for my website, it might be visually very similar, to how it looked since its creation, many years ago, but it is frequently improved. Features that originally used JavaScript, changed to HTML and CSS components, code simplified, optimised to withstand browser updates and new screen resolutions,… Even a good chunk of the errors on your list, were already addressed and I plan to address the rest soon.
Just find it a bit depressing, that my attempt to bring back some of the old Internet spirit, by making a hidden easteregg page page for this years April 1st, was met with people complaining about April fools day jokes and you insinuating my website sucks.
@lyse@lyse.isobeef.org you must be loved by all the web developers in town! But ok, I have added all the missing semicolons, that should technically be there, but them not being there, does not make a difference.
Font color change inside every summary element, was a very deliberate choice, to color the text, but leave the arrow black (same as website background). But ok, I rewrote the CSS to hide the arrows and make all summaries white - since this also works better, with some dark theme enforcing browser extensions.
HOWEVER “p” as a child element of “summary” is a thing, that as far as I know, all browsers respect and if a font color is applied only once, I don’t think it matters, if it’s done through HTML or CSS, you smart ass.
oh my god I am never using a css grid again ;;;; converted the sdv shrine to a flex layout, works much better on mobile now! now to just push that update!! :D
Rucknium completes second milestone for statistical research CCS proposal
Rucknium1 has completed2 the second milestone for their latest CCS proposal to conduct statistical research to improve Monero’s privacy 3:
I have completed Milestone 2. [..] With @Boog900, investigated the empirical privacy impact of suspected spy nodes and organized a public campaign to urge Monero node operators to ban suspected spy nodes from connecting to their no … ⌘ Read more
Linear feeds are a dark pattern - A proposal for Mastodon
https://tilde.town/~dzwdz/blog/feeds.html
I’ve polished the CSS style a bit, you can try it here: https://eapl.me/treed/
Rucknium completes second milestone for OSPEAD CCS
Rucknium1 has completed2 the second milestone for their Optimal Static Parametric Estimation of Arbitrary Distributions (OSPEAD)3 CCS proposal4:
The OSPEAD initial probability density function has been transmitted to the scientific review panel, which consists of ArticMine, isthmus, and hyc.
Read the full PGP signed message on Gitlab2.
Consult the previous Monero Observer report[5](#fn: … ⌘ Read more
Boog900 completes Cuprate dev work CCS
Boog9001 has posted a third and final progress report2 for their latest full-time Cuprate 3 development work CCS proposal4:
People have been syncing using the initial binary with mostly success a couple of people have reported issues, which will be investigated [..] Fast sync is yet to be added. I have ideas for optimisations [..] that should significantly speed up sync on top of where we already are (faster than mo … ⌘ Read more
the windows CSS frameworks are sooo epic like you mean i can click a win aero button in my browser?!?! WITCHCRAFT!
@movq@www.uninformativ.de Where in firefox can I set custom CSS?
I was today years old when I learned that Firefox supports custom per-domain CSS. Is this new? I thought I had tried a while ago and it only worked globally. 🤔
@-moz-document domain(movq.de)
{
div { border: 1px solid red; }
}
Either way, I love that I don’t need a plugin for that. 🥳
Boog900 posts second progress report for Cuprate CCS proposal
Boog9001 has posted the second progress report2 for their latest CCS proposal3 to continue full-time development work on the Cuprate 4 project:
I also found 1900+ IP addresses running “nodes” that have different behaviour to monerod and are almost certainly proxies to other nodes. [..] From the data I have it looks like 40% of the IPs running Monero nodes are not real nodes and ~75% o … ⌘ Read more
Rucknium completes first milestone for statistical research CCS proposal
Rucknium1 has completed2 the first milestone for their latest CCS proposal to conduct statistical research to improve Monero’s privacy 3:
I have completed Milestone 1. [..] I evaluated the possible privacy impact of allowing permissionless querying of nodes’ fluff-phase transaction pools. Using techniques from the “topology inference from cascades” research literature, th … ⌘ Read more
(#2024-09-24T12:39:32Z) @prologic@twtxt.net It might be simple for you to run echo -e "\t\t" | sha256sum | base64
, but for people who are not comfortable in a terminal and got their dev env set up, then that is magic, compared to the simplicity of just copy/pasting what you see in a textfile into another textfile – Basically what @movq@www.uninformativ.de also said. I’m also on team extreme minimalism, otherwise we could just use mastodon etc. Replacing line-breaks with a tab would also make it easier to handwrite your twtxt. You don’t have to hardwrite it, but at least you should have the option to. Just as i do with all my HTML and CSS.
Thank you @aelaraji@aelaraji.com, I’m glad you like it. I use PHP because it’s everywhere on cheap hosting and no need for the user to log into a terminal to setup it up. Timeline is not mean to be use locally. For that I think something like twtxt2html is a better fit. (and happy to see you using simple.css on you new log page;)
@movq@www.uninformativ.de Maybe something for you: 7.css - A CSS framework for recreating Windows 7 UI
@mckinley@twtxt.net, in your blog, I think a “line-heigh” of 1.5 (if I remember correctly you are setting it on the “body” on CSS) will make it more legible.
Rediscovered how it’s possible to show/hide content on an HTML page without JavaScript, using a checkbox and some sprinkle of CSS magic.
Pretty neat what one can achieve with Node.js Fs, the Express framework, Redis, a text file and some HTML with a sprinkle of CSS.
** week notes **
I’ve been experimenting. I’ve been concocting a recipe for vegan kugel, and rediscovering little features and edges of my website I’d forgotten I baked in. Like chocolate chips hidden in an oatmeal raisin cookie.
One chip most recently re-discovered: support for per-page custom styles?! All I gotta do is include an optional bit of meta data, bespoke-css
, that points to a style sheet. I may play with this feature more. I do love myself some css. I can tell exactly when in my life I added this feature because th … ⌘ Read more
big reorg; back to nested nav menu, new CSS
@eaplmx@twtxt.net CSS Battle has a passwordless login, I don’t know the implementation but it basically send you and email where you click a link and you’re in.
** My programming language odyssey **
While I wouldn’t say I’m wicked adept at any one language, I’ve dipped my toes into many different languages. Here, I try to roughly recreate my programming language journey.
The web. A marvel, a terror. I started here, more out of ease of access than necessity, but was able to get far enough to make a career out of web dev. I should also add SQL to this list.
[Elm](https://elm-lang … ⌘ Read more
Gemini capsule
Gemini is a lightweight Internet protocol. It’s heavier than Gopher
but lighter than HTTP(S), especially if combined with all other web
technologies. The name makes sense if Gopher is Project Mercury and
the web is the Apollo program.
One of its uses is to serve gemtext, which is a lightweight
Markdown-like markup language, instead of HTML. Gemini browsers don’t
have support for neither Javascript, nor CSS, nor any of the other new
web technologies. It can be beautiful anyway, s … ⌘ Read more
Gemini capsule
Gemini is a lightweight Internet
protocol. It’s heavier than Gopher but a bit lighter than HTTP(S).
It’s the Gemini programme if Gopher is Mercury and HTTP is Atlas.
One of its uses is to serve gemtext, which is a lightweight
Markdown-like markup language, instead of HTML. Gemini browsers don’t
have support for neither Javascript, nor CSS, nor any of the other new
web technologies. It can be beautiful anyway, see for instance
[Lagrange]( [http … ⌘ Read more
@mutefall I can’t take credit for the CSS on the site, it came from my site generator :D https://kiln.adnano.co
蚂蚁招聘云原生运维专家 (杭州 P7-8)
蚂蚁招聘云原生运维专家 (杭州 P7-8)
联系方式: chaishushan{TA}gmail.com, shushan.css{TA}alibaba-inc.com
职位描述
1、负责蚂蚁集团代码化技术引擎 Kusion 的建设,打造蚂蚁集团开放协同运维能力底盘,并深度参与应用生命周期代码化、基础设施代码化、策略代码化等落地场景
2、参与打造蚂蚁集团规模化运维产品,构建完整的规模化运维功能
3、深度参与 CNCF、 K8S、基础设�� … ⌘ Read more
🙌 Liked: #273: Weird Browsers | CSS Tricks ⌘ Read more
https://Based.Cooking (non-bloated, non-soydev recipes and more)
Well, I figured that it’d be best and I go ahead and start a recipe site, since it came up. I’ll go ahead and tell you RSS chads.
It’s based.cooking (yes, apparently .cooking
is a TLD nowadays).
The site isn’t much of a looker now. Just simple CSS, so feel free to open PRs with elegant improvements.
I don’t have much time today, so I’ll leave it to other people.
I might record a video on the site this evening or tomorr … ⌘ Read more
New website
Got a new simplified website. Real old school, no CSS sheet. I’m going to make it more text-based and have more writings.
I’ve also rolled over this RSS feed.
A lot of the site is still unfinished, so notify my of anything I’ve missed so far.
I want to keep old links more or less in place. I haven’t decided if I want to keep using my old blog script (this entry is RSS only).
I feel like I had neglected the blog for a while, and my new site is more conducive to browsing as I add even more. ⌘ Read more
Posted to Entropy Arbitrage: Project Updates, Harriet Tubman Day https://john.colagioia.net/blog/2020/03/09/post-bicker.html #programming #project #devjournal #css #jekyll
I art-directed a website. The end boss was finding out how to make the black parts of a black-on-transparent image a light gray after finding out that CSS can’t do this itself yet.
Is there a convenient way to make your desktop browser pretend to be a mobile browser so sites don’t try to allocate twenty gigs of memory for goddamned css animations?
If it doesn’t work properly with javascript turned off, it’s not really a website. If it doesn’t work properly with css turned off, it’s not really a website. If it doesn’t work properly in a text-only environment, it’s not really a website.
The easiest path to GDPR compliance: switch to a completely static website with no javascript, CGI, or CSS, and rotate the logs daily.
Bad idea of the day: an extension that disables all CSS on all pages, and then allows you to approve rules one by one, or edit them in place
70% Repetition in Style Sheets: Data on How We Fail at CSS Optimization · Jens Oliver Meiert https://meiert.com/en/blog/70-percent-css-repetition/
Query unused CSS rules on current document state: https://www.codemadness.org/query-unused-css-rules-on-current-document-state.html