overhaul color design, fonts ea
This commit is contained in:
parent
684dab57ec
commit
cb1e96c835
|
@ -27,7 +27,7 @@ summaryLength = 20
|
||||||
|
|
||||||
# Nav links in the side bar
|
# Nav links in the side bar
|
||||||
[[params.navlinks]]
|
[[params.navlinks]]
|
||||||
name = "Articles Index"
|
name = "Browse All Articles"
|
||||||
url = "articles/"
|
url = "articles/"
|
||||||
home = true
|
home = true
|
||||||
|
|
||||||
|
|
|
@ -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?
|
|
@ -2,7 +2,7 @@
|
||||||
title = "Jefklak's Codex: Appendix"
|
title = "Jefklak's Codex: Appendix"
|
||||||
+++
|
+++
|
||||||
|
|
||||||
![logo](/img/logo.png)
|
<img class="no-border" alt="logo" src="/img/logo.png" />
|
||||||
|
|
||||||
## Codex Appendix
|
## Codex Appendix
|
||||||
|
|
||||||
|
|
|
@ -19,6 +19,9 @@ body
|
||||||
@media (min-width: 960px)
|
@media (min-width: 960px)
|
||||||
font-size: inherit
|
font-size: inherit
|
||||||
|
|
||||||
|
html body
|
||||||
|
font-family: $font-stack
|
||||||
|
|
||||||
|
|
||||||
.rfloat
|
.rfloat
|
||||||
float: right
|
float: right
|
||||||
|
@ -49,9 +52,11 @@ ul, ol
|
||||||
|
|
||||||
|
|
||||||
blockquote
|
blockquote
|
||||||
font-size: inherit
|
font-size: 1.1rem
|
||||||
font-style: italic
|
font-style: italic
|
||||||
border-left: 5px solid var(--accent)
|
border-left: 7px solid var(--accent)
|
||||||
|
background-color: var(--bglightshade)
|
||||||
|
border-radius: 5px
|
||||||
|
|
||||||
|
|
||||||
button
|
button
|
||||||
|
@ -166,6 +171,9 @@ article
|
||||||
text-align: justify !important
|
text-align: justify !important
|
||||||
|
|
||||||
|
|
||||||
|
.no-border
|
||||||
|
border: none !important
|
||||||
|
|
||||||
.modal-header
|
.modal-header
|
||||||
display: none
|
display: none
|
||||||
|
|
||||||
|
@ -186,8 +194,9 @@ a:hover, .box-masonry h4 a:hover
|
||||||
|
|
||||||
|
|
||||||
.box-masonry
|
.box-masonry
|
||||||
background-color: #d9e7ac
|
background-color: var(--bglightshade)
|
||||||
border: 1px solid var(--accent)
|
border: 1px solid var(--accent)
|
||||||
|
border-radius: 5px
|
||||||
|
|
||||||
&:hover
|
&:hover
|
||||||
box-shadow: 0 0 5px black
|
box-shadow: 0 0 5px black
|
||||||
|
|
|
@ -1,37 +1,38 @@
|
||||||
/* latin-ext */
|
$font-stack: 'PT Sans', sans-serif
|
||||||
@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;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* latin-ext */
|
/* latin-ext */
|
||||||
@font-face {
|
@font-face
|
||||||
font-family: 'PT Sans';
|
font-family: 'PT Sans'
|
||||||
font-style: normal;
|
font-style: normal
|
||||||
font-weight: 700;
|
font-weight: 400
|
||||||
font-display: swap;
|
font-display: swap
|
||||||
src: local('PT Sans Bold'), local('PTSans-Bold'), url(/css/fonts/ptsans-latin-ext-bold.woff2) format('woff2');
|
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;
|
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 */
|
/* latin */
|
||||||
@font-face {
|
@font-face
|
||||||
font-family: 'PT Sans';
|
font-family: 'PT Sans'
|
||||||
font-style: normal;
|
font-style: normal
|
||||||
font-weight: 700;
|
font-weight: 400
|
||||||
font-display: swap;
|
font-display: swap
|
||||||
src: local('PT Sans Bold'), local('PTSans-Bold'), url(/css/fonts/ptsans-latin-bold.woff2) format('woff2');
|
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;
|
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
|
||||||
|
|
|
@ -32,6 +32,9 @@
|
||||||
margin: 0
|
margin: 0
|
||||||
cursor: pointer
|
cursor: pointer
|
||||||
|
|
||||||
|
a
|
||||||
|
color: var(--textlinkdark)
|
||||||
|
|
||||||
&:hover
|
&:hover
|
||||||
border: 1px solid var(--accent)
|
border: 1px solid var(--accent)
|
||||||
|
|
||||||
|
@ -68,8 +71,8 @@
|
||||||
|
|
||||||
|
|
||||||
&-date
|
&-date
|
||||||
color: grey
|
color: var(--textlinkdark)
|
||||||
font-size: 9pt
|
font-size: 0.7rem
|
||||||
|
|
||||||
|
|
||||||
&-header img
|
&-header img
|
||||||
|
|
|
@ -1,8 +1,10 @@
|
||||||
html
|
html
|
||||||
--accent: #a6a57c
|
--accent: #a6a57c
|
||||||
--bglight: #f1f4dd
|
--bglight: #f1f4dd
|
||||||
|
--bglightshade: #e7ead2
|
||||||
--bgdarker: #e6ecb2
|
--bgdarker: #e6ecb2
|
||||||
--bgdark: #d7d7a3
|
--bgdark: #d7d7a3
|
||||||
--textcolor: #363636
|
--textcolor: #363636
|
||||||
--textlink: #b74a27
|
--textlink: #b74a27
|
||||||
--textlinktag: #5d5c43
|
--textlinktag: #5d5c43
|
||||||
|
--textlinkdark: #483a07
|
||||||
|
|
|
@ -1,3 +1,5 @@
|
||||||
@import 'variables'
|
@import 'variables'
|
||||||
|
@import 'fonts'
|
||||||
@import 'codex'
|
@import 'codex'
|
||||||
@import 'sidebar'
|
@import 'sidebar'
|
||||||
|
@import 'commento'
|
||||||
|
|
|
@ -9,8 +9,8 @@
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{{ with .OutputFormats.Get "RSS" }}
|
{{ with .OutputFormats.Get "RSS" }}
|
||||||
<a href="{{ .RelPermalink }}" id="csslink" target="_blank">
|
<a href="{{ .RelPermalink }}" id="csslink" class="no-border">
|
||||||
<img src="/img/rss.png" />
|
<img src="/img/rss.png" alt="get RSS feed" class="no-border" />
|
||||||
</a>
|
</a>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
<div id="all">
|
<div id="all">
|
||||||
|
|
|
@ -1,3 +1,3 @@
|
||||||
<footer>
|
<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>
|
</footer>
|
||||||
|
|
|
@ -98,12 +98,6 @@
|
||||||
}
|
}
|
||||||
</script>
|
</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/bootstrap.min.css" | absURL }}">
|
||||||
<link rel="stylesheet" href="{{ "css/font-awesome.min.css" | absURL }}">
|
<link rel="stylesheet" href="{{ "css/font-awesome.min.css" | absURL }}">
|
||||||
<link rel="stylesheet" href="{{ "css/simple-lightbox.min.css" | absURL }}">
|
<link rel="stylesheet" href="{{ "css/simple-lightbox.min.css" | absURL }}">
|
||||||
|
|
|
@ -10,7 +10,7 @@
|
||||||
{{ end }}
|
{{ end }}
|
||||||
|
|
||||||
<h3>Featured Codex Articles
|
<h3>Featured Codex Articles
|
||||||
<span class='pages'>({{ .Paginator.PageNumber }}/{{ .Paginator.TotalPages }})</span> »
|
<span class='pages'>(Page {{ .Paginator.PageNumber }}/{{ .Paginator.TotalPages }})</span> »
|
||||||
</h3>
|
</h3>
|
||||||
|
|
||||||
{{ range (.Paginate .Pages).Pages }}
|
{{ range (.Paginate .Pages).Pages }}
|
||||||
|
|
|
@ -47,17 +47,24 @@
|
||||||
{{ if $related }}
|
{{ if $related }}
|
||||||
|
|
||||||
<div class="sidebar-header">
|
<div class="sidebar-header">
|
||||||
<span>Related</span>
|
<span>Related Articles</span>
|
||||||
<img src="/img/gob_purse.gif" alt="related articles" />
|
<img src="/img/gob_purse.gif" alt="related articles" />
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<ul class="sidebar-menu">
|
<ul class="sidebar-menu">
|
||||||
{{ range $related }}
|
{{ range $related }}
|
||||||
{{ .Date.Format (.Site.Params.dateFormat | default "01/2006") | $.Scratch.Set "subtitle" }}
|
|
||||||
{{ with .Description }} {{ $.Scratch.Set "subtitle" . }} {{ end }}
|
|
||||||
<li>
|
<li>
|
||||||
<a href="{{ .RelPermalink }}">{{ .Title }}</a>
|
<a href="{{ .RelPermalink }}">{{ .Title }}</a>
|
||||||
<span class="sidebar-date"><i class='fa fa-calendar'></i> {{ $.Scratch.Get "subtitle" }}</span>
|
<span class="sidebar-date">
|
||||||
|
<i class='fa fa-calendar'></i>
|
||||||
|
{{ .Date.Format "01/2006" }}
|
||||||
|
<br/>
|
||||||
|
{{ if isset .Params "Description" }}
|
||||||
|
{{ .Description }}
|
||||||
|
{{ else }}
|
||||||
|
{{ .Summary }}
|
||||||
|
{{ end }}
|
||||||
|
</span>
|
||||||
</li>
|
</li>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
</ul>
|
</ul>
|
||||||
|
@ -66,18 +73,23 @@
|
||||||
{{ end }}
|
{{ end }}
|
||||||
|
|
||||||
<div class="sidebar-header">
|
<div class="sidebar-header">
|
||||||
<span>Latest</span>
|
<span>Latest Articles</span>
|
||||||
<img src="/img/gob_letter.gif" alt="latest articles" />
|
<img src="/img/gob_letter.gif" alt="latest articles" />
|
||||||
</div>
|
</div>
|
||||||
{{ with .Site.GetPage "section" "articles" }}
|
{{ with .Site.GetPage "section" "articles" }}
|
||||||
<ul class="sidebar-menu">
|
<ul class="sidebar-menu">
|
||||||
{{ range first 10 .Data.Pages.ByDate.Reverse }}
|
{{ range first 5 .Data.Pages.ByDate.Reverse }}
|
||||||
{{ .Date.Format (.Site.Params.dateFormat | default "01/2006") | $.Scratch.Set "subtitle" }}
|
|
||||||
<li>
|
<li>
|
||||||
<a href="{{ .RelPermalink }}">{{ .Title }}</a>
|
<a href="{{ .RelPermalink }}">{{ .Title }}</a>
|
||||||
<span class="sidebar-date">
|
<span class="sidebar-date">
|
||||||
<i class='fa fa-calendar'></i>
|
<i class='fa fa-calendar'></i>
|
||||||
{{ $.Scratch.Get "subtitle" }}
|
{{ .Date.Format "01/2006" }}
|
||||||
|
<br/>
|
||||||
|
{{ if isset .Params "Description" }}
|
||||||
|
{{ .Description }}
|
||||||
|
{{ else }}
|
||||||
|
{{ .Summary }}
|
||||||
|
{{ end }}
|
||||||
</span>
|
</span>
|
||||||
</li>
|
</li>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
|
@ -85,7 +97,7 @@
|
||||||
{{ end }}
|
{{ end }}
|
||||||
|
|
||||||
<div class="sidebar-header">
|
<div class="sidebar-header">
|
||||||
<span>Browsing</span>
|
<span>Looking For More?</span>
|
||||||
<img src="/img/gob_waypoint.gif" alt="More information" />
|
<img src="/img/gob_waypoint.gif" alt="More information" />
|
||||||
</div>
|
</div>
|
||||||
<ul class="sidebar-menu">
|
<ul class="sidebar-menu">
|
||||||
|
|
|
@ -52,7 +52,6 @@ section.background-secondary {
|
||||||
}
|
}
|
||||||
.italic {
|
.italic {
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
font-family: "Georgia", "Times New Roman", Times, serif;
|
|
||||||
}
|
}
|
||||||
.img-responsive {
|
.img-responsive {
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
|
@ -1299,7 +1298,6 @@ STYLE SWITCHER FOR DEMO
|
||||||
}
|
}
|
||||||
/* navbar */
|
/* navbar */
|
||||||
.navbar {
|
.navbar {
|
||||||
font-family: "Roboto", Helvetica, Arial, sans-serif;
|
|
||||||
min-height: 80px;
|
min-height: 80px;
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
border-top: none;
|
border-top: none;
|
||||||
|
@ -1586,7 +1584,6 @@ STYLE SWITCHER FOR DEMO
|
||||||
}
|
}
|
||||||
/* scaffolding */
|
/* scaffolding */
|
||||||
body {
|
body {
|
||||||
font-family: "Roboto", Helvetica, Arial, sans-serif;
|
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
line-height: 1.55;
|
line-height: 1.55;
|
||||||
color: #000000;
|
color: #000000;
|
||||||
|
@ -1663,7 +1660,6 @@ hr {
|
||||||
/* buttons */
|
/* buttons */
|
||||||
.btn {
|
.btn {
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-family: "Roboto", Helvetica, Arial, sans-serif;
|
|
||||||
padding: 6px 12px;
|
padding: 6px 12px;
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
line-height: 1.55;
|
line-height: 1.55;
|
||||||
|
@ -1782,7 +1778,6 @@ fieldset[disabled] .btn-transparent.active {
|
||||||
}
|
}
|
||||||
/* labels */
|
/* labels */
|
||||||
.label {
|
.label {
|
||||||
font-family: "Roboto", Helvetica, Arial, sans-serif;
|
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
}
|
}
|
||||||
|
@ -1836,7 +1831,6 @@ label {
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
letter-spacing: 0.1em;
|
letter-spacing: 0.1em;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
font-family: "Roboto", Helvetica, Arial, sans-serif;
|
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
.pager li {
|
.pager li {
|
||||||
|
@ -1865,7 +1859,6 @@ label {
|
||||||
/* pagination */
|
/* pagination */
|
||||||
.pagination {
|
.pagination {
|
||||||
margin: 24px 0;
|
margin: 24px 0;
|
||||||
font-family: "Roboto", Helvetica, Arial, sans-serif;
|
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
}
|
}
|
||||||
.pagination > li > a,
|
.pagination > li > a,
|
||||||
|
@ -1951,7 +1944,6 @@ h6,
|
||||||
.h4,
|
.h4,
|
||||||
.h5,
|
.h5,
|
||||||
.h6 {
|
.h6 {
|
||||||
font-family: "Roboto", Helvetica, Arial, sans-serif;
|
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
line-height: 1.2;
|
line-height: 1.2;
|
||||||
color: #000000;
|
color: #000000;
|
||||||
|
|
Loading…
Reference in New Issue