arya/mozhi
1
0
Fork 0
mirror of https://codeberg.org/aryak/mozhi synced 2025-02-27 11:45:11 +05:30
Code Issues Actions Packages Projects Releases Wiki Activity

first changes

Browse Source
This commit is contained in:
Midou36O 2024-01-09 21:48:47 +01:00
parent b34c70d8bd
commit aa39615d06
Signed by untrusted user: midou
GPG Key ID: 1D134A95FE521A7A
2 changed files with 17 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
views/header.html
View File

@ -1,4 +1,4 @@
<!DOCTYPE html>
<!doctype html>
<html lang="en">
<head>
{{ if .title }}
@ -14,17 +14,22 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta charset="UTF-8" />
<meta name="referrer" content="no-referrer" />
<script src="/js/nice-select2.js"></script>
<link rel="stylesheet" href="/css/nice-select2.css">
<script src="/js/nice-select2.js"></script>
<link rel="stylesheet" href="/css/nice-select2.css" />
<link rel="stylesheet" href="/css/style.css" />
<link rel="stylesheet" href="/css/tailwind.min.css" />
</head>
<body>
<body class="mx-auto">
<header>
<a href="/"><img src="/assets/mozhi.png" alt="Mozhi Logo" class="navlogo" /></a>
<a href="/"
><img src="/assets/mozhi.png" alt="Mozhi Logo" class="navlogo"
/></a>
<nav>
<a href="/about">About</a>
<a href="/api/swagger">API</a>
</nav>
</header>
<br />
</body>
</html>

14
views/index.html
View File

@ -1,13 +1,13 @@
{{template "header" .}}
<main>
<!-- Need to do this custom selector thingy since <select> cant submit on click -->
<div class="custom-select">
<div class="custom-select my-2 mx-4 relative inline-block hover:block">
{{range $key, $value := .enginesNames}} {{ if eq $.Engine $key }}Translate
with: <a href="#" class="selected-option">{{$value}}</a> {{end}} {{end}}
<ul class="options">
{{range $key, $value := .enginesNames}}
<a href="/?engine={{$key}}">
<li>{{$value}}</li>
<li class="hover:bg-orange-600 hover:text-black">{{$value}}</li>
</a>
{{end}}
</ul>
@ -33,7 +33,7 @@
</select>
</div>
<div class="switch_languages">
<div class="switch_languages" class="wrap bg-orange-600 flex px-1 py-1 justify-end gap-1 rounded">
<button id="switchbutton" aria-label="Switch languages" formaction="/switchlanguages?engine={{ .Engine }}"
type="submit">
<!-- https://icon-sets.iconify.design/ci/arrow-left-right/ -->
@ -94,15 +94,15 @@
{{end}}
<div style="display:flex; justify-content:space-around; align-items:center;">
{{if .TranslationExists}}
<button class="wrap" type="button" onclick="copyToClipboard()">
<button class="wrap bg-orange-600 flex px-1 py-2 justify-end gap-1 rounded" type="button" onclick="copyToClipboard()">
Copy the translation
</button>
{{end}}
{{ if and .Engine .From .To .OriginalText }}<p><a class="button" style="color:#010000; text-decoration: none;" href="/?engine={{.Engine}}&from={{.From}}&to={{.To}}&text={{.OriginalText}}">Copy translation link</a></p>{{end}}
{{ if and .Engine .From .To .OriginalText }}<p><a class="wrap bg-orange-600 flex px-1 py-2 justify-end gap-1 rounded" href="/?engine={{.Engine}}&from={{.From}}&to={{.To}}&text={{.OriginalText}}">Copy translation link</a></p>{{end}}
{{if .TranslationExists}}
<button class="wrap" type="submit">
<button class="wrap bg-orange-600 flex px-1 py-2 justify-end gap-1 rounded" type="submit">
{{else}}
<button class="wrap" style="margin-left:auto; position:relative; left:-10%;margin-top: 1%;" type="submit">
<button class="wrap bg-orange-600 flex px-1 py-2 justify-end gap-1 rounded" style="margin-left:auto; position:relative; left:-10%;margin-top: 1%;" type="submit">
{{end}}
Translate!
</button>