Skip to content

Instantly share code, notes, and snippets.

View hteumeuleu's full-sized avatar

HTeuMeuLeu hteumeuleu

327 followers · 23 following
View GitHub Profile
@hteumeuleu
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
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
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
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
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
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
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
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
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
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>