neko/portal
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

first adaption to suit my needs

Browse Source
This commit is contained in:
Patrick Tschuchnig 2020-01-25 01:48:39 +01:00
parent a22cff5163
commit bf3b8fc115
23 changed files with 265 additions and 238 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
Gemfile
View File

@ -7,9 +7,3 @@ source "https://rubygems.org"
gem "jekyll-paginate", "~> 1.1" gem "jekyll-paginate", "~> 1.1"
gem "jemoji", "~> 0.11.1" gem "jemoji", "~> 0.11.1"
gem "jekyll-seo-tag", "~> 2.6"
gem "jekyll-sitemap", "~> 1.4"
gem "jekyll-feed", "~> 0.13.0"

11
Gemfile.lock
View File

@ -39,15 +39,9 @@ GEM
rouge (~> 3.0) rouge (~> 3.0)
safe_yaml (~> 1.0) safe_yaml (~> 1.0)
terminal-table (~> 1.8) terminal-table (~> 1.8)
jekyll-feed (0.13.0)
jekyll (>= 3.7, < 5.0)
jekyll-paginate (1.1.0) jekyll-paginate (1.1.0)
jekyll-sass-converter (2.0.1) jekyll-sass-converter (2.0.1)
sassc (> 2.0.1, < 3.0) sassc (> 2.0.1, < 3.0)
jekyll-seo-tag (2.6.1)
jekyll (>= 3.3, < 5.0)
jekyll-sitemap (1.4.0)
jekyll (>= 3.7, < 5.0)
jekyll-watch (2.2.1) jekyll-watch (2.2.1)
listen (~> 3.0) listen (~> 3.0)
jemoji (0.11.1) jemoji (0.11.1)
@ -88,11 +82,8 @@ PLATFORMS
ruby ruby
DEPENDENCIES DEPENDENCIES
jekyll-feed
jekyll-paginate (~> 1.1) jekyll-paginate (~> 1.1)
jekyll-seo-tag (~> 2.6)
jekyll-sitemap (~> 1.4)
jemoji (~> 0.11.1) jemoji (~> 0.11.1)
BUNDLED WITH BUNDLED WITH
2.1.2 2.1.4

15
_config.yml
View File

@ -1,19 +1,10 @@
title: Dark Reader title: Meow
markdown: kramdown markdown: kramdown
url: "" url: ""
baseurl: "/jekyll-theme-dark-reader" baseurl: "/neko/welp"
# for atom feed
author:
name: Sharad Raj Singh Maurya
email: dev_sharad@outlook.com
plugins: plugins:
- jekyll-paginate - jekyll-paginate
- jemoji
- jekyll-seo-tag
- jekyll-sitemap
- jekyll-feed
paginate_path: "/page:num/" paginate_path: "/page:num/"
@ -33,4 +24,4 @@ defaults:
layout: "post" layout: "post"
exclude: ['sitemap.xml','feed.xml', 'LICENSE', 'README.md'] exclude: ['sitemap.xml','feed.xml', 'LICENSE', 'README.md']

2
_data/extra.yml
View File

@ -1,2 +1,2 @@
list: list:
footer_bio: This is a bio of me. footer_bio: based on the dark reader theme

10
_data/nav.yml
View File

@ -1,7 +1,5 @@
list: list:
- title: Home - title: ~/
url: "" url: /
- title: About - title: ~/doc/about
url: about url: /about.html
- title: Feed
url: feed.xml

2
_includes/footer.html
View File

@ -3,6 +3,6 @@
{{site.data.extra.list.footer_bio}} {{site.data.extra.list.footer_bio}}
</p> </p>
<p> <p>
&copy 2019 | {{site.title}} 20XX | {{site.title}}
</p> </p>
</footer> </footer>

2
_includes/head.html
View File

@ -5,4 +5,6 @@
<title>{{site.title}} | {{page.title}}</title> <title>{{site.title}} | {{page.title}}</title>
<link rel="stylesheet" href="{{site.baseurl}}/assets/css/mark.css" /> <link rel="stylesheet" href="{{site.baseurl}}/assets/css/mark.css" />
<link rel="stylesheet" href="{{site.baseurl}}/assets/css/custom.css" /> <link rel="stylesheet" href="{{site.baseurl}}/assets/css/custom.css" />
<link rel="stylesheet" href="{{site.baseurl}}/assets/css/crt.css" />
</head> </head>

2
_includes/header.html
View File

@ -1,5 +1,5 @@
<header> <header>
<a href="{{site.baseurl}}/"> <a href=".">
<h3>{{site.title}}</h3> <h3>{{site.title}}</h3>
</a> </a>
</header> </header>

2
_includes/nav.html
View File

@ -1,5 +1,5 @@
<nav> <nav>
{% for item in site.data.nav.list %} {% for item in site.data.nav.list %}
<a href="{{site.baseurl}}/{{item.url}}">{{item.title}}</a> <a href="{{site.baseurl}}{{item.url}}"{% if page.url == item.url %} class="a-active" {% endif %}>{{item.title}}</a>
{% endfor %} {% endfor %}
</nav> </nav>

34
_layouts/collections_layout.html
View File

@ -1,34 +0,0 @@
<!DOCTYPE html>
<html lang="en">
{% include head.html %}
<body>
<style>
.title {
padding: 5%;
color: #101417;
font-size: 18px;
font-weight: bold;
text-align: center;
background: #f78e66;
display: grid;
}
.meta {
font-size: .7rem;
font-weight: normal;
text-transform: uppercase;
}
</style>
<!-- header -->
{% include header.html %}
<!-- nav -->
{% include nav.html %}
<!-- page content -->
<main class="post-list">
<p class="title">{{page.title}}</p>
{{content}}
</main>
<!-- footer -->
{% include footer.html %}
</body>
</html>

31
_layouts/default.html
View File

@ -1,31 +0,0 @@
<!DOCTYPE html>
<html lang="en">
{% include head.html %}
<body>
<style>
.title {
padding: 10% 5%;
color: #101417;
font-size: 18px;
font-weight: bold;
text-align: center;
background: #f78e66;
display: grid;
}
</style>
<!-- header -->
{% include header.html %}
<!-- nav -->
{% include nav.html %}
<!-- page content -->
<main class="content">
<p class="title">
{{page.title}}
</p>
{{content}}
</main>
<!-- footer -->
{% include footer.html %}
</body>
</html>

19
_layouts/page.html
View File

@ -1,16 +1,11 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
{% include head.html %} {% include head.html %}
<body> <body class="crt">
<style> <style>
.title { .meta {
padding: 5%; font-size: .7rem;
color: #101417; font-weight: normal;
font-size: 18px;
font-weight: bold;
text-align: center;
background: #f78e66;
display: grid;
} }
</style> </style>
<!-- header --> <!-- header -->
@ -18,10 +13,8 @@
<!-- nav --> <!-- nav -->
{% include nav.html %} {% include nav.html %}
<!-- page content --> <!-- page content -->
<main class="content"> <main class="post-list">
<p class="title"> <p class="title">{{page.title}}</p>
{{page.title}}
</p>
{{content}} {{content}}
</main> </main>

14
_layouts/post.html
View File

@ -1,21 +1,11 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
{% include head.html %} {% include head.html %}
<body> <body class="crt">
<style> <style>
.title {
padding: 10%;
color: #101417;
font-size: 18px;
font-weight: bold;
text-align: center;
background: #f78e66;
display: grid;
}
.meta { .meta {
font-size: .7rem; font-size: .7rem;
font-weight: normal; font-weight: normal;
text-transform: uppercase;
} }
</style> </style>
<!-- header --> <!-- header -->
@ -25,7 +15,7 @@
<!-- page content --> <!-- page content -->
<main class="content"> <main class="content">
<p class="title"> <p class="title">
{{page.title}} <span class="meta">Written By {{page.author}}</span> {{page.title}} <span class="meta">{{ "Written By" | downcase }} {{page.author | downcase}}</span>
</p> </p>
{{content}} {{content}}
</main> </main>

44
api.json
View File

@ -1,44 +0,0 @@
---
layout: null
---
{
"website_title": "{{ site.title | xml_escape }}",
"website_url": "{{ "/" | absolute_url }}",
"posts": [
{% for post in site.posts %}
{
"title": {{ post.title | jsonify }},
"content_text": {{ post.content | strip_html | strip_newlines | jsonify }},
"content_html": {{ post.content | strip_newlines | jsonify }},
"url": "{{ post.url | absolute_url }}",
{% if post.image.size > 0 %}
"image": {{ post.image | jsonify }},{% endif %}
{% if post.categories.size > 0 %}
"categories": {{ post.categories | jsonify }},{% endif %}
{% if post.tags.size > 0 %}
"tags": {{ post.tags | jsonify }},{% endif %}
"date_published": "{{ post.date | date_to_xmlschema }}",
"date_modified": "{{ post.date | date_to_xmlschema }}",
{% if post.author %}
"author": {% if post.author.name %} "{{ post.author.name }}" {% else %} "{{ post.author }}" {% endif %}
{% else %}
"author": {% if site.author.name %} "{{ site.author.name }}" {% else %} "{{ site.author }}" {% endif %}
{% endif %}
}{% if forloop.last == false %},{% endif %}
{% endfor %}
],
"pages": [
{% for page in site.pages %}
{
"id": {{page.title | downcase | jsonify}},
"title": {{ page.title | jsonify }},
"content_text": {{ page.content | strip_html | strip_newlines | jsonify }},
"content_html": {{ page.content | strip_newlines | jsonify }},
"url": "{{ page.url | absolute_url }}",
"date_published": "{{ page.date | date_to_xmlschema }}",
"date_modified": "{{ page.date | date_to_xmlschema }}"
}{% if forloop.last == false %},{% endif %}
{% endfor %}
]
}

167
assets/css/crt.css Normal file
View File

@ -0,0 +1,167 @@
/*
CRT effect in CSS by:
http://aleclownes.com/2017/02/01/crt-display.html
- slightly modified -
*/
@keyframes flicker {
0% {
opacity: 0.27861;
}
5% {
opacity: 0.34769;
}
10% {
opacity: 0.23604;
}
15% {
opacity: 0.90626;
}
20% {
opacity: 0.18128;
}
25% {
opacity: 0.83891;
}
30% {
opacity: 0.65583;
}
35% {
opacity: 0.67807;
}
40% {
opacity: 0.26559;
}
45% {
opacity: 0.84693;
}
50% {
opacity: 0.96019;
}
55% {
opacity: 0.08594;
}
60% {
opacity: 0.20313;
}
65% {
opacity: 0.71988;
}
70% {
opacity: 0.53455;
}
75% {
opacity: 0.37288;
}
80% {
opacity: 0.71428;
}
85% {
opacity: 0.70419;
}
90% {
opacity: 0.7003;
}
95% {
opacity: 0.36108;
}
100% {
opacity: 0.24387;
}
}
@keyframes textShadow {
0% {
text-shadow: 0.4389924193300864px 0 1px rgba(0,30,255,0.1), -0.4389924193300864px 0 1px rgba(255,0,80,0.2), 0 0 3px;
}
5% {
text-shadow: 2.7928974010788217px 0 1px rgba(0,30,255,0.1), -2.7928974010788217px 0 1px rgba(255,0,80,0.2), 0 0 3px;
}
10% {
text-shadow: 0.02956275843481219px 0 1px rgba(0,30,255,0.1), -0.02956275843481219px 0 1px rgba(255,0,80,0.2), 0 0 3px;
}
15% {
text-shadow: 0.40218538552878136px 0 1px rgba(0,30,255,0.1), -0.40218538552878136px 0 1px rgba(255,0,80,0.2), 0 0 3px;
}
20% {
text-shadow: 3.4794037899852017px 0 1px rgba(0,30,255,0.1), -3.4794037899852017px 0 1px rgba(255,0,80,0.2), 0 0 3px;
}
25% {
text-shadow: 1.6125630401149584px 0 1px rgba(0,30,255,0.1), -1.6125630401149584px 0 1px rgba(255,0,80,0.2), 0 0 3px;
}
30% {
text-shadow: 0.7015590085143956px 0 1px rgba(0,30,255,0.1), -0.7015590085143956px 0 1px rgba(255,0,80,0.2), 0 0 3px;
}
35% {
text-shadow: 3.896914047650351px 0 1px rgba(0,30,255,0.1), -3.896914047650351px 0 1px rgba(255,0,80,0.2), 0 0 3px;
}
40% {
text-shadow: 3.870905614848819px 0 1px rgba(0,30,255,0.1), -3.870905614848819px 0 1px rgba(255,0,80,0.2), 0 0 3px;
}
45% {
text-shadow: 2.231056963361899px 0 1px rgba(0,30,255,0.1), -2.231056963361899px 0 1px rgba(255,0,80,0.2), 0 0 3px;
}
50% {
text-shadow: 0.08084290417898504px 0 1px rgba(0,30,255,0.1), -0.08084290417898504px 0 1px rgba(255,0,80,0.2), 0 0 3px;
}
55% {
text-shadow: 2.3758461067427543px 0 1px rgba(0,30,255,0.1), -2.3758461067427543px 0 1px rgba(255,0,80,0.2), 0 0 3px;
}
60% {
text-shadow: 2.202193051050636px 0 1px rgba(0,30,255,0.1), -2.202193051050636px 0 1px rgba(255,0,80,0.2), 0 0 3px;
}
65% {
text-shadow: 2.8638780614874975px 0 1px rgba(0,30,255,0.1), -2.8638780614874975px 0 1px rgba(255,0,80,0.2), 0 0 3px;
}
70% {
text-shadow: 0.48874025155497314px 0 1px rgba(0,30,255,0.1), -0.48874025155497314px 0 1px rgba(255,0,80,0.2), 0 0 3px;
}
75% {
text-shadow: 1.8948491305757957px 0 1px rgba(0,30,255,0.1), -1.8948491305757957px 0 1px rgba(255,0,80,0.2), 0 0 3px;
}
80% {
text-shadow: 0.0833037308038857px 0 1px rgba(0,30,255,0.1), -0.0833037308038857px 0 1px rgba(255,0,80,0.2), 0 0 3px;
}
85% {
text-shadow: 0.09769827255241735px 0 1px rgba(0,30,255,0.1), -0.09769827255241735px 0 1px rgba(255,0,80,0.2), 0 0 3px;
}
90% {
text-shadow: 3.443339761481782px 0 1px rgba(0,30,255,0.1), -3.443339761481782px 0 1px rgba(255,0,80,0.2), 0 0 3px;
}
95% {
text-shadow: 2.1841838852799786px 0 1px rgba(0,30,255,0.1), -2.1841838852799786px 0 1px rgba(255,0,80,0.2), 0 0 3px;
}
100% {
text-shadow: 2.6208764473832513px 0 1px rgba(0,30,255,0.1), -2.6208764473832513px 0 1px rgba(255,0,80,0.2), 0 0 3px;
}
}
.crt::after {
content: " ";
display: block;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: rgba(18, 16, 16, 0.1);
opacity: 0;
z-index: 2;
pointer-events: none;
animation: flicker 3s infinite;
}
.crt::before {
content: " ";
display: block;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.06), rgba(0, 255, 0, 0.02), rgba(0, 0, 255, 0.06));
z-index: 2;
background-size: 100% 2px, 3px 100%;
pointer-events: none;
}
.crt {
animation: textShadow 5s infinite;
}

55
assets/css/custom.css
View File

@ -1,8 +1,18 @@
@keyframes blink
{
0% { opacity: 1.0; }
50% { opacity: 0.0; }
100% { opacity: 1.0; }
}
* { * {
outline: none; outline: none;
color: #ff9400;
} }
body { body {
color: rgb(167, 158, 139) !important; font-size: 12px;
background: #241c11 !important;
} }
img { img {
@ -14,11 +24,10 @@ img {
header { header {
margin: 2rem 20% -2rem 20%; margin: 2rem 20% -2rem 20%;
display: flex; display: flex;
justify-content: center;
} }
header * { header * {
color: #f78e66 !important; color: #ff7e00 !important;
font-size: 2rem !important; font-size: 2rem !important;
} }
@ -27,19 +36,23 @@ header * {
nav { nav {
margin-left: 20%; margin-left: 20%;
margin-right: 20%; margin-right: 20%;
padding-top: 3rem; padding-top: 0.5rem;
line-height: 2rem; line-height: 2rem;
} }
nav a { nav a {
color: #72b6b5 !important; color: #705000 !important;
padding-right: 2rem; padding-right: 12px;
font-size: 1rem; font-size: 1rem;
font-weight: bold; font-weight: bold;
} }
nav a:hover { nav a:hover {
text-decoration: underline !important; color: #FFBE00 !important;
}
a.a-active {
color: #FFBE00 !important;
} }
/* main */ /* main */
@ -49,10 +62,17 @@ main {
margin-left: 20%; margin-left: 20%;
margin-right: 20%; margin-right: 20%;
display: grid; display: grid;
grid-gap: 1.4rem; grid-gap: 0.4rem;
line-height: 1.5rem; line-height: 1.5rem;
} }
.title {
color: #ff7e00;
font-size: 18px;
font-weight: bold;
display: grid;
}
.content a { .content a {
text-decoration: underline; text-decoration: underline;
} }
@ -60,38 +80,39 @@ main {
.post-list a { .post-list a {
text-decoration: none; text-decoration: none;
position: relative; position: relative;
color: #f78e66 !important; color: #FFBE00 !important;
/* color: #72b6b5 !important; */ padding-bottom: 10px;
} }
.post-list a:after { .post-list a:after {
content: ""; content: "";
position: absolute; position: absolute;
bottom: 0; left: auto;
left: 0;
width: 0%;
border-bottom: 2px solid #f78e66;
transition: 0.4s; transition: 0.4s;
} }
.post-list a:hover:after { .post-list a:hover:after {
width: 100%; content: "_";
animation: blink 1s infinite;
} }
/*
.post-list a:before, .post-list a:before,
.post-list a:before { .post-list a:before {
content: "#"; content: "#";
color: #42b983; color: #ff9400;
position: absolute; position: absolute;
left: -0.8em; left: -0.8em;
font-weight: bold; font-weight: bold;
} }
*/
/* footer */ /* footer */
footer { footer {
font-weight: bold; font-weight: bold;
color: #72b6b5; color: #ffd300;
font-size: 0.7rem; font-size: 0.7rem;
margin: 4rem 20% 4rem 20%; margin: 4rem 20% 4rem 20%;
} }

81
assets/css/mark.css
View File

@ -1,5 +1,14 @@
---
layout: none
---
@font-face {
font-family: 'IBM';
src: url('{{site.baseurl}}/assets/fonts/Px437_VTech_BIOS.ttf') format('truetype');
}
* { * {
font-family: "Courier New", Courier, monospace; font-family: "IBM";
} }
p { p {
@ -9,25 +18,16 @@ p {
box-sizing: border-box !important; box-sizing: border-box !important;
word-wrap: break-word !important; word-wrap: break-word !important;
text-align: justify; text-align: justify;
margin: 20px 0 !important;
} }
blockquote { blockquote {
border-left: 4px solid #42b983; border-left: 4px solid #ffd300;
padding: 0 15px !important; padding: 0 15px !important;
margin: 0px; margin: 0px;
} }
strong { strong {
font-weight: bold; font-weight: bold;
/*border-bottom: 2px solid #BADA55;*/
/*color: #898989;*/
}
body {
font-size: 15px;
/* background: #000c07; */
background: rgb(16, 20, 23) !important;
} }
pre { pre {
@ -50,35 +50,35 @@ h6 {
line-height: 1.2; line-height: 1.2;
text-align: left; text-align: left;
font-weight: bold; font-weight: bold;
/* color: #80f79f; */ color: #ff7e00;
color: #f78e66;
position: relative; position: relative;
} }
/*
h1:before,
h2:before {
content: "#";
color: #42b983;
position: absolute;
left: -0.8em;
top: -2px;
font-size: 1.2em;
font-weight: bold;
} */
h1 { h1 {
/*border-bottom: 8px solid #71BA51 !important;*/
font-size: 20px !important; font-size: 20px !important;
} }
h2 { h2 {
/*border-bottom: 5px solid #71BA51 !important;*/
font-size: 18px !important; font-size: 18px !important;
} }
h3 {
font-size: 16px !important;
}
h4 {
font-size: 14px !important;
}
h5,
h6 {
font-size: 13px !important;
}
a { a {
/* color: #ffa0c0 !important; */ color: #ffd300 !important;
color: #2ab375 !important;
text-decoration: none; text-decoration: none;
} }
@ -95,11 +95,11 @@ hr {
height: 4px; height: 4px;
padding: 0; padding: 0;
margin: 16px 0; margin: 16px 0;
background-color: #e7e7e7; background-color: #cc5000;
border: 0 none; border: 0 none;
overflow: hidden; overflow: hidden;
box-sizing: content-box; box-sizing: content-box;
border-bottom: 1px solid #ddd; border-bottom: 1px solid #000;
} }
.highlighter-rouge { .highlighter-rouge {
@ -107,10 +107,10 @@ hr {
} }
pre { pre {
background: #00110d !important; background: #130700 !important;
padding: 12px 13px; padding: 12px 13px;
overflow-x: auto !important; overflow-x: auto !important;
border: 2px solid rgb(0, 39, 0); border: 2px solid rgb(100, 50, 0);
} }
code { code {
@ -122,17 +122,6 @@ code {
background-color: #00110d; background-color: #00110d;
} }
/* syntax */ /* syntax */
.highlight .hll { background-color: #333333 } .highlight .hll { background-color: #333333 }
@ -204,4 +193,4 @@ code {
.highlight .vc { color: #fb660a } /* Name.Variable.Class */ .highlight .vc { color: #fb660a } /* Name.Variable.Class */
.highlight .vg { color: #fb660a } /* Name.Variable.Global */ .highlight .vg { color: #fb660a } /* Name.Variable.Global */
.highlight .vi { color: #fb660a } /* Name.Variable.Instance */ .highlight .vi { color: #fb660a } /* Name.Variable.Instance */
.highlight .il { color: #0086f7; font-weight: bold } /* Literal.Number.Integer.Long */ .highlight .il { color: #0086f7; font-weight: bold } /* Literal.Number.Integer.Long */

BIN
assets/fonts/MesloLGS-NF-Regular.ttf Normal file
View File

Binary file not shown.

BIN
assets/fonts/Px437_IBM_Conv.ttf Normal file
View File

Binary file not shown.

BIN
assets/fonts/Px437_VTech_BIOS.ttf Normal file
View File

Binary file not shown.

6
index.html
View File

@ -1,8 +1,8 @@
--- ---
title: Blog title: ~/doc/blog
layout: collections_layout layout: page
--- ---
{% for post in site.posts %} {% for post in site.posts %}
<a href="{{site.baseurl}}{{post.url}}">{{post.title}}</a> {{post.date | date: '%Y-%m-%d' }} <a href="{{site.baseurl}}/{{post.url}}"> {{post.title | replace:' ','_'}}.txt</a>
{%endfor%} {%endfor%}

BIN
screenshots/1.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 21 KiB

BIN
screenshots/2.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 159 KiB