owl-blogs/embed/initial/base.html

115 lines
3.5 KiB
HTML
Raw Normal View History

2022-07-23 07:11:25 +00:00
<!DOCTYPE html>
<html lang="en">
<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">
2022-10-07 17:51:13 +00:00
<title>{{ .Title }} - {{ .User.Config.Title }}</title>
2022-10-19 19:14:31 +00:00
2022-11-01 20:14:03 +00:00
{{ if .User.FaviconUrl }}
<link rel="icon" href="{{ .User.FaviconUrl }}">
{{ else }}
<link rel="icon" href="data:,">
{{ end }}
2022-10-19 19:14:31 +00:00
<meta property="og:title" content="{{ .Title }}" />
{{ if .Description }}
<meta name="description" content="{{ .Description }}">
<meta property="og:description" content="{{ .Description }}" />
{{ end }}
{{ if .Type }}
<meta property="og:type" content="{{ .Type }}" />
{{ end }}
{{ if .SelfUrl }}
<meta property="og:url" content="{{ .SelfUrl }}" />
{{ end }}
2022-07-24 14:19:21 +00:00
<link rel="stylesheet" href="/static/pico.min.css">
2022-08-31 18:20:16 +00:00
<link rel="webmention" href="{{ .User.WebmentionUrl }}">
2022-11-03 20:22:55 +00:00
{{ if .User.AuthUrl }}
2022-11-07 18:44:10 +00:00
<link rel="indieauth-metadata" href="{{ .User.IndieauthMetadataUrl }}">
2022-11-03 20:22:55 +00:00
<link rel="authorization_endpoint" href="{{ .User.AuthUrl}}">
2022-11-06 18:38:27 +00:00
<link rel="token_endpoint" href="{{ .User.TokenUrl}}">
2022-11-08 20:22:02 +00:00
<link rel="micropub" href="{{ .User.MicropubUrl}}">
2022-11-03 20:22:55 +00:00
{{ end }}
2022-07-27 19:53:56 +00:00
<style>
header {
2022-10-07 17:51:13 +00:00
background-color: {{.User.Config.HeaderColor}};
2022-12-03 15:33:30 +00:00
padding-bottom: 1rem !important;
2022-07-27 19:53:56 +00:00
}
2022-08-21 10:36:10 +00:00
footer {
border-top: dashed 2px;
border-color: #ccc;
}
2022-09-10 13:22:18 +00:00
.avatar {
float: left;
margin-right: 1rem;
}
.header {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
align-items: flex-start;
}
.header-title {
order: 0;
}
.header-profile {
order: 1;
}
2022-08-21 10:36:10 +00:00
hgroup h2 a { color: inherit; }
2022-07-27 19:53:56 +00:00
</style>
2022-07-23 07:11:25 +00:00
</head>
<body>
2022-07-27 19:53:56 +00:00
<header>
2022-09-10 13:22:18 +00:00
<div class="container header h-card">
<hgroup class="header-title">
2022-10-07 17:51:13 +00:00
<h2><a class="p-name u-url" href="{{ .User.UrlPath }}">{{ .User.Config.Title }}</a></h2>
<h3 class="p-note">{{ .User.Config.SubTitle }}</h3>
2022-09-10 13:22:18 +00:00
</hgroup>
<div class="header-profile">
{{ if .User.AvatarUrl }}
2022-10-10 19:26:24 +00:00
<img class="u-photo u-logo avatar" src="{{ .User.AvatarUrl }}" alt="{{ .User.Config.Title }}" width="100" height="100" />
2022-09-10 13:22:18 +00:00
{{ end }}
<div style="float: right; list-style: none;">
2022-11-01 20:35:47 +00:00
{{ range $me := .User.Config.Me }}
<li><a href="{{$me.Url}}" rel="me">{{$me.Name}}</a>
2022-09-10 13:22:18 +00:00
</li>
2022-11-01 20:35:47 +00:00
{{ end }}
2022-09-10 13:22:18 +00:00
</div>
</div>
2022-12-03 15:33:30 +00:00
</div>
<div class="container">
2022-12-03 15:21:51 +00:00
<nav>
<ul>
{{ range $link := .User.Config.HeaderMenu }}
{{ if $link.List }}
<li><a href="{{ listUrl $.User $link.List }}">{{ $link.Title }}</a></li>
2022-12-04 18:15:50 +00:00
{{ else if $link.Post }}
<li><a href="{{ postUrl $.User $link.Post }}">{{ $link.Title }}</a></li>
2022-12-03 15:21:51 +00:00
{{ else }}
<li><a href="{{ $link.Url }}">{{ $link.Title }}</a></li>
{{ end }}
{{ end }}
</ul>
</nav>
2022-09-10 13:22:18 +00:00
</div>
2022-07-27 19:53:56 +00:00
</header>
2022-07-27 19:26:37 +00:00
{{ .Content }}
</main>
<footer class="container">
</footer>
2022-07-23 07:11:25 +00:00
</body>
2022-12-04 18:15:50 +00:00
</html>