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
|
||||
[[params.navlinks]]
|
||||
name = "Articles Index"
|
||||
name = "Browse All Articles"
|
||||
url = "articles/"
|
||||
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"
|
||||
+++
|
||||
|
||||
![logo](/img/logo.png)
|
||||
<img class="no-border" alt="logo" src="/img/logo.png" />
|
||||
|
||||
## Codex Appendix
|
||||
|
||||
|
|
|
@ -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
|
||||
|
|
|
@ -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
|
||||
|
|
|
@ -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
|
||||
|
|
|
@ -1,8 +1,10 @@
|
|||
html
|
||||
--accent: #a6a57c
|
||||
--bglight: #f1f4dd
|
||||
--bglightshade: #e7ead2
|
||||
--bgdarker: #e6ecb2
|
||||
--bgdark: #d7d7a3
|
||||
--textcolor: #363636
|
||||
--textlink: #b74a27
|
||||
--textlinktag: #5d5c43
|
||||
--textlinkdark: #483a07
|
||||
|
|
|
@ -1,3 +1,5 @@
|
|||
@import 'variables'
|
||||
@import 'fonts'
|
||||
@import 'codex'
|
||||
@import 'sidebar'
|
||||
@import 'commento'
|
||||
|
|
|
@ -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">
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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 }}">
|
||||
|
|
|
@ -10,7 +10,7 @@
|
|||
{{ end }}
|
||||
|
||||
<h3>Featured Codex Articles
|
||||
<span class='pages'>({{ .Paginator.PageNumber }}/{{ .Paginator.TotalPages }})</span> »
|
||||
<span class='pages'>(Page {{ .Paginator.PageNumber }}/{{ .Paginator.TotalPages }})</span> »
|
||||
</h3>
|
||||
|
||||
{{ range (.Paginate .Pages).Pages }}
|
||||
|
|
|
@ -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>
|
||||
<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>
|
||||
{{ 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>
|
||||
<span class="sidebar-date">
|
||||
<i class='fa fa-calendar'></i>
|
||||
{{ $.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">
|
||||
|
|
|
@ -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;
|
||||
|
|
Loading…
Reference in New Issue