~stick/stma.is

1645cb71bb9cbe548615ffaac20fa5b2f832ec51 — Stick 5 months ago b541df0
rebuild on hugo minimum viable theme

https://git.sr.ht/~stick/hmvt
6 files changed, 202 insertions(+), 63 deletions(-)

M .gitmodules
M assets/css/style.css
A assets/css/syntax.css
M config.toml
A themes/hmvt
D themes/hugo-base
M .gitmodules => .gitmodules +3 -4
@@ 1,4 1,3 @@
[submodule "hugo-base"]
	path = themes/hugo-base
	url = https://git.sr.ht/~stick/hugo-base
	branch = master
[submodule "themes/hmvt"]
	path = themes/hmvt
	url = git@git.sr.ht:~stick/hmvt

M assets/css/style.css => assets/css/style.css +47 -45
@@ 14,39 14,43 @@
}

/* Color the links nice (default dark theme) */
.emma a {
  color: hsl(var(--emmaHue), var(--emmaSat), 70%);
}
.emma a:hover,
.emma a:active {
  color: hsl(var(--emmaHue), var(--emmaSat), 85%);
}
.stick a {
  color: hsl(var(--stickHue), var(--stickSat), 70%);
}
.stick a:hover,
.stick a:active {
  color: hsl(var(--stickHue), var(--stickSat), 85%);
}

/* Color the links nice (printing and light theme) */
@media print, screen and (prefers-color-scheme: light) {
@media screen and (prefers-color-scheme: dark) {
  .emma a {
    color: hsl(var(--emmaHue), var(--emmaSat), 30%);
    color: hsl(var(--emmaHue), var(--emmaSat), 70%);
  }
  .emma a:hover,
  .emma a:active {
    color: hsl(var(--emmaHue), var(--emmaSat), 45%);
  .emma a:active,
  .emma a:focus,
  .emma a:hover {
    color: hsl(var(--emmaHue), var(--emmaSat), 85%);
  }
  .stick a {
    color: hsl(var(--stickHue), var(--stickSat), 30%);
    color: hsl(var(--stickHue), var(--stickSat), 70%);
  }
  .stick a:hover,
  .stick a:active {
    color: hsl(var(--stickHue), var(--stickSat), 45%);
  .stick a:active,
  .stick a:focus,
  .stick a:hover {
    color: hsl(var(--stickHue), var(--stickSat), 85%);
  }
}

/* Color the links nice (printing and light theme) */
.emma a {
  color: hsl(var(--emmaHue), var(--emmaSat), 30%);
}
.emma a:active,
.emma a:focus,
.emma a:hover {
  color: hsl(var(--emmaHue), var(--emmaSat), 45%);
}
.stick a {
  color: hsl(var(--stickHue), var(--stickSat), 30%);
}
.stick a:active,
.stick a:focus,
.stick a:hover {
  color: hsl(var(--stickHue), var(--stickSat), 45%);
}

/* Use for the words of Jesus - red letters. */
.red {
  color: hsl(var(--redHue), var(--redSat), 60%);


@@ 63,40 67,37 @@

/* Here's a card */
.card {
  background: var(--back);
  background: var(--blockColor);
  border-radius: 0.5em;
  padding: 0.5em;
  text-align: center;
  width: calc(50% - 1em);
  width: calc(50% - 0.5em);
}
.card {
  float: none;
  margin: 0 auto;
  width: calc(100% - 1em);
}

/* Put a space between the cards */
.card + .card {
  margin-left: 0.5em;
  margin-top: 0.5em;
}

/* Make the cards line up right and stay a consistent size */
@media (max-width: 30em) {
@media (min-width: 30em) {
  .card {
    width: calc(100% - 1em);
    width: calc(50% - 0.5em);
  }
  .card:first-of-type {
    float: left;
  }
  .card:last-of-type {
    float: right;
  }
  .card + .card {
    margin-top: 0.5em;
    margin-top: 0;
  }
}

/* Put the cards in a flexbox */
.cardbox {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}

.card > h1 {
  margin: 0.25em 0 0;
}

/* Centering things like widgets */
.center {
  display: flex;


@@ 110,6 111,7 @@
  background: #000;
  border-radius: 0.25em;
  border: 0.125em solid;
  color: #fff;
  font-size: 2em;
  font-weight: bold;
  margin-left: auto;

A assets/css/syntax.css => assets/css/syntax.css +141 -0
@@ 0,0 1,141 @@
/* Emacs chroma style */

@media print, not screen and (prefers-color-scheme: dark) {
    /* Background */ .chroma { background-color: #f8f8f8 }
    /* LineTableTD */ .chroma .lntd { vertical-align: top; padding: 0; margin: 0; border: 0; }
    /* LineTable */ .chroma .lntable { border-spacing: 0; padding: 0; margin: 0; border: 0; width: auto; overflow: auto; display: block; }
    /* LineHighlight */ .chroma .hl { display: block; width: 100%;background-color: #ffffcc }
    /* LineNumbersTable */ .chroma .lnt { margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f }
    /* LineNumbers */ .chroma .ln { margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f }
    /* Keyword */ .chroma .k { color: #aa22ff; font-weight: bold }
    /* KeywordConstant */ .chroma .kc { color: #aa22ff; font-weight: bold }
    /* KeywordDeclaration */ .chroma .kd { color: #aa22ff; font-weight: bold }
    /* KeywordNamespace */ .chroma .kn { color: #aa22ff; font-weight: bold }
    /* KeywordPseudo */ .chroma .kp { color: #aa22ff }
    /* KeywordReserved */ .chroma .kr { color: #aa22ff; font-weight: bold }
    /* KeywordType */ .chroma .kt { color: #00bb00; font-weight: bold }
    /* NameAttribute */ .chroma .na { color: #bb4444 }
    /* NameBuiltin */ .chroma .nb { color: #aa22ff }
    /* NameClass */ .chroma .nc { color: #0000ff }
    /* NameConstant */ .chroma .no { color: #880000 }
    /* NameDecorator */ .chroma .nd { color: #aa22ff }
    /* NameEntity */ .chroma .ni { color: #999999; font-weight: bold }
    /* NameException */ .chroma .ne { color: #d2413a; font-weight: bold }
    /* NameFunction */ .chroma .nf { color: #00a000 }
    /* NameLabel */ .chroma .nl { color: #a0a000 }
    /* NameNamespace */ .chroma .nn { color: #0000ff; font-weight: bold }
    /* NameTag */ .chroma .nt { color: #008000; font-weight: bold }
    /* NameVariable */ .chroma .nv { color: #b8860b }
    /* LiteralString */ .chroma .s { color: #bb4444 }
    /* LiteralStringAffix */ .chroma .sa { color: #bb4444 }
    /* LiteralStringBacktick */ .chroma .sb { color: #bb4444 }
    /* LiteralStringChar */ .chroma .sc { color: #bb4444 }
    /* LiteralStringDelimiter */ .chroma .dl { color: #bb4444 }
    /* LiteralStringDoc */ .chroma .sd { color: #bb4444; font-style: italic }
    /* LiteralStringDouble */ .chroma .s2 { color: #bb4444 }
    /* LiteralStringEscape */ .chroma .se { color: #bb6622; font-weight: bold }
    /* LiteralStringHeredoc */ .chroma .sh { color: #bb4444 }
    /* LiteralStringInterpol */ .chroma .si { color: #bb6688; font-weight: bold }
    /* LiteralStringOther */ .chroma .sx { color: #008000 }
    /* LiteralStringRegex */ .chroma .sr { color: #bb6688 }
    /* LiteralStringSingle */ .chroma .s1 { color: #bb4444 }
    /* LiteralStringSymbol */ .chroma .ss { color: #b8860b }
    /* LiteralNumber */ .chroma .m { color: #666666 }
    /* LiteralNumberBin */ .chroma .mb { color: #666666 }
    /* LiteralNumberFloat */ .chroma .mf { color: #666666 }
    /* LiteralNumberHex */ .chroma .mh { color: #666666 }
    /* LiteralNumberInteger */ .chroma .mi { color: #666666 }
    /* LiteralNumberIntegerLong */ .chroma .il { color: #666666 }
    /* LiteralNumberOct */ .chroma .mo { color: #666666 }
    /* Operator */ .chroma .o { color: #666666 }
    /* OperatorWord */ .chroma .ow { color: #aa22ff; font-weight: bold }
    /* Comment */ .chroma .c { color: #008800; font-style: italic }
    /* CommentHashbang */ .chroma .ch { color: #008800; font-style: italic }
    /* CommentMultiline */ .chroma .cm { color: #008800; font-style: italic }
    /* CommentSingle */ .chroma .c1 { color: #008800; font-style: italic }
    /* CommentSpecial */ .chroma .cs { color: #008800; font-weight: bold }
    /* CommentPreproc */ .chroma .cp { color: #008800 }
    /* CommentPreprocFile */ .chroma .cpf { color: #008800 }
    /* GenericDeleted */ .chroma .gd { color: #a00000 }
    /* GenericEmph */ .chroma .ge { font-style: italic }
    /* GenericError */ .chroma .gr { color: #ff0000 }
    /* GenericHeading */ .chroma .gh { color: #000080; font-weight: bold }
    /* GenericInserted */ .chroma .gi { color: #00a000 }
    /* GenericOutput */ .chroma .go { color: #888888 }
    /* GenericPrompt */ .chroma .gp { color: #000080; font-weight: bold }
    /* GenericStrong */ .chroma .gs { font-weight: bold }
    /* GenericSubheading */ .chroma .gu { color: #800080; font-weight: bold }
    /* GenericTraceback */ .chroma .gt { color: #0044dd }
    /* GenericUnderline */ .chroma .gl { text-decoration: underline }
    /* TextWhitespace */ .chroma .w { color: #bbbbbb }
}

/* Native chroma style */

@media screen and (prefers-color-scheme: dark) {
    /* Background */ .chroma { color: #d0d0d0; background-color: #202020 }
    /* Error */ .chroma .err { color: #a61717; background-color: #e3d2d2 }
    /* LineTableTD */ .chroma .lntd { vertical-align: top; padding: 0; margin: 0; border: 0; }
    /* LineTable */ .chroma .lntable { border-spacing: 0; padding: 0; margin: 0; border: 0; width: auto; overflow: auto; display: block; }
    /* LineHighlight */ .chroma .hl { display: block; width: 100%;background-color: #ffffcc }
    /* LineNumbersTable */ .chroma .lnt { margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #686868 }
    /* LineNumbers */ .chroma .ln { margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #686868 }
    /* Keyword */ .chroma .k { color: #6ab825; font-weight: bold }
    /* KeywordConstant */ .chroma .kc { color: #6ab825; font-weight: bold }
    /* KeywordDeclaration */ .chroma .kd { color: #6ab825; font-weight: bold }
    /* KeywordNamespace */ .chroma .kn { color: #6ab825; font-weight: bold }
    /* KeywordPseudo */ .chroma .kp { color: #6ab825 }
    /* KeywordReserved */ .chroma .kr { color: #6ab825; font-weight: bold }
    /* KeywordType */ .chroma .kt { color: #6ab825; font-weight: bold }
    /* NameAttribute */ .chroma .na { color: #bbbbbb }
    /* NameBuiltin */ .chroma .nb { color: #24909d }
    /* NameClass */ .chroma .nc { color: #447fcf; text-decoration: underline }
    /* NameConstant */ .chroma .no { color: #40ffff }
    /* NameDecorator */ .chroma .nd { color: #ffa500 }
    /* NameException */ .chroma .ne { color: #bbbbbb }
    /* NameFunction */ .chroma .nf { color: #447fcf }
    /* NameNamespace */ .chroma .nn { color: #447fcf; text-decoration: underline }
    /* NameTag */ .chroma .nt { color: #6ab825; font-weight: bold }
    /* NameVariable */ .chroma .nv { color: #40ffff }
    /* LiteralString */ .chroma .s { color: #ed9d13 }
    /* LiteralStringAffix */ .chroma .sa { color: #ed9d13 }
    /* LiteralStringBacktick */ .chroma .sb { color: #ed9d13 }
    /* LiteralStringChar */ .chroma .sc { color: #ed9d13 }
    /* LiteralStringDelimiter */ .chroma .dl { color: #ed9d13 }
    /* LiteralStringDoc */ .chroma .sd { color: #ed9d13 }
    /* LiteralStringDouble */ .chroma .s2 { color: #ed9d13 }
    /* LiteralStringEscape */ .chroma .se { color: #ed9d13 }
    /* LiteralStringHeredoc */ .chroma .sh { color: #ed9d13 }
    /* LiteralStringInterpol */ .chroma .si { color: #ed9d13 }
    /* LiteralStringOther */ .chroma .sx { color: #ffa500 }
    /* LiteralStringRegex */ .chroma .sr { color: #ed9d13 }
    /* LiteralStringSingle */ .chroma .s1 { color: #ed9d13 }
    /* LiteralStringSymbol */ .chroma .ss { color: #ed9d13 }
    /* LiteralNumber */ .chroma .m { color: #3677a9 }
    /* LiteralNumberBin */ .chroma .mb { color: #3677a9 }
    /* LiteralNumberFloat */ .chroma .mf { color: #3677a9 }
    /* LiteralNumberHex */ .chroma .mh { color: #3677a9 }
    /* LiteralNumberInteger */ .chroma .mi { color: #3677a9 }
    /* LiteralNumberIntegerLong */ .chroma .il { color: #3677a9 }
    /* LiteralNumberOct */ .chroma .mo { color: #3677a9 }
    /* OperatorWord */ .chroma .ow { color: #6ab825; font-weight: bold }
    /* Comment */ .chroma .c { color: #999999; font-style: italic }
    /* CommentHashbang */ .chroma .ch { color: #999999; font-style: italic }
    /* CommentMultiline */ .chroma .cm { color: #999999; font-style: italic }
    /* CommentSingle */ .chroma .c1 { color: #999999; font-style: italic }
    /* CommentSpecial */ .chroma .cs { color: #e50808; background-color: #520000; font-weight: bold }
    /* CommentPreproc */ .chroma .cp { color: #cd2828; font-weight: bold }
    /* CommentPreprocFile */ .chroma .cpf { color: #cd2828; font-weight: bold }
    /* GenericDeleted */ .chroma .gd { color: #d22323 }
    /* GenericEmph */ .chroma .ge { font-style: italic }
    /* GenericError */ .chroma .gr { color: #d22323 }
    /* GenericHeading */ .chroma .gh { color: #ffffff; font-weight: bold }
    /* GenericInserted */ .chroma .gi { color: #589819 }
    /* GenericOutput */ .chroma .go { color: #cccccc }
    /* GenericPrompt */ .chroma .gp { color: #aaaaaa }
    /* GenericStrong */ .chroma .gs { font-weight: bold }
    /* GenericSubheading */ .chroma .gu { color: #ffffff; text-decoration: underline }
    /* GenericTraceback */ .chroma .gt { color: #d22323 }
    /* GenericUnderline */ .chroma .gl { text-decoration: underline }
    /* TextWhitespace */ .chroma .w { color: #666666 }
}

M config.toml => config.toml +10 -13
@@ 1,8 1,9 @@
# Used in theme
baseURL = 'https://stma.is'
copyright = '2009–2020'
copyright = 2009
languageCode = 'en-us'
theme = 'hugo-base'
pygmentsUseClasses = true
theme = 'hmvt'
title = 'STMA'

# Other options


@@ 13,6 14,7 @@ rssLimit = 32
[author]
	name = 'stick'
	email = 'stick@stma.is'
  mastodon = '@stick@infosec.exchange'
	twitter = 'nstickney'

[frontmatter]


@@ 33,19 35,14 @@ rssLimit = 32
	disableSVG = true

[params]
	authorMail = 'stick@stma.is'
	authorMastodon = 'https://infosec.exchange/@stick'
	authorTwitter = 'nstickney'
	backgroundImage = 'images/bg.jpg'
	colorHue = '356'
	colorSaturation = '40%'
	css = 'css/style.css'
  background = '/images/bg.jpg'
	description = 'Stick and Emma'
	externalResources = true
	iconPNG = 'images/favicon.png'
	iconSVG = 'imaves/favicon.svg'
	logo = 'images/stma.svg'
	iconPNG = '/images/favicon.png'
	iconSVG = '/images/favicon.svg'
	logo = '/images/stma.svg'
	repo = 'https://git.sr.ht/~stick/stma.is'
  themeColor = '#793437'
  themeColorDark = '#d9a6a9'

[permalinks]
	stick = '/stick/:filename'

A themes/hmvt => themes/hmvt +1 -0
@@ 0,0 1,1 @@
Subproject commit a0d855b05190bb008f1fcb71a3981af9317872ee

D themes/hugo-base => themes/hugo-base +0 -1
@@ 1,1 0,0 @@
Subproject commit d63d24838dd9beffcce6e05918bee205568975be