left-center everything + fmt about.html
This commit is contained in:
parent
4dcbb74f20
commit
83a82f3919
2 changed files with 22 additions and 14 deletions
|
@ -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;
|
||||||
|
|
|
@ -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" .}}
|
||||||
|
|
Loading…
Reference in a new issue