jekyll-theme-onion 0.1.3

data/_sass/_404.scss

@@ -0,0 +1,321 @@
+/* Source: http://codepen.io/bulby97/pen/fcvay */
+
+.glitch {
+    position: relative;
+    animation: glitch 2s steps(100) infinite;
+  }
+  
+  @keyframes glitch {
+    0% {
+      text-shadow: 1px 0 0 red, -1px 0 0 blue;
+    }
+    1% {
+      text-shadow: 1px 0 0 red, -1px 0 0 blue;
+    }
+    2% {
+      text-shadow: 1px 0 0 red, -1px 0 0 blue;
+    }
+    3% {
+      text-shadow: 1px 0 0 red, -1px 0 0 blue;
+    }
+    4% {
+      text-shadow: 1px 0 0 red, -1px 0 0 blue;
+    }
+    5% {
+      text-shadow: -1px 0 0 red, 1px 0 0 blue;
+    }
+    6% {
+      text-shadow: -1px 0 0 red, 1px 0 0 blue;
+    }
+    7% {
+      text-shadow: -1px 0 0 red, 1px 0 0 blue;
+    }
+    8% {
+      text-shadow: -1px 0 0 red, 1px 0 0 blue;
+    }
+    9% {
+      text-shadow: -1px 0 0 red, 1px 0 0 blue;
+    }
+    10% {
+      text-shadow: -1px 0 0 red, 1px 0 0 blue;
+    }
+    11% {
+      text-shadow: 0.5px 0 0 red, -0.5px 0 0 lime;
+    }
+    12% {
+      text-shadow: 0.5px 0 0 red, -0.5px 0 0 lime;
+    }
+    13% {
+      text-shadow: 0.5px 0 0 red, -0.5px 0 0 lime;
+    }
+    14% {
+      text-shadow: 0.5px 0 0 red, -0.5px 0 0 lime;
+    }
+    15% {
+      text-shadow: 0.5px 0 0 red, -0.5px 0 0 lime;
+    }
+    16% {
+      text-shadow: -1px 0 0 red, 1px 0 0 lime;
+    }
+    17% {
+      text-shadow: -1px 0 0 red, 1px 0 0 lime;
+    }
+    18% {
+      text-shadow: -1px 0 0 red, 1px 0 0 lime;
+    }
+    19% {
+      text-shadow: -1px 0 0 red, 1px 0 0 lime;
+    }
+    20% {
+      text-shadow: -1px 0 0 red, 1px 0 0 lime;
+    }
+    21% {
+      text-shadow: 0.7px 0 0 blue, -0.7px 0 0 lime;
+    }
+    22% {
+      text-shadow: 0.7px 0 0 blue, -0.7px 0 0 lime;
+    }
+    23% {
+      text-shadow: 0.7px 0 0 blue, -0.7px 0 0 lime;
+    }
+    24% {
+      text-shadow: 0.7px 0 0 blue, -0.7px 0 0 lime;
+    }
+    25% {
+      text-shadow: 0.7px 0 0 blue, -0.7px 0 0 lime;
+    }
+    26% {
+      text-shadow: 0.7px 0 0 blue, -0.7px 0 0 lime;
+    }
+    27% {
+      text-shadow: 0.7px 0 0 blue, -0.7px 0 0 lime;
+    }
+    28% {
+      text-shadow: 0.7px 0 0 blue, -0.7px 0 0 lime;
+    }
+    29% {
+      text-shadow: 0.7px 0 0 blue, -0.7px 0 0 lime;
+    }
+    30% {
+      text-shadow: 0.7px 0 0 blue, -0.7px 0 0 lime;
+    }
+    31% {
+      text-shadow: -1px 0 0 blue, 1px 0 0 lime;
+    }
+    32% {
+      text-shadow: -1px 0 0 blue, 1px 0 0 lime;
+    }
+    33% {
+      text-shadow: -1px 0 0 blue, 1px 0 0 lime;
+    }
+    34% {
+      text-shadow: -1px 0 0 blue, 1px 0 0 lime;
+    }
+    35% {
+      text-shadow: -1px 0 0 blue, 1px 0 0 lime;
+    }
+    36% {
+      text-shadow: -1px 0 0 blue, 1px 0 0 lime;
+    }
+    37% {
+      text-shadow: -1px 0 0 blue, 1px 0 0 lime;
+    }
+    38% {
+      text-shadow: -1px 0 0 blue, 1px 0 0 lime;
+    }
+    39% {
+      text-shadow: -1px 0 0 blue, 1px 0 0 lime;
+    }
+    40% {
+      text-shadow: -1px 0 0 blue, 1px 0 0 lime;
+    }
+    41% {
+      text-shadow: 50px 0 0 blue, -50px 0 0 lime;
+    }
+    42% {
+      text-shadow: 0 0 0 blue, 0 0 0 lime;
+    }
+    43% {
+      text-shadow: 0.5px 0 0 red, -0.5px 0 0 lime;
+    }
+    44% {
+      text-shadow: 0.5px 0 0 red, -0.5px 0 0 lime;
+    }
+    45% {
+      text-shadow: 0.5px 0 0 red, -0.5px 0 0 lime;
+    }
+    46% {
+      text-shadow: 0.5px 0 0 red, -0.5px 0 0 lime;
+    }
+    47% {
+      text-shadow: -1px 0 0 red, 1px 0 0 lime;
+    }
+    48% {
+      text-shadow: -1px 0 0 red, 1px 0 0 lime;
+    }
+    49% {
+      text-shadow: -1px 0 0 red, 1px 0 0 lime;
+    }
+    50% {
+      text-shadow: -1px 0 0 red, 1px 0 0 lime;
+    }
+    51% {
+      text-shadow: 1px 0 0 red, -1px 0 0 blue;
+    }
+    52% {
+      text-shadow: 1px 0 0 red, -1px 0 0 blue;
+    }
+    53% {
+      text-shadow: 1px 0 0 red, -1px 0 0 blue;
+    }
+    54% {
+      text-shadow: 1px 0 0 red, -1px 0 0 blue;
+    }
+    55% {
+      text-shadow: 1px 0 0 red, -1px 0 0 blue;
+    }
+    56% {
+      text-shadow: -1px 0 0 red, 1px 0 0 blue;
+    }
+    57% {
+      text-shadow: -1px 0 0 red, 1px 0 0 blue;
+    }
+    58% {
+      text-shadow: -1px 0 0 red, 1px 0 0 blue;
+    }
+    59% {
+      text-shadow: -1px 0 0 red, 1px 0 0 blue;
+    }
+    60% {
+      text-shadow: -1px 0 0 red, 1px 0 0 blue;
+    }
+    61% {
+      text-shadow: 30px 0 0 red, -30px 0 0 lime;
+    }
+    62% {
+      text-shadow: 0 0 0 red, 0 0 0 lime;
+    }
+    63% {
+      text-shadow: 0.5px 0 0 red, -0.5px 0 0 blue;
+    }
+    64% {
+      text-shadow: 0.5px 0 0 red, -0.5px 0 0 blue;
+    }
+    65% {
+      text-shadow: 0.5px 0 0 red, -0.5px 0 0 blue;
+    }
+    66% {
+      text-shadow: 0.5px 0 0 red, -0.5px 0 0 blue;
+    }
+    67% {
+      text-shadow: -1px 0 0 red, 1px 0 0 blue;
+    }
+    68% {
+      text-shadow: -1px 0 0 red, 1px 0 0 blue;
+    }
+    69% {
+      text-shadow: -1px 0 0 red, 1px 0 0 blue;
+    }
+    70% {
+      text-shadow: -1px 0 0 red, 1px 0 0 blue;
+    }
+    71% {
+      text-shadow: 70px 0 0 red, -70px 0 0 blue;
+    }
+    72% {
+      text-shadow: 0 0 0 red, 0 0 0 blue;
+    }
+    73% {
+      text-shadow: 1px 0 0 red, -1px 0 0 blue;
+    }
+    74% {
+      text-shadow: 1px 0 0 red, -1px 0 0 blue;
+    }
+    75% {
+      text-shadow: 1px 0 0 red, -1px 0 0 blue;
+    }
+    76% {
+      text-shadow: 1px 0 0 red, -1px 0 0 blue;
+    }
+    77% {
+      text-shadow: -1px 0 0 red, 1px 0 0 blue;
+    }
+    78% {
+      text-shadow: -1px 0 0 red, 1px 0 0 blue;
+    }
+    79% {
+      text-shadow: -1px 0 0 red, 1px 0 0 blue;
+    }
+    80% {
+      text-shadow: -1px 0 0 red, 1px 0 0 blue;
+    }
+    81% {
+      text-shadow: 0.5px 0 0 red, -0.5px 0 0 lime;
+    }
+    82% {
+      text-shadow: 0.5px 0 0 red, -0.5px 0 0 lime;
+    }
+    83% {
+      text-shadow: 0.5px 0 0 red, -0.5px 0 0 lime;
+    }
+    84% {
+      text-shadow: 0.5px 0 0 red, -0.5px 0 0 lime;
+    }
+    85% {
+      text-shadow: 0.5px 0 0 red, -0.5px 0 0 lime;
+    }
+    86% {
+      text-shadow: -1px 0 0 red, 1px 0 0 lime;
+    }
+    87% {
+      text-shadow: -1px 0 0 red, 1px 0 0 lime;
+    }
+    88% {
+      text-shadow: -1px 0 0 red, 1px 0 0 lime;
+    }
+    89% {
+      text-shadow: -1px 0 0 red, 1px 0 0 lime;
+    }
+    90% {
+      text-shadow: -1px 0 0 red, 1px 0 0 lime;
+    }
+    91% {
+      text-shadow: 60px 0 0 lime, -60px 0 0 blue;
+    }
+    92% {
+      text-shadow: 0 0 0 lime, 0 0 0 blue;
+    }
+    92% {
+      text-shadow: 0.7px 0 0 blue, -0.7px 0 0 lime;
+    }
+    93% {
+      text-shadow: 0.7px 0 0 blue, -0.7px 0 0 lime;
+    }
+    94% {
+      text-shadow: 0.7px 0 0 blue, -0.7px 0 0 lime;
+    }
+    95% {
+      text-shadow: 0.7px 0 0 blue, -0.7px 0 0 lime;
+    }
+    96% {
+      text-shadow: -1px 0 0 blue, 1px 0 0 lime;
+    }
+    97% {
+      text-shadow: -1px 0 0 blue, 1px 0 0 lime;
+    }
+    98% {
+      text-shadow: -1px 0 0 blue, 1px 0 0 lime;
+    }
+    99% {
+      text-shadow: -1px 0 0 blue, 1px 0 0 lime;
+    }
+    100% {
+      text-shadow: -1px 0 0 blue, 1px 0 0 lime;
+    }
+  }
+  
+  
+  /* Custom */
+  .go-home {
+      text-align: center;
+  }

data/_sass/_highlight.scss

@@ -0,0 +1,207 @@
+.highlight table td { padding: 5px; }
+.highlight table pre { margin: 0; }
+.highlight .gh {
+  color: #999999;
+}
+.highlight .sr {
+  color: #f6aa11;
+}
+.highlight .go {
+  color: #888888;
+}
+.highlight .gp {
+  color: #555555;
+}
+.highlight .gs {
+}
+.highlight .gu {
+  color: #aaaaaa;
+}
+.highlight .nb {
+  color: #f6aa11;
+}
+.highlight .cm {
+  color: #75715e;
+}
+.highlight .cp {
+  color: #75715e;
+}
+.highlight .c1 {
+  color: #75715e;
+}
+.highlight .cs {
+  color: #75715e;
+}
+.highlight .c, .highlight .ch, .highlight .cd, .highlight .cpf {
+  color: #75715e;
+}
+.highlight .err {
+  color: #960050;
+}
+.highlight .gr {
+  color: #960050;
+}
+.highlight .gt {
+  color: #960050;
+}
+.highlight .gd {
+  color: #49483e;
+}
+.highlight .gi {
+  color: #49483e;
+}
+.highlight .ge {
+  color: #49483e;
+}
+.highlight .kc {
+  color: #66d9ef;
+}
+.highlight .kd {
+  color: #66d9ef;
+}
+.highlight .kr {
+  color: #66d9ef;
+}
+.highlight .no {
+  color: #66d9ef;
+}
+.highlight .kt {
+  color: #66d9ef;
+}
+.highlight .mf {
+  color: #ae81ff;
+}
+.highlight .mh {
+  color: #ae81ff;
+}
+.highlight .il {
+  color: #ae81ff;
+}
+.highlight .mi {
+  color: #ae81ff;
+}
+.highlight .mo {
+  color: #ae81ff;
+}
+.highlight .m, .highlight .mb, .highlight .mx {
+  color: #ae81ff;
+}
+.highlight .sc {
+  color: #ae81ff;
+}
+.highlight .se {
+  color: #ae81ff;
+}
+.highlight .ss {
+  color: #ae81ff;
+}
+.highlight .sd {
+  color: #e6db74;
+}
+.highlight .s2 {
+  color: #e6db74;
+}
+.highlight .sb {
+  color: #e6db74;
+}
+.highlight .sh {
+  color: #e6db74;
+}
+.highlight .si {
+  color: #e6db74;
+}
+.highlight .sx {
+  color: #e6db74;
+}
+.highlight .s1 {
+  color: #e6db74;
+}
+.highlight .s, .highlight .sa, .highlight .dl {
+  color: #e6db74;
+}
+.highlight .na {
+  color: #a6e22e;
+}
+.highlight .nc {
+  color: #a6e22e;
+}
+.highlight .nd {
+  color: #a6e22e;
+}
+.highlight .ne {
+  color: #a6e22e;
+}
+.highlight .nf, .highlight .fm {
+  color: #a6e22e;
+}
+.highlight .vc {
+  color: #ffffff;
+  background-color: #272822;
+}
+.highlight .nn {
+  color: #ffffff;
+  background-color: #272822;
+}
+.highlight .nl {
+  color: #ffffff;
+  background-color: #272822;
+}
+.highlight .ni {
+  color: #ffffff;
+  background-color: #272822;
+}
+.highlight .bp {
+  color: #ffffff;
+  background-color: #272822;
+}
+.highlight .vg {
+  color: #ffffff;
+  background-color: #272822;
+}
+.highlight .vi {
+  color: #ffffff;
+  background-color: #272822;
+}
+.highlight .nv, .highlight .vm {
+  color: #ffffff;
+  background-color: #272822;
+}
+.highlight .w {
+  color: #ffffff;
+  background-color: #272822;
+}
+.highlight {
+  color: #ffffff;
+  background-color: #272822;
+  padding: 5px 10px;
+}
+.highlight .n, .highlight .py, .highlight .nx {
+  color: #ffffff;
+  background-color: #272822;
+}
+.highlight .ow {
+  color: #f92672;
+}
+.highlight .nt {
+  color: #f92672;
+}
+.highlight .k, .highlight .kv {
+  color: #f92672;
+}
+.highlight .kn {
+  color: #f92672;
+}
+.highlight .kp {
+  color: #f92672;
+}
+.highlight .o {
+  color: #f92672;
+}
+
+.highlight {
+  overflow-x:auto;
+}
+
+.highlight pre {
+  padding-bottom: 10px;
+}

data/_sass/_main.scss

@@ -0,0 +1,193 @@
+@import url('https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,400;0,700;1,400;1,700&display=swap');
+
+* {
+    box-sizing: border-box;
+}
+
+*:before,*:after {
+    box-sizing: border-box;
+}
+
+@font-face {
+    font-family: 'Share Tech Mono';
+    src: url('ShareTechMono-Regular.ttf');
+}
+
+@font-face {
+    font-family: 'Square';
+    src: url('Menlo-Regular.ttf');
+}
+
+html {
+    scroll-behavior: smooth;
+    background-color: #161412;
+    color: #ddd9d6;
+}
+
+a:link {
+    color: #59316B;
+    text-decoration: none;
+}
+
+a:hover {
+  color: #7D4698;
+  text-decoration: none;
+}
+
+* {
+    box-sizing: border-box;
+    font-family: 'Source Code Pro', monospace;
+}
+
+.logo {
+    text-align: center;
+    max-height: 100px;
+    padding-bottom: 1.5rem;
+    margin: auto;
+    display: block;
+}
+
+.flag {
+    max-height: 15px;
+}
+
+.flag:hover {
+    opacity: 0.7;
+}
+
+header {
+    padding-top: 1rem;
+}
+
+hr {
+    display: block;
+    width: 100%;
+    height: 2px;
+    margin: 1.5rem auto;
+    border: none;
+    border-bottom: 2px dashed #59316B;
+}
+hr ~ * {
+    clear: both;
+}
+
+body {
+    max-width: 960px;
+    margin: auto;
+    padding: 0 15px 0 15px;
+    min-height: 100%;
+    height: 100%;
+}
+
+.copyright {
+    padding-bottom: 20px;
+}
+
+footer {
+    text-align: center;
+    margin: auto;
+
+}
+
+blockquote {
+	border-left: 10px solid rgba(251, 241, 199, 0.5);
+	margin: 0;
+	padding: 5px 10px;
+}
+
+
+table, td, th {
+    border: 1px solid rgba(251, 241, 199, 0.5);
+    padding: 10px;
+}
+  
+table {
+    overflow-x:auto;
+    width: 100%;
+    border-collapse: collapse;
+}
+
+
+p em {
+	display: block;
+	text-align: center;
+	font-size: 80%;
+	margin-top: 10px;
+	color: #6d6c6c;
+}
+
+.page-content img {
+	height: auto;
+	display: block;
+	margin: auto;
+	width: 100%;
+}
+
+img.left {
+	float: left;
+	margin: 0.75rem 1rem 1rem 0;
+}
+
+img.right {
+	float: right;
+    text-align: justify;
+	margin: 0.75rem 0 1rem 1rem;
+}
+
+.post-list {
+    padding: 0;
+    margin: 0;
+    list-style-type: none;
+}
+
+.social-media-list {
+    display: inline-block;
+    margin: auto;
+    padding: 0;
+    list-style: none;
+}
+
+.social-media-list li {
+    float: left;
+    padding: 5px;
+}
+
+.social-media-list li a {
+    display: block;
+    padding: 7.5px;
+    text-decoration: none;
+}
+
+.social-links {
+    color: white;
+}
+
+.social-links ul li {
+    display:inline;
+}
+
+.svg-icon {
+    width: 26px;
+    height: 26px;
+    display: inline-block;
+    fill: #e8e8e8;
+    padding: 5px 3px 2px 5px;
+    vertical-align: text-bottom;
+}
+
+.video-container {
+    position: relative;
+    padding-bottom: 56.25%;
+    padding-top: 30px;
+    margin-bottom: 30px;
+    height: 0;
+    overflow: hidden;
+}
+
+.video-container iframe {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+}

data/assets/css/main.scss

@@ -0,0 +1,12 @@
+---
+# Only the main Sass file needs front matter (the dashes are enough)
+sitemap:
+  exclude: 'yes'
+---
+@charset "utf-8";
+
+@import "main";
+
+@import "highlight";
+
+@import "404";