Merge pull request #1 from weynandkuijpers/development

initial changes

content/home/index.md

@@ -14,20 +14,17 @@ weight: 1
 
 {% row(margin="header" padding="both") %}
 
-# TITLE {#text-8xl}
+# MyTrunk {#text-8xl}
 
-Lorem ipsum dolor, sit amet consectetur adipisicing elit.<br> Quas, aliquid ab blanditiis omnis odio repellat?
 
-<button>[BUTTON](/)</button>
+My trunk is an idea that a good friend and I had a long time ago. This was at the start of the whole .com boom where everyone that had an idea got millions to execute on it. Many of these initial ideas failed, some of them became the monopolies of today, Google, Facebook and Amazon. We never launched the mytrunk.com domain and this site is an ode to that lost opportunity in which I organize my daily online life.
+
+<button>[Like!](/)</button>
 
 |||
 
-
 ![placeholder](placeholder.jpg#mx-auto)
 
-
-
-
 {% end %}
 
 <br>
@@ -39,7 +36,7 @@ Lorem ipsum dolor, sit amet consectetur adipisicing elit.<br> Quas, aliquid ab b
 
 ![Lorem](placeholder.jpg#medium)
 
-### **TITLE**
+### **SECTION 2.1**
 
 Lorem ipsum dolor, sit amet consectetur adipisicing elit.
 
@@ -47,7 +44,7 @@ Lorem ipsum dolor, sit amet consectetur adipisicing elit.
 
 ![Lorem](placeholder.jpg#medium)
 
-### **TITLE**
+### **SECTION 2.2**
 
 Lorem ipsum dolor, sit amet consectetur adipisicing elit.
 
@@ -55,7 +52,7 @@ Lorem ipsum dolor, sit amet consectetur adipisicing elit.
 
 ![Lorem](placeholder.jpg#medium)
 
-### **TITLE**
+### **SECTION 2.3**
 
 Lorem ipsum dolor, sit amet consectetur adipisicing elit.
 
@@ -72,7 +69,7 @@ Lorem ipsum dolor, sit amet consectetur adipisicing elit.
 
 |||
 
-## YOUR TITLE <br /> HERE
+## SECTION # <br /> HERE
 
 Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quas, aliquid ab blanditiis omnis odio repellat?
 
@@ -88,7 +85,7 @@ Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quas, aliquid ab bland
 
 |||
 
-### **TITLE**
+### **SECTION 4.1**
 
 Lorem ipsum dolor, sit amet consectetur adipisicing elit.Quas, aliquid ab blanditiis omnis odio repellat?
 
@@ -98,7 +95,7 @@ Lorem ipsum dolor, sit amet consectetur adipisicing elit.Quas, aliquid ab blandi
 
 |||
 
-### **TITLE**
+### **SECTION 4.2**
 
 Lorem ipsum dolor, sit amet consectetur adipisicing elit.Quas, aliquid ab blanditiis omnis odio repellat?
 
@@ -112,7 +109,7 @@ Lorem ipsum dolor, sit amet consectetur adipisicing elit.Quas, aliquid ab blandi
 
 |||
 
-### **TITLE**
+### **SECTION 4.3**
 
 Lorem ipsum dolor, sit amet consectetur adipisicing elit.Quas, aliquid ab blanditiis omnis odio repellat?
 
@@ -122,7 +119,7 @@ Lorem ipsum dolor, sit amet consectetur adipisicing elit.Quas, aliquid ab blandi
 
 |||
 
-### **TITLE**
+### **SECTION 4.5**
 
 Lorem ipsum dolor, sit amet consectetur adipisicing elit.Quas, aliquid ab blanditiis omnis odio repellat?
 
@@ -134,7 +131,7 @@ Lorem ipsum dolor, sit amet consectetur adipisicing elit.Quas, aliquid ab blandi
 
 {% row(style="center" margin="narrow" padding="both") %}
 
-## TITLE <br /> HEADER
+## SECTION 5 <br /> HEADER
 
 Lorem ipsum dolor, sit amet consectetur adipisicing elit.Quas, aliquid ab blanditiis omnis odio repellat?
 
@@ -148,7 +145,7 @@ Lorem ipsum dolor, sit amet consectetur adipisicing elit.Quas, aliquid ab blandi
 
 {% row(style="center" margin="narrow" padding="top") %}
 
-## TITLE
+## SECTION 6
 
 Lorem ipsum dolor, sit amet consectetur adipisicing elit
 

public/home/index.html

@@ -137,7 +137,7 @@
 
     <header id="header-container">
         
-        <div class="z-10 bg-white fixed w-screen customize">
+        <div class="z-10 bg-white fixed w-screen max-w-full customize">
             <div class="relative z-50 shadow">
             <div class="mx-auto flex z-50 shadow justify-between items-center pl-6 pr-2 md:pr-0 lg:py-5  md:px-12 py-2 lg:px-20 lg:justify-start lg:space-x-20">
                 <div>
@@ -204,7 +204,7 @@
         <div id="hamburger" class="hidden fixed mt-16 z-20 top-0 inset-x-0 transition transform origin-top-right lg:hidden">
             <div>
                 <div class="shadow-xs h-screen bg-white divide-y-2 divide-gray-50">
-                    <div class="pb-6 sm:px-12 md:px-16 lg:px-20 space-y-6 sm:space-y-8 sm:pb-8 max-h-screen overflow-y-auto">
+                    <div class="pt-6 sm:px-12 md:px-16 lg:px-20 space-y-6 sm:space-y-8 sm:pb-8 max-h-screen overflow-y-auto">
     
                         <nav class="flex flex-col justify-around pb-12">
                         
@@ -317,6 +317,10 @@ Parameters:
 
 
 
+
+
+
+
 <!-- Margins -->
 
 
@@ -354,7 +358,7 @@ Parameters:
 
 
         <div id="" class="relative justify-center flex overflow-hidden  " style="">
-            <div id="" class="relative flex flex-col md:flex md:flex-row flex-wrap max-w-fit overflow-hidden lg:items-center py-8 md:py-8 lg:py-28 mx-12 sm:mx-20 md:mx-28 lg:mx-40 my-10 " style="min-width: -webkit-fill-available; min-width: -moz-available"> 
+            <div id="" class="relative flex flex-col md:flex md:flex-row flex-wrap max-w-fit overflow-hidden lg:items-center py-8 md:py-4 lg:py-28 mx-12 sm:mx-20 md:mx-28 lg:mx-40 my-10 " style="min-width: -webkit-fill-available; min-width: -moz-available"> 
         
          
 
@@ -517,7 +521,7 @@ Parameters:
 
 
         <div id="" class="relative justify-center flex overflow-hidden  " style="">
-            <div id="" class="relative flex flex-col md:flex md:flex-row flex-wrap max-w-fit overflow-hidden lg:items-start py-2 md:py-4 lg:py-28 mx-12 sm:mx-20 md:mx-28 lg:mx-40 text-center items-center mx-auto " style="min-width: -webkit-fill-available; min-width: -moz-available"> 
+            <div id="" class="relative flex flex-col md:flex md:flex-row flex-wrap max-w-fit overflow-hidden lg:items-start py-8 md:py-4 lg:py-28 mx-12 sm:mx-20 md:mx-28 lg:mx-40 text-center items-center mx-auto " style="min-width: -webkit-fill-available; min-width: -moz-available"> 
         
          
 
@@ -694,7 +698,7 @@ Parameters:
 
 
         <div id="" class="relative justify-center flex overflow-hidden  " style="">
-            <div id="" class="relative flex flex-col md:flex md:flex-row flex-wrap max-w-fit overflow-hidden lg:items-center py-2 md:py-4 lg:py-28 mx-12 sm:mx-20 md:mx-28 lg:mx-40 text-center items-center mx-auto " style="min-width: -webkit-fill-available; min-width: -moz-available"> 
+            <div id="" class="relative flex flex-col md:flex md:flex-row flex-wrap max-w-fit overflow-hidden lg:items-center py-8 md:py-4 lg:py-28 mx-12 sm:mx-20 md:mx-28 lg:mx-40 text-center items-center mx-auto " style="min-width: -webkit-fill-available; min-width: -moz-available"> 
         
          
 
@@ -1177,7 +1181,7 @@ Parameters:
 
 
         <div id="" class="relative justify-center flex overflow-hidden  " style="">
-            <div id="" class="relative flex flex-col md:flex md:flex-row flex-wrap max-w-fit overflow-hidden lg:items-center py-2 md:py-4 lg:py-28 mx-12 sm:mx-20 md:mx-28 lg:mx-40 text-center items-center mx-auto " style="min-width: -webkit-fill-available; min-width: -moz-available"> 
+            <div id="" class="relative flex flex-col md:flex md:flex-row flex-wrap max-w-fit overflow-hidden lg:items-center py-8 md:py-4 lg:py-28 mx-12 sm:mx-20 md:mx-28 lg:mx-40 text-center items-center mx-auto " style="min-width: -webkit-fill-available; min-width: -moz-available"> 
         
          
 

public/index.html

@@ -137,7 +137,7 @@
 
     <header id="header-container">
         
-        <div class="z-10 bg-white fixed w-screen customize">
+        <div class="z-10 bg-white fixed w-screen max-w-full customize">
             <div class="relative z-50 shadow">
             <div class="mx-auto flex z-50 shadow justify-between items-center pl-6 pr-2 md:pr-0 lg:py-5  md:px-12 py-2 lg:px-20 lg:justify-start lg:space-x-20">
                 <div>
@@ -204,7 +204,7 @@
         <div id="hamburger" class="hidden fixed mt-16 z-20 top-0 inset-x-0 transition transform origin-top-right lg:hidden">
             <div>
                 <div class="shadow-xs h-screen bg-white divide-y-2 divide-gray-50">
-                    <div class="pb-6 sm:px-12 md:px-16 lg:px-20 space-y-6 sm:space-y-8 sm:pb-8 max-h-screen overflow-y-auto">
+                    <div class="pt-6 sm:px-12 md:px-16 lg:px-20 space-y-6 sm:space-y-8 sm:pb-8 max-h-screen overflow-y-auto">
     
                         <nav class="flex flex-col justify-around pb-12">
                         
@@ -315,6 +315,10 @@ Parameters:
 
 
 
+
+
+
+
 <!-- Margins -->
 
 
@@ -352,7 +356,7 @@ Parameters:
 
 
         <div id="" class="relative justify-center flex overflow-hidden  " style="">
-            <div id="" class="relative flex flex-col md:flex md:flex-row flex-wrap max-w-fit overflow-hidden lg:items-center py-8 md:py-8 lg:py-28 mx-12 sm:mx-20 md:mx-28 lg:mx-40 my-10 " style="min-width: -webkit-fill-available; min-width: -moz-available"> 
+            <div id="" class="relative flex flex-col md:flex md:flex-row flex-wrap max-w-fit overflow-hidden lg:items-center py-8 md:py-4 lg:py-28 mx-12 sm:mx-20 md:mx-28 lg:mx-40 my-10 " style="min-width: -webkit-fill-available; min-width: -moz-available"> 
         
          
 
@@ -515,7 +519,7 @@ Parameters:
 
 
         <div id="" class="relative justify-center flex overflow-hidden  " style="">
-            <div id="" class="relative flex flex-col md:flex md:flex-row flex-wrap max-w-fit overflow-hidden lg:items-start py-2 md:py-4 lg:py-28 mx-12 sm:mx-20 md:mx-28 lg:mx-40 text-center items-center mx-auto " style="min-width: -webkit-fill-available; min-width: -moz-available"> 
+            <div id="" class="relative flex flex-col md:flex md:flex-row flex-wrap max-w-fit overflow-hidden lg:items-start py-8 md:py-4 lg:py-28 mx-12 sm:mx-20 md:mx-28 lg:mx-40 text-center items-center mx-auto " style="min-width: -webkit-fill-available; min-width: -moz-available"> 
         
          
 
@@ -692,7 +696,7 @@ Parameters:
 
 
         <div id="" class="relative justify-center flex overflow-hidden  " style="">
-            <div id="" class="relative flex flex-col md:flex md:flex-row flex-wrap max-w-fit overflow-hidden lg:items-center py-2 md:py-4 lg:py-28 mx-12 sm:mx-20 md:mx-28 lg:mx-40 text-center items-center mx-auto " style="min-width: -webkit-fill-available; min-width: -moz-available"> 
+            <div id="" class="relative flex flex-col md:flex md:flex-row flex-wrap max-w-fit overflow-hidden lg:items-center py-8 md:py-4 lg:py-28 mx-12 sm:mx-20 md:mx-28 lg:mx-40 text-center items-center mx-auto " style="min-width: -webkit-fill-available; min-width: -moz-available"> 
         
          
 
@@ -1175,7 +1179,7 @@ Parameters:
 
 
         <div id="" class="relative justify-center flex overflow-hidden  " style="">
-            <div id="" class="relative flex flex-col md:flex md:flex-row flex-wrap max-w-fit overflow-hidden lg:items-center py-2 md:py-4 lg:py-28 mx-12 sm:mx-20 md:mx-28 lg:mx-40 text-center items-center mx-auto " style="min-width: -webkit-fill-available; min-width: -moz-available"> 
+            <div id="" class="relative flex flex-col md:flex md:flex-row flex-wrap max-w-fit overflow-hidden lg:items-center py-8 md:py-4 lg:py-28 mx-12 sm:mx-20 md:mx-28 lg:mx-40 text-center items-center mx-auto " style="min-width: -webkit-fill-available; min-width: -moz-available"> 
         
          
 

public/page2/index.html

@@ -137,7 +137,7 @@
 
     <header id="header-container">
         
-        <div class="z-10 bg-white fixed w-screen customize">
+        <div class="z-10 bg-white fixed w-screen max-w-full customize">
             <div class="relative z-50 shadow">
             <div class="mx-auto flex z-50 shadow justify-between items-center pl-6 pr-2 md:pr-0 lg:py-5  md:px-12 py-2 lg:px-20 lg:justify-start lg:space-x-20">
                 <div>
@@ -204,7 +204,7 @@
         <div id="hamburger" class="hidden fixed mt-16 z-20 top-0 inset-x-0 transition transform origin-top-right lg:hidden">
             <div>
                 <div class="shadow-xs h-screen bg-white divide-y-2 divide-gray-50">
-                    <div class="pb-6 sm:px-12 md:px-16 lg:px-20 space-y-6 sm:space-y-8 sm:pb-8 max-h-screen overflow-y-auto">
+                    <div class="pt-6 sm:px-12 md:px-16 lg:px-20 space-y-6 sm:space-y-8 sm:pb-8 max-h-screen overflow-y-auto">
     
                         <nav class="flex flex-col justify-around pb-12">
                         
@@ -248,6 +248,7 @@
     <script>mermaid.initialize({startOnLoad:true});</script>
     <div>
         
+            <br>
 <!-- section 1 (co-found) -->
 <!-- row shortcode 
 Shortcode used in markdown for the creation of mobile compatible vertical rows
@@ -362,7 +363,7 @@ Parameters:
 
 
         <div id="" class="relative justify-center flex overflow-hidden  " style="">
-            <div id="" class="relative flex flex-col md:flex md:flex-row flex-wrap max-w-fit overflow-hidden lg:items-center py-2 md:py-4 lg:py-28 mx-12 sm:mx-20 md:mx-28 lg:mx-40 text-center items-center mx-auto " style="min-width: -webkit-fill-available; min-width: -moz-available"> 
+            <div id="" class="relative flex flex-col md:flex md:flex-row flex-wrap max-w-fit overflow-hidden lg:items-center py-8 md:py-4 lg:py-28 mx-12 sm:mx-20 md:mx-28 lg:mx-40 my-10 text-center items-center mx-auto " style="min-width: -webkit-fill-available; min-width: -moz-available"> 
         
          
 

public/page3/index.html

@@ -137,7 +137,7 @@
 
     <header id="header-container">
         
-        <div class="z-10 bg-white fixed w-screen customize">
+        <div class="z-10 bg-white fixed w-screen max-w-full customize">
             <div class="relative z-50 shadow">
             <div class="mx-auto flex z-50 shadow justify-between items-center pl-6 pr-2 md:pr-0 lg:py-5  md:px-12 py-2 lg:px-20 lg:justify-start lg:space-x-20">
                 <div>
@@ -204,7 +204,7 @@
         <div id="hamburger" class="hidden fixed mt-16 z-20 top-0 inset-x-0 transition transform origin-top-right lg:hidden">
             <div>
                 <div class="shadow-xs h-screen bg-white divide-y-2 divide-gray-50">
-                    <div class="pb-6 sm:px-12 md:px-16 lg:px-20 space-y-6 sm:space-y-8 sm:pb-8 max-h-screen overflow-y-auto">
+                    <div class="pt-6 sm:px-12 md:px-16 lg:px-20 space-y-6 sm:space-y-8 sm:pb-8 max-h-screen overflow-y-auto">
     
                         <nav class="flex flex-col justify-around pb-12">
                         
@@ -248,6 +248,7 @@
     <script>mermaid.initialize({startOnLoad:true});</script>
     <div>
         
+            <br>
 <!-- section 1 (co-found) -->
 <!-- row shortcode 
 Shortcode used in markdown for the creation of mobile compatible vertical rows
@@ -372,7 +373,7 @@ Parameters:
 
 
         <div id="" class="relative justify-center flex overflow-hidden  " style="">
-            <div id="" class="relative flex flex-col md:flex md:flex-row flex-wrap max-w-fit overflow-hidden lg:items-center py-2 md:py-4 lg:py-28 mx-12 sm:mx-20 md:mx-28 lg:mx-40 text-center items-center mx-auto " style="min-width: -webkit-fill-available; min-width: -moz-available"> 
+            <div id="" class="relative flex flex-col md:flex md:flex-row flex-wrap max-w-fit overflow-hidden lg:items-center py-8 md:py-4 lg:py-28 mx-12 sm:mx-20 md:mx-28 lg:mx-40 my-10 text-center items-center mx-auto " style="min-width: -webkit-fill-available; min-width: -moz-available">