jkhaui

import React, { useState, useEffect, useRef } from 'react';
import PropTypes from 'prop-types';
import {
  Container,
  Button,
  Divider,
  Icon,
  Hidden,
  WeeksTabs,
  FeaturedCard,

jkhaui

import React, { useState, useEffect, useRef } from 'react';
import PropTypes from 'prop-types';
import {
  Container,
  Button,
  Divider,
  Icon,
  Hidden,
  WeeksTabs,
  FeaturedCard,

jkhaui

import React, { useState, useEffect, useRef } from 'react';
import PropTypes from 'prop-types';
import {
  Container,
  Button,
  Divider,
  Icon,
  Hidden,
  WeeksTabs,
  FeaturedCard,

jkhaui

General guidelines for designing HTML email templates.

Questions and comments welcome anytime – thanks for reading!

KEY TAKEAWAY:

• Coding for HTML emails is like coding for Internet browsers from 10 years ago. (It’s the email clients’ — Outlook, etc. — fault.)
• Picture a website from a decade ago: that’s the level of design complexity we can reasonably shoot for.

WIDTH:

jkhaui

<div class="">
   <div class="aHl"></div>
   <div id=":nb" tabindex="-1"></div>
   <div id=":n0" class="ii gt" jslog="20277; u014N:xr6bB; 4:W251bGwsbnVsbCxbXV0.">
      <div id=":mz" class="a3s aiL msg301119071104042197">
         <u></u>
         <div style="margin:0;padding:0;background-color:#ffffff">
            <div style="display:none!important;font-size:1px;color:#ffffff;line-height:1px;max-height:0px;max-width:0px;opacity:0;overflow:hidden">Get ready to turn up the heat.</div>
            <table style="table-layout:fixed;vertical-align:top;min-width:320px;border-spacing:0;border-collapse:collapse;background-color:#ffffff;width:100%" cellpadding="0" cellspacing="0" role="presentation" width="100%" bgcolor="#FFFFFF" valign="top">
               <tbody>

jkhaui

const a = {
    a: 1
}; 

const b = {
    a: 1
}

console.log(a===b); 

jkhaui

/*
 * START SIGNATURE FUNCTIONALITY
 * */

// Define global variables.
const FILL_ATTRIBUTE = "fill";
const SVG_NODE = "svg";

// Low-level nodes.
const PATH_NODE = "path";

jkhaui


@using Microsoft.AspNetCore.Authentication;
@addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers
@model Pikcha.Services.Auth.Identity.API.Models.AccountViewModels.AuthenticationViewModel


@{
    var returnUrl = ViewData["ReturnUrl"];
    var externalLoigns = (IList<AuthenticationScheme>)ViewData["ExternalLogins"];
    var page = ViewData["Page"] ?? "register";

jkhaui

/* Facebook */
:root, .__fb-light-mode {
    --fds-active-icon:  #3578E5;
    --fds-attachment-footer-background:  #F2F3F5;
    --fds-black:  #000000;
    --fds-black-alpha-05:  rgba(0, 0, 0, 0.05);
    --fds-black-alpha-10:  rgba(0, 0, 0, 0.1);
    --fds-black-alpha-15:  rgba(0, 0, 0, 0.15);
    --fds-black-alpha-20:  rgba(0, 0, 0, 0.2);
    --fds-black-alpha-30:  rgba(0, 0, 0, 0.3);

jkhaui