Skip to content

Instantly share code, notes, and snippets.

HTeuMeuLeu hteumeuleu

Block or report user

Report or block hteumeuleu

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
@hteumeuleu
hteumeuleu / darkModeHandler.ts
Last active Nov 6, 2019
Outlook.com darkModeHandler
View darkModeHandler.ts
import ContentHandler from '../schema/ContentHandler';
import { transformElementForDarkMode, AlteredElement } from 'owa-dark-mode-utilities';
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';
@hteumeuleu
hteumeuleu / gmail-animation.html
Created Apr 26, 2018
The new Gmail loading animation is just HTML and CSS.
View gmail-animation.html
<style>
body{margin:0;width:100%;height:100%} body,td,input,textarea,select{font-family:arial,sans-serif} input,textarea,select{font-size:100%} #loading{position:absolute;width:100%;height:100%;z-index:1000;background-color:#fff} .msg{ color: #757575; font: 20px/20px Arial, sans-serif; letter-spacing: .2px; text-align: center } #nlpt{ animation: a-s .5s 2.5s 1 forwards; background-color: #f1f1f1; height: 4px; margin: 56px auto 20px; opacity: 0; overflow: hidden; position: relative; width: 300px } #nlpt::before{ animation: a-lb 20s 3s linear forwards; background-color: #db4437; content: ''; display: block; height: 100%; position: absolute; transform: translateX(-300px); width: 100% } @keyframes a-lb{ 0%{transform:translateX(-300px)}5%{transform:translateX(-240px)}15%{transform:translateX(-30px)}25%{transform:translateX(-30px)}30%{transform:translateX(-20px)}45%{transform:translateX(-20px)}50%{transform:translateX(-15px)}65%{transform:translateX(-15px)}70%{transform:translateX(-10px)}95%{transform:translateX(-1
View list.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>List</title>
<meta name=Generator content="Microsoft Word 15 (filtered medium)">
<style type="text/css">
@list heart {
mso-level-number-format: bullet;
mso-level-text: ♥;
@hteumeuleu
hteumeuleu / fontTable.xml.rels
Last active Sep 4, 2019
Font file reference XML from a docx archive
View fontTable.xml.rels
<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
<Relationships xmlns="http://schemas.openxmlformats.org/package/2006/relationships">
<Relationship Id="rId8" Type="http://schemas.openxmlformats.org/officeDocument/2006/relationships/font" Target="fonts/font8.odttf"/>
<Relationship Id="rId3" Type="http://schemas.openxmlformats.org/officeDocument/2006/relationships/font" Target="fonts/font3.odttf"/>
<Relationship Id="rId7" Type="http://schemas.openxmlformats.org/officeDocument/2006/relationships/font" Target="fonts/font7.odttf"/>
<Relationship Id="rId2" Type="http://schemas.openxmlformats.org/officeDocument/2006/relationships/font" Target="fonts/font2.odttf"/>
<Relationship Id="rId1" Type="http://schemas.openxmlformats.org/officeDocument/2006/relationships/font" Target="fonts/font1.odttf"/>
<Relationship Id="rId6" Type="http://schemas.openxmlformats.org/officeDocument/2006/relationships/font" Target="fonts/font6.odttf"/>
<Relationship Id="rId5" Type="http://schemas.openxmlformats.org/officeD
@hteumeuleu
hteumeuleu / button-overlapping-top.html
Last active Aug 13, 2019
Example of button overlapping from the top for @james on #emailgeeks Slack
View button-overlapping-top.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>button overlapping</title>
</head>
<body>
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:600px;">
<tr>
<td>
@hteumeuleu
hteumeuleu / button-overlapping.html
Last active Aug 13, 2019
Example of button overlapping for @irmavdk on #emailgeeks Slack
View button-overlapping.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>button overlapping</title>
</head>
<body>
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:600px; background:#e5f3f6;">
<tr>
<td>
@hteumeuleu
hteumeuleu / mp4-to-jpg
Created Jun 30, 2017
Commands to generate a background sprite from an MP4 video (using ffmpeg and ImageMagick)
View mp4-to-jpg
ffmpeg -i video.mp4 -r 1 img/frames_%04d.png
montage -tile 34x1 -geometry 640x960 *.png background.jpg
@hteumeuleu
hteumeuleu / apple-arkit2-ios12-test.html
Created Sep 26, 2018
Apple AR Kit 2 in an email test
View apple-arkit2-ios12-test.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>iOS 12 ARKit 2</title>
<style>
body { font:1em "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
a { color:#0070c9; }
</style>
<meta name="x-apple-disable-message-reformatting" />
@hteumeuleu
hteumeuleu / gmail-view-entire-message-styles.html
Last active Jun 18, 2019
Gmail "View Entire Message" styles
View gmail-view-entire-message-styles.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Gmail View Entire Message Bug</title>
<style>.box { background: #3cbc67 !important; }</style>
<style>
div { font-size:0; }
div a { display: block; padding: 20px; color:#fff !important; font-size: 3rem; background: #c44230 !important; }
</style>
@hteumeuleu
hteumeuleu / lego-newsletter-FR-20190603.html
Created Jun 3, 2019
Plus de 70 nouveaux ensembles LEGO® débarquent pour l'été !
View lego-newsletter-FR-20190603.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="format-detection" content="telephone=no">
<meta name="format-detection" content="date=no">
<meta name="format-detection" content="address=no">
You can’t perform that action at this time.