style update mainpage

This commit is contained in:
2023-08-25 20:42:45 +02:00
parent 99feead949
commit ab117aaa98
55 changed files with 118 additions and 705 deletions

View File

@@ -10,6 +10,7 @@
{{ if .Params.image }}
{{ with .Params.image }}
<img src="{{ . | relURL }}" alt="">
<meta property="og:image" content="{{ . | absURL }}">
<meta property="og:image:url" content="{{ . | absURL }}">
{{ end }}
@@ -38,4 +39,4 @@
<div class="content prose md:prose-lg lg:prose-xl max-w-none py-1">{{.Content}}</div>
</div>
</div>
{{ end }}
{{ end }}

View File

@@ -1,5 +1,5 @@
<!DOCTYPE html>
<html lang="ja">
<html lang="de_DE">
<head>
{{- partial "head.html" . -}}
@@ -21,7 +21,7 @@
<span class="icon-keyboard_arrow_up text-2xl"></span>
</div>
{{- partial "slide.html" . -}}
{{- partial "strip.html" . -}}
<!-- {{- partial "strip.html" . -}} -->
{{ if ne .Site.Params.showBlog false }}
<div class="mx-auto my-10 max-w-6xl">
<h2 class="text-4xl ml-2">Blog</h2>
@@ -49,4 +49,4 @@
</script>
</body>
</html>
</html>

View File

@@ -41,9 +41,9 @@
{{ else }}
<link href='{{ "css/webfonts.min.css" | relURL }}' rel="stylesheet" />
{{ end }}
<div class="flex items-center justify-between flex-wrap bg-gray-800 p-8 text-white">
<div class="flex items-center justify-between flex-wrap bg-darkergrey-custom p-8 text-white">
<div class="items-center text-xl text-grey-900 mr-6">
{{ .Site.Params.site.name }}
&copy; {{site.Title}} {{ now.Year }} &nbsp; &nbsp; Alle Rechte Vorbehalten.
</div>
<div class="w-full block flex-grow lg:flex lg:items-center lg:w-auto" id="mobileMenu">
<div class="text-lg lg:flex-grow">
@@ -61,7 +61,4 @@
</div>
</div>
</div>
<div class="copy pl-8 py-5 bg-tlgray-700 text-white text-md">
&copy; {{site.Title}} {{ now.Year }} All Rights Reserved.
</div>
</footer>

View File

@@ -28,11 +28,11 @@
<div class="text-lg">
{{ range .Site.Menus.main }}
<a href="{{ .URL | safeURL }}"
class="duration-200 block mt-4 lg:inline-block lg:mt-0 text-black hover:opacity-60 mr-8">
class="navbar-link duration-200 block mt-4 lg:inline-block lg:mt-0 text-black hover:opacity-60 mr-8">
{{ .Name }}
</a>
{{ end }}
</div>
</div>
</nav>
</header>
</header>

View File

@@ -4,7 +4,7 @@
<div class="flex flex-wrap justify-center text-gray-300 my-5">
<a href="blog/"
class="duration-200 px-6 py-3 bg-tlgray-800 hover:opacity-80 hover:text-white relative block focus:outline-none text-md text-center">
All Posts >
class="duration-200 px-6 py-3 bg-white-custom hover:opacity-80 hover:text-white relative block focus:outline-none text-md text-center">
Alle Beiträge >
</a>
</div>
</div>

View File

@@ -1,11 +1,11 @@
{{if .Site.Data.features}}
<div class="bg-tlgray-200 py-6 md:py-10">
<div class="features-box bg-tlgray-200 py-6 md:py-10">
<div class="container mx-auto max-w-7xl">
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-3">
{{ range .Site.Data.features }}
{{if .link }}<a href="{{ .link }}">{{ end }}
<div
class="bg-white text-center mx-2 px-4 py-10 flex flex-row justify-center items-center duration-300 transform h-full hover:-translate-y-1 hover:shadow-lg">
class="feature-box text-center mx-2 px-4 py-10 flex flex-row justify-center items-center duration-300 transform h-full hover:-translate-y-1 hover:shadow-lg">
<div class="p-1">
{{if .icon }}
<span class="{{ .icon }} text-5xl"></span>
@@ -20,4 +20,4 @@
</div>
</div>
</div>
{{end}}
{{end}}

View File

@@ -8,11 +8,11 @@
src='{{ "/img/default.jpg" | relURL }}'>
{{ end }}
<div
class="border-r border-b border-l border-gray-400 lg:border-l-0 lg:border-t lg:border-gray-400 relative pl-4 p-6 justify-between leading-normal max-w-full w-full">
<div class="text-gray-900 font-bold text-xl mb-2">{{ .Title }}</div>
<p class="text-gray-700 text-base pb-5">{{ substr .Summary 0 130 | plainify | htmlUnescape }}...</p>
<p class="text-sm text-gray-600 items-center">
class="border-r border-b border-l border-green-custom lg:border-l-0 lg:border-t lg:border-green-custom relative pl-4 p-6 justify-between leading-normal max-w-full w-full">
<div class="text-green-custom font-bold text-xl mb-2">{{ .Title }}</div>
<p class="text-white-custom text-base pb-5">{{ substr .Summary 0 130 | plainify | htmlUnescape }}...</p>
<p class="text-sm text-lightgray-custom items-center">
<time>{{ .Date.Format "2006/01/02" }}</time>
</p>
</div>
</div>
</div>

View File

@@ -0,0 +1,14 @@
{{ define "main" }}
<div class="mx-auto my-10 max-w-6xl">
<div class="mx-3 col-span-3 lg:col-span-2 px-2">
<h1 class="title text-5xl mb-4">{{.Title}}</h1>
{{ if .Params.image }}
{{ with .Params.image }}
<img src="{{ . | relURL }}" alt="">
{{ end }}
{{ else }}
{{ end }}
<div class="content prose md:prose-lg lg:prose-xl max-w-none py-1">{{.Content}}</div>
</div>
</div>
{{ end }}

View File

@@ -12,7 +12,7 @@
<h2 class="text-3xl title-product-summary">
{{ .Title }}
</h2>
<img src="{{ .Params.img | relURL }}" alt="-product-image-">
<img src="{{ .Params.image | relURL }}" alt="-product-image-">
<p class="description-product-summary">{{ .Description }}</p>
</div>
</a>