JackieGable

If you want to see them in action, the first two are looked at in this video and the second two are looked at in this video.

If you’re still struggling with grid, I’d suggest checkout out this video that looks at what I think are the easiest ways to get going with it.

JackieGable

// Hier gibt es nur ein Sass- und Eleventy-Script für alles. Die Parameter werden erst im Start und Production Script gesetzt
// Clever!
"scripts": {
    "sass": "sass src/scss/global.scss:dist/css/global.css",
    "eleventy": "npx @11ty/eleventy",
    "start": "concurrently 'npm run eleventy -- --serve --quiet' 'npm run sass -- --watch'",
    "production": "NODE_ENV=production npm run eleventy && npm run sass -- --style=compressed --no-source-map"
}

JackieGable

There are two types of markup in Liquid: Output and Tag.

• Output markup (which may resolve to text) is surrounded by

{{ matched pairs of curly brackets (ie, braces) }}

• Tag markup (which cannot resolve to text) is surrounded by

JackieGable

import java.util.Scanner;

public class Main {

    public static void main(String[] args) {

        //    Add code to print your name
        System.out.println("REPLACE WITH YOUR NAME");

        //    Add code to print a message with a truth about yourself (try and think of something interesting)

JackieGable

source 'http://rubygems.org'

gem 'jekyll-haml' # See https://github.com/samvincent/jekyll-haml
gem 'bootstrap-sass' # See https://github.com/twbs/bootstrap-sass

JackieGable

/*!
 * Milan Aryal Gulpfile (https://milanaryal.com.np)
 * Copyright 2020 Milan Aryal
 * Licensed under MIT (https://github.com/MilanAryal/milanaryal.github.io/blob/master/LICENSE)
 */

'use strict';

// Load plugin(s)
const { src, dest, series, parallel, watch } = require('gulp');

JackieGable

Install Ruby 3 and Bundler

Resources:

• Ruby
• Bundler

1. Install Ruby

JackieGable

VS Code Snippets

For more info see:

• Snippets in Visual Studio Code in the docs.
• VS Code homepage.

Snippet samples

JackieGable

Set up a new Jekyll project

This short guides shows you how to setup a new skeleton Jekyll project, using the Jekyll CLI to generate the files for you.

This guide does not require Jekyll to be installed globally. Rather, it takes you through installing Jekyll in a new project that only has one file in it, then uses that project Jekyll to create all the Jekyll base files in the same directory.

Under Jekyll docs, you can see the Installation page. That provides links to install for each OS. These are covered in some detail here.

See also New under my Jekyll recipes for a few ways to set up a new Jekyll site.

JackieGable

{
  "extends": ["stylelint-config-recommended"],
  "processors": ["stylelint-processor-ignore-front-matter"],
  "rules": {
    "at-rule-no-unknown": [true, { 
      "ignoreAtRules": ["tailwind", "apply", "variants", "responsive", "screen"] 
    } ],
    "declaration-block-trailing-semicolon": "always",
    "no-descending-specificity": [true, { "ignore": ["selectors-within-list"] } ],
    "no-invalid-double-slash-comments": true