Beat Temperli btemperli

Informatiklehrer an der Kantonsschule Glarus. . . . . . . . . . . . . . . . . . . . . . . #education #web #raspberry #drupal

btemperli / ResponsiveImage.html

Last active April 1, 2019 09:41

How to output a responsive Image with multiple image-sizes in a HTML-File

	<picture>
	<!--[if IE 9]><video style="display: none;"><![endif]-->
	<source srcset="/styles/max_2600x2600/image.jpg 1x" media="all and (min-width: 1600px)" type="image/jpeg">
	<source srcset="/styles/max_1600x1600/image.jpg 1x" media="all and (min-width: 1280px) and (max-width: 1599px)" type="image/jpeg">
	<source srcset="/styles/max_1280x1280/image.jpg 1x" media="all and (min-width: 960px) and (max-width: 1279px)" type="image/jpeg">
	<source srcset="/styles/max_960x960/image.jpg 1x" media="all and (min-width: 640px) and (max-width: 959px)" type="image/jpeg">
	<source srcset="/styles/max_650x650/image.jpg 1x" media="all and (min-width: 320px) and (max-width: 639px)" type="image/jpeg">
	<source srcset="/styles/max_325x325/image.jpg 1x" type="image/jpeg">
	<!--[if IE 9]></video><![endif]-->
	<img src="/styles/max_325x325//image.jpg" alt="The example image" title="Title for the tooltip" typeof="foaf:Image">

btemperli / LoraIncomingEntryController.php

Created February 16, 2021 13:28

	<?php

	namespace App\Http\Controllers;

	use App\Model\LoraEntryIncoming;
	use Illuminate\Http\Response;

	/**
	* Controller of the LUMEN-Framework for handling incoming Lora-Entries.
	*

btemperli / immich_custom-css.css

Last active June 29, 2026 21:30

Immich: Custom CSS for Images

	/* Header Navigation */
	nav#dashboard-navbar .grid {
	grid-template-columns: 230px auto !important;
	}

	nav#dashboard-navbar .grid a[href="/photos"] {
	width: 200px;
	position: relative;
	padding-right: 3em;
	height: 50px;

btemperli / data.csv

Created December 26, 2024 15:11

We can make this file beautiful and searchable if this error is corrected: No commas found in this CSV file in line 0.