diff --git a/config.toml b/config.toml index 262b3ec3..5d4dfc87 100644 --- a/config.toml +++ b/config.toml @@ -17,11 +17,8 @@ enableGitInfo = true [params] pagination = 30 - description = "Freshly Baked Thoughts" webmentionServer = "https://jam.brainbaking.com" - accent = "#018661" - showBorder = true copyright = "↑ Top lightbulb icon Brain Baking. No © and no tracking." [Author] diff --git a/content/about.md b/content/about.md index 03eafd97..df17440b 100644 --- a/content/about.md +++ b/content/about.md @@ -2,7 +2,6 @@ title: "Hi, I’m Wouter Groeneveld" subtitle: "" bigimg: About Me.jpg -accent: purple disableComments: true --- diff --git a/content/works/dsdoom.md b/content/works/dsdoom.md new file mode 100644 index 00000000..80893733 --- /dev/null +++ b/content/works/dsdoom.md @@ -0,0 +1,8 @@ +--- +title: "DS Doom" +image: "/img/works/dsdoom.jpg" +description: "A PrBoom-based port of DOOM on the Nintendo DS." +link: "https://doomwiki.org/wiki/DS_Doom" +type: "code" +date: 2006-10-01 +--- diff --git a/layouts/index.html b/layouts/index.html index 05aec4eb..34bbfadc 100644 --- a/layouts/index.html +++ b/layouts/index.html @@ -1,19 +1,15 @@ {{ partial "header" . }} +
+

+ Brain + + Baking +

-

- Brain -
-
- - {{ .Site.Title }} - -
-
- Baking -

-
+ +
{{ $paginator := .Paginate (where .Site.Pages "Type" "post") $.Site.Params.pagination }} {{ $currYear := .Date.Format "2006" }} diff --git a/static/favicon.ico b/static/favicon.ico new file mode 100644 index 00000000..fe238793 Binary files /dev/null and b/static/favicon.ico differ diff --git a/static/img/bblogo.png b/static/img/bblogo.png new file mode 100644 index 00000000..1b89a7f4 Binary files /dev/null and b/static/img/bblogo.png differ diff --git a/static/img/logo-rss.jpg b/static/img/logo-rss.jpg deleted file mode 100644 index c793a036..00000000 Binary files a/static/img/logo-rss.jpg and /dev/null differ diff --git a/static/img/logo.jpg b/static/img/logo.jpg deleted file mode 100644 index 1c57a838..00000000 Binary files a/static/img/logo.jpg and /dev/null differ diff --git a/static/img/works/dsdoom.jpg b/static/img/works/dsdoom.jpg new file mode 100644 index 00000000..3bb9ec83 Binary files /dev/null and b/static/img/works/dsdoom.jpg differ diff --git a/themes/brainbaking-minimal/assets/sass/_blockquote.sass b/themes/brainbaking-minimal/assets/sass/_blockquote.sass index 07d7491b..0e25caf6 100644 --- a/themes/brainbaking-minimal/assets/sass/_blockquote.sass +++ b/themes/brainbaking-minimal/assets/sass/_blockquote.sass @@ -31,7 +31,7 @@ blockquote -webkit-mask-size: cover content: '' display: inline-block - background-color: var(--accent) + background-color: $accent position: absolute width: 40px height: 40px diff --git a/themes/brainbaking-minimal/assets/sass/_bootstrap-minimal.sass b/themes/brainbaking-minimal/assets/sass/_bootstrap-minimal.sass index fa02e677..1835c71d 100644 --- a/themes/brainbaking-minimal/assets/sass/_bootstrap-minimal.sass +++ b/themes/brainbaking-minimal/assets/sass/_bootstrap-minimal.sass @@ -136,7 +136,7 @@ pre code body > footer - border-bottom: 5px solid var(--accent) + border-bottom: 5px solid $accent background-color: $lightgrey diff --git a/themes/brainbaking-minimal/assets/sass/_bootstrap-nav.sass b/themes/brainbaking-minimal/assets/sass/_bootstrap-nav.sass index 139b8479..c0e75b45 100644 --- a/themes/brainbaking-minimal/assets/sass/_bootstrap-nav.sass +++ b/themes/brainbaking-minimal/assets/sass/_bootstrap-nav.sass @@ -16,7 +16,7 @@ nav line-height: 1.4 !important min-height: 50px margin-bottom: 0 - border-top: 5px solid var(--accent) + border-top: 5px solid $accent a border-bottom: 1px solid rgba(243, 243, 243, 0.8) !important diff --git a/themes/brainbaking-minimal/assets/sass/_brainbaking-dark.sass b/themes/brainbaking-minimal/assets/sass/_brainbaking-dark.sass index ca847a39..52800ff0 100644 --- a/themes/brainbaking-minimal/assets/sass/_brainbaking-dark.sass +++ b/themes/brainbaking-minimal/assets/sass/_brainbaking-dark.sass @@ -15,6 +15,13 @@ $dark-fg: #dddddd body > footer background-color: $dark-nav + #logopath + fill: $dark-accent + stroke: $dark-accent + + nav + background-color: $dark-nav + .search-form input background-color: $dark-bg-alt @@ -24,7 +31,7 @@ $dark-fg: #dddddd color: $dark-accent &:hover - background-color: var(--accent) + background-color: $accent a, a:visited, .link @@ -79,9 +86,6 @@ $dark-fg: #dddddd background-color: $dark-bg-alt border-bottom: 5px solid $dark-bg - nav, - background-color: $dark-nav - table tbody border-top: 1px solid $dark-fg diff --git a/themes/brainbaking-minimal/assets/sass/_brainbaking-intro.sass b/themes/brainbaking-minimal/assets/sass/_brainbaking-intro.sass index e3ad64f4..87c4e2a4 100644 --- a/themes/brainbaking-minimal/assets/sass/_brainbaking-intro.sass +++ b/themes/brainbaking-minimal/assets/sass/_brainbaking-intro.sass @@ -1,46 +1,48 @@ .intro - padding-top: 3rem !important h2 font-size: 4vh -.intro h1 - margin-left: 8% - text-shadow: #bbbbbb 0 4px 5px - font-size: 5vh - @media (min-width: 560px) - font-size: 8vh - @media (min-width: 768px) - font-size: 9vh - @media (min-width: 1200px) - font-size: 10vh - @media (min-width: 1600px) - font-size: 11.3vh + h1 + margin-left: 7% + margin-top: 0 + margin-bottom: 0 + + text-shadow: #bbbbbb 0 4px 5px + font-size: 5vh + @media (min-width: 560px) + font-size: 6vh + @media (min-width: 768px) + font-size: 8vh + @media (min-width: 1200px) + font-size: 10vh + @media (min-width: 1600px) + font-size: 11.3vh -.avatar-container - width: 50px - margin-left: 25px - margin-top: 1rem - @media (min-width: 560px) - width: 66px - margin-left: 45px - @media (min-width: 768px) - width: 75px - @media (min-width: 1200px) - width: 80px - @media (min-width: 1600px) - width: 100px + svg.logo + position: relative + top: 2rem + width: 20% + height: 10vh - .avatar-img-border - width: 100% - border-radius: 50% - margin-left: -50% - display: inline-block - box-shadow: 0 0 8px rgba(0, 0, 0, .8) - -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .8) - -moz-box-shadow: 0 0 8px rgba(0, 0, 0, .8) + @media (min-width: 560px) + height: 15vh + top: 3rem + @media (min-width: 768px) + top: 4rem + height: 18vh + @media (min-width: 1200px) + top: 5rem + height: 25vh + width: 17% + @media (min-width: 1600px) + height: 30vh + top: 6rem + +header + svg.logo + visibility: hidden + + @media (min-width: 1400px) + visibility: visible - .avatar-img - width: 100% - border-radius: 50% - display: block diff --git a/themes/brainbaking-minimal/assets/sass/_brainbaking.sass b/themes/brainbaking-minimal/assets/sass/_brainbaking.sass index 10792041..41f63cf6 100644 --- a/themes/brainbaking-minimal/assets/sass/_brainbaking.sass +++ b/themes/brainbaking-minimal/assets/sass/_brainbaking.sass @@ -9,6 +9,19 @@ html, body @media (min-width: 960px) font-size: 1.1rem +#logopath + fill: $accent + fill-opacity: 1 + stroke: $accent + stroke-width: 2px + +#logobounds + fill: lighten($accent, 50%) + fill-opacity: 0 + stroke: $accent + stroke-width: 5 + stroke-opacity: 1 + pre code font-size: 0.9rem @@ -53,7 +66,7 @@ div.highlight a, a:visited, .link cursor: pointer - color: var(--accent) + color: $accent text-decoration: none &:hover @@ -104,13 +117,13 @@ article margin: 0 !important a, .link - border-bottom: 1px solid var(--accent) + border-bottom: 1px solid $accent &:hover, &:visited:hover border-bottom: 1px solid white border-radius: 1px color: white - background-color: var(--accent) + background-color: $accent .inmargin display: none @@ -127,7 +140,7 @@ article .belowsingle background-color: $belowsingle - border-top: 3px solid var(--accent) + border-top: 3px solid $accent margin-top: 4rem .page-header @@ -153,7 +166,7 @@ header display: none h1 - color: var(--accent) + color: $accent h2 margin-top: -1rem h2, h3 @@ -174,8 +187,8 @@ time color: grey kbd - color: var(--accent) - border: 1px solid var(--accent) + color: $accent + border: 1px solid $accent font-size: 1rem padding: 2px 4px border-radius: 3px @@ -185,7 +198,7 @@ kbd &:hover color: white - background-color: var(--accent) + background-color: $accent #skiptocontent z-index: 100 diff --git a/themes/brainbaking-minimal/assets/sass/_figures.sass b/themes/brainbaking-minimal/assets/sass/_figures.sass index 3603eba1..b52371fe 100644 --- a/themes/brainbaking-minimal/assets/sass/_figures.sass +++ b/themes/brainbaking-minimal/assets/sass/_figures.sass @@ -91,4 +91,4 @@ figure -o-background-size: cover border-top: 2px solid lightgray - border-bottom: 1px solid var(--accent) + border-bottom: 1px solid $accent diff --git a/themes/brainbaking-minimal/assets/sass/_forms.sass b/themes/brainbaking-minimal/assets/sass/_forms.sass index 28e6527b..a83a18ca 100644 --- a/themes/brainbaking-minimal/assets/sass/_forms.sass +++ b/themes/brainbaking-minimal/assets/sass/_forms.sass @@ -3,18 +3,18 @@ input width: 100% padding: 9px 4px 9px 40px - border: 1px solid var(--accent) + border: 1px solid $accent border-radius: 5px background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' class='bi bi-search' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z'%3E%3C/path%3E%3C/svg%3E") no-repeat 13px center button background-color: white - border: 1px solid var(--accent) - color: var(--accent) + border: 1px solid $accent + color: $accent &:hover color: white - background-color: var(--accent) + background-color: $accent ol border-bottom: 1px solid lightgray diff --git a/themes/brainbaking-minimal/assets/sass/_goodreads.sass b/themes/brainbaking-minimal/assets/sass/_goodreads.sass index 360a752a..c0da1449 100644 --- a/themes/brainbaking-minimal/assets/sass/_goodreads.sass +++ b/themes/brainbaking-minimal/assets/sass/_goodreads.sass @@ -1,7 +1,7 @@ /* --- goodreads widget styles --- */ .goodreadswidget - border-bottom: 3px solid var(--accent) + border-bottom: 3px solid $accent padding: 0px padding-bottom: 10px diff --git a/themes/brainbaking-minimal/assets/sass/_listing.sass b/themes/brainbaking-minimal/assets/sass/_listing.sass index c4048089..ddcb0942 100644 --- a/themes/brainbaking-minimal/assets/sass/_listing.sass +++ b/themes/brainbaking-minimal/assets/sass/_listing.sass @@ -29,7 +29,7 @@ div.list padding-left: 0.4rem padding-right: 0.4rem color: white - background-color: var(--accent) + background-color: $accent border-radius: 2rem margin-top: 1.5rem float: left @@ -45,4 +45,4 @@ div.list padding: 0 15px .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover - border-color: var(--accent) !important + border-color: $accent !important diff --git a/themes/brainbaking-minimal/assets/sass/_toot.sass b/themes/brainbaking-minimal/assets/sass/_toot.sass index cf0235f1..e0ade316 100644 --- a/themes/brainbaking-minimal/assets/sass/_toot.sass +++ b/themes/brainbaking-minimal/assets/sass/_toot.sass @@ -7,7 +7,7 @@ box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px &:hover - border-color: var(--accent) + border-color: $accent box-shadow: rgba(100, 100, 111, 0.2) 5px 17px 29px 5px .notes diff --git a/themes/brainbaking-minimal/assets/sass/main.sass b/themes/brainbaking-minimal/assets/sass/main.sass index a0cc064d..e74f8c1b 100644 --- a/themes/brainbaking-minimal/assets/sass/main.sass +++ b/themes/brainbaking-minimal/assets/sass/main.sass @@ -1,6 +1,7 @@ $grey: #666 $lightgrey: #eee $belowsingle: rgba(243, 243, 243, 0.8) +$accent: #018661 @mixin transition($what: all, $time: 0.2s, $how: ease-in-out) -webkit-transition: $what $time $how diff --git a/themes/brainbaking-minimal/layouts/_default/list.html b/themes/brainbaking-minimal/layouts/_default/list.html index 08cbc2f9..69917423 100644 --- a/themes/brainbaking-minimal/layouts/_default/list.html +++ b/themes/brainbaking-minimal/layouts/_default/list.html @@ -6,233 +6,10 @@ {{ if .Title }}
- - +

+  {{ .Title }} +

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - {{ if isset .Params "subtitle" }}

{{ .Params.subtitle }}

{{ end }} diff --git a/themes/brainbaking-minimal/layouts/partials/css.html b/themes/brainbaking-minimal/layouts/partials/css.html index f19fd346..1eb46f88 100644 --- a/themes/brainbaking-minimal/layouts/partials/css.html +++ b/themes/brainbaking-minimal/layouts/partials/css.html @@ -1,11 +1,4 @@ - - - {{- $options := (dict "targetPath" "css/styles.css" "outputStyle" "compressed" "enableSourceMap" "true") -}} {{- $styles := resources.Get "sass/main.sass" | resources.ExecuteAsTemplate "main.sass" . | resources.ToCSS $options | resources.Fingerprint "sha512" }} diff --git a/themes/brainbaking-minimal/layouts/partials/head-meta.html b/themes/brainbaking-minimal/layouts/partials/head-meta.html index 18fa484d..e6d512ef 100644 --- a/themes/brainbaking-minimal/layouts/partials/head-meta.html +++ b/themes/brainbaking-minimal/layouts/partials/head-meta.html @@ -1,6 +1,6 @@ {{ $perm := .Permalink }} {{ $base := .Site.BaseURL }} -{{ $logo := "img/logo.jpg" }} +{{ $logo := "img/logo.png" }} diff --git a/themes/brainbaking-minimal/layouts/partials/header.html b/themes/brainbaking-minimal/layouts/partials/header.html index 2b2670c3..474e0e74 100644 --- a/themes/brainbaking-minimal/layouts/partials/header.html +++ b/themes/brainbaking-minimal/layouts/partials/header.html @@ -9,7 +9,7 @@ {{ else }} Note | {{ .Site.Title }} {{ end }} - {{ $favicon := "/img/logo.jpg" }} + {{ $favicon := "/img/bblogo.png" }} diff --git a/themes/brainbaking-minimal/layouts/partials/icons.html b/themes/brainbaking-minimal/layouts/partials/icons.html index 39514c93..7871144e 100644 --- a/themes/brainbaking-minimal/layouts/partials/icons.html +++ b/themes/brainbaking-minimal/layouts/partials/icons.html @@ -1,4 +1,18 @@

{{ with .Params.icontag }} page type