diff options
| author | Ahmed Abdelhalim <[email protected]> | 2022-11-14 00:35:11 +0100 |
|---|---|---|
| committer | Ahmed Abdelhalim <[email protected]> | 2022-11-14 01:12:37 +0100 |
| commit | a48d0fe1fd7a8375f873e93df070f72095a882cf (patch) | |
| tree | 4526b23f6724667b29181347796ef6f45c25f866 | |
| parent | f168d273179204adb41e6c4b3cb5e705284a8ab7 (diff) | |
Add language link and style it for web and print views
| -rw-r--r-- | app/assets/de.html | 1 | ||||
| -rw-r--r-- | app/assets/index.html | 1 | ||||
| -rw-r--r-- | app/stylesheets/print/header.styl | 4 | ||||
| -rw-r--r-- | app/stylesheets/web/header.styl | 7 | ||||
| -rw-r--r-- | app/web.styl | 1 |
5 files changed, 13 insertions, 1 deletions
diff --git a/app/assets/de.html b/app/assets/de.html index 81b2916..755e782 100644 --- a/app/assets/de.html +++ b/app/assets/de.html @@ -24,6 +24,7 @@ <body> <main> <header class="header"> + <a class="header__language" lang="en" href="/">[EN]</a> <h1 class="header__name">Ahmed AbdelHalim</h1> <em class="header__job-title">Plattform-Ingenieur · DevOps</em> <address class="header__contact-info"> diff --git a/app/assets/index.html b/app/assets/index.html index 2c98441..b246dd2 100644 --- a/app/assets/index.html +++ b/app/assets/index.html @@ -24,6 +24,7 @@ <body> <main> <header class="header"> + <a class="header__language" lang="de" href="/de.html">[DE]</a> <h1 class="header__name">Ahmed AbdelHalim</h1> <em class="header__job-title">Platform Engineer · DevOps</em> <address class="header__contact-info"> diff --git a/app/stylesheets/print/header.styl b/app/stylesheets/print/header.styl index 7f6b7ab..3a8e14f 100644 --- a/app/stylesheets/print/header.styl +++ b/app/stylesheets/print/header.styl @@ -2,6 +2,10 @@ margin-bottom: 0.1em } +.header__language { + display: none +} + .header__tel .header__website .header__email diff --git a/app/stylesheets/web/header.styl b/app/stylesheets/web/header.styl index 6350b92..9ff75a8 100644 --- a/app/stylesheets/web/header.styl +++ b/app/stylesheets/web/header.styl @@ -3,9 +3,16 @@ font-style: normal } +.header__language { + float: right + margin-top: 1em + margin-bottom: -0.3em +} + .header__name { font-size: 3.3em margin-bottom: -0.2em + clear: right } .header__job-title { diff --git a/app/web.styl b/app/web.styl index 2e05848..7320840 100644 --- a/app/web.styl +++ b/app/web.styl @@ -28,7 +28,6 @@ main { margin-right: 1cm } - a:link, a:visited, a:hover, a:active { text-decoration-color: secondaryColor text-decoration-thickness: 2px |