vbatts/hugo-theme-hyde-hyde
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Merge pull request #10 from tun/master

Browse source 
Improvements for layoutReverse and sidebarSticky
This commit is contained in:
Huy Tran 2018-06-06 11:24:24 +10:00 committed by GitHub
commit ea1fcd379a
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 25 additions and 23 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
exampleSite/config.toml
View file

@ -19,7 +19,9 @@ theme = "hyde-hyde"
highlightjs = true highlightjs = true
# highlightjsstyle = "github" # highlightjsstyle = "github"
# please choose either GraphComment or Disqus # please choose either GraphComment or Disqus
# GraphCommentId = "your-graph-comment-id" # GraphCommentId = "your-graph-comment-id"
# layoutReverse = true
# sidebarSticky = true
## Social Accounts ## Social Accounts
[params.social] [params.social]

4
layouts/_default/baseof.html
View file

@ -3,7 +3,7 @@
<head> <head>
{{ block "header" . -}}{{- end }} {{ block "header" . -}}{{- end }}
</head> </head>
<body {{- if .Site.Params.themeColor }} class="{{ .Site.Params.themeColor }} {{if .Site.Params.layoutReverse}}layout-reverse{{end}}" {{ end }}> <body class="{{- if .Site.Params.themeColor }}{{ .Site.Params.themeColor }}{{ end }} {{if .Site.Params.layoutReverse}}layout-reverse{{end}}">
{{ partial "sidebar.html" . }} {{ partial "sidebar.html" . }}
<div class="content container"> <div class="content container">
{{ block "content" . }}{{ end }} {{ block "content" . }}{{ end }}
@ -14,6 +14,6 @@
<!-- Google Analytics --> <!-- Google Analytics -->
{{ if .Site.GoogleAnalytics -}} {{ if .Site.GoogleAnalytics -}}
{{ template "_internal/google_analytics_async.html" . }} {{ template "_internal/google_analytics_async.html" . }}
{{- end }} {{- end }}
</body> </body>
</html> </html>

36
layouts/partials/sidebar.html
View file

@ -1,20 +1,20 @@
<div class="sidebar"> <div class="sidebar">
<div class="container text-center sidebar-sticky"> <div class="container text-center {{ if .Site.Params.sidebarSticky }}sidebar-sticky{{ end }}">
<div class="sidebar-about text-center"> <div class="sidebar-about text-center">
<a href="{{ .Site.BaseURL }}"><h1 class="brand">{{ .Site.Title }}</h1></a> <a href="{{ .Site.BaseURL }}"><h1 class="brand">{{ .Site.Title }}</h1></a>
{{ with .Site.Params.authorimage }} <img src="{{.}}" alt="Author Image" class="img-circle headshot center"> {{ end }} {{ with .Site.Params.authorimage }} <img src="{{.}}" alt="Author Image" class="img-circle headshot center"> {{ end }}
<p class="lead"> <p class="lead">
{{ with .Site.Params.description }} {{.}} {{ else }} Your site's description {{end}} {{ with .Site.Params.description }} {{.}} {{ else }} Your site's description {{end}}
</p> </p>
</div> </div>
{{ partial "sidebar_menu.html" . }} {{ partial "sidebar_menu.html" . }}
<p> <p>
{{ partial "sidebar_social.html" . }} {{ partial "sidebar_social.html" . }}
</p> </p>
<p class="copyright">{{ with .Site.Params.copyright }}{{.}}{{ else }}&copy; {{ now.Format "2006"}} {{.Site.Params.author}}. <p class="copyright">{{ with .Site.Params.copyright }}{{.|safeHTML}}{{ else }}&copy; {{ now.Format "2006"}} {{.Site.Params.author}}.
<a href="https://creativecommons.org/licenses/by/4.0">Some Rights Reserved</a>.<br/>Built with <a href="https://gohugo.io/">Hugo</a> &amp; <a href="https://github.com/htr3n/hyde-hyde">hyde-hyde</a>.{{end}} <a href="https://creativecommons.org/licenses/by/4.0">Some Rights Reserved</a>.<br/>Built with <a href="https://gohugo.io/">Hugo</a> &amp; <a href="https://github.com/htr3n/hyde-hyde">hyde-hyde</a>.{{end}}
</p> </p>
</div> </div>
<div> <div>
</div> </div>
</div> </div>

4
static/css/hyde.css
View file

@ -121,7 +121,7 @@ a.sidebar-nav-item:focus {
.sidebar-sticky { .sidebar-sticky {
position: absolute; position: absolute;
right: 1rem; right: 1rem;
top: 1rem; bottom: 1rem;
left: 1rem; left: 1rem;
} }
} }
@ -167,7 +167,7 @@ a.sidebar-nav-item:focus {
display:inline; display:inline;
vertical-align: bottom; vertical-align: bottom;
} }
.badges { .badges {
float: right; float: right;
} }