fix(style): fix bio center alignment

HugoBlox · Jun 2, 2024 · f726390 · f726390
1 parent f78044d
commit f726390
Show file tree

Hide file tree

Showing 3 changed files with 37 additions and 40 deletions.
diff --git a/modules/blox-tailwind/assets/css/blox/biography.css b/modules/blox-tailwind/assets/css/blox/biography.css
@@ -53,18 +53,18 @@
     font-size: 0.9rem;
   }
 
- /*.ul-edu {*/
- /*   list-style: none;*/
- /* }*/
+ /* .ul-edu { */
+ /*   list-style: none; */
+ /* } */
 
- /* .ul-edu li {*/
- /*   position: relative;*/
- /*   padding: 0 15px 4px 3px;*/
- /* }*/
+ /* .ul-edu li { */
+ /*   position: relative; */
+ /*   padding: 0 15px 4px 3px; */
+ /* } */
 
- /* .ul-edu li .description p {*/
- /*   margin: 0;*/
- /* }*/
+ /* .ul-edu li .description p { */
+ /*   margin: 0; */
+ /* } */
 
   .ul-edu li .description p.course {
     font-size: 0.9rem;
@@ -80,15 +80,15 @@
     font-size: 1.5rem;
   }
 
-  .dark .portrait-title h3 {
-    color: rgb(255 255 255 / 90%);
-    font-weight: bold;
-  }
+  /* .dark .portrait-title h3 { */
+  /*  color: rgb(255 255 255 / 90%); */
+  /*  font-weight: bold; */
+  /* } */
 
-  .dark .portrait-title h2 {
-    color: #fff;
-    font-weight: bold;
-  }
+  /* .dark .portrait-title h2 { */
+  /*  color: #fff; */
+  /*  font-weight: bold; */
+  /* } */
 
   .bio-text {
     max-width: 680px;

diff --git a/modules/blox-tailwind/assets/dist/wc.min.css b/modules/blox-tailwind/assets/dist/wc.min.css
diff --git a/modules/blox-tailwind/layouts/partials/blox/resume-biography.html b/modules/blox-tailwind/layouts/partials/blox/resume-biography.html
@@ -35,7 +35,7 @@
 {{ end }}
 {{ end }}
 
-<div id="profile" class="resume-biography flex justify-center items-center flex-col">
+<div id="profile" class="resume-biography flex justify-center items-center flex-col dark:text-white">
   {{ if $avatar }}
 
   <div class="avatar-wrapper {{ if $img }}-mt-[105px]{{else}}mt-10{{end}}">
@@ -46,29 +46,26 @@
   </div>
   {{ end }}
 
-  <div class="portrait-title dark:text-white">
-
-    <div class="text-3xl font-bold mb-2 mt-6">
-      {{- if $person.name_pronunciation -}}
-        <ruby>
-          <rb>{{ $person_page.Title }}</rb>
-          <rt>{{ $person.name_pronunciation }}</rt>
-        </ruby>
-      {{- else -}}
-        {{- $person_page.Title -}}
-      {{- end -}}
-    </div>
+  <div class="text-3xl font-bold mb-2 mt-6">
+    {{- if $person.name_pronunciation -}}
+      <ruby>
+        <rb>{{ $person_page.Title }}</rb>
+        <rt>{{ $person.name_pronunciation }}</rt>
+      </ruby>
+    {{- else -}}
+      {{- $person_page.Title -}}
+    {{- end -}}
+  </div>
 
-    {{ with $person.role }}<h3 class="font-semibold mb-1">{{ . | markdownify | emojify }}</h3>{{ end }}
+  {{ with $person.role }}<h3 class="font-semibold mb-1">{{ . | markdownify | emojify }}</h3>{{ end }}
 
-    {{ range $person.organizations }}
-    <div class="mb-2">
-      {{ with .url }}<a href="{{ . }}" target="_blank" rel="noopener">{{ end }}
-      <div>{{ .name }}</div>
-      {{ if .url }}</a>{{ end }}
-    </div>
-    {{ end }}
+  {{ range $person.organizations }}
+  <div class="mb-2">
+    {{ with .url }}<a href="{{ . }}" target="_blank" rel="noopener">{{ end }}
+    <div>{{ .name }}</div>
+    {{ if .url }}</a>{{ end }}
   </div>
+  {{ end }}
 
   <ul class="network-icon dark:text-zinc-100">
     {{ range $person.profiles }}