Merge pull request #10 from HackerspaceKRK/sposors-layout

Sponsors layout

.gitignore

@@ -2,4 +2,4 @@
 .bundle
 .sass-cache
 _site
-Gemfile.lock
+.jekyll-cache

Dockerfile

@@ -0,0 +1,13 @@
+FROM ruby:3-bookworm
+ARG DEBIAN_FRONTEND=noninteractive
+
+ENV GEM_HOME /gems
+ENV PATH $GEM_HOME/bin:$PATH
+
+RUN gem install jekyll bundler
+
+VOLUME [ "/app" ]
+WORKDIR /app
+
+COPY Gemfile* ./
+RUN bundle install

Gemfile

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 source "https://rubygems.org"
-gemspec
 
+gem "jekyll-theme-yat", "1.10.0"

Gemfile.lock

@@ -0,0 +1,97 @@
+GEM
+  remote: https://rubygems.org/
+  specs:
+    addressable (2.8.5)
+      public_suffix (>= 2.0.2, < 6.0)
+    colorator (1.1.0)
+    concurrent-ruby (1.2.2)
+    em-websocket (0.5.3)
+      eventmachine (>= 0.12.9)
+      http_parser.rb (~> 0)
+    eventmachine (1.2.7)
+    ffi (1.15.5)
+    forwardable-extended (2.6.0)
+    gemoji (3.0.1)
+    google-protobuf (3.24.0-x86_64-linux)
+    http_parser.rb (0.8.0)
+    i18n (1.14.1)
+      concurrent-ruby (~> 1.0)
+    jekyll (4.3.2)
+      addressable (~> 2.4)
+      colorator (~> 1.0)
+      em-websocket (~> 0.5)
+      i18n (~> 1.0)
+      jekyll-sass-converter (>= 2.0, < 4.0)
+      jekyll-watch (~> 2.0)
+      kramdown (~> 2.3, >= 2.3.1)
+      kramdown-parser-gfm (~> 1.0)
+      liquid (~> 4.0)
+      mercenary (>= 0.3.6, < 0.5)
+      pathutil (~> 0.9)
+      rouge (>= 3.0, < 5.0)
+      safe_yaml (~> 1.0)
+      terminal-table (>= 1.8, < 4.0)
+      webrick (~> 1.7)
+    jekyll-feed (0.17.0)
+      jekyll (>= 3.7, < 5.0)
+    jekyll-paginate (1.1.0)
+    jekyll-sass-converter (3.0.0)
+      sass-embedded (~> 1.54)
+    jekyll-seo-tag (2.8.0)
+      jekyll (>= 3.8, < 5.0)
+    jekyll-sitemap (1.4.0)
+      jekyll (>= 3.7, < 5.0)
+    jekyll-spaceship (0.10.2)
+      gemoji (~> 3.0)
+      jekyll (>= 3.6, < 5.0)
+      nokogiri (~> 1.6)
+      rainbow (~> 3.0)
+    jekyll-theme-yat (1.10.0)
+      jekyll (> 3.5, < 5.0)
+      jekyll-feed (~> 0.9)
+      jekyll-paginate (~> 1.1)
+      jekyll-seo-tag (~> 2.1)
+      jekyll-sitemap (~> 1.3)
+      jekyll-spaceship (~> 0.2)
+    jekyll-watch (2.2.1)
+      listen (~> 3.0)
+    kramdown (2.4.0)
+      rexml
+    kramdown-parser-gfm (1.1.0)
+      kramdown (~> 2.0)
+    liquid (4.0.4)
+    listen (3.8.0)
+      rb-fsevent (~> 0.10, >= 0.10.3)
+      rb-inotify (~> 0.9, >= 0.9.10)
+    mercenary (0.4.0)
+    nokogiri (1.15.3-x86_64-linux)
+      racc (~> 1.4)
+    pathutil (0.16.2)
+      forwardable-extended (~> 2.6)
+    public_suffix (5.0.3)
+    racc (1.7.1)
+    rainbow (3.1.1)
+    rb-fsevent (0.11.2)
+    rb-inotify (0.10.1)
+      ffi (~> 1.0)
+    rexml (3.2.6)
+    rouge (4.1.3)
+    safe_yaml (1.0.5)
+    sass-embedded (1.64.2-x86_64-linux-gnu)
+      google-protobuf (~> 3.23)
+    sass-embedded (1.64.2-x86_64-linux-musl)
+      google-protobuf (~> 3.23)
+    terminal-table (3.0.2)
+      unicode-display_width (>= 1.1.1, < 3)
+    unicode-display_width (2.4.2)
+    webrick (1.8.1)
+
+PLATFORMS
+  x86_64-linux
+  x86_64-linux-musl
+
+DEPENDENCIES
+  jekyll-theme-yat (= 1.10.0)
+
+BUNDLED WITH
+   2.3.25

_config.yml

@@ -1,31 +1,11 @@
-# Welcome to Jekyll!
-#
-# About Theme
-#
-# Yet another theme for elegant writers with modern flat style and beautiful
-# night/dark mode.
-#
-# Website: https://github.com/jeffreytse/jekyll-theme-yat
+# Docs: https://github.com/jeffreytse/jekyll-theme-yat
 #
 # You can do anything you want, including projects for your clients, as long
 # as you mention an attribution back (credit links in footer or project).
 # See the LICENCE file.
-#
-# This config file is meant for settings that affect your whole blog, values
-# which you are expected to set up once and rarely edit after that.
-#
-# For technical reasons, this file is *NOT* reloaded automatically when you
-# use 'bundle exec jekyll serve'. If you change this file, please restart
-# the server process.
-#
-# Site settings
-# These are used to personalize your new site. If you look in the HTML files,
-# you will see them accessed via {{ site.title }}, {{ site.email }}, and so on.
-# You can create any custom variable you would like, and they will be accessible
-# in the templates via {{ site.myvariable }}.
 
 title: Hackerspace Kraków
-email: [email protected]
+email: [email protected]
 author: Hackerspace Kraków
 
 # Copyright setting

_includes/sidebar/sponsors.html

@@ -1,30 +1,38 @@
 <div class="sponsors">
-  <h2>
-    Sponsorują nas:
-  </h2>
+  <h2>Sponsorują nas</h2>
   <div class="common-list">
     <ul>
       <li>
         <a href="https://www.ith.eu/" target="_blank">
-          <img src="{{ '/assets/images/sponsors/ith.png' | relative_url }}" alt="ITH logo" class="sponsors"/>
+          <img
+            src="{{ '/assets/images/sponsors/ith.png' | relative_url }}"
+            alt="ITH logo"
+            class="sponsors"
+          />
         </a>
       </li>
       <li>
         <a href="https://www.kru.pl/" target="_blank">
-          <img src="{{ '/assets/images/sponsors/kru.png' | relative_url}}" alt="kru.pl logo" class="sponsors"/>
+          <img
+            src="{{ '/assets/images/sponsors/kru.png' | relative_url}}"
+            alt="kru.pl logo"
+            class="sponsors"
+          />
         </a>
       </li>
     </ul>
   </div>
 
-  <h2>
-    Nasi partnerzy:
-  </h2>
+  <h2>Nasi partnerzy</h2>
   <div class="common-list">
     <ul>
       <li>
         <a href="https://husarion.com/" target="_blank">
-          <img src="{{ '/assets/images/sponsors/husarion.png' | relative_url }}" alt="husarion logo" class="sponsors" />
+          <img
+            src="{{ '/assets/images/sponsors/husarion.png' | relative_url }}"
+            alt="husarion logo"
+            class="sponsors"
+          />
         </a>
       </li>
     </ul>

_sass/misc/article-menu.scss

@@ -16,13 +16,15 @@
   .post-menu-content {
     ul {
       border-left: 1px solid #e9ecef;
-      $indent: $base-font-size / 4;
+      $indent: calc($base-font-size / 4);
       $active-bgcolor: #ecebec;
 
       @for $i from 2 to 7 {
         .h-h#{$i} {
-          padding-inline-start: $indent + ($i - 2) * $base-font-size * 1.3;
-          font-size: $base-font-size * 1.1;
+          padding-inline-start: calc(
+            $indent + ($i - 2) * $base-font-size * 1.3
+          );
+          font-size: calc($base-font-size * 1.1);
           line-height: 1.4;
         }
       }
@@ -38,7 +40,7 @@
 
         &:hover {
           text-decoration: none;
-          color: lighten($text-color, 30%)!important;
+          color: lighten($text-color, 30%) !important;
         }
       }
 

_sass/misc/theme-toggle.scss

@@ -1,18 +1,19 @@
 .theme-toggle {
   position: relative;
-  width: $base-font-size * 7.65;
+  width: calc($base-font-size * 7.65);
   margin-top: 10px;
   margin-right: 60px;
   margin-left: auto;
-  transition: .3s cubic-bezier(.4,.03,0,1);
+  transition: 0.3s cubic-bezier(0.4, 0.03, 0, 1);
 
-  label, .toggle {
+  label,
+  .toggle {
     border-radius: 100px;
   }
 
   label {
     display: block;
-    background-color: rgba(120,120,120,.15);
+    background-color: rgba(120, 120, 120, 0.15);
     cursor: pointer;
   }
 
@@ -21,8 +22,8 @@
     width: 50%;
     height: 100%;
     background-color: #fff;
-    box-shadow: 0 2px 15px rgba(0,0,0,.15);
-    transition: transform .2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
+    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.15);
+    transition: transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
   }
 
   .names {
@@ -39,7 +40,7 @@
   .names p {
     margin-bottom: 0;
     line-height: 24px;
-    opacity: .5;
+    opacity: 0.5;
   }
 
   label .light {
@@ -58,7 +59,7 @@
   /* Toggle */
   [type="checkbox"]:checked ~ label .toggle {
     transform: translateX(100%);
-    background-color: #34323D;
+    background-color: #34323d;
   }
 
   [type="checkbox"]:checked ~ label .dark {
@@ -78,7 +79,7 @@
     margin-right: 20px;
 
     .names {
-      font-size: .85em;
+      font-size: 0.85em;
     }
   }
 }