GitHub Page Configuration Files
C. BinKadal
---
Sendirian, Berhad
_config.yml
version: "0020--26-Jul-2022"
copyright: "2022-2022"
title: "MEMOS.vlsm.org"
author: "C. BinKadal"
address: "Sendirian, Berhad"
description:
Ever did something and forgot how years later?
Or months later? Or even weeks later?
Therefore, keep a memo about it!
tagline: "Keep a memo before you forget about it!"
disclaimer:
I have spoken.
keywords: "jekyll, testing"
navbarlinks:
- navbar: "Home"
link: "/"
- navbar: "TOC"
link: "/002.html"
- navbar: "Listing"
link: "/000.html"
- navbar: "About"
link: "/ABOUT/"
- navbar: "GitHub"
link: "https://github.com/yforku/memos/"
- navbar: "WEB"
link: "https://memos.vlsm.org/"
lang: "en-US"
sitemap: "true"
markdown: "kramdown"
urlweb: "https://memos.vlsm.org/"
urlcontact: "TBA"
urlgithub: "https://github.com/yforku/memos/"
google_analytics: "G-KYFCYENZ4E"
plugins:
- jekyll-sitemap
- jekyll-seo-tag
- jekyll-paginate
defaults:
- scope:
path: ""
values:
layout: "default"
github:
- metadata
index.md
---
---
<br id="idx00">
# {{ site.title }}
<br id="idx01">
Ever did something and forgot how -- some years later?
Or months later? Or even weeks later?
Therefore, keep a memo about it!
I am {{ site.author }}, {{ site.address }}, and this is the Way!
* [TOC: Table of Contents - Subjective Order](/003.html)
* [TOC: Table of Contents - Chronological Order](/002.html)
* [Recent Update](#idx01)
<br id="idx02">
## Recent Update
* [Quran and Islam](/008.html)
* [LFS related scripts](/007.html)
* [MSDT: CVE-2022-30190 Vulnerability (Follina)](/006.html)
* [Ubuntu - Wayland - NVIDIA - FireFox -- Bazinga!](/005.html)
* [KDENLIVE - UBUNTU - Icons Missing](/004.html)
* [TOC: Table of Contents - Subjective Order](/003.html)
* [TOC: Table of Contents - Chronological Order](/002.html)
* [Template](001.md)
about.md
---
permalink: /ABOUT/
---
# About
Ever did something and forgot how some years later?
Or months later? Or even weeks later?
Therefore, keep a memo about it!
I am C. BinKadal, Sendirian, Berhad, and this is the Way!
<br>
# More Information
<ul><li>
</li><li>
<a href="https://github.com/yforku/memos/">GitHub</a>
</li></ul><br>
Gemfile
source "https://rubygems.org/"
gem 'jekyll-sitemap'
gem 'jekyll-seo-tag'
gem 'jekyll-paginate'
gem 'faraday-retry'
gem 'github-pages', group: :jekyll_plugins
_layouts/default.html
<!DOCTYPE html>
<html lang="en">
<!-- File _layouts/layout.html -->
<!-- (c) 2021 - 2021 VauLSMorg -->
<!-- REV00: Sun 04 Jul 2021 10:48:43 WIB -->
<!-- START: Wed 17 Feb 2021 19:44:53 WIB -->
<!-- This is a free HTML file -->
{% include head.html %}
<body class="plainclass1">
<!-- body class="backclass" -->
<div class="container">
<header>
<div class="row">
<div class="column left">
<img src="{{ site.baseurl }}/assets/images/default.jpg" alt="Default" style="width:130px; border-radius:50%">
</div>
<div class="column right1">
{% if page.title %}{{ page.title | escape }}
{% else %}{{ site.title | escape }}{% endif %}
</div>
<div class="column right2">
{% if page.author %}{{ page.author | escape }}
{% else %}{{ site.author | escape }}{% endif %}
---
{% if page.address %}{{ page.address | escape }}
{% else %}{{ site.address | escape }}{% endif %}
</div>
</div>
</header>
{% include navbar.html %}
<section>
{{ content }}
</section>
{% include footer.html %}
{% include google-analytics.html %}
{% include scripts.html %}
</div>
</body>
</html>
Makefile
# REV19: Sat 23 Jul 2022 20:00
# REV09: Mon 04 Jul 2022 14:00
# REV07: Tue 03 Aug 2021 09:00
# REV05: Mon 19 Jul 2021 13:00
# REV02: Tue 15 Jun 2021 11:00
# START: Mon 15 Feb 2021 09:00
SITEURL="memos.vlsm.org"
ALL: .siteHack 000.md 007.md 008.md
@echo "xyzzy... plugh"
000.md: 000.pmd _config.yml Gemfile _layouts/default.html Makefile index.md about.md \
_includes/navbar.html \
_includes/footer.html _includes/head.html _includes/google-analytics.html \
assets/css/style.css assets/scripts/includeScript.py
python assets/scripts/includeScript.py < 000.pmd > 000.md
007.md: 007.pmd \
assets/scripts/SBU-check.sh assets/scripts/version-check.sh
python assets/scripts/includeScript.py < 007.pmd > 007.md
008.md: 008.pmd
python assets/scripts/includeScript.py < 008.pmd > 008.md
.siteHack: _site/sitemap.xml
@bash .siteHack $(SITEURL)
@touch .siteHack
.phony: ALL
_includes/head.html
<!-- File _includes/head.html -->
<!-- (c) 2021 - 2022 VauLSMorg -->
<!-- REV01: Mon 30 May 2022 08:49:53 WIB -->
<!-- START: Wed 17 Feb 2021 19:48:31 WIB -->
<!-- This is a free HTML file -->
<head>
<title>
{% if page.title %}{{ page.title | escape }} - {{ site.title | escape }}
{% else %}{{ site.title | escape }}{% endif %}
</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="{{ page.excerpt | default: site.description }}">
<!-- link href="{{ site.baseurl }}/assets/css/css.css" rel="stylesheet" type="text/css" title="Style" -->
<!-- link href="/assets/css/css.css" rel="stylesheet" type="text/css" title="Style" -->
<link href="{{ site.baseurl }}/assets/css/style.css" rel="stylesheet" type="text/css" title="Style">
{% seo %}
</head>
_includes/navbar.html
<!--
File _includes/navbar.html
REV03: Mon 25 Jul 2022 00:00
REV02: Tue 03 Aug 2021 09:00
REV01: Sun 04 Jul 2021 09:00
START: Wed 17 Feb 2021 19:00
This is a free HTML file
-->
<nav class='navbar'>
<ul>
{% for ii in site.navbarlinks %}
<li><a href="{{ ii.link | relative_url }}">{{ ii.navbar }}</a>
{% endfor %}
</ul>
</nav>
assets/css/style.css
/*
Shamelessly stolen from "Here, There, and Everywhere",
including but not limited to "bootstrap", "stack overflow",
"Mike Dane", "w3schools", et al.
*/
.backclass {
background-image:url(/assets/images/default.png)
}
.plainclass {
color: white;
background-color: #101030;
}
/* See https://www.w3schools.com/colors/colors_hsl.asp */
/* See https://www.quackit.com/css/color/charts/hsl_color_chart.cfm */
.plainclass1 {
color: hsl(0, 100%, 100%);
background-color: hsl(0, 10%, 10%);
line-height: 120%;
font-family: monospace,courier;
}
.plainclass1 li {
line-height: 140%;
}
.plainclass1 h1 {
color: hsl(100, 50%, 50%);
font-size: 1.9em;
font-weight: bold;
}
.plainclass1 h2 {
color: hsl(100, 50%, 50%);
font-size: 1.4em;
font-weight: bold;
}
.plainclass1 h3 {
color: hsl(100, 50%, 50%);
}
.container {
max-width: 70%;
margin: 0 auto;
font-size: 1em;
text-align: justify;
}
.container a {
color: #a0a0a0;
}
.container a:hover {
color: #f0f0f0;
}
.row {
}
.column {
float: left;
display: inline-block;
background: #808080;
height: 130px;
width: 100%;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
text-align: left;
}
.left {
width: 130px;
}
.right1 {
height: 66px;
width: calc(100% - 200px);
padding-top: 24px;
padding-bottom: 0px;
padding-left: 30px;
font-size: 1.9em;
font-weight: bold;
}
.right2 {
height: 50px;
width: calc(100% - 200px);
padding-top: 5px;
padding-bottom: 5px;
padding-left: 30px;
font-size: 1.3em;
font-weight: bold;
}
}
.youtube {
float: left;
display: inline-block;
height: 150px;
width: 100%;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
}
.yvideo {
width: 25%;
height: 100%;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
}
.yinfo {
width: calc(75% - 30px);
height: calc(100% - 20px);
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
}
.row:after {
content: "";
display: table;
clear: both;
}
.navbar {
font-size: 0.8em;
border-width: 0px;
margin: 0px;
}
.navbar ul li {
display: inline-block;
background-color: hsla(0, 0%, 0%, 1);
padding: 11px;
}
.navbar ul li a {
text-decoration: none;
}
.navbar ul li a:hover {
background-color: hsla(255, 100%, 50%, 1);
font-size: 1.15em;
font-weight: bold;
padding: 2px;
}
pre {
background-color: hsla(0, 0%, 0%, 1);
border: 1px solid hsla(0, 50%, 20%, 1);
padding: 10px;
font-size: 16px;
color: hsla(0, 100%, 100%, 1);
border-radius: 2px;
word-wrap: normal;
overflow: auto;
overflow-y: hidden;
}
table {
width: 100%;
margin: 0 0 20px 0;
}
th {
text-align: left;
border-bottom: 1px dashed #b5e853;
padding: 5px 10px;
}
td {
padding: 5px 10px;
}
/*
ZCZC
border: 1px solid rgba(255, 255, 255, 0.15);
padding: 10px;
color: #b5e853;
background: rgba(0, 0, 0, 0.9);
border-radius: 2px;
word-wrap: normal;
overflow: auto;
overflow-y: hidden;
max-width: 65%;
*/
/*
************************************************************
*/
@media screen and (max-width:768px) {
ul {
margin: 0;
padding: 0;
}
#navbar ul li {
display: block;
width: 100%;
padding: 0;
margin: 0;
text-align: center;
}
#navbar ul li a {
margin: 0;
padding: 0;
}
#menu {
display: none;
}
#maincontent {
width: 100%;
padding: 0;
}
h1 {
font-size: 1em;
}
}
/*
************************************************************
*/
_includes/google-analytics.html
<!--
File: _includes/google-analytics.html
REV02: Tue 03 Aug 2021 09:34:59 WIB
REV01: Wed 31 Mar 2021 07:15:14 WIB
START: Wed 17 Feb 2021 19:47:55 WIB
Google Analytics: Global site tag (gtag.js)
-->
{% if site.google_analytics %}
<script
async src="https://www.googletagmanager.com/gtag/js?id={{ site.google_analytics }}">
</script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', '{{ site.google_analytics }}');
</script>
{% endif %}
assets/scripts/includeScript.py
# (c) 2011 Brice Fernandes. This script was ripped from
# https://fractallambda.com/2011/08/17/pincpy-including-files-and-script-output.html
# Note: This script is outdated.
# The author uses Handlebars.js or Pystache for the same purpose.
# Usage:
# python .program/xx.py < in.pmd > out.md
import sys
import re
import shlex
import subprocess as sp
exe_pat = re.compile(r'(\s*)\(!>(.*)<\)\s*')
inc_pat = re.compile(r'(\s*)\(>(.*)<\)\s*')
if __name__ == "__main__":
for line in sys.stdin:
match_exe = re.match(exe_pat, line)
match_inc = re.match(inc_pat, line)
if match_exe:
space = match_exe.group(1)
exe = match_exe.group(2).strip()
args = shlex.split(exe)
sys.stdout.writelines(
map(
lambda x: space+x+"\n",
sp.check_output(args).split("\n")))
elif match_inc:
space = match_inc.group(1)
inc = match_inc.group(2).strip()
sys.stdout.writelines(
map(
lambda x: space+x,
open(inc)))
else:
sys.stdout.write(line)
DISCLAIMER
This is the WAY! This MEMO is mainly written for OWN PURPOSES. It is based on "Google Here, Google There, and Everywhere (GSGS)." Whether this is PLAGIARY or RESEARCH, there has never been a claim that this is an original work, nor is it necessarily the best solution, and not for Scopus consumption :). Please provide feedback, especially if you have alternative explanations. Hopefully, this note will be helpful in the future when you have forgotten how to solve this trivia problem.
© 2022-2022 --- C. BinKadal ---
About ---
Revision: 0020--26-Jul-2022.