-
Notifications
You must be signed in to change notification settings - Fork 52
/
index.php
299 lines (272 loc) · 18 KB
/
index.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
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
<?php
/**
* 这是 <a href="https://viosey.com/" target="_blank">Viosey</a> 基于 Google Material Design 开发的 Typecho 主题，目前 Typecho 版由 <a href="https://blog.lim-light.com/" target="_blank">黎明余光</a> 维护
*
* @package Material
* @author 黎明余光
* @version 3.4.0
* @link https://blog.lim-light.com
*/
$this->need('header.php'); ?>
<div class="material-layout mdl-js-layout has-drawer is-upgraded">
<main class="material-layout__content" id="main">
<div class="min-height-for-footer">
<!-- Top Anchor -->
<div id="top"></div>
<!-- Hamburger Button -->
<button class="MD-burger-icon sidebar-toggle">
<span id="MD-burger-id" class="MD-burger-layer"></span>
</button>
<div class="material-index mdl-grid">
<?php if ($this->is('index') && $this->_currentPage == 1): ?>
<!-- Daily Pic -->
<div class="mdl-card mdl-shadow--<?php $this->options->CardElevation() ?>dp daily-pic mdl-cell mdl-cell--8-col index-top-block">
<?php if (!empty($this->options->dailypic)): ?>
<div class="mdl-card__media mdl-color-text--grey-50"
style="background-image:url(<?php $this->options->dailypic() ?>)">
<?php else: ?>
<div class="mdl-card__media mdl-color-text--grey-50"
style="background-image:url(<?php getThemeFile("img/daily_pic.png", true) ?>)">
<?php endif; ?>
<p class="index-top-block-slogan"><a
href="<?php $this->options->dailypicLink() ?>"><?php $this->options->slogan() ?></a>
</p>
</div>
<div class="mdl-card__supporting-text meta mdl-color-text--grey-600">
<!-- Author avatar -->
<div id="author-avatar">
<?php if (!empty($this->options->avatarURL)): ?>
<img src="<?php $this->options->avatarURL() ?>" width="32px" height="32px"/>
<?php else: ?>
<?php $this->author->gravatar(32); ?>
<?php endif; ?>
</div>
<div>
<strong><?php $this->author(); ?></strong>
</div>
</div>
</div>
<!-- Blog info -->
<div class="mdl-card mdl-shadow--<?php $this->options->CardElevation() ?>dp something-else mdl-cell mdl-cell--8-col mdl-cell--4-col-desktop index-top-block">
<!-- Search -->
<?php if ((!empty($this->options->searchis) && $this->options->searchis == '1')): ?>
<div class="mdl-textfield mdl-js-textfield mdl-textfield--expandable">
<label id="search-label"
class="mdl-button mdl-js-ripple-effect mdl-js-button mdl-button--fab mdl-color--accent mdl-shadow--4dp"
for="search">
<i class="material-icons mdl-color-text--white" role="presentation">search</i>
</label>
<form autocomplete="off" id="search-form" method="post" action=""
class="mdl-textfield__expandable-holder">
<input type="text" id="search" class="form-control mdl-textfield__input search-input"
name="s" results="0" placeholder=""/>
<label id="search-form-label" class="mdl-textfield__label" for="search"></label>
</form>
</div>
<div id="local-search-result"></div>
<?php else: ?>
<div class="mdl-textfield mdl-js-textfield mdl-textfield--expandable">
<label id="search-label"
class="mdl-button mdl-js-ripple-effect mdl-js-button mdl-button--fab mdl-color--accent mdl-shadow--4dp"
for="search">
<i class="material-icons mdl-color-text--white" role="presentation">search</i>
</label>
<form autocomplete="off" id="search-form" method="post" action=""
class="mdl-textfield__expandable-holder">
<input class="mdl-textfield__input search-input" type="text" name="s" id="search">
<label id="search-form-label" class="mdl-textfield__label" for="search"></label>
</form>
</div>
<?php endif; ?>
<!-- LOGO -->
<div class="something-else-logo mdl-color--white mdl-color-text--grey-600">
<?php if (!empty($this->options->logoLink)): ?>
<a href="<?php $this->options->logoLink() ?>">
<?php else: ?>
<a href="#">
<?php endif; ?>
<?php if (!empty($this->options->logo)): ?>
<?php if (!empty($this->options->logosize) && $this->options->logosize == "2"): ?>
<img style="width: 12pc; height: 12pc; margin-top: -2pc"
src="<?php $this->options->logo() ?>">
<?php else: ?>
<img src="<?php $this->options->logo() ?>">
<?php endif; ?>
<?php else: ?>
<img src="<?php getThemeFile('img/logo.png', true) ?>">
<?php endif; ?>
</a>
</div>
<!-- Infomation -->
<div class="mdl-card__supporting-text meta meta--fill mdl-color-text--grey-600">
<div>
<strong><?php $this->options->title(); ?></strong>
</div>
<div class="section-spacer"></div>
<!-- Pages button -->
<button id="show-pages-button"
class="mdl-button mdl-js-button mdl-js-ripple-effect mdl-button--icon">
<i class="material-icons" role="presentation">view_carousel</i>
<span class="visuallyhidden">Pages</span>
</button>
<ul class="mdl-menu mdl-js-menu mdl-menu--bottom-right" for="show-pages-button">
<?php $this->widget('Widget_Contents_Page_List')->to($pages); ?>
<?php while ($pages->next()): ?>
<a href="<?php $pages->permalink(); ?>" class="index_share-link"
title="<?php $pages->title(); ?>">
<li class="mdl-menu__item mdl-js-ripple-effect">
<?php $pages->title(); ?>
</li>
</a>
<?php endwhile; ?>
</ul>
<!-- Menu button-->
<button id="menubtn" class="mdl-button mdl-js-button mdl-js-ripple-effect mdl-button--icon">
<i class="material-icons" role="presentation">more_vert</i>
<span class="visuallyhidden">show menu</span>
</button>
<ul class="mdl-menu mdl-js-menu mdl-menu--bottom-right" for="menubtn">
<a href="<?php $this->options->feedUrl(); ?>" class="index_share-link">
<li class="mdl-menu__item mdl-js-ripple-effect">
<?php lang("share.article_rss") ?>
</li>
</a>
<!-- Share Menu -->
<a class="index_share-link"
href="https://www.facebook.com/sharer/sharer.php?u=<?php $this->options->siteUrl(); ?>">
<li class="mdl-menu__item">
<?php lang("share.toFacebook") ?>
</li>
</a>
<a class="index_share-link"
href="https://telegram.me/share/url?url=<?php $this->options->siteUrl(); ?>&text=<?php $this->options->title(); ?>">
<li class="mdl-menu__item">
<?php lang("share.toTelegram") ?>
</li>
</a>
<a class="index_share-link"
href="https://twitter.com/intent/tweet?text=<?php $this->options->title(); ?>&url=<?php $this->options->siteUrl(); ?>&via=<?php $this->author->screenName(); ?>">
<li class="mdl-menu__item">
<?php lang("share.toTwitter") ?>
</li>
</a>
<a class="index_share-link"
href="http://service.weibo.com/share/share.php?appkey=&title=<?php $this->options->title(); ?>&url=<?php $this->options->siteUrl(); ?>&pic=&searchPic=false&style=simple ">
<li class="mdl-menu__item">
<?php lang("share.toWeibo") ?>
</li>
</a>
</ul>
</div>
</div>
<?php endif; ?>
<?php if ($this->getTotal() != 0): ?>
<?php while ($this->next()): ?>
<!-- Article module -->
<div class="post_entry-module mdl-card mdl-shadow--<?php $this->options->CardElevation() ?>dp mdl-cell mdl-cell--12-col <?php if (!empty($this->options->switch) && in_array('ShowLoadingLine', $this->options->switch)): ?>fade out<?php endif; ?>">
<!-- Article link & title -->
<?php if ($this->options->ThumbnailOption == '1'): ?>
<div class="post-thumbnail-pure mdl-card__media mdl-color-text--grey-50 lazy "
<?php getBackgroundLazyload(showThumbnail($this)); ?>>
<p class="article-headline-p"><a href="<?php $this->permalink() ?>"
target="_self"><?php $this->title() ?></a></p>
</div>
<?php elseif ($this->options->ThumbnailOption == '2'): ?>
<div class="mdl-card__media mdl-color-text--grey-50"
style="background-color:<?php $this->options->TitleColor() ?> !important;color:#757575 !important;">
<p class="article-headline-p-nopic">
<a href="<?php $this->permalink() ?>" target="_self">
"<br><?php $this->title() ?><br>"
</a>
</p>
</div>
<?php elseif ($this->options->ThumbnailOption == '3'): ?>
<div class="post_thumbnail-random mdl-card__media mdl-color-text--grey-50 lazy "
<?php getBackgroundLazyload(randomThumbnail($this)); ?>>
<p class="article-headline-p"><a href="<?php $this->permalink() ?>"
target="_self"><?php $this->title() ?></a></p>
</div>
<?php endif; ?>
<!-- Article content -->
<div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
<?php ($this->fields->description != "") ? $this->fields->description() : $this->excerpt(80, '...'); ?>
<span>
<a href="<?php $this->permalink(); ?>" target="_self">
<?php lang("post.continue") ?>
</a>
</span>
</div>
<!-- Article info-->
<div id="post_entry-info">
<div class="mdl-card__supporting-text meta mdl-color-text--grey-600 "
id="post_entry-left-info">
<!-- Author avatar -->
<div id="author-avatar">
<?php if (!empty($this->options->avatarURL)): ?>
<img src="<?php $this->options->avatarURL() ?>" width="44px" height="44px"/>
<?php else: ?>
<?php $this->author->gravatar(44); ?>
<?php endif; ?>
</div>
<div>
<span class="author-name-span"><strong><?php $this->author(); ?></strong></span>
<span>
<?php if ($this->options->langis == '0'): ?>
<?php $this->date('F j, Y'); ?>
<?php else: ?>
<?php $this->dateWord(); ?>
<?php endif; ?>
</span>
</div>
</div>
<div id="post_entry-right-info" style="color:<?php $this->options->alinkcolor(); ?>">
<span class="post_entry-category">
<?php $this->category(', '); ?><?php if ($this->options->commentis == '0' || (!getThemeOptions('SwitchToDisqusSince') == '' || !getThemeOptions('SwitchToDisqusSince') == null) && $this->cid < (int)getThemeOptions('SwitchToDisqusSince')): ?> |
</span>
<a href="<?php $this->permalink() ?>">
<!-- Comment Count -->
<?php $this->commentsNum('%d 评论'); ?>
</a>
<?php endif ?>
</div>
</div>
</div>
<?php endwhile; ?>
<?php else: ?>
<!-- Article module -->
<div class="post_entry-module mdl-card mdl-shadow--<?php $this->options->CardElevation() ?>dp mdl-cell mdl-cell--12-col <?php if (!empty($this->options->switch) && in_array('ShowLoadingLine', $this->options->switch)): ?>fade out<?php endif; ?>">
<!-- Article link & title -->
<div class="post-thumbnail-pure mdl-card__media mdl-color-text--grey-50 lazy "
<?php getBackgroundLazyload(showThumbnail($this)); ?>>
<p class="article-headline-p"><a href="<?php $this->options->siteUrl() ?>"
target="_self"><?php $this->options->title() ?></a></p>
</div>
<!-- Article content -->
<div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
<span>
<?php if (getThemeOptions("language") === "zh-CN"): ?>未能找到相关文章<?php else: ?>Could not find related articles<?php endif; ?>
<a href="<?php $this->options->siteUrl(); ?>"
target="_self"><?php if (getThemeOptions("language") === "zh-CN"): ?>回到主页<?php else: ?>Return to homepage<?php endif; ?></a>
</span>
</div>
<!-- Article info-->
<div id="post_entry-info">
</div>
</div>
<?php endif; ?>
<nav class="material-nav mdl-cell mdl-cell--12-col">
<?php $this->pageLink(
'<button class="mdl-button mdl-js-button mdl-js-ripple-effect mdl-button--icon"><i class="material-icons" role="presentation">arrow_back</i></button>'); ?>
<span class="page-number current"><?php if ($this->_currentPage > 1) {
echo $this->_currentPage;
} else {
echo 1;
} ?> of <?php echo ceil($this->getTotal() / $this->parameter->pageSize); ?></span>
<?php $this->pageLink(
'<button class="mdl-button mdl-js-button mdl-js-ripple-effect mdl-button--icon"><i class="material-icons" role="presentation">arrow_forward</i></button>', 'next'); ?>
</nav>
</div>
</div>
<?php $this->need('sidebar.php'); ?>
<?php $this->need('footer.php'); ?>