Seitenende 

Archive of Notes by KargWare

2021
Add appraisal to a rubygem project

Appraisals is a tool to generate different Gemfiles so you can do matrix testing (e.g. different versions of ruby). How to add appraisal to your project Add the appraisal to the group development from the Gemfile bundle add appraisal --skip-install --group development Run bundle install to install the dependencies. bundle install Create a Appraisals file on root of the project. # frozen_string_literal: true SUPPORTED_VERSIONS = %w[3.8 3.9 4.0 4.1].freeze …
CSS unordered list rotated

Format a simple unordered <ul></ul> list of elements, like this … Group ABC Group DEF Group GHI Group JKL No Link 1 No Link 2 Group MNO No Link 3 Tom Butler … to an one list where the elements a alternating rotate a bit Group ABC Group DEF Group GHI Group JKL No Link 1 No Link 2 Group MNO No Link 3 Tom Butler In the html you need just add the css class on the ul-element of …
CSS unordered list in one line

Format a simple unordered list <ul></ul> of elements, like this … Hello List Element Wrapped As A Single Line Example … to an one liner with some content before and after the joined elements Hello List Element Wrapped As A Single Line Example This is the css, which will place an arrow before and brackets after each element. The first and the last list element will be extra handled. <style> ul.one-line-list:before { display: inlin…
CSS equal height of three columns

Format different div elements as a table with the same column height. Col 1 Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Col 2 Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy ei…
Jekyll Show Random Posts

Neither in Jekyll nor in Liquid there is a option to get a random value out of an array. But there is modulo filter which can be used to archive the goal. I found a solution on StackOverflow - 31490789, and adjusted my need a bit so I was able to get three different random posts. --- layout: post title: "Jekyll Show Random Posts" date: 2021-01-22 12:41:37 +0200 --- {% assign random1 = site.time | date: "%s%N" | modulo: site.posts.size %} {% assign post_random1 = site.…
CSS: Tesa (transparent tape) look for a div

Normal rectangle div-elements or other html-containers are mostly boring. That is why I want to create a transparent tape (adhesive foil) on each corner to have a kind of fancy style. The tape look was of course inspired by the brands Tesafilm ® and Scotch tape ®. Top Left Top Right Bottom Right Bottom Left   To generate that look a wrapper html element is needed, e.g a div. Important is that the position is relative position: relative; in that container. The child el…
SCSS: My mixins for CSS

Jekyll does support SASS and SCSS, the documentation can be found at sass-lang.com. These both techniques are a kind of pre-compiler or pre-processor to generate css - cascading style sheets. This blog uses jekyll as a static site generator, so we can use SCSS as well. To reuse sass or scss code Mixins were introduced. Mixins helps to keep the code cleaner and easier to maintain. With Mixins you can created nested css-styles, use css-fallbacks as a single command, reuse group…
 Seitenanfang