Skip to content

bkroggel/luzid

Repository files navigation

Cras et lobortis nisi. Etiam ac faucibus justo, ut viverra lorem. Aliquam erat volutpat. Sed id porta lorem. Integer interdum velit vel neque tempor pharetra. Cras dapibus tellus ut ultrices bibendum. Quisque purus mi, vestibulum eu erat at, commodo euismod eros. Integer ut nibh eu risus porta luctus ut ut lorem. Mauris eleifend, libero vitae porttitor fringilla, velit magna placerat leo, at imperdiet odio lectus id odio.

Styleguide

YAML Frontmatter

---
title:
sub_title:
author:
date:
tags:
permalink:
thumbnail:
  img:
  overview:
sitemap:
  lastmod:
  priority:
  changefreq:
  exclude:
sign:
---
Name Content Example Mandatory
title title of post yes
sub_title subtitle of post no
author author of post (default set) no
date date of post 2017-09-26 19:13:01 +0200 no
tags tags of posts set english to switch site language to en_US [tag1, tag2] no
permalink set specific url for post (default set) /another/link/than/default.html no
thumbnail.img set display image for blogposts overview no
thumbnail.overview specific description for social share integration (fallback to excerpt) no
sitemap.lastmod last modified date for sitemap (fallback set) no
sitemap.priority priority for sitemap (fallback set) no
sitemap.changefreq changefrequence for sitemap no
sitemap.exclude exclude from sitemap if 'yes' no
sign true if signature should be included no

Font-Styles

Element Image HTML Markdown
h1 <h1></h1> #
h2 <h2></h2> ##
h3 <h3></h3> ###
h4 <h4></h4> ####
h5 <h5></h5> #####
h6 <p><h6></h6></p> ######
Intro-Text <p class="intro">[...]</p> {:.intro}
Highlighted-Text <span class="highlighted">[...]</span>{:.highlighted} {:.highlighted}
Info-Block info update) <p class=„[example]“></p> {:.example}

Text-Elements

Element Image HTML Markdown
Code <code></code> `[...]`
List <ul></ul> -[...]
Numbered List <ol></ol> 01. [...]
Quote <blockquote></blockquote> >[...]
Big-Quote <p class="quote"></p> {:.quote}

Images

Element Image HTML Markdown
Image <img></img> ![]()
Image-Gallery *everything gets wrapped in a <div class="gallery"></div> multiple Images beneath each other

Resources

  • Better pagination for Jekyll - A Jekyll include file of a Mobile-First pagination, configurable with page front-matter.
  • Building a Better Sitemap.xml with Jekyll - Jekyll sitemap implementation without plugins
  • Font Awesome - The iconic font and CSS toolkit
  • imagesLoaded.js - JavaScript is all like "You images done yet or what?", Detect when images have been loaded.
  • Jekyll - Transform your plain text into static websites and blogs.
  • jQuery - jQuery is a fast, small, and feature-rich JavaScript library.
  • lazysizes - High performance and SEO friendly lazy loader for images (responsive and normal), iframes and more, that detects any visibility changes triggered through user interaction, CSS or JavaScript without configuration.
  • normalize.css - A modern alternative to CSS resets
  • Showdown - Showdown is a Javascript Markdown to HTML converter, based on the original works by John Gruber.
  • Slick - the last carousel you'll ever need
  • timeago.js - Timeago is a jQuery plugin that makes it easy to support automatically updating fuzzy timestamps (e.g. "4 minutes ago" or "about 1 day ago")
  • Twitter-Post-Fetcher - Allows you to get your tweets displaying on your website using JavaScript, without using new Twitter 1.1 API
  • Waypoints - Waypoints is the easiest way to trigger a function when you scroll to an element.
  • Zooming - Image zoom that makes sense.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published