mirror of https://github.com/IoTcat/sakura2.git
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
65 lines
2.3 KiB
65 lines
2.3 KiB
5 years ago
|
<!DOCTYPE html>
|
||
|
<html>
|
||
|
|
||
|
<head>
|
||
|
<title>Single post</title>
|
||
|
<link rel="stylesheet" href="./css/bundle.css">
|
||
|
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
|
||
|
<link rel="stylesheet" href="https://at.alicdn.com/t/font_679578_dgipmwt51qb.css">
|
||
|
<script src="./js/bundle.js" async></script>
|
||
|
</head>
|
||
|
|
||
|
<body>
|
||
|
<div id="root" class="root">
|
||
|
<!--page main content (async container)-->
|
||
|
<header id="nav-header" class="mdc-top-app-bar mdc-top-app-bar--dense">
|
||
|
<!--nav mune-->
|
||
|
<div class="mdc-top-app-bar__row">
|
||
|
<section class="mdc-top-app-bar__section mdc-top-app-bar__section--align-start">
|
||
|
<button class="material-icons mdc-top-app-bar__navigation-icon mdc-icon-button">menu</button>
|
||
|
<span class="mdc-top-app-bar__title">Sakura</span>
|
||
|
</section>
|
||
|
<section class="mdc-top-app-bar__section mdc-top-app-bar__section--align-end" role="toolbar">
|
||
|
<a href="/" class="material-icons mdc-top-app-bar__action-item mdc-icon-button">home</a>
|
||
|
<a href="#" class="material-icons mdc-top-app-bar__action-item mdc-icon-button">print</a>
|
||
|
<a href="#" class="material-icons mdc-top-app-bar__action-item mdc-icon-button">bookmark</a>
|
||
|
</section>
|
||
|
</div>
|
||
|
</header>
|
||
|
|
||
|
<div class="header-top">
|
||
|
<!--index cover image-->
|
||
|
<figure data="mark" id="cover-img-container">
|
||
|
<div data="layer" id="img-view" data-depth="0.5">
|
||
|
<img data="cover" id="cover-img" src="https://view.moezx.cc/images/2019/10/21/1zuypi4mkggq6js5lqxt3sjaa.jpg">
|
||
|
</div>
|
||
|
</figure>
|
||
|
<div class="cover-video-container"></div>
|
||
|
</div>
|
||
|
|
||
|
<!--transparent area-->
|
||
|
<div id="header-top-after" class="header-top-after">
|
||
|
<!--wave decoration-->
|
||
|
<div id="header-top-after-deco" class="header-top-after-deco"></div>
|
||
|
</div>
|
||
|
|
||
|
<div class="page-content">
|
||
|
<aside class="side-bar-left">left</aside>
|
||
|
<section class="main-center">
|
||
|
<div class="post-list">
|
||
|
<h1>I'm a post</h1><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
|
||
|
<p>--EOF--</p>
|
||
|
</div>
|
||
|
</section>
|
||
|
<aside class="side-bar-right">right</aside>
|
||
|
</div>
|
||
|
|
||
|
<footer>
|
||
|
<div class="before" id="footer-before"></div>
|
||
|
<div class="main">Copyright</div>
|
||
|
</footer>
|
||
|
|
||
|
</div>
|
||
|
</body>
|
||
|
|
||
|
</html>
|