Side nav v1
This commit is contained in:
parent
d89ad69134
commit
55840635af
|
@ -1,3 +1,11 @@
|
||||||
{% for item in site.topic limit: 15 %}
|
<div class="side-nav">
|
||||||
<a class='badge badge-primary' href="{{ item.url }}" style='margin: 5px;'>{{ item.title }}</a>
|
{% for item in site.topic %}
|
||||||
{% endfor %}
|
<div>
|
||||||
|
{% if item.url == page.url %}
|
||||||
|
<div class="side-nav-active">{{ item.title }}</div>
|
||||||
|
{% else %}
|
||||||
|
<a href="{{ item.url }}">{{ item.title }}</a>
|
||||||
|
{% endif %}
|
||||||
|
</div>
|
||||||
|
{% endfor %}
|
||||||
|
</div>
|
|
@ -6,14 +6,21 @@ layout: default
|
||||||
<br />
|
<br />
|
||||||
|
|
||||||
<div class='container'>
|
<div class='container'>
|
||||||
<div class="card border-primary">
|
<div class='row'>
|
||||||
<div class="card-body">
|
<div class='col-sm-2'>
|
||||||
<h1>{{ page.title }}</h1>
|
{% include side-nav.html %}
|
||||||
{% if page.website != "" %}
|
</div>
|
||||||
<a class="card-link" href="{{ page.website }}" target="_blank">{{ page.website }}</a>
|
<div class='col-sm-10 col-xs-12'>
|
||||||
{% endif %}
|
<div class="card border-primary">
|
||||||
|
<div class="card-body">
|
||||||
|
<h1>{{ page.title }}</h1>
|
||||||
|
{% if page.website != "" %}
|
||||||
|
<a class="card-link" href="{{ page.website }}" target="_blank">{{ page.website }}</a>
|
||||||
|
{% endif %}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<br />
|
||||||
|
{{ content }}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<br />
|
|
||||||
{{ content }}
|
|
||||||
</div>
|
</div>
|
|
@ -40,3 +40,11 @@ hr {
|
||||||
.card-body h1 {
|
.card-body h1 {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.side-nav {
|
||||||
|
flex-flow: column nowrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.side-nav-active {
|
||||||
|
padding-left: 4px;
|
||||||
|
}
|
Loading…
Reference in a new issue