Mit virt-install eine remote VM installieren

Ich muss gestehen, ich habe gerade zu lange gebraucht um die Kommandozeile herauszufinden, wie man noch mal einen neuen Gast via libvirt auf einem Server ohne grafische Oberfläche installiert. Hier ist sie:

virt-install --name $DOMAIN_NAME --memory $RAM_IN_MEGABYTE --disk path=$PATH_TO_VM.qcow2,size=10 --network network=default --location https://deb.debian.org/debian/dists/bookworm/main/installer-amd64/ --vcpus $ZAHL_DER_VCPUS --graphics none --os-variant debian12 --console pty,target_type=serial --extra-args 'console=ttyS0,115200n8 serial'

size=10 bedeutet, dass das qcow file auf dem Server maximal 10 GB groß wird.

Falls ihr einen Fehler bekommt wie Unknown OS name 'debian'. See `osinfo-query os` for valid values. muss osinfo-db eventuell installiert oder sogar aktualisiert werden. Folgende Pakete müssen installiert sein:
apt install osinfo-db-tools libosinfo-bin.

Für die Aktualisierung hier die letzte Datenbank runter laden, zum Beispiel mit:
wget -O /tmp/osinfo-db.tar.xz https://releases.pagure.org/libosinfo/osinfo-db-20231215.tar.xz

Danach muss nur noch lediglich dieses Kommando ausgeführt werden:
osinfo-db-import /tmp/osinfo-db.tar.xz

Jetzt sollte virt-install durch laufen und ihr könnt die VM auf der Kommandozeile ohne grafische Oberfläche installieren.

Awesome Web Design

Kuratierte und unvollständige Liste mit hilfreichen Links über Webdesign.

Tipps & Regeln

Visual design rules you can safely follow every time
https://anthonyhobday.com/sideprojects/saferules/
Diskutiert auf HN:
https://news.ycombinator.com/item?id=34684761

The Button Cheat Sheet
https://www.buttoncheatsheet.com/
Diskutiert auf HN:
https://news.ycombinator.com/item?id=27276547

Principles for Better Design
https://reflexio.debec.eu/principles-for-better-design
Diskutiert auf HN:
https://news.ycombinator.com/item?id=24388753

How to pick more beautiful colors for your data visualizations – Common color mistakes and how to avoid them
https://blog.datawrapper.de/beautifulcolors/
Diskutiert auf HN:
https://news.ycombinator.com/item?id=24391049

Smarter Link Underlines For Every Website
https://eager.io/blog/smarter-link-underlines/
Diskutiert auf HN:
https://news.ycombinator.com/item?id=8587078

Front-End Handbook – The resources and tools for learning about the practice of front-end development
https://github.com/FrontendMasters/front-end-handbook

Tricks

Glitch effect on text in pure css
https://dustri.org/b/glitch-effect-on-text-in-pure-css.html

Glassmorphism CSS Generator
https://ui.glass/generator/

Designing Beautiful Shadows in CSS
https://www.joshwcomeau.com/css/designing-shadows/

Better Box Shadows
https://web.archive.org/web/20200520041603/https://uglyduck.ca/better-box-shadows/

pattern.css – CSS only library to fill your empty background with beautiful patterns
https://github.com/bansal/pattern.css
Diskutiert auf HN:
https://news.ycombinator.com/item?id=22933697

Magic Effects
https://www.minimamente.com/project/magic/

CSShake – Some CSS classes to move your DOM!
https://github.com/elrumordelaluz/csshake

Hint.css – A pure CSS tooltip library for your lovely websites
https://kushagra.dev/lab/hint/

A collection of CSS3 powered hover effects
https://github.com/IanLunn/Hover

CSS library for Instagram filters
https://github.com/una/CSSgram

All Animation CSS – Set of nice and crazy css animations
https://github.com/all-animation/all-animation

Line Menu Styles – An open collection of menu styles that use the line as a creative design element
https://github.com/codrops/LineMenuStyles

Assets Galleries

*Neu 2024-09-11: CSS Hintergründe
https://css-pattern.com

*Neu 2024-09-11: CSS Formen
https://css-shape.com

*Neu 2024-09-11: CSS Transparente Texturen
https://www.transparenttextures.com
Diskutiert auf HN:
https://news.ycombinator.com/item?id=41490147

Gradient Magic – A Free Gallery of Fantastic and Unique CSS Gradients
https://www.gradientmagic.com/

Open by Design – Free & Open Source Design Assets
http://www.openby.design/

manypixels – Free to use clip art & vector images
https://www.manypixels.co/gallery/

undraw – Illustrations
https://undraw.co/illustrations

VectorStock – Royalty Free Vector Images
https://www.vectorstock.com/

Farben

How to pick more beautiful colors for your data visualizations – Common color mistakes and how to avoid them
Siehe oben

Adobe Color – Farbpalettengenerator und mehr
https://color.adobe.com

Colorbook – Hex to CMYK conversion, color scheme management and a whole lot more
https://www.colorbook.io
Zum Beispiel:
https://www.colorbook.io/hexcolors/view/f07206

Colour Lovers – Share Your Color Ideas & Inspiration.
https://www.colourlovers.com/

Pallete List – Pick 2 colors to generate your palettes
https://www.palettelist.com/

Icons

Heroicons
https://heroicons.dev/

Twitter Bootstrap Icons
https://github.com/twbs/icons

Lucide Icons
https://lucide.dev/

Noun Project
https://thenounproject.com/icons/

ICONSVG – Quick customizable icons for your projects
https://iconsvg.xyz/
Diskutiert auf HN:
https://news.ycombinator.com/item?id=19216428

Weather Icons – Weather Themed Icons and CSS
https://github.com/erikflowers/weather-icons

Material Design icons by Google
https://github.com/google/material-design-icons

Further Readings

spark-joy – 2000+ ways to add design flair, user delight, and whimsy to your product.
https://github.com/sw-yx/spark-joy

Inspire – Collection of frontend dev and web design links
https://github.com/noahbuscher/inspire

A curated list of awesome resources for digital designers.
https://github.com/nicolesaidy/awesome-web-design

Screenlane – The latest mobile UI design inspiration in your inbox every week
https://screenlane.com/

UI Design Daily
https://uidesigndaily.com/

Web Design Museum
https://www.webdesignmuseum.org/
Diskutiert auf HN:
https://news.ycombinator.com/item?id=34675360

Fotografieübungen als Noob – Feedback erbeten

Ich versuche mich ein bisschen mit Fotografie zu beschäftigen. Hier sind 3 Übungen, um aus Schnappschüssen ein „verwertbares“ Bild zu zaubern. Meine Ansprüche sind gering, aber über Feedback bin ich dankbar. (Die Fotos sind unscharf, weil ich sie in der Dämmerung mit einer Kartoffel geschossen habe. Nicht optimal, aber mir bei diesen Bildern egal. Man sagt ja nicht umsonst, die beste Kamera ist die, die man dabei hat.)

Was mir wichtig ist, die Bilder wirken ganz anders, wenn man sie als Thumbnail auf einem Bildschirm betrachtet, oder auf einem großen Bildschirm. Auf dem Handy tue ich mich mit dem Einschätzen von Bildern schwer, weil man zum Beispiel Details auf dunklen Bildern etc. nicht gut erkennen kann. Also am besten, ihr vergrößert die Bilder hier auf das Maximum!

Erstes Bild – Auto & Himmel

Hier ist das erste Originalbild, geschossen mit meinem Handy in der Abenddämmerung.

Originalbild Auto und Himmel

Ich finde vor allem das Motiv interessant und viel zu selten verwendet. Autos und Sonnenuntergang. Hat damit jemand schon mal experimentiert?

Im ersten Versuch hab ich die Farbwerte korrigiert und versucht, das Bild insgesamt dunkler zu bekommen. Wie man sieht, viel zu dunkel, denn in der rechten Seite des Bildes erkennt man gar nichts mehr.

Viel zu dunkel, die Autoreihe rechts erkennt man nicht mehr

Okay, zweiter Versuch, hier erkennt man etwas mehr.

Farbwerte korrigiert

Das ist schon besser. Aber die Idee hinter dem Bild war, den Blinker (Rot & Gelb) dem Himmel (Rot & Gelb) gegenüber zu setzen, dieser erscheint mir jedoch etwas blass. Also die Sättigung aufdrehen.

Gesättigte Farben

Trotzdem wirkt das Bild nicht wirklich. Nach einigem Rumprobieren habe ich mich auf diesen Crop geeinigt. Ich denke, ich bin zufrieden mit dem Ergebnis.

Das finale Ergebnis mit Crop - Auto und Himmel

Zweites Bild – Fenster & Himmel

Die S-Bahn fuhr mal wieder nicht. 🤷 Da hat man genug Zeit willkürliche Orte zu fotografieren. Hier hat mich sowohl der Himmel, als auch die Fenster fasziniert.

Originalbild vom Haus mit Lichtern und interessantem Himmel

Da ist viel gutes Rohmaterial drin, finde ich. Aber ich wusste nicht wirklich, in welche Richtung ich damit will. Das Blau des Himmels ist schön, aber wenn man die Sättigung aufdreht finde ich den Effekt zu krass.

Haus mit schönem Himmel, aber zu gesättigt

Nicht schlecht hingegen finde ich den Eindruck, wenn man stattdessen den Himmel entsättigt. Das nimmt ihm zwar seine schöne blaue Farbe, aber das Gelb der Fenster ist damit mehr betont.

Haus mit graublauen Himmel

Wenn man das weiter spinnt, kommt man bei einem grauen Himmel an, quasi schwarzweiß.

Haus mit schwarzweißem Himmel

Hmm, vielleicht könnte das was werden. Wenn man jetzt im Himmel den Kontrast erhöht, sodass er dunkler wird und man die Wolkenmuster besser erkennen kann, vielleicht wird das Bild dann interessant?

Finales Bild vom Haus mit schwarzweißem Himmel

Das ist jetzt vielleicht nicht das erste Bild, dass mit diesen Tricks arbeitet, aber ich bin ganz zufrieden.

Bild 3 – Hausecke und Bauzäune

Was wäre das Leben nicht ohne einen ordentlichen Bauzaun vor der Haustür? Hier wieder das Originalbild, und diesmal habe ich mich damit echt schwer getan.

Originalbild von einer Hausecke mit Bauzäunen

Ich habe zuerst die Farbwerte korrigiert und mit der Sättigung gespielt. Damit gewinnt man schon viel Stimmung.

Hausecke mit Bauzäunen, gesättigt und Farbwerte korrigiert

Aber es fehlt der Fokus und man weiß nicht so genau, was eigentlich betont werden soll. Ich habe hier nach viel experimentieren mir mit einem Crop weiter geholfen. Da ich den Ausschnitt in einem Verhältnis von ungefährt 21:10 gewählt habe, kommt mir das Bild ein bisschen wie ein Moodshot aus einem Kinofilm vor.

Hausecke mit Bauzäunen, gecroppt auf 21:10

Nach Feedback, dass das Bild zu wuselig ist, gab es den Feinschliff mit einer Vignettierung am unteren Rand, um den Fokus mehr auf die Mitte zu legen. Dabei musste ich aufpassen, da zwei Lichtquellen (Laternen) am Rand stehen. Wenn ich diese zu sehr abdunkle, sieht das merkwürdig aus. Hier also das finale Bild.

Hausecke mit Vignettierung am unteren Rand

Vielleicht erkennt man den Unterschied der letzten zwei Bilder nicht sofort. Im Direktvergleich ist er jedoch wahrzunehmen, vor allen am linken Rand.