mirror of
https://github.com/suk-ws/ph-Bookshelf.git
synced 2025-01-19 07:22:26 +08:00
Eyre_S
0024f32fb9
- 在主要区块左上角添加一个侧边栏开关按钮 - 侧边栏动画实现 - 实现了侧边栏开关和侧边栏滑入滑出动画 - 菜单物体悬浮颜色动画 - 菜单物体的已选中区块指示器实现 - 子菜单的开关动画 - 补全 a 标签的样式和动画 - 重置了默认 button 样式
112 lines
4.6 KiB
HTML
112 lines
4.6 KiB
HTML
<div id="nav-container"><nav id="sidebar">
|
|
<noscript id="noscript-warn">For now, javascript must be enabled to view this site!!</noscript>
|
|
<address id="site-title">ph-Bookshelf BEDROCK Demo supports looooooooog title</address>
|
|
<div id="menu-container" class="menu-container sidebar-card">
|
|
<div id="menu-links" class="menu">
|
|
<a class="no-style menu-item" href="https://sukazyo.cc/" target="_blank">Workshop MetaBoard</a>
|
|
<a class="no-style menu-item" href="https://srv.sukazyo.cc/" target="_blank">Workshop Services</a>
|
|
</div>
|
|
<div id="menu-pages" class="menu">
|
|
<a class="no-style menu-item" href="#">Something?</a>
|
|
<div class="menu-item-parent active">
|
|
<a class="no-style menu-item" href="#">With Something</a>
|
|
<div class="children">
|
|
<div class="menu-item-parent">
|
|
<a class="no-style menu-item" href="#">With Something</a>
|
|
<div class="children">
|
|
<a class="no-style menu-item" href="#">Something?</a>
|
|
<a class="no-style menu-item" href="#">Something?</a>
|
|
<a class="no-style menu-item" href="#">Something?</a>
|
|
<a class="no-style menu-item" href="#">Something?</a>
|
|
<a class="no-style menu-item" href="#">Something?</a>
|
|
<a class="no-style menu-item" href="#">Something?</a>
|
|
<a class="no-style menu-item" href="#">Something?</a>
|
|
<a class="no-style menu-item" href="#">Something?</a>
|
|
<a class="no-style menu-item" href="#">Something?</a>
|
|
<a class="no-style menu-item" href="#">Something?</a>
|
|
<a class="no-style menu-item" href="#">Something?</a>
|
|
<a class="no-style menu-item" href="#">Something?</a>
|
|
<a class="no-style menu-item" href="#">Something?</a>
|
|
</div>
|
|
</div>
|
|
<a class="no-style menu-item" href="#">Something?</a>
|
|
<a class="no-style menu-item" href="#">Something?</a>
|
|
<a class="no-style menu-item current" href="#">Something?</a>
|
|
</div>
|
|
</div>
|
|
<a class="no-style menu-item" href="#">Something?</a>
|
|
<a class="no-style menu-item" href="#">Something?</a>
|
|
</div>
|
|
<div id="menu-about" class="menu">
|
|
<a class="no-style menu-item" href="https://github.com/suk-ws/ph-Bookshelf" target="_blank">
|
|
<span>Published by ph-Bookshelf</span><br>
|
|
<small>0.3-dev</small>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</nav></div>
|
|
<main id="main">
|
|
<div id="page-tools">
|
|
<button id="sidebar-show">☰</button>
|
|
</div>
|
|
<article id="article">
|
|
<h1>Hello World</h1>
|
|
<p>Template or something here.</p>
|
|
<p>Template or something here.</p>
|
|
<p>Template or something here.</p>
|
|
<a href="https://book.sukazyo.cc/">https://book.sukazyo.cc/</a>
|
|
<p>Template or something here.</p>
|
|
<a href="https://boawdok.sukazyo.cc/">https://book.sukazyo.cc/</a>
|
|
<a href="https://bdadxook.sukazyo.cc/">https://book.sukazyo.cc/</a>
|
|
<a href="https://book.sukazyo222.cc/">https://book.sukazyo.cc/</a>
|
|
<p>Template or something here.</p>
|
|
<div id="test-overflow">
|
|
<p>Template or something here.</p>
|
|
<p>Template or something here.</p>
|
|
<p>Template or something here.</p>
|
|
<p>Template or something here.</p>
|
|
<p>Template or something here.</p>
|
|
<p>Template or something here.</p>
|
|
<p>Template or something here.</p>
|
|
<p>Template or something here.</p>
|
|
<p>Template or something here.</p>
|
|
<p>Template or something here.</p>
|
|
<p>Template or something here.</p>
|
|
<p>Template or something here.</p>
|
|
<p>Template or something here.</p>
|
|
<p>Template or something here.</p>
|
|
<p>Template or something here.</p>
|
|
<p>Template or something here.</p>
|
|
<p>Template or something here.</p>
|
|
<p>Template or something here.</p>
|
|
<p>Template or something here.</p>
|
|
<p>Template or something here.</p>
|
|
<p>Template or something here.</p>
|
|
<p>Template or something here.</p>
|
|
<p>Template or something here.</p>
|
|
<p>Template or something here.</p>
|
|
<p>Template or something here.</p>
|
|
<p>Template or something here.</p>
|
|
<p>Template or something here.</p>
|
|
<p>Template or something here.</p>
|
|
<p>Template or something here.</p>
|
|
<p>Template or something here.</p>
|
|
<p>Template or something here.</p>
|
|
<p>Template or something here.</p>
|
|
<p>Template or something here.</p>
|
|
<p>Template or something here.</p>
|
|
<p>Template or something here.</p>
|
|
<p>Template or something here.</p>
|
|
<p>Template or something here.</p>
|
|
<p>Template or something here.</p>
|
|
<p>Template or something here.</p>
|
|
<p>Template or something here.</p>
|
|
<p>Template or something here.</p>
|
|
<p>Template or something here.</p>
|
|
<p>Template or something here.</p>
|
|
<p>Template or something here.</p>
|
|
<p>Template or something here.</p>
|
|
<p>Template or something here.</p>
|
|
</div>
|
|
</article>
|
|
</main> |