suk-ws.sync/ph-Bookshelf
1
0
Fork 0
mirror of https://github.com/suk-ws/ph-Bookshelf.git synced 2024-12-05 09:26:52 +08:00
Code Issues Releases Activity
master
ph-Bookshelf/template/demo.html

141 lines
6.1 KiB
HTML
Raw Permalink Normal View History

完成 books 和 links 列出，更新页尾声明 - 使 books 和 links 以特殊的链接组的样式显示 - 页尾添加了文章作者版权声明部分 - 现在版本号显示更加丰富了 - SiteMeta 添加获取当前版本的方法 - 更改了项目的 CHANNEL 名
2021-11-22 16:08:50 +08:00
<? require_once "./src/Data/SiteMeta.php"; ?>
初次加载的菜单动画抑制，按钮图标框选抑制
2021-11-22 18:09:29 +08:00
<div id="nav-container" class="prevent-animation"><nav id="sidebar">
脱离 gitbook 前端，预备新前端 - 脱离了 gitbook - 添加 demo.html 作为新前端的结构模板 - 建立基础的页面样式 - 建立基础的 侧边栏-文章 布局 - 侧边栏样式 - 自定义的字体 - <h1>, <a>, <small> 的样式实现 - 目录折叠功能实现
2021-09-30 19:34:16 +08:00
<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">
完成 books 和 links 列出，更新页尾声明 - 使 books 和 links 以特殊的链接组的样式显示 - 页尾添加了文章作者版权声明部分 - 现在版本号显示更加丰富了 - SiteMeta 添加获取当前版本的方法 - 更改了项目的 CHANNEL 名
2021-11-22 16:08:50 +08:00
<div id="menu-metas" class="menu">
<div class="menu-item-parent">
metas 菜单添加手风琴效果，正文宽度限制，内容区滚动条自定义
2021-11-22 17:48:04 +08:00
<a class="no-style menu-item" href="javascript:">Links</a>
完成 books 和 links 列出，更新页尾声明 - 使 books 和 links 以特殊的链接组的样式显示 - 页尾添加了文章作者版权声明部分 - 现在版本号显示更加丰富了 - SiteMeta 添加获取当前版本的方法 - 更改了项目的 CHANNEL 名
2021-11-22 16:08:50 +08:00
<div class="children">
<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>
<div class="menu-item-parent">
metas 菜单添加手风琴效果，正文宽度限制，内容区滚动条自定义
2021-11-22 17:48:04 +08:00
<a class="no-style menu-item" href="javascript:">Books</a>
完成 books 和 links 列出，更新页尾声明 - 使 books 和 links 以特殊的链接组的样式显示 - 页尾添加了文章作者版权声明部分 - 现在版本号显示更加丰富了 - SiteMeta 添加获取当前版本的方法 - 更改了项目的 CHANNEL 名
2021-11-22 16:08:50 +08:00
<div class="children">
<a class="no-style menu-item" href="https://sukazyo.cc/" target="_blank">Template Book</a>
<a class="no-style menu-item" href="https://srv.sukazyo.cc/" target="_blank">phBookshelf Documentation</a>
<div class="menu-item-parent">
metas 菜单添加手风琴效果，正文宽度限制，内容区滚动条自定义
2021-11-22 17:48:04 +08:00
<a class="no-style menu-item" href="javascript:">Some other Links</a>
完成 books 和 links 列出，更新页尾声明 - 使 books 和 links 以特殊的链接组的样式显示 - 页尾添加了文章作者版权声明部分 - 现在版本号显示更加丰富了 - SiteMeta 添加获取当前版本的方法 - 更改了项目的 CHANNEL 名
2021-11-22 16:08:50 +08:00
<div class="children">
<a class="no-style menu-item current" href="https://sukazyo.cc/" target="_blank">Template Book</a>
<a class="no-style menu-item" href="https://srv.sukazyo.cc/" target="_blank">phBookshelf Documentation</a>
</div>
</div>
</div>
</div>
脱离 gitbook 前端，预备新前端 - 脱离了 gitbook - 添加 demo.html 作为新前端的结构模板 - 建立基础的页面样式 - 建立基础的 侧边栏-文章 布局 - 侧边栏样式 - 自定义的字体 - <h1>, <a>, <small> 的样式实现 - 目录折叠功能实现
2021-09-30 19:34:16 +08:00
</div>
<div id="menu-pages" class="menu">
metas 菜单添加手风琴效果，正文宽度限制，内容区滚动条自定义
2021-11-22 17:48:04 +08:00
<a class="no-style menu-item" href="javascript:">Something?</a>
脱离 gitbook 前端，预备新前端 - 脱离了 gitbook - 添加 demo.html 作为新前端的结构模板 - 建立基础的页面样式 - 建立基础的 侧边栏-文章 布局 - 侧边栏样式 - 自定义的字体 - <h1>, <a>, <small> 的样式实现 - 目录折叠功能实现
2021-09-30 19:34:16 +08:00
<div class="menu-item-parent active">
metas 菜单添加手风琴效果，正文宽度限制，内容区滚动条自定义
2021-11-22 17:48:04 +08:00
<a class="no-style menu-item" href="javascript:">With Something</a>
脱离 gitbook 前端，预备新前端 - 脱离了 gitbook - 添加 demo.html 作为新前端的结构模板 - 建立基础的页面样式 - 建立基础的 侧边栏-文章 布局 - 侧边栏样式 - 自定义的字体 - <h1>, <a>, <small> 的样式实现 - 目录折叠功能实现
2021-09-30 19:34:16 +08:00
<div class="children">
<div class="menu-item-parent">
metas 菜单添加手风琴效果，正文宽度限制，内容区滚动条自定义
2021-11-22 17:48:04 +08:00
<a class="no-style menu-item" href="javascript:">With Something</a>
脱离 gitbook 前端，预备新前端 - 脱离了 gitbook - 添加 demo.html 作为新前端的结构模板 - 建立基础的页面样式 - 建立基础的 侧边栏-文章 布局 - 侧边栏样式 - 自定义的字体 - <h1>, <a>, <small> 的样式实现 - 目录折叠功能实现
2021-09-30 19:34:16 +08:00
<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">
完成 books 和 links 列出，更新页尾声明 - 使 books 和 links 以特殊的链接组的样式显示 - 页尾添加了文章作者版权声明部分 - 现在版本号显示更加丰富了 - SiteMeta 添加获取当前版本的方法 - 更改了项目的 CHANNEL 名
2021-11-22 16:08:50 +08:00
<a class="no-style menu-item" href="https://sukazyo.cc" target="_blank">
<span>hosted by Sukazyo Workshop</span><br>
<small>&nbsp;| @author A.C.Sukazyo Eyre</small><br>
<small>&nbsp;<object><a class="no-style" href="https://laple.me/">| @author Lapis Apple</a></object></small><br>
<small>&nbsp;| @author github contributors&~&</small><br>
<small>&nbsp;| CC BY-NC-SA</small><br>
<small>&nbsp;| CC statement just for testing</small>
</a>
侧边栏和基础元素动画补充 - 在主要区块左上角添加一个侧边栏开关按钮 - 侧边栏动画实现 - 实现了侧边栏开关和侧边栏滑入滑出动画 - 菜单物体悬浮颜色动画 - 菜单物体的已选中区块指示器实现 - 子菜单的开关动画 - 补全 a 标签的样式和动画 - 重置了默认 button 样式
2021-11-21 18:41:24 +08:00
<a class="no-style menu-item" href="https://github.com/suk-ws/ph-Bookshelf" target="_blank">
完成 books 和 links 列出，更新页尾声明 - 使 books 和 links 以特殊的链接组的样式显示 - 页尾添加了文章作者版权声明部分 - 现在版本号显示更加丰富了 - SiteMeta 添加获取当前版本的方法 - 更改了项目的 CHANNEL 名
2021-11-22 16:08:50 +08:00
<span>published with ph-Bookshelf</span><br>
初次加载的菜单动画抑制，按钮图标框选抑制
2021-11-22 18:09:29 +08:00
<small><?=SiteMeta::getProgramVersion()?></small><br>
<small>with BreadCardUI</small>
脱离 gitbook 前端，预备新前端 - 脱离了 gitbook - 添加 demo.html 作为新前端的结构模板 - 建立基础的页面样式 - 建立基础的 侧边栏-文章 布局 - 侧边栏样式 - 自定义的字体 - <h1>, <a>, <small> 的样式实现 - 目录折叠功能实现
2021-09-30 19:34:16 +08:00
</a>
</div>
</div>
侧边栏和基础元素动画补充 - 在主要区块左上角添加一个侧边栏开关按钮 - 侧边栏动画实现 - 实现了侧边栏开关和侧边栏滑入滑出动画 - 菜单物体悬浮颜色动画 - 菜单物体的已选中区块指示器实现 - 子菜单的开关动画 - 补全 a 标签的样式和动画 - 重置了默认 button 样式
2021-11-21 18:41:24 +08:00
</nav></div>
脱离 gitbook 前端，预备新前端 - 脱离了 gitbook - 添加 demo.html 作为新前端的结构模板 - 建立基础的页面样式 - 建立基础的 侧边栏-文章 布局 - 侧边栏样式 - 自定义的字体 - <h1>, <a>, <small> 的样式实现 - 目录折叠功能实现
2021-09-30 19:34:16 +08:00
<main id="main">
侧边栏和基础元素动画补充 - 在主要区块左上角添加一个侧边栏开关按钮 - 侧边栏动画实现 - 实现了侧边栏开关和侧边栏滑入滑出动画 - 菜单物体悬浮颜色动画 - 菜单物体的已选中区块指示器实现 - 子菜单的开关动画 - 补全 a 标签的样式和动画 - 重置了默认 button 样式
2021-11-21 18:41:24 +08:00
<div id="page-tools">
<button id="sidebar-show">☰</button>
</div>
脱离 gitbook 前端，预备新前端 - 脱离了 gitbook - 添加 demo.html 作为新前端的结构模板 - 建立基础的页面样式 - 建立基础的 侧边栏-文章 布局 - 侧边栏样式 - 自定义的字体 - <h1>, <a>, <small> 的样式实现 - 目录折叠功能实现
2021-09-30 19:34:16 +08:00
<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 标签的样式和动画 - 重置了默认 button 样式
2021-11-21 18:41:24 +08:00
<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>
脱离 gitbook 前端，预备新前端 - 脱离了 gitbook - 添加 demo.html 作为新前端的结构模板 - 建立基础的页面样式 - 建立基础的 侧边栏-文章 布局 - 侧边栏样式 - 自定义的字体 - <h1>, <a>, <small> 的样式实现 - 目录折叠功能实现
2021-09-30 19:34:16 +08:00
<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>
Copy Permalink