jensgro / css-weblog Goto Github PK

Es gibt doch bestimmt pfiffige SVG-Shortcodes....

• Neu schreiben
• Quellenangaben
• Weiterführende Links

Zwei oder drei Alternativschriften sollten noch drin sein.
Eventuell brauche ich auch für Headlines eine andere Schrift, als für Fließtext.

Ist der Codepen-Shortcode gut? Wird nur einmal das JS eingebunden?

Hin und wieder möchte ich CanIUse-Infos zu Techniken ausgeben können.

Besonders interesant ist die Implementierung von Chris Burnell. Damit könnte ich auch eine selbstgezimmerte Übersicht über die mir wichtigen Features erstellen.

Aber da sein Aufbau so komplett anders ist als meiner, ist der erste Versuch gescheitert.

Lowest prio

Sicherstellen, dass der RSS-Feed korrekt ausgegeben wird.

Kann ich einen Screenshot der Seite per 11ty erstellen lassen und einbinden?
Oder besser ein Playwright-Skript?

Wie soll die Navigation aussehen?

• Burger?
• Seite oder top?

Für irgendwas kann man doch immer Icons gebrauchen.
Mal das Bootstrap-Set anschauen.
Egal welches: ausdünnen und ein Sprite erstellen

Es gibt mindestens ein Plugin, das eine Art Mini-Codepen realisiert. Für schnelle, kleine Demos wäre das sehr gut geeignet. Links zu Codepens wären dann als Ergänzung noch möglich.

Sicherstellen, dass wirklich alle relevanten Werte in CSS-Variablen stecken.
Relevant sind dabei aber im Wesentlichen die Farben, die durch einen Darkmode betroffen sind.

Soll ich ein Inhaltsverzeichnis für längere Artikel ermöglichen?

• Mit einem JS?
• Mittels VSCode und dessen Markdown-Extension? Das erstellte inhaltsverzeichnis wäre dann immer manuell zu pflegen.
• Gibt es ein 11ty-Plugin dafür?

Das Inhaltsverzeichnis muss auch noch gut ausgezeichnet werden. In ein Aside?

Wie gehe ich mit Daten um?

• Werden die immer ausgegeben?
• Das Erstellungsdatum immer?
• Nur das letzte Datum?
• Kann man das auf Dateiebene regeln?

Grundsätzlich ist eine Information über das Alter eines Dokumentes ja meist durchaus sinnvoll.

Die als Sprungmarken verlinkten Headlines sollten ein Icon neben sich haben und keinen Unterstrich.

Kann ich IMMER gebrauchen. Sollte einfach zu pflegen sein. Am Besten mit Markdown. Da ich fast alle meine Links in Markdown sammele.

Sollte mit einem Block gut funktionieren.

Evtl. auch zwei Versionen des gleichen Moduls: eines für Markdown, eines für JSON?

Übersicht alle meiner Codepen als Linkliste (ohne Bilder genauso testen wie mit Bildern).

Headlines müssen dann evtl. noch nachgezogen werden.

Kann man evtl. Codeausschnitte in ein Bild verwandeln?