CSS changes

* Dynamic resume link
* More header changes
* CSS for narrow hides
* Fix syntax error in header files
* Add transition for initials link
* Link hover with transition
* Add date in tooltip
* Consistent colors
* Font sizes
* Icon margins

HTTPS in JS correction to remove slashes
This commit is contained in:
Nishanth Shanmugham
2015-10-03 19:24:19 -05:00
parent 29a5b22882
commit 4331c6ee6d
7 changed files with 165 additions and 66 deletions

View File

@@ -1,3 +1,13 @@
<!-- HTTPS -->
<script type="text/javascript">
var baseUrl = '{{ .Site.BaseUrl }}';
var host = baseUrl.substring(0, baseUrl.length - 1).replace(/\//g, '');
if ((host === window.location.host) && (window.location.protocol !== 'https:')) {
window.location.protocol = 'https';
}
</script>
<!-- CSS -->
{{ if eq true .Site.Params.CacheBuster }}

View File

@@ -10,9 +10,10 @@
<div class="content">
<nav>
<ul>
<a href="/posts"><li>Posts</li></a>
<a href="/about"><li>About</li></a>
<a href="/code"><li>Code</li></a>
<a href="/posts/"><li>Posts</li></a>
<a href="/about/"><li>About</li></a>
<a href="/code/"><li>Code</li></a>
{{ if .Site.Params.ResumeLink }}<a href={{ .Site.Params.ResumeLink }}><li>Resume</li></a>{{ end }}
</ul>
</nav>
<a href="/"><div class="name">{{ .Site.Params.Author }}</div></a>

View File

@@ -10,9 +10,10 @@
<div class="content">
<nav>
<ul>
<a href="/posts"><li>Posts</li></a>
<a href="/about"><li>About</li></a>
<a href="/code"><li>Code</li></a>
<a href="/posts/"><li>Posts</li></a>
<a href="/about/"><li>About</li></a>
<a href="/code/"><li>Code</li></a>
{{ if .Site.Params.ResumeLink }}<a href={{ .Site.Params.ResumeLink }}><li>Resume</li></a>{{ end }}
</ul>
</nav>
<a href="/"><div class="name">{{ .Site.Params.Author }}</div></a>
@@ -20,7 +21,7 @@
</div>
</div>
<div class="section icons">
<div class="section icons narrow">
<div class="container">
<div class="content">

View File

@@ -11,14 +11,14 @@
<div class="initials"><a href="{{ .Site.BaseUrl }}">{{ .Site.Params.Initials }}</a></div>
</div>
<div class="meta">
<div class="date">{{ .Date.Format .Site.Params.DateForm }}</div>
<div class="date" title="{{ .Date.Format .Site.Params.DateFormFull }}">{{ .Date.Format .Site.Params.DateForm }}</div>
<div class="reading-time"><div class="middot"></div>{{ if eq 1 .ReadingTime }}{{ .ReadingTime }} minute read{{ else }}{{ .ReadingTime }} minutes read{{ end }}</div>
</div>
</div>
<div class="markdown">
{{ .Content }}
<br>
<p><a href="/posts">Back to posts</a></p>
<p><a href="/posts/">Back to posts</a></p>
</div>
</div>
</div>