First revision

themes/re-terminal/.babelrc

@@ -0,0 +1,7 @@
+{
+  "presets": [
+    ["@babel/preset-env", {
+      "targets": "last 2 versions, >1%, not dead"
+    }],
+  ],
+}

themes/re-terminal/.eslintrc.yml

@@ -0,0 +1,60 @@
+---
+
+env:
+  es6: true
+
+extends:
+  # https://github.com/airbnb/javascript
+  - airbnb
+  - eslint:recommended
+  - prettier
+
+parser: babel-eslint
+
+rules:
+  # best practices
+  arrow-parens:
+    - 2
+    - as-needed
+  semi:
+    - 2
+    - always
+  class-methods-use-this: 0
+  comma-dangle:
+    - 2
+    - always-multiline
+  no-console:
+    - 2
+  no-unused-expressions: 0
+  no-param-reassign:
+    - 2
+    - props: false
+  no-useless-escape: 0
+  func-names: 0
+  quotes:
+    - 2
+    - double
+    - allowTemplateLiterals: true
+  no-underscore-dangle: 0
+  object-curly-newline: 0
+  function-paren-newline: 0
+  operator-linebreak:
+    - 2
+    - after
+  no-unused-vars:
+    - 2
+    - argsIgnorePattern: "^_"
+  # jsx a11y
+  jsx-a11y/no-static-element-interactions: 0
+  jsx-a11y/anchor-is-valid:
+    - 2
+    - specialLink:
+        - to
+
+globals:
+  document: true
+  requestAnimationFrame: true
+  window: true
+  self: true
+  fetch: true
+  Headers: true

themes/re-terminal/.gitignore

@@ -0,0 +1,99 @@
+# Created by https://www.gitignore.io/api/node
+# Edit at https://www.gitignore.io/?templates=node
+
+# firebase
+.firebase
+
+# mac
+**/.DS_Store
+
+### Node ###
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+lerna-debug.log*
+
+# Diagnostic reports (https://nodejs.org/api/report.html)
+report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json
+
+# Runtime data
+pids
+*.pid
+*.seed
+*.pid.lock
+
+# Directory for instrumented libs generated by jscoverage/JSCover
+lib-cov
+
+# Coverage directory used by tools like istanbul
+coverage
+
+# nyc test coverage
+.nyc_output
+
+# Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)
+.grunt
+
+# Bower dependency directory (https://bower.io/)
+bower_components
+
+# node-waf configuration
+.lock-wscript
+
+# Compiled binary addons (https://nodejs.org/api/addons.html)
+build/Release
+
+# Dependency directories
+node_modules/
+jspm_packages/
+
+# TypeScript v1 declaration files
+typings/
+
+# Optional npm cache directory
+.npm
+
+# Optional eslint cache
+.eslintcache
+
+# Optional REPL history
+.node_repl_history
+
+# Output of 'npm pack'
+*.tgz
+
+# Yarn Integrity file
+.yarn-integrity
+
+# dotenv environment variables file
+.env
+.env.test
+
+# parcel-bundler cache (https://parceljs.org/)
+.cache
+
+# next.js build output
+.next
+
+# nuxt.js build output
+.nuxt
+
+# vuepress build output
+.vuepress/dist
+
+# Serverless directories
+.serverless/
+
+# FuseBox cache
+.fusebox/
+
+# DynamoDB Local files
+.dynamodb/
+
+# End of https://www.gitignore.io/api/node
+public
+resources
+.hugo_build.lock

themes/re-terminal/.husky/.gitignore

@@ -0,0 +1 @@
+_

themes/re-terminal/.husky/pre-push

@@ -0,0 +1,4 @@
+#!/bin/sh
+. "$(dirname "$0")/_/husky.sh"
+
+yarn build && git add . && git commit --amend --no-edit

themes/re-terminal/.prettierrc

@@ -0,0 +1,12 @@
+{
+  "parser": "babel",
+  "printWidth": 100,
+  "trailingComma": "all",
+  "arrowParens": "avoid",
+  "overrides": [{
+    "files": ".html",
+    "options": {
+      "parser": "html"
+    }
+  }]
+}

themes/re-terminal/.stylelintrc.json

@@ -0,0 +1,10 @@
+{
+  "extends": [
+    "stylelint-config-standard-scss",
+    "stylelint-config-prettier-scss"
+  ],
+  "rules": {
+    "max-empty-lines": 1 
+  }
+}
+

themes/re-terminal/.vscode/extensions.json

@@ -0,0 +1,7 @@
+{
+  "recommendations": [
+    "tamasfe.even-better-toml",
+    "golang.go",
+    "budparr.language-hugo-vscode"
+  ]
+}

themes/re-terminal/LICENSE.md

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2019 panr
+Copyright (c) 2024 Mirus
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of
+this software and associated documentation files (the "Software"), to deal in
+the Software without restriction, including without limitation the rights to
+use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+the Software, and to permit persons to whom the Software is furnished to do so,
+subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

themes/re-terminal/USERS.md

@@ -0,0 +1,69 @@
+# Meet the users of re-Terminal theme!
+- https://nebrowser.com/ **Mirus** (Team/Tech Lead)
+
+# Meet the users of OG Terminal theme!
+
+- https://xicode.se **magistern** (Teacher)
+- https://devmaster64.com **devmaster64** (Software Developer)
+- https://calloc.net **Vaibhav Yenamandra** (Software Engineer)
+- https://potatofrom.space **Kevin Liu** (Software)
+- https://horochx.org **horochx** (Software Developer)
+- https://feng.si **Si Feng** (Software Engineer)
+- https://ben-on-vms.com **Benedikt Frenzel** (Technical Support Engineer)
+- https://johngazzini.com **John Gazzini** (Software Engineer)
+- https://tears.io/ **Alex** (SRE)
+- https://ayushkarn.me/ **Ayush Karn** (Student Developer)
+- https://zaine.me **Amine Zaine** (Cloud Engineer)
+- https://notes.dmaitre.phyip3.dur.ac.uk/computing-club/ **Ryan Moodie** (Physics PhD student)
+- https://lunar.computer **Lunar Computer** (DevOps Engineer)
+- https://naxxfish.net **Chris Roberts** (Broadcast Systems Engineer)
+- https://andreacaravano.net **Andrea Caravano** (Student)
+- https://qbunt.com **Jeremy Bunting** (Software Engineer)
+- https://smeik.org **Smeik** (Embedded Developer)
+- https://code.willstocks.co.uk **Will Stocks** (Blogger & Developer)
+- https://blog.vnandag.me **Nanda Gopal** (Student Developer)
+- https://m47r1x.github.io **Neo** (Citizen of Zion)
+- https://bgameiro.me/ **Bernardo Gameiro** (Engineer Physicist student)
+- https://return-to-libc.com/ **elraro** (Cyber Security Specialist)
+- https://pablart.com/ **Pablo Diaz-Gutierrez** (Software Engineer, General Tinkerer)
+- https://monocle.rpod.club/ **classx** (DevOps Engineer)
+- https://erisianrite.com/ **ErisianRite** (Coding, Engineering, Tools for Thought)
+- https://isaes.com.tr/ **Isa Es** (Software Engineer)
+- https://blog.m5e.de/ **Christoph Miksche** (Software Developer)
+- https://mpostument.com/ **Maksym Postument** (DevOps Engineer)
+- https://mathiejosh.xyz **Josh Mathie** (Electrical Engineering Technology Student/Sales and Engineering Tech)
+- https://yuji.ne.jp/ **YUJI** (Student & Software Developer)
+- https://blog.puvvadi.me **KD Puvvadi** (Software Dev & Cloud Orchestrator)
+- https://hidden.land/ **Louisload** (Game Developer & Musician)
+- https://linuxbase.nl **Michael Trip** (DevOps Engineer)
+- https://blog.sethforprivacy.com **Seth For Privacy** (Security, privacy, and cryptocurrency writer, podcaster)
+- https://thesprawl.city **crish** (Software and stuff)
+- https://justinnuwin.com **Justin Nguyen** (Software & Hardware Developer)
+- https://blog.woosal.com/ **Vusal Ismayilov** (Computer Engineering Student)
+- https://itsembedded.com/  **Norbert Kremeris** (digital logic design and verification engineer)
+- https://nereuxofficial.github.io **Nereuxofficial** (Software Developer & Student)
+- https://biplav.xyz **Biplav's Blog** (Student)
+- https://santiago.wtf **Nicholas Santiago** (DevOps Engineer)
+- https://2200g.github.io/ **2200g** (Blogger/Student)
+- https://they.mint.lgbt **Joey Aliaga** (Software Developer & Student)
+- https://tatewilhelm.me **Tate Wilhelm** (Student, Programmer & Tinkerer)
+- https://mikefoden.com **Mike Foden** (Software Developer)
+- https://undemalum.github.io/portfolio/ **Mateusz Konat** (Student)
+- https://ku0hn.radio **Ben Kuhn** (Ham Radio Operator, InfoSec Engineer, Tinkerer)
+- https://www.grumpymetalguy.com **GrumpyMetalGuy** (General Grumper and Developer)
+- https://blog.jontes.page **Jonte** (general tech geek)
+- https://nazdarthegame.com/ **Michal Skoula** (Software Developer)
+- https://1mup.myorange.house **Antonio Garosi** (Street art gallery)
+- https://kitchvx.github.io **Nathan Kitching** (IT Student)
+- https://dgood.win **Dom Goodwin** (Platform Engineer)
+- https://sir-photch.xyz **Sir-Photch** (ComSci-student. German Blog)
+- https://drewmorris.info **Drew Morris** (Mathematician && Computer Scientist)
+- https://blog.darkiiiiiice.com **MarioMang** (Software Developer)
+
+<!--
+ TEMPLATE:
+
+ - https://radoslawkoziel.pl **Radek Kozieł** (Software Designer and Developer)
+
+ -->
+

themes/re-terminal/archetypes/posts.md

@@ -0,0 +1,15 @@
++++
+title = "{{ replace .TranslationBaseName "-" " " | title }}"
+date = "{{ .Date }}"
+author = ""
+authorTwitter = "" #do not include @
+cover = ""
+coverCaption = ""
+tags = ["", ""]
+keywords = ["", ""]
+description = ""
+showFullContent = false
+readingTime = false
+hideComments = false
+color = "" #color from the theme settings
++++

themes/re-terminal/assets/css/banner.scss

@@ -0,0 +1,23 @@
+#banner {
+  width: 100%;
+  height: 2rem;
+  display: grid;
+  grid-template-columns:  1fr auto;
+  background: var(--accent);
+
+  & span {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+
+  & a {
+    color: var(--accent-contrast-color);
+    display: inline;
+  }
+
+  & > button {
+    padding: 0 5px 0 0;
+    margin: 0;
+  }
+} 

themes/re-terminal/assets/css/buttons.scss

@@ -0,0 +1,95 @@
+.button-container {
+  display: table;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+button,
+.button,
+a.button {
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 8px 18px;
+  margin: 5px 0;
+  text-decoration: none;
+  text-align: center;
+  border-radius: 8;
+  border: 1px solid var(--accent);
+  background: var(--accent);
+  color: var(--accent-contrast-color);
+  font: inherit;
+  font-weight: bold;
+  appearance: none;
+  cursor: pointer;
+  outline: none;
+
+  &:hover {
+    background: color-mix(in srgb, var(--accent), transparent 10%);
+  }
+
+  /* variants */
+
+  &.outline {
+    background: transparent;
+    box-shadow: none;
+    padding: 8px 18px;
+
+    :hover {
+      transform: none;
+      box-shadow: none;
+    }
+  }
+
+  &.link {
+    background: none;
+    font-size: 1rem;
+  }
+
+  /* sizes */
+
+  &.small {
+    font-size: .8rem;
+  }
+
+  &.wide {
+    min-width: 200px;
+    padding: 14px 24px;
+  }
+}
+
+a.read-more,
+a.read-more:hover,
+a.read-more:active {
+  display: inline-flex;
+  border: none;
+  color: var(--accent);
+  background: none;
+  box-shadow: none;
+  padding: 0;
+  margin: 20px 0;
+  max-width: 100%;
+}
+
+.code-toolbar {
+  margin-bottom: 20px;
+
+  .toolbar-item a {
+    position: relative;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    padding: 3px 8px;
+    margin-bottom: 5px;
+    text-decoration: none;
+    text-align: center;
+    font-size: 13px;
+    font-weight: 500;
+    border-radius: 8px;
+    border: 1px solid transparent;
+    appearance: none;
+    cursor: pointer;
+    outline: none;
+  }
+}

themes/re-terminal/assets/css/code.scss

@@ -0,0 +1,84 @@
+.collapsable-code {
+  --border-color: color-mix(in srgb, var(--accent) 90%, #999 10%);
+
+  position: relative;
+  width: 100%;
+  margin: 40px 0;
+
+  input[type="checkbox"] {
+    position: absolute;
+    visibility: hidden;
+  }
+
+  input[type="checkbox"]:checked {
+    ~ pre,
+    ~ .code-toolbar pre {
+      height: 0;
+      padding: 0;
+      border-top: none;
+    }
+
+    ~ .code-toolbar {
+      padding: 0;
+      border-top: none;
+
+      .toolbar {
+        display: none;
+      }
+    }
+
+    ~ label .collapsable-code__toggle:after {
+      content: attr(data-label-expand);
+    }
+  }
+
+  label {
+    position: relative;
+    display: flex;
+    justify-content: space-between;
+    min-width: 30px;
+    min-height: 30px;
+    margin: 0;
+    border-bottom: 1px solid var(--border-color);
+    cursor: pointer;
+  }
+
+  &__title {
+    flex: 1;
+    color: var(--accent);
+    padding: 3px 10px;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    overflow: hidden;
+  }
+
+  &__language {
+    color: var(--accent);
+    border: 1px solid var(--border-color);
+    border-bottom: none;
+    text-transform: uppercase;
+    padding: 3px 10px;
+  }
+
+  &__toggle {
+    color: var(--accent);
+    font-size: 16px;
+    padding: 3px 10px;
+
+    &:after {
+      content: attr(data-label-collapse);
+    }
+  }
+
+  pre {
+    margin-top: 0;
+
+    &::first-line {
+      line-height: 0;
+    }
+  }
+
+  .code-toolbar {
+    margin: 0;
+  }
+}

themes/re-terminal/assets/css/color/blue.scss

@@ -0,0 +1,3 @@
+html:root {
+  --accent: #23b0ff;
+}

themes/re-terminal/assets/css/color/green.scss

@@ -0,0 +1,3 @@
+html:root {
+  --accent: #78e2a0;
+}

themes/re-terminal/assets/css/color/orange.scss

@@ -0,0 +1,3 @@
+html:root {
+  --accent: #ffa86a;
+}

themes/re-terminal/assets/css/color/paper.scss

@@ -0,0 +1,3 @@
+html:root {
+  --accent: #1d1e28;
+}

themes/re-terminal/assets/css/color/pink.scss

@@ -0,0 +1,3 @@
+html:root {
+  --accent: #ee72f1;
+}

themes/re-terminal/assets/css/color/red.scss

@@ -0,0 +1,3 @@
+html:root {
+  --accent: #ff6266;
+}

themes/re-terminal/assets/css/font.scss

@@ -0,0 +1,15 @@
+@font-face {
+  font-display: swap;
+  font-family: 'Fira Code';
+  font-style:  normal;
+  font-weight: 400;
+  src: url("../fonts/FiraCode-Regular.woff") format("woff");
+}
+
+@font-face {
+  font-display: swap;
+  font-family: 'Fira Code';
+  font-style:  normal;
+  font-weight: 800;
+  src: url("../fonts/FiraCode-Bold.woff") format("woff");
+}

themes/re-terminal/assets/css/footer.scss

@@ -0,0 +1,46 @@
+.footer {
+  padding: 40px 0;
+  flex-grow: 0;
+  opacity: .5;
+  display: flex;
+  justify-content: $centerTheme;
+
+  &__inner {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin: 0;
+    width: 760px;
+    max-width: 100%;
+
+    @media (max-width: $tablet) {
+      flex-direction: column;
+    }
+  }
+
+  a {
+    color: inherit;
+  }
+
+  .copyright {
+    display: flex;
+    flex-flow: row wrap;
+    flex: 1;
+    align-items: $centerTheme;
+    font-size: 1rem;
+    justify-content: $centerTheme;
+
+    &--user {
+      margin: auto;
+      text-align: center;
+    }
+
+    & > *:first-child:not(:only-child) {
+      margin-right: 10px;
+    }
+
+    span {
+      white-space: nowrap;
+    }
+  }
+}

themes/re-terminal/assets/css/form.scss

@@ -0,0 +1,43 @@
+input, textarea, select {
+  background: transparent;
+  color: var(--accent);
+  border: 1px solid var(--accent);
+  border-radius: 0;
+  padding: 10px;
+  margin: 5px 0;
+  font: inherit;
+  appearance: none;
+
+  &:focus, :active {
+    border-color: var(--color);
+    outline: 1px solid var(--color);
+  }
+
+  &:active {
+    box-shadow: none;
+  }
+}
+
+select {
+  background: var(--background);
+
+  option {
+    background: var(--background);
+  }
+}
+
+::placeholder {
+  color: color-mix(in srgb, var(--accent), transparent 50%);
+}
+
+input {
+  &[type="checkbox"] {
+    vertical-align: middle;
+    padding: 10px;
+    box-shadow: inset 0 0 0 3px var(--background);
+
+    &:checked {
+      background: var(--accent);
+    }
+  }
+}

themes/re-terminal/assets/css/gist.scss

@@ -0,0 +1,6 @@
+body .gist .blob-num /* line numbers */,
+body .gist .blob-code-inner
+{
+    border: none;
+}
+

themes/re-terminal/assets/css/header.scss

@@ -0,0 +1,34 @@
+.header {
+  display: flex;
+  flex-direction: column;
+  position: relative;
+
+  @media print {
+    display: none;
+  }
+
+  &__inner {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+  }
+
+  &__logo {
+    display: flex;
+    flex: 1;
+
+    &:after {
+      content: '';
+      background: repeating-linear-gradient(90deg, var(--accent), var(--accent) 2px, transparent 0, transparent 10px);
+      display: block;
+      width: 100%;
+      right: 10px;
+    }
+
+    a {
+      flex: 0 0 auto;
+      max-width: 100%;
+      text-decoration: none;
+    }
+  }
+}

themes/re-terminal/assets/css/logo.scss

@@ -0,0 +1,8 @@
+.logo {
+  display: flex;
+  align-items: center;
+  text-decoration: none;
+  background: var(--accent);
+  color: color-mix(in srgb, var(--accent), var(--accent-contrast-color) 90%);
+  padding: 5px 10px;
+}

themes/re-terminal/assets/css/main.scss

@@ -0,0 +1,347 @@
+html {
+  box-sizing: border-box;
+    scrollbar-gutter: stable both-edges;
+}
+
+*,
+*:before,
+*:after {
+  box-sizing: inherit;
+}
+
+body {
+  margin: 0;
+  padding: 0;
+  font-family: 'Fira Code', Monaco, Consolas, Ubuntu Mono, monospace;
+  font-size: 1rem;
+  line-height: 1.54;
+  letter-spacing: -0.02em;
+  background-color: var(--background);
+  color: var(--color);
+  text-rendering: optimizeLegibility;
+  -webkit-font-smoothing: antialiased;
+  font-feature-settings: "liga", "tnum", "zero", "ss01", "locl";
+  font-variant-ligatures: contextual;
+  -webkit-overflow-scrolling: touch;
+  -webkit-text-size-adjust: 100%;
+
+  @media (max-width: $phone) {
+    font-size: 1rem;
+  }
+}
+
+.headings--one-size {
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    line-height: 1.3;
+
+    &:not(first-child) {
+      margin-top: 40px;
+    }
+  }
+
+  h1,
+  h2,
+  h3 {
+    font-size: 1.4rem;
+  }
+
+  h4,
+  h5,
+  h6 {
+    font-size: 1.2rem;
+  }
+}
+
+a {
+  color: inherit;
+
+  /* Waiting for a better times... */
+  /* &:has(code) {
+    text-decoration-color: var(--accent);
+  } */
+}
+
+img {
+  display: block;
+  max-width: 100%;
+
+  &.left {
+    margin-right: auto;
+  }
+
+  &.center {
+    margin-left: auto;
+    margin-right: auto;
+  }
+
+  &.right {
+    margin-left: auto;
+  }
+}
+
+p {
+  margin-bottom: 20px;
+}
+
+figure {
+  display: table;
+  max-width: 100%;
+  margin: 25px 0;
+
+  &.left {
+    margin-right: auto;
+  }
+
+  &.center {
+    margin-left: auto;
+    margin-right: auto;
+  }
+
+  &.right {
+    margin-left: auto;
+  }
+
+  figcaption {
+    font-size: 14px;
+    padding: 5px 10px;
+    margin-top: 5px;
+    background: var(--accent);
+    color: var(--accent-contrast-color);
+    /* opacity: .8; */
+
+    &.left {
+      text-align: left;
+    }
+
+    &.center {
+      text-align: center;
+    }
+
+    &.right {
+      text-align: right;
+    }
+  }
+}
+
+code, kbd {
+  font-family: 'Fira Code', Monaco, Consolas, Ubuntu Mono, monospace !important;
+  font-feature-settings: normal;
+  background: color-mix(in srgb, var(--accent), transparent 80%);
+  color: var(--accent);
+  padding: 1px 6px;
+  margin: 0 2px;
+  font-size: .95rem;
+
+  code, kbd {
+    background: transparent;
+    padding: 0;
+    margin: 0;
+  }
+}
+
+pre {
+  background: transparent !important;
+  padding: 20px 10px;
+  margin: 40px 0;
+  font-size: .95rem !important;
+  overflow: auto;
+  border-top: 1px solid rgba(255, 255, 255, .1);
+  border-bottom: 1px solid rgba(255, 255, 255, .1);
+
+  + pre {
+    border-top: 0;
+    margin-top: -40px;
+  }
+
+  @media (max-width: $phone) {
+    white-space: pre-wrap;
+    word-wrap: break-word;
+  }
+
+  code {
+    background: none !important;
+    margin: 0;
+    padding: 0;
+    font-size: inherit;
+    border: none;
+  }
+}
+
+blockquote {
+  border-top: 1px solid var(--accent);
+  border-bottom: 1px solid var(--accent);
+  margin: 40px 0;
+  padding: 25px;
+
+  @media (max-width: $phone) {
+    padding-right: 0;
+  }
+
+  p:first-of-type {
+    margin-top: 0;
+  }
+
+  p:last-of-type {
+    margin-bottom: 0;
+  }
+
+  p {
+    position: relative;
+  }
+
+  p:first-of-type:before {
+    content: '>';
+    display: block;
+    position: absolute;
+    left: -25px;
+    color: var(--accent);
+  }
+
+  &.twitter-tweet {
+    position: relative;
+    background: color-mix(in srgb, var(--accent), transparent 90%);
+    font: inherit;
+    color: inherit;
+    border: 1px solid var(--accent);
+    padding-top: 60px;
+
+    p:before {
+      content: '';
+    }
+
+    &:before {
+      content: '> From Twitter:';
+      position: absolute;
+      top: 20px;
+      color: var(--accent);
+      font-weight: bold;
+    }
+
+    a {
+      color: var(--accent);
+    }
+  }
+}
+
+table {
+  table-layout: auto;
+  border-collapse: collapse;
+  width: 100%;
+  margin: 40px 0;
+}
+
+table,
+th,
+td {
+  border: 1px dashed var(--accent);
+  padding: 10px;
+}
+
+th {
+  color: var(--accent);
+}
+
+ul,
+ol {
+  margin-left: 22px;
+  padding: 0;
+
+  li {
+    position: relative;
+  }
+
+  @media (max-width: $phone) {
+    margin-left: 20px;
+  }
+}
+
+ol {
+  list-style: none;
+  counter-reset: li;
+
+  > li {
+    counter-increment: li;
+
+    &:before {
+      content: counter(li);
+      position: absolute;
+      right: calc(100% + 10px);
+      color: var(--accent);
+      display: inline-block;
+      text-align: right;
+    }
+
+    > ol {
+      margin-left: 38px;
+
+      > li {
+        counter-increment: li;
+
+        &:before {
+          content: counters(li, ".") " ";
+        }
+      }
+    }
+  }
+}
+
+mark {
+  background: var(--accent);
+  color: var(--accent-contrast-color);
+}
+
+.container {
+  display: flex;
+  flex-direction: column;
+  padding: 40px;
+  max-width: 864px;
+  min-height: 100vh;
+  border-right: 1px solid rgba(255, 255, 255, 0.1);
+
+  &.full,
+  &.center {
+    border: none;
+    margin: 0 auto;
+  }
+
+  &.full {
+    max-width: 100%;
+  }
+
+  @media (max-width: $phone) {
+    padding: 20px;
+  }
+
+  @media print {
+    display: initial;
+  }
+}
+
+.content {
+  display: flex;
+  flex-direction: column;
+
+  @media print {
+    display: initial;
+  }
+}
+
+hr {
+  width: 100%;
+  border: none;
+  background: var(--border-color);
+  height: 1px;
+}
+
+.hidden {
+  display: none;
+}
+
+sup {
+ line-height: 0;
+}

themes/re-terminal/assets/css/menu.scss

@@ -0,0 +1,169 @@
+@mixin menu {
+  --shadow-color: color-mix(in srgb, var(--background), transparent 20%);
+  display: none;
+  flex-direction: column;
+  --shadow: 0 10px var(--shadow-color), -10px 10px var(--shadow-color),
+    10px 10px var(--shadow-color);
+  position: absolute;
+  background: var(--background);
+  box-shadow: var(--shadow);
+  color: var(--menu-color);
+  border: 2px solid;
+  margin: 0;
+  padding: 10px;
+  top: 10px;
+  left: 0;
+  list-style: none;
+  z-index: 99;
+}
+
+@mixin header-menu-trigger {
+  color: var(--accent);
+  border: 2px solid;
+  margin-left: 10px;
+  height: 100%;
+  padding: 3px 8px;
+  margin-bottom: 0 !important;
+  position: relative;
+  cursor: pointer;
+}
+
+.navigation-menu {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  margin: 20px 1px;
+
+  @media (max-width: $phone) {
+    margin: 0;
+  }
+
+  &__inner {
+    display: flex;
+    flex: 1;
+    flex-wrap: wrap;
+    list-style: none;
+    margin: 0;
+    padding: 0;
+
+    >li {
+      flex: 0 0 auto;
+      margin-bottom: 10px;
+      white-space: nowrap;
+
+      &:not(:last-of-type) {
+        margin-right: 20px;
+      }
+    }
+
+    @media (max-width: $phone) {
+      flex-direction: column;
+      align-items: flex-start;
+      padding: 0;
+
+      li {
+        margin: 0;
+        padding: 5px;
+      }
+    }
+  }
+
+  .spacer {
+    flex-grow: 1 !important;
+  }
+}
+
+.menu {
+  display: flex;
+  flex-direction: column;
+  position: relative;
+  list-style: none;
+  padding: 0;
+  margin: 0;
+
+  &__trigger {
+    margin-right: 0 !important;
+    color: var(--accent);
+    user-select: none;
+    cursor: pointer;
+  }
+
+  &__subdrop {
+    &--title {
+      padding: 5px;
+    }
+
+    &--list {
+      list-style-type: unset;
+    }
+  }
+
+  &__dropdown {
+    @include menu;
+    color: var(--accent);
+
+    .open & {
+      display: flex;
+    }
+
+    >li {
+      flex: 0 0 auto;
+
+      &:not(:last-of-type) {
+        margin-bottom: 10px;
+      }
+
+      a {
+        display: flex;
+        padding: 5px;
+      }
+    }
+  }
+
+  &--desktop {
+    @media (max-width: $phone) {
+      display: none;
+    }
+  }
+
+  &--mobile {
+    .menu__trigger {
+      @include header-menu-trigger;
+      display: none;
+
+      @media (max-width: $phone) {
+        display: block;
+      }
+    }
+
+    .menu__dropdown {
+      @media (max-width: $phone) {
+        left: auto;
+        right: 0;
+      }
+    }
+
+    li {
+      flex: 0 0 auto;
+
+      &:not(:last-of-type) {
+        margin-bottom: 10px;
+      }
+    }
+  }
+
+  &--language-selector {
+    .menu__trigger {
+      @include header-menu-trigger;
+
+      @media (max-width: $phone) {
+        display: none;
+      }
+    }
+
+    .menu__dropdown {
+      left: auto;
+      right: 0;
+    }
+  }
+}

themes/re-terminal/assets/css/pagination.scss

@@ -0,0 +1,87 @@
+.pagination {
+  margin-top: 50px;
+
+  @media print {
+    display: none;
+  }
+
+  &__title {
+    display: flex;
+    text-align: center;
+    position: relative;
+    margin: 100px 0 20px;
+
+    &-h {
+      text-align: center;
+      margin: 0 auto;
+      padding: 5px 10px;
+      background: var(--background);
+      color: color-mix(in srgb, var(--accent), transparent 70%);
+      font-size: .8rem;
+      text-transform: uppercase;
+      text-decoration: none;
+      letter-spacing: .1em;
+      z-index: 1;
+    }
+
+    hr {
+      position: absolute;
+      left: 0;
+      right: 0;
+      width: 100%;
+      margin-top: 15px;
+      z-index: 0;
+    }
+  }
+
+  &__buttons {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-flow: row wrap;
+    gap: 10px;
+
+    a {
+      text-decoration: none;
+    }
+  }
+}
+
+.button {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 1rem;
+  padding: 0;
+  appearance: none;
+
+  @media(max-width: $phone) {
+    flex: 1;
+  }
+
+  a {
+    display: flex;
+    justify-content: center;
+    flex: 1;
+    padding: 8px 16px;
+    text-decoration: none;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    overflow: hidden;
+  }
+
+  &__text {
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    overflow: hidden;
+  }
+
+  &.next .button__icon {
+    margin-left: 8px;
+  }
+
+  &.previous .button__icon {
+    margin-right: 8px;
+  }
+}

themes/re-terminal/assets/css/post.scss

@@ -0,0 +1,153 @@
+.index-content {
+  margin-top: 20px;
+}
+
+.framed {
+  border: 1px solid var(--accent);
+  padding: 20px;
+
+  *:first-child {
+    margin-top: 0;
+  }
+
+  *:last-child {
+    margin-bottom: 0;
+  }
+}
+
+.posts {
+  width: 100%;
+}
+
+.post {
+  width: 100%;
+  text-align: left;
+  margin: 20px auto;
+  padding: 20px 0;
+
+  &:not(:last-of-type) {
+    border-bottom: 1px solid var(--border-color);
+  }
+
+  &-meta {
+    font-size: 1rem;
+    margin-bottom: 10px;
+    color: color-mix(in srgb, var(--accent), transparent 30%);
+
+    & > *:not(:first-child) {
+      &::before {
+        content: "::";
+        display: inline-block;
+        margin: 0 8px;
+      }
+    }
+  }
+
+  &-title {
+    --border: 3px dotted var(--accent);
+    position: relative;
+    color: var(--accent);
+    margin: 0 0 15px;
+    padding-bottom: 15px;
+    border-bottom: var(--border);
+
+    &:after {
+      content: '';
+      position: absolute;
+      bottom: 2px;
+      display: block;
+      width: 100%;
+      border-bottom: var(--border);
+    }
+
+    a {
+      text-decoration: none;
+    }
+  }
+
+  &-tags {
+    display: block;
+    margin-bottom: 20px;
+    font-size: 1rem;
+    opacity: .5;
+
+    a {
+      text-decoration: none;
+    }
+  }
+
+  &-content {
+    margin-top: 30px;
+    
+    & a {
+      color: var(--article-link-color);
+    }
+  }
+
+  &-cover {
+    border: 20px solid var(--accent);
+    background: transparent;
+    margin: 40px 0;
+    padding: 20px;
+
+    @media (max-width: $phone) {
+      padding: 10px;
+      border-width: 10px;
+    }
+  }
+
+  ul {
+    list-style: none;
+
+    li:not(:empty):before {
+      content: '-';
+      position: absolute;
+      left: -20px;
+      color: var(--accent);
+    }
+  }
+}
+
+.post--regulation {
+  h1 {
+    justify-content: center;
+  }
+
+  h2 {
+    justify-content: center;
+    margin-bottom: 10px;
+
+    & + h2 {
+      margin-top: -10px;
+      margin-bottom: 20px;
+    }
+  }
+}
+
+.hanchor {
+  color: color-mix(in srgb, var(--accent), transparent 10%);
+  text-decoration: none;
+  margin-left: 10px;
+  visibility: hidden;
+}
+
+h1:hover a, h2:hover a, h3:hover a, h4:hover a {
+  visibility: visible;
+}
+
+.footnotes {
+  color: color-mix(in srgb, var(--accent), transparent 50%);
+}
+
+figure:has(.post-cover) {
+  margin: 40px 0;
+
+
+  & > .post-cover {
+    margin: 0;
+  }
+
+  & > figcaption {
+    margin-top: 0;
+  }
+}

themes/re-terminal/assets/css/prism.scss

@@ -0,0 +1,336 @@
+/* PrismJS 1.24.1
+https://prismjs.com/download.html#themes=prism-tomorrow&languages=markup+css+clike+javascript+actionscript+apacheconf+applescript+bash+c+csharp+cpp+cmake+coffeescript+csp+css-extras+diff+django+docker+elixir+elm+erlang+fsharp+flow+git+go+graphql+haml+handlebars+haskell+http+java+json+kotlin+latex+less+llvm+makefile+markdown+markup-templating+nasm+objectivec+ocaml+perl+php+php-extras+powershell+processing+pug+python+r+jsx+tsx+reason+ruby+rust+sass+scss+scala+scheme+sql+stylus+swift+textile+toml+twig+typescript+vim+visual-basic+wasm+yaml&plugins=line-highlight+line-numbers+jsonp-highlight+highlight-keywords+command-line+toolbar+copy-to-clipboard */
+/**
+ * prism.js tomorrow night eighties for JavaScript, CoffeeScript, CSS and HTML
+ * Based on https://github.com/chriskempson/tomorrow-theme
+ * @author Rose Pritchard
+ */
+
+code[class*="language-"],
+pre[class*="language-"] {
+	color: #ccc;
+	background: none;
+	font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+	font-size: 1em;
+	text-align: left;
+	white-space: pre;
+	word-spacing: normal;
+	word-break: normal;
+	word-wrap: normal;
+	line-height: 1.5;
+
+	-moz-tab-size: 4;
+	-o-tab-size: 4;
+	tab-size: 4;
+
+	-webkit-hyphens: none;
+	-moz-hyphens: none;
+	-ms-hyphens: none;
+	hyphens: none;
+
+}
+
+/* Code blocks */
+pre[class*="language-"] {
+	padding: 1em;
+	margin: .5em 0;
+	overflow: auto;
+}
+
+:not(pre) > code[class*="language-"],
+pre[class*="language-"] {
+	background: #2d2d2d;
+}
+
+/* Inline code */
+:not(pre) > code[class*="language-"] {
+	padding: .1em;
+	border-radius: .3em;
+	white-space: normal;
+}
+
+.token.comment,
+.token.block-comment,
+.token.prolog,
+.token.doctype,
+.token.cdata {
+	color: #999;
+}
+
+.token.punctuation {
+	color: #ccc;
+}
+
+.token.tag,
+.token.attr-name,
+.token.namespace,
+.token.deleted {
+	color: #e2777a;
+}
+
+.token.function-name {
+	color: #6196cc;
+}
+
+.token.boolean,
+.token.number,
+.token.function {
+	color: #f08d49;
+}
+
+.token.property,
+.token.class-name,
+.token.constant,
+.token.symbol {
+	color: #f8c555;
+}
+
+.token.selector,
+.token.important,
+.token.atrule,
+.token.keyword,
+.token.builtin {
+	color: #cc99cd;
+}
+
+.token.string,
+.token.char,
+.token.attr-value,
+.token.regex,
+.token.variable {
+	color: #7ec699;
+}
+
+.token.operator,
+.token.entity,
+.token.url {
+	color: #67cdcc;
+}
+
+.token.important,
+.token.bold {
+	font-weight: bold;
+}
+.token.italic {
+	font-style: italic;
+}
+
+.token.entity {
+	cursor: help;
+}
+
+.token.inserted {
+	color: green;
+}
+
+pre[data-line] {
+	position: relative;
+	padding: 1em 0 1em 3em;
+}
+
+.line-highlight {
+	position: absolute;
+	left: 0;
+	right: 0;
+	padding: inherit 0;
+	margin-top: 1em; /* Same as .prism’s padding-top */
+
+	background: hsla(24, 20%, 50%,.08);
+	background: linear-gradient(to right, hsla(24, 20%, 50%,.1) 70%, hsla(24, 20%, 50%,0));
+
+	pointer-events: none;
+
+	line-height: inherit;
+	white-space: pre;
+}
+
+@media print {
+	.line-highlight {
+		/*
+		 * This will prevent browsers from replacing the background color with white.
+		 * It's necessary because the element is layered on top of the displayed code.
+		 */
+		-webkit-print-color-adjust: exact;
+		color-adjust: exact;
+	}
+}
+
+	.line-highlight:before,
+	.line-highlight[data-end]:after {
+		content: attr(data-start);
+		position: absolute;
+		top: .4em;
+		left: .6em;
+		min-width: 1em;
+		padding: 0 .5em;
+		background-color: hsla(24, 20%, 50%,.4);
+		color: hsl(24, 20%, 95%);
+		font: bold 65%/1.5 sans-serif;
+		text-align: center;
+		vertical-align: .3em;
+		border-radius: 999px;
+		text-shadow: none;
+		box-shadow: 0 1px white;
+	}
+
+	.line-highlight[data-end]:after {
+		content: attr(data-end);
+		top: auto;
+		bottom: .4em;
+	}
+
+.line-numbers .line-highlight:before,
+.line-numbers .line-highlight:after {
+	content: none;
+}
+
+pre[id].linkable-line-numbers span.line-numbers-rows {
+	pointer-events: all;
+}
+pre[id].linkable-line-numbers span.line-numbers-rows > span:before {
+	cursor: pointer;
+}
+pre[id].linkable-line-numbers span.line-numbers-rows > span:hover:before {
+	background-color: rgba(128, 128, 128, .2);
+}
+
+pre[class*="language-"].line-numbers {
+	position: relative;
+	padding-left: 3.8em;
+	counter-reset: linenumber;
+}
+
+pre[class*="language-"].line-numbers > code {
+	position: relative;
+	white-space: inherit;
+}
+
+.line-numbers .line-numbers-rows {
+	position: absolute;
+	pointer-events: none;
+	top: 0;
+	font-size: 100%;
+	left: -3.8em;
+	width: 3em; /* works for line-numbers below 1000 lines */
+	letter-spacing: -1px;
+	border-right: 1px solid #999;
+
+	-webkit-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	user-select: none;
+
+}
+
+	.line-numbers-rows > span {
+		display: block;
+		counter-increment: linenumber;
+	}
+
+		.line-numbers-rows > span:before {
+			content: counter(linenumber);
+			color: #999;
+			display: block;
+			padding-right: 0.8em;
+			text-align: right;
+		}
+
+.command-line-prompt {
+	border-right: 1px solid #999;
+	display: block;
+	float: left;
+	font-size: 100%;
+	letter-spacing: -1px;
+	margin-right: 1em;
+	pointer-events: none;
+
+	-webkit-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	user-select: none;
+}
+
+.command-line-prompt > span:before {
+	color: #999;
+	content: ' ';
+	display: block;
+	padding-right: 0.8em;
+}
+
+.command-line-prompt > span[data-user]:before {
+	content: "[" attr(data-user) "@" attr(data-host) "] $";
+}
+
+.command-line-prompt > span[data-user="root"]:before {
+	content: "[" attr(data-user) "@" attr(data-host) "] #";
+}
+
+.command-line-prompt > span[data-prompt]:before {
+	content: attr(data-prompt);
+}
+
+div.code-toolbar {
+	position: relative;
+}
+
+div.code-toolbar > .toolbar {
+	position: absolute;
+	top: .3em;
+	right: .2em;
+	transition: opacity 0.3s ease-in-out;
+	opacity: 0;
+}
+
+div.code-toolbar:hover > .toolbar {
+	opacity: 1;
+}
+
+/* Separate line b/c rules are thrown out if selector is invalid.
+   IE11 and old Edge versions don't support :focus-within. */
+div.code-toolbar:focus-within > .toolbar {
+	opacity: 1;
+}
+
+div.code-toolbar > .toolbar > .toolbar-item {
+	display: inline-block;
+}
+
+div.code-toolbar > .toolbar > .toolbar-item > a {
+	cursor: pointer;
+}
+
+div.code-toolbar > .toolbar > .toolbar-item > button {
+	background: none;
+	border: 0;
+	color: inherit;
+	font: inherit;
+	line-height: normal;
+	overflow: visible;
+	padding: 0;
+	-webkit-user-select: none; /* for button */
+	-moz-user-select: none;
+	-ms-user-select: none;
+}
+
+div.code-toolbar > .toolbar > .toolbar-item > a,
+div.code-toolbar > .toolbar > .toolbar-item > button,
+div.code-toolbar > .toolbar > .toolbar-item > span {
+	color: #bbb;
+	font-size: .8em;
+	padding: 0 .5em;
+	background: #f5f2f0;
+	background: rgba(224, 224, 224, 0.2);
+	box-shadow: 0 2px 0 0 rgba(0,0,0,0.2);
+	border-radius: .5em;
+}
+
+div.code-toolbar > .toolbar > .toolbar-item > a:hover,
+div.code-toolbar > .toolbar > .toolbar-item > a:focus,
+div.code-toolbar > .toolbar > .toolbar-item > button:hover,
+div.code-toolbar > .toolbar > .toolbar-item > button:focus,
+div.code-toolbar > .toolbar > .toolbar-item > span:hover,
+div.code-toolbar > .toolbar > .toolbar-item > span:focus {
+	color: inherit;
+	text-decoration: none;
+}
+

themes/re-terminal/assets/css/style.scss

@@ -0,0 +1,26 @@
+$centerTheme: {{ if $.Site.Params.CenterTheme }}center{{ else }}flex-start{{ end }};
+
+{{ if in (slice "paper") $.Site.Params.ThemeColor }}
+@import "variables-light";
+{{ else }}
+@import "variables";
+{{ end }}
+
+@import "font";
+@import "buttons";
+@import "form";
+
+@import "header";
+@import "menu";
+@import "logo";
+@import "main";
+@import "post";
+@import "pagination";
+@import "footer";
+@import "banner";
+
+@import "prism";
+@import "syntax";
+@import "code";
+@import "terms";
+@import "gist";

themes/re-terminal/assets/css/syntax.scss

@@ -0,0 +1,152 @@
+code.language-css,
+code.language-scss,
+.token.boolean,
+.token.string,
+.token.entity,
+.token.url,
+.language-css .token.string,
+.language-scss .token.string,
+.style .token.string,
+.token.attr-value,
+.token.keyword,
+.token.control,
+.token.directive,
+.token.statement,
+.token.regex,
+.token.atrule,
+.token.number,
+.token.inserted,
+.token.important {
+  color: var(--syntax-value-color, color-mix(in srgb, var(--accent), white)) !important;
+}
+
+.token.tag-id,
+.token.atrule-id,
+.token.operator,
+.token.unit,
+.token.placeholder,
+.token.variable,
+.token.tag,
+.token.attr-name,
+.token.namespace,
+.token.deleted,
+.token.property,
+.token.class-name,
+.token.constant,
+.token.symbol {
+  color: var(--syntax-var-color, color-mix(in srgb, var(--accent) 90%, transparent)) !important;
+}
+
+.token.property,
+.token.function,
+.token.function-name,
+.token.deleted,
+code[class*="language-"],
+.command-line-prompt>span:before {
+  color: var(--syntax-func-color, color-mix(in srgb, var(--accent) 70%, #999 30%)) !important;
+}
+
+.token.selector,
+.token.tag,
+.token.punctuation {
+  color: var(--syntax-punctuation-color);
+}
+
+.token.comment,
+.token.prolog,
+.token.doctype,
+.token.cdata {
+  color: var(--syntax-comment-color) !important;
+}
+
+.token.namespace {
+  opacity: 0.7 !important;
+}
+
+pre[data-line] {
+  position: relative;
+}
+
+pre[class*="language-"] {
+  margin: 0;
+  padding: 0;
+  overflow: auto;
+}
+
+.line-highlight {
+  position: absolute;
+  left: 0;
+  right: 0;
+  padding: 0;
+  margin: 0;
+  background: color-mix(in srgb, var(--syntax-line-highlight-mix), transparent 92%);
+  pointer-events: none;
+  line-height: inherit;
+  white-space: pre;
+}
+
+.line-highlight:before,
+.line-highlight[data-end]:after {
+  content: attr(data-start);
+  position: absolute;
+  left: 0.6em;
+  min-width: 1em;
+  padding: 0 0.5em;
+  background-color: var(--syntax-line-highlight-background-color);
+  color: var(--syntax-line-highlight-color);
+  font: bold 65%/1.5 sans-serif;
+  text-align: center;
+  vertical-align: 0.3em;
+  border-radius: 999px;
+  text-shadow: none;
+  box-shadow: 0 1px var(--syntax-line-highlight-box-shadow);
+}
+
+.line-highlight[data-end]:after {
+  content: attr(data-end);
+  top: auto;
+  bottom: 0.4em;
+}
+
+.line-numbers .line-highlight:before,
+.line-numbers .line-highlight:after {
+  content: none;
+}
+
+.code-toolbar {
+  --code-margin: 40px;
+  position: relative;
+  margin: var(--code-margin) 0;
+  padding: 20px;
+  border: 1px solid var(--syntax-code-border-color);
+
+  +.code-toolbar,
+  +.highlight,
+  +.highlight .code-toolbar {
+    border-top: 0;
+    margin-top: calc(-1 * var(--code-margin));
+  }
+
+  pre,
+  code {
+    border: none;
+  }
+
+  code {
+    display: block;
+    color: inherit;
+  }
+
+  >.toolbar {
+    button {
+      font-size: 0.8em !important;
+      background: var(--syntax-code-copy-button-background) !important;
+      color: var(--syntax-code-copy-button-color) !important;
+      box-shadow: 0 2px 0 0 var(--syntax-code-copy-button-box-shadow-color) !important;
+      border-radius: 0 !important;
+      margin: 6px !important;
+      padding: 10px !important;
+      user-select: none;
+    }
+  }
+}

themes/re-terminal/assets/css/terms.scss

@@ -0,0 +1,22 @@
+.terms {
+  h3 {
+    font-size: initial;
+  }
+
+  ul {
+    list-style: none;
+
+    li {
+      a {
+        color: var(--accent);
+      }
+    }
+
+    li:not(:empty):before {
+      content: '-';
+      position: absolute;
+      left: -20px;
+      color: var(--accent);
+    }
+  }
+}

themes/re-terminal/assets/css/variables-light.scss

@@ -0,0 +1,29 @@
+:root {
+  --accent-contrast-color: white;
+  --article-link-color: var(inherit);
+  --background: color-mix(in srgb, var(--accent) 2%, #fefcfa 98%);
+  --border-color: rgba(0, 0, 0, 0.1);
+  --color: black;
+  --menu-color: black;
+
+  // Use in code syntax highlighting
+  --syntax-func-color: color-mix(in srgb, var(--accent) 70%, #000 30%);
+  --syntax-var-color: color-mix(in srgb, var(--accent) 90%, #000);
+  --syntax-value-color: color-mix(in srgb, var(--accent), black);
+  --syntax-punctuation-color: black;
+  --syntax-comment-color: rgba(0, 0, 0, 0.3);
+  --syntax-line-highlight-mix: color-mix(in srgb, var(--accent) 90%, #000 10%);
+  --syntax-line-highlight-background-color: hsla(336, 20%, 50%, 0.4);
+  --syntax-line-highlight-color: hsl(336, 20%, 95%);
+  --syntax-line-highlight-box-shadow: black;
+  --syntax-code-border-color: rgba(0, 0, 0, 0.1);
+  --syntax-code-copy-button-background: hsla(360, 0%, 87.8%, 0.2);
+  --syntax-code-copy-button-color: #444;
+  --syntax-code-copy-button-box-shadow-color: rgba(255, 255, 255, 0.2);
+}
+
+// Native CSS Variable aren't supported in a combination with MEDIA QUERIES. Wait for a new standard https://drafts.csswg.org/css-env-1/
+// --phone: "max-width: 684px";
+// --tablet: "max-width: 900px";
+$phone: 684px;
+$tablet: 900px;

themes/re-terminal/assets/css/variables.scss

@@ -0,0 +1,29 @@
+:root {
+  --accent-contrast-color: black;
+  --article-link-color: var(inherit);
+  --background: color-mix(in srgb, var(--accent) 2%, #1d1e28 98%);
+  --border-color: rgba(255, 255, 255, 0.1);
+  --color: white;
+  --menu-color: white;
+
+  // Use in code syntax highlighting
+  --syntax-func-color: color-mix(in srgb, var(--accent) 70%, #999 30%);
+  --syntax-var-color: color-mix(in srgb, var(--accent) 90%, transparent);
+  --syntax-punctuation-color: white;
+  --syntax-value-color: color-mix(in srgb, var(--accent), white);
+  --syntax-comment-color: rgba(255, 255, 255, 0.3);
+  --syntax-line-highlight-mix: color-mix(in srgb, var(--accent) 90%, #999 10%);
+  --syntax-line-highlight-background-color: hsla(24, 20%, 50%, 0.4);
+  --syntax-line-highlight-color: hsl(24, 20%, 95%);
+  --syntax-line-highlight-box-shadow: white;
+  --syntax-code-border-color: rgba(255, 255, 255, 0.1);
+  --syntax-code-copy-button-background: hsla(0, 0%, 87.8%, 0.2);
+  --syntax-code-copy-button-color: #bbb;
+  --syntax-code-copy-button-box-shadow-color: rgba(0, 0, 0, 0.2);
+}
+
+// Native CSS Variable aren't supported in a combination with MEDIA QUERIES. Wait for a new standard https://drafts.csswg.org/css-env-1/
+// --phone: "max-width: 684px";
+// --tablet: "max-width: 900px";
+$phone: 684px;
+$tablet: 900px;

themes/re-terminal/assets/js/banner.js

@@ -0,0 +1,12 @@
+const banner = document.getElementById("banner");
+const buttons = banner.getElementsByTagName("button");
+
+if (buttons?.[0]) {
+  const listener = buttons[0].addEventListener("click", () => {
+    banner.remove();
+  });
+
+  if (!document.getElementById("banner")) {
+    removeEventListener("click", listener);
+  }
+}

themes/re-terminal/assets/js/menu.js

@@ -0,0 +1,44 @@
+const container = document.querySelector(".container");
+const allMenus = document.querySelectorAll(".menu");
+
+// Hide menus on body click
+document.body.addEventListener("click", () => {
+  allMenus.forEach(menu => {
+    if (menu.classList.contains("open")) {
+      menu.classList.remove("open");
+    }
+  });
+});
+
+// Reset menus on resize
+window.addEventListener("resize", () => {
+  allMenus.forEach(menu => {
+    menu.classList.remove("open");
+  });
+});
+
+// Handle desktop menu
+allMenus.forEach(menu => {
+  const trigger = menu.querySelector(".menu__trigger");
+  const dropdown = menu.querySelector(".menu__dropdown");
+
+  trigger.addEventListener("click", e => {
+    e.stopPropagation();
+
+    if (menu.classList.contains("open")) {
+      menu.classList.remove("open");
+    } else {
+      // Close all menus...
+      allMenus.forEach(m => m.classList.remove("open"));
+      // ...before opening the current one
+      menu.classList.add("open");
+    }
+
+    if (dropdown.getBoundingClientRect().right > container.getBoundingClientRect().right) {
+      dropdown.style.left = "auto";
+      dropdown.style.right = 0;
+    }
+  });
+
+  dropdown.addEventListener("click", e => e.stopPropagation());
+});

themes/re-terminal/babel.config.js

@@ -0,0 +1,18 @@
+module.exports = function(api) {
+  api.cache(true);
+
+  const presets = [
+    [
+      "@babel/preset-env",
+      {
+        targets: "last 2 versions, >1%, not dead",
+      },
+    ],
+  ];
+  const plugins = [];
+
+  return {
+    presets,
+    plugins,
+  };
+};

themes/re-terminal/config.toml

@@ -0,0 +1,4 @@
+[module]
+[module.hugoVersion]
+extended = true
+min = '0.128.0'

themes/re-terminal/go.mod

@@ -0,0 +1,3 @@
+module github.com/mirus-ua/hugo-theme-re-terminal/v2
+
+go 1.22

themes/re-terminal/layouts/404.html

@@ -0,0 +1,10 @@
+{{ define "main" }}
+  <div class="post">
+    <h1 class="post-title">404 — {{ $.Site.Params.missingContentMessage | default "Page not found..." }}</h1>
+
+    <div class="post-content">
+      <a href="{{ "/" | absURL }}">{{ $.Site.Params.missingBackButtonLabel | default "Back to home page" }}&nbsp;→</a>
+    </div>
+
+  </div>
+{{ end }}

themes/re-terminal/layouts/_default/baseof.html

@@ -0,0 +1,48 @@
+<!DOCTYPE html>
+<html lang="{{ $.Site.Language }}">
+<head>
+  {{ block "title" . }}
+    <title>{{ if .IsHome }}{{ $.Site.Title }}{{ else }}{{ .Title }} :: {{ $.Site.Title }}{{ end }}</title>
+  {{ end }}
+  {{ partial "head.html" . }}
+
+  {{ block "head" . }}{{""}}{{ end }}
+
+
+</head>
+<body class="{{- ( or .Params.color $.Site.Params.ThemeColor ) -}}">
+{{ if .Site.Params.Banner }}
+  {{ with .Site.Params.Banner }}
+    <div id="banner">
+      <span>
+        {{ if .url }}
+          <a href="{{ .url }}">{{ .text }}</a>
+        {{ else }}
+          {{ .text }}
+        {{ end }}
+      </span>
+      {{ if .dismissible }}
+        <button type="button">x</button>
+      {{ end }}
+    </div>
+  {{ end }}
+{{ end }}
+
+{{ $container := cond ($.Site.Params.FullWidthTheme | default false) "container full" (cond ($.Site.Params.CenterTheme | default true) "container center" "container") }}
+
+<div class="{{- $container -}}{{- cond ($.Site.Params.oneHeadingSize | default true) " headings--one-size" "" }}">
+
+  {{ partial "header.html" . }}
+
+  <div class="content">
+    {{ block "main" . }}
+    {{ end }}
+  </div>
+
+  {{ block "footer" . }}
+    {{ partial "footer.html" . }}
+  {{ end }}
+</div>
+
+</body>
+</html>

themes/re-terminal/layouts/_default/index.html

@@ -0,0 +1,68 @@
+{{ define "main" }}
+  {{ if .Content }}
+    <div class="index-content {{ if .Params.framed -}}framed{{- end -}}">
+      {{ .Content }}
+    </div>
+  {{ end }}
+  <div class="posts">
+    {{ $isntDefault := not (or (eq (trim $.Site.Params.contentTypeName " ") "posts") (eq (trim $.Site.Params.contentTypeName " ") "")) }}
+    {{ $contentTypeName := cond $isntDefault (string $.Site.Params.contentTypeName) "posts" }}
+
+    {{ $PageContext := . }}
+    {{ if .IsHome }}
+      {{ $PageContext = .Site }}
+    {{ end }}
+    {{ $paginator := .Paginate (where $PageContext.RegularPages "Type" $contentTypeName) }}
+
+    {{ range $paginator.Pages }}
+      <article class="post on-list">
+        <h1 class="post-title">
+          <a href="{{ .Permalink }}">{{ .Title | markdownify }}</a>
+        </h1>
+
+        <div class="post-meta">
+          {{- if .Date -}}
+            <time class="post-date">
+              {{- .Date.Format "2006-01-02" -}}
+            </time>
+          {{- end -}}
+          {{- with .Params.Author -}}
+            <span class="post-author">{{ . }}</span>
+          {{- end -}}
+          <!-- comments counter -->
+          {{ partial "comments_counter.html" . }}
+        </div>
+
+        {{ if .Params.tags }}
+          <span class="post-tags">
+            {{ range .Params.tags }}
+            #<a href="{{ (urls.JoinPath "tags" (urlize .) "/") | absLangURL }}">
+              {{- . -}}
+            </a>&nbsp;
+            {{ end }}
+          </span>
+        {{ end }}
+
+        {{ partial "cover.html" . }}
+
+        <div class="post-content">
+          {{ if .Params.showFullContent }}
+            {{ .Content }}
+          {{ else if .Description }}
+            {{ .Description | markdownify }}
+          {{ else }}
+            {{ .Summary }}
+          {{ end }}
+        </div>
+
+        {{ if not .Params.showFullContent }}
+          <div>
+            <a class="read-more button" href="{{.RelPermalink}}">{{ $.Site.Params.ReadMore }} →</a>
+          </div>
+        {{ end }}
+      </article>
+    {{ end }}
+
+    {{ partial "pagination.html" . }}
+  </div>
+{{ end }}

themes/re-terminal/layouts/_default/list.html

@@ -0,0 +1,58 @@
+{{ define "main" }}
+  {{ with .Content }}
+    <div class="index-content">
+      {{ . }}
+    </div>
+  {{ end }}
+  <div class="posts">
+    {{ range .Paginator.Pages }}
+      <article class="post on-list">
+        <h1 class="post-title">
+          <a href="{{ .Permalink }}">{{ .Title | markdownify }}</a>
+        </h1>
+        <div class="post-meta">
+          {{- if .Date -}}
+            <time class="post-date">
+              {{- .Date.Format "2006-01-02" -}}
+            </time>
+          {{- end -}}
+          {{- with .Params.Author -}}
+            <span class="post-author">{{- . -}}</span>
+          {{- end -}}
+          <!-- comments counter -->
+          {{ partial "comments_counter.html" . }}
+        </div>
+
+        {{ if .Params.tags }}
+          <span class="post-tags">
+            {{ range .Params.tags }}
+            #<a href="{{ (urls.JoinPath "tags" (urlize .) "/") | absLangURL }}">
+              {{- . -}}
+            </a>&nbsp;
+            {{ end }}
+          </span>
+        {{ end }}
+
+        {{ partial "cover.html" . }}
+
+        <div class="post-content">
+          {{ if .Params.showFullContent }}
+            {{ .Content }}
+          {{ else if .Description }}
+            {{ .Description | markdownify }}
+          {{ else }}
+            {{ .Summary }}
+          {{ end }}
+        </div>
+
+        {{ if not .Params.showFullContent }}
+          <div>
+            <a class="read-more button" href="{{.RelPermalink}}">{{ $.Site.Params.ReadMore }} →</a>
+          </div>
+        {{ end }}
+      </article>
+    {{ end }}
+
+    {{ partial "pagination.html" . }}
+  </div>
+{{ end }}

themes/re-terminal/layouts/_default/rss.xml

@@ -0,0 +1,40 @@
+{{- $pctx := . -}}
+{{- if .IsHome -}}{{ $pctx = .Site }}{{- end -}}
+{{- $pages := slice -}}
+{{- if or $.IsHome $.IsSection -}}
+{{- $pages = $pctx.RegularPages -}}
+{{- else -}}
+{{- $pages = $pctx.Pages -}}
+{{- end -}}
+{{- $limit := .Site.Config.Services.RSS.Limit -}}
+{{- if ge $limit 1 -}}
+{{- $pages = $pages | first $limit -}}
+{{- end -}}
+{{- printf "<?xml version=\"1.0\" encoding=\"utf-8\" standalone=\"yes\"?>" | safeHTML }}
+<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
+  <channel>
+    <title>{{ if eq  .Title  .Site.Title }}{{ .Site.Title }}{{ else }}{{ with .Title }}{{.}} on {{ end }}{{ .Site.Title }}{{ end }}</title>
+    <link>{{ .Permalink }}</link>
+    <description>Recent content {{ if ne  .Title  .Site.Title }}{{ with .Title }}in {{.}} {{ end }}{{ end }}on {{ .Site.Title }}</description>
+    <generator>Hugo -- gohugo.io</generator>{{ with .Site.LanguageCode }}
+    <language>{{.}}</language>{{end}}{{ with .Site.Params.Author.email }}
+    <managingEditor>{{.}}{{ with $.Site.Params.Author.name }} ({{.}}){{end}}</managingEditor>{{end}}{{ with .Site.Params.Author.email }}
+    <webMaster>{{.}}{{ with $.Site.Params.Author.name }} ({{.}}){{end}}</webMaster>{{end}}{{ with .Site.Copyright }}
+    <copyright>{{.}}</copyright>{{end}}{{ if not .Date.IsZero }}
+    <lastBuildDate>{{ .Date.Format "Mon, 02 Jan 2006 15:04:05 -0700" | safeHTML }}</lastBuildDate>{{ end }}
+    {{- with .OutputFormats.Get "RSS" -}}
+    {{ printf "<atom:link href=%q rel=\"self\" type=%q />" .Permalink .MediaType | safeHTML }}
+    {{- end -}}
+    {{ range $pages }}
+    <item>
+      <title>{{ .Title }}</title>
+      <link>{{ .Permalink }}</link>
+      <pubDate>{{ .Date.Format "Mon, 02 Jan 2006 15:04:05 -0700" | safeHTML }}</pubDate>
+      {{ with .Site.Params.Author.email }}<author>{{.}}{{ with $.Site.Params.Author.name }} ({{.}}){{end}}</author>{{end}}
+      <guid>{{ .Permalink }}</guid>
+      <description>{{ .Summary | html }}</description>
+      <content>{{ .Content | html }}</content>
+    </item>
+    {{ end }}
+  </channel>
+</rss>

themes/re-terminal/layouts/_default/single.html

@@ -0,0 +1,59 @@
+{{ define "main" }}
+<article class="post">
+  <h1 class="post-title">
+    <a href="{{ .Permalink }}">{{ .Title | markdownify }}</a>
+  </h1>
+  <div class="post-meta">
+    {{- if .Date -}}
+      <time class="post-date">
+        {{- .Date.Format "2006-01-02" -}}
+        {{- if $.Site.Params.showLastUpdated -}}
+          [{{- or $.Site.Params.updatedDatePrefix "Updated" -}} :: {{- .Lastmod.Format "2006-01-02" -}}]
+        {{- end -}}
+      </time>
+    {{- end -}}
+    {{- with .Params.Author -}}
+      <span class="post-author">{{ . }}</span>
+    {{- end -}}
+    <!-- comments counter -->
+    {{ partial "comments_counter.html" . }}
+    {{- if and (.Param "readingTime") (eq (.Param "readingTime") true) -}}
+      <span class="post-reading-time">{{ .ReadingTime }} {{ $.Site.Params.minuteReadingTime | default "min read" }} ({{ .WordCount }} {{ $.Site.Params.words | default "words" }})</span>
+    {{- end -}}
+  </div>
+
+  {{ if .Params.tags }}
+    <span class="post-tags">
+      {{ range .Params.tags }}
+      #<a href="{{ (urls.JoinPath "tags" (urlize .) "/") | absLangURL }}">{{ . }}</a>&nbsp;
+      {{ end }}
+    </span>
+  {{ end }}
+  {{ partial "cover.html" (dict "ctx" . "isCoverCaptionEnabled" true) }}
+
+  {{ if (.Params.Toc | default .Site.Params.Toc) }}
+    <div class="table-of-contents">
+      <h2>
+        {{ (.Params.TocTitle | default .Site.Params.TocTitle) | default "Table of Contents" }}
+      </h2>
+      {{ .TableOfContents }}
+    </div>
+  {{ end }}
+
+  <div class="post-content">
+    {{- with .Content -}}
+      <div>
+        {{ . | replaceRE "(<h[1-9] id=\"([^\"]+)\".+)(</h[1-9]+>)" `${1}<a href="#${2}" class="hanchor" ariaLabel="Anchor">&#8983;</a> ${3}` | safeHTML }}
+      </div>
+    {{- end -}}
+  </div>
+
+  {{ if eq .Type $.Site.Params.contentTypeName }}
+    {{ partial "posts_pagination.html" . }}
+  {{ end }}
+
+  {{ if not (.Params.hideComments | default false) }}
+    {{ partial "comments.html" . }}
+  {{ end }}
+</article>
+{{ end }}

themes/re-terminal/layouts/_default/term.html

@@ -0,0 +1,57 @@
+{{ define "main" }}
+  <h1>Posts for: #{{ .Title }}</h1>
+  {{ with .Content }}
+    <div class="index-content">
+      {{ . }}
+    </div>
+  {{ end }}
+  <div class="posts">
+    {{ range .Paginator.Pages }}
+      <article class="post on-list">
+        <h1 class="post-title">
+          <a href="{{ .Permalink }}">{{ .Title | markdownify }}</a>
+        </h1>
+        <div class="post-meta">
+          {{- if .Date -}}
+            <time class="post-date">
+              {{- .Date.Format "2006-01-02" -}}
+            </time>
+          {{- end -}}
+          {{- with .Params.Author -}}
+            <span class="post-author">{{- . -}}</span>
+          {{- end -}}
+        </div>
+
+        {{ if .Params.tags }}
+          <span class="post-tags">
+            {{ range .Params.tags }}
+            #<a href="{{ (urls.JoinPath "tags" (urlize .) "/") | absLangURL }}">
+              {{- . -}}
+            </a>&nbsp;
+            {{ end }}
+          </span>
+        {{ end }}
+
+        {{ partial "cover.html" . }}
+
+        <div class="post-content">
+          {{ if .Params.showFullContent }}
+            {{ .Content }}
+          {{ else if .Description }}
+            {{ .Description | markdownify }}
+          {{ else }}
+            {{ .Summary }}
+          {{ end }}
+        </div>
+
+        {{ if not .Params.showFullContent }}
+          <div>
+            <a class="read-more button" href="{{.RelPermalink}}">{{ $.Site.Params.ReadMore }} →</a>
+          </div>
+        {{ end }}
+      </article>
+    {{ end }}
+
+    {{ partial "pagination.html" . }}
+  </div>
+{{ end }}

themes/re-terminal/layouts/_default/terms.html

@@ -0,0 +1,22 @@
+{{ define "main" }}
+  <div class="terms">
+    <h1>{{ .Title }}</h1>
+    {{ with .Content }}
+      <div class="index-content">
+        {{ . }}
+      </div>
+    {{ end }}
+    <ul>
+      {{ $type := .Type }}
+      {{ range $key, $value := .Data.Terms.Alphabetical }}
+      {{ $name := .Name }}
+      {{ $count := .Count }}
+      {{ with $.Site.GetPage (printf "/%s/%s" $type $name) }}
+        <li>
+          <a class="terms-title" href="{{ .Permalink }}">{{ .Name }} [{{ $count }}]</a>
+        </li>
+      {{ end }}
+      {{ end }}
+    </ul>
+  </div>
+{{ end }}

themes/re-terminal/layouts/partials/comments.html

@@ -0,0 +1,12 @@
+<div class="utterances">
+  <iframe class="utterances-frame"></iframe>
+</div>
+<script
+  src="https://utteranc.es/client.js"
+  repo="mirus-ua/hugo-theme-re-terminal"
+  issue-term="pathname"
+  label="Comment ✨💬✨"
+  theme="dark-blue"
+  crossorigin="anonymous"
+  async
+></script>

themes/re-terminal/layouts/partials/comments_counter.html

@@ -0,0 +1,17 @@
+<!--
+To add comments section, please create `layouts/partials/comments_counter.html` in your
+Hugo directory and insert:
+
+you can use the snippet bellow to add disqus comments counter to your posts
+
+<span>
+  <a class="disqus_comments" href="{{ .Permalink }}#disqus_thread">
+    <span 
+    class="disqus-comment-count"
+    data-disqus-url="{{ with .Params.disqus_url }}{{ . }}{{ else }}{{ .Permalink }}{{ end }}">O {{ $.Site.Params.comments | default "comments" }}</span>
+    {{ .Site.Params.noCounter }}
+  </a>
+</span>
+
+or whatever comment engine you want -> https://gohugo.io/content-management/comments/#readout
+-->

themes/re-terminal/layouts/partials/cover.html

@@ -0,0 +1,54 @@
+
+
+{{- $ctx := "" -}}
+{{- $isCoverCaptionEnabled := default nil -}}
+{{- if (reflect.IsMap . ) -}}
+  {{- /* Assign Custom Context */ -}}
+  {{- $ctx = .ctx -}}
+  {{- /* Assign value of .isCoverCaptionEnabled */ -}}
+  {{- $isCoverCaptionEnabled = cond (not .isCoverCaptionEnabled) nil .isCoverCaptionEnabled -}}
+{{- else -}}
+  {{- /* Passing dot context, default behaviour */ -}}
+  {{- $ctx = . -}}
+  {{- /* Default isCoverCaptionEnabled for Dot Context */ -}}
+  {{- $isCoverCaptionEnabled = false -}}
+{{- end -}}
+
+
+{{- $cover := false -}}
+{{- $autoCover := default $.Site.Params.autoCover false }}
+
+{{- if index $ctx.Params "cover" -}}
+  {{- if .Resources.GetMatch $ctx.Params.Cover }}
+    {{- $cover = (.Resources.GetMatch $ctx.Params.Cover).RelPermalink -}}
+  {{- else -}}
+    {{- $cover = absURL $ctx.Params.Cover -}}
+  {{- end -}}
+{{- else if $.Site.Params.AutoCover -}}
+  {{- if (not $ctx.Params.Cover) -}}
+    {{- if .Resources.GetMatch "cover.*" -}}
+      {{- $cover = (.Resources.GetMatch "cover.*").RelPermalink -}}
+    {{- end -}}
+  {{- end -}}
+{{- end -}}
+
+{{- if $cover -}}
+  {{ if and $ctx.Params.coverCaption $isCoverCaptionEnabled }}
+    <figure> 
+      <!-- Cover image found -->
+      <img src="{{ $cover }}"
+      class="post-cover"
+      alt="{{ .Title | plainify | default " " }}"
+      title="{{ $ctx.Params.CoverCredit |plainify|default "Cover Image" }}" />
+      
+      <figcaption class="right">{{ $ctx.Params.coverCaption | safeHTML }}</figcaption>
+    </figure>
+  {{ else }}
+    <!-- Cover image found -->
+    <img src="{{ $cover }}"
+      class="post-cover"
+      alt="{{ .Title | plainify | default " " }}"
+      title="{{ $ctx.Params.CoverCredit |plainify|default "Cover Image" }}" />
+  {{ end }}
+{{- end }}
+

themes/re-terminal/layouts/partials/extended_footer.html

@@ -0,0 +1,4 @@
+<!--
+To add an extended footer section, please create
+`layouts/partials/extended_footer.html` in your Hugo directory.
+-->

themes/re-terminal/layouts/partials/extended_head.html

@@ -0,0 +1,4 @@
+<!--
+To add an extended head section, please create
+`layouts/partials/extended_head.html` in your Hugo directory.
+-->

themes/re-terminal/layouts/partials/footer.html

@@ -0,0 +1,29 @@
+<footer class="footer">
+  <div class="footer__inner">
+    {{ if $.Site.Params.Copyright }}
+      <div class="copyright copyright--user">
+        <span>{{ $.Site.Params.Copyright | safeHTML }}</span>
+    {{ else }}
+      <div class="copyright">
+        <span>© {{ now.Year }} Powered by <a href="https://gohugo.io">Hugo</a></span>
+    {{ end }}
+      </div>
+  </div>
+</footer>
+
+{{ $menu := resources.Get "js/menu.js" | js.Build }}
+{{ $prism := resources.Get "js/prism.js" | js.Build }}
+
+{{ $bundle := slice $menu $prism | resources.Concat "bundle.js" | resources.Minify }}
+
+<script type="text/javascript" src="{{ $bundle.RelPermalink }}"></script>
+
+<!-- Banner JS if it enabled -->
+{{ if .Site.Params.Banner }}
+  {{ $banner := resources.Get "js/banner.js" | js.Build | resources.Minify }}
+
+  <script type="text/javascript" src="{{ $banner.RelPermalink }}"></script>
+{{ end }}
+
+<!-- Extended footer section-->
+{{ partial "extended_footer.html" . }}

themes/re-terminal/layouts/partials/head.html

@@ -0,0 +1,96 @@
+<meta http-equiv="content-type" content="text/html; charset=utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta name="description" content="{{ if .IsHome }}{{ $.Site.Params.Subtitle }}{{ else if .Description}}{{ .Description | plainify }}{{ else }}{{ .Summary | plainify }}{{ end }}" />
+<meta name="keywords" content="{{ with .Params.Keywords }}{{ delimit . ", " }}{{ else }}{{ $.Site.Params.Keywords }}{{ end }}" />
+{{ if .Params.noindex }}
+  {{ if or (eq (.Param "noindex") true) (eq (.Param "noindex") "true") }}
+    <meta name="robots" content="noindex" /> 
+  {{ end }}
+{{ else }}
+  <meta name="robots" content="noodp" />
+{{ end }}
+<link rel="canonical" href="{{ .Permalink }}" />
+
+{{ template "_internal/google_analytics.html" . }}
+
+{{ $defaultStylesTemplate := resources.Get "css/style.scss" }}
+{{ $defaultStyles := $defaultStylesTemplate | resources.ExecuteAsTemplate "main.scss" .}}
+<!-- Local Theme Variables -->
+{{ if and (isset .Params "color") (not (eq .Params.color "")) }}
+  {{ $localColorCss := resources.Get (printf "css/color/%s.scss" .Params.color) }}
+  {{ $localCss := slice $localColorCss $defaultStyles | resources.Concat (printf "css/%s-local.scss" .Params.color) }}
+  {{ $options := (dict "transpiler" "libsass") }}
+  {{ $localColorStyles := $localCss | css.Sass $options }}
+  <link rel="stylesheet" href="{{ $localColorStyles.Permalink }}">
+{{ else }}
+  <!-- Theme Variables -->
+  {{ $colorCss := resources.Get (printf "css/color/%s.scss" ($.Site.Params.ThemeColor | default "blue")) }}
+  {{ $css := slice $colorCss $defaultStyles | resources.Concat "css/base.scss" }}
+  {{ $options := (dict "transpiler" "libsass" "targetPath" "styles.css" "outputStyle" "compressed" "enableSourceMap" true "precision" 6 "includePaths" (slice "node_modules")) }}
+  {{ $styles := $css | css.Sass $options }}
+  <link rel="stylesheet" href="{{ $styles.Permalink }}">
+{{ end }}
+
+<!-- Custom CSS to override theme properties (/static/style.css) -->
+{{ if (fileExists "static/style.css") -}}
+  <link rel="stylesheet" href="{{ "style.css" | absURL }}">
+{{- end }}
+
+<!-- Icons -->
+{{ if isset $.Site.Params "favicon" }}
+  <link rel="shortcut icon" href="{{ $.Site.Params.favicon | absURL }}">
+{{ else }}
+  <link rel="shortcut icon" href="{{ printf "img/theme-colors/%s.png" (or .Params.color $.Site.Params.ThemeColor | default "orange") | absURL }}">
+  <link rel="apple-touch-icon" href="{{ printf "img/theme-colors/%s.png" (or .Params.color $.Site.Params.ThemeColor | default "orange") | absURL }}">
+{{ end }}
+
+<!-- Twitter Card -->
+<meta name="twitter:card" content="summary" />
+{{ if (isset $.Site.Params "twitter") }}
+  {{ if (isset $.Site.Params.Twitter "site") }}
+    <meta name="twitter:site" content="{{ $.Site.Params.Twitter.site }}" />
+  {{ end }}
+    <meta name="twitter:creator" content="{{ if .IsHome }}{{ $.Site.Params.Twitter.creator }}{{ else if isset .Params "authortwitter" }}{{ .Params.authorTwitter }}{{ else }}{{ .Params.Author }}{{ end }}" />
+{{ end }}
+
+<!-- OG data -->
+<meta property="og:locale" content="{{ $.Site.Language.Lang }}" />
+<meta property="og:type" content="{{ if .IsPage }}article{{ else }}website{{ end }}" />
+<meta property="og:title" content="{{ if .IsHome }}{{ $.Site.Title }}{{ else }}{{ .Title }}{{ end }}">
+<meta property="og:description" content="{{ if .IsHome }}{{ $.Site.Params.Subtitle }}{{ else if .Description}}{{ .Description | plainify }}{{ else }}{{ .Summary | plainify }}{{ end }}" />
+<meta property="og:url" content="{{ .Permalink }}" />
+<meta property="og:site_name" content="{{ $.Site.Title }}" />
+{{ if (isset .Params "cover") }}
+  {{ $pageCover := .Param "cover" }}
+  {{ with (.Resources.GetMatch (.Param "cover")) }}
+    {{ $pageCover = .RelPermalink }}
+  {{ end }}
+  <meta property="og:image" content="{{ $pageCover | absURL }}">
+{{ else }}
+  {{ if isset $.Site.Params "favicon" }}
+    <meta property="og:image" content="{{ $.Site.Params.favicon | absURL }}">
+  {{ else }}
+    <meta property="og:image" content="{{ printf "img/favicon/%s.png" $.Site.Params.ThemeColor | absURL }}">
+  {{ end }}
+{{ end }}
+<meta property="og:image:width" content="1200">
+<meta property="og:image:height" content="627">
+{{ range .Params.categories }}
+  <meta property="article:section" content="{{ . }}" />
+{{ end }}
+{{ if isset .Params "date" }}
+  <meta property="article:published_time" content="{{ time .Date }}" />
+{{ end }}
+
+<!-- RSS -->
+{{ with .OutputFormats.Get "RSS" }}
+  <link href="{{ .RelPermalink }}" rel="alternate" type="application/rss+xml" title="{{ $.Site.Title }}" />
+{{ end }}
+
+<!-- JSON Feed -->
+{{ with .OutputFormats.Get "json" }}
+  <link href="{{ .RelPermalink }}" rel="alternate" type="application/json" title="{{ $.Site.Title }}" />
+{{ end }}
+
+<!-- Extended head section-->
+{{ partial "extended_head.html" . }}

themes/re-terminal/layouts/partials/header.html

@@ -0,0 +1,16 @@
+<header class="header">
+  <div class="header__inner">
+    <div class="header__logo">
+      {{ partial "logo.html" . }}
+    </div>
+    {{ if len $.Site.Menus }}
+      {{ partial "mobile-menu.html" . }}
+    {{ end }}
+    {{ if and $.Site.Params.showLanguageSelector (len $.Site.Home.AllTranslations) }}
+      {{ partial "language-menu.html" . }}
+    {{ end }}
+  </div>
+  {{ if len $.Site.Menus }}
+    {{ partial "menu.html" . }}
+  {{ end }}
+</header>

themes/re-terminal/layouts/partials/language-menu.html

@@ -0,0 +1,10 @@
+<ul class="menu menu--desktop menu--language-selector">
+  <li class="menu__trigger">{{ .Language.LanguageName }}&nbsp;▾</li>
+  <li>
+    <ul class="menu__dropdown">
+      {{ range $.Site.Home.AllTranslations }}
+        <li><a href="{{ .Permalink }}">{{ .Language.LanguageName }}</a></li>
+      {{ end }}
+    </ul>
+  </li>
+</ul>

themes/re-terminal/layouts/partials/logo.html

@@ -0,0 +1,5 @@
+<a href="{{ if $.Site.Params.Logo.LogoHomeLink }}{{ $.Site.Params.Logo.LogoHomeLink }}{{else}}{{ $.Site.BaseURL }}{{ end }}">
+  <div class="logo">
+    {{ with $.Site.Params.Logo.logoText }}{{ . }}{{ else }}re-Terminal{{ end }}
+  </div>
+</a>

themes/re-terminal/layouts/partials/menu.html

@@ -0,0 +1,56 @@
+<nav class="navigation-menu">
+  <ul class="navigation-menu__inner menu--desktop">
+    {{ if or $.Site.Params.showMenuItems ( eq .Site.Params.showMenuItems 0 ) }}
+      {{/*  get first amount of item  */}}
+      {{ range first $.Site.Params.showMenuItems $.Site.Menus.main }}
+        {{ if not .HasChildren }}
+          <li><a href="{{ .URL }}" {{ if .Params.NewTab -}} target="_blank" {{- end }}>{{ .Name }}</a></li>
+        {{ else }}
+        <li>
+          <ul class="menu">
+            <li class="menu__trigger">{{ .Name }}&nbsp;▾</li>
+            <li>
+              <ul class="menu__dropdown">
+                {{ range .Children  }}
+                    <li><a href="{{ .URL }}" {{ if .Params.NewTab -}} target="_blank" {{- end }}>{{ .Name }}</a></li>
+                {{ end }}  
+              </ul>
+            </li>
+          </ul>
+        </li>
+        {{end}}
+      {{ end }}
+      {{ if gt (len $.Site.Menus.main) $.Site.Params.showMenuItems }}
+        <li>
+          <ul class="menu">
+            <li class="menu__trigger">{{ $.Site.Params.MenuMore }}&nbsp;▾</li>
+            <li>
+              <ul class="menu__dropdown">
+                {{ range last (sub (len $.Site.Menus.main) $.Site.Params.showMenuItems) $.Site.Menus.main }}
+                  {{ if not .HasChildren }}
+                    <li><a href="{{ .URL }}" {{ if .Params.NewTab -}} target="_blank" {{- end }}>{{ .Name }}</a></li>
+                  {{ else }}
+                  <li class="menu__subdrop--title">▾&nbsp;{{ .Name }}</li>
+                  <li>
+                    <ul  class="menu__subdrop--list">
+                      {{ range .Children  }}
+                      <li><a href="{{ .URL }}" {{ if .Params.NewTab -}} target="_blank" {{- end }}>{{ .Name }}</a></li>
+                      {{ end }}  
+                    </ul>
+                  </li>
+                  {{ end }}
+                {{ end }}
+              </ul>
+            </li>
+          </ul>
+        </li>
+      {{ end }}
+    {{ else }}
+      {{ range $.Site.Menus.main }}
+        {{ if not .HasChildren }}
+          <li><a href="{{ .URL }}" {{ if .Params.NewTab -}} target="_blank" {{- end }}>{{ .Name }}</a></li>
+        {{ end }}
+      {{ end }}
+    {{ end }}
+  </ul>
+</nav>

themes/re-terminal/layouts/partials/mobile-menu.html

@@ -0,0 +1,29 @@
+<ul class="menu menu--mobile">
+  <li class="menu__trigger">Menu&nbsp;▾</li>
+  <li>
+    <ul class="menu__dropdown">
+      {{ range $.Site.Menus.main }}
+        {{ if not .HasChildren }}
+          <li><a href="{{ .URL }}">{{ .Name }}</a></li>
+        {{ else }}
+        <li class="menu__subdrop--title">▾&nbsp;{{ .Name }}</li>
+        <li>
+          <ul  class="menu__subdrop--list">
+            {{ range .Children  }}
+            <li><a href="{{ .URL }}" {{ if .Params.NewTab -}} target="_blank" {{- end }}>{{ .Name }}</a></li>
+            {{ end }}  
+          </ul>
+        </li>
+        {{ end }}
+      {{ end }}
+      {{ if and $.Site.Params.showLanguageSelector (len $.Site.Home.AllTranslations) }}
+        <hr />
+        {{ range $.Site.Home.AllTranslations }}
+          <li>
+            <a href="{{ .Permalink }}">{{ .Language.LanguageName }}</a>
+          </li>
+        {{ end }}
+      {{ end }}
+    </ul>
+  </li>
+</ul>

themes/re-terminal/layouts/partials/pagination.html

@@ -0,0 +1,16 @@
+<div class="pagination">
+  <div class="pagination__buttons">
+    {{ if .Paginator.HasPrev }}
+      <a href="{{ .Paginator.Prev.URL }}" class="button previous">
+        <span class="button__icon">←</span>
+        <span class="button__text">{{ $.Site.Params.newerPosts | default "Newer posts" }}</span>
+      </a>
+    {{ end }}
+    {{ if .Paginator.HasNext }}
+      <a href="{{ .Paginator.Next.URL }}" class="button next">
+        <span class="button__text">{{ $.Site.Params.olderPosts | default "Older posts" }}</span>
+        <span class="button__icon">→</span>
+      </a>
+    {{ end }}
+  </div>
+</div>

themes/re-terminal/layouts/partials/posts_pagination.html

@@ -0,0 +1,26 @@
+{{ if or .NextInSection .PrevInSection }}
+<div class="pagination">
+    <div class="pagination__title">
+        <span class="pagination__title-h">{{ $.Site.Params.ReadOtherPosts }}</span>
+        <hr />
+    </div>
+    <div class="pagination__buttons">
+        {{ if .NextInSection }}
+        <span class="button previous">
+            <a href="{{ .NextInSection.Permalink }}">
+                <span class="button__icon">←</span>
+                <span class="button__text">{{ .NextInSection.Title }}</span>
+            </a>
+        </span>
+        {{ end }}
+        {{ if .PrevInSection }}
+        <span class="button next">
+            <a href="{{ .PrevInSection.Permalink }}">
+                <span class="button__text">{{ .PrevInSection.Title }}</span>
+                <span class="button__icon">→</span>
+            </a>
+        </span>
+        {{ end }}
+    </div>
+</div>
+{{ end }}

themes/re-terminal/layouts/partials/single_basic.html

@@ -0,0 +1,87 @@
+<!--
+The single_basic.html partial layout in Jekyll allows you to create custom HTML, CSS, and JavaScript
+for individual pages on your site without modifying the default layout. 
+This makes it easier to maintain consistency across your site
+while still allowing you to customize individual pages as needed.
+It also allows you to reuse the same code for multiple pages,
+making it a useful tool for creating custom widgets or demos that can be added to multiple pages on your site.
+
+Take a look at https://gohugo.io/methods/page/layout/
+
+# An example of `layouts/posts/foo.html`
+# Then you can use it as layout = "foo" in .MD files' meta in your `content/posts` folder
+{{ define "head" }}
+
+###
+HERE INSERT ANY CUSTOM <script/> or <style/>
+###
+
+{{ end }}{{ define "main" }}
+<div class="post">
+  # The post itself
+  {{ partial "single_basic.html" . }}
+
+  ###
+  HERE INSERT ANY CUSTOM HTML
+  ###
+  
+  # Comments block
+  {{ if eq .Type $.Site.Params.contentTypeName }} {{ partial
+  "posts_pagination.html" . }} {{ end }} {{ if not (.Params.hideComments |
+  default false) }} {{ partial "comments.html" . }} {{ end }}
+</div>
+{{ end }}
+-->
+
+<h1 class="post-title">
+  <a href="{{ .Permalink }}">{{ .Title | markdownify }}</a></h1>
+<div class="post-meta">
+  {{ if .Params.Date }}
+    <span class="post-date">
+      {{ .Date.Format "2006-01-02" }}
+      {{ if $.Site.Params.showLastUpdated }}
+        [{{or $.Site.Params.updatedDatePrefix "Updated"}}: {{ .Lastmod.Format "2006-01-02" }}]
+      {{ end }}
+    </span>
+  {{ end }}
+  {{ with .Params }}
+    <span class="post-author">
+      {{ if .AuthorTwitter }}
+      <a href="https://x.com/@{{ .AuthorTwitter }}" target="_blank">{{ .Author }}</a>
+      {{ else }}
+      {{ .Author }}
+      {{ end }}
+    </span>
+  {{ end }}
+  <!-- comments counter -->
+  {{ partial "comments_counter.html" . }}
+  {{ if and (.Param "readingTime") (eq (.Param "readingTime") true) }}
+    <span class="post-reading-time"> {{ .ReadingTime }} {{ $.Site.Params.minuteReadingTime | default "min read" }} ({{ .WordCount }} {{ $.Site.Params.words | default "words" }})</span>
+  {{ end }}
+</div>
+
+{{ if .Params.tags }}
+<span class="post-tags">
+  {{ range .Params.tags }}
+  #<a href="{{ (urls.JoinPath "tags" (urlize .) "/") | absLangURL }}">{{ . }}</a>&nbsp;
+  {{ end }}
+</span>
+{{ end }}
+{{ partial "cover.html" (dict "ctx" . "isCoverCaptionEnabled" true) }}
+
+{{ if (.Params.Toc | default .Site.Params.Toc) }}
+  <div class="table-of-contents">
+    <h2>
+      {{ (.Params.TocTitle | default .Site.Params.TocTitle) | default "Table of Contents" }}
+    </h2>
+    {{ .TableOfContents }}
+  </div>
+{{ end }}
+
+<div class="post-content">
+  {{- with .Content -}}
+    <div>
+      {{ . | replaceRE "(<h[1-9] id=\"([^\"]+)\".+)(</h[1-9]+>)" `${1}<a href="#${2}" class="hanchor" ariaLabel="Anchor">&#8983;</a> ${3}` | safeHTML }}
+    </div>
+  {{- end -}}
+</div>

themes/re-terminal/layouts/posts/css-vars-showcase.html

@@ -0,0 +1,51 @@
+{{ define "head" }}
+<style>
+  .color-container {
+    background-color: var(--accent);
+    padding: 10px;
+    color: var(--accent-contrast-color)
+  }
+</style>
+{{ end }}{{ define "main" }}
+<div class="post">
+  <!-- Common header, cover, etc. -->
+  {{ partial "single_basic.html" . }}
+
+  <form oninput="accentColor.value=accentColorPicker.value">
+    <output class="color-container" name="accentColor" for="accentColorPicker">#------</output>
+    <label>
+      Pick accent color
+      <input id="accentColorPicker" name="accentColorPicker" type="color" />
+    </label>
+  </form>
+  <form oninput="accentContrastColor.value=accentContrastColorPicker.value;">
+    <output class="color-container" name="accentContrastColor" for="accentContrastColorPicker">#------</output>
+    <label>
+      Pick accent contrast color
+      <input id="accentContrastColorPicker" name="accentContrastColorPicker" type="color" />
+    </label>
+  </form>
+
+  <script defer>
+    const root = document.querySelector(':root');
+
+    const accentPicker = document.getElementById("accentColorPicker");
+    const accentListener = accentPicker.addEventListener("input", () => {
+      if (accentPicker.value) {
+        root.style.setProperty('--accent', accentPicker.value);
+      }
+    })
+
+    const accentContrastPicker = document.getElementById("accentContrastColorPicker");
+    const accentContrastListener = accentContrastPicker.addEventListener("input", () => {
+      if (accentContrastPicker.value) {
+        root.style.setProperty('--accent-contrast-color', accentContrastPicker.value);
+      }
+    }) 
+  </script>
+
+  {{ if eq .Type $.Site.Params.contentTypeName }} {{ partial
+  "posts_pagination.html" . }} {{ end }} {{ if not (.Params.hideComments |
+  default false) }} {{ partial "comments.html" . }} {{ end }}
+</div>
+{{ end }}

themes/re-terminal/layouts/shortcodes/code.html

@@ -0,0 +1,15 @@
+{{ $id := delimit (shuffle (seq 1 9)) "" }}
+
+{{ if .Get "language" }}
+  <div class="collapsable-code">
+    <input id="{{ .Get "id" | default $id }}" type="checkbox" {{ if ( eq ( .Get "isCollapsed" ) "true" ) -}} checked {{- end }} />
+    <label for="{{ .Get "id" | default $id }}">
+      <span class="collapsable-code__language">{{ .Get "language" }}</span>
+      {{ if .Get "title" }}<span class="collapsable-code__title">{{ .Get "title" | markdownify }}</span>{{ end }}
+      <span class="collapsable-code__toggle" data-label-expand="{{ .Get "expand" | default "△" }}" data-label-collapse="{{ .Get "collapse" | default "▽" }}"></span>
+    </label>
+    <pre {{ if .Get "language" }}class="language-{{ .Get "language" }}" {{ end }}><code>{{ .Inner | string }}</code></pre>
+  </div>
+{{ else }}
+  {{ errorf "If you want to use the \"collapsable code\" shortcode, you need to pass a mandatory \"language\" param. The issue occured in %q (%q)" .Page.File .Page.Permalink }}
+{{ end }}

themes/re-terminal/layouts/shortcodes/figure.html

@@ -0,0 +1,8 @@
+{{ if .Get "src" }}
+  <figure class="{{ with .Get "position"}}{{ . }}{{ else -}} left {{- end }}" >
+    <img src="{{ .Get "src" | safeURL }}" {{ with .Get "alt" }} alt="{{ . | plainify }}" {{ end }} {{ with .Get "style" }} style="{{ . | safeCSS }}" {{ end }} />
+    {{ if .Get "caption" }}
+      <figcaption class="{{ with .Get "captionPosition"}}{{ . }}{{ else -}} center {{- end }}" {{ with .Get "captionStyle" }} style="{{ . | safeCSS }}" {{ end }}>{{ .Get "caption" | safeHTML }}</figcaption>
+    {{ end }}
+  </figure>
+{{ end }}

themes/re-terminal/layouts/shortcodes/image.html

@@ -0,0 +1,3 @@
+{{ if .Get "src" }}
+<img src="{{ .Get "src" | safeURL }}" {{ with .Get "alt" }} alt="{{ . | plainify }}" {{ end }} class="{{ with .Get "position"}}{{ . }}{{ else -}} left {{- end }}" {{ with .Get "style" }} style="{{ . | safeCSS }}" {{ end }} {{ with .Get "width" }} width="{{ . | plainify }}" {{ end }} {{ with .Get "height" }} height="{{ . | plainify }}" {{ end }} />
+{{ end }}

themes/re-terminal/layouts/shortcodes/prismjs.html

@@ -0,0 +1,26 @@
+{{ $inner := replaceRE "^\r?\n" "" .Inner | string }}
+{{ if len .Params | eq 0 }}
+  <pre><code>{{ $inner }}</code></pre>
+{{ else }}
+  {{ if .IsNamedParams }}
+    <pre class="
+      {{- if .Get "lang" }}language-{{ .Get "lang" }}{{ end }}
+      {{- if .Get "line-numbers" }} line-numbers{{ end }}
+      {{- if .Get "command-line" }} command-line{{ end }}"
+      {{- /* line highlight plugin */ -}}
+      {{- if .Get "line" }} data-line="{{ .Get "line" }}"{{ end }}
+      {{- /* line number plugin */ -}}
+      {{- if .Get "start" }} data-start="{{ .Get "start" }}"{{ end }}
+      {{- /* command-line plugin */ -}}
+      {{- if .Get "user" }} data-user="{{ .Get "user" }}"{{ end }}
+      {{- if .Get "host" }} data-host="{{ .Get "host" }}"{{ end }}
+      {{- if .Get "prompt" }} data-prompt="{{ .Get "prompt" }}"{{ end }}
+      {{- if .Get "output" }} data-output="{{ .Get "output" }}"{{ end }}
+      ><code {{ if .Get "lang" }}class="language-{{ .Get "lang" }}"{{ end }}
+      >{{ $inner }}</code></pre>
+  {{ else }}
+    <pre class="language-{{ .Get 0 }}">
+      <code class="language-{{ .Get 0 }}">{{ $inner }}</code>
+    </pre>
+  {{ end }}
+{{ end }}

themes/re-terminal/package.hugo.json

@@ -0,0 +1,39 @@
+{
+  "author": "Mirus <@mirus-ua> <[email protected]>",
+  "browserslist": [
+    "last 2 versions",
+    ">1%",
+    "not dead"
+  ],
+  "comments": {
+    "dependencies": {
+      "yarn": "project"
+    },
+    "devDependencies": {
+      "browserslist": "project",
+      "clipboard": "project",
+      "eslint-config-airbnb": "project",
+      "eslint-config-prettier": "project",
+      "eslint-plugin-jsx-a11y": "project",
+      "husky": "project"
+    }
+  },
+  "dependencies": {
+    "yarn": "^1.22.10"
+  },
+  "devDependencies": {
+    "browserslist": "^4.16.5",
+    "clipboard": "^2.0.4",
+    "eslint-config-airbnb": "^18.2.0",
+    "eslint-config-prettier": "^8.1.0",
+    "eslint-plugin-jsx-a11y": "^6.2.1",
+    "husky": "^5.1.3"
+  },
+  "license": "MIT",
+  "main": "index.js",
+  "name": "re-terminal",
+  "scripts": {
+    "test": "echo 'Test'"
+  },
+  "version": "1.2.0"
+}

themes/re-terminal/package.json

@@ -0,0 +1,43 @@
+{
+  "name": "re-terminal",
+  "version": "1.2.0",
+  "author": "Mirus <@mirus-ua> <[email protected]>",
+  "main": "index.js",
+  "license": "MIT",
+  "scripts": {
+    "test": "echo 'Test'"
+  },
+  "browserslist": [
+    "last 2 versions",
+    ">1%",
+    "not dead"
+  ],
+  "comments": {
+    "dependencies": {
+      "yarn": "project"
+    },
+    "devDependencies": {
+      "browserslist": "project",
+      "clipboard": "project",
+      "eslint-config-airbnb": "project",
+      "eslint-config-prettier": "project",
+      "eslint-plugin-jsx-a11y": "project",
+      "husky": "project"
+    }
+  },
+  "dependencies": {
+    "yarn": "^1.22.10"
+  },
+  "devDependencies": {
+    "browserslist": "^4.16.5",
+    "clipboard": "^2.0.4",
+    "eslint": "^7.32.0",
+    "eslint-config-airbnb": "^18.2.0",
+    "eslint-config-prettier": "^8.1.0",
+    "eslint-plugin-jsx-a11y": "^6.2.1",
+    "husky": "^5.1.3",
+    "stylelint": "^14.14.1",
+    "stylelint-config-prettier-scss": "^0.0.1",
+    "stylelint-config-standard-scss": "^6.1.0"
+  }
+}