jekyll-theme-onion 0.1.3

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA256:
+  metadata.gz: 56792a57a4df90d8f43a42a1b5c19437e257672a1bfa981496dc136170a9ae3e
+  data.tar.gz: cebb2d163798e70a6658a5e97362f6ce90ce4944af99ede61f7a8ac8902969a9
+SHA512:
+  metadata.gz: e411031eaece7707acefd24a74169fb655ba6452f89bb51be506afc9c1fd9a1830bc5dfb46666d80623113ce17db51fa3f7cc4c2d74643f862c14ee6bb9834fb
+  data.tar.gz: f8f1c7f4e74b81757a69b3b5995233337b576fe80fbffa65532bfd227ebcfd829bf9caaa5e87bfb69fe6f3ae2680aff2732e25e054ce0927ffb7dbd9159cc426

data/LICENSE.txt

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2022 sini6a
+
+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.

data/README.md

@@ -0,0 +1,77 @@
+# jekyll-theme-onion
+
+![Screenshot](/screenshot.png?raw=true "Screenshot")
+
+Jekyll theme inspired by [**TOR**](https://en.wikipedia.org/wiki/Tor_(network)) network.
+
+This theme has one set of colors and that is dark background with shades of purple:
+- Background: #161412
+- Text: #DDD9D6
+- Link: #59316B
+- Hover link: #7D4698
+
+The owner of the logo is [TOR Project](https://www.torproject.org/about/trademark/) and their license for using applies.
+
+The icons on the bottom of the site are taken from original theme [Minima](https://github.com/jekyll/minima) and ther [license](https://en.wikipedia.org/wiki/MIT_License) for using applies.
+
+
+## Installation
+
+Add this line to your Jekyll site's `Gemfile`:
+
+```ruby
+gem "jekyll-theme-onion"
+```
+
+And add this line to your Jekyll site's `_config.yml`:
+
+```yaml
+theme: jekyll-theme-onion
+```
+
+And then execute:
+
+    $ bundle
+
+Or install it yourself as:
+
+    $ gem install jekyll-theme-onion
+
+## Usage
+
+_includes:
+- custom-head.html is a place where you should write additional header tags.
+- footer.html is a place where footer copyright text and icons are located.
+- google-analytics.html is a script used for Google Analytics and this should be left as it is unless something is changed in future.
+- head.html is a default header tags used for including styles and meta tags.
+- header.html is a header with onion logo, language selector and navigation.
+- social.html is a part of footer which includes all icons used in the theme.
+
+_layouts:
+- default.html is a default layout for displaying websites.
+- about.html is same as default layout but exists for compatibility reasons.
+- home.html is a layout which displays posts.
+- post.html is a post layout for displaying posts. It includes navigation of the bottom of the page such as *Go Home* button and *To Top*. 
+
+_sass
+- _404.scss is a *404 Not Found* page styles which includes glitch effect.
+- _highlight.scss is a rouge syntax highlighter style.
+- _main.scss is a main theme style which includes all custom defined styles.
+
+assets
+- css
+  - main.scss is a main scss file which imports all other parts from _sass.
+- flags
+  - gb.svg, mk.svg, se.svg are icons used for displaying language selector.
+- minima-social-icons.svg are all social icon vectors.
+- onion-logo.png is a Onion network logo.
+- sample-photo.jpg is a free sample photo.
+
+## Contributing
+
+Bug reports and pull requests are welcome on GitHub at https://github.com/sini6a/jekyll-theme-onion. This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the [Contributor Covenant](http://contributor-covenant.org) code of conduct.
+
+## License
+
+The theme is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).
+

data/_config.yml

@@ -0,0 +1,60 @@
+title: Your awesome title
+email: your-email@domain.com
+description: > # this means to ignore newlines
+  Write an awesome description for your new site here. You can edit this
+  line in _config.yml. It will appear in your document head meta (for
+  Google search results) and in your feed.xml site description.
+
+# Date format
+# refer to https://shopify.github.io/liquid/filters/date/ if you want to customize this
+#onion:
+#  date_format: "%Y-%m-%d"
+
+# generate social links in footer
+#  social_links:
+#    twitter: jekyllrb
+#    github:  jekyll
+#    devto: jekyll
+#    dribbble: jekyll
+#    facebook: jekyll
+#    flickr:   jekyll
+#    instagram: jekyll
+#    linkedin: jekyll
+#    pinterest: jekyll
+#    youtube: jekyll
+#    youtube_channel: UC8CXR0-3I70i1tfPg1PAE1g
+#    youtube_channel_name: CloudCannon
+#    telegram: jekyll
+#    googleplus: +jekyll
+#    microdotblog: jekyll
+#    keybase: jekyll
+
+# generate crypto wallets in footer
+#  crypto_wallets:
+#    bitcoin:
+#    etherium:
+
+# If you want to link only specific pages in your header, uncomment
+# this and add the path to the pages in order as they should show up
+header_pages:
+ - index.md
+
+# Build settings
+theme: jekyll-theme-onion
+
+plugins:
+ - jekyll-feed
+ - jekyll-seo-tag
+
+
+kramdown:
+  input: Kramdown
+  syntax_highlighter: rouge
+
+show_excerpts: true
+
+sass:
+  sass_dir:           _sass
+  style:              compressed
+
+permalink: pretty

data/_includes/custom-head.html

@@ -0,0 +1,6 @@
+{% comment %}
+  Placeholder to allow defining custom head, in principle, you can add anything here, e.g. favicons:
+
+  1. Head over to https://realfavicongenerator.net/ to add your own favicons.
+  2. Customize default _includes/custom-head.html in your source directory and insert the given code snippet.
+{% endcomment %}

data/_includes/footer.html

@@ -0,0 +1,10 @@
+<footer>
+    <div class="copyright">
+      {%- if site.onion.crypto_wallets.bitcoin -%}BTC: {{ site.onion.crypto_wallets.bitcoin }}<br>{%- endif -%}
+      {%- if site.onion.crypto_wallets.etherium -%}ETH: {{ site.onion.crypto_wallets.etherium }}<br>{%- endif -%}
+      {{ site.title }} | MIT License - {{ 'now' | date: "%Y" }}
+    </div>
+    <div class="social-links">
+      {%- include social.html -%}
+    </div>
+</footer>

data/_includes/google-analytics.html

@@ -0,0 +1,9 @@
+<script async src="https://www.googletagmanager.com/gtag/js?id={{ site.google_analytics }}"></script>
+<script>
+  window['ga-disable-{{ site.google_analytics }}'] = window.doNotTrack === "1" || navigator.doNotTrack === "1" || navigator.doNotTrack === "yes" || navigator.msDoNotTrack === "1";
+  window.dataLayer = window.dataLayer || [];
+  function gtag(){window.dataLayer.push(arguments);}
+  gtag('js', new Date());
+
+  gtag('config', '{{ site.google_analytics }}');
+</script>

data/_includes/head.html

@@ -0,0 +1,14 @@
+<head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    {% seo %}
+    <link rel="stylesheet" href="{{ "/assets/css/main.css" | relative_url }}">
+
+    {%- feed_meta -%}
+    {%- if jekyll.environment == 'production' and site.google_analytics -%}
+      {%- include google-analytics.html -%}
+    {%- endif -%}
+  
+    {%- include custom-head.html -%}
+</head>

data/_includes/header.html

@@ -0,0 +1,24 @@
+<header>
+    <!-- <h1 style="text-align:center; font-size: 2.5em;"><a href="./">(/)</a></h1> -->
+    <img class="logo" src="{{ "/assets/onion-logo.png" | relative_url }}" alt="Onion Site" />
+    <div style="margin: auto; display: block; text-align: center;" >
+      <div class="" style="flex: 1; margin-bottom: 1rem;">
+        <a href="/en"><img class="flag" src="{{ "/assets/flags/gb.svg" | relative_url }}" alt="[en]"/></a>
+        <a href="/se"><img class="flag" src="{{ "/assets/flags/se.svg" | relative_url }}" alt="[se]"/></a>
+        <a href="/mk"><img class="flag" src="{{ "/assets/flags/mk.svg" | relative_url }}" alt="[mk]"/></a>
+      </div>
+      <div class="">
+        {%- assign default_paths = site.pages | map: "path" -%}
+        {%- assign page_paths = site.header_pages | default: default_paths -%}
+        {%- assign titles_size = site.pages | map: 'title' | join: '' | size -%}
+
+        {%- for path in page_paths -%}
+            {%- assign my_page = site.pages | where: "path", path | first -%}
+                {%- if my_page.title -%}
+                <a class="page-link" href="{{ my_page.url | relative_url }}">[{{ my_page.title | escape }}]</a>
+                {%- endif -%}
+        {%- endfor -%}
+        <!-- <a href="/">[home]</a> <a href="#about">[about]</a> <a href="#contact">[contact]</a> -->
+      </div>
+    </div>
+</header>

data/_includes/social.html

@@ -0,0 +1,21 @@
+{%- assign social = site.onion.social_links -%}
+
+<ul class="social-media-list">
+  {%- for glb in social.gitlab -%}{%- if glb.username and glb.instance -%}<li><a rel="me" href="https://{{ glb.instance | cgi_escape | escape}}/{{glb.username}}" target="_blank" title="{{ glb.username | escape }}"><svg class="svg-icon grey"><use xlink:href="{{ '/assets/minima-social-icons.svg#gitlab' | relative_url }}"></use></svg></a></li>{%- endif -%}{%- endfor -%}
+  {%- if social.dribbble -%}<li><a rel="me" href="https://dribbble.com/{{ social.dribbble | cgi_escape | escape }}" target="_blank" title="{{ social.dribbble | escape }}"><svg class="svg-icon grey"><use xlink:href="{{ '/assets/minima-social-icons.svg#dribbble' | relative_url }}"></use></svg></a></li>{%- endif -%}
+  {%- if social.facebook -%}<li><a rel="me" href="https://www.facebook.com/{{ social.facebook | cgi_escape | escape }}" target="_blank" title="{{ social.facebook | escape }}"><svg class="svg-icon grey"><use xlink:href="{{ '/assets/minima-social-icons.svg#facebook' | relative_url }}"></use></svg></a></li>{%- endif -%}
+  {%- if social.flickr -%}<li><a rel="me" href="https://www.flickr.com/photos/{{ social.flickr | cgi_escape | escape }}" target="_blank" title="{{ social.flickr | escape }}"><svg class="svg-icon grey"><use xlink:href="{{ '/assets/minima-social-icons.svg#flickr' | relative_url }}"></use></svg></a></li>{%- endif -%}
+  {%- if social.github -%}<li><a rel="me" href="https://github.com/{{ social.github | cgi_escape | escape }}" target="_blank" title="{{ social.github | escape }}"><svg class="svg-icon grey"><use xlink:href="{{ '/assets/minima-social-icons.svg#github' | relative_url }}"></use></svg></a></li>{%- endif -%}
+  {%- if social.stackoverflow -%}<li><a rel="me" href="https://stackoverflow.com/users/{{ social.stackoverflow | cgi_escape | escape }}" target="_blank" title="{{ social.stackoverflow | escape }}"><svg class="svg-icon grey"><use xlink:href="{{ '/assets/minima-social-icons.svg#stackoverflow' | relative_url }}"></use></svg></a></li>{%- endif -%}
+  {%- if social.instagram -%}<li><a rel="me" href="https://www.instagram.com/{{ social.instagram | cgi_escape | escape }}" target="_blank" title="{{ social.instagram | escape }}"><svg class="svg-icon grey"><use xlink:href="{{ '/assets/minima-social-icons.svg#instagram' | relative_url }}"></use></svg></a></li>{%- endif -%}
+  {%- if social.linkedin -%}<li><a rel="me" href="https://www.linkedin.com/in/{{ social.linkedin | cgi_escape | escape }}" target="_blank" title="{{ social.linkedin | escape }}"><svg class="svg-icon grey"><use xlink:href="{{ '/assets/minima-social-icons.svg#linkedin' | relative_url }}"></use></svg></a></li>{%- endif -%}
+  {%- if social.pinterest -%}<li><a rel="me" href="https://www.pinterest.com/{{ social.pinterest | cgi_escape | escape }}" target="_blank" title="{{ social.pinterest | escape }}"><svg class="svg-icon grey"><use xlink:href="{{ '/assets/minima-social-icons.svg#pinterest' | relative_url }}"></use></svg></a></li>{%- endif -%}
+  {%- for mst in social.mastodon -%}{%- if mst.username and mst.instance -%}<li><a rel="me" href="https://{{ mst.instance | cgi_escape | escape}}/@{{mst.username}}" target="_blank" title="{{ mst.username | escape }}"><svg class="svg-icon grey"><use xlink:href="{{ '/assets/minima-social-icons.svg#mastodon' | relative_url }}"></use></svg></a></li>{%- endif -%}{%- endfor -%}
+  {%- if social.twitter -%}<li><a rel="me" href="https://twitter.com/{{ social.twitter | cgi_escape | escape }}" target="_blank" title="{{ social.twitter | escape }}"><svg class="svg-icon grey"><use xlink:href="{{ '/assets/minima-social-icons.svg#twitter' | relative_url }}"></use></svg></a></li>{%- endif -%}
+  {%- if social.youtube -%}<li><a rel="me" href="https://www.youtube.com/{{ social.youtube | cgi_escape | escape }}" target="_blank" title="{{ social.youtube | escape }}"><svg class="svg-icon grey"><use xlink:href="{{ '/assets/minima-social-icons.svg#youtube' | relative_url }}"></use></svg></a></li>{%- endif -%}
+  {%- if social.youtube_channel -%}<li><a rel="me" href="https://www.youtube.com/channel/{{ social.youtube_channel | cgi_escape | escape }}" target="_blank" title="{{ social.youtube_channel_name | escape | default: 'YouTube' }}"><svg class="svg-icon grey"><use xlink:href="{{ '/assets/minima-social-icons.svg#youtube' | relative_url }}"></use></svg></a></li>{%- endif -%}
+  {%- if social.telegram -%}<li><a rel="me" href="https://t.me/{{ social.telegram | cgi_escape | escape }}" target="_blank" title="{{ social.telegram | escape }}"><svg class="svg-icon grey"><use xlink:href="{{ '/assets/minima-social-icons.svg#telegram' | relative_url }}"></use></svg></a></li>{%- endif -%}
+  {%- if social.keybase -%}<li><a rel="me" href="https://keybase.io/{{ social.keybase | cgi_escape | escape }}" target="_blank" title="{{ social.keybase | escape }}"><svg class="svg-icon grey"><use xlink:href="{{ '/assets/minima-social-icons.svg#keybase' | relative_url }}"></use></svg></a></li>{%- endif -%}
+  {%- if social.microdotblog -%}<li><a rel="me" href="https://micro.blog/{{ social.microdotblog | cgi_escape | escape }}" target="_blank" title="{{ social.microdotblog | escape }}"><svg class="svg-icon grey"><use xlink:href="{{ '/assets/minima-social-icons.svg#microdotblog' | relative_url }}"></use></svg></a></li>{%- endif -%}
+  {%- if social.devto -%}<li><a href="https://dev.to/{{ social.devto | cgi_escape | escape }}" target="_blank" title="{{ social.devto | escape }}"><svg class="svg-icon grey"><use xlink:href="{{ '/assets/minima-social-icons.svg#devto' | relative_url }}"></use></svg></a></li>{%- endif -%}
+</ul>

data/_layouts/default.html

@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html lang="{{ page.lang | default: site.lang | default: 'en' }}">
+
+  {%- include head.html -%}
+
+  <body>
+
+    {%- include header.html -%}
+
+    <hr>
+
+    <main class="page-content" aria-label="Content">
+      <div class="wrapper">
+        {{ content }}
+      </div>
+    </main>
+
+    <hr>
+
+    {%- include footer.html -%}
+
+  </body>
+
+</html>

data/_layouts/home.html

@@ -0,0 +1,53 @@
+---
+layout: default
+---
+
+{{ content }}
+
+{% if site.paginate %}
+  {% assign posts = paginator.posts %}
+{% else %}
+  {% assign posts = site.posts %}
+{% endif %}
+
+
+{%- if posts.size > 0 -%}
+  {%- if page.list_title -%}
+    <h2 class="post-list-heading">{{ page.list_title }}</h2>
+  {%- endif -%}
+  <ul class="post-list">
+    {%- assign date_format = site.onion.date_format | default: "%b %-d, %Y" -%}
+    {%- for post in posts -%}
+    <li>
+      <h3> 
+        <span class="post-meta">{{ post.date | date: date_format }}</span>
+        <a class="post-link" href="{{ post.url | relative_url }}">
+          {{ post.title | escape }}
+        </a>
+      </h3>
+      {%- if site.show_excerpts -%}
+        {{ post.excerpt }}
+      {%- endif -%}
+    </li>
+    {%- endfor -%}
+  </ul>
+
+  {% if site.paginate %}
+    <div class="pager">
+      <ul class="pagination">
+      {%- if paginator.previous_page %}
+        <li><a href="{{ paginator.previous_page_path | relative_url }}" class="previous-page">{{ paginator.previous_page }}</a></li>
+      {%- else %}
+        <li><div class="pager-edge">•</div></li>
+      {%- endif %}
+        <li><div class="current-page">{{ paginator.page }}</div></li>
+      {%- if paginator.next_page %}
+        <li><a href="{{ paginator.next_page_path | relative_url }}" class="next-page">{{ paginator.next_page }}</a></li>
+      {%- else %}
+        <li><div class="pager-edge">•</div></li>
+      {%- endif %}
+      </ul>
+    </div>
+  {%- endif %}
+
+{%- endif -%}

data/_layouts/page.html

@@ -0,0 +1,5 @@
+---
+layout: default
+---
+
+{{ content }}

data/_layouts/post.html

@@ -0,0 +1,19 @@
+---
+layout: default
+---
+
+{%- if page.title -%}
+<h1 class="page-heading">{{ page.title }}</h1>
+{%- endif -%}
+
+{{ content }}
+
+<div style="display: flex; flex-wrap:wrap;">
+    <span style="flex-basis: 50%;">
+        <a href="/">← Go Home</a>
+    </span>
+    <span style="flex-basis: 50%;">
+        <a href="#" style="float: right;">↑ Back to top</a>
+    </span>
+</div>
+