Skip to content

Instantly share code, notes, and snippets.

@corlaez
Last active December 6, 2017 23:52
Show Gist options
  • Save corlaez/9a227162e7ad20801f05346f37b7e97d to your computer and use it in GitHub Desktop.
Save corlaez/9a227162e7ad20801f05346f37b7e97d to your computer and use it in GitHub Desktop.
Invitation Email to use on RunKit
const React = require('react')
const ReactDOMServer = require('react-dom/server')
global.React = React
const t7 = require('t7')
let jsx;
t7.module((t7instance) => {
jsx = t7instance
jsx.setOutput(t7.Outputs.React);
})
const reactHtmlEmail = require("react-html-email");
const { Email, Box, Item, Image, Span, A, renderEmail } = reactHtmlEmail;
const css = `
@media only screen and (max-device-width: 480px) {
}`.trim()
const sourceURL = 'https://gist.github.com/lrn2prgrm/9a227162e7ad20801f05346f37b7e97d'
const email = renderEmail(
<Email title="Test Email" headCSS={css}>
<Item>
<br/>
<Span color={"#43B2D0"}fontSize={20}>Invitación para unirte a Belatrix React!</Span><br/>
</Item>
<Box cellSpacing={20} width="100%" style={{ borderTop: '3px solid black' }}>
<Item>
<A href="https://join.skype.com/q87Ozc7f278e">
<Image style={{float:"left"}}
alt="react"
src="https://upload.wikimedia.org/wikipedia/commons/thumb/a/a7/React-icon.svg/640px-React-icon.svg.png"
width={150} />
</A>
<Span
color="#202020"
lineHeight={20}><br/>
React es una librería de UI creada por Facebook que está generando mucho interés en la industria.
</Span>
</Item>
<Item>
<Span
color="#202020"
lineHeight={20}><br/>
Si tienes experiencia, deseas aprender o quieres hacer una consulta, entra al grupo de React:<br/>
<A href="https://join.skype.com/q87Ozc7f278e">Click Aquí para unirte</A>
</Span>
</Item>
</Box>
</Email>
)
email
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment