369 lines
33 KiB
PHP
369 lines
33 KiB
PHP
<header class="joe_header">
|
|
|
|
<div class="joe_header__above">
|
|
<div class="joe_container">
|
|
<svg class="joe_header__above-slideicon" viewBox="0 0 1152 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="20" height="20">
|
|
<path d="M76.032 872a59.968 59.968 0 1 0 0 120h999.936a59.968 59.968 0 1 0 0-120H76.032z m16-420.032a59.968 59.968 0 1 0 0 120h599.936a59.968 59.968 0 1 0 0-119.936H92.032zM76.032 32a59.968 59.968 0 1 0 0 120h999.936a60.032 60.032 0 0 0 0-120H76.032z" p-id="68770"></path>
|
|
</svg>
|
|
<a title="<?php $this->options->title(); ?>" class="joe_header__above-logo" href="<?php $this->options->siteUrl(); ?>">
|
|
<img class="lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="<?php $this->options->JLogo() ?>" onerror="javascript: this.src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==';" alt="<?php $this->options->title(); ?>" />
|
|
<svg class="profile-color-modes" height="45" viewBox="0 0 106 60" fill="none" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg">
|
|
<g class="profile-color-modes-illu-group profile-color-modes-illu-red">
|
|
<path d="M37.5 58.5V57.5C37.5 49.768 43.768 43.5 51.5 43.5V43.5C59.232 43.5 65.5 49.768 65.5 57.5V58.5"></path>
|
|
</g>
|
|
<g class="profile-color-modes-illu-group profile-color-modes-illu-orange">
|
|
<path d="M104.07 58.5C103.401 55.092 97.7635 54.3869 95.5375 57.489C97.4039 54.6411 99.7685 48.8845 94.6889 46.6592C89.4817 44.378 86.1428 50.1604 85.3786 54.1158C85.9519 50.4768 83.7226 43.294 78.219 44.6737C72.7154 46.0534 72.7793 51.3754 74.4992 55.489C74.169 54.7601 72.4917 53.3567 70.5 52.8196"></path>
|
|
</g>
|
|
<g class="profile-color-modes-illu-group profile-color-modes-illu-purple">
|
|
<path d="M5.51109 58.5V52.5C5.51109 41.4543 14.4654 32.5 25.5111 32.5C31.4845 32.5 36.8464 35.1188 40.5111 39.2709C40.7212 39.5089 40.9258 39.7521 41.1245 40"></path>
|
|
<path d="M27.511 49.5C29.6777 49.5 28.911 49.5 32.511 49.5"></path>
|
|
<path d="M27.511 56.5C29.6776 56.5 26.911 56.5 30.511 56.5"></path>
|
|
</g>
|
|
<g class="profile-color-modes-illu-group profile-color-modes-illu-green">
|
|
<circle cx="5.5" cy="12.5" r="4"></circle>
|
|
<circle cx="18.5" cy="5.5" r="4"></circle>
|
|
<path d="M18.5 9.5L18.5 27.5"></path>
|
|
<path d="M18.5 23.5C6 23.5 5.5 23.6064 5.5 16.5"></path>
|
|
</g>
|
|
<g class="profile-color-modes-illu-group profile-color-modes-illu-blue">
|
|
<g class="profile-color-modes-illu-frame">
|
|
<path d="M40.6983 31.5C40.5387 29.6246 40.6456 28.0199 41.1762 27.2317C42.9939 24.5312 49.7417 26.6027 52.5428 30.2409C54.2551 29.8552 56.0796 29.6619 57.9731 29.6619C59.8169 29.6619 61.5953 29.8452 63.2682 30.211C66.0833 26.5913 72.799 24.5386 74.6117 27.2317C75.6839 28.8246 75.0259 33.7525 73.9345 37.5094C74.2013 37.9848 74.4422 38.4817 74.6555 39"></path>
|
|
</g>
|
|
<g class="profile-color-modes-illu-frame">
|
|
<path d="M41.508 31.5C41.6336 31.2259 41.7672 30.9582 41.9085 30.6968C40.7845 26.9182 40.086 21.8512 41.1762 20.2317C42.9939 17.5312 49.7417 19.6027 52.5428 23.2409C54.2551 22.8552 56.0796 22.6619 57.9731 22.6619C59.8169 22.6619 61.5953 22.8452 63.2682 23.211C66.0833 19.5913 72.799 17.5386 74.6117 20.2317C75.6839 21.8246 75.0259 26.7525 73.9345 30.5094C75.1352 32.6488 75.811 35.2229 75.811 38.2283C75.811 38.49 75.8058 38.7472 75.7957 39"></path>
|
|
<path d="M49.4996 33V35.6757"></path>
|
|
<path d="M67.3375 33V35.6757"></path>
|
|
</g>
|
|
<g class="profile-color-modes-illu-frame">
|
|
<path d="M41.508 31.5C41.6336 31.2259 41.7672 30.9582 41.9085 30.6968C40.7845 26.9182 40.086 21.8512 41.1762 20.2317C42.9939 17.5312 49.7417 19.6027 52.5428 23.2409C54.2551 22.8552 56.0796 22.6619 57.9731 22.6619C59.8169 22.6619 61.5953 22.8452 63.2682 23.211C66.0833 19.5913 72.799 17.5386 74.6117 20.2317C75.6839 21.8246 75.0259 26.7525 73.9345 30.5094C75.1352 32.6488 75.811 35.2229 75.811 38.2283C75.811 38.49 75.8058 38.7472 75.7957 39"></path>
|
|
</g>
|
|
<g class="profile-color-modes-illu-frame">
|
|
<path d="M41.508 31.5C41.6336 31.2259 41.7672 30.9582 41.9085 30.6968C40.7845 26.9182 40.086 21.8512 41.1762 20.2317C42.9939 17.5312 49.7417 19.6027 52.5428 23.2409C54.2551 22.8552 56.0796 22.6619 57.9731 22.6619C59.8169 22.6619 61.5953 22.8452 63.2682 23.211C66.0833 19.5913 72.799 17.5386 74.6117 20.2317C75.6839 21.8246 75.0259 26.7525 73.9345 30.5094C75.1352 32.6488 75.811 35.2229 75.811 38.2283C75.811 38.49 75.8058 38.7472 75.7957 39"></path>
|
|
<path d="M49.4996 33V35.6757"></path>
|
|
<path d="M67.3375 33V35.6757"></path>
|
|
</g>
|
|
<g class="profile-color-modes-illu-frame">
|
|
<path d="M41.508 31.5C41.6336 31.2259 41.7672 30.9582 41.9085 30.6968C40.7845 26.9182 40.086 21.8512 41.1762 20.2317C42.9939 17.5312 49.7417 19.6027 52.5428 23.2409C54.2551 22.8552 56.0796 22.6619 57.9731 22.6619C59.8169 22.6619 61.5953 22.8452 63.2682 23.211C66.0833 19.5913 72.799 17.5386 74.6117 20.2317C75.6839 21.8246 75.0259 26.7525 73.9345 30.5094C75.1352 32.6488 75.811 35.2229 75.811 38.2283C75.811 38.49 75.8058 38.7472 75.7957 39"></path>
|
|
</g>
|
|
<g class="profile-color-modes-illu-frame">
|
|
<path d="M41.508 31.5C41.6336 31.2259 41.7672 30.9582 41.9085 30.6968C40.7845 26.9182 40.086 21.8512 41.1762 20.2317C42.9939 17.5312 49.7417 19.6027 52.5428 23.2409C54.2551 22.8552 56.0796 22.6619 57.9731 22.6619C59.8169 22.6619 61.5953 22.8452 63.2682 23.211C66.0833 19.5913 72.799 17.5386 74.6117 20.2317C75.6839 21.8246 75.0259 26.7525 73.9345 30.5094C75.1352 32.6488 75.811 35.2229 75.811 38.2283C75.811 38.49 75.8058 38.7472 75.7957 39"></path>
|
|
<path d="M49.4996 33V35.6757"></path>
|
|
<path d="M67.3375 33V35.6757"></path>
|
|
</g>
|
|
<g class="profile-color-modes-illu-frame">
|
|
<path d="M73.4999 40.2236C74.9709 38.2049 75.8108 35.5791 75.8108 32.2283C75.8108 29.2229 75.1351 26.6488 73.9344 24.5094C75.0258 20.7525 75.6838 15.8246 74.6116 14.2317C72.7989 11.5386 66.0832 13.5913 63.2681 17.211C61.5952 16.8452 59.8167 16.6619 57.973 16.6619C56.0795 16.6619 54.2549 16.8552 52.5427 17.2409C49.7416 13.6027 42.9938 11.5312 41.176 14.2317C40.0859 15.8512 40.7843 20.9182 41.9084 24.6968C41.003 26.3716 40.4146 28.3065 40.2129 30.5"></path>
|
|
<path d="M82.9458 30.5471L76.8413 31.657"></path>
|
|
<path d="M76.2867 34.4319L81.8362 37.7616"></path>
|
|
<path d="M49.4995 27.8242V30.4999"></path>
|
|
<path d="M67.3374 27.8242V30.4998"></path>
|
|
</g>
|
|
<g class="profile-color-modes-illu-frame">
|
|
<path d="M45.3697 34.2658C41.8877 32.1376 39.7113 28.6222 39.7113 23.2283C39.7113 20.3101 40.3483 17.7986 41.4845 15.6968C40.3605 11.9182 39.662 6.85125 40.7522 5.23168C42.5699 2.53117 49.3177 4.6027 52.1188 8.24095C53.831 7.85521 55.6556 7.66186 57.5491 7.66186C59.3929 7.66186 61.1713 7.84519 62.8442 8.21095C65.6593 4.59134 72.375 2.5386 74.1877 5.23168C75.2599 6.82461 74.6019 11.7525 73.5105 15.5094C74.7112 17.6488 75.3869 20.2229 75.3869 23.2283C75.3869 28.6222 73.2105 32.1376 69.7285 34.2658C70.8603 35.5363 72.6057 38.3556 73.3076 40"></path>
|
|
<path d="M49.0747 19.8242V22.4999"></path>
|
|
<path d="M54.0991 28C54.6651 29.0893 55.7863 30.0812 57.9929 30.0812C59.0642 30.0812 59.8797 29.8461 60.5 29.4788"></path>
|
|
<path d="M66.9126 19.8242V22.4999"></path>
|
|
<path d="M33.2533 20.0237L39.0723 22.1767"></path>
|
|
<path d="M39.1369 25.0058L33.0935 27.3212"></path>
|
|
<path d="M81.8442 19.022L76.0252 21.1751"></path>
|
|
<path d="M75.961 24.0041L82.0045 26.3196"></path>
|
|
</g>
|
|
<g class="profile-color-modes-illu-frame">
|
|
<path d="M73.4999 40.2236C74.9709 38.2049 75.8108 35.5791 75.8108 32.2283C75.8108 29.2229 75.1351 26.6488 73.9344 24.5094C75.0258 20.7525 75.6838 15.8246 74.6116 14.2317C72.7989 11.5386 66.0832 13.5913 63.2681 17.211C61.5952 16.8452 59.8167 16.6619 57.973 16.6619C56.0795 16.6619 54.2549 16.8552 52.5427 17.2409C49.7416 13.6027 42.9938 11.5312 41.176 14.2317C40.0859 15.8512 40.7843 20.9182 41.9084 24.6968C41.003 26.3716 40.4146 28.3065 40.2129 30.5"></path>
|
|
<path d="M82.9458 30.5471L76.8413 31.657"></path>
|
|
<path d="M76.2867 34.4319L81.8362 37.7616"></path>
|
|
<path d="M49.4995 27.8242V30.4999"></path>
|
|
<path d="M67.3374 27.8242V30.4998"></path>
|
|
</g>
|
|
<g class="profile-color-modes-illu-frame">
|
|
<path d="M40.6983 31.5C40.5387 29.6246 40.6456 28.0199 41.1762 27.2317C42.9939 24.5312 49.7417 26.6027 52.5428 30.2409C54.2551 29.8552 56.0796 29.6619 57.9731 29.6619C59.8169 29.6619 61.5953 29.8452 63.2682 30.211C66.0833 26.5913 72.799 24.5386 74.6117 27.2317C75.6839 28.8246 75.0259 33.7525 73.9345 37.5094C74.2013 37.9848 74.4422 38.4817 74.6555 39"></path>
|
|
</g>
|
|
</g>
|
|
</svg>
|
|
</a>
|
|
<nav class="joe_header__above-nav">
|
|
<a class="item <?php echo $this->is('index') ? 'active' : '' ?>" href="<?php $this->options->siteUrl(); ?>" title="首页">首页</a>
|
|
<?php $this->widget('Widget_Contents_Page_List')->to($pages); ?>
|
|
<?php if (count($pages->stack) <= $this->options->JNavMaxNum) : ?>
|
|
<?php foreach ($pages->stack as $item) : ?>
|
|
<a class="item <?php echo $this->is('page', $item['slug']) ? 'active' : '' ?>" href="<?php echo $item['permalink'] ?>" title="<?php echo $item['title'] ?>"><?php echo $item['title'] ?></a>
|
|
<?php endforeach; ?>
|
|
<?php else : ?>
|
|
<?php foreach (array_slice($pages->stack, 0, $this->options->JNavMaxNum) as $item) : ?>
|
|
<a class="item <?php echo $this->is('page', $item['slug']) ? 'active' : '' ?>" href="<?php echo $item['permalink'] ?>" title="<?php echo $item['title'] ?>"><?php echo $item['title'] ?></a>
|
|
<?php endforeach; ?>
|
|
<div class="joe_dropdown" trigger="hover" placement="60px" style="margin-right: 15px;">
|
|
<div class="joe_dropdown__link">
|
|
<a href="#" rel="nofollow">更多</a>
|
|
<svg class="joe_dropdown__link-icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="14" height="14">
|
|
<path d="M561.873 725.165c-11.262 11.262-26.545 21.72-41.025 18.502-14.479 2.413-28.154-8.849-39.415-18.502L133.129 375.252c-17.697-17.696-17.697-46.655 0-64.352s46.655-17.696 64.351 0l324.173 333.021 324.977-333.02c17.696-17.697 46.655-17.697 64.351 0s17.697 46.655 0 64.351L561.873 725.165z" p-id="3535" fill="var(--main)"></path>
|
|
</svg>
|
|
</div>
|
|
<nav class="joe_dropdown__menu">
|
|
<?php foreach (array_slice($pages->stack, $this->options->JNavMaxNum) as $item) : ?>
|
|
<a class="<?php echo $this->is('page', $item['slug']) ? 'active' : '' ?>" href="<?php echo $item['permalink'] ?>" title="<?php echo $item['title'] ?>"><?php echo $item['title'] ?></a>
|
|
<?php endforeach; ?>
|
|
</nav>
|
|
</div>
|
|
<?php endif; ?>
|
|
<?php
|
|
$custom = [];
|
|
$custom_text = $this->options->JCustomNavs;
|
|
if ($custom_text) {
|
|
$custom_arr = explode("\r\n", $custom_text);
|
|
if (count($custom_arr) > 0) {
|
|
for ($i = 0; $i < count($custom_arr); $i++) {
|
|
$title = explode("||", $custom_arr[$i])[0];
|
|
$url = explode("||", $custom_arr[$i])[1];
|
|
$custom[] = array("title" => trim($title), "url" => trim($url));
|
|
};
|
|
}
|
|
}
|
|
?>
|
|
<?php if (sizeof($custom) > 0) : ?>
|
|
<div class="joe_dropdown" trigger="hover" placement="60px">
|
|
<div class="joe_dropdown__link">
|
|
<a href="#" rel="nofollow">推荐</a>
|
|
<svg class="joe_dropdown__link-icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="14" height="14">
|
|
<path d="M561.873 725.165c-11.262 11.262-26.545 21.72-41.025 18.502-14.479 2.413-28.154-8.849-39.415-18.502L133.129 375.252c-17.697-17.696-17.697-46.655 0-64.352s46.655-17.696 64.351 0l324.173 333.021 324.977-333.02c17.696-17.697 46.655-17.697 64.351 0s17.697 46.655 0 64.351L561.873 725.165z" p-id="3535" fill="var(--main)"></path>
|
|
</svg>
|
|
</div>
|
|
<nav class="joe_dropdown__menu">
|
|
<?php foreach ($custom as $item) : ?>
|
|
<a href="<?php echo $item['url'] ?>" target="_blank" rel="noopener noreferrer nofollow"><?php echo $item['title'] ?></a>
|
|
<?php endforeach; ?>
|
|
</nav>
|
|
</div>
|
|
<?php endif; ?>
|
|
</nav>
|
|
<form class="joe_header__above-search" method="post" action="<?php $this->options->siteUrl(); ?>">
|
|
<input maxlength="16" autocomplete="off" placeholder="请输入关键字..." name="s" value="<?php echo $this->is('search') ? $this->archiveTitle(' » ', '', '') : '' ?>" class="input" type="text" />
|
|
<button type="submit" class="submit">Search</button>
|
|
<span class="icon"></span>
|
|
<nav class="result">
|
|
<?php $this->widget('Widget_Contents_Hot@Search', 'pageSize=5')->to($item); ?>
|
|
<?php $index = 1; ?>
|
|
<?php while ($item->next()) : ?>
|
|
<a href="<?php $item->permalink(); ?>" title="<?php $item->title(); ?>" class="item">
|
|
<span class="sort"><?php echo $index; ?></span>
|
|
<span class="text"><?php $item->title(); ?></span>
|
|
<span class="views"><?php $item->views(); ?> 阅读</span>
|
|
</a>
|
|
<?php $index++; ?>
|
|
<?php endwhile; ?>
|
|
</nav>
|
|
</form>
|
|
<svg class="joe_header__above-searchicon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="20" height="20">
|
|
<path d="M1008.190624 932.031321l-236.471871-236.471871a431.153179 431.153179 0 1 0-76.157382 76.157382l236.407873 236.471872a53.758152 53.758152 0 0 0 76.157382 0 53.758152 53.758152 0 0 0 0-76.157383zM107.805575 431.184538a323.636875 323.636875 0 0 1 323.316886-323.380884 323.700873 323.700873 0 0 1 323.380883 323.380884 323.636875 323.636875 0 0 1-323.380883 323.316886 323.636875 323.636875 0 0 1-323.316886-323.316886z" p-id="18926"></path>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="joe_header__below">
|
|
<div class="joe_container">
|
|
<nav class="joe_header__below-class">
|
|
<?php $this->widget('Widget_Metas_Category_List')->to($category); ?>
|
|
<?php while ($category->next()) : ?>
|
|
<?php if ($category->levels === 0) : ?>
|
|
<?php $children = $category->getAllChildren($category->mid); ?>
|
|
<?php if (empty($children)) : ?>
|
|
<a class="item <?php echo $this->is('category', $category->slug) ? 'active' : '' ?>" href="<?php $category->permalink(); ?>" title="<?php $category->name(); ?>"><?php $category->name(); ?></a>
|
|
<?php else : ?>
|
|
<div class="joe_dropdown" trigger="hover">
|
|
<div class="joe_dropdown__link">
|
|
<a class="item <?php echo $this->is('category', $category->slug) ? 'active' : '' ?>" href="<?php $category->permalink(); ?>" title="<?php $category->name(); ?>"><?php $category->name(); ?></a>
|
|
<svg class="joe_dropdown__link-icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="13" height="13">
|
|
<path d="M561.873 725.165c-11.262 11.262-26.545 21.72-41.025 18.502-14.479 2.413-28.154-8.849-39.415-18.502L133.129 375.252c-17.697-17.696-17.697-46.655 0-64.352s46.655-17.696 64.351 0l324.173 333.021 324.977-333.02c17.696-17.697 46.655-17.697 64.351 0s17.697 46.655 0 64.351L561.873 725.165z" p-id="3535" fill="var(--minor)"></path>
|
|
</svg>
|
|
</div>
|
|
<nav class="joe_dropdown__menu">
|
|
<?php foreach ($children as $mid) : ?>
|
|
<?php $child = $category->getCategory($mid); ?>
|
|
<a class="<?php echo $this->is('category', $child['slug']) ? 'active' : '' ?>" href="<?php echo $child['permalink'] ?>" title="<?php echo $child['name']; ?>"><?php echo $child['name']; ?></a>
|
|
<?php endforeach; ?>
|
|
</nav>
|
|
</div>
|
|
<?php endif; ?>
|
|
<?php endif; ?>
|
|
<?php endwhile; ?>
|
|
</nav>
|
|
</div>
|
|
<div class="joe_header__below-progress"></div>
|
|
</div>
|
|
|
|
<div class="joe_header__searchout">
|
|
<div class="joe_container">
|
|
<div class="joe_header__searchout-inner">
|
|
<form class="search" method="post" action="<?php $this->options->siteUrl(); ?>">
|
|
<input maxlength="16" autocomplete="off" placeholder="请输入关键字..." name="s" value="<?php echo $this->is('search') ? $this->archiveTitle(' » ', '', '') : '' ?>" class="input" type="text" />
|
|
<button type="submit" class="submit">Search</button>
|
|
</form>
|
|
<?php $this->widget('Widget_Metas_Tag_Cloud', array('sort' => 'count', 'ignoreZeroCount' => true, 'desc' => true, 'limit' => 20))->to($tags); ?>
|
|
<?php if ($tags->have()) : ?>
|
|
<div class="title">
|
|
<svg class="icon" viewBox="0 0 1445 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="22" height="22">
|
|
<path d="M1055.021176 277.865412a348.762353 348.762353 0 0 1 348.400942 348.340706c0 178.959059-136.131765 327.68-311.777883 346.172235l-758.603294 2.349176A291.237647 291.237647 0 0 1 42.164706 683.791059a291.237647 291.237647 0 0 1 273.227294-290.334118A369.242353 369.242353 0 0 1 683.791059 42.164706a370.567529 370.567529 0 0 1 344.18447 236.905412c9.336471-0.783059 18.191059-1.204706 27.045647-1.204706z m-371.230117-121.615059a255.036235 255.036235 0 0 0-254.735059 254.795294v95.954824H333.101176a177.031529 177.031529 0 0 0-176.790588 176.790588 177.031529 177.031529 0 0 0 176.790588 176.850823h721.980236a234.676706 234.676706 0 0 0 234.315294-234.435764 234.616471 234.616471 0 0 0-234.315294-234.255059 234.616471 234.616471 0 0 0-234.315294 234.315294v18.070588H706.56v-18.070588A348.400941 348.400941 0 0 1 915.817412 307.2a255.578353 255.578353 0 0 0-232.026353-151.009882z" p-id="20337"></path>
|
|
</svg>标签搜索
|
|
</div>
|
|
<ul class="cloud">
|
|
<?php $colors = [
|
|
'#F8D800',
|
|
'#0396FF',
|
|
'#EA5455',
|
|
'#7367F0',
|
|
'#32CCBC',
|
|
'#F6416C',
|
|
'#28C76F',
|
|
'#9F44D3',
|
|
'#F55555',
|
|
'#736EFE',
|
|
'#E96D71',
|
|
'#DE4313',
|
|
'#D939CD',
|
|
'#4C83FF',
|
|
'#F072B6',
|
|
'#C346C2',
|
|
'#5961F9',
|
|
'#FD6585',
|
|
'#465EFB',
|
|
'#FFC600',
|
|
'#FA742B',
|
|
'#5151E5',
|
|
'#BB4E75',
|
|
'#FF52E5',
|
|
'#49C628',
|
|
'#00EAFF',
|
|
'#F067B4',
|
|
'#F067B4',
|
|
'#ff9a9e',
|
|
'#00f2fe',
|
|
'#4facfe',
|
|
'#f093fb',
|
|
'#6fa3ef',
|
|
'#bc99c4',
|
|
'#46c47c',
|
|
'#f9bb3c',
|
|
'#e8583d',
|
|
'#f68e5f',
|
|
]; ?>
|
|
<?php while ($tags->next()) : ?>
|
|
<li class="item">
|
|
<a style="background: <?php echo $colors[mt_rand(0, count($colors) - 1)] ?>" href="<?php $tags->permalink(); ?>"><?php $tags->name(); ?></a>
|
|
</li>
|
|
<?php endwhile; ?>
|
|
</ul>
|
|
<?php endif; ?>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="joe_header__slideout">
|
|
<img width="100%" height="150" class="joe_header__slideout-image" src="<?php $this->options->JAside_Wap_Image() ?>" onerror="javascript: this.src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==';" alt="<?php $this->author->screenName(); ?>" />
|
|
<div class="joe_header__slideout-author">
|
|
<img width="50" height="50" class="avatar lazyload" src="<?php _getAvatarLazyload(); ?>" data-src="<?php _getAvatarByMail($this->author->mail) ?>" onerror="javascript: this.src = '<?php _getAvatarLazyload(); ?>'" alt="<?php $this->author->screenName(); ?>" />
|
|
<div class="info">
|
|
<a class="link" href="<?php $this->options->JAside_Author_Link() ?>" target="_blank" rel="noopener noreferrer nofollow"><?php $this->author->screenName(); ?></a>
|
|
<p class="motto joe_motto"></p>
|
|
</div>
|
|
</div>
|
|
<ul class="joe_header__slideout-count">
|
|
<?php Typecho_Widget::widget('Widget_Stat')->to($count); ?>
|
|
<li class="item">
|
|
<svg class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="15" height="15">
|
|
<path d="M606.226851 985.923317 164.750051 985.923317c-69.714817 0-126.404264-56.722238-126.404264-126.442758l0-733.003584c0-69.721946 56.695149-126.476975 126.404264-126.476975l619.275389 0c69.714817 0 126.548261 56.75503 126.548261 126.476975l0 503.924726c0 18.216414-14.813222 32.996845-33.069557 32.996845-18.183623 0-32.925559-14.780431-32.925559-32.996845l0-503.924726c0-33.354701-27.199871-60.487563-60.553146-60.487563l-619.275389 0c-33.353275 0-60.409148 27.132862-60.409148 60.487563L104.340903 859.480559c0 33.353275 27.055873 60.44194 60.409148 60.44194L606.226851 919.922499c18.183623 0 32.925559 14.786134 32.925559 33.003974C639.15241 971.137184 624.410473 985.923317 606.226851 985.923317L606.226851 985.923317zM606.226851 985.923317"></path>
|
|
<path d="M657.619751 322.055709 291.154315 322.055709c-18.183623 0-32.924133-14.786134-32.924133-33.002548 0-18.210711 14.740511-32.998271 32.924133-32.998271l366.465436 0c18.256334 0 33.070982 14.787559 33.070982 32.998271C690.690733 307.269575 675.876085 322.055709 657.619751 322.055709L657.619751 322.055709zM657.619751 322.055709" p-id="15074"></path>
|
|
<path d="M657.619751 504.748792 291.154315 504.748792c-18.183623 0-32.924133-14.780431-32.924133-32.992568 0-18.222117 14.740511-32.996845 32.924133-32.996845l366.465436 0c18.256334 0 33.070982 14.774728 33.070982 32.996845C690.690733 489.974064 675.876085 504.748792 657.619751 504.748792L657.619751 504.748792zM657.619751 504.748792" p-id="15075"></path>
|
|
<path d="M445.611029 687.486073 291.154315 687.486073c-18.183623 0-32.924133-14.780431-32.924133-33.003974 0-18.210711 14.740511-32.991142 32.924133-32.991142l154.456715 0c18.183623 0 32.998271 14.780431 32.998271 32.991142C478.6093 672.705642 463.794652 687.486073 445.611029 687.486073L445.611029 687.486073zM445.611029 687.486073" p-id="15076"></path>
|
|
<path d="M866.48191 1024c-8.447386 0-16.896198-3.224977-23.340449-9.662099L577.595558 748.786295c-7.155685-7.122893-10.591668-17.070136-9.44539-27.055873l8.73253-77.728785c1.787852-15.320778 13.885079-27.378086 29.200155-29.060434l77.45077-8.520098c10.441967-0.963786 19.898763 2.433703 26.904747 9.449667L975.995678 881.422378c12.87567 12.877096 12.87567 33.783842 0 46.665215l-86.1833 86.250308C883.373831 1020.775023 874.925019 1024 866.48191 1024L866.48191 1024zM635.432709 713.354322l231.049201 231.017835 39.575113-39.619311L675.013525 673.70222l-35.504685 3.937836L635.432709 713.354322 635.432709 713.354322zM635.432709 713.354322" p-id="15077"></path>
|
|
</svg>
|
|
<span>累计撰写 <strong><?php echo number_format($count->publishedPostsNum); ?></strong> 篇文章</span>
|
|
</li>
|
|
<li class="item">
|
|
<svg class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="15" height="15">
|
|
<path d="M921.6 153.6H102.4a102.4 102.4 0 0 0-102.4 102.4v512a102.4 102.4 0 0 0 102.4 102.4h819.2a102.4 102.4 0 0 0 102.4-102.4V256a102.4 102.4 0 0 0-102.4-102.4z m-233.984 319.488L972.8 258.304V791.04zM960 204.8L527.104 527.36 73.216 204.8z m-588.8 278.784L51.2 770.816V256zM73.984 819.2l339.2-307.2 83.456 59.392a51.2 51.2 0 0 0 60.416 0l89.6-67.328L931.072 819.2z"></path>
|
|
</svg>
|
|
<span>累计收到 <strong><?php echo number_format($count->publishedCommentsNum); ?></strong> 条评论</span>
|
|
</li>
|
|
</ul>
|
|
<ul class="joe_header__slideout-menu panel-box">
|
|
<li>
|
|
<a class="link" href="<?php $this->options->siteUrl(); ?>" title="首页">
|
|
<span>首页</span>
|
|
</a>
|
|
</li>
|
|
<!-- 栏目 -->
|
|
<li>
|
|
<a class="link panel" href="#" rel="nofollow">
|
|
<span>栏目</span>
|
|
<svg class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="13" height="13">
|
|
<path d="M624.86499999 512.247l-292.15499999-292.159c-12.28-12.27-12.28-32.186 0-44.457 12.27-12.28 32.186-12.28 44.457 0l314.388 314.388c12.28 12.27 12.28 32.186 0 44.457l-314.388 314.387c-6.136 6.14-14.183 9.211-22.228 9.211s-16.092-3.071-22.228-9.211c-12.28-12.27-12.28-32.186 0-44.457l292.155-292.16z" p-id="1742"></path>
|
|
</svg>
|
|
</a>
|
|
<ul class="slides panel-body panel-box">
|
|
<?php while ($category->next()) : ?>
|
|
<?php if ($category->levels === 0) : ?>
|
|
<?php $children = $category->getAllChildren($category->mid); ?>
|
|
<?php if (empty($children)) : ?>
|
|
<li>
|
|
<a class="link <?php echo $this->is('category', $category->slug) ? 'current' : '' ?>" href="<?php $category->permalink(); ?>" title="<?php $category->name(); ?>"><?php $category->name(); ?></a>
|
|
</li>
|
|
<?php else : ?>
|
|
<li>
|
|
<div class="link panel <?php echo $this->is('category', $category->slug) ? 'current' : '' ?>">
|
|
<a href="<?php $category->permalink(); ?>" title="<?php $category->name(); ?>"><?php $category->name(); ?></a>
|
|
<svg class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="13" height="13">
|
|
<path d="M624.86499999 512.247l-292.15499999-292.159c-12.28-12.27-12.28-32.186 0-44.457 12.27-12.28 32.186-12.28 44.457 0l314.388 314.388c12.28 12.27 12.28 32.186 0 44.457l-314.388 314.387c-6.136 6.14-14.183 9.211-22.228 9.211s-16.092-3.071-22.228-9.211c-12.28-12.27-12.28-32.186 0-44.457l292.155-292.16z" p-id="1742"></path>
|
|
</svg>
|
|
</div>
|
|
<ul class="slides panel-body">
|
|
<?php foreach ($children as $mid) : ?>
|
|
<?php $child = $category->getCategory($mid); ?>
|
|
<li>
|
|
<a class="link <?php echo $this->is('category', $child['slug']) ? 'current' : '' ?>" href="<?php echo $child['permalink'] ?>" title="<?php echo $child['name']; ?>"><?php echo $child['name']; ?></a>
|
|
</li>
|
|
<?php endforeach; ?>
|
|
</ul>
|
|
</li>
|
|
<?php endif; ?>
|
|
<?php endif; ?>
|
|
<?php endwhile; ?>
|
|
</ul>
|
|
</li>
|
|
<!-- 页面 -->
|
|
<li>
|
|
<a class="link panel" href="#" rel="nofollow">
|
|
<span>页面</span>
|
|
<svg class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="13" height="13">
|
|
<path d="M624.86499999 512.247l-292.15499999-292.159c-12.28-12.27-12.28-32.186 0-44.457 12.27-12.28 32.186-12.28 44.457 0l314.388 314.388c12.28 12.27 12.28 32.186 0 44.457l-314.388 314.387c-6.136 6.14-14.183 9.211-22.228 9.211s-16.092-3.071-22.228-9.211c-12.28-12.27-12.28-32.186 0-44.457l292.155-292.16z" p-id="1742"></path>
|
|
</svg>
|
|
</a>
|
|
<ul class="slides panel-body">
|
|
<?php foreach ($pages->stack as $item) : ?>
|
|
<li>
|
|
<a class="link <?php echo $this->is('page', $item['slug']) ? 'current' : '' ?>" href="<?php echo $item['permalink'] ?>" title="<?php echo $item['title'] ?>"><?php echo $item['title'] ?></a>
|
|
</li>
|
|
<?php endforeach; ?>
|
|
</ul>
|
|
</li>
|
|
<!-- 推荐 -->
|
|
<?php if (sizeof($custom) > 0) : ?>
|
|
<li>
|
|
<a class="link panel" href="#" rel="nofollow">
|
|
<span>推荐</span>
|
|
<svg class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="13" height="13">
|
|
<path d="M624.86499999 512.247l-292.15499999-292.159c-12.28-12.27-12.28-32.186 0-44.457 12.27-12.28 32.186-12.28 44.457 0l314.388 314.388c12.28 12.27 12.28 32.186 0 44.457l-314.388 314.387c-6.136 6.14-14.183 9.211-22.228 9.211s-16.092-3.071-22.228-9.211c-12.28-12.27-12.28-32.186 0-44.457l292.155-292.16z" p-id="1742"></path>
|
|
</svg>
|
|
</a>
|
|
<ul class="slides panel-body">
|
|
<?php foreach ($custom as $item) : ?>
|
|
<li>
|
|
<a class="link" href="<?php echo $item['url'] ?>" target="_blank" rel="noopener noreferrer nofollow"><?php echo $item['title'] ?></a>
|
|
</li>
|
|
<?php endforeach; ?>
|
|
</ul>
|
|
</li>
|
|
<?php endif; ?>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="joe_header__mask"></div>
|
|
</header>
|