Skip to content

Instantly share code, notes, and snippets.

Avatar
💭
🕵🏻‍♂️

HTeuMeuLeu hteumeuleu

💭
🕵🏻‍♂️
View GitHub Profile
View firefox-relay-test.html
<!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
hteumeuleu / outlook-ios.css
Last active Aug 11, 2021
CSS and JS included with an email on Outlook iOS
View outlook-ios.css
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
hteumeuleu / lego.html
Created May 3, 2021
LEGO City Undercover - Pixel art under images
View lego.html
<!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
hteumeuleu / ios-blockquotes.html
Created Jan 28, 2021
Testing blockquotes style resets in Apple Mail iOS
View ios-blockquotes.html
<!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
hteumeuleu / fortnite.html
Created Nov 25, 2020
Fornite email on 2020/11/25
View fortnite.html
<!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
hteumeuleu / transformElementForDarkMode.ts
Created Sep 24, 2020
webpack://owa/packages/framework/owa-dark-mode-utilities/lib/utils/transformElementForDarkMode.ts
View transformElementForDarkMode.ts
import Color from 'color';
import { getPaletteAsRawColors } from 'owa-theme';
const VALID_CONTRAST_VALUE = 4.5;
const EMPTY_STRING = '';
const ATTR_COLOR = 'color';
const ATTR_BGCOLOR = 'bgcolor';
const DATA_OG_STYLE_COLOR = 'data-ogsc';
const DATA_OG_ATTR_COLOR = 'data-ogac';
const DATA_OG_STYLE_BACKGROUNDCOLOR = 'data-ogsb';
@hteumeuleu
hteumeuleu / pokeloop.sh
Created Jul 7, 2020
Bash script to get all pattern images from Pokémon shirts
View pokeloop.sh
for i in {1..250}
do
url="https://pokemon.originalstitch.com/en/img/pattern_all/$i.jpg"
curl $url > pokemon/$i.jpg
done
@hteumeuleu
hteumeuleu / 000webhost-gmail-dark-mode.html
Created May 11, 2020
000webhost cute email that turns horrible in Gmail's dark mode
View 000webhost-gmail-dark-mode.html
<!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
hteumeuleu / s_.html
Last active May 9, 2020
com.google.android.apk Files
View s_.html
<!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
hteumeuleu / background-blend-mode-demo.html
Created Feb 26, 2020
Demo of using background-blend-mode to attenuate background images in dark mode in Outlook.com
View background-blend-mode-demo.html
<!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>