This repository has been archived by the owner on May 2, 2020. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 28
/
Copy pathheader.php
110 lines (107 loc) · 6.01 KB
/
header.php
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
<?php
/**
* header.php
*
* 导航栏
*
* @author 熊猫小A
*
*/
if (!defined('__TYPECHO_ROOT_DIR__')) exit;
?>
<body class="flex flex-direction-column">
<header id="header">
<nav class="flex justify-content-justify align-items-center">
<div class="flex align-items-center">
<a id="brand" href="/" target="_self"><?php echo $this->options->sitelogo? $this->options->sitelogo:$this->options->title; ?></a>
<div class="nav-links flex justify-content-center align-items-center">
<?php
if($this->options->headernav&&$this->options->headernav!=''){
$navs=explode(PHP_EOL,$this->options->headernav);
foreach ($navs as $value) {
$value=str_replace("\r",'', $value);
$temp=explode(',',$value);
echo '<a onclick="$(`.nav-link`).removeClass(`current`);$(this).addClass(`current`);" class="nav-link flex justify-content-center align-items-center" href="'.$temp[2].'"><i class="fa fa-fw fa-'.$temp[0].'"></i>'.$temp[1].'</a>';
}
}
?>
<?php if($this->options->aside_nav): ?>
<a data-fancybox data-src="#pages" href="javascript:;" class="show-xs nav-link flex justify-content-center align-items-center"><i class="fa fa-fw fa-th-large"></i>Pages</a>
<?php endif; ?>
<a data-fancybox data-src="#TOC" href="javascript:;" class="hidden show-md nav-link flex justify-content-center align-items-center"><i class="fa fa-fw fa-th-list"></i>TOC</a>
</div>
</div>
<div style="display: flex;flex-direction: row;align-items: center;justify-content: center;">
<a href="javascript:void(0)" target="_self" class="nav-link" onclick="switchNightMode()"><i class="fa fa-lightbulb-o"></i></a>
<a data-fancybox data-src="#search" href="javascript:;" class="nav-link"><i class="fa fa-search"></i></a>
<a style="display: flex;" data-fancybox data-src="#hidden-login-form" href="javascript:;"><img style="width:35px;height:35px" class="avatar author-avatar" src="<?php
if($this->user->mail) echo Typecho_Common::gravatarUrl($this->user->mail, 100, '', '', true);
elseif ($this->options->defaultavatar) echo $this->options->defaultavatar;
else echo Typecho_Common::gravatarUrl(Utils::getAdminMail(), 100, '', '', true);
?>" /></a>
</div>
</nav>
</header>
<?php if($this->options->site_bg && $this->options->site_bg!=''):?>
<div class="bg" style="background-image:url(<?php echo $this->options->site_bg; ?>)"></div>
<style>
<?php if($this->options->transparent=='1'):?>
html:not(.night){--bg-color:rgba(255,255,255,0.9)}
html:not(.night) .comment-content{background: rgba(0,0,0,0.08);}
html:not(.night) .comment-content::before{left:-14px;border-color: transparent rgba(0,0,0,0.08) transparent transparent;}
html:not(.night) .comment-by-author.comment-item>.comment-body>.comment-content::before{right:-14px;border-color: transparent transparent transparent rgba(0,0,0,0.08);}
html:not(.night) .comment-info-input input,html:not(.night) #textarea{background:none}
html:not(.night) .nav-left-panel > ul{background:transparent}
<?php endif;?>
html:not(.night) .post-item.shuoshuo .post-item-header>div *,html:not(.night) #footer-info *{color:#fafafa}
html:not(.night) #TOC{background: var(--bg-color)}
html:not(.night) .post-item,html:not(.night) #comments,#nav-left>div{box-shadow:none}
</style>
<?php else:?>
<div class="bg" style="background:#f0f0f0"></div>
<?php endif;?>
<div class="bg bg-mask"></div>
<?php if($this->options->pjax=='1'): ?>
<div id="loading-wrap" style="display:none" ontouchmove="event.preventDefault()" onscroll="event.preventDefault()">
<?php if($this->options->loadinganime!='1'): ?>
<div class="idot"></div><div class="idot"></div><div class="idot"></div>
<?php else: ?>
<div id="loading-anime" style="background-image:url(<?php $this->options->themeUrl('/assets/loading1.png');?>)"></div>
<?php endif; ?>
</div>
<?php endif;?>
<div id="hidden-login-form" class="login-form" style="display:none">
<?php if($this->user->hasLogin()): ?>
<p style="margin-top:1.3em">您已经登录，<a no-pjax href="<?php $this->options->logoutUrl(); ?>">登出</a></p>
<?php else:?>
<form action="<?php $this->options->loginAction()?>" method="post" name="login" rold="form">
<p>是要登录吗？</p>
<p>
<input type="text" name="name" autocomplete="username" placeholder="请输入用户名" required/>
</p>
<p>
<input type="password" name="password" autocomplete="current-password" placeholder="请输入密码" required/>
</p>
<button type="submit">登录</button>
<input type="hidden" name="referer" value="<?php
if($this->is('index')) $this->options->siteUrl();
else $this->permalink();
?>">
</form>
<?php endif; ?>
</div>
<div id="search" style="display:none">
<p style="color:var(--text-color)">输入要搜索的内容</p>
<input onkeydown="enterSearch();" type="text" name="search-content" id="search" class="text" required />
<div style="margin:1em auto" id="search-buttons">
<button style="color:var(--text-color)" id="btn-search" onclick="startSearch(<?php if($this->options->pjax=='1') echo 'true'; ?>);">搜索</button>
</div>
<p style="margin: 0.2em auto;line-height:1.5;color:rgba(0,0,0,0.4);max-width:90%;text-align:center;color:var(--text-color)">点击「搜索」或者使用 Enter 键开始搜索</p>
</div>
<?php if($this->options->reward_img&&$this->options->reward_img!='') :?>
<div id="reward" style="display:none">
<div style="font-size:1.5rem;text-align:center;overflow:hidden;color:var(--text-color);margin-bottom:0.2em">给博主投食</div>
<img style="max-width:100%" src="<?php echo $this->options->reward_img; ?>" />
</div>
</div>
<?php endif;?>