~dricottone/blog

3a52cf9f11388f612d8660166eb5ef7f6570b73a — Dominic Ricottone 2 years ago 802e6f4
Redesigned layout

Replaced div.footer tag with footer tag. Also rewrote footer content.

Removed excessive div.navi tag.

Removed article tag from non-blog post pages.

Paragraphs are now only indented on blog posts.

Headers are smaller and have less white space below them.

Killed two references to cgit that lingered.

List pages now only show titles and dates, no summaries.

Added Creative Commons licensing for web site content.
M README.md => README.md +3 -5
@@ 3,7 3,7 @@
This repo holds the web content of my blog, which lives at
[dominic-ricottone.com](https://www.dominic-ricottone.com).

## License
## Licensing

There are vendored (i.e. minified) copies of jQuery present in this repo.
Those files are not edited or manipulated in any way to disguise their


@@ 16,9 16,7 @@ licensing. Lightbox is available under the MIT License; you can read further
details at
[Lokesh Dhakar's website](https://lokeshdhakar.com/projects/lightbox2/#license)

The arrow icons were downloaded from some website that licenses graphics as
free for non-commercial use. I modified them signficantly, but they should
still retain the original artist's licensing.
All *other* code of this repository is licensed under BSD-3.

All *other* content of this repository is licensed under BSD-3.
The content of the website itself is licensed under CC BY 4.0.


M layouts/_default/baseof.html => layouts/_default/baseof.html +4 -6
@@ 2,14 2,12 @@
<html lang="en">
{{ partial "head.html" . }}
<body>
  <div id="navi">
    {{ partial "navi.html" . }}
  </div>
  {{ partial "navi.html" . }}

  <main>
    {{ block "main" . }}{{ end }}
  </main>
  <div id="footer">
    {{ partial "footer.html" . }}
  </div>

  {{ partial "footer.html" . }}
</body>
</html>

M layouts/_default/list.html => layouts/_default/list.html +2 -4
@@ 6,11 6,9 @@
    {{ .Content }}
  </article>

  <ul id="blog-post-list">
  <ul id="blog-list">
    {{ range .Pages }}
    <li>
    {{ partial "blog-post-listitem.html" . }}
    </li>
    <li><h2><a href="{{ .Permalink }}">{{ .Date.Format "2006-01-02" }} - {{ .Title }}</a></h2></li>
    {{ end }}
  </ul>


M layouts/_default/single.html => layouts/_default/single.html +2 -4
@@ 8,10 8,8 @@
  </div>
  {{ end }}

  <article>
    <h1>{{ .Title }}</h1>
    {{ .Content }}
  </article>
  <h1>{{ .Title }}</h1>
  {{ .Content }}

</div>
{{ end }}

M layouts/index.html => layouts/index.html +13 -9
@@ 2,26 2,30 @@

<div id="content">
  <h1>{{ .Title }}</h1>

  {{ .Content }}

  <hr />
</div>


<div id="blog-content">

  <p>These are my three most recent blog posts. More posts can be found on the 'Blog' tab.<p>

  <ul id="blog-post-list">
  <ul id="blog-list">
    {{ with .Site.GetPage "/posts" }}
      {{ range first 3 .Pages }}
      <li>
      {{ partial "blog-post-listitem.html" . }}
      </li>
      {{ end }}
    {{ range first 3 .Pages }}
    <li>
      <h2><a href="{{ .Permalink }}">{{ .Title }}</a></h2>

      <p><i>posted on {{ .Date.Format "2006-01-02" }}</i></p>

      <p>{{ .Summary }}</p>
      {{ if .Truncated }}<p><a href="{{ .Permalink }}">Read More…</a></p>{{ end }}
    </li>
    {{ end }}
    {{ end }}
  </ul>

</div>

{{ end }}


D layouts/partials/blog-post-listitem.html => layouts/partials/blog-post-listitem.html +0 -9
@@ 1,9 0,0 @@
<h2><a href="{{ .Permalink }}">{{ .Title }}</a></h2>
<div class="blog-post">
  <p><i>posted on {{ .Date.Format "2006-01-02" }}</i></p>
  <p>{{ .Summary }}</p>

  {{ if .Truncated }}
  <p><a href="{{ .Permalink }}">Read More…</a></p>
  {{ end }}
</div>

M layouts/partials/footer.html => layouts/partials/footer.html +5 -1
@@ 1,1 1,5 @@
<p>generated by <a href="https://gohugo.io/">Hugo</a> at {{ now.Format "2006-01-02 13:04:05 MST" }}</p>
<footer>
  <p>generated by <a href="https://gohugo.io/">Hugo</a> at {{ now.Format "2006-01-02 13:04:05 MST" }}</p>
  <p><a href="/sitemap.xml">Sitemap</a> | <a href="https://git.dominic-ricottone.com/~dricottone/blog/tree">Source code</a> | The content on this site is licensed under <a href="https://creativecommons.org/licenses/by/4.0/">CC BY 4.0</a></p>
</footer>


M layouts/posts/single.html => layouts/posts/single.html +2 -2
@@ 3,8 3,8 @@

  <article>
    <h1>{{ .Title }}</h1>
    <p><b>Date:</b> {{ .Date.Format "Mon 2006-01-02" }}</p>
    <p><b>Permalink:</b> <a href="{{ .Permalink }}">{{ .Permalink }}</a></p>
    <p class="noindent"><b>Date:</b> {{ .Date.Format "Mon 2006-01-02" }}</p>
    <p class="noindent"><b>Permalink:</b> <a href="{{ .Permalink }}">{{ .Permalink }}</a></p>

    <br />


M static/css/blog.css => static/css/blog.css +4 -6
@@ 4,24 4,22 @@ div#blog-content {
  padding: 0 0 0 10px;
}

ul#blog-post-list {
ul#blog-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

ul#blog-post-list li {
ul#blog-list li {
  margin: 0;
  padding: 0;
}

div.blog-post p {
  padding: 0 0 0 2em;
article p {
  text-indent: 2em;
}

div.blog-post p.read-more {
  font-style: italic;
article p.noindent {
  text-indent: 0;
}


M static/css/common.css => static/css/common.css +22 -32
@@ 20,44 20,44 @@ hr {
  padding: 0;
}
h1 {
  font-size: 2em;
  line-height: 2.5em;
  margin: 0 0 1em 0;
  font-size: 1.75em;
  line-height: 1.75em;
  margin: 0 0 .5rem 0;
  padding: 0;
}
h2 {
  font-size: 1.5em;
  line-height: 2em;
  margin: 0 0 1em 0;
  line-height: 1.5em;
  margin: 0 0 .5rem 0;
  padding: 0;
}
h3 {
  font-size: 1.17em;
  line-height: 2em;
  margin: 0 0 1em 0;
  font-size: 1.25em;
  line-height: 1.25em;
  margin: 0 0 .25rem 0;
  padding: 0;
}
h4 {
  font-size: 1em;
  line-height: 2em;
  margin: 0 0 1em 0;
  line-height: 1em;
  margin: 0 0 .25rem 0;
  padding: 0;
}
h5 {
  font-size: 0.83em;
  line-height: 2em;
  margin: 0 0 1em 0;
  font-size: 1em;
  line-height: 1em;
  margin: 0 0 .25rem 0;
  padding: 0;
}
h6 {
  font-size: 0.67em;
  line-height: 2em;
  margin: 0 0 1em 0;
  font-size: 1em;
  line-height: 1em;
  margin: 0 0 .25rem 0;
  padding: 0;
}
p {
  font-size: 1em;
  line-height: 2em;
  line-height: 1em;
  margin: 0 0 1em 0;
  padding: 0;
}


@@ 176,25 176,15 @@ nav ul#naviList li a {
}

/* Footer */
div#cgit div.footer,
div#footer {
  margin: 2em 0 0 0;
footer {
  color: #777;
  font-style: italic;
  font-family: sans-serif;
  font-size: 10pt;
  padding-left: 10px;
}

div#cgit div.footer a,
div#footer a {
footer a {
  color: #777;
}

div#footer {
  margin-left: calc(100px + 1em);
}

@media (max-width: 800px) {
  div#footer {
    margin-left: 0;
  }
}