Search
Items tagged with: web
Hey @hetzner,
The folks at Fedora have done the work to make a Hetzner-specific image of CoreOS (see github.com/coreos/fedora-coreo…).
When do you think we’ll be able to see it in this menu with a little lightning icon next to it?
Ball’s in your court now :)
#hetzner #fedora #CoreOS #VPS #server #hosting #provisioning #deployment #web
Platform Request: Hetzner · Issue #1324 · coreos/fedora-coreos-tracker
In order to implement support for a new cloud platform in Fedora CoreOS, we need to know several things about the platform. Please try to answer as many questions as you can. Hetzner: https://www.h...GitHub
There are a number of useful little functions in node:util besides util.inspect() that I’m only just familiarising myself with after admittedly rolling my own versions for a number of them. Hmm, should’ve read through this documentation page more carefully sooner.
e.g., util.deprecate(), util.diff(), util.debugLog(), util.isDeepStrictEqual(), etc.
#NodeJS #util #standardLibrary #web #dev #JavaScript
Settings → db page can choke on data containing custom classes
When there are circular references the JSON serialiser cannot handler. 
Home
Hello! We’re a tiny and independent two-person not-for-profit based in Ireland. We are building the Small Web. No, it’s not web3, it’s web0.Small Technology Foundation
New Kitten release
• Fix: messages that are promises are properly awaited before being sent.
Kitten automatically and transparently handles asynchronous content in your templates for you so you don’t have to worry about it. One place where this wasn’t working properly is if you addressed `this.component` to stream a custom update of your component manually instead of calling the `this.update()` method of Kitten component instances.
e.g.,
```js
export default class AdminPage extends kitten.Page {
// …
onSelectedPost (data) {
this.send(kitten.html`<${this.component} postId='${data.selectedPost.postId}' />`)
}
}
```
💕
#Kitten #SmallWeb #SmallTech #news #updates #promises #StreamingHTML #web #dev #HTML #CSS #JavaScript
New Kitten feature: Icons!
You can now make use of a subset of the icons in the Phosphor icons set by @minoraxis and @rektdeckard.
kitten.small-web.org/reference…
Search through them in your editor by referencing `kitten.icons.categories` and `kitten.icons.tags`.
Add this to a file called index.page.js and run `kitten` to see a large duotone pink cat (because why not?):
export default function () {
return kitten.html`
<${kitten.icons.c.Cat}
size=40%
weight=duotone
colour=deeppink
/>
`
}
(And yes, the set includes icons for the fediverse. This one of the reasons I chose it.) ;)
Enjoy!
💕
#Kitten #SmallWeb #SmallTech #icons #PhosphorIcons #web #dev #HTML #CSS #JavaScript #SVG #NodeJS #authoring #intellisense
Coming tomorrow to Kitten… Kitten icons!
Kitten will have built-in support for the Phosphor icons set with full authoring-time language intelligence where you can search for icons via category and tag (in addition to the canonical alphabetical categorisation).
Thought this was going to take me a few hours but it took a few days thanks to running into issues with size limits, type inference from JavaScript types in modules, etc., with the TypeScript language server but I believe I’ve finally cracked it :)
💕
#Kitten #SmallWeb #icons #PhosphorIcons #staticTypes #taxonomy #web #dev #TypeScript #languageServer
![Screenshot of a browser window showing the page at address https://localhost/patron/cs_test_a1ghlmjTxqnNUUHo41PvYu1lYx1sjA1igwYk2Um2TnyEmAlXaBMUooKy3m/:
500
TypeError: Cannot read properties of undefined (reading 'items')
Stack trace
From your app (lines 241-247)
@param { { subscription: import('stripe').Stripe.Subscription } } data
*/
html ({ subscription }) {
const subscriptionItem = subscription.items.data[0]
const patronageAmount = subscriptionItem.price.unit_amount * subscriptionItem.quantity /100
const subscriptionId = subscription.id
const subscriptionItemId = subscription.items.data[0].id
While running UpdatePatronageForm.html
in /patron/index_[id].page.js (line 244, column 43)
From Kitten (heading)…](https://friendica.hellquist.eu/photo/preview/640/4826152 "Screenshot of a browser window showing the page at address https://localhost/patron/cs_test_a1ghlmjTxqnNUUHo41PvYu1lYx1sjA1igwYk2Um2TnyEmAlXaBMUooKy3m/:
500
TypeError: Cannot read properties of undefined (reading 'items')
Stack trace
From your app (lines 241-247)
@param { { subscription: import('stripe').Stripe.Subscription } } data
*/
html ({ subscription }) {
const subscriptionItem = subscription.items.data[0]
const patronageAmount = subscriptionItem.price.unit_amount * subscriptionItem.quantity /100
const subscriptionId = subscription.id
const subscriptionItemId = subscription.items.data[0].id
While running UpdatePatronageForm.html
in /patron/index_[id].page.js (line 244, column 43)
From Kitten (heading)…")
New Kitten release
• Minor fix: Styles automatically gathered and de-duplicated from the body into the head are now placed _after_ other items in the <head> slot. Since you would expect styles added to the body of the page to override ones in the head, this now brings Kitten’s behaviour in-line with authoring expectations.
Enjoy!
💕
![const BasicLayoutTemplate = async ({ title, SLOT }) => {
const posts = (await (await fetch('https://streamiverse.small-web.org/public/')).json()).splice(0, 3)
return kitten.html`
<main>
<page css>
<h1>${title}</h1>
${SLOT}
<h2>Fediverse posts</h2>
<ul>
${posts.map(post => kitten.html`
<li><img src='${post.account.avatar}'> ${[post.content]}</li>
`)}
</ul>
<style>
li { display: flex; gap: 1em; margin-bottom: 1em; }
img { width: 5em; height: auto; }
</style>
</main>
`
}
export default async () => await kitten.html`
<${BasicLayoutTemplate} title='Async components are fun!'>
<markdown>
Oh, isn’t this __nice?__
</markdown>
</>
`](https://friendica.hellquist.eu/photo/preview/640/4812633 "const BasicLayoutTemplate = async ({ title, SLOT }) => {
const posts = (await (await fetch('https://streamiverse.small-web.org/public/')).json()).splice(0, 3)
return kitten.html`
<main>
<page css>
<h1>${title}</h1>
${SLOT}
<h2>Fediverse posts</h2>
<ul>
${posts.map(post => kitten.html`
<li><img src='${post.account.avatar}'> ${[post.content]}</li>
`)}
</ul>
<style>
li { display: flex; gap: 1em; margin-bottom: 1em; }
img { width: 5em; height: auto; }
</style>
</main>
`
}
export default async () => await kitten.html`
<${BasicLayoutTemplate} title='Async components are fun!'>
<markdown>
Oh, isn’t this __nice?__
</markdown>
</>
`")
![class BasicLayoutTemplate extends kitten.Component {
async html ({title, SLOT}) {
return kitten.html`
<main id='page' morph>
<page css>
<h1>${title}</h1>
${SLOT}
<${FediversePosts.connectedTo(this)} />
</main>
`
}
}
class FediversePosts extends kitten.Component {
async html () {
const posts = (await (await fetch('https://streamiverse.small-web.org/public/')).json()).splice(Math.floor(Math.random()*6), 3)
return kitten.html`
<div id='posts' morph>
<h2>Fediverse posts</h2>
<ul>
${posts.map(post => kitten.html`
<li><img src='${post.account.avatar}'> ${[post.content]}</li>
`)}
</ul>
<button name='refresh' connect>Refresh</button>
<style>
li { display: flex; gap: 1em; margin-bottom: 1em; }
img { width: 5em; height: auto; }
</style>
</div>
`
}
onRefresh () { this.update() }
}
export default class MyPage extends kitten.Page {
async html () {
return kitten.html`
<${BasicLayoutTemplate.connectedTo(this)} title='Async components are fun!'>
<markdown>
Oh, isn’t this __nice?__
</markdown>
</>
`
}
}](https://friendica.hellquist.eu/photo/preview/640/4812636 "class BasicLayoutTemplate extends kitten.Component {
async html ({title, SLOT}) {
return kitten.html`
<main id='page' morph>
<page css>
<h1>${title}</h1>
${SLOT}
<${FediversePosts.connectedTo(this)} />
</main>
`
}
}
class FediversePosts extends kitten.Component {
async html () {
const posts = (await (await fetch('https://streamiverse.small-web.org/public/')).json()).splice(Math.floor(Math.random()*6), 3)
return kitten.html`
<div id='posts' morph>
<h2>Fediverse posts</h2>
<ul>
${posts.map(post => kitten.html`
<li><img src='${post.account.avatar}'> ${[post.content]}</li>
`)}
</ul>
<button name='refresh' connect>Refresh</button>
<style>
li { display: flex; gap: 1em; margin-bottom: 1em; }
img { width: 5em; height: auto; }
</style>
</div>
`
}
onRefresh () { this.update() }
}
export default class MyPage extends kitten.Page {
async html () {
return kitten.html`
<${BasicLayoutTemplate.connectedTo(this)} title='Async components are fun!'>
<markdown>
Oh, isn’t this __nice?__
</markdown>
</>
`
}
}")
Here's a neat little effect with no text duplication. Uses `background-clip: text` to create the split text face effect + scroll-driven animations to tie the gradient split line position to the 1st section's bottom edge.
Live on @codepen codepen.io/thebabydino/pen/XJW…
cc @bramus
#CSS #scroll #scrollAnimation #coding #cssAnimation #gradientText #frontend #web #dev #webDev #webDevelopment #code
Worten alvo de alegado ataque informático e roubo de dados
🔗 tugatech.com.pt/t65349-worten-…
#NoticiasdaInterneteMercados #ataque #online #portugal #web #Worten
🚨 Let’s Encrypt at risk from Trump cuts to OTF: “Let’s Encrypt received around $800,000 in funding from the OTF”
Dear @EUCommission, get your heads out of your arses and let’s find @letsencrypt €1M/year (a rounding error in EU finances) and have them move to the EU.
If Let’s Encrypt is fucked, the web is fucked, and the Small Web is fucked too. So how about we don’t let that happen, yeah?
(In the meanwhile, if the Let’s Encrypt folks want to make a point about how essential they are, it might be an idea to refuse certificates to republican politicians. See how they like their donation systems breaking in real time…)
CC @nlnet @NGIZero@mastodon.xyz
#USA #fascism #OpenTechFund #LetsEncrypt #SSL #TLS #encryption #EU #web #tech #SmallWeb #SmallTech mastodon.social/@publictorsten…
publictorsten (@publictorsten@mastodon.social)
Wenn Let’s Encrypt plötzlich nicht mehr klappt, wird das halbe Internet aus Zertifikatsfehlern bestehen. https://www.heise.de/news/Nach-Trump-Dekret-Kampf-um-US-Foerdermittel-fuer-Tor-F-Droid-und-Let-s-Encrypt-10328226.htmlMastodon
Just discovered this open source tool screeenly that takes screenshots of webpages. (Found it when I was looking at what bots were hitting my site via my nginx logs).
#opensource #tools #web #nginx
#Cloudflare stopps http traffic completely - only #https allowed
Source: blog.cloudflare.com/https-only…
#web #www #api #software #news #encryption #internet
HTTPS-only for Cloudflare APIs: shutting the door on cleartext traffic
We are closing the cleartext HTTP ports entirely for Cloudflare API traffic. This prevents the risk of clients unintentionally leaking their secret API keys in cleartext during the initial request, before we can reject the connection at the server si…The Cloudflare Blog
#tinyCSStip
Revert animated parent transform (like a scale or skew) on child without an extra animation using registered custom properties.
codepen.io/thebabydino/pen/MYW…
#CSS #code #coding #frontend #transform #web #dev #webDev #webDevelopment
Major #web services go dark in #Russia amid reported #Cloudflare #block
source: therecord.media/russia-website…
According to data from several internet monitoring websites, the outages were observed Thursday across multiple Russian regions, particularly in the #Urals and #Siberia, affecting platforms such as #TikTok, #Steam, #Twitch, #EpicGames, #Duolingo and major Russian #mobile operators.
#online #www #internet #fail #problem #censorship #politics #test #news
Major web services go dark in Russia amid reported Cloudflare block
Website outages were observed across Russia this week, with regulators attributing them to issues with foreign servers. Observers said the problems might be tied to Russian government moves to block Cloudflare services.therecord.media
