fix(style): fix bio center alignment

This commit is contained in:
George Cushen 2024-06-02 14:33:45 +01:00
commit f726390527
3 changed files with 39 additions and 42 deletions

View file

@ -53,18 +53,18 @@
font-size: 0.9rem; font-size: 0.9rem;
} }
/*.ul-edu {*/ /* .ul-edu { */
/* list-style: none;*/ /* list-style: none; */
/* }*/ /* } */
/* .ul-edu li {*/ /* .ul-edu li { */
/* position: relative;*/ /* position: relative; */
/* padding: 0 15px 4px 3px;*/ /* padding: 0 15px 4px 3px; */
/* }*/ /* } */
/* .ul-edu li .description p {*/ /* .ul-edu li .description p { */
/* margin: 0;*/ /* margin: 0; */
/* }*/ /* } */
.ul-edu li .description p.course { .ul-edu li .description p.course {
font-size: 0.9rem; font-size: 0.9rem;
@ -80,15 +80,15 @@
font-size: 1.5rem; font-size: 1.5rem;
} }
.dark .portrait-title h3 { /* .dark .portrait-title h3 { */
color: rgb(255 255 255 / 90%); /* color: rgb(255 255 255 / 90%); */
font-weight: bold; /* font-weight: bold; */
} /* } */
.dark .portrait-title h2 { /* .dark .portrait-title h2 { */
color: #fff; /* color: #fff; */
font-weight: bold; /* font-weight: bold; */
} /* } */
.bio-text { .bio-text {
max-width: 680px; max-width: 680px;

File diff suppressed because one or more lines are too long

View file

@ -35,7 +35,7 @@
{{ end }} {{ end }}
{{ 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 }} {{ if $avatar }}
<div class="avatar-wrapper {{ if $img }}-mt-[105px]{{else}}mt-10{{end}}"> <div class="avatar-wrapper {{ if $img }}-mt-[105px]{{else}}mt-10{{end}}">
@ -46,30 +46,27 @@
</div> </div>
{{ end }} {{ end }}
<div class="portrait-title dark:text-white"> <div class="text-3xl font-bold mb-2 mt-6">
{{- if $person.name_pronunciation -}}
<div class="text-3xl font-bold mb-2 mt-6"> <ruby>
{{- if $person.name_pronunciation -}} <rb>{{ $person_page.Title }}</rb>
<ruby> <rt>{{ $person.name_pronunciation }}</rt>
<rb>{{ $person_page.Title }}</rb> </ruby>
<rt>{{ $person.name_pronunciation }}</rt> {{- else -}}
</ruby> {{- $person_page.Title -}}
{{- else -}} {{- end -}}
{{- $person_page.Title -}}
{{- end -}}
</div>
{{ 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 }}
</div> </div>
{{ 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 }}
<ul class="network-icon dark:text-zinc-100"> <ul class="network-icon dark:text-zinc-100">
{{ range $person.profiles }} {{ range $person.profiles }}
{{ $pack := or .icon_pack "fas" }} {{ $pack := or .icon_pack "fas" }}