Typecho-Theme-Puock/header.php

170 lines
9.8 KiB
PHP

<?php if (!defined('__TYPECHO_ROOT_DIR__')) exit; ?>
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta http-equiv='content-language' content='zh_CN'>
<title><?php $this->archiveTitle([
'category' => _t('分类 %s 下的文章'),
'search' => _t('包含关键字 %s 的文章'),
'tag' => _t('标签 %s 下的文章'),
'author' => _t('%s 发布的文章')
], '', ' - '); ?><?php $this->options->title(); ?></title>
<link rel="canonical" href="<?php $this->options->siteUrl(); ?>">
<meta name='robots' content='max-image-preview:large' />
<?php $this->options->addhead(); ?>
<style id='puock-inline-css' type='text/css'>
body {
--pk-c-primary: <?php if ($this->options->primaryColor): ?><?php $this->options->primaryColor() ?><?php else: ?>#A7E6F4<?php endif; ?>;
}
:root {
--puock-block-not-tran: <?php if ($this->options->blockNotTransparent): ?><?php $this->options->blockNotTransparent() ?><?php else: ?>100<?php endif; ?>%;
}
</style>
<?php if ($this->options->icoUrl): ?>
<link rel="icon" href="<?php $this->options->icoUrl() ?>" sizes="32x32" />
<link rel="apple-touch-icon" href="<?php $this->options->icoUrl() ?>" />
<?php endif; ?>
<link rel="stylesheet" href="<?php $this->options->themeUrl('assets/css/style.css'); ?>">
<script src='<?php $this->options->themeUrl('assets/js/jquery.min.js'); ?>' type="text/javascript"></script>
<!-- 通过自有函数输出HTML头部信息 -->
<?php $this->header(); ?>
</head>
<body class="puock-auto custom-background">
<div>
<div id="header-box" class="animated fadeInDown"></div>
<header id="header" class="animated fadeInDown blur">
<div class="navbar navbar-dark shadow-sm">
<div class="container">
<?php if($this->options->logoUrl): ?>
<a href="<?php $this->options->siteUrl(); ?>" id="logo" class="navbar-brand logo-loop-light">
<img id="logo-light" alt="logo" class="w-100 " src="<?php $this->options->logoUrl() ?>">
<img id="logo-dark" alt="logo" class="w-100 d-none" src="<?php $this->options->logoUrl() ?>">
</a>
<?php else: ?>
<a href="<?php $this->options->siteUrl(); ?>" id="logo" class="navbar-brand logo-loop-light">
<span class="puock-text txt-logo"><?php $this->options->title(); ?></span>
</a>
<?php endif; ?>
<div class="d-none d-lg-block puock-links">
<div id="menus" class="t-md ">
<ul>
<?php if ($this->is('index')): ?>
<li class="menu-current current-menu-item"><?php else: ?><li><?php endif; ?>
<a class="nav-link" href="<?php $this->options->siteUrl(); ?>">
<?php _e('首页'); ?>
</a>
</li>
<li class='menu-item menu-item-type-post_type menu-item-object-page '>
<a class='ww' data-color='auto' href='#'>分类<i class="fa fa-chevron-down t-sm ml-1 menu-sub-icon"></i></a>
<ul class="sub-menu ">
<?php $categories = Typecho_Widget::widget('Widget_Metas_Category_List'); ?>
<?php while($categories->next()): ?>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-child">
<a href="<?php $categories->permalink(); ?>" class='ww' data-color='auto'>
<?php $categories->name(); ?>
</a>
</li>
<?php endwhile; ?>
</ul>
</li>
<?php \Widget\Contents\Page\Rows::alloc()->to($pages); ?>
<?php while ($pages->next()): ?>
<li <?php if ($this->is('page', $pages->slug)): ?> class='current-menu-item current_page_item menu-current<?php endif; ?> menu-item menu-item-type-post_type menu-item-object-page '>
<a class='ww'
href="<?php $pages->permalink(); ?>"
title="<?php $pages->title(); ?>">
<?php $pages->title(); ?>
</a>
</li>
<?php endwhile; ?>
<li><a class="colorMode" data-bs-toggle="tooltip" title="模式切换" href="javascript:void(0)"><i class="fa fa-circle-half-stroke"></i></a></li>
<li><a class="search-modal-btn" data-bs-toggle="tooltip" title="搜索" href="javascript:void(0)"><i class="fa fa-search"></i></a></li>
</ul>
</div>
</div>
<div class="mobile-menus d-block d-lg-none p-1 puock-text">
<i class="fa fa-bars t-md mr-2 mobile-menu-s"></i>
<i class="fa fa-circle-half-stroke colorMode t-md mr-2"></i>
<i class="search-modal-btn fa fa-search t-md position-relative" style="top:0.5px"></i>
</div>
</div>
</div>
</header>
<div id="search" class="d-none">
<div class="w-100 d-flex justify-content-center">
<div id="search-main" class="container p-block">
<form class="global-search-form" action="<?php $this->options->siteUrl(); ?>">
<div class="search-layout">
<div class="search-input"> <input required type="text" name="s" class="form-control" placeholder="请输入搜索关键字"> </div>
<div class="search-start"> <button type="submit" class="btn-dark btn"><i class="fa fa-search mr-1"></i>搜索</button> </div>
<div class="search-close-btn"> <button type="button" class="btn-danger btn ml-1 search-modal-btn"><i class="fa fa-close"></i></button> </div>
</div>
</form>
</div>
</div>
</div>
<div id="mobile-menu" class="d-none">
<div class="menus">
<div class="p-block">
<div class="text-end"><i class="fa fa-close t-xl puock-link mobile-menu-close ta3"></i></div>
<nav>
<ul class='puock-links t-md'>
<li class='menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-current'>
<span>
<a href="<?php $this->options->siteUrl(); ?>">首页</a>
</span>
</li>
<?php \Widget\Contents\Page\Rows::alloc()->to($pages); ?>
<?php while ($pages->next()): ?>
<li class='menu-item menu-item-type-post_type menu-item-object-page'>
<span><a class='ww' href="<?php $pages->permalink(); ?>" title="<?php $pages->title(); ?>">
<?php $pages->title(); ?>
</a></span>
</li>
<?php endwhile; ?>
<li class='menu-item menu-item-type-post_type menu-item-object-page'>
<span><a href="#">分类</a>
<a href="#menu-sub-689" data-bs-toggle="collapse"><i class="fa fa-chevron-down t-sm ml-1 menu-sub-icon"></i></a></span>
<ul id="menu-sub-689" class="sub-menu collapse">
<?php $categories = Typecho_Widget::widget('Widget_Metas_Category_List'); ?>
<?php while($categories->next()): ?>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-child">
<span>
<a href="<?php $categories->permalink(); ?>" class='ww' data-color='auto'>
<?php $categories->name(); ?>
</a>
</span>
</li>
<?php endwhile; ?>
</ul>
</ul>
</nav>
</div>
</div>
</div>
<div id="mobile-menu-backdrop" class="modal-backdrop d-none"></div>
<div id="search-backdrop" class="modal-backdrop d-none"></div>
<div id="content" class="mt15 container"> <!--全局上方-->
<?php if($this->options->adlisttop): ?>
<div class="puock-text p-block t-md ad-global-top"><?php $this->options->adlisttop(); ?></div>
<?php endif; ?>
<?php if($this->options->gonggao): ?>
<div class="puock-text p-block t-md global-top-notice">
<div data-swiper="init" data-swiper-class="global-top-notice-swiper" data-swiper-args='{"direction":"vertical","autoplay":{"delay":3000,"disableOnInteraction":false},"loop":true}'>
<div class="swiper global-top-notice-swiper">
<div class="swiper-wrapper">
<div class="swiper-slide t-line-1">
<a class="ta3" data-no-instant href="javascript:void(0)">
<span class="notice-icon"><i class="fa-regular fa-bell"></i></span>
<span><?php $this->options->gonggao(); ?></span>
</a>
</div>
</div>
</div>
</div>
</div>
<?php endif; ?>