From 9642cd7ae24f0ba79ce5647c709b35ae8f06a285 Mon Sep 17 00:00:00 2001 From: Jasper Ras Date: Sun, 19 Jan 2025 21:14:51 +0100 Subject: vault backup: 2025-01-19 21:14:51 --- 1 Projects/Trouwen/Best man.md | 3 +++ 1 Projects/Trouwen/Invitation/Align items.md | 4 ++++ 1 Projects/Trouwen/Invitation/Flex layout.md | 4 ++++ .../Invitation/Idea to create a photo gallery.md | 8 ++++++++ .../Invitation/Mobile first design and development.md | 8 ++++++++ 1 Projects/Trouwen/Invitation/TODO.md | 13 +++++++++++++ 1 Projects/Trouwen/Invitation/We need a domain name.md | 3 +++ 1 Projects/Trouwen/Invitation/Zola.md | 17 +++++++++++++++++ 1 Projects/Trouwen/Kosten.md | 2 ++ 1 Projects/Trouwen/Moodboard.md | 4 ++++ 1 Projects/Trouwen/Trouw auto.md | 1 + 11 files changed, 67 insertions(+) create mode 100644 1 Projects/Trouwen/Best man.md create mode 100644 1 Projects/Trouwen/Invitation/Align items.md create mode 100644 1 Projects/Trouwen/Invitation/Flex layout.md create mode 100644 1 Projects/Trouwen/Invitation/Idea to create a photo gallery.md create mode 100644 1 Projects/Trouwen/Invitation/Mobile first design and development.md create mode 100644 1 Projects/Trouwen/Invitation/TODO.md create mode 100644 1 Projects/Trouwen/Invitation/We need a domain name.md create mode 100644 1 Projects/Trouwen/Invitation/Zola.md create mode 100644 1 Projects/Trouwen/Kosten.md create mode 100644 1 Projects/Trouwen/Moodboard.md create mode 100644 1 Projects/Trouwen/Trouw auto.md (limited to '1 Projects/Trouwen') diff --git a/1 Projects/Trouwen/Best man.md b/1 Projects/Trouwen/Best man.md new file mode 100644 index 0000000..3bec8df --- /dev/null +++ b/1 Projects/Trouwen/Best man.md @@ -0,0 +1,3 @@ +tba wouter vragen + +Uitzoeken wat het inhoud \ No newline at end of file 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. diff --git a/1 Projects/Trouwen/Kosten.md b/1 Projects/Trouwen/Kosten.md new file mode 100644 index 0000000..4fc576f --- /dev/null +++ b/1 Projects/Trouwen/Kosten.md @@ -0,0 +1,2 @@ +Krelis 7500 +Fotograaf 1930 \ No newline at end of file diff --git a/1 Projects/Trouwen/Moodboard.md b/1 Projects/Trouwen/Moodboard.md new file mode 100644 index 0000000..d5d6cb7 --- /dev/null +++ b/1 Projects/Trouwen/Moodboard.md @@ -0,0 +1,4 @@ +#wedding + + +![[screenshot_wedding.png]] \ No newline at end of file diff --git a/1 Projects/Trouwen/Trouw auto.md b/1 Projects/Trouwen/Trouw auto.md new file mode 100644 index 0000000..e97cab3 --- /dev/null +++ b/1 Projects/Trouwen/Trouw auto.md @@ -0,0 +1 @@ +https://www.jouwtrouwauto.nl/trouwautos/ford-mustang-cabrio-roomwit/ \ No newline at end of file -- cgit v1.2.3