Search
Items tagged with: icons
Coming soon: Kittenās Settings pages are shedding their emoji for elegant `kitten.icons` thanks to the recently integrated Phosphor icons set by @minoraxis and @rektdeckard
#Kitten #SmallWeb #design #icons #PhosphorIcons #web #dev
![Screenshot of the Domain section of the Kitten settings view. The icon for the section is a simple duotone house.
Full text:
Domain (text box), disabled. Showing ālocalhostā
[Callout: pink border, pink shooting star icon.] Use the --domain flag to set the domain when running in development mode. In addition to localhost, Kitten has support for place1.localhost - place4.localhost for testing Small Web apps (peer-to-peer web apps) locally.
Deployment
Here are some ways you can deploy your site when youāre ready to.
Using Domain:
Use an existing Small Web host like small-web.org.
Run your own instance of Domain and deploy using that.
On any computer that runs Linux[1]:
Deploy your site to any server (like a tiny single-board computer or your own VPS server somewhere) using Kittenās deploy command and point your domainās DNS to its IP address manually.
For more details, please see the Deploying a Kitten applicaton section of the Kitten Reference guide.
With systemd (this is not some political statement; itās justā¦](https://friendica.hellquist.eu/photo/preview/640/4865752 "Screenshot of the Domain section of the Kitten settings view. The icon for the section is a simple duotone house.
Full text:
Domain (text box), disabled. Showing ālocalhostā
[Callout: pink border, pink shooting star icon.] Use the --domain flag to set the domain when running in development mode. In addition to localhost, Kitten has support for place1.localhost - place4.localhost for testing Small Web apps (peer-to-peer web apps) locally.
Deployment
Here are some ways you can deploy your site when youāre ready to.
Using Domain:
Use an existing Small Web host like small-web.org.
Run your own instance of Domain and deploy using that.
On any computer that runs Linux[1]:
Deploy your site to any server (like a tiny single-board computer or your own VPS server somewhere) using Kittenās deploy command and point your domainās DNS to its IP address manually.
For more details, please see the Deploying a Kitten applicaton section of the Kitten Reference guide.
With systemd (this is not some political statement; itās justā¦")
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
š Sorry, life got in the way; just deployed this but I havenāt had a chance to document it properly yet. Iāll make a proper announcement when I do.
Also, you can now use the `delete` attribute on a DOM node/Kitten component youāre streaming back from the server to have it removed from the DOM on the client. Itās syntactic sugar for hx-swap-oob='delete' in htmx.
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
