Commit 87f09805 authored by key-amb's avatar key-amb
Browse files

Remove unused styles; Add custom parameter 'mainMenu' for header bar; Add...

Remove unused styles; Add custom parameter 'mainMenu' for header bar; Add custom parameter 'topContent' for top page content
parent 60dbbaf1
......@@ -3,13 +3,17 @@
<div class="row">
<div class="col-sm-8 doc-main">
<main role="main">
<h1 class="list-title">{{ .Title }}</h1>
<div class="doc-list-header">
<h1>{{ .Title }}</h1>
</div>
<div class="doc-list-entry">
{{ range .Data.Pages }}
<article itemscope itemtype="http://schema.org/Blog">
<h2 class="entry-title" itemprop="headline"><a href="{{ .RelPermalink }}">{{ .Title }}{{ if .Draft }} #Draft{{ end }}</a></h2>
<span class="entry-meta"><time itemprop="datePublished" datetime="{{ .Date.Format "2006-01-02" }}">{{ .Date.Format "January 02, 2006" }}</time></span>
</article>
<a class="doc-entry" href="{{ .RelPermalink }}">
<h3 class="doc-entry-title">{{ .Title }}{{ if .Draft }} #Draft{{ end }}</h3>
<p class="doc-entry-meta"><time datetime="{{ .Date.Format "2006-01-02" }}">{{ .Date.Format "January 02, 2006" }}</time></p>
</a>
{{ end }}
</div>
</main>
</div> <!-- /.doc-main -->
......
{{ partial "header.html" . }}
<div class="row">
<main role="main">
<div class="row">
<!-- Main jumbotron for a primary marketing message or call to action -->
<div class="jumbotron">
<h1>{{ .Site.Title }}</h1>
<p>{{ if isset .Site.Params "description" }}{{ .Site.Params.description }}{{ else }}You can customize this text by params "description" in your <code>config.toml</code>.{{ end }}</p>
</div>
</div>
{{ partial "top-content.html" . }}
<div class="col-md-8 doc-main">
<main role="main">
{{ range .Data.Pages }}
<article itemscope itemtype="http://schema.org/Blog">
<h2 class="entry-title" itemprop="headline"><a href="{{ .RelPermalink }}">{{ .Title }}</a></h2>
<span class="entry-meta"><time itemprop="datePublished" datetime="{{ .Date.Format "2006-01-02" }}">{{ .Date.Format "January 02, 2006" }}</time></span>
</article>
{{ end }}
</main>
</div> <!-- /.doc-main -->
<!--
<div class="row">
<div class="col-sm-4 doc-main">
<h3>Categories</h3>
<ul class="list-unstyled">
{{ range $name, $taxonomy := .Site.Taxonomies.categories }}
<li><a href="/categories/{{ $name | urlize }}">{{ $name }}</a></li>
{{ end }}
</ul>
</div>
<div class="col-sm-4 doc-main">
<h3>Tags</h3>
<ul class="list-unstyled">
{{ range $name, $taxonomy := .Site.Taxonomies.tags }}
<li><a href="/categories/{{ $name | urlize }}">{{ $name }}</a></li>
{{ end }}
</ul>
</div>
</div> <!-- /.row -->
<hr />
<div class="row doc-main text-center">
<a href="/post">See posts for {{ .Site.Title }}</a>
</div>
</main>
{{ partial "footer.html" . }}
\ No newline at end of file
<footer role="contentinfo">
<div class="hr"></div>
<div class="footer-link">
{{ with .Site.Params.email }}<a href="mailto:{{ . }}" target="_blank">Email</a></span>{{ end }}
{{ with .Site.Params.twitter }}<a href="{{ . }}" target="_blank">Twitter</a></span>{{ end }}
{{ with .Site.Params.facebook }}<a href="{{ . }}" target="_blank">Facebook</a></span>{{ end }}
{{ with .Site.Params.github }}<a href="{{ . }}" target="_blank">GitHub</a></span>{{ end }}
</div>
<div class="copyright">Copyright &copy; {{ .Site.Params.copyright }}</div>
</footer>
</div> <!-- /.container -->
<footer class="doc-footer">
<p class="doc-footer-em">
<a href="#">Back to Top</a>
<a href="#">Back to TOP</a>
</p>
<p><strong><a href="https://github.com/key-amb/hugo-theme-bootie-docs">Bootie Docs</a></strong> - theme for <a href="http://gohugo.io/">Hugo</a> by <a href="https://github.com/key-amb/">key-amb</a>.</p>
{{ with .Site.Params.repositoryUrl }}<p class="doc-footer-em">Browse <strong><a href="{{ . }}">Repository</a></strong></p>{{ end }}
<p>{{ .Site.Copyright }}</p>
<p>Powered by <strong><a href="https://github.com/key-amb/hugo-theme-bootie-docs">Bootie Docs</a></strong> - theme for <a href="http://gohugo.io/">Hugo</a> by <a href="https://github.com/key-amb/">key-amb</a>.</p>
</footer>
{{ with .Site.Params.analytics }}<script>
......
......@@ -30,6 +30,11 @@
<div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li {{ if eq $isHomePage true }}class="active"{{ end }}><a href="/">Home</a></li>
{{ if isset .Site.Params "mainMenu" }}
{{ range $item := .Site.Params.mainMenu }}
<li><a href="/{{ $item }}">{{ title $item}}</a></li>
{{ end }}
{{ end }}
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Categories<span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
......@@ -42,10 +47,4 @@
</div>
</nav>
<div class="container">
<!--<header role="banner">
<!--<div class="header-logo">
<a href="/"><img src="{{ .Site.Params.logo }}" width="60" height="60"></a>
</div>
{{ if eq $isHomePage true }}<h1 class="site-title">{{ .Site.Title }}</h1>{{ end }}
</header>-->
<div class="container">
\ No newline at end of file
<div class = "row doc-top-content">
<h2>{{ if isset .Site.Params "topContentTitle" }}{{ .Site.Params.topContentTitle }}{{ else }}Params.topContentTitle{{ end }}</h2>
<p>{{ if isset .Site.Params "topContentText" }}{{ .Site.Params.topContentText }}{{ else }}You can customize this text by by params "topContentText" in your "config.toml".
Or if you want to customize the layout of this paragraph, place your "top-content.html" under "layouts/partials/" directory.{{ end }}</p>
</div>
\ No newline at end of file
......@@ -19,7 +19,6 @@ h6, .h6 {
color: #333;
}
/*
* Override Bootstrap's default container.
*/
......@@ -30,43 +29,35 @@ h6, .h6 {
}
}
/*
* Masthead for nav
* Main column and sidebar layout
*/
.blog-masthead {
background-color: #428bca;
-webkit-box-shadow: inset 0 -2px 5px rgba(0,0,0,.1);
box-shadow: inset 0 -2px 5px rgba(0,0,0,.1);
.doc-main {
font-size: 18px;
line-height: 1.5;
}
/*
* Blog name and description
*/
.doc-top-content {
font-size: 18px;
line-height: 1.5;
}
.blog-header {
padding-top: 20px;
padding-bottom: 20px;
/* List items */
.doc-list-header {
margin-bottom: 10px;
border-bottom: 1px solid #eee;
}
.blog-title {
margin-top: 30px;
margin-bottom: 0;
font-size: 60px;
font-weight: normal;
.doc-entry {
color: #666;
}
.blog-description {
font-size: 20px;
color: #999;
.doc-entry-title {
color: #666;
}
/*
* Main column and sidebar layout
*/
.doc-main {
font-size: 18px;
line-height: 1.5;
.doc-entry-meta {
font-style: italic;
text-align: right;
color: #999;
}
/* Sidebar modules for boxing content */
......@@ -117,24 +108,6 @@ h6, .h6 {
border-radius: 30px;
}
/*
* Blog posts
*/
.blog-post {
margin-bottom: 60px;
}
.blog-post-title {
margin-bottom: 5px;
font-size: 40px;
}
.blog-post-meta {
margin-bottom: 20px;
color: #999;
}
/*
* Footer
*/
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment