vault backup: 2025-01-19 21:14:51

7 files changed, 57 insertions, 0 deletions

diff --git a/1 Projects/Trouwen/Invitation/Align items.md b/1 Projects/Trouwen/Invitation/Align items.md
new file mode 100644
index 0000000..7febeeb
--- /dev/null
+++ b/1 Projects/Trouwen/Invitation/Align items.md
@@ -0,0 +1,4 @@
+https://developer.mozilla.org/en-US/docs/Web/CSS/align-items
+
+Use `align-items` to align items on the cross-axis in flexbox. If grid layout is used items are aligned
+on the block axis within their grid area.
diff --git a/1 Projects/Trouwen/Invitation/Flex layout.md b/1 Projects/Trouwen/Invitation/Flex layout.md
new file mode 100644
index 0000000..22008e5
--- /dev/null
+++ b/1 Projects/Trouwen/Invitation/Flex layout.md
@@ -0,0 +1,4 @@
+The flexbox layout is a single axis layout that makes it easy to layout content on a given axis.
+
+`flex-direction: column;` sets Y as the main axis, and X as the cross axis.
+`flex-direction: row;` sets X as the main axis, and Y as the cross axis.
diff --git a/1 Projects/Trouwen/Invitation/Idea to create a photo gallery.md b/1 Projects/Trouwen/Invitation/Idea to create a photo gallery.md
new file mode 100644
index 0000000..2a62b6f
--- /dev/null
+++ b/1 Projects/Trouwen/Invitation/Idea to create a photo gallery.md
@@ -0,0 +1,8 @@
+#wedding #html #web-development  
+
+
+---
+onclick handler on all photo's:
+receive list of all siblings, use it for going to neighbor
+duplicate clicked element and from there scale it up with quick animation, make sure z-index is correct.
+add arrows for navigating to neighboring images etc.
\ No newline at end of file
diff --git a/1 Projects/Trouwen/Invitation/Mobile first design and development.md b/1 Projects/Trouwen/Invitation/Mobile first design and development.md
new file mode 100644
index 0000000..17bc7da
--- /dev/null
+++ b/1 Projects/Trouwen/Invitation/Mobile first design and development.md
@@ -0,0 +1,8 @@
+---
+tags:
+  - html
+  - css
+  - web-development
+---
+While working on the weddding invitation I found that it is much easier to
+build it for mobile first after remembering this paradigm sudenly.
\ No newline at end of file
diff --git a/1 Projects/Trouwen/Invitation/TODO.md b/1 Projects/Trouwen/Invitation/TODO.md
new file mode 100644
index 0000000..a6008ab
--- /dev/null
+++ b/1 Projects/Trouwen/Invitation/TODO.md
@@ -0,0 +1,13 @@
+#wedding #todo 
+
+
+---
+
+* [ ] figure out how to create cool timeline vertical
+* [ ] Download / buy the song (Shania Twain - You're Still the One)
+* [ ] Add song to pages
+* [ ] Add content to timeline
+* [ ] Implement RSVP
+* [ ] Implement countdown
+* [ ] Work on correct layout
+* [ ] Change font / theme / style
diff --git a/1 Projects/Trouwen/Invitation/We need a domain name.md b/1 Projects/Trouwen/Invitation/We need a domain name.md
new file mode 100644
index 0000000..85ec404
--- /dev/null
+++ b/1 Projects/Trouwen/Invitation/We need a domain name.md
@@ -0,0 +1,3 @@
+#wedding 
+
+jasper-maria.getting-married.com
\ No newline at end of file
diff --git a/1 Projects/Trouwen/Invitation/Zola.md b/1 Projects/Trouwen/Invitation/Zola.md
new file mode 100644
index 0000000..1059a9b
--- /dev/null
+++ b/1 Projects/Trouwen/Invitation/Zola.md
@@ -0,0 +1,17 @@
+#cms #zola #static-site #wedding
+
+
+---
+# Pages
+Definition: any MD file in content dir except `_index.md`.
+if `index.md` -> page == container dirname, `_index.md` = section
+prefix filename with `Y-m-d_ or -`  the prefix date would be stripped.
+
+Why would we create a page using a directory and an index.md, rather than just an pagename.md?
+It allows `asset colocation` which enables relative referencing.
+
+output paths defined by either: [[slug]] frontmatter key or pagename.
+
+# Shortcodes
+templates/shortcodes/shortcode.html: can be accessed via Markdown {{ shortcode() }}
+useful for escaping the bounds of Markdown and creating more complex stuff that's reusable throughout pages.