Satiri
Files
R. Alamsyah --- Jakarta

_config.yml

title:       "Satiri Sahabatku Pahlawan Betawi"
version:     "008d---02-Sep-2022"
copyright:   "2021-2022"
description: >- 
     Situs ini dibuat sebagai peringatan wafatnya bang Satiri atau
     Dr. Ir. Satiri Muhammad Zen, MBA yang meninggalkan kita pada tanggal 25 Juni 2021 yang lalu.
# baseurl: "" # e.g. /blog
# url: ""     # e.g. http://example.com
google_analytics: "G-TBJQMLRG9T"
author:           "R. Alamsyah"
address:          "Jakarta"
sitemap:          "true"
plugins:
  - jekyll-sitemap
  - jekyll-seo-tag
urlweb:           "https://satiri.vlsm.org/"
urlcontact:       "TBS"
urlgithub:        "https://github.com/vrtass/satiri/"
urlghpage:        "https://sitiri.vlsm.org/"
keywords:         "Dr. Ir. Satiri Muhammad Zen, MBA"
github:           [metadata]


index.md


---
layout: "layout"
title: Satiri Sahabatku Pahlawan Betawi
---

<span style="color:red; font-weight:bold; font-size:larger;">WORK IN PROGRESS</span>

<br>
Situs ini dibuat sebagai peringatan wafatnya bang Satiri atau
Dr. Ir. Satiri Muhammad Zen, MBA yang meninggalkan kita pada tanggal 25 Juni 2021 yang lalu.
Ebook berikut ini merupakan adaptasi tulisan dari {{site.author}} 
yaitu "SATIRI SAHABATKU PAHLAWAN BETAWI (Facebook)" 

  [(01)](https://www.facebook.com/reno.alamsyah.94/posts/10226505323805448)
  [(02)](https://www.facebook.com/reno.alamsyah.94/posts/10226511661043875)
  [(03)](https://www.facebook.com/reno.alamsyah.94/posts/10226517785116973)
  [(04)](https://www.facebook.com/reno.alamsyah.94/posts/10226523934350700)
  [(05)](https://www.facebook.com/reno.alamsyah.94/posts/10226530419032813)
  [(06)](https://www.facebook.com/reno.alamsyah.94/posts/10226536376181738)
  [(07)](https://www.facebook.com/reno.alamsyah.94/posts/10226542444573444)
  [(08)](https://www.facebook.com/reno.alamsyah.94/posts/10226548650768595)
  [(09&10)](https://www.facebook.com/reno.alamsyah.94/posts/10226555102769891)
  [(11)](https://www.facebook.com/reno.alamsyah.94/posts/10226567777246745)
  [(12)](https://www.facebook.com/reno.alamsyah.94/posts/10226581568111508)
  [(13)](https://www.facebook.com/reno.alamsyah.94/posts/10226594469034023)
  [(14)](https://www.facebook.com/reno.alamsyah.94/posts/10226600785191923)
  [(15)](https://www.facebook.com/reno.alamsyah.94/posts/10226615176551698).

<br>
### [Satiri Sahabatku Pahlawan Betawi (eBook)](/LaTeX/Satiri.pdf)
<br>
<br>



Satiri.tex


\newcommand{\rev}{08 - 02-Sep-2022}
% REV08: Fri 02 Sep 2022 11:00
% REV07: Tue 20 Jul 2021 17:00
% REV06: Tue 20 Jul 2021 16:00
% REV05: Tue 20 Jul 2021 05:00
% START: Thu 15 Jul 2021 11:00

\documentclass[12pt]{book}
\usepackage[a4paper, margin=50pt]{geometry}
\usepackage[dvipsnames,table,xcdraw]{xcolor}
\usepackage{colortbl}
\usepackage[hidelinks]{hyperref}
\usepackage[pdftex]{graphicx}
\definecolor{links}{HTML}{0011FF}
\hypersetup{colorlinks,linkcolor=,urlcolor=links}

% Should be loaded after the hyperref and bookmark packages
\usepackage{chngcntr}
\counterwithin*{chapter}{part}
% \counterwithout{chapter}{part}

\newcommand{\pengarangs}{%
    R. Alamsyah\\
}
\newcommand{\judul}{%
Satiri\\[13pt]
Sahabatku Pahlawan Betawi
}

\input{hyphenation.tex}

\begin{document}

\begin{titlepage}
    \begin{center}    

    \vspace*{35mm}
    \textbf{\Large \judul}

    \vspace*{30mm}       
    \textbf{by}

    \vspace*{15mm}    
    \textbf{\Large \pengarangs}

    \vspace*{4.0cm}

    \begin{center}
        \includegraphics[width=40mm]{satiri.jpg}
    \end{center}

    \textbf{
       \url{https://satiri.vlsm.org/} \\[10pt]
       Rev. \rev%
    }

    \vspace*{5mm}    
    \textbf{\LARGE \textcolor{red}{***** Work In Progress *****}}

    \end{center}

\end{titlepage}

\pagenumbering{roman}

\tableofcontents

\newpage

\chapter*{Satiri}
\addcontentsline{toc}{chapter}{Satiri}

\noindent
\begin{itemize}
\item \textbf{Disclaimer}: Ini hanya cerita, walaupun berdasarkan kejadian nyata.
\item \textbf{Acknowlegment}:  Terima kasih buat yang sudah menambahkan info seputar Satiri melalui komentar dan japri. From people for people.
\end{itemize}

\vspace*{15mm}
\textbf{\Large \pengarangs}
\\[10pt]
\noindent
=== Rev. \rev ===

\newpage

\pagenumbering{arabic}

\input{01-01.tex}
\input{01-02.tex}
\input{01-03.tex}
\input{01-04.tex}
\input{01-05.tex}
\input{01-06.tex}
\input{01-07.tex}
\input{01-08.tex}
\input{01-09.tex}
\input{01-10.tex}
\input{01-11.tex}
\input{01-12.tex}
\input{01-13.tex}
\input{01-14.tex}
\input{01-15.tex}
\input{Full-License.tex}
\vspace*{5mm}    
\textbf{\LARGE \textcolor{red}{***** Work In Progress *****}}

% %%%%%%%%%%%%%%%%
\end{document}%%%%
% End of document.
% %%%%%%%%%%%%%%%%



Gemfile

source 'https://rubygems.org'

gem 'jekyll-sitemap'
gem 'github-pages', group: :jekyll_plugins
gem "addressable"
gem "nokogiri"
gem "faraday-retry"
gem 'webrick'


_layouts/layout.html


<!DOCTYPE html>
<html lang="en">
<!-- File _layouts/layout.html           -->
<!-- (c) 2021 - 2021 VauLSMorg           -->
<!-- REV01: Thu 15 Jul 2021 11:52:19 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/satiri.jpg" alt="Satiri" 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

# REV02 Tue 20 Jul 2021 04:36:02 WIB
# REV01 Thu 15 Jul 2021 11:36:01 WIB
# START Sat 27 Mar 2021 14:49:04 WIB

ALL: 000.md

000.md: 000.pmd _config.yml index.md Gemfile _layouts/layout.html Makefile \
        _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

.phony: ALL


_includes/head.html


<!-- File _includes/head.html             -->       
<!-- (c) 2021 - 2021 VauLSMorg            -->
<!-- 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">
</head>





_includes/navbar.html


<!-- File _includes/navbar.html           -->
<!-- (c) 2021 - 2021 VauLSMorg            -->
<!-- REV01: Wed 23 Jun 2021 07:07:29 WIB  -->
<!-- START: Sat 27 Mar 2021 14:47:37 WIB  -->
<!-- This is a free HTML file             -->
<nav class="navbar">
  <ul>
    <li class='listitem'><a href='{{ site.baseurl }}/'>HOME</a></li>
    <li class='listitem'><a href='{{ site.baseurl }}/LaTeX/Satiri.pdf'>eBook</a></li>
    <li class='listitem'><a href='{{ site.baseurl }}/000.html'>LISTING</a></li>
    <li class='listitem'><a href='{{ site.urlgithub }}/tree/master/LaTeX'>LaTeX</a></li>
    <li class='listitem'><a href='{{ site.urlgithub }}'>GitHub</a></li>
  </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: #001030;
}

.plainclass1 {
  color:            white;
  background-color: black;
}

.container {
  max-width:    70%;
  margin:       0 auto;
  font-size:    1em;
  font-family:  verdana,arial,helvetica,san-serif;
  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:           80px;
  width:            calc(100% - 200px);
  padding-top:      5px;
  padding-bottom:   5px;
  padding-left:     30px;
  font-size:        1.4em;
  font-weight:      bold;
}

.right2 {
  height:           50px;
  width:            calc(100% - 200px);
  padding-top:      5px;
  padding-bottom:   5px;
  padding-left:     30px;
  font-size:        1.1em;
  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 {
  background-color: #222222;
  color:            #FFFFFF;
  font-size:        0.7em;
}

.navbar ul li {
  display:        inline-block;
  padding:        1px;
  padding-top:    10px;
  padding-bottom: 10px;
}

.navbar ul li a {
  text-decoration: none;
}

.navbar ul li a:hover {
  background:       blue;
  color:            #CCCCCC;
  font-size:        1em;
  font-weight:      bold;
}

pre {
  border:        3px solid rgba(255, 255, 255, 0.15);
  padding:       10px; 
  color:         #b5e853;
  font-size:     0.7em; 
  border-radius: 2px;
}

/*
  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         -->
<!-- REV01: Wed 31 Mar 2021 07:15:14 WIB          -->
<!-- START: Wed 17 Feb 2021 19:47:55 WIB          -->
<!-- Global site tag (gtag.js) - 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>



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)


© 2021-2022 --- R. Alamsyah --- Revision: 008d---02-Sep-2022.