left-center everything + fmt about.html

This commit is contained in:
Arya 2023-09-20 15:54:34 +05:30
parent 4dcbb74f20
commit 83a82f3919
Signed by: arya
GPG Key ID: 842D12BDA50DF120
2 changed files with 22 additions and 14 deletions

View File

@ -64,7 +64,6 @@ textarea {
background-color: #222; background-color: #222;
border-color: #9d9d9d; border-color: #9d9d9d;
color: #f8f9fa; color: #f8f9fa;
margin-bottom: 20px
} }
textarea:focus { textarea:focus {
border-color: #e5ebff; border-color: #e5ebff;
@ -75,7 +74,6 @@ select {
display: flex; display: flex;
padding: 4px 8px; padding: 4px 8px;
justify-content: space-between; justify-content: space-between;
align-items: center;
flex: 1 0 0; flex: 1 0 0;
border-right: none; border-right: none;
border-bottom: none; border-bottom: none;
@ -93,7 +91,6 @@ button {
display: flex; display: flex;
padding: 4px 8px; padding: 4px 8px;
justify-content: flex-end; justify-content: flex-end;
align-items: center;
gap: 2px; gap: 2px;
border: none; border: none;
border-radius: 4px; border-radius: 4px;
@ -108,7 +105,6 @@ button:hover {
.wrap { .wrap {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: center;
} }
.wrap.languages { .wrap.languages {
flex-wrap: nowrap; flex-wrap: nowrap;
@ -123,9 +119,7 @@ button:hover {
height: 150px; height: 150px;
} }
.item-wrapper { .item-wrapper {
display: flex; display: block;
flex-wrap: wrap;
justify-content: center;
width: 450px; width: 450px;
margin: 5px 10px; margin: 5px 10px;
gap: 10px; gap: 10px;

View File

@ -2,11 +2,25 @@
<main> <main>
<h1>About Mozhi</h1> <h1>About Mozhi</h1>
<h2>What is Mozhi?</h2> <h2>What is Mozhi?</h2>
<p>Mozhi is an alternative frontend for many translation engines such as google, yandex, duckduckgo, libretranslate and more!</p> <p>
Mozhi is an alternative frontend for many translation engines such as
google, yandex, duckduckgo, libretranslate and more!
</p>
<h2>Why would I use this over just directly accessing the engine in question</h2> <h2>
<p>There are many reasons why using an alternative-frontend like mozhi is superior to directly accessing the service in question, and the biggest and most obvious reason is of course, privacy.</p> Why would I use this over just directly accessing the engine in question
</h2>
<p>
There are many reasons why using an alternative-frontend like mozhi is
superior to directly accessing the service in question, and the biggest and
most obvious reason is of course, privacy.
</p>
<p>However, there are other reasons to use it as well.</p> <p>However, there are other reasons to use it as well.</p>
<p>In many cases, different translation engines can give vastly different results for the given text, and in some cases where you need the most accurate/poetic translation, having the ability to have the output of all the engines right in front of you is extremely useful.</p> <p>
In many cases, different translation engines can give vastly different
results for the given text, and in some cases where you need the most
accurate/poetic translation, having the ability to have the output of all
the engines right in front of you is extremely useful.
</p>
</main> </main>
{{ template "footer" .}} {{ template "footer" .}}