Skip to content

Instantly share code, notes, and snippets.

View Phlow's full-sized avatar
🐙
🎛️ 🔊

Moritz »mo.« Sauer Phlow

🐙
🎛️ 🔊
71 followers · 7 following
View GitHub Profile
@Phlow
Phlow / responsive-navigation.html
Created August 22, 2022 19:41
Simple Responsive Navigation #HTML #CSS #Javascript
<!doctype html>
<html lang="de">
<head>
<title>Simple Responsive Navigation</title>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<style>
body {
@Phlow
Phlow / navigation.html
Created August 8, 2022 20:02
#HTML Navigation
<nav id="main-nav" aria-label="Main">
<ul>
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
</ul>
</nav>
<!-- aria-label: Eine kurze Beschreibung des Zwecks der Navigation, wobei der Begriff "Navigation" weggelassen werden sollte, da das Bildschirmlesegerät sowohl die Funktion als auch den Inhalt der Beschriftung lesen wird. -->
@Phlow
Phlow / template.html
Created August 8, 2022 14:46
#HTML #HTML5 Leeres Template
<!doctype html>
<html lang="de">
<head>
<title></title>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
</head>
<body>
@Phlow
Phlow / index.html
Last active August 8, 2022 14:35
Waiting Website – Waiting at the end of the internet with an image covering the whole viewport #HTML
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Hallo!</title>
<style>
body {
background: #000;
background: url(https://phlow.github.io/static/waiting.gif) no-repeat center center fixed;
@Phlow
Phlow / index.html
Last active August 8, 2022 14:32
Platzhalter Website mit ASCII Art #HTML
<!doctype html>
<html class="no-js" lang="de">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Unsere Schlümpfe bauen gerade die Website</title>
<style>
body {font-size: 1.2em; padding:1em;background: #ECDBB8;color: #850C3A;}
</style>
</head>
@Phlow
Phlow / _phlow.yml
Last active September 2, 2021 13:41
Three templates for asciidoctor-pdf #asciidoctor #style #template
font:
catalog:
# Noto Serif supports Latin, Latin-1 Supplement, Latin Extended-A, Greek, Cyrillic, Vietnamese & an assortment of symbols
Open Sans:
normal: OpenSans-Regular.ttf
bold: OpenSans-Bold.ttf
italic: OpenSans-Italic.ttf
bold_italic: OpenSans-BoldItalic.ttf
Open Sans Condensed:
normal: OpenSansCondensed-Light.ttf
@Phlow
Phlow / guetzli-optimizer.sh
Last active March 12, 2023 16:15
Guetzli JPG/JPEG Optimizer – This little script compresses JPG-files and shows you how many bytes Guetzli saved.
#!/bin/bash
#
# Guetzli JPG/JPEG Optimizer
# This little script compresses JPG-files and shows you how
# many bytes Guetzli saved you in the progress. Change the
# variable QUALITY to change the quality of the compression.
#
clear
QUALITY=85
@Phlow
Phlow / loop-category.liquid
Last active March 10, 2022 12:02
This Liquid loop for Jekyll loops through a defined category of your choice. Use this code-snippet as an include
{% comment %}
*
* This loop loops through a category of your choice and lists
* all entries. To address the category of your linking use the
* include like this:
*
* {% include loop-category category='webdesign' %}
*
{% endcomment %}
@Phlow
Phlow / schrifteninstallieren.sh
Last active March 10, 2017 13:12
Fonts Schriften Linux Installation installieren
#!/bin/bash
# Get script › wget https://gist.githubusercontent.com/Phlow/94ebb77a6b6cc6dccd3451436be43096/raw/2fee13d632dec696483d42f84c734e37fe17577a/schrifteninstallieren.sh
# Google Fonts
cd && wget https://raw.githubusercontent.com/hotice/webupd8/master/install-google-fonts
chmod +x install-google-fonts
./install-google-fonts
# Linux Libertine und EB Garamond
sudo apt-get install ttf-linux-libertine
sudo apt-get install fonts-ebgaramond fonts-ebgaramond-extra
sudo apt-get install ttf-mscorefonts-installer
@Phlow
Phlow / template.adoc
Created March 6, 2017 19:38
Asciidoc Asciidoctor Starter Template for Articles

Template