adds hugo starter tailwind theme
This commit is contained in:
@ -0,0 +1,23 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>
|
||||
{{ .Title }}
|
||||
</title>
|
||||
<meta name="description" content="{{ .Description }}" />
|
||||
{{/* styles */}}
|
||||
{{ $options := dict "inlineImports" true }}
|
||||
{{ $styles := resources.Get "css/styles.css" }}
|
||||
{{ $styles = $styles | resources.PostCSS $options }}
|
||||
{{ if hugo.IsProduction }}
|
||||
{{ $styles = $styles | minify | fingerprint | resources.PostProcess }}
|
||||
{{ end }}
|
||||
<link href="{{ $styles.RelPermalink }}" rel="stylesheet" />
|
||||
</head>
|
||||
<body class="my-10">
|
||||
<div class="container px-4 lg:mx-auto">
|
||||
{{ block "main" . }}{{ end }}
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
13
themes/hugo-starter-tailwind-basic/layouts/index.html
Normal file
13
themes/hugo-starter-tailwind-basic/layouts/index.html
Normal file
@ -0,0 +1,13 @@
|
||||
{{ define "main" }}
|
||||
<article class="prose lg:prose-xl">
|
||||
<h1>Tailwind 3 Hugo Starter</h1>
|
||||
|
||||
<h2 class="text-4xl">Testing Tailwind 3 Features</h2>
|
||||
<div>
|
||||
<button class="bg-[green] p-4">Share on Twitter</button>
|
||||
</div>
|
||||
|
||||
<h2 class="text-4xl">Markdowns: {{ .Title }}</h2>
|
||||
{{ .Content }}..
|
||||
</article>
|
||||
{{ end }}
|
Reference in New Issue
Block a user