{{define "head"}}
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<!-- 页面 头部 尾部 标题 设计 -->

<!-- SEO 基础标签 -->
<title>{{.Title}}</title>
<meta name="description" content="{{.Description}}">
<meta name="keywords" content="{{.Keywords}}">
<meta name="author" content="WuteLin">
<meta name="robots" content="index, follow">
<link rel="canonical" href="{{.OgUrl}}">

<!-- Open Graph / Facebook -->
<meta property="og:title" content="{{.Title}}">
<meta property="og:description" content="{{.Description}}">
<meta property="og:type" content="{{.OgType}}">
<meta property="og:url" content="{{.OgUrl}}">
<meta property="og:image" content="{{.OgImage}}">
<meta property="og:site_name" content="MiniWeb">
<meta property="og:locale" content="zh_CN">

<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="{{.Title}}">
<meta name="twitter:description" content="{{.Description}}">
<meta name="twitter:image" content="{{.OgImage}}">

<link rel="stylesheet" href="/static/style/base.css">
{{end}}

{{define "header"}}
<header class="site-header">
    <div class="header-inner">
        <a href="/" class="logo">
            <span class="logo-icon">M</span>
            <span class="logo-name">WuteBlog</span>
            <span class="logo-text"> - MiniWeb</span>
        </a>
    </div>
</header>
{{end}}

{{define "nav"}}
<nav class="site-nav" id="siteNav">
    <div class="nav-inner">
        <button class="nav-toggle" id="navToggle" aria-label="导航菜单">
            <span></span><span></span><span></span>
        </button>
        <ul class="nav-menu" id="navMenu">
            <li><a href="/" class="nav-link active">主页</a></li>
            <li><a href="/timeline" class="nav-link">时间轴</a></li>
            <li><a href="/articles" class="nav-link">文章列表</a></li>
            <li><a href="/system" class="nav-link">系统下载</a></li>
            <li><a href="/about" class="nav-link">关于博客</a></li>
            <li><a href="/edit" class="nav-link">新建</a></li>
            <li><a href="/wpimport" class="nav-link" title="导入WordPress文章">WP导入</a></li>
        </ul>
        <div class="nav-search">
            <input type="text" class="search-input" id="searchInput" placeholder="搜索文章...">
            <button class="search-btn" id="searchBtn">
                <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                    <circle cx="11" cy="11" r="8" />
                    <path d="m21 21-4.35-4.35" />
                </svg>
            </button>
        </div>
    </div>
</nav>
{{end}}

{{define "footer"}}
<footer class="site-footer">
    <div class="footer-inner">
        <div class="footer-brand">
            <span class="logo-icon">M</span>
            <span>WuteBlog - MiniWeb</span>
        </div>
        <nav class="footer-links">
            <a href="/">主页</a>
            <a href="/timeline">时间轴</a>
            <a href="/articles">文章列表</a>
            <a href="/about">关于</a>
        </nav>
        <div class="footer-copy">
            <p>&copy; 2014 - {{.Year}} MiniWeb. Powered by Golang.</p>
        </div>
    </div>
</footer>
{{end}}