fattalion: 1 Fix and refactor HTML a bit 2 files changed, 8 insertions(+), 23 deletions(-)
Copy & paste the following snippet into your terminal to import this patchset into git:
curl -s https://lists.sr.ht/~metalune/simplytranslate-devel/patches/30761/mbox | git am -3Learn more about email & git
Things done in this commit: - fix engines being mashed together - don't include trailing space in engine link - remove outdated comment - other small refactors --- templates/index.html | 27 ++++++--------------------- templates/prefs.html | 4 ++-- 2 files changed, 8 insertions(+), 23 deletions(-) diff --git a/templates/index.html b/templates/index.html index 5b71740..1bc041b 100644 --- a/templates/index.html +++ b/templates/index.html @@ -27,11 +27,6 @@ <style> .center { - display: flex; - justify-content: center; - } - - .center-text { text-align: center; } @@ -202,8 +197,7 @@ </head> <body> - - <header class="center-text"><h1>SimplyTranslate</h1></header> + <header class="center"><h1>SimplyTranslate</h1></header> <form action="/?engine={{ engine }}" method="POST" id="translation-form"> @@ -218,14 +212,7 @@ text-decoration: underline; {% endif %} " href="/?engine={{ _engine.name }}"> - {# These hyphens remove whitespace before/after the block. - They're here to remove the trailing space in the Google - engine link, which gets on yours truly's nerves. - I tried to put them just at the end only (i.e. `-%}`), - but it didn't work for whatever reason. - #} - - {{ _engine.display_name}} + {{ _engine.display_name -}} </a> {% if not loop.last %} @@ -264,7 +251,7 @@ </div> {% if could_not_switch_languages %} - <div class="center-text" id="could_not_switch_languages_text"> + <div class="center" id="could_not_switch_languages_text"> Sorry, {{ engine }} doesn't support switching from autodetect. </div> <br> @@ -312,7 +299,7 @@ <br> - <div class="center-text"> + <div class="center"> <!-- link to share translation --> <a href="/?engine={{ engine }}&text={{ inp|urlencode }}&sl={{ from_l_code }}&tl={{ to_l_code }}">Copy this link to share this translation with others</a> </div> @@ -378,10 +365,8 @@ <br> <br> - <footer> - <div class="center-text"> - <a href="/prefs">Preferences</a> | <a href="https://simple-web.org/projects/simplytranslate.html">Project Page</a> | <a href="https://simple-web.org">Simple Web Project</a> - </div> + <footer class="center"> + <a href="/prefs">Preferences</a> | <a href="https://simple-web.org/projects/simplytranslate.html">Project Page</a> | <a href="https://simple-web.org">Simple Web Project</a> </footer> <script> diff --git a/templates/prefs.html b/templates/prefs.html index 66e994e..22f38d1 100644 --- a/templates/prefs.html +++ b/templates/prefs.html @@ -8,7 +8,7 @@ <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta charset="UTF-8"> <style> - .center-text { + .center { text-align: center; } @@ -53,7 +53,7 @@ </head> <body> - <header class="center-text"><h1>SimplyTranslate</h1></header> + <header class="center"><h1>SimplyTranslate</h1></header> <h2>Preferences</h2> <hr> -- 2.35.1