added gitignore and improved some icons

.gitignore

@@ -0,0 +1 @@
+homepage

bookmark.go

@@ -7,14 +7,20 @@ var (
 		{
 			Title: "DuckDuckGo",
 			Image: "https://duckduckgo.com/assets/logo_homepage.alt.v108.svg",
-			Color: "#1c1c1c",
 			Link:  "https://duckduckgo.com/",
+			Color: "#e37151",
 		},
 		{
 			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",
+			Color: "#ffcc00",
+		},
+		{
+			Title: "DKB",
+			Image: "https://vdiv-sa.de/wp-content/uploads/2016/08/DKB_AG_web_RGB.jpg",
+			Link:  "https://www.dkb.de/",
+			Color: "#ffffff",
 		},
 		{
 			Title: "YouTube",
@@ -35,10 +41,12 @@ var (
 			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:       "Übersetzer",
+			Image:       "https://tools.avans.nl/tools/image/wZkdyaMblN.jpg",
+			Link:        "https://www.deepl.com/translator",
+			Color:       "#042b48",
+			ImageSize:   "cover",
+			IconPadding: "0em",
 		},
 		{
 			Title: "WaniKani",
@@ -53,10 +61,12 @@ var (
 			Color: "#175ddc",
 		},
 		{
-			Title: "Projekte",
-			Image: "https://git.tordarus.net/assets/img/logo.svg",
-			Link:  "https://git.tordarus.net",
-			Color: "#383c4a",
+			Title:       "Projekte",
+			Image:       "https://cdn.icon-icons.com/icons2/2407/PNG/512/gitea_icon_146173.png", //"https://git.tordarus.net/assets/img/logo.svg",
+			Link:        "https://git.tordarus.net",
+			Color:       "#609926",
+			ImageSize:   "cover",
+			IconPadding: "0em",
 		},
 		{
 			Title: "Wikipedia",
@@ -65,10 +75,12 @@ var (
 			Color: "#ffffff",
 		},
 		{
-			Title: "Reddit",
-			Image: "https://www.redditinc.com/assets/images/site/reddit-logo.png",
-			Link:  "https://www.reddit.com/",
-			Color: "#ff4300",
+			Title:       "Reddit",
+			Image:       "https://www.redditinc.com/assets/images/site/reddit-logo.png",
+			Link:        "https://www.reddit.com/",
+			Color:       "#ff4300",
+			ImageSize:   "cover",
+			IconPadding: "0em",
 		},
 		{
 			Title: "Tagesschau",
@@ -85,16 +97,18 @@ var (
 		{
 			Title:       "Comico",
 			Image:       "https://play-lh.googleusercontent.com/xZ5bfg-XfyEmM1641bXduE27w44OmyWeVspg626wRYF0ejAgZAvsRKP4sECblfmnpg=w512",
-			ImageSize:   "cover",
-			IconPadding: "0em",
 			Link:        "https://comico.jp/",
 			Color:       "#f40000",
+			ImageSize:   "cover",
+			IconPadding: "0em",
 		},
 		{
-			Title: "Manganelo",
-			Image: "https://manganato.com/themes/hm/images/logo.png",
-			Link:  "https://manganato.com/",
-			Color: "#ffffff",
+			Title:       "Manganelo",
+			Image:       "https://manganato.com/themes/hm/images/logo.png",
+			Link:        "https://manganato.com/",
+			Color:       "#ffffff",
+			ImageSize:   "contain",
+			IconPadding: "0em",
 		},
 	}
 )

templates/index.html

@@ -13,7 +13,7 @@
 		<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 type="search" id="query" placeholder='{{ .Translate "Search" }}' name="query" autofocus><label title="search" for="submit"><span class="material-icons">search</span></label>
 					<input id="submit" type="submit" title="search">
 				</form>
 			</section>