Browse Source

tinkering with mobile styling

master
jk 5 years ago
parent
commit
337aa69037
  1. 2
      layouts/_default/section.html
  2. 2
      themes/nipponalba/layouts/_default/single.html
  3. 4
      themes/nipponalba/layouts/index.html
  4. 7
      themes/nipponalba/static/css/style.css

2
layouts/_default/section.html

@ -8,7 +8,7 @@
<img class="u-photo" src="/images/profile.jpg"/>
</div>
<aside>
{{if eq .Type "article" }}<a href="{{ .RelPermalink }}" class="link u-url"><h3 class="">{{ .Title }}</h3></a><b>{{ .Description }}</b>{{ end }}
{{if eq .Type "article" }}<br/><a href="{{ .RelPermalink }}" class="link u-url"><h3 class="">{{ .Title }}</h3></a><b>{{ .Description }}</b><br/>{{ with .Page.Params.Image }}{{ partial "taxonomy/image.html" . }}{{ end }}{{ end }}
<div class="e-content">
{{ .Content }}
{{ if eq .Type "photo"}}

2
themes/nipponalba/layouts/_default/single.html

@ -4,7 +4,7 @@
<div class="author" style="display:none;">
<a rel="author" class="u-author h-card" rel="me" href="https://jk.nipponalba.scot">{{ .Site.Params.Title }}<img src="/images/profile.jpg"/></a>
</div>
<div class="post-content">{{ with .Page.Params.Image }}{{ partial "taxonomy/image.html" . }}{{ end }}<h3 class="post-title p-name entry-title">{{ .Title }}</h3>
<div class="post-content">{{ with .Page.Params.Image }}{{ partial "taxonomy/image.html" . }}{{ end }}<h3 class="post-title p-name entry-title">{{ .Title }}</h3><b>{{ .Description }}</b>
<aside>
{{ if eq .Type "article" }}<div class="info">
<i class="fa fa-sun"></i><a class="u-url" href="{{ .RelPermalink }}"><span class="date"><time class="dt-published" datetime="{{ .Date.Format "2 Jan 2006 15:04 GMT" }}">{{ .Date.Format "Mon, Jan 2, 2006" }}</time></span></a>

4
themes/nipponalba/layouts/index.html

@ -1,9 +1,7 @@
{{ define "main" }}
<div class="about h-feed">
<div class="profile title h-card p-author">
<div class="profile-left"><img class="u-photo" src="/images/profile.jpg" alt="profile picture">
</div>
<div class="profile-left"><img class="u-photo" src="/images/profile.jpg" alt="profile picture"></div>
<div class="profile-right">
<a rel="author" class="title p-name u-url u-uid" rel="me" href="https://jk.nipponalba.scot">{{ .Site.Params.Title }}</a><br/>
<ul class="social-links">

7
themes/nipponalba/static/css/style.css

@ -601,13 +601,13 @@ pre {
@media screen and (max-width: 960px) {
.content {
width: 100%;
width: 95%;
position: absolute;
border-right: none;
z-index: 1;
}
.about .profile{
width:100%;
width:95%;
margin:0;
padding:0;
text-align:center;
@ -631,7 +631,8 @@ pre {
}
.page-top {
width: 100%;
width: 95%;
padding: 10px 0;
}
.page-top .nav{
width: 70%;