rob
/
gtranslate
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
gtranslate/templates/index.html

60 lines
1.9 KiB
HTML
Raw Normal View History

Initial
2021-01-17 20:09:57 +00:00
{{define "index"}}
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Translate</title>
<link rel="stylesheet" href="/static/style.css" />
</head>
<body>
<h1 class="title">Translate</h1>
Refactor CSS, small style updates
2021-01-18 18:59:14 +00:00
<section class="main-section">
<form action="/" method="POST" class="form">
Update layout to a more "traditional" form Instead of using one column layout, it's now switched to two column layout with source on one side and translation on the other side. One column layout is still used on smaller screens.
2021-05-10 13:48:35 +00:00
<div class="form__line">
<div class="form__field">
<label for="from" class="item form__label">
From:
</label>
<select name="from" id="from" class="form__input">
{{range $code, $name := $.Languages}}
<option value="{{$code}}" {{if eq $code $.From}}selected{{end}}>
{{$name|title}}
</option>
{{end}}
</select>
</div>
Initial
2021-01-17 20:09:57 +00:00
Update layout to a more "traditional" form Instead of using one column layout, it's now switched to two column layout with source on one side and translation on the other side. One column layout is still used on smaller screens.
2021-05-10 13:48:35 +00:00
<div class="form__field">
<label for="to" class="item form__label">
To:
</label>
<select name="to" id="to" class="form__input">
{{range $code, $name := $.Languages}}
<option value="{{$code}}" {{if eq $code $.To}}selected{{end}}>
{{$name|title}}
</option>
{{end}}
</select>
</div>
Refactor CSS, small style updates
2021-01-18 18:59:14 +00:00
</div>
Initial
2021-01-17 20:09:57 +00:00
Update layout to a more "traditional" form Instead of using one column layout, it's now switched to two column layout with source on one side and translation on the other side. One column layout is still used on smaller screens.
2021-05-10 13:48:35 +00:00
<div class="form__line">
<div class="form__field">
<textarea name="text" class="form__textarea" placeholder="Text to translate">{{.Text}}</textarea>
</div>
<div class="form__field">
web: add placeholder for translation field
2021-05-10 14:11:22 +00:00
<textarea class="form__textarea form__translation" placeholder="Translation will appear here" readonly>{{.Translation}}</textarea>
Update layout to a more "traditional" form Instead of using one column layout, it's now switched to two column layout with source on one side and translation on the other side. One column layout is still used on smaller screens.
2021-05-10 13:48:35 +00:00
</div>
Refactor CSS, small style updates
2021-01-18 18:59:14 +00:00
</div>
Initial
2021-01-17 20:09:57 +00:00
Refactor CSS, small style updates
2021-01-18 18:59:14 +00:00
<div class="form__field">
<button type="submit" class="form__button">Translate!</button>
</div>
</form>
</section>
Initial
2021-01-17 20:09:57 +00:00
</body>
</html>
{{end}}