~dricottone/blog

b2430213ba6ce6a51eddb7f403c039dd00d1fc89 — Dominic Ricottone 2 years ago ed358ec 
Layout and CSS updates

Added a footer to the blog.

CSS for footers has been centralized in the common stylesheet.

CSS for headers has been relocated from the headers stylesheet to the
common stylesheet. A small styling patch was centralized out of the cgit
stylesheet. Links to the headers stylesheet are removed.

An inconsistency between the blog and git web has been fixed. The blog
has a small padding on the main element. Since cgit does not generate a
main element, this styling had to be applied to div#cgit.

An inconsistency in table layouts in git web has been fixed. Table cells
have a transparent border acting as a controlled table separation. Table
headers were lacking the same border and therefore appeared to peak out
over the column.
patch browse .tar.gz 
5 files changed, 69 insertions(+), 53 deletions(-)

M layouts/_default/baseof.html
M layouts/partials/head.html
M static/css/cgit.css
M static/css/common.css
D static/css/header.css

M layouts/_default/baseof.html => layouts/_default/baseof.html +3 -0
@@ 16,6 16,9 @@
      {{ block "main" . }}{{ end }}
    </div>
  </main>
  <div id="footer">
    generated by <a href="https://gohugo.io/">Hugo</a> at {{ now.Format "2006-01-02 13:04:05 MST" }}
  </div>
</body>
</html>



M layouts/partials/head.html => layouts/partials/head.html +0 -1
@@ 14,7 14,6 @@

  <!--Stylesheets-->
  <link rel="stylesheet" type="text/css" href="/css/common.css" />
  <link rel="stylesheet" type="text/css" href="/css/header.css" />
  <link rel="stylesheet" type="text/css" href="/css/blog.css" />
  {{ if .Params.cgit }}     <link rel="stylesheet" type="text/css" href="/css/cgit.css" /> {{ end }}
  {{ if .Params.lightbox }} <link rel="stylesheet" type="text/css" href="/css/gallery.css" /> {{ end }}


M static/css/cgit.css => static/css/cgit.css +11 -22
@@ 1,5 1,9 @@
/* Style like main */
div#cgit {
  font-family: sans-serif;
  font-size: 10pt;
  margin: 0 0 0 calc(100px + 1em);
  padding: 4px;

  --diff-width: 800px;
  --diff-text: #000000;


@@ 31,8 35,6 @@ div#cgit {
  --tag-text: #000000;
  --tag-color: #ffff88;
  --tag-color-main: #88ff88;

  --footer-text: #808080;
}
@media (max-width: 800px) {
  div#cgit {


@@ 41,16 43,12 @@ div#cgit {
}


/* Header */
table#header a {
  text-decoration: none;
}


/* Tables */
th {
  margin-right: 1em;
  text-align: left;
  border: solid 0px transparent;
  background-clip: padding-box;
}

td {


@@ 59,7 57,11 @@ td {
  background-clip: padding-box;
}

tr > td + td:not(.add, .rem, .none) {
tr > td + td:not(.add, .rem, .upd, .none) {
  border-left-width: 1em;
}

tr > th + th {
  border-left-width: 1em;
}



@@ 381,19 383,6 @@ table.ssdiff td.ctx {
}


/* Footer */
div.footer {
  margin-top: 2em;
  color: var(--footer-text);
  font-style: italic;
}

div.footer a {
  color: var(--footer-text);
  font-style: italic;
}


/* Style definition
 *  + Generated by highlight 3.9, http://www.andre-simon.de/
 *  + Theme: Kwrite Editor


M static/css/common.css => static/css/common.css +55 -0
@@ 237,3 237,58 @@ select#menu-navi option {
  margin: 0;
  width: 12em;
}

/* Header content */
table#header {
  border-collapse: collapse;
  margin-bottom: 1em;
  width: 100%;
}
table#header td.main {
  color: #000;
  font-size: 2.5em;
  padding: 0 0 0 10px;
  white-space: nowrap;
}
table#header td.main a {
  color: #000;
  text-decoration: none;
}
table#header td.sub {
  color: #777;
  border-top: solid 1px #ccc;
  font-size: 1em;
  padding: 0 0 0 10px;
}
table#header td.sub a {
  color: #777;
}
/* Header logos */
table#header td.logo {
  width: 96px;
  vertical-align: top;
}

/* Footer */
div#cgit div.footer,
div#footer {
  margin: 2em 0 0 0;
  color: #777;
  font-style: italic;
}

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

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

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



D static/css/header.css => static/css/header.css +0 -30
@@ 1,30 0,0 @@
/* Header content */
table#header {
  border-collapse: collapse;
  margin-bottom: 1em;
  width: 100%;
}
table#header td.main {
  color: #000;
  font-size: 2.5em;
  padding: 0 0 0 10px;
  white-space: nowrap;
}
table#header td.main a {
  color: #000;
}
table#header td.sub {
  color: #777;
  border-top: solid 1px #ccc;
  font-size: 1em;
  padding: 0 0 0 10px;
}
table#header td.sub a {
  color: #777;
}
/* Header logos */
table#header td.logo {
  width: 96px;
  vertical-align: top;
}