hteumeuleu’s gists

hteumeuleu / firefox-relay-test.html

Last active August 24, 2021 13:51

Firefox Relay Test

	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
	<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="viewport" content="width=device-width"/>
	<title>Firefox Relay</title>
	<style>
	* {
	box-sizing: border-box;
	}

hteumeuleu / outlook-ios.css

Last active November 11, 2022 08:32

CSS and JS included with an email on Outlook iOS

	html{background:0 0!important;color:#000}li,ol,ul{margin:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}q:after,q:before{content:""}abbr,acronym{border:0}img,input{border:none}
	body {
	padding: 0px 0px !important;
	box-sizing: border-box;
	margin: 0;
	color: #E1E1E1FF !important;
	font-family: '-apple-system', 'HelveticaNeue';
	font-size: 12pt;
	word-wrap: break-word;
	-webkit-text-size-adjust: 106%;

hteumeuleu / lego.html

Created May 3, 2021 09:01

LEGO City Undercover - Pixel art under images

	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
	<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title>Untitled Document</title>
	<style type="text/css">
	body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;

hteumeuleu / ios-blockquotes.html

Created January 28, 2021 08:30

Testing blockquotes style resets in Apple Mail iOS

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>iOS blockquote</title>
	</head>
	<body>
	<h1>Blockquotes</h1>
	<blockquote>Lorem ipsum dolor sit amet, consectetur, adipisicing elit. Ab magni, qui quidem repellendus beatae rem amet veniam a ullam similique eius velit, exercitationem facere maxime praesentium voluptatum minus quae corrupti?</blockquote>

hteumeuleu / fortnite.html

Created November 25, 2020 09:09

Fornite email on 2020/11/25

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Fortnite</title>
	<link href="https://fonts.googleapis.com/css?family=Open+Sans:600,800&display=swap" rel="stylesheet">
	<link href="https://fonts.googleapis.com/css?family=Francois+One" rel="stylesheet">
	<link href="https://fonts.google.com/specimen/Raleway" rel="stylesheet">
	<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">

hteumeuleu / transformElementForDarkMode.ts

Last active February 27, 2022 10:50

webpack://owa/packages/framework/owa-dark-mode-utilities/lib/utils/transformElementForDarkMode.ts

	import Color from 'color';
	import {
	ATTR_COLOR,
	ATTR_BGCOLOR,
	DATA_OG_STYLE_COLOR,
	DATA_OG_ATTR_COLOR,
	DATA_OG_STYLE_BACKGROUNDCOLOR,
	DATA_OG_ATTR_BGCOLOR,
	} from 'owa-content-colors-constants';

hteumeuleu / pokeloop.sh

Created July 7, 2020 15:47

Bash script to get all pattern images from Pokémon shirts

	for i in {1..250}
	do
	url="https://pokemon.originalstitch.com/en/img/pattern_all/$i.jpg"
	curl $url > pokemon/$i.jpg
	done

hteumeuleu / 000webhost-gmail-dark-mode.html

Created May 11, 2020 12:47

000webhost cute email that turns horrible in Gmail's dark mode

	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
	<html xmlns="http://www.w3.org/1999/xhtml">

	<head>
	<meta charset="UTF-8" />
	<style>
	.ReadMsgBody {
	width: 100%;
	background-color: #FFFFFF;
	}

hteumeuleu / s_.html

Last active May 9, 2020 07:16

com.google.android.apk Files

	<!DOCTYPE html>
	<!--
	Arguments for this template:
	1. Body HTML String
	2. Signature
	3. Elided text HTML String
	4. Hint text String
	5. Hint text color String
	6. padding-top of the body in px
	7. padding-bottom of the body in px

hteumeuleu / background-blend-mode-demo.html

Created February 26, 2020 14:57

Demo of using background-blend-mode to attenuate background images in dark mode in Outlook.com

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>background-blend-mode</title>
	<style>
	@media only screen and (min-width:650px) {
	.demo-object { display:block!important; }
	}
	</style>

HTeuMeuLeu hteumeuleu