summaryrefslogtreecommitdiffstats
path: root/pages
diff options
context:
space:
mode:
Diffstat (limited to 'pages')
-rw-r--r--pages/about.html54
-rw-r--r--pages/settings.html32
2 files changed, 52 insertions, 34 deletions
diff --git a/pages/about.html b/pages/about.html
index 8d18a85..08c9c47 100644
--- a/pages/about.html
+++ b/pages/about.html
@@ -70,9 +70,13 @@
<div class="container">
<div class="row">
<div class="col s12">
- <h3><b class="title-secondary">Beži</b><span class="title-primary">App</span>
+ <h3>
+ <b class="title-secondary">Beži</b><span class="title-primary">App</span>
</h3>
- <h5 class="subheader"><x-su>version</x-su> 1.0.13-beta</h5>
+ <!-- One day in the future we may have sw cache version covered by this as well -->
+ <h5 class="subheader"><x-su>version</x-su>
+1.0.13-bet
+</h5>
</div>
</div>
<div class="row">
@@ -81,29 +85,35 @@
<li class="collection-header">
<h5><x-su>authors</x-su></h5>
</li>
- <li class="collection-item avatar">
+ <li class="valign-wrapper collection-item avatar">
<img src="/img/avatars/rstular.png" class="circle">
<span class="title about-text">Rok Štular</span>
- &nbsp;&nbsp;&nbsp;&nbsp; <!-- technology -->
- <a href="messaging.html#Rok Štular" class="btn waves-effect waves-light" type="button">
- <i class="material-icons">message</i>
- </a>
- <a target="_blank" href="https://instagram.com/rstular/"
- class="secondary-content btn-floating btn-medium waves-effect waves-light button-theme-gimb"><i
- class="fab fa-instagram"></i></a>
+
+ <div class="secondary-content about-button-box">
+ <a href="messaging.html#Rok Štular" class="btn-floating btn-medium waves-effect waves-light button-theme-gimb" type="button">
+ <i class="material-icons">message</i>
+ </a>
+ <a target="_blank" href="https://instagram.com/rstular/"
+ class="btn-floating btn-medium waves-effect waves-light button-theme-gimb">
+ <i class="fab fa-instagram"></i>
+ </a>
+ </div>
+
</li>
- <li class="collection-item avatar">
+ <li class="valign-wrapper collection-item avatar">
<img src="/img/avatars/asijanec.png" class="circle">
<span class="title about-text">Anton Luka Šijanec</span>
- <a target="_blank" href="https://instagram.com/asijanec/"
- class="secondary-content btn-floating btn-medium waves-effect waves-light button-theme-gimb"><i
- class="fab fa-instagram"></i></a>
- </a>
- &nbsp;&nbsp;&nbsp;&nbsp; <!-- technology -->
- <a href="messaging.html#Anton Luka Šijanec" class="btn waves-effect waves-light" type="button">
- <i class="material-icons">message</i>
- </a>
+
+ <div class="secondary-content about-button-box">
+ <a href="messaging.html#Anton Luka Šijanec" class="btn-floating btn-medium waves-effect waves-light button-theme-gimb" type="button">
+ <i class="material-icons">message</i>
+ </a>
+ <a target="_blank" href="https://instagram.com/rstular/"
+ class="btn-floating btn-medium waves-effect waves-light button-theme-gimb">
+ <i class="fab fa-instagram"></i>
+ </a>
+ </div>
</li>
</ul>
</div>
@@ -114,7 +124,7 @@
<li class="collection-header">
<h5><x-su>translatorsForThisLanguage</x-su> - <x-su>miscTranslationLanguage</x-su></h5>
</li>
- <li class="collection-item avatar">
+ <li class="collection-item">
<span class="title about-text"><x-su>miscTranslationAuthors</x-su></span>
</li>
</ul>
@@ -127,8 +137,8 @@
<a href="/pages/tos.html" class="collection-item"><x-su>theToS</x-su></a>
<a href="/pages/privacypolicy.html" class="collection-item"><x-su>thePrivacyPolicy</x-su></a>
<a href="https://instagram.com/beziapp/" target="_blank" class="collection-item">
- <x-su>reportABug</x-su> / <x-su>sendASuggestion</x-su> (<x-su>instagram></x-su>: @beziapp)
- </a>
+ <x-su>reportABug</x-su> / <x-su>sendASuggestion</x-su> (<x-su>instagram</x-su>: @beziapp)
+ </a>
</div>
</div>
</div>
diff --git a/pages/settings.html b/pages/settings.html
index ff667a8..ab40c02 100644
--- a/pages/settings.html
+++ b/pages/settings.html
@@ -72,21 +72,29 @@
<div class="col s12">
<h3><b class="title-secondary">Beži</b><span class="title-primary">App</span>
</h3>
- <h5 class="subheader"><x-su>settings</x-su></h5>
+ <h4 class="subheader"><x-su>settings</x-su></h4>
</div>
</div>
<div class="row">
+ <h5><x-su>language</x-su></h5>
<div class="col s12">
- <ul class="collection with-header">
- <li class="collection-header">
- <h5><x-su>language</x-su></h5>
- </li>
- <li data-language="sl" class="settings-language-selector collection-item waves-effect">
- <span class="title about-text">Slovenščina</span>
- </li>
- <li date-language="en" class="collection-item waves-effect">
- <span class="title about-text">English</span>
- </li>
+ <div class="collection">
+ <a data-language="sl" class="collection-item settings-language-selector" href="#">
+ <div>
+ Slovenščina
+ <div class="secondary-content">
+ <img class="flag-icon" src="/img/flags/sl.svg" />
+ </div>
+ </div>
+ </a>
+ <a data-language="en" class="collection-item settings-language-selector" href="#">
+ <div>
+ English
+ <div class="secondary-content">
+ <img class="flag-icon" src="/img/flags/en.svg" />
+ </div>
+ </div>
+ </a>
<!--
<li class="collection-item waves-effect">
<span class="title about-text">Srpskohrvatski</span>
@@ -116,7 +124,7 @@
<span class="title about-text">Lingua latīna</span>
</li>
-->
- </ul>
+ </div>
</div>
</div>
</div>