mirror of
https://github.com/papercss/papercss
synced 2024-06-08 08:52:25 +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>
|
||||||
</div>
|
</div>
|
||||||
|
{{ partial "nav/sidebar" . }}
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
|
|
|
@ -3,15 +3,22 @@
|
||||||
|
|
||||||
{{ partial "head/head" . }}
|
{{ partial "head/head" . }}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
<div class="container paper">
|
<div id='top' class='row site'>
|
||||||
<div class="paper">
|
<div class='sm-12 md-8 col'>
|
||||||
<div class="demo-title">
|
<div class='paper'>
|
||||||
<div class="row flex-center">
|
<div class='demo-title'>
|
||||||
<div class="text-center">
|
<div class='row flex-center'>
|
||||||
|
<div class='text-center'>
|
||||||
<h1>{{ .Site.Title }}</h1>
|
<h1>{{ .Site.Title }}</h1>
|
||||||
<h3>{{ .Site.Params.info.description }}</h3>
|
<h3>{{ .Site.Params.info.description }}</h3>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{{ partial "nav/main" . }}
|
{{ 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 {
|
.demo-title:hover + .to-top {
|
||||||
opacity: 0
|
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