overhaul color design, fonts ea

This commit is contained in:
wgroeneveld 2020-06-09 14:50:49 +02:00
parent 684dab57ec
commit cb1e96c835
14 changed files with 155 additions and 68 deletions

View File

@ -27,7 +27,7 @@ summaryLength = 20
# Nav links in the side bar
[[params.navlinks]]
name = "Articles Index"
name = "Browse All Articles"
url = "articles/"
home = true

View File

@ -0,0 +1,72 @@
---
image: "/img/games/doom2.jpeg"
date: "2020-06-07"
draft: true
title: "A Look At the Retro Shooter Reboots: New Pixels Based on Old Ideas"
tags:
- 'retro shooters'
description: "TODO"
---
https://www.pcmag.com/news/how-doom-inspired-a-new-wave-of-retro-fps-games
## Reboots
- Wolfenstein (RTCW was also a reboot?)
- Doom 2016
- Rise of the Triad
- Shadow Warrior
## HD remakes
- Serious Sam HD
- Turok
Ports of builds? Blood: Fresh Supply, Shadow Warrior Classic, ...
## New games based on old classics
### Nightmare Reaper (Doom)
https://store.steampowered.com/app/1051690/Nightmare_Reaper/
### Hard Reset (Doom/Shadow Warrior)
https://store.steampowered.com/app/407810/Hard_Reset_Redux/
### Hellbound (Doom)
https://store.steampowered.com/app/753590/Hellbound/
TBA
### Apocryph (Heretic)
https://store.steampowered.com/app/596240/Apocryph_an_oldschool_shooter/
Mixed reviews
### Devil Daggers
https://store.steampowered.com/app/422970/Devil_Daggers/
### Amid Evil (Heretic)
### Wrath: Aeon of Ruin (Quake 1 engine) 2021
https://kotaku.com/wrath-is-a-retro-shooter-done-right-1841067258
### Dusk (Quake/Redneck Rampage/Blood)
### Ion Fury (Build)
### Project Warlock (Wolf3D)
### Wrack
Bobby Price? XIII?
## Conclusion: what's missing
- Unreal Tournament classic HD remake?
- Outlaws?

View File

@ -2,7 +2,7 @@
title = "Jefklak's Codex: Appendix"
+++
![logo](/img/logo.png)
<img class="no-border" alt="logo" src="/img/logo.png" />
## Codex Appendix

View File

@ -19,6 +19,9 @@ body
@media (min-width: 960px)
font-size: inherit
html body
font-family: $font-stack
.rfloat
float: right
@ -49,9 +52,11 @@ ul, ol
blockquote
font-size: inherit
font-size: 1.1rem
font-style: italic
border-left: 5px solid var(--accent)
border-left: 7px solid var(--accent)
background-color: var(--bglightshade)
border-radius: 5px
button
@ -166,6 +171,9 @@ article
text-align: justify !important
.no-border
border: none !important
.modal-header
display: none
@ -186,8 +194,9 @@ a:hover, .box-masonry h4 a:hover
.box-masonry
background-color: #d9e7ac
background-color: var(--bglightshade)
border: 1px solid var(--accent)
border-radius: 5px
&:hover
box-shadow: 0 0 5px black

View File

@ -1,37 +1,38 @@
/* latin-ext */
@font-face {
font-family: 'PT Sans';
font-style: normal;
font-weight: 400;
font-display: swap;
src: local('PT Sans'), local('PTSans-Regular'), url(/css/fonts/ptsans-latin-ext.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'PT Sans';
font-style: normal;
font-weight: 400;
font-display: swap;
src: local('PT Sans'), local('PTSans-Regular'), url(/css/fonts/ptsans-latin.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
$font-stack: 'PT Sans', sans-serif
/* latin-ext */
@font-face {
font-family: 'PT Sans';
font-style: normal;
font-weight: 700;
font-display: swap;
src: local('PT Sans Bold'), local('PTSans-Bold'), url(/css/fonts/ptsans-latin-ext-bold.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face
font-family: 'PT Sans'
font-style: normal
font-weight: 400
font-display: swap
src: local('PT Sans'), local('PTSans-Regular'), url(/css/fonts/ptsans-latin-ext.woff2) format('woff2')
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
/* latin */
@font-face {
font-family: 'PT Sans';
font-style: normal;
font-weight: 700;
font-display: swap;
src: local('PT Sans Bold'), local('PTSans-Bold'), url(/css/fonts/ptsans-latin-bold.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face
font-family: 'PT Sans'
font-style: normal
font-weight: 400
font-display: swap
src: local('PT Sans'), local('PTSans-Regular'), url(/css/fonts/ptsans-latin.woff2) format('woff2')
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
/* latin-ext */
@font-face
font-family: 'PT Sans'
font-style: normal
font-weight: 700
font-display: swap
src: local('PT Sans Bold'), local('PTSans-Bold'), url(/css/fonts/ptsans-latin-ext-bold.woff2) format('woff2')
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
/* latin */
@font-face
font-family: 'PT Sans'
font-style: normal
font-weight: 700
font-display: swap
src: local('PT Sans Bold'), local('PTSans-Bold'), url(/css/fonts/ptsans-latin-bold.woff2) format('woff2')
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD

View File

@ -32,6 +32,9 @@
margin: 0
cursor: pointer
a
color: var(--textlinkdark)
&:hover
border: 1px solid var(--accent)
@ -68,8 +71,8 @@
&-date
color: grey
font-size: 9pt
color: var(--textlinkdark)
font-size: 0.7rem
&-header img

View File

@ -1,8 +1,10 @@
html
--accent: #a6a57c
--bglight: #f1f4dd
--bglightshade: #e7ead2
--bgdarker: #e6ecb2
--bgdark: #d7d7a3
--textcolor: #363636
--textlink: #b74a27
--textlinktag: #5d5c43
--textlinkdark: #483a07

View File

@ -1,3 +1,5 @@
@import 'variables'
@import 'fonts'
@import 'codex'
@import 'sidebar'
@import 'commento'

View File

@ -9,8 +9,8 @@
</div>
{{ with .OutputFormats.Get "RSS" }}
<a href="{{ .RelPermalink }}" id="csslink" target="_blank">
<img src="/img/rss.png" />
<a href="{{ .RelPermalink }}" id="csslink" class="no-border">
<img src="/img/rss.png" alt="get RSS feed" class="no-border" />
</a>
{{ end }}
<div id="all">

View File

@ -1,3 +1,3 @@
<footer>
<a style="cursor: pointer;" id="totop"><img src="/img/bg-back.gif" alt="back to top" /></a>
<a style="cursor: pointer;" id="totop" class="no-border"><img src="/img/bg-back.gif" class="no-border" alt="back to top" /></a>
</footer>

View File

@ -98,12 +98,6 @@
}
</script>
<style>
body, article, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
font-family: '{{ .Site.Params.font }}', sans-serif !important;
}
</style>
<link rel="stylesheet" href="{{ "css/bootstrap.min.css" | absURL }}">
<link rel="stylesheet" href="{{ "css/font-awesome.min.css" | absURL }}">
<link rel="stylesheet" href="{{ "css/simple-lightbox.min.css" | absURL }}">

View File

@ -10,7 +10,7 @@
{{ end }}
<h3>Featured Codex Articles
<span class='pages'>({{ .Paginator.PageNumber }}/{{ .Paginator.TotalPages }})</span> &raquo;
<span class='pages'>(Page {{ .Paginator.PageNumber }}/{{ .Paginator.TotalPages }})</span> &raquo;
</h3>
{{ range (.Paginate .Pages).Pages }}

View File

@ -47,17 +47,24 @@
{{ if $related }}
<div class="sidebar-header">
<span>Related</span>
<span>Related Articles</span>
<img src="/img/gob_purse.gif" alt="related articles" />
</div>
<ul class="sidebar-menu">
{{ range $related }}
{{ .Date.Format (.Site.Params.dateFormat | default "01/2006") | $.Scratch.Set "subtitle" }}
{{ with .Description }} {{ $.Scratch.Set "subtitle" . }} {{ end }}
<li>
<a href="{{ .RelPermalink }}">{{ .Title }}</a>&nbsp;
<span class="sidebar-date"><i class='fa fa-calendar'></i>&nbsp;{{ $.Scratch.Get "subtitle" }}</span>
<span class="sidebar-date">
<i class='fa fa-calendar'></i>&nbsp;
{{ .Date.Format "01/2006" }}
<br/>
{{ if isset .Params "Description" }}
{{ .Description }}
{{ else }}
{{ .Summary }}
{{ end }}
</span>
</li>
{{ end }}
</ul>
@ -66,18 +73,23 @@
{{ end }}
<div class="sidebar-header">
<span>Latest</span>
<span>Latest Articles</span>
<img src="/img/gob_letter.gif" alt="latest articles" />
</div>
{{ with .Site.GetPage "section" "articles" }}
<ul class="sidebar-menu">
{{ range first 10 .Data.Pages.ByDate.Reverse }}
{{ .Date.Format (.Site.Params.dateFormat | default "01/2006") | $.Scratch.Set "subtitle" }}
{{ range first 5 .Data.Pages.ByDate.Reverse }}
<li>
<a href="{{ .RelPermalink }}">{{ .Title }}</a>&nbsp;
<span class="sidebar-date">
<i class='fa fa-calendar'></i>&nbsp;
{{ $.Scratch.Get "subtitle" }}
{{ .Date.Format "01/2006" }}
<br/>
{{ if isset .Params "Description" }}
{{ .Description }}
{{ else }}
{{ .Summary }}
{{ end }}
</span>
</li>
{{ end }}
@ -85,7 +97,7 @@
{{ end }}
<div class="sidebar-header">
<span>Browsing</span>
<span>Looking For More?</span>
<img src="/img/gob_waypoint.gif" alt="More information" />
</div>
<ul class="sidebar-menu">

View File

@ -52,7 +52,6 @@ section.background-secondary {
}
.italic {
font-style: italic;
font-family: "Georgia", "Times New Roman", Times, serif;
}
.img-responsive {
margin: 0 auto;
@ -1299,7 +1298,6 @@ STYLE SWITCHER FOR DEMO
}
/* navbar */
.navbar {
font-family: "Roboto", Helvetica, Arial, sans-serif;
min-height: 80px;
margin-bottom: 0;
border-top: none;
@ -1586,7 +1584,6 @@ STYLE SWITCHER FOR DEMO
}
/* scaffolding */
body {
font-family: "Roboto", Helvetica, Arial, sans-serif;
font-size: 16px;
line-height: 1.55;
color: #000000;
@ -1663,7 +1660,6 @@ hr {
/* buttons */
.btn {
font-weight: 400;
font-family: "Roboto", Helvetica, Arial, sans-serif;
padding: 6px 12px;
font-size: 16px;
line-height: 1.55;
@ -1782,7 +1778,6 @@ fieldset[disabled] .btn-transparent.active {
}
/* labels */
.label {
font-family: "Roboto", Helvetica, Arial, sans-serif;
font-weight: normal;
text-transform: uppercase;
}
@ -1836,7 +1831,6 @@ label {
text-transform: uppercase;
letter-spacing: 0.1em;
font-size: 14px;
font-family: "Roboto", Helvetica, Arial, sans-serif;
font-weight: bold;
}
.pager li {
@ -1865,7 +1859,6 @@ label {
/* pagination */
.pagination {
margin: 24px 0;
font-family: "Roboto", Helvetica, Arial, sans-serif;
border-radius: 0;
}
.pagination > li > a,
@ -1951,7 +1944,6 @@ h6,
.h4,
.h5,
.h6 {
font-family: "Roboto", Helvetica, Arial, sans-serif;
font-weight: 700;
line-height: 1.2;
color: #000000;