init: main and templates
This commit is contained in:
commit
484ecd1cc3
96
main.go
Normal file
96
main.go
Normal file
@ -0,0 +1,96 @@
|
||||
package main
|
||||
|
||||
import (
|
||||
"encoding/json"
|
||||
"fmt"
|
||||
"log"
|
||||
"net/http"
|
||||
"time"
|
||||
)
|
||||
|
||||
const (
|
||||
DEFAULT_HTTP_PORT = "8080"
|
||||
DEFAULT_HTTPS_PORT = "4433"
|
||||
)
|
||||
|
||||
type apiMessageResponse struct {
|
||||
Message string
|
||||
}
|
||||
|
||||
type Logger struct {
|
||||
Handler http.Handler
|
||||
}
|
||||
|
||||
func (l *Logger) ServeHTTP(w http.ResponseWriter, r *http.Request) {
|
||||
|
||||
tNow := time.Now().UTC()
|
||||
l.Handler.ServeHTTP(w, r)
|
||||
methodString := l.getMethodLogString(r.Method)
|
||||
log.Printf(" %s %s %s %v", r.RemoteAddr, methodString, r.URL, time.Since(tNow))
|
||||
}
|
||||
|
||||
func (l *Logger) getMethodLogString(method string) string {
|
||||
colorBlue := "\033[34m"
|
||||
colorReset := "\033[0m"
|
||||
// colorRed := "\033[31m"
|
||||
// colorGreen := "\033[32m"
|
||||
// colorYellow := "\033[33m"
|
||||
// colorPurple := "\033[35m"
|
||||
// colorCyan := "\033[36m"
|
||||
// colorWhite := "\033[37m"
|
||||
if method == "GET" { return colorBlue + "GET" + colorReset }
|
||||
return method
|
||||
}
|
||||
|
||||
func NewLogger(handler http.Handler) *Logger {
|
||||
return &Logger{Handler: handler}
|
||||
}
|
||||
|
||||
func writeJSONResponse(w http.ResponseWriter, s string) http.ResponseWriter {
|
||||
w.WriteHeader(http.StatusBadRequest)
|
||||
jsonResp, err := json.Marshal(apiMessageResponse{Message: s})
|
||||
if err != nil {
|
||||
w.WriteHeader(http.StatusInternalServerError)
|
||||
return w
|
||||
}
|
||||
_, err = w.Write(jsonResp)
|
||||
if err != nil {
|
||||
w.WriteHeader(http.StatusInternalServerError)
|
||||
return w
|
||||
}
|
||||
|
||||
return w
|
||||
|
||||
}
|
||||
|
||||
func main() {
|
||||
|
||||
handler := http.NewServeMux()
|
||||
|
||||
handler.HandleFunc(
|
||||
"/download",
|
||||
func(w http.ResponseWriter, r *http.Request) {
|
||||
userURL := r.URL.Query().Get("url")
|
||||
w.Header().Set("Content-Type", "application/json")
|
||||
if userURL == "" {
|
||||
w = writeJSONResponse(w, "Provide URL as query")
|
||||
return
|
||||
}
|
||||
w = writeJSONResponse(w, fmt.Sprintf("You sent %s ", userURL))},
|
||||
)
|
||||
|
||||
wrappedHandler := NewLogger(handler)
|
||||
srv := http.Server{
|
||||
ReadTimeout: 3 * time.Second,
|
||||
WriteTimeout: 10 * time.Second,
|
||||
Addr: ":" + DEFAULT_HTTP_PORT,
|
||||
Handler: wrappedHandler,
|
||||
}
|
||||
|
||||
log.Printf("Starting HTTP on %s", DEFAULT_HTTP_PORT)
|
||||
log.Fatalln(srv.ListenAndServe())
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
92
templates/index-pico.html
Normal file
92
templates/index-pico.html
Normal file
@ -0,0 +1,92 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<title>Sign in example • Pico.css</title>
|
||||
<meta name="description" content="A minimalist layout for Login pages. Built with Pico CSS." />
|
||||
<link rel="shortcut icon" href="https://picocss.com/favicon.ico" />
|
||||
<link rel="canonical" href="https://picocss.com/examples/sign-in/" />
|
||||
|
||||
<!-- Pico.css -->
|
||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@picocss/pico@1/css/pico.min.css" />
|
||||
|
||||
<!-- Custom styles for this example -->
|
||||
<link rel="stylesheet" href="custom.css" />
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- Nav -->
|
||||
<nav class="container-fluid">
|
||||
<ul>
|
||||
<li>
|
||||
<a href="./" class="contrast" onclick="event.preventDefault()"><strong>Brand</strong></a>
|
||||
</li>
|
||||
</ul>
|
||||
<ul>
|
||||
<li>
|
||||
<details role="list" dir="rtl">
|
||||
<summary aria-haspopup="listbox" role="link" class="secondary">Theme</summary>
|
||||
<ul role="listbox">
|
||||
<li><a href="#" data-theme-switcher="auto">Auto</a></li>
|
||||
<li><a href="#" data-theme-switcher="light">Light</a></li>
|
||||
<li><a href="#" data-theme-switcher="dark">Dark</a></li>
|
||||
</ul>
|
||||
</details>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
<!-- ./ Nav -->
|
||||
|
||||
<!-- Main -->
|
||||
<main class="container">
|
||||
<article class="grid">
|
||||
<div>
|
||||
<hgroup>
|
||||
<h1>Sign in</h1>
|
||||
<h2>A minimalist layout for Login pages</h2>
|
||||
</hgroup>
|
||||
<form>
|
||||
<input
|
||||
type="text"
|
||||
name="login"
|
||||
placeholder="Login"
|
||||
aria-label="Login"
|
||||
autocomplete="nickname"
|
||||
required
|
||||
/>
|
||||
<input
|
||||
type="password"
|
||||
name="password"
|
||||
placeholder="Password"
|
||||
aria-label="Password"
|
||||
autocomplete="current-password"
|
||||
required
|
||||
/>
|
||||
<fieldset>
|
||||
<label for="remember">
|
||||
<input type="checkbox" role="switch" id="remember" name="remember" />
|
||||
Remember me
|
||||
</label>
|
||||
</fieldset>
|
||||
<button type="submit" class="contrast" onclick="event.preventDefault()">Login</button>
|
||||
</form>
|
||||
</div>
|
||||
<div></div>
|
||||
</article>
|
||||
</main>
|
||||
<!-- ./ Main -->
|
||||
|
||||
<!-- Footer -->
|
||||
<footer class="container-fluid">
|
||||
<small>
|
||||
yt-mdl
|
||||
</small>
|
||||
</footer>
|
||||
<!-- ./ Footer -->
|
||||
|
||||
<!-- Minimal theme switcher -->
|
||||
<script src="js/minimal-theme-switcher.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
72
templates/index-tail.html
Normal file
72
templates/index-tail.html
Normal file
@ -0,0 +1,72 @@
|
||||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<script src="https://cdn.tailwindcss.com"></script>
|
||||
<script src="https://unpkg.com/htmx.org@1.9.5"></script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!--
|
||||
This example requires some changes to your config:
|
||||
|
||||
```
|
||||
// tailwind.config.js
|
||||
module.exports = {
|
||||
// ...
|
||||
plugins: [
|
||||
// ...
|
||||
require('@tailwindcss/forms'),
|
||||
],
|
||||
}
|
||||
```
|
||||
-->
|
||||
<!--
|
||||
This example requires updating your template:
|
||||
|
||||
```
|
||||
<html class="h-full bg-white">
|
||||
<body class="h-full">
|
||||
```
|
||||
-->
|
||||
<div class="flex min-h-full flex-col justify-center px-6 py-12 lg:px-8">
|
||||
<div class="sm:mx-auto sm:w-full sm:max-w-sm">
|
||||
<img class="mx-auto h-10 w-auto" src="https://tailwindui.com/img/logos/mark.svg?color=indigo&shade=600" alt="Your Company">
|
||||
<h2 class="mt-10 text-center text-2xl font-bold leading-9 tracking-tight text-gray-900">Sign in to your account</h2>
|
||||
</div>
|
||||
|
||||
<div class="mt-10 sm:mx-auto sm:w-full sm:max-w-sm">
|
||||
<form class="space-y-6" action="#" method="POST">
|
||||
<div>
|
||||
<label for="email" class="block text-sm font-medium leading-6 text-gray-900">Email address</label>
|
||||
<div class="mt-2">
|
||||
<input id="email" name="email" type="email" autocomplete="email" required class="block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<div class="flex items-center justify-between">
|
||||
<label for="password" class="block text-sm font-medium leading-6 text-gray-900">Password</label>
|
||||
<div class="text-sm">
|
||||
<a href="#" class="font-semibold text-indigo-600 hover:text-indigo-500">Forgot password?</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt-2">
|
||||
<input id="password" name="password" type="password" autocomplete="current-password" required class="block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<button type="submit" class="flex w-full justify-center rounded-md bg-indigo-600 px-3 py-1.5 text-sm font-semibold leading-6 text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600">Sign in</button>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<p class="mt-10 text-center text-sm text-gray-500">
|
||||
Not a member?
|
||||
<a href="#" class="font-semibold leading-6 text-indigo-600 hover:text-indigo-500">Start a 14 day free trial</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
19
templates/index.html
Normal file
19
templates/index.html
Normal file
@ -0,0 +1,19 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link rel="stylesheet" href="css/pico.min.css">
|
||||
<title>Hello, world!</title>
|
||||
</head>
|
||||
<body>
|
||||
<main class="container">
|
||||
<h1>Download Videos</h1>
|
||||
<div>
|
||||
<label for="user-url">URL</label>
|
||||
<input type="url" id="user-url" name="user-url" required>
|
||||
</div>
|
||||
<button>Start Download</button>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Reference in New Issue
Block a user