Welcome to mirror list, hosted at ThFree Co, Russian Federation.

github.com/wangchucheng/hugo-eureka.git - Unnamed repository; edit this file 'description' to name the repository.
summaryrefslogtreecommitdiff
path: root/layouts
diff options
context:
space:
mode:
authorRami Sabbagh <ramilego4game@gmail.com>2022-01-26 05:15:02 +0300
committerGitHub <noreply@github.com>2022-01-26 05:15:02 +0300
commit086f1e98c193943010f7e3b7889b8f2d0ac4e57b (patch)
tree34525ef019f6766be206c1bf48c5883f1ace1bbb /layouts
parent9c3d6160dbf9ce9a4556d2746df4e105403e3d20 (diff)
feat: add RTL layout support and Arabic localization (#159)
* Add direction attribute to the <html> tag So rtl layout can be activated * Add `tailwindcss-rtl` Which brings very handy RTL support to Tailwind CSS * Load the `tailwindcss-rtl` plugin * Find and replace many classes into RTL capable ones * Find and replace many classes into RTL capable ones * Update the prebuilt css * Add Arabic localization * Fix code blocks, force their layout to LTR * Update the prebuilt css * Minor improvement to the Arabic localization * Add singular/plural support for `readingTime` By following [hugo docs](https://gohugo.io/content-management/multilingual/#query-a-singularplural-translation) * Add a singular form of `readingTime` for Arabic * Add a singular form of `readingTime` for English * Add an additional variant for `readingTime` in the Arabic localization In Arabic we have a plural for dual, and a plural for 3+. * Fix left and right arrows not being flipped in RTL I had to manually flip them in each place * Revert "Add a singular form of `readingTime` for English" This reverts commit 73482b600ed7da5fb37b2b5f7d88384a32de18b1. * Add singular variant for `readingTime` in EN localization
Diffstat (limited to 'layouts')
-rw-r--r--layouts/_default/baseof.html8
-rw-r--r--layouts/authors/list.html4
-rw-r--r--layouts/index.html10
-rw-r--r--layouts/partials/components/doc-layout.html24
-rw-r--r--layouts/partials/components/post-author.html4
-rw-r--r--layouts/partials/components/post-edit.html4
-rw-r--r--layouts/partials/components/post-metadata.html18
-rw-r--r--layouts/partials/components/post-tags.html2
-rw-r--r--layouts/partials/components/post-toc.html2
-rw-r--r--layouts/partials/components/summary-plain.html2
-rw-r--r--layouts/partials/header.html12
-rw-r--r--layouts/partials/utils/get-summary.html2
-rw-r--r--layouts/partials/widgets/about.html10
-rw-r--r--layouts/partials/widgets/experience.html2
-rw-r--r--layouts/partials/widgets/pages.html2
15 files changed, 53 insertions, 53 deletions
diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
index 38fd1e1..71691f1 100644
--- a/layouts/_default/baseof.html
+++ b/layouts/_default/baseof.html
@@ -1,9 +1,9 @@
<!DOCTYPE html>
-<html lang='{{ .Site.LanguageCode }}' {{ if eq .Site.Params.colorScheme "dark" }}class="dark" {{ end }}>
+<html lang='{{ .Site.LanguageCode }}' dir='{{ .Site.Language.LanguageDirection | default "ltr" }}' {{ if eq .Site.Params.colorScheme "dark" }}class="dark" {{ end }}>
{{- partial "head" . }}
<body class="flex flex-col min-h-screen">
- <header class="fixed flex items-center w-full min-h-16 pl-scrollbar z-50 bg-secondary-bg shadow-sm">
+ <header class="fixed flex items-center w-full min-h-16 ps-scrollbar z-50 bg-secondary-bg shadow-sm">
<div class="w-full max-w-screen-xl mx-auto">
{{- partial "header" . -}}
</div>
@@ -12,14 +12,14 @@
{{- if or .IsHome (and (eq .Type "authors") (eq .Kind "term")) }}
{{- block "main" . }}{{- end }}
{{- else }}
- <div class="pl-scrollbar">
+ <div class="ps-scrollbar">
<div class="w-full max-w-screen-xl lg:px-4 xl:px-8 mx-auto">
{{- block "main" . }}{{- end }}
</div>
</div>
{{ end }}
</main>
- <footer class="pl-scrollbar">
+ <footer class="ps-scrollbar">
<div class="w-full max-w-screen-xl mx-auto">
{{- partial "footer" . -}}
</div>
diff --git a/layouts/authors/list.html b/layouts/authors/list.html
index d8092c4..b84a88f 100644
--- a/layouts/authors/list.html
+++ b/layouts/authors/list.html
@@ -1,12 +1,12 @@
{{ define "main" }}
-<div class="pl-scrollbar bg-secondary-bg">
+<div class="ps-scrollbar bg-secondary-bg">
<div class="max-w-screen-xl mx-auto">
<div class="lg:w-3/4 mx-auto px-6 md:px-8 xl:px-12 py-12">
{{ partial "widgets/about" . }}
</div>
</div>
</div>
-<div class="pl-scrollbar bg-primary-bg">
+<div class="ps-scrollbar bg-primary-bg">
<div class="max-w-screen-xl mx-auto">
<div class="lg:w-3/4 mx-auto px-6 md:px-8 xl:px-12 py-12">
{{ partial "components/summary-list-plain" .Pages }}
diff --git a/layouts/index.html b/layouts/index.html
index 3d52441..f66761d 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -11,7 +11,7 @@
{{/* Deprecation warning(v1.0.0) starts */}}
{{ else }}
{{ warnf "Param 'hero' in params.toml is deprecated and will be removed in Eureka v1.0.0. See https://www.wangchucheng.com/en/docs/hugo-eureka/homepage-configuration/" }}
- <div class="bg-secondary-bg pl-scrollbar">
+ <div class="bg-secondary-bg ps-scrollbar">
<div class="max-w-screen-xl mx-auto">
<div class="grid grid-cols-9 grid-rows-5 h-(screen-16)">
{{- $imgLeft := partial "utils/get-image" (dict "context" . "url" .Site.Params.hero.imgLeft)}}
@@ -36,7 +36,7 @@
</div>
</div>
</div>
- <div class="pl-scrollbar">
+ <div class="ps-scrollbar">
<div class="max-w-screen-xl mx-auto">
<div class="pt-12 md:px-4 xl:px-8">
{{- $pages := where site.RegularPages "Type" "in" site.Params.mainSections }}
@@ -143,7 +143,7 @@
{{ $widgetClass = print $widgetClass " mx-auto px-6 md:px-8 xl:px-12 py-12" }}
{{ end }}
- <div class="pl-scrollbar {{ with $backgroundClass -}}{{ partial "utils/standardize-classes" . }}{{- end }}"
+ <div class="ps-scrollbar {{ with $backgroundClass -}}{{ partial "utils/standardize-classes" . }}{{- end }}"
{{ with $backgroundStyle }} style="{{ . | safeCSS }}" {{ end }}>
<div class="max-w-screen-xl mx-auto">
<div id="{{ .File.BaseFileName }}" class="{{ with $widgetClass -}}{{ partial "utils/standardize-classes" . }}{{- end }}">
@@ -168,10 +168,10 @@
{{ $scaleClass = index $scaleOptions "md" }}
{{ end }}
<div class="flex flex-col {{ if eq $sidebar.position "right" -}} lg:flex-row-reverse {{- else -}} lg:flex-row {{- end }}">
- <div class="flex-none {{ with $scaleClass -}}{{ partial "utils/standardize-classes" . }}{{- end }} {{ if eq $sidebar.position "left" -}} lg:mr-4 {{- else -}} lg:ml-4 {{- end }}">
+ <div class="flex-none {{ with $scaleClass -}}{{ partial "utils/standardize-classes" . }}{{- end }} {{ if eq $sidebar.position "left" -}} lg:me-4 {{- else -}} lg:ms-4 {{- end }}">
<h2 class="font-bold text-3xl my-4">{{ .Params.Title }}</h2>
</div>
- <div class="flex-grow {{ if eq $sidebar.position "right" -}} lg:mr-4 {{- else -}} lg:ml-4 {{- end }}">
+ <div class="flex-grow {{ if eq $sidebar.position "right" -}} lg:me-4 {{- else -}} lg:ms-4 {{- end }}">
{{/* Deprecation warning(v1.0.0) starts */}}
{{- if eq .Params.widget.handler "experiences" }}
{{- warnf "Value `experiences` for `widget.handler` in %s is deprecated and will be removed in Eureka v1.0.0. Please use `experience` instead." .File.Path }}
diff --git a/layouts/partials/components/doc-layout.html b/layouts/partials/components/doc-layout.html
index 34b8227..ef0a38f 100644
--- a/layouts/partials/components/doc-layout.html
+++ b/layouts/partials/components/doc-layout.html
@@ -2,14 +2,14 @@
{{ $hasSidebar := or ($hasToc) (.Params.series) }}
<div class="lg:pt-12">
<div class="flex flex-col md:flex-row bg-secondary-bg rounded">
- <div class="md:w-1/4 lg:w-1/5 border-r">
+ <div class="md:w-1/4 lg:w-1/5 border-e">
<div class="sticky top-16 pt-6">
{{ template "doc-sidebar" (dict "context" . "permalink" .Permalink) }}
</div>
</div>
<div class="w-full md:w-3/4 lg:w-4/5 pb-8 pt-2 md:pt-8">
- <div class="w-full lg:w-3/4 pl-6 ml-0 mr-auto">
+ <div class="w-full lg:w-3/4 ps-6 ms-0 me-auto">
<h1 class="font-bold text-3xl text-primary-text">{{ .Title }}</h1>
{{ partial "components/post-metadata" . }}
</div>
@@ -75,32 +75,32 @@
{{ define "list-pages" }}
<div id="sidebar-title" class="md:hidden mx-4 px-2 pt-4 pb-2 md:border-b text-tertiary-text md:text-primary-text">
<span class="font-semibold">{{ i18n "toc" }}</span>
- <i class="fas fa-caret-right ml-1"></i>
+ <i class='fas {{ cond (eq .Site.Language.LanguageDirection "rtl") "fa-caret-left" "fa-caret-right" }} ms-1'></i>
</div>
<div id="sidebar-toc"
- class="hidden md:block overflow-y-auto mx-6 md:mx-0 pr-6 pt-2 md:max-h-doc-sidebar bg-primary-bg md:bg-transparent">
- <div class="flex flex-wrap ml-4 -mr-2 p-2 bg-secondary-bg md:bg-primary-bg rounded">
+ class="hidden md:block overflow-y-auto mx-6 md:mx-0 pe-6 pt-2 md:max-h-doc-sidebar bg-primary-bg md:bg-transparent">
+ <div class="flex flex-wrap ms-4 -me-2 p-2 bg-secondary-bg md:bg-primary-bg rounded">
<a class="{{ if eq .context.Permalink .permalink }}text-eureka{{ end }} hover:text-eureka"
href="{{ .context.Permalink }}">{{ .context.LinkTitle }}</a>
{{ $versions := partial "get-versions" (dict "context" .context) }}
{{ if $versions }}
- <div class="relative ml-2 cursor-pointer">
+ <div class="relative ms-2 cursor-pointer">
<div id="doc-version" class="flex items-center bg-primary-bg md:bg-secondary-bg">
{{ $version := findRE "v?(0|[1-9]\\d*)\\.(0|[1-9]\\d*)\\.(0|[1-9]\\d*)(?:-((?:0|[1-9]\\d*|\\d*[a-zA-Z-][0-9a-zA-Z-]*)(?:\\.(?:0|[1-9]\\d*|\\d*[a-zA-Z-][0-9a-zA-Z-]*))*))?(?:\\+([0-9a-zA-Z-]+(?:\\.[0-9a-zA-Z-]+)*))?" .context.Permalink }}
- <span class="ml-2 mr-1">{{ cond (gt (len $version) 0) (index $version 0) "latest" }}</span>
- <i class="fas fa-caret-right w-4 h-4 mr-1"></i>
+ <span class="ms-2 me-1">{{ cond (gt (len $version) 0) (index $version 0) "latest" }}</span>
+ <i class='fas {{ cond (eq .Site.Language.LanguageDirection "rtl") "fa-caret-left" "fa-caret-right" }} w-4 h-4 me-1'></i>
</div>
- <div id="version-options" class="hidden absolute left-0 bg-secondary-bg rounded z-40">
+ <div id="version-options" class="hidden absolute start-0 bg-secondary-bg rounded z-40">
{{ range $index, $value := $versions }}
{{ if eq $index 0 }}
- <div class="ml-2 mr-8 my-1">
+ <div class="ms-2 me-8 my-1">
<a class="" href="{{ $.context.Parent.Permalink }}">latest</a>
</div>
{{ end }}
{{ $version := findRE "v?(0|[1-9]\\d*)\\.(0|[1-9]\\d*)\\.(0|[1-9]\\d*)(?:-((?:0|[1-9]\\d*|\\d*[a-zA-Z-][0-9a-zA-Z-]*)(?:\\.(?:0|[1-9]\\d*|\\d*[a-zA-Z-][0-9a-zA-Z-]*))*))?(?:\\+([0-9a-zA-Z-]+(?:\\.[0-9a-zA-Z-]+)*))?" . }}
- <div class="ml-2 mr-8 my-1">
+ <div class="ms-2 me-8 my-1">
<a class="" href="{{ . }}">{{ index $version 0 }}</a>
</div>
{{ end }}
@@ -122,7 +122,7 @@
{{ end }}
{{ define "list-items"}}
-<ul class="pl-6">
+<ul class="ps-6">
{{ range .context.Pages }}
{{ $version := findRE "v?(0|[1-9]\\d*)\\.(0|[1-9]\\d*)\\.(0|[1-9]\\d*)(?:-((?:0|[1-9]\\d*|\\d*[a-zA-Z-][0-9a-zA-Z-]*)(?:\\.(?:0|[1-9]\\d*|\\d*[a-zA-Z-][0-9a-zA-Z-]*))*))?(?:\\+([0-9a-zA-Z-]+(?:\\.[0-9a-zA-Z-]+)*))?/$" .Permalink }}
{{ if eq (len $version) 0 }}
diff --git a/layouts/partials/components/post-author.html b/layouts/partials/components/post-author.html
index 22e4a77..c809763 100644
--- a/layouts/partials/components/post-author.html
+++ b/layouts/partials/components/post-author.html
@@ -1,7 +1,7 @@
<div class="py-2">
{{ range . }}
<div class="flex flex-col md:flex-row items-center my-8">
- <a href="{{ .Permalink }}" class="w-24 h-24 md:mr-4">
+ <a href="{{ .Permalink }}" class="w-24 h-24 md:me-4">
{{ $img := partial "utils/get-image" (dict "context" . "url" .Params.avatar "keyword" "*avatar*")}}
{{ with $img }}
<img src="{{ . }}" class="w-full bg-primary-bg rounded-full" alt="Avatar">
@@ -17,7 +17,7 @@
{{ $iconPack := .iconPack | default .icon_pack }}
{{/* Deprecation warning(v1.0.0) ends */}}
{{ $src := print $iconPack " fa-" .icon }}
- <a href="{{ .url }}" class="mr-1">
+ <a href="{{ .url }}" class="me-1">
<i class="{{ print $src }}"></i>
</a>
{{ end }}
diff --git a/layouts/partials/components/post-edit.html b/layouts/partials/components/post-edit.html
index 5a87dc6..aca9f44 100644
--- a/layouts/partials/components/post-edit.html
+++ b/layouts/partials/components/post-edit.html
@@ -15,7 +15,7 @@
{{- $path = replace $path "https:/" "https://" 1 }}
<a href="{{ $path }}" title="Edit this page">
- <i class="fas fa-edit mr-1"></i>
+ <i class="fas fa-edit me-1"></i>
<span>{{ i18n "editThisPage" }}</span>
</a>
</div>
@@ -30,7 +30,7 @@
{{ $path = replace $path "https:/" "https://" 1 }}
<a href="{{ $path }}" title="Edit this page">
- <i class="fas fa-edit mr-1"></i>
+ <i class="fas fa-edit me-1"></i>
<span>{{ i18n "editThisPage" }}</span>
</a>
</div>
diff --git a/layouts/partials/components/post-metadata.html b/layouts/partials/components/post-metadata.html
index 9fa9a40..2d108d5 100644
--- a/layouts/partials/components/post-metadata.html
+++ b/layouts/partials/components/post-metadata.html
@@ -1,16 +1,16 @@
<div class="flex flex-wrap flex-row items-center mt-2 text-tertiary-text">
- <div class="mr-6 my-2">
- <i class="fas fa-calendar mr-1"></i>
+ <div class="me-6 my-2">
+ <i class="fas fa-calendar me-1"></i>
<span>{{ .Date.Format (.Site.Params.dateFormat | default "2006-01-02") }}</span>
</div>
- <div class="mr-6 my-2">
- <i class="fas fa-clock mr-1"></i>
- <span>{{ i18n "readingTime" . }}</span>
+ <div class="me-6 my-2">
+ <i class="fas fa-clock me-1"></i>
+ <span>{{ i18n "readingTime" .ReadingTime }}</span>
</div>
{{ with .GetTerms "categories" }}
- <div class="mr-6 my-2">
- <i class="fas fa-folder mr-1"></i>
+ <div class="me-6 my-2">
+ <i class="fas fa-folder me-1"></i>
{{ range $index, $value := . }}
{{ if gt $index 0 }}
<span>, </span>
@@ -21,8 +21,8 @@
{{ end }}
{{ with .GetTerms "series" }}
- <div class="mr-6 my-2">
- <i class="fas fa-th-list mr-1"></i>
+ <div class="me-6 my-2">
+ <i class="fas fa-th-list me-1"></i>
{{ range $index, $value := . }}
{{ if gt $index 0 }}
<span>, </span>
diff --git a/layouts/partials/components/post-tags.html b/layouts/partials/components/post-tags.html
index cac5fba..3c5815f 100644
--- a/layouts/partials/components/post-tags.html
+++ b/layouts/partials/components/post-tags.html
@@ -1,5 +1,5 @@
<div class="my-4">
{{ range $index, $value := . }}
- <a href="{{ .Permalink }}" class="inline-block bg-tertiary-bg text-sm rounded px-3 py-1 my-1 mr-2 hover:text-eureka">#{{ .LinkTitle }}</a>
+ <a href="{{ .Permalink }}" class="inline-block bg-tertiary-bg text-sm rounded px-3 py-1 my-1 me-2 hover:text-eureka">#{{ .LinkTitle }}</a>
{{ end }}
</div> \ No newline at end of file
diff --git a/layouts/partials/components/post-toc.html b/layouts/partials/components/post-toc.html
index 66fd401..337ecb6 100644
--- a/layouts/partials/components/post-toc.html
+++ b/layouts/partials/components/post-toc.html
@@ -1,7 +1,7 @@
<div class="sticky top-16 z-10 hidden lg:block px-6 py-4 {{ if eq .Type "docs" }} bg-secondary-bg pt-16 -mt-16 {{ else }} bg-primary-bg {{ end }}">
<span class="text-lg font-semibold">{{ i18n "onThisPage" }}</span>
</div>
-<div class="sticky-toc hidden lg:block px-6 pb-6 {{ if eq .Type "docs" }} pt-10 -mt-10 border-l {{ end }}">
+<div class="sticky-toc hidden lg:block px-6 pb-6 {{ if eq .Type "docs" }} pt-10 -mt-10 border-s {{ end }}">
{{ .TableOfContents }}
</div>
<script>
diff --git a/layouts/partials/components/summary-plain.html b/layouts/partials/components/summary-plain.html
index 981ab36..59ad067 100644
--- a/layouts/partials/components/summary-plain.html
+++ b/layouts/partials/components/summary-plain.html
@@ -5,7 +5,7 @@
</div>
{{ with $featured }}
- <div class="w-full lg:w-1/3 mb-4 lg:mb-0 lg:ml-8">
+ <div class="w-full lg:w-1/3 mb-4 lg:mb-0 lg:ms-8">
{{ . }}
</div>
{{ end }}
diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index a5d4497..044d899 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -15,7 +15,7 @@
{{- end }}
</script>
<nav class="flex items-center justify-between flex-wrap px-4 py-4 md:py-0">
- <a href="{{ "/" | relLangURL }}" class="mr-6 text-primary-text text-xl font-bold">{{ .Site.Title }}</a>
+ <a href="{{ "/" | relLangURL }}" class="me-6 text-primary-text text-xl font-bold">{{ .Site.Title }}</a>
<button id="navbar-btn" class="md:hidden flex items-center px-3 py-2" aria-label="Open Navbar">
<i class="fas fa-bars"></i>
</button>
@@ -26,7 +26,7 @@
{{- $relPermalink := .RelPermalink }}
{{- range .Site.Menus.main }}
{{- $url := .URL | relLangURL }}
- <a href="{{ $url }}" class="block mt-4 md:inline-block md:mt-0 md:h-(16-4px) md:leading-(16-4px) box-border md:border-t-2 md:border-b-2 {{ if hasPrefix $relPermalink $url }} selected-menu-item {{ else }} border-transparent {{ end }} mr-4">{{ .Name }}</a>
+ <a href="{{ $url }}" class="block mt-4 md:inline-block md:mt-0 md:h-(16-4px) md:leading-(16-4px) box-border md:border-t-2 md:border-b-2 {{ if hasPrefix $relPermalink $url }} selected-menu-item {{ else }} border-transparent {{ end }} me-4">{{ .Name }}</a>
{{- end }}
</div>
@@ -43,7 +43,7 @@
</div>
<div class="fixed hidden inset-0 opacity-0 h-full w-full cursor-default z-30" id="is-open">
</div>
- <div class="absolute flex flex-col left-0 md:left-auto right-auto md:right-0 hidden bg-secondary-bg w-48 rounded py-2 border border-tertiary-bg cursor-pointer z-40"
+ <div class="absolute flex flex-col start-0 md:start-auto end-auto md:end-0 hidden bg-secondary-bg w-48 rounded py-2 border border-tertiary-bg cursor-pointer z-40"
id='lightDarkOptions'>
<span class="px-4 py-1 hover:text-eureka" name="Light">{{i18n "light"}}</span>
<span class="px-4 py-1 hover:text-eureka" name="Dark">{{i18n "dark"}}</span>
@@ -52,14 +52,14 @@
</div>
{{- if .IsTranslated }}
- <div class="relative pt-4 pl-4 md:pt-0">
+ <div class="relative pt-4 ps-4 md:pt-0">
<div class="cursor-pointer hover:text-eureka" id="languageMode">
<i class="fas fa-globe"></i>
- <span class="pl-1">{{ .Language.LanguageName }}</span>
+ <span class="ps-1">{{ .Language.LanguageName }}</span>
</div>
<div class="fixed hidden inset-0 opacity-0 h-full w-full cursor-default z-30" id="is-open-lang">
</div>
- <div class="absolute flex flex-col left-0 md:left-auto right-auto md:right-0 hidden bg-secondary-bg w-48 rounded py-2 border border-tertiary-bg cursor-pointer z-40"
+ <div class="absolute flex flex-col start-0 md:start-auto end-auto md:end-0 hidden bg-secondary-bg w-48 rounded py-2 border border-tertiary-bg cursor-pointer z-40"
id='languageOptions'>
<a class="px-4 py-1 hover:text-eureka" href="{{ .Permalink }}">{{ .Language.LanguageName }}</a>
{{- range .Translations }}
diff --git a/layouts/partials/utils/get-summary.html b/layouts/partials/utils/get-summary.html
index 55eb35c..49682bf 100644
--- a/layouts/partials/utils/get-summary.html
+++ b/layouts/partials/utils/get-summary.html
@@ -29,7 +29,7 @@
{{ end }}
<div class="pt-6 hover:text-eureka">
<a href="{{ .Permalink }}" class="font-semibold">{{ i18n "readMore" }}</a>
- <i class="fas fa-caret-right ml-1"></i>
+ <i class='fas {{ cond (eq .Site.Language.LanguageDirection "rtl") "fa-caret-left" "fa-caret-right" }} ms-1'></i>
</div>
</div>
{{ else }}
diff --git a/layouts/partials/widgets/about.html b/layouts/partials/widgets/about.html
index 3c04d22..42d751a 100644
--- a/layouts/partials/widgets/about.html
+++ b/layouts/partials/widgets/about.html
@@ -1,7 +1,7 @@
<div class="flex flex-col md:flex-row items-center justify-center mb-12">
{{ $img := partial "utils/get-image" (dict "context" . "url" .Params.avatar "keyword" "*avatar*")}}
{{ with $img }}
- <div class="flex-none w-48 mx-auto md:ml-0 md:mr-8 md:pr-8 md:border-r">
+ <div class="flex-none w-48 mx-auto md:ms-0 md:me-8 md:pe-8 md:border-e">
<img src="{{ . }}" class="rounded-full" alt="Avatar">
</div>
{{ end }}
@@ -15,11 +15,11 @@
{{ end }}
<div class="flex flex-wrap">
{{ with .Params.role }}
- <span class="pl-4">{{ . | markdownify }}</span>
+ <span class="ps-4">{{ . | markdownify }}</span>
{{ end }}
{{ with .Params.organization }}
- <a href="{{ .url }}" class="pl-4">{{ .name | markdownify }}</a>
+ <a href="{{ .url }}" class="ps-4">{{ .name | markdownify }}</a>
{{ end }}
</div>
@@ -31,7 +31,7 @@
</div>
{{ end }}
</div>
- <div class="flex md:flex-col justify-center items-end ml-8">
+ <div class="flex md:flex-col justify-center items-end ms-8">
{{ $brand := $.Param "social"}}
{{ range $brand }}
{{/* Deprecation warning(v1.0.0) starts */}}
@@ -41,7 +41,7 @@
{{ $iconPack := .iconPack | default .icon_pack }}
{{/* Deprecation warning(v1.0.0) ends */}}
{{ $src := print $iconPack " fa-" .icon }}
- <div class="pb-2 pr-4 md:pr-0 pt-4 md:pt-0">
+ <div class="pb-2 pe-4 md:pe-0 pt-4 md:pt-0">
<a href="{{ .url }}"><i class="{{ print $src }}"></i></a>
</div>
{{ end }}
diff --git a/layouts/partials/widgets/experience.html b/layouts/partials/widgets/experience.html
index fb30809..6b17ddb 100644
--- a/layouts/partials/widgets/experience.html
+++ b/layouts/partials/widgets/experience.html
@@ -12,7 +12,7 @@
{{ end }}
{{ if and .organization.name .location }}
- <span class="ml-2 mr-2">·</span>
+ <span class="ms-2 me-2">·</span>
{{ end }}
<span>{{ .location | markdownify }} </span>
diff --git a/layouts/partials/widgets/pages.html b/layouts/partials/widgets/pages.html
index a995a61..bc18c10 100644
--- a/layouts/partials/widgets/pages.html
+++ b/layouts/partials/widgets/pages.html
@@ -48,5 +48,5 @@
{{ define "partials/widgets/pages-readmore" }}
{{- $section := .Site.GetPage .Params.section }}
<a href="{{ $section.Permalink }}" class="font-semibold">{{ i18n "readMore" }}</a>
- <i class="fas fa-caret-right ml-1"></i>
+ <i class='fas {{ cond (eq .Site.Language.LanguageDirection "rtl") "fa-caret-left" "fa-caret-right" }} ms-1'></i>
{{ end }} \ No newline at end of file
generated by cgit v1.2.3 (git 2.25.1) at 2024-05-19 17:30:14 +0300