Re-add Experience page

assets/js/components/Navbar.vue

@@ -56,6 +56,11 @@
             href: '/talks',
             pattern: '^/talks/?',
           },
+          {
+            title: 'Experience',
+            href: '/experience',
+            pattern: '^/experience/?',
+          },
           {
             title: 'Blog',
             href: '/blog',

source/experience.html.twig

@@ -115,13 +115,8 @@ experiences:
         {% for experience in page.experiences|reverse %}
             {% set company = site.companies[experience.company] %}
 
-            <div class="mb-12">
-                {% if company.logo %}
-                    <div class="float-right mt-2 mb-4 ml-4 w-16 sm:w-24 lg:w-32">
-                        <img src="/images/experience/{{ company.logo }}" alt="{{ company.name }} logo">
-                    </div>
-                {% endif %}
-
+            <div class="mb-16">
+                <div class="flex flex-row justify-between">
                     <div>
                         <h2 class="mb-0">{{ company.name }}</h2>
 
@@ -144,6 +139,13 @@ experiences:
                             </div>
                         {% endif %}
                     </div>
+
+                    {% if company.logo %}
+                        <div class="flex-none mt-2 mb-4 ml-4 w-16 sm:w-24 lg:w-32">
+                            <img src="/images/experience/{{ company.logo }}" alt="{{ company.name }} logo">
+                        </div>
+                    {% endif %}
+                </div>
             </div>
         {% endfor %}
     </div>