pidgin/nest

Jiggle footline

2020-01-02, Jason
e6d8faf88e15
Parents 797ba8a966d2
Children 0280bd7d6447
Jiggle footline

As is the footline is a hacky standin for a proper footer.
So we need to be careful to keep it clear and resonable

These changes:

* Shrink and move copyright to it's own line
* Add space between blocks to help clarify what is going on
* Add migration infomation to the footline
3 files changed, 74 insertions(+), 34 deletions(-)
  • +46 -33
    hugo/layouts/partials/footline.html
  • +6 -0
    hugo/layouts/partials/replaces-list.html
  • +22 -1
    hugo/static/css/custom.css
    • --- a/hugo/layouts/partials/footline.html Wed Jan 01 22:54:54 2020 +0000
    +++ b/hugo/layouts/partials/footline.html Thu Jan 02 02:20:31 2020 +0000
    @@ -1,39 +1,38 @@
    <footer id="footline">
    - <div>
    - <ul class="footline-columns">
    - <li>
    - &copy; Pidgin
    - </li>
    - <li>
    - {{ T "Content" }} - GPL3
    - </li>
    - <li>
    - <a href="https://github.com/matcornic/hugo-theme-learn">{{ T "Theme" }}</a> - MIT
    - </li>
    - <li>
    - {{ with $.Lastmod }}
    - Modified {{ .Format "2006-01-02" }}
    - {{ else }}
    - {{ T "Last-Modified-Not-Found" }}
    - {{ end }}
    - by
    - {{ with .Params.LastModifierDisplayName }}
    - {{ if $.Params.LastModifierEmail }}
    - <a href="mailto:{{ $.Params.LastModifierEmail }}">
    - {{ . }}
    - </a>
    - {{ else }}
    - {{ . }}
    - {{ end }}
    - {{ else }}
    - {{ T "Anon" }}
    - {{ end }}
    - </li>
    - </ul>
    + <div class="footline-block">
    + {{ with $.Lastmod }}
    + Modified {{ .Format "2006-01-02" }}
    + {{ else }}
    + {{ T "Last-Modified-Not-Found" }}
    + {{ end }}
    + by
    + {{ with .Params.LastModifierDisplayName }}
    + {{ if $.Params.LastModifierEmail }}
    + <a href="mailto:{{ $.Params.LastModifierEmail }}">
    + {{ . }}
    + </a>
    + {{ else }}
    + {{ . }}
    + {{ end }}
    + {{ else }}
    + {{ T "Anon" }}
    + {{ end }}
    + </div>
    +
    + <div class="footline-block footline-old-site-info">
    + {{ if .Params.replaces }}
    + This page was migrated from the old sites. This is what it replaces:
    + {{ partial "replaces-list.html" . }}
    + {{ else }}
    + To see content from the old wiki visit a
    + <a href="https://old.pigidn.im" rel="nofollow">
    + old.pidgin.im
    + </a>
    + {{ end }}
    </div>
    {{ with .Site.Menus.shortcuts }}
    - <ul class="footline-columns">
    + <ul class="footline-block footline-columns">
    {{ range sort . "Weight" }}
    <li>
    {{ .Pre }}
    @@ -44,5 +43,19 @@
    </ul>
    {{ end }}
    - {{ partial "supporters.html" . }}
    + <div class="footline-block">
    + {{ partial "supporters.html" . }}
    + </div>
    +
    + <ul class="footline-block footline-columns copyright-text">
    + <li>
    + &copy; Pidgin
    + </li>
    + <li>
    + {{ T "Content" }} - GPL3
    + </li>
    + <li>
    + <a href="https://github.com/matcornic/hugo-theme-learn">{{ T "Theme" }}</a> - MIT
    + </li>
    + </ul>
    </footer>
    --- /dev/null Thu Jan 01 00:00:00 1970 +0000
    +++ b/hugo/layouts/partials/replaces-list.html Thu Jan 02 02:20:31 2020 +0000
    @@ -0,0 +1,6 @@
    +<ul>
    + {{ range .Params.replaces }}
    + <li><a href="{{ . }}" rel="nofollow">{{ . }}</a></li>
    + {{ end }}
    +</ul>
    +
    --- a/hugo/static/css/custom.css Wed Jan 01 22:54:54 2020 +0000
    +++ b/hugo/static/css/custom.css Thu Jan 02 02:20:31 2020 +0000
    @@ -74,6 +74,15 @@
    padding: 1rem;
    }
    +.footline-block {
    + margin-block-end: 1rem;
    + margin-top: 0;
    +}
    +
    +.footline-block:last-child {
    + margin-block-end: 0;
    +}
    +
    #page-info {
    padding: 10px;
    }
    @@ -84,7 +93,6 @@
    }
    .footline-columns {
    - margin: 0;
    vertical-align: top;
    padding: 0;
    }
    @@ -102,6 +110,19 @@
    content: "";
    }
    +.footline-old-site-info > ul {
    + margin-top: 0;
    + margin-bottom: 0;
    +}
    +
    +.footline-old-site-info > ul > li {
    + list-style-type: none;
    +}
    +
    +.copyright-text {
    + font-size: x-small;
    +}
    +
    /*****************************************************************************
    * Supporters
    *****************************************************************************/