davidagee/config-alert-emails-default.html

## config-alert-emails-default.html
<!doctype html>
<html>
  <head>
    <meta name="viewport" content="width=device-width">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>{{title}}</title>
    <style>
      html {
        font-family: sans-serif;
      }

      h2 {
        font-weight: initial;
        color: #1c1c1c;
      }

      dt {
        float: left;
        clear: left;
        width: 100px;
        color: #969696;
      }

      dd {
        margin: 0 0 0 100px;
        padding: 0 0 0.5em 0;
        height: 18px;
      }

      a {
        text-decoration: none;
        color: white;
        background-color: #258bdd;
        padding: 11px 16px 9px 16px;
        font-size: 13px;
      }

      table {
        border-collapse: collapse;
        font-size: 0.8rem;
      }

      td, th {
        border-bottom: 1px solid rgb(232, 232, 232);
        padding: 10px 20px;
      }

      th {
        color: #969696
      }

      td {
        text-align: left;
      }

      tr:nth-child(even) td {
        background-color: rgb(250,250,250);
      }

      tr:nth-child(odd) td {
        background-color: rgb(245,245,245);
      }

    </style>
  </head>
  <body>
    <dl>
      <dt>Data cube</dt>
      <dd>{{dataCubeTitle}}</dd>

      <dt>Time frame</dt>
      <dd>{{timeFrame}}</dd>

      <dt>Filter</dt>
      <dd>{{filter}}</dd>

      <dt>Condition</dt>
      <dd>{{condition}}</dd>
      {{^summaries.1}}
        <dt>Event</dt>
        <dd>{{summaries.0.event}}</dd>
      {{/summaries.1}}
    </dl>

    {{#summaries.1}}
      <table>
        <thead>
          <td scope="col">{{splitTitle}}</td>
          <td scope="col">Event</td>
        </thead>
        <tbody>
          {{#summaries}}
          <tr>
            <td>{{value}}</td>
            <td>{{event}}</td>
          </tr>
          {{/summaries}}
        </tbody>
      </table>
    {{/summaries.1}}


    {{#link}}
    <p>
      <a href="{{link}}">View</a>
    </p>
    {{/link}}
  </body>
</html>
	<!doctype html>
	<html>
	<head>
	<meta name="viewport" content="width=device-width">
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title>{{title}}</title>
	<style>
	html {
	font-family: sans-serif;
	}

	h2 {
	font-weight: initial;
	color: #1c1c1c;
	}

	dt {
	float: left;
	clear: left;
	width: 100px;
	color: #969696;
	}

	dd {
	margin: 0 0 0 100px;
	padding: 0 0 0.5em 0;
	height: 18px;
	}

	a {
	text-decoration: none;
	color: white;
	background-color: #258bdd;
	padding: 11px 16px 9px 16px;
	font-size: 13px;
	}

	table {
	border-collapse: collapse;
	font-size: 0.8rem;
	}

	td, th {
	border-bottom: 1px solid rgb(232, 232, 232);
	padding: 10px 20px;
	}

	th {
	color: #969696
	}

	td {
	text-align: left;
	}

	tr:nth-child(even) td {
	background-color: rgb(250,250,250);
	}

	tr:nth-child(odd) td {
	background-color: rgb(245,245,245);
	}

	</style>
	</head>
	<body>
	<dl>
	<dt>Data cube</dt>
	<dd>{{dataCubeTitle}}</dd>

	<dt>Time frame</dt>
	<dd>{{timeFrame}}</dd>

	<dt>Filter</dt>
	<dd>{{filter}}</dd>

	<dt>Condition</dt>
	<dd>{{condition}}</dd>
	{{^summaries.1}}
	<dt>Event</dt>
	<dd>{{summaries.0.event}}</dd>
	{{/summaries.1}}
	</dl>

	{{#summaries.1}}
	<table>
	<thead>
	<td scope="col">{{splitTitle}}</td>
	<td scope="col">Event</td>
	</thead>
	<tbody>
	{{#summaries}}
	<tr>
	<td>{{value}}</td>
	<td>{{event}}</td>
	</tr>
	{{/summaries}}
	</tbody>
	</table>
	{{/summaries.1}}


	{{#link}}
	<p>
	<a href="{{link}}">View</a>
	</p>
	{{/link}}
	</body>
	</html>