Improve readability on large screens + minor style improvements

* Limit paragraph width to optimize readability on large screens (#97)
* Markdownify publication authors (#101)
* Improve padding of first homepage widget (#98)
This commit is contained in:
George Cushen 2017-01-26 01:33:00 +00:00
commit c94187570c
8 changed files with 242 additions and 203 deletions

View file

@ -1,6 +1,6 @@
{{ partial "header.html" . }}
{{ partial "navbar.html" . }}
<div class="container">
<div class="universal-wrapper">
{{ $paginator := .Paginate .Data.Pages }}
{{ range $paginator.Pages }}

View file

@ -1,26 +1,29 @@
{{ partial "header.html" . }}
{{ partial "navbar.html" . }}
<div class="container">
<article class="article" itemscope itemtype="http://schema.org/Article">
<article class="article" itemscope itemtype="http://schema.org/Article">
{{ if .Params.image }}
<img src="{{ $.Site.BaseURL }}img/{{ .Params.image }}" class="article-banner" itemprop="image">
{{end}}
<div class="article-container">
<h1 itemprop="name">{{ .Title }}</h1>
{{ partial "article_metadata" (dict "content" . "is_list" 0) }}
<div class="article-style" itemprop="articleBody">
{{ .Content }}
</div>
</div>
</article>
</article>
<div class="container">
{{ partial "section_pager.html" . }}
{{ partial "comments.html" . }}
</div>
<div class="article-container">
{{ partial "comments.html" . }}
</div>
{{ partial "footer_container.html" . }}
{{ partial "footer.html" . }}

View file

@ -40,7 +40,7 @@
<div class="pub-authors" itemprop="author">
{{ with .Params.authors }}
{{ delimit . ", " }}
{{ delimit . ", " | markdownify }}
{{ end }}
</div>

View file

@ -1,13 +1,19 @@
{{ partial "header.html" . }}
{{ partial "navbar.html" . }}
<div class="container">
<div class="article-container">
<article class="article article-project" itemscope itemtype="http://schema.org/Article">
{{ if .Params.image }}
<img src="{{ $.Site.BaseURL }}img/{{ .Params.image }}" class="article-banner" itemprop="image">
{{end}}
<div class="pub-title">
<h1 itemprop="name">{{ .Title }}</h1>
<span class="pub-authors" itemprop="author">&nbsp;</span>
<span class="pull-right">
{{ partial "share.html" . }}
</span>
</div>
{{ with .Params.external_link }}
<a class="btn btn-primary btn-outline" href="{{ . }}" target="_blank">{{ i18n "open_project_site" }}</a>
@ -18,8 +24,11 @@
</div>
</article>
{{ partial "section_pager.html" . }}
</div>
<div class="container">
{{ partial "section_pager.html" . }}
</div>
{{ partial "footer_container.html" . }}
{{ partial "footer.html" . }}

View file

@ -1,13 +1,12 @@
{{ partial "header.html" . }}
{{ partial "navbar.html" . }}
<div class="container">
<div class="container pub" itemscope itemtype="http://schema.org/CreativeWork">
<div class="pub" itemscope itemtype="http://schema.org/CreativeWork">
<div class="pub-title">
<h1 itemprop="name">{{ .Title }}</h1>
<span class="pub-authors" itemprop="author">
{{ with .Params.authors }}
{{ delimit . ", " }}
{{ delimit . ", " | markdownify }}
{{ end }}
</span>
<span class="pull-right">
@ -15,6 +14,9 @@
</span>
</div>
</div>
<div class="article-container">
{{ if .Params.image }}
<img src="{{ $.Site.BaseURL }}img/{{ .Params.image }}" class="pub-banner" itemprop="image">
{{end}}
@ -88,10 +90,11 @@
<div class="article-style">{{ .Content }}</div>
</div>
{{ partial "section_pager.html" . }}
</div>
<div class="container">
{{ partial "section_pager.html" . }}
</div>
{{ partial "footer_container.html" . }}
{{ partial "footer.html" . }}

View file

@ -1,6 +1,6 @@
{{ partial "header.html" . }}
{{ partial "navbar.html" . }}
<div class="container">
<div class="universal-wrapper">
<h1>{{ .Title | default "Posts" }}</h1>

View file

@ -1,8 +1,7 @@
{{ partial "header.html" . }}
{{ partial "navbar.html" . }}
<div class="container">
<div class="article-container pub" itemscope itemtype="http://schema.org/CreativeWork">
<div class="pub" itemscope itemtype="http://schema.org/CreativeWork">
<div class="pub-title">
<h1 itemprop="name">{{ .Title }}</h1>
<span class="pub-authors" itemprop="author">
@ -90,12 +89,15 @@
<div class="space-below"></div>
<div class="article-style">{{ .Content }}</div>
<div class="article-style">
{{ .Content }}
</div>
{{ partial "section_pager.html" . }}
</div>
<div class="container">
{{ partial "section_pager.html" . }}
</div>
{{ partial "footer_container.html" . }}
{{ partial "footer.html" . }}

View file

@ -177,6 +177,18 @@ blockquote p:last-child {
}
}
.universal-wrapper {
margin: 0 auto;
padding-right: 15px;
padding-left: 15px;
width: 100%;
}
@media only screen and (min-width: 1001px) {
.universal-wrapper {
width: 1000px;
}
}
/*************************************************
* Home Sections
**************************************************/
@ -196,20 +208,24 @@ blockquote p:last-child {
animation: intro 0.3s both;
animation-delay: 0.15s;
}
@media screen and (max-width: 768px) {
.home-section {
padding: 60px 0 60px 0;
}
}
.home-section:first-of-type {
padding-top: 0;
padding-top: 50px;
}
.home-section:nth-of-type(even) {
background-color: rgb(247, 247, 247);
}
@media screen and (max-width: 768px) {
.home-section {
padding: 60px 0 60px 0;
}
.home-section:first-of-type {
padding-top: 40px;
}
}
.section-heading h1 {
margin: 0 0 10px 0;
}
@ -365,6 +381,12 @@ article {
animation-delay: 0.15s;
}
.article-container {
max-width: 760px;
padding: 1rem 20px 0 20px;
margin: 0 auto 0 auto;
}
.article-title {
font-size: 1.75rem;
}