AXUL/ananke
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

Added support for Right-To-Left languages (#532)

Browse source 
* Added support for Right-To-Left languages

* Added language-direction partial
This commit is contained in:
Meir Kriheli 2022-04-21 21:17:49 +03:00 committed by GitHub
parent 5520ed119f
commit 19242fd2f8
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
12 changed files with 24 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
assets/ananke/css/_hugo-internal-templates.css
View file

@ -9,6 +9,12 @@
font-size: .875rem; font-size: .875rem;
margin-bottom: 2.5em; margin-bottom: 2.5em;
} }
[dir="rtl"] .pagination li {
margin-left: .375rem;
margin-right: 0;
}
.pagination li a { .pagination li a {
padding: .5rem .625rem; padding: .5rem .625rem;
background-color: white; background-color: white;

1
exampleSite/config.toml
View file

@ -15,6 +15,7 @@ enableRobotsTXT = true
title = "Ananke" title = "Ananke"
weight = 1 weight = 1
contentDir = "content/en" contentDir = "content/en"
# languageDirection = 'rtl' for Right-To-Left languages
[languages.fr] [languages.fr]
title = "Ananke Fr" title = "Ananke Fr"
weight = 2 weight = 2

2
layouts/_default/baseof.html
View file

@ -1,5 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="{{ $.Site.LanguageCode | default "en" }}"> <html lang="{{ $.Site.LanguageCode | default "en" }}" {{ partial "language-direction.html" . | safeHTMLAttr }}>
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

2
layouts/_default/single.html
View file

@ -47,7 +47,7 @@
<span class="f6 mv4 dib tracked"> - {{ i18n "wordCount" .WordCount }} </span> <span class="f6 mv4 dib tracked"> - {{ i18n "wordCount" .WordCount }} </span>
{{ end }} {{ end }}
</header> </header>
<div class="nested-copy-line-height lh-copy {{ $.Param "post_content_classes" | default "serif"}} f4 nested-links {{ $.Param "text_color" | default "mid-gray" }} pr4-l w-two-thirds-l"> <div class="nested-copy-line-height lh-copy {{ $.Param "post_content_classes" | default "serif"}} f4 nested-links {{ $.Param "text_color" | default "mid-gray" }} {{ cond (eq $.Site.Language.LanguageDirection "rtl") "pl4-l" "pr4-l" }} w-two-thirds-l">
{{- .Content -}} {{- .Content -}}
{{- partial "tags.html" . -}} {{- partial "tags.html" . -}}
<div class="mt6 instapaper_ignoref"> <div class="mt6 instapaper_ignoref">

4
layouts/_default/summary-with-image.html
View file

@ -5,13 +5,13 @@
{{ if $featured_image }} {{ if $featured_image }}
{{/* Trimming the slash and adding absURL make sure the image works no matter where our site lives */}} {{/* Trimming the slash and adding absURL make sure the image works no matter where our site lives */}}
{{ $featured_image := (trim $featured_image "/") | absURL }} {{ $featured_image := (trim $featured_image "/") | absURL }}
<div class="pr3-ns mb4 mb0-ns w-100 w-40-ns"> <div class="{{ cond (eq $.Site.Language.LanguageDirection "rtl") "pl3-ns" "pr3-ns" }} mb4 mb0-ns w-100 w-40-ns">
<a href="{{.RelPermalink}}" class="db grow"> <a href="{{.RelPermalink}}" class="db grow">
<img src="{{ $featured_image }}" class="img" alt="image from {{ .Title }}"> <img src="{{ $featured_image }}" class="img" alt="image from {{ .Title }}">
</a> </a>
</div> </div>
{{ end }} {{ end }}
<div class="blah w-100{{ if $featured_image }} w-60-ns pl3-ns{{ end }}"> <div class="blah w-100{{ if $featured_image }} w-60-ns {{ cond (eq $.Site.Language.LanguageDirection "rtl") "pr3-ns" "pl3-ns" }}{{ end }}">
<h1 class="f3 fw1 athelas mt0 lh-title"> <h1 class="f3 fw1 athelas mt0 lh-title">
<a href="{{.RelPermalink}}" class="color-inherit dim link"> <a href="{{.RelPermalink}}" class="color-inherit dim link">
{{ .Title }} {{ .Title }}

2
layouts/index.html
View file

@ -36,7 +36,7 @@
<h1 class="f3">{{ i18n "more" }}</h1> <h1 class="f3">{{ i18n "more" }}</h1>
{{/* Now, range through the next four after the initial $n_posts items. Nest the requirements, "after" then "first" on the outside */}} {{/* Now, range through the next four after the initial $n_posts items. Nest the requirements, "after" then "first" on the outside */}}
{{ range (first 4 (after $n_posts $section)) }} {{ range (first 4 (after $n_posts $section)) }}
<h2 class="f5 fw4 mb4 dib mr3"> <h2 class="f5 fw4 mb4 dib {{ cond (eq $.Site.Language.LanguageDirection "rtl") "ml3" "mr3" }}">
<a href="{{ .RelPermalink }}" class="link black dim"> <a href="{{ .RelPermalink }}" class="link black dim">
{{ .Title }} {{ .Title }}
</a> </a>

4
layouts/partials/i18nlist.html
View file

@ -1,8 +1,8 @@
{{ if .IsTranslated }} {{ if .IsTranslated }}
<h4>{{ i18n "translations" }}</h4> <h4>{{ i18n "translations" }}</h4>
<ul class="pl0 mr3"> <ul class="{{ cond (eq $.Site.Language.LanguageDirection "rtl") "pr0 ml3" "pl0 mr3" }}">
{{ range .Translations }} {{ range .Translations }}
<li class="list f5 f4-ns fw4 dib pr3"> <li class="list f5 f4-ns fw4 dib {{ cond (eq $.Site.Language.LanguageDirection "rtl") "pl3" "pr3" }}">
<a class="hover-white no-underline white-90" href="{{ .RelPermalink }}">{{ .Lang }}</a> <a class="hover-white no-underline white-90" href="{{ .RelPermalink }}">{{ .Lang }}</a>
</li> </li>
{{ end}} {{ end}}

3
layouts/partials/language-direction.html Normal file
View file

@ -0,0 +1,3 @@
{{- if ge hugo.Version "0.67.1" -}}
dir="{{ $.Site.Language.LanguageDirection | default "ltr" }}"
{{- end -}}

4
layouts/partials/site-navigation.html
View file

@ -10,9 +10,9 @@
<div class="flex-l items-center"> <div class="flex-l items-center">
{{ partial "i18nlist.html" . }} {{ partial "i18nlist.html" . }}
{{ if .Site.Menus.main }} {{ if .Site.Menus.main }}
<ul class="pl0 mr3"> <ul class="{{ cond (eq $.Site.Language.LanguageDirection "rtl") "pr0 ml3" "pl0 mr3" }}">
{{ range .Site.Menus.main }} {{ range .Site.Menus.main }}
<li class="list f5 f4-ns fw4 dib pr3"> <li class="list f5 f4-ns fw4 dib {{ cond (eq $.Site.Language.LanguageDirection "rtl") "pl3" "pr3" }}">
<a class="hover-white no-underline white-90" href="{{ .URL }}" title="{{ i18n "pageTitle" . }}"> <a class="hover-white no-underline white-90" href="{{ .URL }}" title="{{ i18n "pageTitle" . }}">
{{ .Name }} {{ .Name }}
</a> </a>

4
layouts/partials/social-follow.html
View file

@ -1,7 +1,7 @@
{{ $socials := partialCached "func/socials/Get" "socials/Get" }} {{ $socials := partialCached "func/socials/Get" "socials/Get" }}
<div class="ananke-socials"> <div class="ananke-socials">
{{ range $socials }} {{ range $socials }}
<a href="{{ .url }}" target="_blank" class="{{ .name }} ananke-social-link link-transition stackoverflow link dib z-999 pt3 pt0-l mr1" title="{{ .label }} link" rel="noopener" aria-label="follow on {{ .label }}——Opens in a new window"> <a href="{{ .url }}" target="_blank" class="{{ .name }} ananke-social-link link-transition stackoverflow link dib z-999 pt3 pt0-l {{ cond (eq $.Site.Language.LanguageDirection "rtl") "ml1" "mr1" }}" title="{{ .label }} link" rel="noopener" aria-label="follow on {{ .label }}——Opens in a new window">
{{ with .icon }} {{ with .icon }}
<span class="icon">{{ . }}</span> <span class="icon">{{ . }}</span>
{{ else }} {{ else }}
@ -10,4 +10,4 @@
{{- partial "new-window-icon.html" . -}} {{- partial "new-window-icon.html" . -}}
</a> </a>
{{ end }} {{ end }}
</div> </div>

4
layouts/partials/summary-with-image.html
View file

@ -8,13 +8,13 @@ More info here: https://github.com/theNewDynamic/gohugo-theme-ananke/releases/ta
{{ if $featured_image }} {{ if $featured_image }}
{{/* Trimming the slash and adding absURL make sure the image works no matter where our site lives */}} {{/* Trimming the slash and adding absURL make sure the image works no matter where our site lives */}}
{{ $featured_image := (trim $featured_image "/") | absURL }} {{ $featured_image := (trim $featured_image "/") | absURL }}
<div class="pr3-ns mb4 mb0-ns w-100 w-40-ns"> <div class="{{ cond (eq $.Site.Language.LanguageDirection "rtl") "pl3-ns" "pr3-ns" }} mb4 mb0-ns w-100 w-40-ns">
<a href="{{.RelPermalink}}" class="db grow"> <a href="{{.RelPermalink}}" class="db grow">
<img src="{{ $featured_image }}" class="img" alt="image from {{ .Title }}"> <img src="{{ $featured_image }}" class="img" alt="image from {{ .Title }}">
</a> </a>
</div> </div>
{{ end }} {{ end }}
<div class="blah w-100{{ if $featured_image }} w-60-ns pl3-ns{{ end }}"> <div class="blah w-100{{ if $featured_image }} w-60-ns {{ cond (eq $.Site.Language.LanguageDirection "rtl") "pr3-ns" "pl3-ns" }}{{ end }}">
<h1 class="f3 fw1 athelas mt0 lh-title"> <h1 class="f3 fw1 athelas mt0 lh-title">
<a href="{{.RelPermalink}}" class="color-inherit dim link"> <a href="{{.RelPermalink}}" class="color-inherit dim link">
{{ .Title }} {{ .Title }}

2
resources/_gen/assets/css/ananke/css/main.css_bb5467e0521bbea6b1e66429f6ec028e.content
View file

File diff suppressed because one or more lines are too long