mirror of
https://github.com/papercss/papercss
synced 2024-06-10 09:52:37 +02:00
add sidebar
This commit is contained in:
parent
9b2342a3f4
commit
16df983bf8
|
@ -1,7 +1,6 @@
|
|||
<div class="row flex-right">
|
||||
<p>Made with 💛 by <a href="https://vlaservi.ch" target="_blank">Rhyne</a> and some <a href="https://github.com/rhyneav/papercss/graphs/contributors">fantastic contributors</a>!</p>
|
||||
</div>
|
||||
</div>
|
||||
{{ partial "nav/sidebar" . }}
|
||||
</div>
|
||||
</body>
|
||||
|
||||
|
|
|
@ -3,15 +3,22 @@
|
|||
|
||||
{{ partial "head/head" . }}
|
||||
|
||||
|
||||
|
||||
<body>
|
||||
<div class="container paper">
|
||||
<div class="paper">
|
||||
<div class="demo-title">
|
||||
<div class="row flex-center">
|
||||
<div class="text-center">
|
||||
<div id='top' class='row site'>
|
||||
<div class='sm-12 md-8 col'>
|
||||
<div class='paper'>
|
||||
<div class='demo-title'>
|
||||
<div class='row flex-center'>
|
||||
<div class='text-center'>
|
||||
<h1>{{ .Site.Title }}</h1>
|
||||
<h3>{{ .Site.Params.info.description }}</h3>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{ partial "nav/main" . }}
|
||||
</div>
|
||||
<div class="to-top">
|
||||
<a href="#top" class="paper-btn margin">^</a>
|
||||
</div>
|
||||
|
|
28
docs/layouts/partials/nav/sidebar.html
Normal file
28
docs/layouts/partials/nav/sidebar.html
Normal file
|
@ -0,0 +1,28 @@
|
|||
<div class='sm-12 md-4 col sidebar'>
|
||||
{{ range .Site.Sections }}
|
||||
<div class='paper'>
|
||||
<div class='row'>
|
||||
{{ range .Sections }}
|
||||
<div class='collapsible'>
|
||||
<input id='collapsible-{{ .Title | urlize }}' type='radio' name='collapsible'>
|
||||
<label for="collapsible-{{ .Title | urlize }}">{{ .Title }}</label>
|
||||
<div class="collapsible-body">
|
||||
<ul>
|
||||
{{ range .Pages }}
|
||||
<li>
|
||||
<a href='{{ .Permalink | relURL }}'>{{ .Title }}</a>
|
||||
</li>
|
||||
{{ end }}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
<div class='paper'>
|
||||
<div class="row flex-right">
|
||||
<p>Made with 💛 by <a href="https://vlaservi.ch" target="_blank">Rhyne</a> and some <a href="https://github.com/rhyneav/papercss/graphs/contributors">fantastic contributors</a>!</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
3
docs/static/assets/demo.css
vendored
3
docs/static/assets/demo.css
vendored
|
@ -37,3 +37,6 @@ img.no-responsive {
|
|||
.demo-title:hover + .to-top {
|
||||
opacity: 0
|
||||
}
|
||||
.sidebar .collapsible {
|
||||
width: 100%;
|
||||
}
|
||||
|
|
Before Width: | Height: | Size: 2.1 KiB After Width: | Height: | Size: 2.1 KiB |
Loading…
Reference in a new issue