tiennm99/HugoBlox-kit
1
0 Fork 0
mirror of https://github.com/tiennm99/HugoBlox-kit.git synced 2026-10-12 16:15:12 +00:00
Code Issues Packages Projects Releases Wiki Activity

style: fix accessibility

Browse Source
This commit is contained in:
George Cushen committed 2023-11-13 20:25:41 +00:00
1 parent 4ffeaab47c
commit ebaf14037b
5 files changed
+20 -20
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

modules/blox-tailwind/assets/css/blox/skills.css
+6 -6
View File
@@ -21,22 +21,22 @@
.skills-name {
margin-bottom: 6px;
color: #888;
font-size: 0.8rem;
/*color: #888;*/ /* Inaccessible */
font-size: 1rem;
letter-spacing: 1px;
text-transform: uppercase;
}
/*.dark .skills-name {*/
/* color: #eee;*/
/*}*/
.skills-description {
margin-bottom: 6px;
font-size: 0.7rem;
text-transform: none;
}
.dark .skills-name {
color: #eee;
}
.skills-icon {
margin-right: 0.5em;
}
modules/blox-tailwind/assets/js/katex-config.js
+1 -1
View File
@@ -1,5 +1,5 @@
document.addEventListener("DOMContentLoaded", function () {
renderMathInElement(document.body, {
window.renderMathInElement(document.body, {
delimiters: [
{ left: "$$", right: "$$", display: true },
{ left: "$", right: "$", display: false },
modules/blox-tailwind/layouts/partials/blox/experience.html
+11 -11
View File
@@ -24,7 +24,7 @@
<!-- </article>-->
<!-- Need Gap >= 3 when flex-row due to negative margin on cols (-start-3) -->
<div class="flex flex-col lg:flex-row lg:gap-x-6 w-100">
<div class="flex flex-col lg:flex-row lg:gap-x-6 w-100 px-6 sm:px-0">
{{ if $person.work }}
<div class="w-full lg:w-1/2">
@@ -38,8 +38,8 @@
<h3 class="flex items-center mb-1 text-lg font-semibold text-gray-900 dark:text-white text-wrap">{{.position}}
<!-- <span class="bg-blue-100 text-blue-800 text-sm font-medium me-2 px-2.5 py-0.5 rounded dark:bg-blue-900 dark:text-blue-300 ms-3">Latest</span>-->
</h3>
<span class="block mb-2 text-sm font-normal leading-none text-gray-400 dark:text-gray-500">{{.company_name}}</span>
<time class="block mb-2 text-sm font-normal leading-none text-gray-400 dark:text-gray-500">
<span class="block mb-2 text-sm font-normal leading-none text-gray-500 dark:text-gray-300">{{.company_name}}</span>
<time class="block mb-2 text-sm font-normal leading-none text-gray-500 dark:text-gray-300">
{{ if .date_start}}
{{ (time .date_start) | time.Format ($block.design.date_format | default "January 2006") }} –
{{ end }}
@@ -49,13 +49,13 @@
{{ i18n "present" | default "Present" }}
{{end}}
</time>
<div class="mb-4 text-base font-normal text-gray-500 dark:text-gray-400 text-wrap list-disc">{{.summary | $page.RenderString}}</div>
<div class="mb-4 text-base font-normal text-gray-500 dark:text-gray-300 text-wrap list-disc">{{.summary | $page.RenderString}}</div>
{{ with $block.content.button }}
<a href="#" class="inline-flex items-center px-4 py-2 text-sm font-medium text-gray-900 bg-white border border-gray-200 rounded-lg hover:bg-gray-100 hover:text-blue-700 focus:z-10 focus:ring-4 focus:outline-none focus:ring-gray-200 focus:text-blue-700 dark:bg-gray-800 dark:text-gray-400 dark:border-gray-600 dark:hover:text-white dark:hover:bg-gray-700 dark:focus:ring-gray-700"><svg class="w-3.5 h-3.5 me-2.5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20">
{{ with .button }}
<a href="{{.url}}" target="_blank" rel="noopener" class="inline-flex items-center px-4 py-2 text-sm font-medium text-gray-900 bg-white border border-gray-200 rounded-lg hover:bg-gray-100 hover:text-blue-700 focus:z-10 focus:ring-4 focus:outline-none focus:ring-gray-200 focus:text-blue-700 dark:bg-gray-800 dark:text-gray-300 dark:border-gray-600 dark:hover:text-white dark:hover:bg-gray-700 dark:focus:ring-gray-700"><svg class="w-3.5 h-3.5 me-2.5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20">
<path d="M14.707 7.793a1 1 0 0 0-1.414 0L11 10.086V1.5a1 1 0 0 0-2 0v8.586L6.707 7.793a1 1 0 1 0-1.414 1.414l4 4a1 1 0 0 0 1.416 0l4-4a1 1 0 0 0-.002-1.414Z"/>
<path d="M18 12h-2.55l-2.975 2.975a3.5 3.5 0 0 1-4.95 0L4.55 12H2a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2Zm-3 5a1 1 0 1 1 0-2 1 1 0 0 1 0 2Z"/>
</svg> Download ZIP</a>
</svg> {{.label}}</a>
{{ end }}
</li>
@@ -77,8 +77,8 @@
<h3 class="flex items-center mb-1 text-lg font-semibold text-gray-900 dark:text-white">{{.area}}
<!-- <span class="bg-blue-100 text-blue-800 text-sm font-medium me-2 px-2.5 py-0.5 rounded dark:bg-blue-900 dark:text-blue-300 ms-3">Latest</span>-->
</h3>
<span class="block mb-2 text-sm font-normal leading-none text-gray-400 dark:text-gray-500">{{.institution}}</span>
<time class="block mb-2 text-sm font-normal leading-none text-gray-400 dark:text-gray-500">
<span class="block mb-2 text-sm font-normal leading-none text-gray-500 dark:text-gray-300">{{.institution}}</span>
<time class="block mb-2 text-sm font-normal leading-none text-gray-500 dark:text-gray-300">
{{ if .date_start }}
{{ (time .date_start) | time.Format ($block.design.date_format | default "January 2006") }} –
{{ end }}
@@ -88,10 +88,10 @@
{{ i18n "present" | default "Present" }}
{{end}}
</time>
<div class="mb-4 text-base font-normal text-gray-500 dark:text-gray-400 list-disc">{{.summary | $page.RenderString}}</div>
<div class="mb-4 text-base font-normal text-gray-500 dark:text-gray-300 list-disc">{{.summary | $page.RenderString}}</div>
{{ with .button }}
<a href="{{.url}}" target="_blank" rel="noopener" class="inline-flex items-center px-4 py-2 text-sm font-medium text-gray-900 bg-white border border-gray-200 rounded-lg hover:bg-gray-100 hover:text-blue-700 focus:z-10 focus:ring-4 focus:outline-none focus:ring-gray-200 focus:text-blue-700 dark:bg-gray-800 dark:text-gray-400 dark:border-gray-600 dark:hover:text-white dark:hover:bg-gray-700 dark:focus:ring-gray-700"><svg class="w-3.5 h-3.5 me-2.5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20">
<a href="{{.url}}" target="_blank" rel="noopener" class="inline-flex items-center px-4 py-2 text-sm font-medium text-gray-900 bg-white border border-gray-200 rounded-lg hover:bg-gray-100 hover:text-blue-700 focus:z-10 focus:ring-4 focus:outline-none focus:ring-gray-200 focus:text-blue-700 dark:bg-gray-800 dark:text-gray-300 dark:border-gray-600 dark:hover:text-white dark:hover:bg-gray-700 dark:focus:ring-gray-700"><svg class="w-3.5 h-3.5 me-2.5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20">
<path d="M14.707 7.793a1 1 0 0 0-1.414 0L11 10.086V1.5a1 1 0 0 0-2 0v8.586L6.707 7.793a1 1 0 1 0-1.414 1.414l4 4a1 1 0 0 0 1.416 0l4-4a1 1 0 0 0-.002-1.414Z"/>
<path d="M18 12h-2.55l-2.975 2.975a3.5 3.5 0 0 1-4.95 0L4.55 12H2a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2Zm-3 5a1 1 0 1 1 0-2 1 1 0 0 1 0 2Z"/>
</svg> {{.label}}</a>
modules/blox-tailwind/layouts/partials/blox/skills.html
+1 -1
View File
@@ -39,7 +39,7 @@
</span>
{{ end }}
<span class="skills-name">
<span class="skills-name text-gray-700 dark:text-gray-300">
{{ .name | markdownify | emojify }}
{{ with .description }}<p class="skills-description">{{ . | markdownify | emojify }}</p>{{ end }}
</span>
modules/blox-tailwind/layouts/partials/components/headers/floating-theme-toggler.html
+1 -1
View File
@@ -1,6 +1,6 @@
<div class="absolute right-0 top-0 m-3 bg-primary-100 dark:bg-primary-700 rounded-full p-2 z-10">
<div class="h-[24px] w-[24px]">
<button class="theme-toggle" accesskey="t" title="">
<button class="theme-toggle" accesskey="t" title="" aria-label="{{ i18n "theme_selector" }}">
<svg id="moon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
stroke-linejoin="round" class="dark:hidden">