goshorly/views/home.html

86 lines
2.6 KiB
HTML
Raw Normal View History

2021-12-07 14:49:58 +00:00
<!doctype html>
<html lang="en">
<head>
2021-12-07 19:34:17 +00:00
<title>goshorly</title>
2021-12-07 14:49:58 +00:00
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
2021-12-07 16:24:24 +00:00
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css" rel="stylesheet">
<link href="https://bootswatch.com/4/darkly/bootstrap.min.css" rel="stylesheet">
2021-12-07 14:49:58 +00:00
</head>
2021-12-07 16:24:24 +00:00
<style>
html {
height: 100%;
}
body {
height: 100%;
display: grid;
grid-template-rows: auto 1fr auto;
}
footer {
background-color: #303030;
padding: 10px;
}
</style>
2021-12-07 14:49:58 +00:00
<body>
<br><br>
<div class="container">
2021-12-07 16:24:24 +00:00
<div class="jumbotron">
2021-12-07 19:34:17 +00:00
<h1>goshorly</h1>
2021-12-07 16:24:24 +00:00
<p>An dead simple & fast URL Shortner. <br>
All shortend URLs will be available for 30days!
</p>
<hr>
<form method="post" action="#">
<fieldset>
<input type="text" class="form-control" id="surl" name="surl" placeholder="https://google.de"
required>
<br>
<center>
<button type="submit" class="btn btn-primary btn-lg">Submit</button>
</center>
</fieldset>
</form>
2021-12-07 14:49:58 +00:00
</div>
2021-12-07 16:24:24 +00:00
<!-- URL PASS CHECK -->
{{ if .URL }}
<div style="padding-right: 20px;" class="alert alert-dismissible alert-success">
<input id="foo" class="form-control" value="{{ .URL }}" readonly>
<br>
<center>
<button class="btn-copy btn btn-success" data-clipboard-target="#foo">
Copy to clipboard
</button>
</center>
</div>
{{ end }}
2021-12-07 16:34:44 +00:00
<!-- URL FAIL CHECK -->
{{ if .ERR }}
<div style="padding-right: 20px;" class="alert alert-dismissible alert-danger">
2021-12-07 16:45:22 +00:00
<p style="margin-bottom: 0px;">{{ .ERR }}</p>
2021-12-07 16:34:44 +00:00
</div>
{{ end }}
2021-12-07 14:49:58 +00:00
</div>
2021-12-07 16:24:24 +00:00
<footer>
<center>
Made with <a href="https://git.ucode.space/Phil/goshorly"><i class="fas fa-code-branch"></i>
2021-12-07 19:34:17 +00:00
Phil/goshorly</a>
2021-12-07 16:24:24 +00:00
</center>
</footer>
2021-12-07 14:49:58 +00:00
2021-12-07 16:24:24 +00:00
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/clipboard@2.0.8/dist/clipboard.min.js"></script>
<script>
new ClipboardJS('body > div > div.alert.alert-dismissible.alert-success > center > button');
2021-12-07 14:49:58 +00:00
</script>
</body>
2021-12-07 16:24:24 +00:00
2021-12-07 14:49:58 +00:00
</html>