16 Juni 2024

Keine Treffer für 16 Juni 2024, oder vielleicht doch?

Retextured

Rimworld Orbital Trade Beacon (128x128)

Textures\Things\Building\Misc\DropBeacon.png

Sora

Was ChatGPT für Text, DALL·E 3 für Bilder, ist Sora für Videos.

Das neue KI-Modell von OpenAI kann mit nur wenig Text (Prompt) Videos von bis zu einer Minute in Full-HD erstellen und wie diese jetzt schon aussehen, kann man sich auf https://openai.com/sora ansehen.

HTTP Statuscodes

OL reversed

Zählrichtung umkehren mit <ol reversed>. Listenmarker in Rot mit ::marker.

/* css */
ol[reversed]>li::marker { color: red; }
ol[reversed]>li>span { margin-left: .5rem; }

Ein "margin" zwischen Marker und Listenpunkt bekomme ich leider nur mit einem <span> hin, ohne den CSS Code unnötig aufzublähen. Kann man machen, solange der Listenpunkt auch nur aus einem Einzeiler besteht.

Zeiterfassung

Mit Vanilla PHP und Legacy Code die SQLite Datenbank befragt und die sagt:

Javascript - history

<!-- html -->
<a href="javascript:history.back()">Zurück</a>
<a href="javascript:history.forward()">Vor</a>

Zurück Vor | Zurück Vor | ◁ ▷

Video aus der Box

Ein Video aus meiner Dropbox hier direkt via <video> eingebunden.

Das Video startet automatisch (autoplay) läuft in einer Schleife (loop), der Ton ist (muted) kann aber über die (controls) zugeschaltet werden.

display: table

/* css */
display: table  /* <table> */
display: table-row /* <tr> */
display: table-cell /* <td> */
display: table-column /* <col> */
display: table-column-group /* <colgroup> */
display: table-footer-group /* <tfoot> */
display: table-header-group /* <thead> */

Font Awesome Unicode

Den Unicode für das ? (X) Icon bekommen wir so: e61b, dem muss noch ein &#x vorangestellt werden und kann dann z.b. so verwendet werden.

<!-- html -->
<i icon="&#xe61b;"></i>

Damit das so auch funktioniert, kommt noch dieser Snippet in die CSS Datei:

/* css */
[icon]:after {
  content: attr(icon);
  font-family: 'FontAwesome'; 
}