Improve header

resources/public/css/style.css

@@ -692,7 +692,6 @@ footer .contact-icons img {
     margin: 1rem;
     padding: 1rem;
     flex-grow: 1;
-    text-align: justify;
     border-style: solid;
     border-width: 1px;
     border-color: var(--border-primary-color);
@@ -705,13 +704,13 @@ footer .contact-icons img {
         flex-basis: 100%;
         margin: 0;
         padding: 1rem;
-        text-align: justify;
         border-style: solid none;
         transition: 0.3s;
     }
 }
 
-.post {
+.post p,
+.vignette-container p {
     text-align: justify;
 }
 

src/loicb/client/core/dom/header.cljs

@@ -9,6 +9,19 @@
   [:a {:on-click #(rf/dispatch [:evt.app/toggle-theme])}
    text])
 
+(defn tags
+  []
+  [:div.tags
+   (for [tag ["🛠️ Staff SE"
+              "📍 Singapore"
+              "🎫 Pass: EP"
+              "💻 5+ years of experience"
+              "🎓 Master in CS"
+              "🇫🇷 French Citizen"]]
+     [:div.tag
+      {:key (str "tag-" tag)}
+      tag])])
+
 (defn navbar-content-browser []
   [:nav.browser
    {:id "browser-nav" :class "browser-only"}
@@ -85,7 +98,7 @@
       [svg/menu]])
    [:div.name
     [:h2 "Loïc Blanchard"]
-    (when nav-open? [:h3 "Software Engineer in Functional Programming (Clojure) 📍 Singapore"])]
+    (when nav-open? [tags])]
    (when-not home-page?
      [:button.nav-btn.hidden
       {:on-click #(rf/dispatch [:evt.app/toggle-theme])}
@@ -111,7 +124,7 @@
      [:div.name
       {:class "mobile-only"}
       [:h2 "Loïc Blanchard"]
-      [:h3 "Software Engineer in Functional Programming (Clojure) 📍 Singapore"]])])
+      [tags]])])
 
 (defn header-comp []
   (let [nav-open? @(rf/subscribe [:subs/pattern '{:nav.main/open? ?x}])

src/loicb/client/core/md.cljs

@@ -4,4 +4,3 @@
 (def posts
   "Read posts config and content from the md files"
   (macro/load-posts-macro))
-