Merge branch 'dev' into dev

CHANGELOG.md

@@ -34,7 +34,7 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 - Hamburger menu is not dismissed when links are clicked ([#705](https://github.com/jpanther/congo/pull/705))
 - KaTeX, table and code elements wider than the page are not formatted correctly ([#753](https://github.com/jpanther/congo/pull/753))
 - 'ß' character is output at the top of articles ([#764](https://github.com/jpanther/congo/pull/764))
-- Header elements not vertically centered when using locale switcher ([#788](https://github.com/jpanther/congo/pull/788))
+- Status bar styling is not applied in Safari on iOS ([#789](https://github.com/jpanther/congo/pull/789))
 
 ### Removed
 

assets/js/appearance.js

@@ -8,9 +8,13 @@ function getCSSValue(varName) {
 
 function setThemeColor() {
   var metaThemeColor = document.querySelector("meta[name=theme-color]");
+  var metaAppleMobileWebAppStatusBarStyle = document.querySelector("meta[name=apple-mobile-web-app-status-bar-style]");
   document.documentElement.classList.contains("dark")
     ? metaThemeColor.setAttribute("content", getCSSValue("--color-neutral-800"))
     : metaThemeColor.setAttribute("content", getCSSValue("--color-neutral"));
+  document.documentElement.classList.contains("dark")
+    ? metaAppleMobileWebAppStatusBarStyle.setAttribute("content", getCSSValue("--color-neutral-800"))
+    : metaAppleMobileWebAppStatusBarStyle.setAttribute("content", getCSSValue("--color-neutral"));
   return true;
 }
 

exampleSite/content/users/index.es.md

@@ -66,9 +66,5 @@ La lista a continuación es solo un puñado de sitios web creados con el tema Co
 | [yoganath.me](https://yoganath.me)                                     | Personal Site and Blog          |
 | [josh-v.com](https://josh-v.com)                                       | Personal Site and Tech blog     |
 | [rshmhrj.io](https://rshmhrj.io/)                                      | Personal Site and Tech blog     |
-| [jamesjarvis.io](https://jamesjarvis.io)                               | Personal Site and Blog          |
-| [jnsgr.uk](https://jnsgr.uk)                                           | Personal site and blog          |
-| [stupidjoey.net](https://stupidjoey.net)                               | Personal Site and Tech blog     |
-| [aminelch.github.io](https://aminelch.github.io)                       | Personal Site and Blog          |
 
 **¿Usuaria de congo?** Para agregar tu sitio a esta lista, [haz un pull request](https://github.com/jpanther/congo/blob/dev/exampleSite/content/users/index.md).

exampleSite/content/users/index.ja.md

@@ -66,9 +66,5 @@ Congoを使用して構築された実際のウェブサイト。
 | [yoganath.me](https://yoganath.me)                                     | Personal Site and Blog          |
 | [josh-v.com](https://josh-v.com)                                       | Personal Site and Tech blog     |
 | [rshmhrj.io](https://rshmhrj.io/)                                      | Personal Site and Tech blog     |
-| [jamesjarvis.io](https://jamesjarvis.io)                               | Personal Site and Blog          |
-| [jnsgr.uk](https://jnsgr.uk)                                           | Personal site and blog          |
-| [stupidjoey.net](https://stupidjoey.net)                               | Personal Site and Tech blog     |
-| [aminelch.github.io](https://aminelch.github.io)                       | Personal Site and Blog          |
 
 **Congoを使っていますか？** あなたのウェブサイトを加えるために[Pull Request](https://github.com/jpanther/congo/blob/dev/exampleSite/content/users/index.md)を投げてください。

exampleSite/content/users/index.md

@@ -65,10 +65,8 @@ The list below is just a handful of the websites that are built using the Congo
 | [andrea.mortaro.it](https://andrea.mortaro.it)                         | Personal Site and Blog          |
 | [yoganath.me](https://yoganath.me)                                     | Personal Site and Blog          |
 | [josh-v.com](https://josh-v.com)                                       | Personal Site and Tech blog     |
-| [rshmhrj.io](https://rshmhrj.io/)                                      | Personal Site and Tech blog     |
-| [jamesjarvis.io](https://jamesjarvis.io)                               | Personal Site and Blog          |
-| [jnsgr.uk](https://jnsgr.uk)                                           | Personal site and blog          |
-| [stupidjoey.net](https://stupidjoey.net)                               | Personal Site and Tech blog     |
 | [aminelch.github.io](https://aminelch.github.io)                       | Personal Site and Blog          |
+| [rshmhrj.io](https://rshmhrj.io/)                                      | Personal Site and Tech blog     |
+
 
 **Congo user?** To add your site to this list, [submit a pull request](https://github.com/jpanther/congo/blob/dev/exampleSite/content/users/index.md).

exampleSite/content/users/index.zh-cn.md

@@ -66,9 +66,5 @@ showEdit: false
 | [yoganath.me](https://yoganath.me)                                     | Personal Site and Blog          |
 | [josh-v.com](https://josh-v.com)                                       | Personal Site and Tech blog     |
 | [rshmhrj.io](https://rshmhrj.io/)                                      | Personal Site and Tech blog     |
-| [jamesjarvis.io](https://jamesjarvis.io)                               | Personal Site and Blog          |
-| [jnsgr.uk](https://jnsgr.uk)                                           | Personal site and blog          |
-| [stupidjoey.net](https://stupidjoey.net)                               | Personal Site and Tech blog     |
-| [aminelch.github.io](https://aminelch.github.io)                       | Personal Site and Blog          |
 
 **想成为Congo的用户？** 要将您的网站添加到此列表中，请提交[Pull Request](https://github.com/jpanther/congo/blob/dev/exampleSite/content/users/index.md)来添加。

layouts/partials/head.html

@@ -2,6 +2,7 @@
   <meta charset="utf-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <meta name="theme-color" content="rgb(255,255,255)" />
+  <meta name="apple-mobile-web-app-status-bar-style" content="rgb(255,255,255)" />
   {{/* Title */}}
   {{ if .IsHome -}}
     <title>{{ .Site.Title | emojify }}</title>

layouts/partials/translations.html

@@ -20,10 +20,10 @@
           >
         </button>
         {{ if eq $dir "down" }}
-          <div class="invisible w-full bg-transparent group-hover:visible"></div>
+          <div class="invisible h-2 w-full bg-transparent group-hover:visible"></div>
         {{ end }}
         <div
-          class="{{ if not (eq $dir "down") }} bottom-7 {{ end }} invisible absolute z-50 flex flex-col whitespace-nowrap rounded border border-neutral-300 bg-neutral text-start text-base shadow group-hover:visible ltr:right-0 rtl:left-0 dark:border-neutral-600 dark:bg-neutral-800"
+          class="{{ cond (eq $dir "down") "top-8" "bottom-7" }} invisible absolute z-50 flex flex-col whitespace-nowrap rounded border border-neutral-300 bg-neutral text-start text-base shadow group-hover:visible ltr:right-0 rtl:left-0 dark:border-neutral-600 dark:bg-neutral-800"
         >
           {{ $siteLanguages := site.Languages }}
           {{ $pageLang := .Page.Lang }}