docs:
h_budget: 0
h_work: 0
x_budget: 0
x_work: 0
cssclasses:
- paper
github_issue: 1010 Preview-Logic (veraltet)
Diese Planung ist verworfen, hat jedoch vor allem in der unteren Hälfte relevante Überlegungen und Ideen. Sie wurde erstellt für Programmierung abseits Nuxt basierend auf Obsidian-HTML-Export
40h: Programmierung DASEi.eu inklusive Theme
- Reste aus Obsidian-HTML-Export
- paper ist ggf. eigenes Theme, pastellig
- Codesandbox-Theme ist Vorlage für Theme DASEi!! alt-rosa durch das CS-violett ersetzen > geht gut mit dem Nano-Grau zusammen > eher peppig-farbiger Auftritt
- Umsetzung DAS Ei
- Aspekte, Features
- Images über Cloudinary, Videos über Vimeo, Content in Obsidian
- Ablauf
- Aspekte, Features
Di., 2. Juli 07:30-11:30
Block 1: Vorbereitungen, Vorbedingungen nur grobes Styling
- 30 Min: Full-Page-Parallax via CSS ganz kurz antesten
- 2.5h: auf Odoo Custom page-templates für Rundmail, Kursanmeldung, Event-Anmeldung erstellen ohne Footer etc., soll responsive sein
- 1h: Access-2-md-yaml-Export-Ablauf vorläufig halbautomatisch: eine Textdatei oder ein Bericht wird exportiert zum direkten Einkopieren des YAML inkl. Cloudinary-Link, Odoo-Iframe-URL, Kursvarianten, dauert in der Umsetzung dann ca. 15 Min. gewissenhaftes Arbeiten (und auch noch einmal bei Odoo)
-
Di. 2.7 - Mi. 3.7
Block 2: Programmierungen rund um Webexport nur grobes Styling
- 6h: die neue Library hantieren + Doppel-Parallax Page-Head + Bottom direkt 3-fach responsive: Mobile - Tablet - Desktop
- 3h: in Programmierung Event-Card + Blog-Card direkt eingreifen wenn zusätzliche Page-Class angegeben sind (in Obsidian nur ungenau)
- 1h: IFrames mit dieser SPEC responsive machen, testen
-
Do, Fr: Design-Prozess in Figma: 2 Tage
Block 3:
- Theme in Obsidian grob finden, skizzenhaft aufsetzen
- als ShadCN-Theme in Figma anlegen von Heikes Vorlagen
Zweite Woche: Umsetzung dasei.eu
- 4h: Page-Layout für Event + Blog + Landing basierend auf CSS
- 4h: Sidenav + Logo
- 4h: Kursverlaufs-Seite programmieren mit Auswahl Kurs-ID (Filterung Dataview) + Generierung Anmeldekonditionen von JSON, das ich per Hand erstelle
- 2h: Standardseiten: Content anlegen (Impressum et al)
- 2h: Erweiterung der Konfiguration via eigene JSON (Plugin-Option): Footer, Sidemenu, Hamburger von JSON laden falls vorhanden
- ... weitere
Tasks and Issues: only in Obsidian + in public repo
- Download repo: https://github.com/theaterpedia/obsidian-webpage-export
Sammlung für Vorgehen PREVIEW: Theme-Preview Theaterpedia + REGIO alpha
4 Themes in Obsidian starten
in einem Vault, in dem lediglich das Theme + Export-Adresse gewechselt werden in 4 Unterordnern 4 Websites starten
4 Website-Adressen via Cloudflare, eine Index-Seite anlegen
zunächst jeweils ohne eigene Unterordner, zunächst stellt jedes Theme eine Auswahl von Features vor
dann zu allen Projekten via Website die css-variablen ausprobieren und dokumentieren, gibt es Gemeinsamkeiten?
atom-basiert > theaterpedia
default-basiert > nathan's theme + regio 1
??-basiert > dasei
??-basiert > Lehrer Lämpel?
diese Obsidian-Themes sind gut
Things-light > ähnlich wie Atom aber mit Styled ...
Prism: Light + dark > sehr gut!!
Border: vor allem light aber auch dark
- Probleme mit DataView
- hat aber: CardView
- ansonsten gutes Theme: Farben und ganz viele Sachen einstellbar > werden im Web dargestellt!!
Shimmering-Focus: dark & light
extrem gut: Farben und ganz viele Sachen einstellbar > werden im Web dargestellt!!
AnuPuccin: dark & light
extrem gut: Farben und ganz viele Sachen einstellbar > werden im Web dargestellt!!
Minimal
extrem gut: Farben und ganz viele Sachen einstellbar > werden im Web dargestellt!!
diese Obsidian-Themes noch untersuchen, ausprobieren
??Primary-Theme
anderes Paper-Theme
?Wasp-dark
Zielsetzung
die jetzige Publishing-Pipeline bis Production bringen, wird vermutlich noch mehrere Jahre gebraucht!!
Konkret:
- Es ist möglich, das Minimal-Theme zu verwenden und für die Crearis-Zwecke zu erweitern!!
- es ist möglich, eigene Sub-Themes für Obsidian-Plugin Minimal-Theme zu entwickeln mit Style-Settings-Imports/Exports
- es ist möglich, die Auswahl der verfügbaren Themes zu manipulieren?
- es ist möglich, die Funktionalität von Minimal-Theme zu erweitern?
- mit dem Entwickler des Webexports in einen guten Kontakt kommen, an dem Projekt mit Detailbeiträgen mitwirken, eine Spende machen
- Theaterpedia-Homepage mit Schwerpunkt Episoden wird via Obsidian + GH im Multiplayer-Modus erstellt, ist für ca. 3 Monate aktiv, dann geordnete Ablösung durch echte Suchmaschine
- im Umfang 30h Hans eigene Programmierungen
- Fonts
- Card-Grid klappt für Events
- Event- und Blog-Post-Header
- ggf. Blog-Listing mit Image?
- im Umfang 30h Hans eigene Programmierungen
- Mockup-Prozess läuft via Publishing
- DASEi-Homepage wird nachgebaut und ausgebaut, neues Theme entsteht
- Excalidraw starten
- Einbindung von Odoo an 2-3 Stellen via Iframe
Development-Prozess rund um webex
- webex in wsl entwickeln, dazu
crearis/obsidian/webex öffnen - main.js erzeugen mit
cd src > yarn build - dann main.js kopieren in
D:/obsidian/obsidian-dev/.obsidian/plugins/html-export ..
Vorgehen
Teil 1: Obsidian-Setup ausgehend von Minimal-Theme strukturiert aufbauen, das Vorgehen dokumentieren
erste Runde: Setup, erste Experimente und Grundlagen
-
Vault kopieren und reduzieren (zweiten offen haben) - mit oder ohne GH?
-
Minimal Theme aktivieren > Ausgangs-Themes auswählen und ein paar Werte einsammeln
- Standard Dark-and-Light
- Paper für Spec
- Blog-Post + Event-Single-Page
- Dreispalten-Layout nebenbei schon irgendwo??
-
Hauptexperiment: Minimal-Publishing
- 6-10 Helper-Classes auswählen, die ich 'missbrauchen' könnte und 6-10 Test-Seiten anlegen, auch mehrere Dataview-Grids und Images, Tasks
- CSS Edit Plugin installieren > 2-3 Helper-Classes duplizieren und via CSS Edit als Snippet einrichten
- Embedding Note-in-Note ausprobieren
- weitere Testseiten einrichten, die den Snippet-Code verwenden
- BRAT installieren
- Webexport 1.8.1 via Brat 'fixieren'
- Publishing ausprobieren und einrichten:
- Cloudflare Testinstanz einrichten
- Minimal Themes
- Helper Classes
- entscheiden, was einfach so funktioniert, was vermutlich via CSS-Header in Publishing hinzubekommen ist
-
Basis-Erscheinung anpassen
- am besten einfach ein eigenes Theme starten, alles Inline machen und kommentieren
- Codesandbox reaktivieren
- ggf. ohne Line-Numbering, mgl. mit Farb-Balken
- PDF-Export testen
- Publishing testen
-
Next Actions einrichten
zweite Runde: Vault für Karel und Co vorbereiten
- HelpMate installieren und knapp damit arbeiten lernen
- Step-By-Step-Tutorial mit BRAT und HelpMate starten (erste 3-4 Schritte: Obsidian-Installation, GH-Installation, BRAT aktivieren), via Webexport als Canvas publizieren
dritte Runde: Experimente und Entscheidungen
- Line-Numbering, Code-Sandbox-Decoration?
- Javalent markdown-Attributes verwenden?
- Blog-Header-Image, Event-Header-Image?
- Parallax-Scrolling in Obsidian + Publish?
- Publishing verbessern mit
- Canvas Candy
- Grid-Images
- Dataview-2-Cards soll Events und Blog-Header anzeigen
- Dataview-Publishing verstehen
- mgl. Iconized Task-Lists
- Templater verwenden
vierte Runde: Obsidian-Formatierungs-Standards
- nur ein H1
- H5 hat spezielle Funktionen
Hans entwickelt Grundstruktur, teilweise mit Hilfe von Muris
- Obsidian-Theme
- Obsidian-Event- + Events-Plugin
- Obsidian-Auth-on-Theaterpedia (via Pruvious)
- Obsidian-Register-Entity-Metadata
- via Pruvious oder Odoo?
- vermutlich via Odoo, um direkt Multi-Company-Ansätze zu ermöglichen
- Method:
get_SyncID, make it available