juicelang-theme 0.1.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA256:
+  metadata.gz: 9aa6b55c526c260ab1d21290280637645dec4775ef6584705074b450413305ed
+  data.tar.gz: 89da06dfc67815e3ae31e661ffc25beaa77b9114900afaae26484fd5164ebcb0
+SHA512:
+  metadata.gz: 833c246ff0c3a7e2f46ffab51135b441b2089da04586bab4431ab5e730a74fc554432e3d04174c46bf3911f82fbd7912da0937e7332c458f628555a54d45d140
+  data.tar.gz: 9fa354a6f3a576bc909c971bfbbb2d1184ecc615a8bd810a573430b2863c8fd83b0ebcbd24f5c432467b869e6b3b168a3c376a299edd9305eb59acc06ab26058

data/LICENSE.txt

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2022 juice-lang
+
+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,37 @@
+# juicelang-theme
+
+This is the theme of the website of the *juice* programming language ([juicelang.org](https://juicelang.org)).
+
+
+## Installation
+
+Add this line to your Jekyll site's `Gemfile`:
+
+```ruby
+gem "juicelang-theme"
+```
+
+And add this line to your Jekyll site's `_config.yml`:
+
+```yaml
+theme: juicelang-theme
+```
+
+And then execute:
+
+    $ bundle
+
+Or install it yourself as:
+
+    $ gem install juicelang-theme
+
+## Development
+
+To set up your environment to develop this theme, run `bundle install`.
+
+ To test this theme, run `bundle exec jekyll serve` and open your browser at `http://localhost:4000`. This starts a Jekyll server using your theme. Add pages, documents, data, etc. like normal to test this theme's contents. As you make modifications to this theme and to your content, your site will regenerate and you should see the changes in the browser after a refresh, just like normal.
+
+## License
+
+The theme is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).
+

data/_includes/logo.html

@@ -0,0 +1,5 @@
+<!-- Generator: Gravit.io -->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="isolation:isolate" viewBox="0 0 304.515 401.253" width="304.515pt" height="401.253pt">
+    <path d=" M 169.986 5.776 L 0.939 368.3 C -1.395 373.305 0.771 379.254 5.776 381.589 C 110.721 430.525 235.914 384.959 284.85 280.015 C 333.788 175.069 288.222 49.876 183.276 0.939 C 178.268 -1.395 172.32 0.771 169.986 5.776 Z  M 196.703 345.358 C 196.584 345.942 196.398 346.508 196.149 347.04 C 195.545 348.338 194.574 349.449 193.34 350.224 C 182.35 357.121 170.586 362.879 158.376 367.335 C 117.878 382.118 75.247 382.758 35.09 369.187 C 33.069 368.506 31.435 366.993 30.596 365.032 C 29.757 363.073 29.793 360.846 30.695 358.912 L 96.47 217.856 C 97.602 215.428 99.943 213.787 102.613 213.554 C 105.282 213.32 107.872 214.527 109.411 216.721 L 195.496 339.567 C 196.672 341.249 197.111 343.342 196.703 345.358 Z  M 279.29 187.879 C 280.846 189.333 281.698 191.258 281.657 193.386 C 281.13 219.738 275.037 245.522 263.556 270.143 C 252.109 294.691 236.192 315.906 216.256 333.255 C 214.651 334.651 212.53 335.285 210.419 335.027 C 208.309 334.769 206.405 333.619 205.186 331.877 L 120.103 210.36 C 118.566 208.166 118.338 205.558 119.47 203.129 C 120.603 200.7 122.966 199.3 125.634 199.066 L 273.536 186.127 C 275.656 185.942 277.735 186.425 279.29 187.879 Z  M 192.616 31.367 C 228.581 53.257 256.362 87.285 270.842 127.183 C 275.232 139.285 278.365 151.873 280.148 164.596 C 280.35 166.042 280.126 167.504 279.517 168.806 C 279.27 169.338 278.982 170.089 278.609 170.555 C 277.329 172.164 275.466 173.427 273.417 173.606 L 123.596 185.71 C 121.012 186.94 118.356 184.984 116.822 182.789 C 115.284 180.595 115.044 177.871 116.177 175.442 L 181.914 34.542 C 182.816 32.609 184.501 31.182 186.543 30.564 C 188.585 29.946 190.796 30.259 192.616 31.367 Z "
+          fill="rgb(255,255,255)"/>
+</svg>

data/_layouts/default.html

@@ -0,0 +1,97 @@
+<!DOCTYPE html>
+<html lang="{{ site.lang | default: "en-US" }}">
+    <head>
+        <meta charset="utf-8">
+        <title>juice &ndash; {{ page.title }}</title>
+        <meta name="description" content="{{ page.excerpt }}">
+        <meta name="title" content="{{ page.title }}">
+        <meta name="author" content="Josef Zoller">
+        <meta name="generator" content="jekyll">
+        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+        <meta http-equiv="X-UA-Compatible" content="IE=edge">
+
+        <link rel="apple-touch-icon" sizes="180x180" href="{{ '/assets/images/icons/apple-touch-icon.png' | relative_url }}">
+        <link rel="icon" type="image/png" sizes="32x32" href="{{ '/assets/images/icons/favicon-32x32.png' | relative_url }}">
+        <link rel="icon" type="image/png" sizes="16x16" href="{{ '/assets/images/icons/favicon-16x16.png' | relative_url }}">
+        <link rel="manifest" href="{{ '/assets/images/icons/site.webmanifest' | relative_url }}">
+        <link rel="mask-icon" href="{{ '/assets/images/icons/safari-pinned-tab.svg' | relative_url }}" color="#df8e15">
+        <link rel="shortcut icon" href="{{ '/assets/images/icons/favicon.ico' | relative_url }}">
+        <meta name="apple-mobile-web-app-title" content="juicelang">
+        <meta name="application-name" content="juicelang">
+        <meta name="msapplication-TileColor" content="#df8e15">
+        <meta name="msapplication-config" content="{{ '/assets/images/icons/browserconfig.xml' | relative_url }}">
+        <meta name="theme-color" content="#df8e15">
+
+        <link href="{{ '/assets/css/default.css' | relative_url }}" rel="stylesheet">
+    </head>
+    <body>
+        <div class="uk-container uk-container-expand header">
+            <nav class="uk-navbar-container uk-container uk-container-small uk-navbar-transparent uk-light
+                        uk-flex-column uk-flex-row@m header-nav" uk-navbar>
+                <div class="uk-navbar-left">
+                    <a class="uk-navbar-item uk-logo uk-text-italic uk-padding-small uk-padding-remove-left
+                              uk-visible@m logo" href="{{ site.baseurl }}">
+                        <div class="uk-flex">
+                            <div class="logo-image">
+                                {% include logo.html %}
+                            </div>
+                            <div class="logo-text">
+                                <div class="uk-text-italic logo-name">juice</div>
+                            </div>
+                        </div>
+                    </a>
+                    <a class="uk-navbar-item uk-logo uk-padding-small uk-padding-remove-left uk-hidden@m mobile-logo"
+                       href="{{ site.baseurl }}">
+                        <div class="uk-flex">
+                            <div class="logo-image">
+                                {% include logo.html %}
+                            </div>
+                            <div class="uk-flex uk-flex-column mobile-logo-text">
+                                <div class="uk-text-italic mobile-logo-name">juice</div>
+                                <div class="mobile-logo-subtitle">
+                                    The <span class="uk-text-italic uk-text-bold">juicy</span> programming language
+                                </div>
+                            </div>
+                        </div>
+                    </a>
+                </div>
+                <div class="uk-navbar-right uk-visible@m">
+                    <div class="uk-navbar-item">
+                        <div class="uk-text-large">
+                            The <span class="uk-text-italic uk-text-bold">juicy</span> programming language
+                        </div>
+                    </div>
+                </div>
+            </nav>
+        </div>
+        {{ content }}
+        <div class="uk-container uk-container-small uk-margin-small-top footer">
+            <nav class="uk-navbar-container uk-container uk-container-small uk-navbar-transparent" uk-navbar>
+                <div class="uk-navbar-left">
+                    <div class="uk-navbar-item uk-padding-remove">&copy; {{ 'now' | date: "%Y" }}&nbsp;</div>
+                    <a class="uk-navbar-item uk-padding-remove-left" href="{{ site.baseurl }}">juice-lang</a>
+                </div>
+                <div class="uk-navbar-right">
+                    <ul class="uk-navbar-nav">
+                        <li>
+                            <a href="https://github.com/juice-lang" class="uk-padding-remove-right">
+                                <span class="uk-icon" uk-icon="icon: github"></span>
+                            </a>
+                        </li>
+                    </ul>
+                </div>
+            </nav>
+        </div>
+
+        <script src="https://code.jquery.com/jquery-3.6.0.min.js"
+                integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4="
+                crossorigin="anonymous"></script>
+        <script src="https://cdn.jsdelivr.net/npm/uikit@3.15.1/dist/js/uikit.min.js"
+                integrity="sha256-JTeGCPhARdTbOqTHWpbalyuXTrg+mIe57wO1kLA7mbo="
+                crossorigin="anonymous"></script>
+        <script src="https://cdn.jsdelivr.net/npm/uikit@3.15.1/dist/js/uikit-icons.min.js"
+                integrity="sha256-9FYHm0nQRLd6ZiLbfgCUP3esO2H74eUc2JpWFr2CUhY="
+                crossorigin="anonymous"></script>
+        <script src="{{ '/assets/js/default.js' | relative_url }}"></script>
+    </body>
+</html>

data/_layouts/fullwidth_page.html

@@ -0,0 +1,7 @@
+---
+layout: default
+---
+
+<div class="uk-container uk-container-expand uk-margin-large-top uk-margin-large-bottom content">
+    {{ content }}
+</div>

data/_layouts/page.html

@@ -0,0 +1,7 @@
+---
+layout: default
+---
+
+<div class="uk-container uk-container-small uk-margin-large-top uk-margin-large-bottom content">
+    {{ content }}
+</div>

data/_layouts/post.html

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

data/_sass/uikit/components/_import.components.scss

@@ -0,0 +1,56 @@
+// Base
+@import "variables.scss";
+@import "mixin.scss";
+@import "base.scss";
+
+// Elements
+@import "link.scss";
+@import "heading.scss";
+@import "divider.scss";
+@import "list.scss";
+@import "description-list.scss";
+@import "table.scss";
+@import "icon.scss";
+@import "form.scss"; // After: Icon
+@import "button.scss";
+
+// Layout
+@import "section.scss";
+@import "container.scss";
+@import "grid.scss";
+@import "tile.scss";
+@import "card.scss";
+
+// Common
+@import "close.scss"; // After: Icon
+@import "spinner.scss"; // After: Icon
+@import "totop.scss"; // After: Icon
+@import "alert.scss"; // After: Close
+@import "badge.scss";
+@import "label.scss";
+@import "overlay.scss"; // After: Icon
+@import "article.scss"; // After: Subnav
+@import "comment.scss"; // After: Subnav
+@import "search.scss"; // After: Icon
+
+// Navs
+@import "nav.scss";
+@import "navbar.scss"; // After: Card, Grid, Nav, Icon, Search
+@import "subnav.scss";
+@import "breadcrumb.scss";
+@import "pagination.scss";
+@import "tab.scss";
+@import "slidenav.scss"; // After: Icon
+@import "dotnav.scss";
+
+// JavaScript
+@import "accordion.scss";
+@import "drop.scss"; // After: Card
+@import "dropdown.scss"; // After: Card
+@import "modal.scss"; // After: Close
+@import "sticky.scss";
+@import "offcanvas.scss";
+@import "switcher.scss";
+// Scrollspy
+// Toggle
+// Scroll

data/_sass/uikit/components/_import.scss

@@ -0,0 +1,95 @@
+// Base
+@import "variables.scss";
+@import "mixin.scss";
+@import "base.scss";
+
+// Elements
+@import "link.scss";
+@import "heading.scss";
+@import "divider.scss";
+@import "list.scss";
+@import "description-list.scss";
+@import "table.scss";
+@import "icon.scss";
+@import "form-range.scss";
+@import "form.scss"; // After: Icon, Form Range
+@import "button.scss";
+@import "progress.scss";
+
+// Layout
+@import "section.scss";
+@import "container.scss";
+@import "tile.scss";
+@import "card.scss";
+
+// Common
+@import "close.scss"; // After: Icon
+@import "spinner.scss"; // After: Icon
+@import "totop.scss"; // After: Icon
+@import "marker.scss"; // After: Icon
+@import "alert.scss"; // After: Close
+@import "placeholder.scss";
+@import "badge.scss";
+@import "label.scss";
+@import "overlay.scss"; // After: Icon
+@import "article.scss";
+@import "comment.scss";
+@import "search.scss"; // After: Icon
+
+// JavaScript
+@import "accordion.scss";
+@import "drop.scss"; // After: Card
+@import "dropdown.scss"; // After: Card
+@import "dropbar.scss";
+@import "modal.scss"; // After: Close
+@import "slideshow.scss";
+@import "slider.scss";
+@import "sticky.scss";
+@import "offcanvas.scss";
+@import "switcher.scss";
+@import "leader.scss";
+@import "notification.scss";
+@import "tooltip.scss";
+@import "sortable.scss";
+@import "countdown.scss";
+// Scrollspy
+// Toggle
+// Scroll
+
+@import "grid.scss";
+
+// Navs
+@import "nav.scss";
+@import "navbar.scss"; // After: Card, Grid, Nav, Icon, Search
+@import "subnav.scss";
+@import "breadcrumb.scss";
+@import "pagination.scss";
+@import "tab.scss";
+@import "slidenav.scss"; // After: Icon
+@import "dotnav.scss";
+@import "thumbnav.scss";
+@import "iconnav.scss";
+
+@import "lightbox.scss"; // After: Close, Slidenav
+
+// Utilities
+@import "animation.scss";
+@import "width.scss";
+@import "height.scss";
+@import "text.scss";
+@import "column.scss";
+@import "cover.scss";
+@import "background.scss";
+@import "align.scss";
+@import "svg.scss";
+@import "utility.scss";
+@import "flex.scss"; // After: Utility
+@import "margin.scss";
+@import "padding.scss";
+@import "position.scss";
+@import "transition.scss";
+@import "visibility.scss";
+@import "inverse.scss";
+
+// Need to be loaded last
+@import "print.scss";

data/_sass/uikit/components/_import.utilities.scss

@@ -0,0 +1,19 @@
+// Utilities
+@import "animation.scss";
+@import "width.scss";
+@import "text.scss";
+@import "column.scss";
+@import "cover.scss";
+@import "background.scss";
+@import "align.scss";
+@import "utility.scss";
+@import "flex.scss"; // After: Utility
+@import "margin.scss";
+@import "padding.scss";
+@import "position.scss";
+@import "transition.scss";
+@import "visibility.scss";
+@import "inverse.scss";
+
+// Need to be loaded last
+@import "print.scss";

data/_sass/uikit/components/accordion.scss

@@ -0,0 +1,105 @@
+// Name:            Accordion
+// Description:     Component to create accordions
+//
+// Component:       `uk-accordion`
+//
+// Sub-objects:     `uk-accordion-title`
+//                  `uk-accordion-content`
+//
+// States:          `uk-open`
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+$accordion-item-margin-top:                     $global-margin !default;
+
+$accordion-title-font-size:                     $global-medium-font-size !default;
+$accordion-title-line-height:                   1.4 !default;
+$accordion-title-color:                         $global-emphasis-color !default;
+$accordion-title-hover-color:                   $global-color !default;
+
+$accordion-content-margin-top:                  $global-margin !default;
+
+
+/* ========================================================================
+   Component: Accordion
+ ========================================================================== */
+
+.uk-accordion {
+    padding: 0;
+    list-style: none;
+    @if(mixin-exists(hook-accordion)) {@include hook-accordion();}
+}
+
+
+/* Item
+ ========================================================================== */
+
+.uk-accordion > :nth-child(n+2) {
+    margin-top: $accordion-item-margin-top;
+    @if(mixin-exists(hook-accordion-item)) {@include hook-accordion-item();}
+}
+
+
+/* Title
+ ========================================================================== */
+
+.uk-accordion-title {
+    display: block;
+    font-size: $accordion-title-font-size;
+    line-height: $accordion-title-line-height;
+    color: $accordion-title-color;
+    @if(mixin-exists(hook-accordion-title)) {@include hook-accordion-title();}
+}
+
+/* Hover */
+.uk-accordion-title:hover {
+    color: $accordion-title-hover-color;
+    text-decoration: none;
+    @if(mixin-exists(hook-accordion-title-hover)) {@include hook-accordion-title-hover();}
+}
+
+
+/* Content
+ ========================================================================== */
+
+.uk-accordion-content {
+    display: flow-root;
+    margin-top: $accordion-content-margin-top;
+    @if(mixin-exists(hook-accordion-content)) {@include hook-accordion-content();}
+}
+
+/*
+ * Remove margin from the last-child
+ */
+
+ .uk-accordion-content > :last-child { margin-bottom: 0; }
+
+
+// Hooks
+// ========================================================================
+
+@if(mixin-exists(hook-accordion-misc)) {@include hook-accordion-misc();}
+
+// @mixin hook-accordion(){}
+// @mixin hook-accordion-item(){}
+// @mixin hook-accordion-title(){}
+// @mixin hook-accordion-title-hover(){}
+// @mixin hook-accordion-content(){}
+// @mixin hook-accordion-misc(){}
+
+
+// Inverse
+// ========================================================================
+
+$inverse-accordion-title-color:              $inverse-global-emphasis-color !default;
+$inverse-accordion-title-hover-color:        $inverse-global-color !default;
+
+
+
+// @mixin hook-inverse-accordion-item(){}
+// @mixin hook-inverse-accordion-title(){}
+// @mixin hook-inverse-accordion-title-hover(){}

data/_sass/uikit/components/alert.scss

@@ -0,0 +1,146 @@
+// Name:            Alert
+// Description:     Component to create alert messages
+//
+// Component:       `uk-alert`
+//
+// Adopted:         `uk-alert-close`
+//
+// Modifiers:       `uk-alert-primary`
+//                  `uk-alert-success`
+//                  `uk-alert-warning`
+//                  `uk-alert-danger`
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+$alert-margin-vertical:                          $global-margin !default;
+$alert-padding:                                  15px !default;
+$alert-padding-right:                            $alert-padding + 14px !default;
+$alert-background:                               $global-muted-background !default;
+$alert-color:                                    $global-color !default;
+
+$alert-close-top:                                $alert-padding + 5px !default;
+$alert-close-right:                              $alert-padding !default;
+
+$alert-primary-background:                       lighten(mix(white, $global-primary-background, 40%), 20%) !default;
+$alert-primary-color:                            $global-primary-background !default;
+
+$alert-success-background:                       lighten(mix(white, $global-success-background, 40%), 25%) !default;
+$alert-success-color:                            $global-success-background !default;
+
+$alert-warning-background:                       lighten(mix(white, $global-warning-background, 45%), 15%) !default;
+$alert-warning-color:                            $global-warning-background !default;
+
+$alert-danger-background:                        lighten(mix(white, $global-danger-background, 40%), 20%) !default;
+$alert-danger-color:                             $global-danger-background !default;
+
+
+/* ========================================================================
+   Component: Alert
+ ========================================================================== */
+
+.uk-alert {
+    position: relative;
+    margin-bottom: $alert-margin-vertical;
+    padding: $alert-padding $alert-padding-right $alert-padding $alert-padding;
+    background: $alert-background;
+    color: $alert-color;
+    @if(mixin-exists(hook-alert)) {@include hook-alert();}
+}
+
+/* Add margin if adjacent element */
+* + .uk-alert { margin-top: $alert-margin-vertical; }
+
+/*
+ * Remove margin from the last-child
+ */
+
+.uk-alert > :last-child { margin-bottom: 0; }
+
+
+/* Close
+ * Adopts `uk-close`
+ ========================================================================== */
+
+.uk-alert-close {
+    position: absolute;
+    top: $alert-close-top;
+    right: $alert-close-right;
+    @if(mixin-exists(hook-alert-close)) {@include hook-alert-close();}
+}
+
+/*
+ * Remove margin from adjacent element
+ */
+
+.uk-alert-close:first-child + * { margin-top: 0; }
+
+/*
+ * Hover
+ */
+
+.uk-alert-close:hover {
+    @if(mixin-exists(hook-alert-close-hover)) {@include hook-alert-close-hover();}
+}
+
+
+/* Style modifiers
+ ========================================================================== */
+
+/*
+ * Primary
+ */
+
+.uk-alert-primary {
+    background: $alert-primary-background;
+    color: $alert-primary-color;
+    @if(mixin-exists(hook-alert-primary)) {@include hook-alert-primary();}
+}
+
+/*
+ * Success
+ */
+
+.uk-alert-success {
+    background: $alert-success-background;
+    color: $alert-success-color;
+    @if(mixin-exists(hook-alert-success)) {@include hook-alert-success();}
+}
+
+/*
+ * Warning
+ */
+
+.uk-alert-warning {
+    background: $alert-warning-background;
+    color: $alert-warning-color;
+    @if(mixin-exists(hook-alert-warning)) {@include hook-alert-warning();}
+}
+
+/*
+ * Danger
+ */
+
+.uk-alert-danger {
+    background: $alert-danger-background;
+    color: $alert-danger-color;
+    @if(mixin-exists(hook-alert-danger)) {@include hook-alert-danger();}
+}
+
+
+// Hooks
+// ========================================================================
+
+@if(mixin-exists(hook-alert-misc)) {@include hook-alert-misc();}
+
+// @mixin hook-alert(){}
+// @mixin hook-alert-close(){}
+// @mixin hook-alert-close-hover(){}
+// @mixin hook-alert-primary(){}
+// @mixin hook-alert-success(){}
+// @mixin hook-alert-warning(){}
+// @mixin hook-alert-danger(){}
+// @mixin hook-alert-misc(){}