#Geopolitique #International #Imperialisme #Guerre #USA #Syrie #Chine #Russie
Pourquoi la fin de l’URSS a tout changé dans les rapports mondiaux - Saïd Bouamama
fayard.fr/livre/le-grand-echiq…
diaspora-fr.org/posts/0eee3300…
https://x.com/TribunePop23/status/1913990707867459711
diaspora-fr.org/posts/663e0220…
Le grand échiquier (Poche 2011), de Zbigniew Brzezinski | Éditions Fayard
Pourquoi et comment les États-Unis d’Amérique sont-ils devenus les garants de l’ordre mondial ? Quel rôle peut jouer l’Europe face à cette arrogante swww.fayard.fr
![Screenshot: three windows: left side: Source of index.page.md, top-right browser showing running web app, bottom-right, source of Button and Reactions components.
Contents of windows:
index.page.md:
---
title: An interactive markdown page
script: |
import Reaction from './Reaction.fragment.js'
// Initialise database if necessary.
kitten.db.reactions ??= {}
kitten.db.reactions.Heart ??= 0
kitten.db.reactions.Confetti ??= 0
kitten.db.reactions.Smiley ??= 0
let page
export function onConnect (data) {
page = data.page
}
export function onReaction (data) {
kitten.db.reactions[data.type]++
page.send(kitten.html`<${Reaction} />`)
}
---
<page css>
# Hello!
While this is a __markdown__ page, I can easily layer interactivity by adding a simple component in a script block.
## Reactions{id=your-reactions}
<${Reaction} />
Browser (output):
Hello!
While this is a markdown page, I can easily layer interactivity by adding a simple component in a script block.
Reactions
Heart button: 5
Confetti button: 4
Smiley button: 3](https://friendica.eskimo.com/photo/preview/640/8551156 "Screenshot: three windows: left side: Source of index.page.md, top-right browser showing running web app, bottom-right, source of Button and Reactions components.
Contents of windows:
index.page.md:
---
title: An interactive markdown page
script: |
import Reaction from './Reaction.fragment.js'
// Initialise database if necessary.
kitten.db.reactions ??= {}
kitten.db.reactions.Heart ??= 0
kitten.db.reactions.Confetti ??= 0
kitten.db.reactions.Smiley ??= 0
let page
export function onConnect (data) {
page = data.page
}
export function onReaction (data) {
kitten.db.reactions[data.type]++
page.send(kitten.html`<${Reaction} />`)
}
---
<page css>
# Hello!
While this is a __markdown__ page, I can easily layer interactivity by adding a simple component in a script block.
## Reactions{id=your-reactions}
<${Reaction} />
Browser (output):
Hello!
While this is a markdown page, I can easily layer interactivity by adding a simple component in a script block.
Reactions
Heart button: 5
Confetti button: 4
Smiley button: 3")
Aral Balkan
in reply to Aral Balkan • • •Alt text (continued due to Mastodon’s 1500 character limit on alt-text):
Source of Button and Reactions components:
/**
Simple Reactions control.
Broadcasts «reaction» event.
*/
function Button ({ Icon }) {
const iconName = Icon.name
return kitten.html`
<div class='reaction'>
<button name='reaction' data='type:"${iconName}"' connect>
<${Icon} weight=duotone alt=${Icon.name} colour=deeppink><title>${Icon.name}</title></>
</button>
${kitten.db.reactions[iconName]}
</div>
`
}
export default function Reactions () {
return kitten.html`
<div id='reactions' morph>
<${Button} Icon=${kitten.icons.Heart} />
<${Button} Icon=${kitten.icons.Confetti} />
<${Button} Icon=${kitten.icons.Smiley} />
<style>
button { background: var(--background-alt); }
button:hover { background: var(--background); }
#reactions { display: flex; }
.reaction { display: flex; flex-direction: column; align-items: center; font-size: 2em;}
</style>
</div>
`
}
Aral Balkan
in reply to Aral Balkan • • •OK, so here’s likely the simplest possible example demonstrating:
• The same route, implemented as both a Kitten JavaScript Page (.page.js) and as a Kitten Markdown Page (.page.md)
• How to persist to the default Kitten JSDB¹ database.
(That first line with the nullish coalescing operator creates a “table” on the database with a default value for the count if it doesn’t already exist.)
kitten.small-web.org
¹ kitten.small-web.org/tutorials…
#Kitten #SmallWeb #web #dev #JavaScript #HTML #Markdown #example #comingSoon
Kitten: Home
kitten.small-web.orgAral Balkan
in reply to Aral Balkan • • •Not coming this afternoon 😀
Just realised that I’m not handling nested interpolated values properly as I’m using a regular expression to simulate what JavaScript’s native tagged template feature does.
Instead, I have to write a simple parser.
If I had a penny for every time I started with regular expressions on this and then had to implement a proper parser afterwards… I’d have two pennies (the other time was for extracted nested <markdown> tags. See a pattern? (I’m here all week.)
So, barring the discovery of other edge (or not-so edge) cases following further testing, I’m going to aim for middle of the week for the release of the new Markdown Pages feature.
#Kitten #KittenUpdate #SmallWeb
nilix
in reply to Aral Balkan • • •Aral Balkan
in reply to nilix • • •sapiaint
in reply to Aral Balkan • • •