rabeweb/website
9
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

impl. Keyfeatures auf Startseite

Browse source
This commit is contained in:
Andreas Hnida 2024-02-16 08:29:40 +00:00
commit b1735c862c
5 changed files with 69 additions and 58 deletions
Download patch file Download diff file Expand all files Collapse all files

61
themes/hugoplate/layouts/index.html
View file

@ -1,12 +1,11 @@
{{/* Home Template File */}}
{{ define "main" }}
<!-- Banner -->
<!-- Hero Slider -->
<section class="hero-slider h-screen md:h-[750px]">
<div class="verua-slider-wrapper">
<div class="verua-slider" id="verua-slider">
<div class="verua-slider h-screen md:h-[750px]" id="verua-slider">
{{ range $i, $e:= .Params.heroslider }}
<div class="slides {{ if (eq $i 0) }}current{{ end }}" style="background-image:url('{{ .image }}')">
<div class="slides h-screen md:h-full {{ if (eq $i 0) }}current{{ end }}" style="background-image:url('{{ .image }}')">
<h1 class="mb-4 text-4xl font-extrabold leading-none tracking-tight md:text-5xl lg:text-6xl">
{{ .title | markdownify }}
</h1>
@ -49,42 +48,32 @@
}
</script>
<!-- /Hero Slider -->
<!-- Key Features -->
{{ with .Params.banner }}
<section class="section pt-14">
<div class="container">
<div class="row justify-center">
<div class="lg:col-7 md:col-9 mb-8 text-center">
<h1 class="mb-4 text-h3 lg:text-h1">
{{ .title | markdownify }}
</h1>
<p class="mb-8">
{{ .content | markdownify }}
</p>
{{ with .button }}
{{ if .enable }}
<a
class="btn btn-primary"
href="{{ .link | absURL }}"
{{ if strings.HasPrefix .link `http` }}
target="_blank" rel="noopener"
{{ end }}>
{{ .label }}
<i class="fa fa-arrow-right pl-2"></i>
</a>
{{ end }}
{{ end }}
</div>
<div class="col-12">
{{ partial "image" (dict "Src" .image "Alt" "Banner image" "Loading" "eager" "Class" "mx-auto lg:!max-w-[800px]" "DisplayXL" "800x" ) }}
{{/* <section class="flex flex-wrap items-start justify-center relative"> */}}
<section class="lg:container lg:mx-auto relative flex flex-col justify-between items-center lg:flex-row lg:items-center lg:-mt-[250px]">
{{ range $i, $e:= .Params.keyfeatures }}
<div class="w-full flex-1 lg:mt-8 p-8 lg:m-4 shadow-xl lg:rounded-3xl {{ with .color }} bg-{{ . }} {{ end }} {{ with .textcolor }} text-{{ . }} {{ end }}">
{{/* <div class="flex-shrink-0 relative {{ with .color }} bg-{{ . }} {{ end }} m-6 {{ with .textcolor }} text-{{ . }} {{ end }} -mt-[250px] overflow-hidden rounded-lg max-w-96 shadow-lg p-8"> */}}
{{ with .icon }}
<div class="flex items-center justify-center">
<i class="fas fa-{{ . }} fa-fw text-5xl text-primary py-10"></i>
</div>
{{ end }}
<h3 class="mb-4 {{ with .textcolor }} text-{{ . }} {{ end }}">
{{ .title | markdownify }}
</h2>
<p class="mb-8 text-lg">
{{ .content | markdownify }}
</p>
</div>
</div>
{{ end }}
</section>
{{ end }}
<!-- /Banner -->
<!-- Features -->
<!-- /Key Features -->
<!-- Features -->
{{ range $i, $e:= .Params.features }}
<section class="section-sm {{ if (modBool $i 2) }}bg-gradient{{ end }}">
<div class="container">