Browse Source

Major overhaul of colors

Logo, navbar, mobile menu and body text now depends on the text parameter given to individual case studies
pull/19/head
Anxhelo Lushka 3 years ago
parent
commit
0dd3e7d93a
  1. 6
      assets/scss/_custom.scss
  2. 1
      content/de/imprint.md
  3. 1
      content/de/privacy.md
  4. 1
      content/de/source.md
  5. 1
      content/de/work/adapt.md
  6. 72
      content/de/work/asciidoc.md
  7. 1
      content/de/work/calyxos.md
  8. 3
      content/de/work/censoredplanet.md
  9. 1
      content/de/work/i2p.md
  10. 1
      content/de/work/optima.md
  11. 1
      content/de/work/oxizide.md
  12. 1
      content/de/work/stackspin.md
  13. 3
      content/de/work/thunderbird.md
  14. 1
      content/de/work/totem.md
  15. 1
      content/en/imprint.md
  16. 1
      content/en/privacy.md
  17. 1
      content/en/source.md
  18. 1
      content/en/work/adapt.md
  19. 74
      content/en/work/asciidoc.md
  20. 1
      content/en/work/calyxos.md
  21. 3
      content/en/work/censoredplanet.md
  22. 1
      content/en/work/i2p.md
  23. 1
      content/en/work/optima.md
  24. 1
      content/en/work/oxizide.md
  25. 1
      content/en/work/stackspin.md
  26. 3
      content/en/work/thunderbird.md
  27. 1
      content/en/work/totem.md
  28. 6
      layouts/_default/single.html
  29. 4
      layouts/_default/work/single.html
  30. 2
      layouts/partials/logo.html
  31. 34
      layouts/partials/menu.html
  32. 3
      layouts/shortcodes/note.html
  33. 38
      static/img/work/asciidoc.svg

6
assets/scss/_custom.scss

@ -642,6 +642,12 @@ address {
& h2 {
margin-top: 3rem;
}
& .colored-card {
font-size: 1.5rem;
font-weight: 500;
padding: 1rem 1rem 4rem 1rem;
box-shadow: 0px 8px 10px rgba(0, 0, 0, 0.08), 0px 3px 5px rgba(0, 0, 0, 0.04), 0px 2.5px 2px rgba(0, 0, 0, 0.02);
}
}
// About

1
content/de/imprint.md

@ -2,6 +2,7 @@
title = "Impressum"
subtitle = ""
theme = "dark"
text = "#FFFFFF"
+++
Ura Design wird betrieben von (Impressum nach § 5 TMG, ebenso verantwortlich für den Inhalt nach § 55 Abs. 2 RStV):

1
content/de/privacy.md

@ -2,6 +2,7 @@
title = "Datenschutz"
subtitle = "Wir bemühen uns, so wenig Daten wie möglich zu speichern. Sogar diese Website verwendet keine Cookies! Erfahren Sie hier, wie Sie mit unseren Diensten interagieren."
theme = "dark"
text = "#FFFFFF"
+++
Ura Design hält sich bei all seinen Tätigkeiten an die höchsten ethischen Standards und ist bestrebt, die Privatsphäre aller Personen zu schützen, die mit uns in Kontakt treten. Wir verkaufen, tauschen, verschenken, vermieten oder erlauben niemandem außerhalb von Ura Design und projektbezogenen Auftragnehmern, Informationen über unsere Partner, Mitarbeiter, Forschungsteilnehmer oder Website-Besucher zu verwenden oder darauf zuzugreifen.

1
content/de/source.md

@ -1,4 +1,5 @@
+++
title = "Quellcode"
theme = "dark"
text = "#FFFFFF"
+++

1
content/de/work/adapt.md

@ -3,6 +3,7 @@ layout = "work/single"
theme = "dark"
background = "#AC2D94"
accent = "#F1FC71"
text = "#FFFFFF"
title = "Internews’ ADAPT"
summary = "We designed the full visual identity for Internews’ ADAPT, creating a style to graphically represent ADAPT everywhere. "
date = "2022-01-24 12:00:00 +0200"

72
content/de/work/asciidoc.md

@ -3,6 +3,7 @@ layout = "work/single"
theme = "light"
background = "#D2F4FD"
accent = "#196D80"
text = "#194954"
title = "AsciiDoc"
summary = "AsciiDoc is a plain text markup language for writing technical content. We were approached by the AsciiDoc working group to create a coherent brand identity and website to serve as the home for the AsciiDoc language."
date = "2022-08-15 12:00:00 +0200"
@ -32,7 +33,76 @@ In projects like these, we like to organize a brand workshop with all the stakeh
Due to the constant dynamic of discussions and equal participation among the participants, the byproduct of achieving AsciiDoc’s tone of voice was a more transparent and trusting relationship with the people involved at AsciiDoc. As designers we need to listen more than we speak. While doing that brings us closer to the desired solution, it brings us closer to the people involved as well.
{{< figure src="/img/work/asciidoc-notes.svg" alt="AsciiDoc sticky notes" >}}
<div class="row my-5">
<div class="col-xl-4 col-12 mb-xl-0 mb-4">
### Culture
How does our community describe us?
{{< note bg="#B1D0FF" color="#333333" text="Open" >}}
</div>
<div class="col-xl-4 col-12 mb-xl-0 mb-4">
### Customers
How do we describe who they are?
{{< note bg="#EAC287" color="#333333" text="Communicators" >}}
</div>
<div class="col-xl-4 col-12">
### Voice
How do we sound?
{{< note bg="#93E396" color="#333333" text="Approachable" >}}
</div>
</div>
<div class="row mb-5">
<div class="col-xl-4 col-12 mb-xl-0 mb-4">
### Benefit
How do others feel after interacting with us?
{{< note bg="#EABFFF" color="#333333" text="Empowered" >}}
</div>
<div class="col-xl-4 col-12 mb-xl-0 mb-4">
### Value
What is our tangible impact?
{{< note bg="#FFBDAE" color="#333333" text="Interoperable" >}}
</div>
<div class="col-xl-4 col-12 mb-xl-0 mb-4">
### X-Factor
What is it that makes us radically different?
{{< note bg="#FFEA79" color="#333333" text="Pragmatic" >}}
</div>
</div>
<!-- {{< figure src="/img/work/asciidoc-notes.svg" alt="AsciiDoc sticky notes" >}} -->
Soon we were able to pinpoint the tone of voice of AsciiDoc and how to present it to to the world. Beyond the tone of voice however, we also asked the workshop participants to tell us how the AsciiDoc brand should feel like, using a set of sliders representing different values determining the personality and look and feel of the brand.

1
content/de/work/calyxos.md

@ -3,6 +3,7 @@ layout = "work/single"
theme = "dark"
background = "#333333"
accent = "#A4C954"
text = "#FFFFFF"
title = "CalyxOS"
summary = "We provided a new visual style for CalyxOS, concretized into graphics to illustrate their main concepts and new wallpaper images for the Operating System."
date = "2022-03-24 12:00:00 +0200"

3
content/de/work/censoredplanet.md

@ -3,7 +3,8 @@ layout = "work/single"
draft = true
theme = "light"
background = "#A8EDE9"
accent = "000000"
text = "#000000"
accent = "#000000"
title = "Censored Planet"
summary = "We helped Censored Planet establish their brand identity and provide insights on internet censorship in understandable ways."
date = "2022-03-25 12:00:00 +0200"

1
content/de/work/i2p.md

@ -3,6 +3,7 @@ layout = "work/single"
theme = "dark"
background = "#363A68"
accent = "#7EE4E8"
text = "#FFFFFF"
title = "I2P - The Invisible Internet Project"
summary = "We helped I2P create their new brand strategy, visual identity and shape the user experience of their browser extension for Firefox."
date = "2017-01-24 12:00:00 +0200"

1
content/de/work/optima.md

@ -3,6 +3,7 @@ layout = "work/single"
theme = "dark"
background = "#1A7C83"
accent = "#FFD2F9"
text = "#FFFFFF"
title = "Internews’ OPTIMA"
summary = "We designed the brand and visual identity for OPTIMA, creating a visual language which emphasizes their motive, principles and style. "
date = "2021-01-24 12:00:00 +0200"

1
content/de/work/oxizide.md

@ -3,6 +3,7 @@ layout = "work/single"
theme = "dark"
background = "#8540B8"
accent = "#FFFFFF"
text = "#FFFFFF"
title = "Oxidize - The Conference of embedded Rust"
summary = "We created the brand and visual identity for Oxidize, designing every digital and print asset for the conference and providing a long-term design solution."
date = "2020-03-24 12:00:00 +0200"

1
content/de/work/stackspin.md

@ -3,6 +3,7 @@ layout = "work/single"
theme = "dark"
background = "#135D66"
accent = "#FFFFFF"
text = "#FFFFFF"
title = "Stackspin"
summary = "We helped Stackspin, previously known as OpenAppStack, build their new brand personality and visual identity conducting user experience research to provide relevant experience to their users."
date = "2022-03-25 12:00:00 +0200"

3
content/de/work/thunderbird.md

@ -3,7 +3,8 @@ layout = "work/single"
featured = true
theme = "dark"
background = "#002275"
secondary = "#7EE4E8"
accent = "#7EE4E8"
text = "#FFFFFF"
title = "Thunderbird"
summary = "We created the new Thunderbird brand and helped the project with extensive usability research."
date = "2019-01-24 12:00:00 +0200"

1
content/de/work/totem.md

@ -4,6 +4,7 @@ featured = true
theme = "light"
background = "#D1FAE5"
accent = "#6D28D9"
text = "#064E3B"
title = "Totem Project"
summary = "Totem is an online learning platform that offers educational courses about digital security and privacy in a safe, online classroom environment. We helped them refresh their visual identity and explain technical concepts in a more visual way."
date = "2022-08-08 12:00:00 +0200"

1
content/en/imprint.md

@ -2,6 +2,7 @@
title = "Imprint"
subtitle = ""
theme = "dark"
text = "#FFFFFF"
+++
Ura Design is operated by (Impressum nach § 5 TMG, ebenso verantwortlich für den Inhalt nach § 55 Abs. 2 RStV):

1
content/en/privacy.md

@ -2,6 +2,7 @@
title = "Privacy Policy"
subtitle = "We strive for the lowest amount of data retention as possible. In fact even this website uses no cookies! Learn here how you interact with our services."
theme = "dark"
text = "#FFFFFF"
+++
Ura Design adheres to the highest ethical standards in all of our operations and is dedicated to protecting the privacy of everyone who interacts with us. We don’t sell, barter, give away, rent, or permit anyone outside of Ura Design, and project-scoped contractors to use or access information about our partners, collaborators, research participants, or website visitors.

1
content/en/source.md

@ -1,4 +1,5 @@
+++
title = "Source code"
theme = "dark"
text = "#FFFFFF"
+++

1
content/en/work/adapt.md

@ -3,6 +3,7 @@ layout = "work/single"
theme = "dark"
background = "#AC2D94"
accent = "#F1FC71"
text = "#FFFFFF"
title = "Internews’ ADAPT"
summary = "We designed the full visual identity for Internews’ ADAPT, creating a style to graphically represent ADAPT everywhere. "
date = "2022-01-24 12:00:00 +0200"

74
content/en/work/asciidoc.md

@ -3,6 +3,7 @@ layout = "work/single"
theme = "light"
background = "#D2F4FD"
accent = "#196D80"
text = "#194954"
title = "AsciiDoc"
summary = "AsciiDoc is a plain text markup language for writing technical content. We were approached by the AsciiDoc working group to create a coherent brand identity and website to serve as the home for the AsciiDoc language."
date = "2022-08-15 12:00:00 +0200"
@ -32,11 +33,78 @@ In projects like these, we like to organize a brand workshop with all the stakeh
Due to the constant dynamic of discussions and equal participation among the participants, the byproduct of achieving AsciiDoc’s tone of voice was a more transparent and trusting relationship with the people involved at AsciiDoc. As designers we need to listen more than we speak. While doing that brings us closer to the desired solution, it brings us closer to the people involved as well.
{{< figure src="/img/work/asciidoc-notes.svg" alt="AsciiDoc sticky notes" >}}
Soon we were able to pinpoint the tone of voice of AsciiDoc and how to present it to to the world. Beyond the tone of voice however, we also asked the workshop participants to tell us how the AsciiDoc brand should feel like, using a set of sliders representing different values determining the personality and look and feel of the brand.
<div class="row my-5">
<div class="col-xl-4 col-12 mb-xl-0 mb-4">
### Culture
How does our community describe us?
{{< note bg="#B1D0FF" color="#333333" text="Open" >}}
</div>
<div class="col-xl-4 col-12 mb-xl-0 mb-4">
### Customers
How do we describe who they are?
{{< note bg="#EAC287" color="#333333" text="Communicators" >}}
</div>
<div class="col-xl-4 col-12">
### Voice
How do we sound?
{{< note bg="#93E396" color="#333333" text="Approachable" >}}
</div>
</div>
<div class="row mb-5">
### What is your gut feeling for the look and feel of the brand?
<div class="col-xl-4 col-12 mb-xl-0 mb-4">
### Benefit
How do others feel after interacting with us?
{{< note bg="#EABFFF" color="#333333" text="Empowered" >}}
</div>
<div class="col-xl-4 col-12 mb-xl-0 mb-4">
### Value
What is our tangible impact?
{{< note bg="#FFBDAE" color="#333333" text="Interoperable" >}}
</div>
<div class="col-xl-4 col-12 mb-xl-0 mb-4">
### X-Factor
What is it that makes us radically different?
{{< note bg="#FFEA79" color="#333333" text="Pragmatic" >}}
</div>
</div>
<!-- {{< figure src="/img/work/asciidoc-notes.svg" alt="AsciiDoc sticky notes" >}} -->
Soon we were able to pinpoint the tone of voice of AsciiDoc and how to present it to to the world. Beyond the tone of voice however, we also asked the workshop participants to tell us how the AsciiDoc brand should feel like, using a set of sliders representing different values determining the personality and look and feel of the brand.
{{< figure src="/img/work/asciidoc-personality.svg" alt="AsciiDoc personality" >}}

1
content/en/work/calyxos.md

@ -3,6 +3,7 @@ layout = "work/single"
theme = "dark"
background = "#333333"
accent = "#A4C954"
text = "#FFFFFF"
title = "CalyxOS"
summary = "We provided a new visual style for CalyxOS, concretized into graphics to illustrate their main concepts and new wallpaper images for the Operating System."
date = "2022-03-24 12:00:00 +0200"

3
content/en/work/censoredplanet.md

@ -3,7 +3,8 @@ layout = "work/single"
draft = true
theme = "light"
background = "#A8EDE9"
accent = "000000"
text = "#000000"
accent = "#000000"
title = "Censored Planet"
summary = "We helped Censored Planet establish their brand identity and provide insights on internet censorship in understandable ways."
date = "2022-03-25 12:00:00 +0200"

1
content/en/work/i2p.md

@ -3,6 +3,7 @@ layout = "work/single"
theme = "dark"
background = "#363A68"
accent = "#7EE4E8"
text = "#FFFFFF"
title = "I2P - The Invisible Internet Project"
summary = "We helped I2P create their new brand strategy, visual identity and shape the user experience of their browser extension for Firefox."
date = "2017-01-24 12:00:00 +0200"

1
content/en/work/optima.md

@ -3,6 +3,7 @@ layout = "work/single"
theme = "dark"
background = "#1A7C83"
accent = "#FFD2F9"
text = "#FFFFFF"
title = "Internews’ OPTIMA"
summary = "We designed the brand and visual identity for OPTIMA, creating a visual language which emphasizes their motive, principles and style. "
date = "2021-01-24 12:00:00 +0200"

1
content/en/work/oxizide.md

@ -3,6 +3,7 @@ layout = "work/single"
theme = "dark"
background = "#8540B8"
accent = "#FFFFFF"
text = "#FFFFFF"
title = "Oxidize - The Conference of embedded Rust"
summary = "We created the brand and visual identity for Oxidize, designing every digital and print asset for the conference and providing a long-term design solution."
date = "2020-03-24 12:00:00 +0200"

1
content/en/work/stackspin.md

@ -3,6 +3,7 @@ layout = "work/single"
theme = "dark"
background = "#135D66"
accent = "#FFFFFF"
text = "#FFFFFF"
title = "Stackspin"
summary = "We helped Stackspin, previously known as OpenAppStack, build their new brand personality and visual identity conducting user experience research to provide relevant experience to their users."
date = "2022-03-25 12:00:00 +0200"

3
content/en/work/thunderbird.md

@ -3,7 +3,8 @@ layout = "work/single"
featured = true
theme = "dark"
background = "#002275"
secondary = "#7EE4E8"
accent = "#7EE4E8"
text = "#FFFFFF"
title = "Thunderbird"
summary = "We created the new Thunderbird brand and helped the project with extensive usability research."
date = "2019-01-24 12:00:00 +0200"

1
content/en/work/totem.md

@ -4,6 +4,7 @@ featured = true
theme = "light"
background = "#D1FAE5"
accent = "#6D28D9"
text = "#064E3B"
title = "Totem Project"
summary = "Totem is an online learning platform that offers educational courses about digital security and privacy in a safe, online classroom environment. We helped them refresh their visual identity and explain technical concepts in a more visual way."
date = "2022-08-08 12:00:00 +0200"

6
layouts/_default/single.html

@ -64,12 +64,6 @@
<div class="col-xl-7 col-lg-7 col-md-12 col-12 py-5">
<article>
<!-- {{ if .IsTranslated }}
{{ i18n "postAvailable" }}
{{ range .Translations }}
<a href="{{ .Permalink }}"><span>{{ index $.Site.Data.lang (.Lang) }}</span></a>
{{ end}}
{{ end }} -->
<div class="post-content pt-4">
{{ .Content }}
</div>

4
layouts/_default/work/single.html

@ -47,7 +47,7 @@
</header>
<div id="content" class="content">
<main class="project {{ with .Params.theme }}{{ if eq . "dark" }}text-white{{ else }}{{ end }}{{ end }}">
<main class="project" {{ if isset .Params "text" }}style="color: {{ .Params.text }};"{{ end }}>
<div class="container-fluid py-5 mb-5">
<div class="container">
<div class="row justify-content-start">
@ -94,7 +94,7 @@
</div>
</div>
<div class="offset-xl-1 col-xl-7 col-lg-7 col-12 pt-5 project-content">
<div class="offset-xl-1 col-xl-8 col-lg-8 col-12 pt-5 project-content" {{ if isset .Params "text" }}style="color: {{ .Params.text }};"{{ end }}>
{{ .Content | safeHTML }}
</div>
</div>

2
layouts/partials/logo.html

@ -1,4 +1,4 @@
<svg class="logo" width="114" height="41" viewBox="0 0 114 41" {{- if (eq . "white") -}} fill="white" {{- else if (eq . "dark") -}} fill="black" {{- else if (eq . "default") -}} fill="#1F78D1" {{- else -}} fill="white" {{- end -}} xmlns="http://www.w3.org/2000/svg">
<svg class="logo" width="114" height="41" viewBox="0 0 114 41" {{- if (eq . "white") -}} fill="white" {{- else if (eq . "dark") -}} fill="black" {{- else if (eq . "default") -}} fill="#1F78D1" {{- else -}} fill="{{ . }}" {{- end -}} xmlns="http://www.w3.org/2000/svg">
<title>Ura Design logo</title>
<path
d="M62.8868 35.8264C67.0774 35.8264 68.3425 35.1938 70.6355 32.3474C70.6355 34.0068 71.9807 35.352 73.6401 35.352H76.6447V10.1292H70.3192V24.2033C70.3192 28.3149 68.1843 30.6869 64.8635 30.6869C61.7798 30.6869 60.5938 28.9474 60.5938 25.5475V10.1292H54.2683V26.8126C54.3474 32.9008 57.1938 35.8264 62.8868 35.8264Z" />

Before

Width:  |  Height:  |  Size: 2.1 KiB

After

Width:  |  Height:  |  Size: 2.1 KiB

34
layouts/partials/menu.html

@ -3,23 +3,23 @@
<nav class="navbar navbar-expand-lg justify-content-between align-items-center" aria-label="Primary">
<a aria-label="Ura Logo" class="navbar-brand" href="{{ .Site.BaseURL | relLangURL }}">
{{ $theme := .Page.Params.theme }}
{{ $param := .Page.Params }}
{{ $text := .Page.Params.text }}
{{ $type := .Page.Type }}
{{ $home := .IsHome }}
{{ if .IsHome }}
{{ partial "logo.html" "white" }}
{{ else if eq .Page.Type "about" }}
{{ partial "logo.html" "white" }}
{{ else if eq $theme "dark" }}
{{ partial "logo.html" "white" }}
{{ else if eq $theme "light" }}
{{ partial "logo.html" "dark" }}
{{ else if isset .Page.Params "text" }}
{{ partial "logo.html" $.Page.Params.text }}
{{ else }}
{{ partial "logo.html" "default" }}
{{ end }}
</a>
<button class="navbar-toggler" type="button" aria-label="Toggle navigation" onclick="openNav()">
<span class="inline-svg">
<svg class="{{ if .IsHome }}text-white{{ else if eq $theme "dark" }}text-white{{ else if eq $theme "light" }}text-dark{{ else if eq $type "about" }}text-white{{ else }}color-blue-500{{ end }}" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M416 288C433.7 288 448 302.3 448 320C448 337.7 433.7 352 416 352H32C14.33 352 0 337.7 0 320C0 302.3 14.33 288 32 288H416zM416 160C433.7 160 448 174.3 448 192C448 209.7 433.7 224 416 224H32C14.33 224 0 209.7 0 192C0 174.3 14.33 160 32 160H416z"></path></svg>
<svg class="{{ if .IsHome }}text-white{{ else if eq $theme "dark" }}text-white{{ else if eq $theme "light" }}text-dark{{ else if eq $type "about" }}text-white{{ else }}color-blue-500{{ end }}" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" {{ if isset .Page.Params "text" }}style="color: {{ .Page.Params.text }} !important;"{{ end }}><path fill="currentColor" d="M416 288C433.7 288 448 302.3 448 320C448 337.7 433.7 352 416 352H32C14.33 352 0 337.7 0 320C0 302.3 14.33 288 32 288H416zM416 160C433.7 160 448 174.3 448 192C448 209.7 433.7 224 416 224H32C14.33 224 0 209.7 0 192C0 174.3 14.33 160 32 160H416z"></path></svg>
</span>
</button>
<div class="collapse navbar-collapse flex-grow-0">
@ -28,11 +28,11 @@
{{- range .Site.Menus.main -}}
<li class="nav-item ms-4">
<a class="nav-link {{ if eq $theme "dark" }}text-white{{ else if eq $theme "light" }}text-dark{{ else if $home }}text-white{{ else if eq $type "about" }}text-white{{ else }}{{ end }} {{ if eq ($firstUrlElement|lower) (.URL|lower) }}active{{end}}" {{ if eq
($firstUrlElement|lower) (.URL|lower) }}aria-current="page" {{end}} href="{{ .URL | absLangURL }}">{{ .Name }}</a>
($firstUrlElement|lower) (.URL|lower) }}aria-current="page" {{end}} {{ if isset $param "text" }}style="color: {{ $text }} !important;"{{ end }} href="{{ .URL | absLangURL }}">{{ .Name }}</a>
</li>
{{ end }}
<li class="nav-item ms-4 {{ if eq $theme "dark" }}text-white{{ else if eq $theme "light" }}text-dark{{ else if $home }}text-white{{ else if eq $type "about" }}text-white{{ else }}{{ end }}">
<li class="nav-item ms-4 {{ if eq $theme "dark" }}text-white{{ else if eq $theme "light" }}text-dark{{ else if $home }}text-white{{ else if eq $type "about" }}text-white{{ else }}{{ end }}" {{ if isset $param "text" }}style="color: {{ $text }} !important;"{{ end }}>
<div class="vr"></div>
</li>
@ -41,12 +41,12 @@
{{ range .Site.Languages }}
{{ if eq . $.Site.Language }}
<li class="nav-item ms-2">
<p class="nav-link active language text-uppercase mb-0 {{ if eq $theme "dark" }}background-white{{ else if eq $theme "light" }}text-dark background-white{{ else if $home }}color-blue-500 background-white{{ else if eq $type "about" }}color-blue-500 background-white{{ else }}text-white background-blue-500{{ end }}" {{ if $.Params.background }}style="color: {{ $.Params.background }};"{{ else }}{{ end }}>{{ .Lang }}</p>
<p class="nav-link active language text-uppercase mb-0 {{ if eq $theme "dark" }}background-white{{ else if eq $theme "light" }}text-dark background-white{{ else if $home }}color-blue-500 background-white{{ else if eq $type "about" }}color-blue-500 background-white{{ else }}text-white background-blue-500{{ end }}" {{ if eq $.Params.text "#FFFFFF" }}style="color: {{ $.Params.background }} !important;"{{ else }}{{ end }}>{{ .Lang }}</p>
</li>
{{ else }}
{{ range $.Translations }}
<li class="nav-item ms-2">
<a class="nav-link language text-uppercase {{ if eq $theme "dark" }}text-white{{ else if eq $theme "light" }}text-dark{{ else if $home }}text-white{{ else if eq $type "about" }}text-white{{ else }}{{ end }}" href ="{{ .Permalink }}">{{ .Lang }}</a>
<a class="nav-link language text-uppercase {{ if eq $theme "dark" }}text-white{{ else if eq $theme "light" }}text-dark{{ else if $home }}text-white{{ else if eq $type "about" }}text-white{{ else }}{{ end }}" {{ if isset $param "text" }}style="color: {{ $text }} !important;"{{ end }} href ="{{ .Permalink }}">{{ .Lang }}</a>
</li>
{{ end }}
{{ end }}
@ -64,10 +64,12 @@
<div class="navbar align-items-center justify-content-between">
<a aria-label="Ura Logo" class="brand" href="{{ .Site.BaseURL }}">
{{ if eq $theme "dark" }}
{{ if .IsHome }}
{{ partial "logo.html" "white" }}
{{ else if eq .Page.Type "about" }}
{{ partial "logo.html" "white" }}
{{ else if eq $theme "light" }}
{{ partial "logo.html" "dark" }}
{{ else if isset .Page.Params "text" }}
{{ partial "logo.html" $.Page.Params.text }}
{{ else }}
{{ partial "logo.html" "white" }}
{{ end }}
@ -75,7 +77,7 @@
</a>
<button type="button" class="closebtn" aria-label="Toggle navigation" onclick="closeNav()">
<span class="inline-svg">
<svg class="{{ if eq $theme "dark" }}text-white{{ else if eq $theme "light" }}text-dark{{ else }}{{ end }}" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="currentColor" d="M310.6 361.4c12.5 12.5 12.5 32.75 0 45.25C304.4 412.9 296.2 416 288 416s-16.38-3.125-22.62-9.375L160 301.3L54.63 406.6C48.38 412.9 40.19 416 32 416S15.63 412.9 9.375 406.6c-12.5-12.5-12.5-32.75 0-45.25l105.4-105.4L9.375 150.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L160 210.8l105.4-105.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-105.4 105.4L310.6 361.4z"></path></svg>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" {{ if isset .Page.Params "text" }}style="color: {{ .Page.Params.text }} !important;"{{ end }}><path fill="currentColor" d="M310.6 361.4c12.5 12.5 12.5 32.75 0 45.25C304.4 412.9 296.2 416 288 416s-16.38-3.125-22.62-9.375L160 301.3L54.63 406.6C48.38 412.9 40.19 416 32 416S15.63 412.9 9.375 406.6c-12.5-12.5-12.5-32.75 0-45.25l105.4-105.4L9.375 150.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L160 210.8l105.4-105.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-105.4 105.4L310.6 361.4z"></path></svg>
</span>
</button>
</div>
@ -84,12 +86,12 @@
<div class="container pt-4">
{{- $firstUrlElement := print "/" (index (split .RelPermalink "/") 1) "/" -}}
{{- range .Site.Menus.main -}}
<a class="{{ if eq $theme "dark" }}text-white{{ else if eq $theme "light" }}text-dark{{ else }}{{ end }} {{ if eq ($firstUrlElement|lower) (.URL|lower) }}active{{end}}" {{ if eq
($firstUrlElement|lower) (.URL|lower) }}aria-current="page" {{end}} href="{{ .URL | absLangURL }}">{{ .Name }}</a>
<a class="{{ if eq ($firstUrlElement|lower) (.URL|lower) }}active{{end}}" {{ if eq
($firstUrlElement|lower) (.URL|lower) }}aria-current="page" {{end}} {{ if isset $param "text" }}style="color: {{ $text }};"{{ end }} href="{{ .URL | absLangURL }}">{{ .Name }}</a>
{{ end }}
{{ if .IsTranslated }}
{{ range .Translations }}
<a class="language text-uppercase {{ if eq $theme "dark" }}text-white{{ else if eq $theme "light" }}text-dark{{ else if $home }}text-white{{ else if eq $type "about" }}text-white{{ else }}{{ end }}" href ="{{ .Permalink }}">{{ .Lang }}</a>
<a class="language text-uppercase" {{ if isset $param "text" }}style="color: {{ $text }};"{{ end }} href ="{{ .Permalink }}">{{ .Lang }}</a>
{{ end }}
{{ end }}
</div>

3
layouts/shortcodes/note.html

@ -0,0 +1,3 @@
<div class="colored-card" style="background-color: {{ .Get "bg" }}; color: {{ .Get "color" }};">
<p class="mb-0">{{ .Get "text" }}</p>
</div>

38
static/img/work/asciidoc.svg

@ -1,28 +1,16 @@
<svg width="800" height="450" viewBox="0 0 800 450" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="800" height="450" fill="#D2F4FD"/>
<path d="M161.721 171.024L197.187 232.836H258.76C259.165 230.179 259.375 227.457 259.375 224.687C259.375 195.037 235.338 171 205.687 171H162.427C162.19 171 161.954 171.008 161.721 171.024Z" fill="#1F8197"/>
<path d="M152 190.805L176.116 232.836H152V190.805Z" fill="#1F8197"/>
<path d="M152 251.112V267.947C152 273.706 156.669 278.375 162.427 278.375H202.245L186.602 251.112H152Z" fill="#1F8197"/>
<path d="M221.889 275.887C234.924 271.766 245.808 262.805 252.432 251.112H207.674L221.889 275.887Z" fill="#1F8197"/>
<path d="M286.371 236.013L312.248 171.732H322.398L348.184 236.013H334.925L314.992 183.253H319.564L299.355 236.013H286.371ZM300.087 224.035V213.611H334.651V224.035H300.087Z" fill="#404040"/>
<path d="M368.103 237.019C365.604 237.019 363.135 236.684 360.697 236.013C358.319 235.343 356.125 234.428 354.113 233.27C352.102 232.051 350.364 230.588 348.901 228.881L356.034 221.657C357.557 223.364 359.325 224.644 361.337 225.498C363.349 226.351 365.574 226.778 368.012 226.778C369.963 226.778 371.426 226.504 372.401 225.955C373.437 225.406 373.956 224.583 373.956 223.486C373.956 222.267 373.407 221.322 372.31 220.652C371.273 219.981 369.902 219.432 368.195 219.006C366.488 218.518 364.69 218 362.8 217.451C360.971 216.842 359.203 216.08 357.497 215.165C355.79 214.19 354.388 212.879 353.29 211.233C352.254 209.526 351.736 207.332 351.736 204.65C351.736 201.846 352.406 199.407 353.748 197.335C355.15 195.262 357.131 193.646 359.691 192.488C362.251 191.33 365.269 190.751 368.744 190.751C372.401 190.751 375.693 191.391 378.619 192.671C381.606 193.951 384.075 195.871 386.026 198.432L378.802 205.655C377.461 204.01 375.937 202.821 374.23 202.089C372.584 201.358 370.786 200.992 368.835 200.992C367.067 200.992 365.696 201.266 364.72 201.815C363.806 202.364 363.349 203.126 363.349 204.101C363.349 205.198 363.867 206.052 364.903 206.661C366 207.271 367.402 207.82 369.109 208.307C370.816 208.734 372.584 209.252 374.413 209.862C376.303 210.41 378.07 211.203 379.716 212.239C381.423 213.275 382.795 214.647 383.831 216.354C384.928 218.061 385.477 220.255 385.477 222.937C385.477 227.266 383.922 230.71 380.814 233.27C377.705 235.769 373.468 237.019 368.103 237.019Z" fill="#404040"/>
<path d="M412.116 236.928C407.605 236.928 403.552 235.922 399.955 233.91C396.358 231.899 393.524 229.155 391.451 225.681C389.379 222.206 388.342 218.305 388.342 213.976C388.342 209.587 389.379 205.655 391.451 202.181C393.524 198.706 396.358 195.963 399.955 193.951C403.613 191.879 407.666 190.842 412.116 190.842C415.591 190.842 418.792 191.482 421.718 192.763C424.644 194.043 427.173 195.871 429.307 198.249L421.626 206.021C420.468 204.741 419.066 203.766 417.42 203.095C415.835 202.425 414.067 202.089 412.116 202.089C409.922 202.089 407.941 202.607 406.173 203.644C404.466 204.619 403.094 205.991 402.058 207.759C401.083 209.465 400.595 211.508 400.595 213.885C400.595 216.201 401.083 218.274 402.058 220.103C403.094 221.871 404.466 223.273 406.173 224.309C407.941 225.284 409.922 225.772 412.116 225.772C414.128 225.772 415.926 225.437 417.511 224.766C419.157 224.035 420.559 222.998 421.718 221.657L429.49 229.43C427.234 231.868 424.644 233.727 421.718 235.007C418.792 236.288 415.591 236.928 412.116 236.928Z" fill="#404040"/>
<path d="M433.988 236.013V191.848H446.058V236.013H433.988ZM440.023 184.716C438.072 184.716 436.456 184.076 435.176 182.796C433.896 181.455 433.256 179.809 433.256 177.858C433.256 175.968 433.896 174.353 435.176 173.012C436.456 171.671 438.072 171 440.023 171C442.034 171 443.65 171.671 444.869 173.012C446.149 174.353 446.789 175.968 446.789 177.858C446.789 179.809 446.149 181.455 444.869 182.796C443.65 184.076 442.034 184.716 440.023 184.716Z" fill="#404040"/>
<path d="M454.383 236.013V191.848H466.453V236.013H454.383ZM460.418 184.716C458.467 184.716 456.852 184.076 455.572 182.796C454.291 181.455 453.651 179.809 453.651 177.858C453.651 175.968 454.291 174.353 455.572 173.012C456.852 171.671 458.467 171 460.418 171C462.429 171 464.045 171.671 465.264 173.012C466.544 174.353 467.184 175.968 467.184 177.858C467.184 179.809 466.544 181.455 465.264 182.796C464.045 184.076 462.429 184.716 460.418 184.716Z" fill="#404040"/>
<path d="M483.869 236.013V224.949H500.237C504.382 224.949 508.009 224.096 511.118 222.389C514.227 220.621 516.635 218.152 518.342 214.982C520.11 211.812 520.994 208.063 520.994 203.735C520.994 199.529 520.11 195.871 518.342 192.763C516.574 189.593 514.136 187.154 511.027 185.447C507.918 183.68 504.321 182.796 500.237 182.796H483.595V171.732H500.42C505.175 171.732 509.564 172.524 513.587 174.109C517.671 175.694 521.207 177.949 524.194 180.875C527.242 183.741 529.589 187.124 531.235 191.025C532.942 194.927 533.795 199.194 533.795 203.827C533.795 208.46 532.942 212.757 531.235 216.72C529.589 220.621 527.273 224.035 524.286 226.961C521.299 229.826 517.763 232.051 513.679 233.636C509.655 235.221 505.297 236.013 500.603 236.013H483.869ZM475.366 236.013V171.732H487.801V236.013H475.366Z" fill="#404040"/>
<path d="M560.175 236.928C555.725 236.928 551.702 235.922 548.105 233.91C544.569 231.838 541.735 229.064 539.601 225.589C537.529 222.054 536.492 218.122 536.492 213.794C536.492 209.465 537.529 205.595 539.601 202.181C541.674 198.706 544.509 195.963 548.105 193.951C551.702 191.879 555.695 190.842 560.084 190.842C564.595 190.842 568.618 191.879 572.154 193.951C575.75 195.963 578.585 198.706 580.657 202.181C582.73 205.595 583.766 209.465 583.766 213.794C583.766 218.122 582.73 222.054 580.657 225.589C578.585 229.064 575.75 231.838 572.154 233.91C568.618 235.922 564.625 236.928 560.175 236.928ZM560.084 225.772C562.339 225.772 564.32 225.284 566.027 224.309C567.795 223.273 569.136 221.871 570.051 220.103C571.026 218.274 571.514 216.201 571.514 213.885C571.514 211.569 571.026 209.526 570.051 207.759C569.075 205.991 567.734 204.619 566.027 203.644C564.32 202.607 562.339 202.089 560.084 202.089C557.889 202.089 555.938 202.607 554.232 203.644C552.525 204.619 551.184 205.991 550.208 207.759C549.233 209.526 548.745 211.569 548.745 213.885C548.745 216.201 549.233 218.274 550.208 220.103C551.184 221.871 552.525 223.273 554.232 224.309C555.938 225.284 557.889 225.772 560.084 225.772Z" fill="#404040"/>
<path d="M610.733 236.928C606.222 236.928 602.168 235.922 598.571 233.91C594.975 231.899 592.14 229.155 590.068 225.681C587.995 222.206 586.959 218.305 586.959 213.976C586.959 209.587 587.995 205.655 590.068 202.181C592.14 198.706 594.975 195.963 598.571 193.951C602.229 191.879 606.283 190.842 610.733 190.842C614.207 190.842 617.408 191.482 620.334 192.763C623.26 194.043 625.79 195.871 627.923 198.249L620.242 206.021C619.084 204.741 617.682 203.766 616.036 203.095C614.451 202.425 612.683 202.089 610.733 202.089C608.538 202.089 606.557 202.607 604.789 203.644C603.082 204.619 601.711 205.991 600.674 207.759C599.699 209.465 599.211 211.508 599.211 213.885C599.211 216.201 599.699 218.274 600.674 220.103C601.711 221.871 603.082 223.273 604.789 224.309C606.557 225.284 608.538 225.772 610.733 225.772C612.744 225.772 614.543 225.437 616.128 224.766C617.774 224.035 619.176 222.998 620.334 221.657L628.106 229.43C625.851 231.868 623.26 233.727 620.334 235.007C617.408 236.288 614.207 236.928 610.733 236.928Z" fill="#404040"/>
<path d="M292.403 273.95L287.691 255.527H290.521L293.969 269.042L297.403 255.527H299.89L303.338 269.042L306.773 255.527H309.602L304.917 273.95H301.772L298.64 261.751L295.548 273.95H292.403Z" fill="#404040"/>
<path d="M330.65 274.292C329.404 274.292 328.233 274.047 327.137 273.555C326.04 273.055 325.075 272.367 324.242 271.489C323.408 270.612 322.754 269.599 322.281 268.449C321.807 267.291 321.57 266.054 321.57 264.738C321.57 263.422 321.807 262.19 322.281 261.041C322.754 259.883 323.408 258.865 324.242 257.988C325.075 257.11 326.04 256.426 327.137 255.935C328.233 255.435 329.404 255.185 330.65 255.185C331.905 255.185 333.08 255.435 334.177 255.935C335.274 256.426 336.239 257.11 337.072 257.988C337.906 258.865 338.555 259.883 339.02 261.041C339.493 262.19 339.73 263.422 339.73 264.738C339.73 266.054 339.493 267.291 339.02 268.449C338.555 269.599 337.906 270.612 337.072 271.489C336.239 272.367 335.274 273.055 334.177 273.555C333.08 274.047 331.905 274.292 330.65 274.292ZM330.65 271.555C331.528 271.555 332.348 271.375 333.111 271.016C333.874 270.656 334.545 270.165 335.124 269.542C335.712 268.91 336.168 268.186 336.493 267.37C336.826 266.546 336.993 265.668 336.993 264.738C336.993 263.808 336.826 262.931 336.493 262.107C336.168 261.282 335.712 260.558 335.124 259.935C334.545 259.304 333.874 258.812 333.111 258.461C332.348 258.102 331.528 257.922 330.65 257.922C329.773 257.922 328.953 258.102 328.189 258.461C327.426 258.821 326.751 259.317 326.163 259.948C325.584 260.571 325.128 261.295 324.794 262.12C324.47 262.936 324.307 263.808 324.307 264.738C324.307 265.677 324.47 266.559 324.794 267.384C325.128 268.199 325.584 268.923 326.163 269.555C326.751 270.178 327.426 270.669 328.189 271.029C328.953 271.38 329.773 271.555 330.65 271.555Z" fill="#404040"/>
<path d="M353.132 273.95V255.527H359.909C360.901 255.527 361.796 255.772 362.594 256.264C363.401 256.755 364.037 257.417 364.502 258.251C364.976 259.075 365.213 259.997 365.213 261.014C365.213 261.874 365.05 262.659 364.726 263.37C364.401 264.08 363.954 264.686 363.383 265.186C362.813 265.686 362.155 266.046 361.41 266.265L365.857 273.95H362.699L358.383 266.515H355.856V273.95H353.132ZM355.856 263.778H359.62C360.137 263.778 360.611 263.646 361.041 263.383C361.48 263.12 361.826 262.769 362.081 262.33C362.344 261.892 362.475 261.396 362.475 260.843C362.475 260.29 362.344 259.795 362.081 259.356C361.826 258.909 361.48 258.558 361.041 258.303C360.611 258.04 360.137 257.909 359.62 257.909H355.856V263.778Z" fill="#404040"/>
<path d="M391.788 273.95H388.235L382.747 266.357L381.629 267.712V273.95H378.891V255.527H381.629V263.462L388.261 255.527H391.84L384.55 264.225L391.788 273.95Z" fill="#404040"/>
<path d="M404.612 273.95V255.527H407.349V273.95H404.612Z" fill="#404040"/>
<path d="M421.579 273.95V255.527H424.54L432.989 269.002V255.527H435.726V273.95H432.778L424.303 260.475V273.95H421.579Z" fill="#404040"/>
<path d="M457.595 274.292C456.314 274.292 455.121 274.047 454.016 273.555C452.919 273.055 451.958 272.367 451.134 271.489C450.318 270.603 449.677 269.581 449.212 268.423C448.756 267.265 448.528 266.032 448.528 264.725C448.528 263.348 448.774 262.08 449.265 260.922C449.756 259.764 450.428 258.76 451.279 257.909C452.13 257.049 453.099 256.382 454.187 255.908C455.283 255.435 456.433 255.198 457.635 255.198C458.994 255.198 460.302 255.514 461.556 256.145C462.811 256.777 463.903 257.724 464.833 258.988L462.385 260.317C461.754 259.527 461.017 258.931 460.174 258.527C459.341 258.124 458.486 257.922 457.608 257.922C456.757 257.922 455.95 258.097 455.187 258.448C454.424 258.79 453.748 259.273 453.16 259.896C452.573 260.51 452.108 261.234 451.765 262.067C451.432 262.892 451.265 263.791 451.265 264.765C451.265 265.703 451.428 266.585 451.752 267.41C452.086 268.234 452.542 268.958 453.121 269.581C453.709 270.195 454.384 270.678 455.147 271.029C455.919 271.38 456.744 271.555 457.621 271.555C458.271 271.555 458.894 271.45 459.49 271.239C460.087 271.029 460.639 270.73 461.148 270.344C461.666 269.95 462.118 269.48 462.504 268.936C462.89 268.392 463.197 267.787 463.425 267.12H459.516V264.699H466.636C466.653 266.015 466.425 267.252 465.951 268.41C465.486 269.568 464.837 270.59 464.004 271.476C463.179 272.353 462.219 273.042 461.122 273.542C460.025 274.042 458.85 274.292 457.595 274.292Z" fill="#404040"/>
<path d="M504.135 274.292C502.854 274.292 501.661 274.047 500.555 273.555C499.459 273.055 498.498 272.367 497.673 271.489C496.858 270.603 496.217 269.581 495.752 268.423C495.296 267.265 495.068 266.032 495.068 264.725C495.068 263.348 495.313 262.08 495.805 260.922C496.296 259.764 496.967 258.76 497.818 257.909C498.669 257.049 499.639 256.382 500.726 255.908C501.823 255.435 502.972 255.198 504.174 255.198C505.534 255.198 506.841 255.514 508.096 256.145C509.35 256.777 510.443 257.724 511.373 258.988L508.925 260.317C508.293 259.527 507.556 258.931 506.714 258.527C505.881 258.124 505.025 257.922 504.148 257.922C503.297 257.922 502.49 258.097 501.727 258.448C500.963 258.79 500.288 259.273 499.7 259.896C499.112 260.51 498.647 261.234 498.305 262.067C497.972 262.892 497.805 263.791 497.805 264.765C497.805 265.703 497.967 266.585 498.292 267.41C498.625 268.234 499.082 268.958 499.661 269.581C500.248 270.195 500.924 270.678 501.687 271.029C502.459 271.38 503.284 271.555 504.161 271.555C504.81 271.555 505.433 271.45 506.03 271.239C506.626 271.029 507.179 270.73 507.688 270.344C508.205 269.95 508.657 269.48 509.043 268.936C509.429 268.392 509.736 267.787 509.964 267.12H506.056V264.699H513.175C513.193 266.015 512.965 267.252 512.491 268.41C512.026 269.568 511.377 270.59 510.543 271.476C509.719 272.353 508.758 273.042 507.662 273.542C506.565 274.042 505.389 274.292 504.135 274.292Z" fill="#404040"/>
<path d="M526.328 273.95V255.527H533.105C534.096 255.527 534.991 255.772 535.789 256.264C536.596 256.755 537.232 257.417 537.697 258.251C538.171 259.075 538.408 259.997 538.408 261.014C538.408 261.874 538.246 262.659 537.921 263.37C537.597 264.08 537.149 264.686 536.579 265.186C536.009 265.686 535.351 266.046 534.605 266.265L539.053 273.95H535.895L531.578 266.515H529.052V273.95H526.328ZM529.052 263.778H532.815C533.333 263.778 533.807 263.646 534.236 263.383C534.675 263.12 535.022 262.769 535.276 262.33C535.539 261.892 535.671 261.396 535.671 260.843C535.671 260.29 535.539 259.795 535.276 259.356C535.022 258.909 534.675 258.558 534.236 258.303C533.807 258.04 533.333 257.909 532.815 257.909H529.052V263.778Z" fill="#404040"/>
<path d="M559.998 274.292C558.752 274.292 557.581 274.047 556.484 273.555C555.388 273.055 554.423 272.367 553.589 271.489C552.756 270.612 552.102 269.599 551.629 268.449C551.155 267.291 550.918 266.054 550.918 264.738C550.918 263.422 551.155 262.19 551.629 261.041C552.102 259.883 552.756 258.865 553.589 257.988C554.423 257.11 555.388 256.426 556.484 255.935C557.581 255.435 558.752 255.185 559.998 255.185C561.253 255.185 562.428 255.435 563.525 255.935C564.621 256.426 565.586 257.11 566.42 257.988C567.253 258.865 567.903 259.883 568.368 261.041C568.841 262.19 569.078 263.422 569.078 264.738C569.078 266.054 568.841 267.291 568.368 268.449C567.903 269.599 567.253 270.612 566.42 271.489C565.586 272.367 564.621 273.055 563.525 273.555C562.428 274.047 561.253 274.292 559.998 274.292ZM559.998 271.555C560.875 271.555 561.696 271.375 562.459 271.016C563.222 270.656 563.893 270.165 564.472 269.542C565.06 268.91 565.516 268.186 565.841 267.37C566.174 266.546 566.341 265.668 566.341 264.738C566.341 263.808 566.174 262.931 565.841 262.107C565.516 261.282 565.06 260.558 564.472 259.935C563.893 259.304 563.222 258.812 562.459 258.461C561.696 258.102 560.875 257.922 559.998 257.922C559.121 257.922 558.3 258.102 557.537 258.461C556.774 258.821 556.098 259.317 555.511 259.948C554.932 260.571 554.475 261.295 554.142 262.12C553.817 262.936 553.655 263.808 553.655 264.738C553.655 265.677 553.817 266.559 554.142 267.384C554.475 268.199 554.932 268.923 555.511 269.555C556.098 270.178 556.774 270.669 557.537 271.029C558.3 271.38 559.121 271.555 559.998 271.555Z" fill="#404040"/>
<path d="M589.253 274.292C587.779 274.292 586.493 273.933 585.397 273.213C584.309 272.494 583.462 271.529 582.857 270.318C582.26 269.099 581.962 267.748 581.962 266.265V255.527H584.699V266.265C584.699 267.23 584.875 268.116 585.226 268.923C585.585 269.722 586.103 270.362 586.779 270.844C587.463 271.318 588.288 271.555 589.253 271.555C590.244 271.555 591.077 271.318 591.753 270.844C592.428 270.362 592.937 269.722 593.279 268.923C593.63 268.116 593.806 267.23 593.806 266.265V255.527H596.543V266.265C596.543 267.379 596.372 268.423 596.03 269.397C595.688 270.362 595.196 271.213 594.556 271.95C593.915 272.687 593.148 273.261 592.253 273.674C591.358 274.086 590.358 274.292 589.253 274.292Z" fill="#404040"/>
<path d="M609.961 273.95V255.527H616.304C617.296 255.527 618.19 255.772 618.989 256.264C619.796 256.755 620.436 257.417 620.91 258.251C621.393 259.084 621.634 260.005 621.634 261.014C621.634 262.041 621.388 262.971 620.897 263.804C620.414 264.629 619.77 265.287 618.962 265.778C618.155 266.269 617.269 266.515 616.304 266.515H612.698V273.95H609.961ZM612.698 263.778H616.028C616.554 263.778 617.032 263.646 617.462 263.383C617.901 263.12 618.247 262.769 618.502 262.33C618.765 261.892 618.897 261.396 618.897 260.843C618.897 260.29 618.765 259.795 618.502 259.356C618.247 258.909 617.901 258.558 617.462 258.303C617.032 258.04 616.554 257.909 616.028 257.909H612.698V263.778Z" fill="#404040"/>
<path d="M634.371 177.801C634.371 175.997 635.089 174.268 636.367 172.993C637.645 171.717 639.378 171.001 641.186 171.001C642.993 171.001 644.726 171.717 646.004 172.993C647.282 174.268 648 175.997 648 177.801V177.801C648 179.604 647.282 181.334 646.004 182.609C644.726 183.884 642.993 184.601 641.186 184.601C639.378 184.601 637.645 183.884 636.367 182.609C635.089 181.334 634.371 179.604 634.371 177.801ZM647.212 177.801C647.212 176.206 646.577 174.677 645.447 173.549C644.317 172.421 642.784 171.788 641.186 171.788C639.587 171.788 638.055 172.421 636.925 173.549C635.795 174.677 635.16 176.206 635.16 177.801V177.801C635.144 178.597 635.288 179.388 635.585 180.127C635.881 180.867 636.324 181.539 636.886 182.104C637.448 182.669 638.119 183.115 638.857 183.417C639.596 183.718 640.388 183.868 641.186 183.858C641.988 183.862 642.784 183.707 643.526 183.401C644.268 183.096 644.942 182.646 645.508 182.078C646.074 181.51 646.522 180.836 646.824 180.094C647.127 179.352 647.279 178.557 647.271 177.756L647.212 177.801ZM638.374 174.134H641.811C643.462 174.134 644.667 174.876 644.667 176.479C644.69 176.976 644.542 177.465 644.246 177.865C643.951 178.265 643.527 178.551 643.045 178.677L644.786 181.156H642.718L641.23 178.929H640.129V181.156H638.418L638.374 174.134ZM641.572 177.563C642.361 177.563 642.793 177.177 642.793 176.598C642.793 176.019 642.316 175.618 641.572 175.618H640.085V177.563H641.572Z" fill="#404040"/>
<path d="M158.821 171.024L194.651 233.208H256.856C257.265 230.534 257.477 227.797 257.477 225.01C257.477 195.181 233.194 171 203.239 171H159.535C159.295 171 159.057 171.008 158.821 171.024Z" fill="#1F8197"/>
<path d="M149 190.925L173.364 233.208H149V190.925Z" fill="#1F8197"/>
<path d="M149 251.594V268.53C149 274.324 153.716 279.02 159.535 279.02H199.761L183.958 251.594H149Z" fill="#1F8197"/>
<path d="M219.606 276.518C232.775 272.372 243.771 263.357 250.463 251.594H205.245L219.606 276.518Z" fill="#1F8197"/>
<path d="M284.746 255.852L310.889 191.184H321.143L347.194 255.852H333.799L313.66 202.775H318.279L297.864 255.852H284.746ZM298.603 243.802V233.315H333.522V243.802H298.603Z" fill="#404040"/>
<path d="M367.318 256.864C364.793 256.864 362.298 256.527 359.835 255.852C357.433 255.178 355.216 254.258 353.184 253.093C351.151 251.866 349.396 250.394 347.918 248.677L355.124 241.41C356.663 243.127 358.449 244.415 360.482 245.274C362.514 246.132 364.762 246.562 367.225 246.562C369.196 246.562 370.674 246.286 371.659 245.734C372.706 245.182 373.23 244.354 373.23 243.25C373.23 242.023 372.676 241.073 371.567 240.398C370.52 239.724 369.134 239.172 367.41 238.743C365.686 238.252 363.869 237.731 361.96 237.179C360.112 236.565 358.326 235.799 356.602 234.879C354.877 233.898 353.461 232.579 352.352 230.923C351.305 229.206 350.782 226.999 350.782 224.3C350.782 221.479 351.459 219.026 352.814 216.941C354.231 214.856 356.232 213.231 358.819 212.066C361.405 210.9 364.454 210.318 367.964 210.318C371.659 210.318 374.985 210.962 377.941 212.25C380.959 213.538 383.453 215.469 385.424 218.045L378.126 225.312C376.771 223.656 375.231 222.46 373.507 221.725C371.844 220.989 370.027 220.621 368.057 220.621C366.271 220.621 364.885 220.897 363.9 221.449C362.976 222 362.514 222.767 362.514 223.748C362.514 224.852 363.037 225.711 364.084 226.324C365.193 226.937 366.609 227.489 368.334 227.98C370.058 228.409 371.844 228.93 373.692 229.544C375.601 230.096 377.387 230.893 379.05 231.935C380.774 232.978 382.16 234.358 383.207 236.075C384.315 237.792 384.869 240 384.869 242.698C384.869 247.052 383.299 250.517 380.158 253.093C377.017 255.607 372.737 256.864 367.318 256.864Z" fill="#404040"/>
<path d="M411.783 256.772C407.225 256.772 403.13 255.76 399.496 253.737C395.863 251.713 392.999 248.953 390.905 245.458C388.811 241.962 387.764 238.037 387.764 233.683C387.764 229.268 388.811 225.312 390.905 221.817C392.999 218.321 395.863 215.561 399.496 213.538C403.191 211.452 407.287 210.41 411.783 210.41C415.293 210.41 418.526 211.054 421.482 212.342C424.438 213.629 426.994 215.469 429.15 217.861L421.39 225.68C420.22 224.392 418.803 223.411 417.14 222.736C415.539 222.062 413.753 221.725 411.783 221.725C409.565 221.725 407.564 222.246 405.778 223.288C404.054 224.27 402.668 225.649 401.621 227.428C400.636 229.145 400.143 231.199 400.143 233.591C400.143 235.922 400.636 238.007 401.621 239.846C402.668 241.625 404.054 243.035 405.778 244.078C407.564 245.059 409.565 245.55 411.783 245.55C413.815 245.55 415.632 245.212 417.233 244.538C418.896 243.802 420.312 242.759 421.482 241.41L429.334 249.229C427.056 251.682 424.438 253.553 421.482 254.841C418.526 256.128 415.293 256.772 411.783 256.772Z" fill="#404040"/>
<path d="M433.878 255.852V211.422H446.072V255.852H433.878ZM439.975 204.247C438.004 204.247 436.372 203.603 435.079 202.315C433.786 200.966 433.139 199.31 433.139 197.347C433.139 195.446 433.786 193.821 435.079 192.472C436.372 191.123 438.004 190.448 439.975 190.448C442.007 190.448 443.64 191.123 444.871 192.472C446.165 193.821 446.811 195.446 446.811 197.347C446.811 199.31 446.165 200.966 444.871 202.315C443.64 203.603 442.007 204.247 439.975 204.247Z" fill="#404040"/>
<path d="M454.483 255.852V211.422H466.677V255.852H454.483ZM460.58 204.247C458.609 204.247 456.977 203.603 455.684 202.315C454.39 200.966 453.744 199.31 453.744 197.347C453.744 195.446 454.39 193.821 455.684 192.472C456.977 191.123 458.609 190.448 460.58 190.448C462.612 190.448 464.244 191.123 465.476 192.472C466.769 193.821 467.416 195.446 467.416 197.347C467.416 199.31 466.769 200.966 465.476 202.315C464.244 203.603 462.612 204.247 460.58 204.247Z" fill="#404040"/>
<path d="M484.272 255.852V244.722H500.808C504.996 244.722 508.66 243.863 511.801 242.146C514.942 240.368 517.374 237.884 519.099 234.695C520.885 231.506 521.778 227.734 521.778 223.38C521.778 219.149 520.885 215.469 519.099 212.342C517.313 209.153 514.849 206.7 511.709 204.983C508.568 203.204 504.934 202.315 500.808 202.315H483.995V191.184H500.993C505.796 191.184 510.23 191.981 514.295 193.576C518.421 195.17 521.993 197.439 525.011 200.383C528.09 203.265 530.461 206.669 532.124 210.594C533.848 214.519 534.711 218.812 534.711 223.472C534.711 228.133 533.848 232.457 532.124 236.443C530.461 240.368 528.121 243.802 525.103 246.746C522.086 249.628 518.514 251.866 514.387 253.461C510.323 255.055 505.92 255.852 501.177 255.852H484.272ZM475.681 255.852V191.184H488.245V255.852H475.681Z" fill="#404040"/>
<path d="M561.361 256.772C556.866 256.772 552.801 255.76 549.167 253.737C545.596 251.652 542.732 248.861 540.576 245.366C538.482 241.809 537.435 237.853 537.435 233.499C537.435 229.145 538.482 225.251 540.576 221.817C542.67 218.321 545.534 215.561 549.167 213.538C552.801 211.452 556.835 210.41 561.269 210.41C565.826 210.41 569.891 211.452 573.463 213.538C577.096 215.561 579.96 218.321 582.054 221.817C584.148 225.251 585.195 229.145 585.195 233.499C585.195 237.853 584.148 241.809 582.054 245.366C579.96 248.861 577.096 251.652 573.463 253.737C569.891 255.76 565.857 256.772 561.361 256.772ZM561.269 245.55C563.548 245.55 565.549 245.059 567.274 244.078C569.06 243.035 570.414 241.625 571.338 239.846C572.324 238.007 572.816 235.922 572.816 233.591C572.816 231.261 572.324 229.206 571.338 227.428C570.353 225.649 568.998 224.27 567.274 223.288C565.549 222.246 563.548 221.725 561.269 221.725C559.052 221.725 557.081 222.246 555.357 223.288C553.632 224.27 552.278 225.649 551.292 227.428C550.307 229.206 549.814 231.261 549.814 233.591C549.814 235.922 550.307 238.007 551.292 239.846C552.278 241.625 553.632 243.035 555.357 244.078C557.081 245.059 559.052 245.55 561.269 245.55Z" fill="#404040"/>
<path d="M612.438 256.772C607.881 256.772 603.785 255.76 600.152 253.737C596.518 251.713 593.655 248.953 591.561 245.458C589.467 241.962 588.42 238.037 588.42 233.683C588.42 229.268 589.467 225.312 591.561 221.817C593.655 218.321 596.518 215.561 600.152 213.538C603.847 211.452 607.942 210.41 612.438 210.41C615.949 210.41 619.182 211.054 622.138 212.342C625.094 213.629 627.65 215.469 629.805 217.861L622.045 225.68C620.875 224.392 619.459 223.411 617.796 222.736C616.195 222.062 614.409 221.725 612.438 221.725C610.221 221.725 608.22 222.246 606.434 223.288C604.709 224.27 603.324 225.649 602.277 227.428C601.291 229.145 600.799 231.199 600.799 233.591C600.799 235.922 601.291 238.007 602.277 239.846C603.324 241.625 604.709 243.035 606.434 244.078C608.22 245.059 610.221 245.55 612.438 245.55C614.47 245.55 616.287 245.212 617.888 244.538C619.551 243.802 620.968 242.759 622.138 241.41L629.99 249.229C627.711 251.682 625.094 253.553 622.138 254.841C619.182 256.128 615.949 256.772 612.438 256.772Z" fill="#404040"/>
<path d="M636.496 197.289C636.496 195.475 637.221 193.735 638.513 192.452C639.804 191.169 641.555 190.448 643.381 190.448C645.206 190.448 646.958 191.169 648.249 192.452C649.54 193.735 650.265 195.475 650.265 197.289V197.289C650.265 199.103 649.54 200.843 648.249 202.126C646.958 203.409 645.206 204.13 643.381 204.13C641.555 204.13 639.804 203.409 638.513 202.126C637.221 200.843 636.496 199.103 636.496 197.289ZM649.468 197.289C649.468 195.685 648.827 194.146 647.685 193.012C646.544 191.877 644.995 191.24 643.381 191.24C641.766 191.24 640.218 191.877 639.076 193.012C637.934 194.146 637.293 195.685 637.293 197.289V197.289C637.277 198.09 637.423 198.886 637.722 199.629C638.022 200.373 638.469 201.049 639.037 201.618C639.605 202.186 640.282 202.636 641.028 202.939C641.775 203.242 642.574 203.393 643.381 203.383C644.192 203.387 644.995 203.231 645.745 202.923C646.495 202.616 647.175 202.163 647.747 201.592C648.32 201.021 648.772 200.342 649.077 199.596C649.383 198.849 649.537 198.05 649.529 197.244L649.468 197.289ZM640.54 193.6H644.012C645.68 193.6 646.898 194.347 646.898 195.96C646.921 196.459 646.771 196.951 646.473 197.353C646.175 197.756 645.746 198.044 645.26 198.17L647.018 200.664H644.929L643.426 198.424H642.313V200.664H640.585L640.54 193.6ZM643.771 197.05C644.568 197.05 645.004 196.662 645.004 196.079C645.004 195.497 644.523 195.093 643.771 195.093H642.268V197.05H643.771Z" fill="#404040"/>
</svg>

Before

Width:  |  Height:  |  Size: 18 KiB

After

Width:  |  Height:  |  Size: 8.5 KiB

Loading…
Cancel
Save