jefklak-ify the codex
This commit is contained in:
parent
c3bf689d23
commit
dbd9fa270d
|
@ -10,7 +10,7 @@ enableRobotsTXT = true
|
|||
summaryLength = 20
|
||||
|
||||
[Author]
|
||||
name = "Wouter Groeneveld"
|
||||
name = "Jefklak"
|
||||
email = "wouter@brainbaking.com"
|
||||
mastodon = "@wouter@chat.brainbaking.com"
|
||||
mastodonlink = "https://chat.brainbaking.com/@wouter"
|
||||
|
|
|
@ -3,12 +3,19 @@ title: About the Codex
|
|||
disableComments: true
|
||||
---
|
||||
|
||||
Hi, I'm Jefklak/[Wouter](https://brainbaking.com/about/) and you're looking at "Jefklak's Codex", a dedicated and highly opinionated website about nostalgic games. The word **nostalgic** should be emphasized here. I grew up with a Game Boy between my hands and PC RPG games burnt into my retina. That healthy cocktail left a lasting impression - and netted me the Codex (and glasses).
|
||||
<div class="p-author h-card">
|
||||
<div class="avatar">
|
||||
<img class="u-photo" loading="lazy" src="/img/avatar.jpg" alt="Me!" />
|
||||
</div>
|
||||
|
||||
If you found this website amusing and/or helpful, you can <a href="https://ko-fi.com/woutergroeneveld"><strong>buy me a coffee</strong></a> - if you don't mind I'll use it to drink tea instead. I also like to hear your feedback via (encrypted) e-mail: <a class="meel">say hello</a>. Thanks!
|
||||
<p class="p-note">
|
||||
Hi, I'm <span class="p-name">Jefklak</span>/<a rel="me" href="https://brainbaking.com/about/">Wouter</a> and you're looking at "Jefklak's Codex", a dedicated and highly opinionated website about nostalgic games. The word <strong>nostalgic</strong> should be emphasized here. I grew up with a Game Boy between my hands and PC RPG games burnt into my retina. That healthy cocktail left a lasting impression - and netted me the Codex (and glasses).
|
||||
</p>
|
||||
|
||||
If you found this website amusing and/or helpful, you can <a href="https://ko-fi.com/woutergroeneveld"><strong>buy me a coffee</strong></a> - if you don't mind I'll use it to drink tea instead. I also like to hear your feedback via (encrypted) e-mail: <span class="link meel">say hello</span>. Thanks!
|
||||
|
||||
<center>
|
||||
<a href='https://ko-fi.com/woutergroeneveld'>
|
||||
<a rel='me' href='https://ko-fi.com/woutergroeneveld'>
|
||||
<img height='36' style='border:0px !important;height:36px;' src='/img/kofi.png' border='0' alt='Buy Me a Coffee' />
|
||||
</a>
|
||||
</center>
|
||||
|
@ -17,6 +24,7 @@ If you found this website amusing and/or helpful, you can <a href="https://ko-fi
|
|||
JavaScript is disabled. I use it to obfuscate my e-mail, keeping spambots at bay. <br/>
|
||||
Reach me using: <code>[firstname] at [brainbaking] dot [you-know]</code>.
|
||||
</noscript>
|
||||
</div>
|
||||
|
||||
## History
|
||||
|
||||
|
@ -61,7 +69,7 @@ Most gamers who tried to play the demo (the bad part of the full game, mostly) d
|
|||
|
||||
### Contact Info
|
||||
|
||||
Feel free to [contact me](https://brainbaking.com/about/) if you notice any spell faults, guide errors or other wrong or misplaced information. You can also mail additional information which is not stated in any of the articles (yet), I'll add it as soon as possible. If you played several times trough a cRPG or Gameboy game and created some articles and/or a guide but do not own webspace yourself, let me know and I will upload all your gathered information to the Codex, among with your name on the site as a reward of course. If you own a dedicated RPG website yourself and would like to cross-link to this website, Im totally up for that too.
|
||||
Feel free to contact me if you notice any spell faults, guide errors or other wrong or misplaced information. You can also mail additional information which is not stated in any of the articles (yet), I'll add it as soon as possible. If you played several times trough a cRPG or Gameboy game and created some articles and/or a guide but do not own webspace yourself, let me know and I will upload all your gathered information to the Codex, among with your name on the site as a reward of course. If you own a dedicated RPG website yourself and would like to cross-link to this website, Im totally up for that too.
|
||||
|
||||
We retro fans have to stick together you know!
|
||||
|
||||
|
|
Binary file not shown.
Before Width: | Height: | Size: 4.7 KiB After Width: | Height: | Size: 27 KiB |
|
@ -31,7 +31,7 @@ body
|
|||
html body, h1, h2, h3, h4, h5, h6
|
||||
font-family: $font-stack
|
||||
|
||||
.meel
|
||||
.meel, a.internal
|
||||
cursor: pointer
|
||||
|
||||
.support
|
||||
|
@ -106,9 +106,6 @@ button
|
|||
hr
|
||||
border-top: 1px solid var(--accent)
|
||||
|
||||
a.internal
|
||||
cursor: pointer
|
||||
|
||||
|
||||
#csslink
|
||||
position: absolute
|
||||
|
@ -209,12 +206,12 @@ article
|
|||
display: none
|
||||
|
||||
|
||||
a, .box-masonry h4 a
|
||||
a, .box-masonry h4 a, .link
|
||||
color: var(--textlink)
|
||||
text-decoration: none
|
||||
border-bottom: 1px solid darkgrey
|
||||
|
||||
a:hover, .box-masonry h4 a:hover
|
||||
a:hover, .box-masonry h4 a:hover, .link:hover
|
||||
color: var(--textlink)
|
||||
background-color: #d1d3bd
|
||||
|
||||
|
|
|
@ -1,53 +0,0 @@
|
|||
%fa
|
||||
font-family: FontAwesome
|
||||
display: inline-block
|
||||
padding-right: 3px
|
||||
vertical-align: middle
|
||||
|
||||
.commento-root
|
||||
.commento-round-check input[type=checkbox]:checked+label:before,
|
||||
.commento-round-check input[type=radio]:checked+label:before
|
||||
background: var(--accent) !important
|
||||
border: 1px solid var(--accent) !important
|
||||
|
||||
.commento-markdown-help tr td pre
|
||||
padding: 0 !important
|
||||
|
||||
|
||||
.commento-card .commento-body p, textarea
|
||||
font-size: 0.9rem !important
|
||||
|
||||
.commento-root *,
|
||||
.commento-root-font *
|
||||
line-height: 1.7 !important
|
||||
color: #333
|
||||
text-align: left !important
|
||||
|
||||
|
||||
.commento-root .commento-card .commento-name, .commento-name
|
||||
font-size: inherit !important
|
||||
|
||||
|
||||
.commento-button
|
||||
color: white !important
|
||||
background: var(--accent) !important
|
||||
|
||||
.commento-google-button:before
|
||||
@extend %fa
|
||||
content: "\f1a0"
|
||||
|
||||
.commento-github-button:before
|
||||
@extend %fa
|
||||
content: "\f09b"
|
||||
|
||||
.commento-twitter-button:before
|
||||
@extend %fa
|
||||
content: "\f099"
|
||||
|
||||
.commento-oauth-buttons button
|
||||
width: auto !important
|
||||
|
||||
|
||||
.commento-root a,
|
||||
.commento-email-button
|
||||
color: var(--accent) !important
|
|
@ -2,4 +2,3 @@
|
|||
@import 'fonts'
|
||||
@import 'codex'
|
||||
@import 'sidebar'
|
||||
@import 'commento'
|
||||
|
|
|
@ -1,9 +1,9 @@
|
|||
<div class="row box-masonry" style="margin-right: 10px">
|
||||
<div class="col-md-4">
|
||||
<a href="{{ .Permalink }}" title="" class="box-masonry-image with-hover-overlay with-hover-icon">
|
||||
<img src="{{.Site.BaseURL}}{{ .Params.image }}" alt="" class="img-responsive img-inactive">
|
||||
<img loading="lazy" src="{{.Site.BaseURL}}{{ .Params.image }}" alt="thumbnail of {{ .Title }}" class="img-responsive img-inactive">
|
||||
{{ if .Params.imageActive }}
|
||||
<img src="{{.Site.BaseURL}}{{ .Params.imageActive }}" alt="" class="img-responsive img-active">
|
||||
<img loading="lazy" src="{{.Site.BaseURL}}{{ .Params.imageActive }}" alt="hover thumbnail of {{ .Title }}" class="img-responsive img-active">
|
||||
{{ end }}
|
||||
</a>
|
||||
</div>
|
||||
|
|
|
@ -14,7 +14,7 @@
|
|||
Read more <a rel="me" class="u-url" href="/about">about me here</a>.
|
||||
</p>
|
||||
<p>
|
||||
If you found this article amusing and/or helpful, you can <a rel="me" href="https://ko-fi.com/woutergroeneveld"><strong>buy me a coffee</strong></a> - although I'm more of a tea fan myself. I also like to hear your feedback via <a rel="me" href="{{ .Site.Author.mastodonlink }}">Mastodon</a> or e-mail: <a class="meel">say hello</a>. Thanks!
|
||||
If you found this article amusing and/or helpful, you can <a rel="me" href="https://ko-fi.com/woutergroeneveld"><strong>buy me a coffee</strong></a> - although I'm more of a tea fan myself. I also like to hear your feedback via <a rel="me" href="{{ .Site.Author.mastodonlink }}">Mastodon</a> or e-mail: <span class="link meel">say hello</span>. Thanks!
|
||||
</p>
|
||||
<noscript>
|
||||
JavaScript is disabled. I use it to obfuscate my e-mail, keeping spambots at bay. <br/>
|
||||
|
|
|
@ -70,10 +70,11 @@ $(function() {
|
|||
|
||||
var obfuscateMail = function() {
|
||||
var meel = document.querySelector('.meel');
|
||||
var enc = "<o ofwo-zopsz='aowz orrfsgg' vfst='aowzhc:kcihsf@pfowbpoywbu.qca'>kcihsf@pfowbpoywbu.qca</o> <o ofwo-zopsz='sbqfmdhwcb DUD ysm' vfst='vhhdg://ysmg.cdsbdud.cfu/jyg/j1/pm-twbusfdfwbh/24O319TO8708OP6961997205S66Q99941091O46R' hwhzs='Sbqfmdh aowzg kwhv am UDU ysm'><w qzogg='to to-zcqy' ofwo-vwrrsb='hfis'></w></o>"
|
||||
var enc = "<o ofwo-zopsz='aowz orrfsgg' vfst='aowzhc:xstyzoy@pfowbpoywbu.qca'>xstyzoy@pfowbpoywbu.qca</o> <o ofwo-zopsz='sbqfmdhwcb DUD ysm' vfst='vhhdg://ysmg.cdsbdud.cfu/jyg/j1/pm-twbusfdfwbh/24O319TO8708OP6961997205S66Q99941091O46R' hwhzs='Sbqfmdh aowzg kwhv am UDU ysm'><w qzogg='to to-zcqy' ofwo-vwrrsb='hfis'></w></o>"
|
||||
|
||||
if(meel) {
|
||||
meel.addEventListener('click', function() {
|
||||
meel.setAttribute('class', '')
|
||||
meel.innerHTML = enc.replace(/[a-zA-Z]/g,function(c){return String.fromCharCode((c<="Z"?90:122)>=(c=c.charCodeAt(0)+12)?c:c-26);});
|
||||
})
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue