Updating the readme files for ghpages branch

.eleventy.js

@@ -0,0 +1,48 @@
+
+module.exports = function(eleventyConfig) {
+  const {DateTime} = require('luxon')
+  const hljs = require('highlight.js')
+  const markdownIt = require('markdown-it')({
+      html: true,
+      linkify: true,
+      typographer: true,
+      highlight: function (str, lang) {
+        if (lang && hljs.getLanguage(lang)) {
+          try {
+            return hljs.highlight(str, { language: lang }).value
+          } catch (__) {}
+        }
+
+        return ''
+      }
+    }
+  )
+  .use(require('markdown-it-anchor').default)
+  .use(require('markdown-it-table-of-contents'), {
+    includeLevel: [1,2,3,4,5,6],
+    containerHeaderHtml: `<div class="toc-container-header">Table of Contents</div>`
+  });
+
+  eleventyConfig.setLibrary("md", markdownIt)
+  eleventyConfig.addPassthroughCopy("./src/assets/*")
+  eleventyConfig.addPassthroughCopy("./src/js/*")
+  eleventyConfig.addPassthroughCopy("./src/admin/*")
+  eleventyConfig.addPassthroughCopy("./src/css/style.css")
+  eleventyConfig.addPassthroughCopy("./src/images/*")
+  eleventyConfig.addPassthroughCopy("./settings.json")
+
+  eleventyConfig.addFilter("postDate", (dateObj) => {
+    return DateTime.fromJSDate(dateObj).toLocaleString(DateTime.DATE_MED)
+  })
+
+  eleventyConfig.addFilter("postYear", (dateObj) => {
+    return DateTime.fromJSDate(dateObj).toLocaleString({year: 'numeric'})
+  })
+
+  return {
+    dir: {
+      input: "src",
+      output: "public",
+    }
+  }
+}

.github/workflows/codeql-analysis.yml

@@ -0,0 +1,71 @@
+# For most projects, this workflow file will not need changing; you simply need
+# to commit it to your repository.
+#
+# You may wish to alter this file to override the set of languages analyzed,
+# or to provide custom queries or build logic.
+#
+# ******** NOTE ********
+# We have attempted to detect the languages in your repository. Please check
+# the `language` matrix defined below to confirm you have the correct set of
+# supported CodeQL languages.
+#
+name: "CodeQL"
+
+on:
+  push:
+    branches: [ master ]
+  pull_request:
+    # The branches below must be a subset of the branches above
+    branches: [ master ]
+  schedule:
+    - cron: '29 23 * * 6'
+
+jobs:
+  analyze:
+    name: Analyze
+    runs-on: ubuntu-latest
+    permissions:
+      actions: read
+      contents: read
+      security-events: write
+
+    strategy:
+      fail-fast: false
+      matrix:
+        language: [ 'javascript' ]
+        # CodeQL supports [ 'cpp', 'csharp', 'go', 'java', 'javascript', 'python' ]
+        # Learn more:
+        # https://docs.github.com/en/free-pro-team@latest/github/finding-security-vulnerabilities-and-errors-in-your-code/configuring-code-scanning#changing-the-languages-that-are-analyzed
+
+    steps:
+    - name: Checkout repository
+      uses: actions/checkout@v2
+
+    # Initializes the CodeQL tools for scanning.
+    - name: Initialize CodeQL
+      uses: github/codeql-action/init@v1
+      with:
+        languages: ${{ matrix.language }}
+        # If you wish to specify custom queries, you can do so here or in a config file.
+        # By default, queries listed here will override any specified in a config file.
+        # Prefix the list here with "+" to use these queries and those in the config file.
+        # queries: ./path/to/local/query, your-org/your-repo/queries@main
+
+    # Autobuild attempts to build any compiled languages  (C/C++, C#, or Java).
+    # If this step fails, then you should remove it and run the build manually (see below)
+    - name: Autobuild
+      uses: github/codeql-action/autobuild@v1
+
+    # ℹ️ Command-line programs to run using the OS shell.
+    # 📚 https://git.io/JvXDl
+
+    # ✏️ If the Autobuild fails above, remove it and uncomment the following three lines
+    #    and modify them (or add more) to build your code if your project
+    #    uses a compiled language
+
+    #- run: |
+    #   make bootstrap
+    #   make release
+
+    - name: Perform CodeQL Analysis
+      uses: github/codeql-action/analyze@v1

README.abs-ID.md

@@ -1,16 +1,34 @@
-<h1 align="center"> EmptyWork Pung Website</h1>
-<p align="center">
-<img src="assets/emptywork.github.io-header.jpg" />
-</p>
-
-<div align="center">
-
- [![CodeQL](https://github.com/EmptyWork/emptywork.github.io/actions/workflows/codeql-analysis.yml/badge.svg)](https://github.com/EmptyWork/emptywork.github.io/actions/workflows/codeql-analysis.yml)
-
-</div>
-
-## Tentang  <a href="#tentang"></a>
-Baca akang pake: <a href="README.md">Bahasa Inggris</a>, <a href="README.id-ID.md">Bahasa Indonesia</a>
-
-Kode sumber par beta pung website.<br/>
-Beta biking akang repository ni par kase tuju kode yang beta su tulis<br/> deng par jadi bukti beta pung kemampuan par karja pake Javascript, HTML5 deng CSS3.
+![EmptyWork's Personal Website](src/images/emptywork.github.io-header.jpg)
+
+[![Repository Stars](https://img.shields.io/github/stars/EmptyWork/emptywork.github.io?style=for-the-badge)]()
+[![Repository Forks](https://img.shields.io/github/forks/EmptyWork/emptywork.github.io?style=for-the-badge)]()
+[![License](https://img.shields.io/github/license/EmptyWork/emptywork.github.io?style=for-the-badge)](https://github.com/EmptyWork/emptywork.github.io/blob/master/LICENSE)
+[![Netlify Status](https://img.shields.io/netlify/08d2d578-7470-4e65-8067-93ab5e09f671?style=for-the-badge)](https://app.netlify.com/sites/emptywork/deploys)
+[![CodeQL](https://img.shields.io/github/workflow/status/EmptyWork/emptywork.github.io/CodeQL?event=push&style=for-the-badge)](https://github.com/EmptyWork/emptywork.github.io/actions/workflows/codeql-analysis.yml)
+
+[**⚠Laporkan Bug**](https://github.com/EmptyWork/emptywork.github.io/issues/new) — [**📧Minta Fitur**](https://github.com/EmptyWork/emptywork.github.io/issues/new)
+
+**Baca akang pake: [🆔Bahasa Indonesia](README.id-ID.md), [🅰Bahasa Inggris](README.md)**
+## Sumber kode par beta pung website pribadi
+
+[EmptyWork](https://emptywork.github.io) tu website yang responsive, akang punya design multi-page par website blog beta biking akang pake [11ty](https://www.11ty.dev/) jadi Static Site Generator, sedangkan [Nunjuck](https://mozilla.github.io/nunjucks/templating.html) jadi akang pung bahasa templatingnya, deng [NetlifyCMS](https://www.netlifycms.org/) par jadi Content Management
+
+Kamong bisa `fork` kalo seng `clone` repository ini par _ganti_ deng biking akang jadi iko kamong pung mau, akang jua [**sebg wajib**](https://github.com/EmptyWork/emptywork.github.io/blob/master/LICENSE) par kamong taro beta di kredit, tapi kalo memang kamong mau tolong kase tambah [EmptyWork](https://github.com/EmptyWork) jua.
+
+
+## Table Kontent
+- [Instalasi](#instalasi)
+- [Dukungan](#dukungan)
+
+### Instalasi
+
+`clone` kalo seng `fork` akang repository ni, kalo kamong `fork` tinggal ubah akang pung nama repository baiko kamong pung nama akun saja, sedangkan kalo memang pake `clone` berarti musti biking repository baru la kasih maso file ka akang. Inga jang lupa instal [node.js](https://nodejs.org) deng `npm` di kamong pung komputer lai.
+
+Kalo sudah iko langkah-langkah ni:
+- Buka direktori yang kamong taro file dari `fork` kalo seng `fork` 
+- Lalu ketik `npm install`
+- `npm run build` kalo seng `npm start` kalo kamong mau baganti akang.
+
+### Dukungan
+
+Kase ⭐ par akang ni repo! kalo seng iko [EmptyWork](https://github.com/EmptyWork) jua.

README.id-ID.md

@@ -1,17 +1,34 @@
-<h1 align="center"> EmptyWork Website</h1>
-<p align="center">
-<img src="assets/emptywork.github.io-header.jpg" />
-</p>
-
-<div align="center">
-
- [![CodeQL](https://github.com/EmptyWork/emptywork.github.io/actions/workflows/codeql-analysis.yml/badge.svg)](https://github.com/EmptyWork/emptywork.github.io/actions/workflows/codeql-analysis.yml)
-
-</div>
-
-## Tentang <a href="#tentang"></a>
-Bahasa Lain: <a href="README.md">Bahasa Inggris</a>, <a href="README.abs-ID.md">Bahasa Ambon</a>
-
-Kode untuk website pribadi saya.<br/>
-Tujuan pembuatan repository ini adalah untuk menunjukan kode yang telah ditulis oleh saya dan juga berfungsi sebagai bukti kemampuan saya dalam menggunakan Javascript, HTML5 dan CSS3
+![EmptyWork's Personal Website](src/images/emptywork.github.io-header.jpg)
 
+[![Repository Stars](https://img.shields.io/github/stars/EmptyWork/emptywork.github.io?style=for-the-badge)]()
+[![Repository Forks](https://img.shields.io/github/forks/EmptyWork/emptywork.github.io?style=for-the-badge)]()
+[![License](https://img.shields.io/github/license/EmptyWork/emptywork.github.io?style=for-the-badge)](https://github.com/EmptyWork/emptywork.github.io/blob/master/LICENSE)
+[![Netlify Status](https://img.shields.io/netlify/08d2d578-7470-4e65-8067-93ab5e09f671?style=for-the-badge)](https://app.netlify.com/sites/emptywork/deploys)
+[![CodeQL](https://img.shields.io/github/workflow/status/EmptyWork/emptywork.github.io/CodeQL?event=push&style=for-the-badge)](https://github.com/EmptyWork/emptywork.github.io/actions/workflows/codeql-analysis.yml)
+
+[**⚠Laporkan Bug**](https://github.com/EmptyWork/emptywork.github.io/issues/new) — [**📧Minta Fitur**](https://github.com/EmptyWork/emptywork.github.io/issues/new)
+
+**Bahasa Lain: [🆔Bahasa Ambon](README.abs-ID.md), [🅰Bahasa Inggris](README.md)**
+## Sumber kode untuk website pribadi EmptyWork
+
+[EmptyWork](https://emptywork.github.io) adalah website yang responsive, memiliki design multi-page untuk website blog dengan menggunakan [11ty](https://www.11ty.dev/) sebagai Static Site Generator, [Nunjuck](https://mozilla.github.io/nunjucks/templating.html) sebagai bahasa templatingnya, dan [NetlifyCMS](https://www.netlifycms.org/) untuk Content Management
+
+Kamu bisa `fork` atau `clone` repository ini untuk _mengubah_ dan membuat perubahan sesuai keinginan kamu, dan kamu [**tidak diwajibkan**](https://github.com/EmptyWork/emptywork.github.io/blob/master/LICENSE) untuk memberikan kredit ke saya, tapi jika kamu mau memberi kredit tolong berikan kepada [EmptyWork](https://github.com/EmptyWork).
+
+
+## Table Kontent
+- [Instalasi](#instalasi)
+- [Dukungan](#dukungan)
+
+### Instalasi
+
+`clone` atau `fork` repository ini, jika kamu melakukan `fork` kamu bisa mengubah nama repositorynya sesuai dengan milik kamu, sedangkan jika kamu `clone` maka buatlah sebuah repository baru dan upload file. Pastikan kamu memiliki [node.js](https://nodejs.org) dan `npm` pada perangkat kalian.
+
+Setelah itu ikuti langkah-langkah berikut:
+- Pergi ke direktori lokal dimana kalian menyimpan file hasil `fork` atau `clone`
+- Kemudian lakukan `npm install`
+- Jalankan `npm run build` atau `npm start` jika kamu mau menggubah filenya.ile.
+
+### Dukungan
+
+Berikan ⭐ jika kamu mau! dan ikuti [EmptyWork](https://github.com/EmptyWork).

README.md

@@ -1,17 +1,33 @@
-<h1 align="center"> EmptyWork's Personal Website</h1>
-<p align="center">
-<img src="assets/emptywork.github.io-header.jpg" />
-</p>
+![EmptyWork's Personal Website](src/images/emptywork.github.io-header.jpg)
 
-<div align="center">
-  
- [![CodeQL](https://github.com/EmptyWork/emptywork.github.io/actions/workflows/codeql-analysis.yml/badge.svg)](https://github.com/EmptyWork/emptywork.github.io/actions/workflows/codeql-analysis.yml)
-  
-</div>
+[![Repository Stars](https://img.shields.io/github/stars/EmptyWork/emptywork.github.io?style=for-the-badge)]()
+[![Repository Forks](https://img.shields.io/github/forks/EmptyWork/emptywork.github.io?style=for-the-badge)]()
+[![License](https://img.shields.io/github/license/EmptyWork/emptywork.github.io?style=for-the-badge)](https://github.com/EmptyWork/emptywork.github.io/blob/master/LICENSE)
+[![Netlify Status](https://img.shields.io/netlify/08d2d578-7470-4e65-8067-93ab5e09f671?style=for-the-badge)](https://app.netlify.com/sites/emptywork/deploys)
+[![CodeQL](https://img.shields.io/github/workflow/status/EmptyWork/emptywork.github.io/CodeQL?event=push&style=for-the-badge)](https://github.com/EmptyWork/emptywork.github.io/actions/workflows/codeql-analysis.yml)
 
-## About <a href="#about"></a>
-Read this in: <a href="README.abs-ID.md">Ambonese Malay</a>, <a href="README.id-ID.md">Indonesian</a>
+[**⚠Report Bug**](https://github.com/EmptyWork/emptywork.github.io/issues/new) — [**📧Report Feature**](https://github.com/EmptyWork/emptywork.github.io/issues/new)
 
-Source code for my personal website.<br/>
-The purpose of this repository is to showcase the code that I wrote<br/> and as a proof of my ability to work with Javascript, HTML5 and CSS3.
+**Read this in: [🆔Ambonese Malay](README.abs-ID.md), [🆔Indonesian](README.id-ID.md)**
+## EmptyWork's personal website sourcecode
 
+[EmptyWork](https://emptywork.github.io) is a fully responsive, multi-page layout JAMStack blog—website built using [11ty](https://www.11ty.dev/) as the Static Site Generator, [Nunjuck](https://mozilla.github.io/nunjucks/templating.html) templating language, and [NetlifyCMS](https://www.netlifycms.org/) for Content Management
+
+You can `fork` or `clone` this repo to _modify_ and make changes of your own, and it's [**not required**](https://github.com/EmptyWork/emptywork.github.io/blob/master/LICENSE) for you to credit me, but if you want you can properly linking back the credit to [EmptyWork](https://github.com/EmptyWork).
+
+## Table of Contents
+- [Installation](#installation)
+- [Support](#support-me!)
+
+### Installation
+
+`clone` or `fork` this repository and in case you `forked` then you just need to modify the name of repo else if you `cloned` then create a new repo and upload the file. Make sure you have [node.js](https://nodejs.org) and `npm` installed on your local device.
+
+After that follow this steps:
+
+- Go to your local directory and then do `npm install`
+- Run the `npm run build` or `npm run start` if you want to start edit the file.
+
+### Support Me!
+
+Give a ⭐ to this repo if you like it! And follow [EmptyWork](https://github.com/EmptyWork).

settings.json

@@ -0,0 +1,3 @@
+{
+  "schedules": ["Monday", "Wednesday", "Thursday", "Friday"]
+}

src/_includes/article-snippet.njk

@@ -0,0 +1,23 @@
+<li class="card t-all"{% if post.data.image %} style="background-image: linear-gradient(transparent, var(--clr-accent-dark)), url({{post.data.image}})" title="Image of {{post.data.title}}"{% endif %}>
+  <article class="card-body">
+    <header>
+      <h2 title="{{post.data.title}}">{{post.data.title}}</h2> 
+      <small>{{post.date | postDate }}</small>
+    </header>
+    <span class="description-area">
+      <p>{{post.data.description}}</p>
+    </span>
+    <ul class="more-links">
+      <li>
+        <span>{{post.data.author}}</span>
+      </li>
+      <li>
+        <a href="{{ post.url }}" class="sourcecode">
+        <svg fill="currentColor" aria-label="Icon for demo link" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M11 3a1 1 0 100 2h2.586l-6.293 6.293a1 1 0 101.414 1.414L15 6.414V9a1 1 0 102 0V4a1 1 0 00-1-1h-5z"></path><path d="M5 5a2 2 0 00-2 2v8a2 2 0 002 2h8a2 2 0 002-2v-3a1 1 0 10-2 0v3H5V7h3a1 1 0 000-2H5z"></path></svg>
+        readmore 
+          <span class="new-tab-warning"> Open a new tab </span>
+        </a>
+      </li>
+    </ul>
+  </article>
+</li>

src/_includes/article.njk

@@ -0,0 +1,14 @@
+---
+layout: 'secondary-base.njk'
+---
+<main class="main">
+  <div class="main-container">
+  <article class="post">
+    <span>
+      <a href="/blog">Blog</a> / {{ title }}
+    </span>
+    <h1>{{ title }}</h1>
+    {{ content | safe }}
+  </article>
+  </div>
+</main>

src/_includes/base.njk

@@ -0,0 +1,65 @@
+<!DOCTYPE html>
+<html lang="en" class="dark">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
+
+    <meta name="theme-color" content="#000000" />
+    <meta name="google-site-verification" content="QdJZEMLWFpqAkaOxsDd2zR4mzmtW7VN07LemJCDZuD0" />
+    <meta name="description" content="Portofolio dari seorang web developer yang masih baru di dunia pemrograman" />
+    <meta name="author" content="EmptyWork" />
+    <meta name="keywords" content="EmptyWork, Portofolio, Seorang Web Developer, Web Developer, HTML5, CSS3, Javascript, Stevarth, Ambon" />
+
+    <meta itemprop="name" content="EmptyWork | Portfolio">
+    <meta itemprop="description" content="Portofolio dari seorang web developer yang masih baru di dunia pemrograman">
+    <meta itemprop="image" content="https://emptywork.netlify.app/images/emptywork.png">
+
+    <meta property="og:url" content="https://emptywork.netlify.app" />
+    <meta property="og:type" content="website" />
+    <meta property="og:title" content={{ title }} />
+    <meta property="og:description" content="Portofolio dari seorang web developer yang masih baru di dunia pemrograman" />
+    <meta property="og:locale" content="en_US" />
+    <meta property="og:site_name" content="EmptyWork" />
+    <meta property="og:image" content="https://emptywork.netlify.app/images/emptywork.png" />
+
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:title" content="EmptyWork | Portfolio">
+    <meta name="twitter:description" content="Portofolio dari seorang web developer yang masih baru di dunia pemrograman">
+    <meta name="twitter:image" content="https://emptywork.netlify.app/images/emptywork.png">
+    <title>{{ title }}</title>
+    <link rel="shortcut icon" href="/images/emptywork.png" type="image/x-png" />
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;600;700;800&display=swap"
+      rel="stylesheet"
+    />
+    <link rel="stylesheet" href="/css/style.css" />
+
+    <!-- ? Load the user prefer theme -->
+    <script src="/js/loadTheme.js"></script>
+    <script src="https://identity.netlify.com/v1/netlify-identity-widget.js"></script>
+  </head>
+<body class="t-all">
+  {% include 'nav.njk' %}
+
+  {% include 'header.njk' %}
+
+  {{ content | safe}}
+
+  {% include 'footer.njk' %}
+  <script src="/js/main.js"></script>
+  <script>
+  if (window.netlifyIdentity) {
+    window.netlifyIdentity.on("init", user => {
+      if (!user) {
+        window.netlifyIdentity.on("login", () => {
+          document.location.href = "/admin/";
+        });
+      }
+    });
+  }
+</script>
+</body>
+</html>

src/_includes/footer.njk

@@ -0,0 +1,14 @@
+    <footer class="footer t-all">
+      <div class="footer-container">
+        <q>Belajar untuk menikmati sesuatu yang membuat diri-mu bosan</q>
+        <p aria-label="the copyright section" class="copyright">
+          &copy; Copyright - All Rights Reserved <br />
+          Made and Design by
+          <a href="https://github.com/EmptyWork" rel="noopener noreferrer" target="_blank">
+            <strong class="highlight">EmptyWork</strong>
+            <span class="new-tab-warning"> Open a new tab </span>
+          </a>
+          using Web Technology
+        </p>
+      </div>
+    </footer>