initial commit
This commit is contained in:
Timon Ringwald
commit
d6a2316b16
127
bookmark.go
Normal file
127
bookmark.go
Normal file
@ -0,0 +1,127 @@
|
||||
package main
|
||||
|
||||
import "sort"
|
||||
|
||||
var (
|
||||
Bookmarks = []Bookmark{
|
||||
{
|
||||
Title: "DuckDuckGo",
|
||||
Image: "https://duckduckgo.com/assets/logo_homepage.alt.v108.svg",
|
||||
Color: "#1c1c1c",
|
||||
Link: "https://duckduckgo.com/",
|
||||
},
|
||||
{
|
||||
Title: "Postbank",
|
||||
Image: "https://meine.postbank.de/bundles/@pbs/patternlib_pb/lib/runtime/assets/images/logo-claim.svg",
|
||||
Color: "#ffcc00",
|
||||
Link: "https://meine.postbank.de/#/login",
|
||||
},
|
||||
{
|
||||
Title: "YouTube",
|
||||
Image: "https://upload.wikimedia.org/wikipedia/commons/1/1f/YouTube_light_logo_%282017%29.svg",
|
||||
Color: "#ff0000",
|
||||
Link: "https://www.youtube.com/",
|
||||
},
|
||||
{
|
||||
Title: "Jisho",
|
||||
Image: "https://assets.jisho.org/assets/jisho-logo-v4@2x-7330091c079b9dd59601401b052b52e103978221c8fb6f5e22406d871fcc746a.png",
|
||||
Link: "https://jisho.com/",
|
||||
Color: "#ffffff",
|
||||
},
|
||||
{
|
||||
Title: "Wadoku",
|
||||
Image: "https://www.wadoku.de/img/wadoku_logo.svg",
|
||||
Link: "https://www.wadoku.de/",
|
||||
Color: "#ffffff",
|
||||
},
|
||||
{
|
||||
Title: "Übersetzer",
|
||||
Image: "https://static.deepl.com/img/logo/DeepL_Logo_darkBlue_v2.svg",
|
||||
Link: "https://www.deepl.com/translator",
|
||||
Color: "#ffffff",
|
||||
},
|
||||
{
|
||||
Title: "WaniKani",
|
||||
Image: "https://assets.wanikani.com/assets/logo--retro-colors-b79775af8773b5a416e4ec3fae02e62d391b7e88e57f9fe0c2e4997a3383b002.png",
|
||||
Link: "https://www.wanikani.com/",
|
||||
Color: "#ffffff",
|
||||
},
|
||||
{
|
||||
Title: "Passwörter",
|
||||
Image: "https://raw.githubusercontent.com/dani-garcia/vaultwarden/main/resources/vaultwarden-logo-white.svg",
|
||||
Link: "https://pw.tordarus.net",
|
||||
Color: "#175ddc",
|
||||
},
|
||||
{
|
||||
Title: "Projekte",
|
||||
Image: "https://git.tordarus.net/assets/img/logo.svg",
|
||||
Link: "https://git.tordarus.net",
|
||||
Color: "#383c4a",
|
||||
},
|
||||
{
|
||||
Title: "Wikipedia",
|
||||
Image: "https://upload.wikimedia.org/wikipedia/commons/8/80/Wikipedia-logo-v2.svg",
|
||||
Link: "https://www.wikipedia.org/",
|
||||
Color: "#ffffff",
|
||||
},
|
||||
{
|
||||
Title: "Reddit",
|
||||
Image: "https://www.redditinc.com/assets/images/site/reddit-logo.png",
|
||||
Link: "https://www.reddit.com/",
|
||||
Color: "#ff4300",
|
||||
},
|
||||
{
|
||||
Title: "Tagesschau",
|
||||
Image: "https://m47ch.com/wp-content/uploads/2010/12/Tagesschau.png",
|
||||
Link: "https://www.golem.de/",
|
||||
Color: "#003f8c",
|
||||
},
|
||||
{
|
||||
Title: "Golem",
|
||||
Image: "https://www.golem.de/staticrl/images/golem-logo-opt2.svg",
|
||||
Link: "https://www.golem.de/",
|
||||
Color: "#000000",
|
||||
},
|
||||
{
|
||||
Title: "Comico",
|
||||
Image: "https://play-lh.googleusercontent.com/xZ5bfg-XfyEmM1641bXduE27w44OmyWeVspg626wRYF0ejAgZAvsRKP4sECblfmnpg=w512",
|
||||
ImageSize: "cover",
|
||||
IconPadding: "0em",
|
||||
Link: "https://comico.jp/",
|
||||
Color: "#f40000",
|
||||
},
|
||||
{
|
||||
Title: "Manganelo",
|
||||
Image: "https://manganato.com/themes/hm/images/logo.png",
|
||||
Link: "https://manganato.com/",
|
||||
Color: "#ffffff",
|
||||
},
|
||||
}
|
||||
)
|
||||
|
||||
type Bookmark struct {
|
||||
Title string
|
||||
Image string
|
||||
ImageSize string
|
||||
IconPadding string
|
||||
Color string
|
||||
Link string
|
||||
HideBorder bool
|
||||
Order int
|
||||
}
|
||||
|
||||
func ParseBookmarks() {
|
||||
// set default values
|
||||
for i := range Bookmarks {
|
||||
if Bookmarks[i].Color == "" {
|
||||
Bookmarks[i].Color = DefaultSettings.Background
|
||||
}
|
||||
if Bookmarks[i].ImageSize == "" {
|
||||
Bookmarks[i].ImageSize = "contain"
|
||||
}
|
||||
}
|
||||
|
||||
sort.SliceStable(Bookmarks, func(i, j int) bool {
|
||||
return Bookmarks[i].Order < Bookmarks[j].Order
|
||||
})
|
||||
}
|
||||
5
go.mod
Normal file
5
go.mod
Normal file
@ -0,0 +1,5 @@
|
||||
module git.tordarus.net/Tordarus/homepage
|
||||
|
||||
go 1.18
|
||||
|
||||
require golang.org/x/text v0.3.7 // indirect
|
||||
2
go.sum
Normal file
2
go.sum
Normal file
@ -0,0 +1,2 @@
|
||||
golang.org/x/text v0.3.7 h1:olpwvP2KacW1ZWvsR7uQhoyTYvKAupfQrRGBFM352Gk=
|
||||
golang.org/x/text v0.3.7/go.mod h1:u+2+/6zg+i71rQMx5EYifcz6MCKuco9NR6JIITiCfzQ=
|
||||
96
main.go
Normal file
96
main.go
Normal file
@ -0,0 +1,96 @@
|
||||
package main
|
||||
|
||||
import (
|
||||
"embed"
|
||||
"flag"
|
||||
"fmt"
|
||||
"html/template"
|
||||
"io"
|
||||
"net/http"
|
||||
|
||||
_ "embed"
|
||||
)
|
||||
|
||||
var (
|
||||
intf = flag.String("i", "localhost", "interface")
|
||||
port = flag.Uint("p", 80, "port")
|
||||
)
|
||||
|
||||
var (
|
||||
//go:embed templates/*
|
||||
TemplateFS embed.FS
|
||||
|
||||
//go:embed static/*
|
||||
StaticFS embed.FS
|
||||
|
||||
Templates *template.Template
|
||||
)
|
||||
|
||||
func main() {
|
||||
flag.Parse()
|
||||
|
||||
ParseBookmarks()
|
||||
|
||||
if tmpl, err := template.New("homepage").ParseFS(TemplateFS, "templates/*"); err == nil {
|
||||
Templates = tmpl
|
||||
} else {
|
||||
panic(err)
|
||||
}
|
||||
|
||||
http.HandleFunc("/", handler)
|
||||
http.HandleFunc("/search", search)
|
||||
http.HandleFunc("/style.css", style)
|
||||
http.HandleFunc("/icons.ttf", icons)
|
||||
if err := http.ListenAndServe(fmt.Sprintf("%s:%d", *intf, *port), nil); err != nil {
|
||||
panic(err)
|
||||
}
|
||||
}
|
||||
|
||||
func handler(w http.ResponseWriter, r *http.Request) {
|
||||
data := &TmplData{
|
||||
text: GetText(r),
|
||||
Bookmarks: Bookmarks,
|
||||
Settings: DefaultSettings,
|
||||
}
|
||||
|
||||
if err := Templates.ExecuteTemplate(w, "index.html", data); err != nil {
|
||||
panic(err)
|
||||
}
|
||||
}
|
||||
|
||||
func style(w http.ResponseWriter, r *http.Request) {
|
||||
file, err := TemplateFS.Open("templates/style.css")
|
||||
if err != nil {
|
||||
fmt.Println(err)
|
||||
w.WriteHeader(http.StatusInternalServerError)
|
||||
return
|
||||
}
|
||||
defer file.Close()
|
||||
|
||||
w.Header().Add("Content-Type", "text/css")
|
||||
|
||||
if err := Templates.ExecuteTemplate(w, "style.css", DefaultSettings); err != nil {
|
||||
panic(err)
|
||||
}
|
||||
}
|
||||
|
||||
func icons(w http.ResponseWriter, r *http.Request) {
|
||||
file, err := StaticFS.Open("static/icons.ttf")
|
||||
if err != nil {
|
||||
fmt.Println(err)
|
||||
w.WriteHeader(http.StatusInternalServerError)
|
||||
return
|
||||
}
|
||||
defer file.Close()
|
||||
|
||||
w.Header().Add("Content-Type", "font/ttf")
|
||||
|
||||
io.Copy(w, file)
|
||||
}
|
||||
|
||||
func search(w http.ResponseWriter, r *http.Request) {
|
||||
r.ParseForm()
|
||||
query := r.Form.Get("query")
|
||||
w.Header().Add("Location", fmt.Sprintf("https://duckduckgo.com/?q=%s", query))
|
||||
w.WriteHeader(http.StatusMovedPermanently)
|
||||
}
|
||||
19
settings.go
Normal file
19
settings.go
Normal file
@ -0,0 +1,19 @@
|
||||
package main
|
||||
|
||||
type Settings struct {
|
||||
Background string
|
||||
IconMargin string
|
||||
IconPadding string
|
||||
IconWidth string
|
||||
IconHeight string
|
||||
BorderRadius string
|
||||
}
|
||||
|
||||
var DefaultSettings = &Settings{
|
||||
Background: "#333",
|
||||
IconMargin: "0.5em",
|
||||
IconPadding: "1em",
|
||||
IconWidth: "10em",
|
||||
IconHeight: "10em",
|
||||
BorderRadius: "0.15em",
|
||||
}
|
||||
BIN
static/icons.ttf
Normal file
BIN
static/icons.ttf
Normal file
Binary file not shown.
3
templates/bookmark.html
Normal file
3
templates/bookmark.html
Normal file
@ -0,0 +1,3 @@
|
||||
<a href="{{ .Link }}" class="bookmark" style='background-color: {{ .Color }}; {{ if not .HideBorder }} box-shadow: 0px 0px 3px black; {{ end }}; {{ if not (eq .IconPadding "") }} padding: {{ .IconPadding }}; {{ end }}'>
|
||||
<div class="background" style='background-image: url("{{ .Image }}"); background-size: {{ .ImageSize }}'></div>
|
||||
</a>
|
||||
29
templates/index.html
Normal file
29
templates/index.html
Normal file
@ -0,0 +1,29 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="{{ .Language }}">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>{{ .Translate "Homepage" }}</title>
|
||||
<link rel="stylesheet" type="text/css" href="style.css" />
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<main>
|
||||
<section id="search">
|
||||
<form method="post" action="/search">
|
||||
<input type="search" id="query" placeholder='{{ .Translate "Search" }}' name="query"><label title="search" for="submit"><span class="material-icons">search</span></label>
|
||||
<input id="submit" type="submit" title="search">
|
||||
</form>
|
||||
</section>
|
||||
|
||||
<section id="bookmark-container">
|
||||
{{ range .Bookmarks }}
|
||||
{{ template "bookmark.html" . }}
|
||||
{{ end }}
|
||||
</section>
|
||||
</main>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
146
templates/style.css
Normal file
146
templates/style.css
Normal file
@ -0,0 +1,146 @@
|
||||
@font-face {
|
||||
font-family: 'Material Icons';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: url("/icons.ttf");
|
||||
src: local('Material Icons'),
|
||||
local('MaterialIcons-Regular'),
|
||||
url("/icons.ttf") format('truetype');
|
||||
}
|
||||
|
||||
.material-icons {
|
||||
transform: translateY(3px);
|
||||
font-family: 'Material Icons';
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-size: 24px; /* Preferred icon size */
|
||||
display: inline-block;
|
||||
line-height: 1;
|
||||
text-transform: none;
|
||||
letter-spacing: normal;
|
||||
word-wrap: normal;
|
||||
white-space: nowrap;
|
||||
direction: ltr;
|
||||
|
||||
/* Support for all WebKit browsers. */
|
||||
-webkit-font-smoothing: antialiased;
|
||||
/* Support for Safari and Chrome. */
|
||||
text-rendering: optimizeLegibility;
|
||||
|
||||
/* Support for Firefox. */
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
|
||||
/* Support for IE. */
|
||||
font-feature-settings: 'liga';
|
||||
}
|
||||
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
html, body {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
font-size: 100%;
|
||||
}
|
||||
|
||||
body {
|
||||
background-color: {{ .Background }};
|
||||
}
|
||||
|
||||
main {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
#bookmark-container {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
align-content: center;
|
||||
}
|
||||
|
||||
main {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
#search {
|
||||
margin: 0 auto;
|
||||
margin-bottom: 5em;
|
||||
}
|
||||
|
||||
#search form {
|
||||
--input-font-size: 1.2em;
|
||||
}
|
||||
|
||||
#search form input[type="search"] {
|
||||
display: inline-block;
|
||||
border: 1px solid black;
|
||||
outline: 0;
|
||||
background-color: black;
|
||||
color: white;
|
||||
padding: 0.25em 0.5em;
|
||||
transition: all 0.2s ease-in-out;
|
||||
border-radius: 0.25em 0 0 0.25em;
|
||||
font-size: var(--input-font-size);
|
||||
}
|
||||
|
||||
#search form input[type="search"]:focus {
|
||||
box-shadow: 0px 0px 3px gray;
|
||||
transition: all 0.2s ease-in-out;
|
||||
}
|
||||
|
||||
#search form input[type="search"]:focus + label[for="submit"] {
|
||||
background-color: #111;
|
||||
box-shadow: 0px 0px 3px gray;
|
||||
transition: all 0.2s ease-in-out;
|
||||
}
|
||||
|
||||
#search form label[for="submit"] {
|
||||
margin-left: 0;
|
||||
border: 1px solid black;
|
||||
background-color: black;
|
||||
color: white;
|
||||
padding: 0.25em 0.5em;
|
||||
transition: all 0.2s ease-in-out;
|
||||
border-radius: 0 0.25em 0.25em 0;
|
||||
font-size: var(--input-font-size);
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#search form label[for="submit"] img {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
#search form input[type="submit"] {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.bookmark {
|
||||
display: block;
|
||||
box-sizing: border-box;
|
||||
transition: all 0.2s ease-in-out;
|
||||
|
||||
width: {{ .IconWidth }};
|
||||
height: {{ .IconHeight }};
|
||||
margin: {{ .IconMargin }};
|
||||
padding: {{ .IconPadding }};
|
||||
border-radius: {{ .BorderRadius }};
|
||||
}
|
||||
|
||||
.bookmark:hover {
|
||||
transform: scale(1.1, 1.1);
|
||||
transition: all 0.2s ease-in-out;
|
||||
}
|
||||
|
||||
.background {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-position: center;
|
||||
background-size: contain;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
60
text.go
Normal file
60
text.go
Normal file
@ -0,0 +1,60 @@
|
||||
package main
|
||||
|
||||
import (
|
||||
"fmt"
|
||||
"net/http"
|
||||
|
||||
"golang.org/x/text/language"
|
||||
)
|
||||
|
||||
type Text struct {
|
||||
Language string
|
||||
Strings map[string]string
|
||||
}
|
||||
|
||||
func (t *Text) Translate(str string) string {
|
||||
if tr, ok := t.Strings[str]; ok {
|
||||
return tr
|
||||
}
|
||||
return str
|
||||
}
|
||||
|
||||
var (
|
||||
Languages = map[language.Tag]Text{
|
||||
language.English: {
|
||||
Strings: map[string]string{
|
||||
"Homepage": "Homepage",
|
||||
"Search": "Search",
|
||||
},
|
||||
},
|
||||
|
||||
language.German: {
|
||||
Strings: map[string]string{
|
||||
"Homepage": "Homepage",
|
||||
"Search": "Suche",
|
||||
},
|
||||
},
|
||||
|
||||
language.Japanese: {
|
||||
Strings: map[string]string{
|
||||
"Homepage": "ホームページ",
|
||||
"Search": "検索",
|
||||
},
|
||||
},
|
||||
}
|
||||
)
|
||||
|
||||
var languageMatcher = language.NewMatcher([]language.Tag{
|
||||
language.English,
|
||||
language.German,
|
||||
language.Japanese,
|
||||
})
|
||||
|
||||
func GetText(r *http.Request) *Text {
|
||||
fmt.Println(r.Header.Get("Accept-Language"))
|
||||
lang, _ := language.MatchStrings(languageMatcher, r.Header.Get("Accept-Language"))
|
||||
text := Languages[lang]
|
||||
base, _ := lang.Base()
|
||||
text.Language = base.String()
|
||||
return &text
|
||||
}
|
||||
15
tmpl_data.go
Normal file
15
tmpl_data.go
Normal file
@ -0,0 +1,15 @@
|
||||
package main
|
||||
|
||||
type TmplData struct {
|
||||
text *Text
|
||||
Bookmarks []Bookmark
|
||||
Settings *Settings
|
||||
}
|
||||
|
||||
func (d *TmplData) Translate(str string) string {
|
||||
return d.text.Translate(str)
|
||||
}
|
||||
|
||||
func (d *TmplData) Language() string {
|
||||
return d.text.Language
|
||||
}
|
||||
Loading…
Reference in New Issue
Block a user