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 / 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">
View html-srcset.html
<!DOCTYPE html>
<html>
<head>
<title>srcset attribute</title>
</head>
<body>
<h1>srcset</h1>
<img src="https://i.imgur.com/pnUUCFQ.png" srcset="https://i.imgur.com/35cz49W.png 480w, https://i.imgur.com/X7vSnQV.png 640w, https://i.imgur.com/JqqqI8g.png 1440w" sizes="100vw" style="display:block; width:100%; height:auto;" />
</body>
</html>
View html-picture.html
<!DOCTYPE html>
<html>
<head>
<title>picture element</title>
</head>
<body>
<h1>picture</h1>
<picture>
<source srcset="https://i.imgur.com/35cz49W.png" media="(max-width: 480px)" />
<source srcset="https://i.imgur.com/X7vSnQV.png" media="(max-width: 640px)" />
View media-queries-test.html
<!doctype html>
<html>
<head>
<title>Media Queries</title>
<style type="text/css">
.block { display:inline-block; width:100px; height:100px; color:#fff; background:#333; white-space:nowrap; overflow:hidden; font:16px/100px sans-serif; }
@media only screen and (min-width:320px)
{
.block--1 { background:#001F3F !important; }
View amp4email-hello-world.html
<!doctype html>
<html amp4email>
<head>
<meta charset="utf-8">
<script async src="https://cdn.ampproject.org/v0.js"></script>
<script async custom-element="amp-bind" src="https://cdn.ampproject.org/v0/amp-bind-0.1.js"></script>
<style amp4email-boilerplate>body { visibility:hidden }</style>
</head>
<body>
<h1 [text]="'Bonjour ' + state.username + '&nbsp;!'">
@hteumeuleu
hteumeuleu / vml-oned.html
Created Mar 21, 2019
VML onEd Attribute
View vml-oned.html
<!DOCTYPE html>
<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" lang="en">
<head>
<meta charset="UTF-8" />
<title>VML onEd</title>
</head>
<body>
<h1>onEd</h1>
<v:rect fillcolor="green" style="width:100px; height:100px;"></v:rect>
<v:rect fillcolor="yellow" style="position:relative; left:100px; width:100px; height:100px;"></v:rect>
@hteumeuleu
hteumeuleu / outlook-universe.md
Last active Feb 18, 2019
The Outlook Universe
View outlook-universe.md
@hteumeuleu
hteumeuleu / darkModeHandler.ts
Last active Dec 6, 2018
Outlook.com darkModeHandler
View darkModeHandler.ts
import Color from 'color';
import ContentHandler from 'owa-controls-content-handler/lib/schema/ContentHandler';
import { getPaletteAsRawColors } from 'owa-theme';
export const DARK_MODE_HANDLER_NAME = 'darkModeHandler';
const VALID_CONTRAST_VALUE = 4.5;
const DARK_MODE_SELECTOR = '*';
const EMPTY_STRING = '';
const ATTR_COLOR = 'color';
@hteumeuleu
hteumeuleu / the-fab-four-outlook-com-dark-mode.html
Last active Oct 24, 2018
The Fab Four in Outlook.com dark mode
View the-fab-four-outlook-com-dark-mode.html
<div class="rps_ef59"><style type="text/css"><!-- .rps_ef59 html, .rps_ef59 body
{ min-width: 260px; min-height: 100%; padding: 0; margin: 0 auto; background: #fff; }
.rps_ef59 a img
{ border: none; }
.rps_ef59 .x_ReadMsgBody
{ width: 100%; }
.rps_ef59 .x_ExternalClass
{ width: 100%; }
.rps_ef59 .x_ExternalClass *
{ line-height: 100%; }
You can’t perform that action at this time.