Include head using preprocess
This commit is contained in:
Dan Mindru
parent
543fb023cc
commit
0b69a7a7c2
|
|
@ -1,63 +1,62 @@
|
||||||
<!-- Solving https://github.com/jonkemp/inline-css/issues/8 would make things nicer. -->
|
<!-- @include head.html -->
|
||||||
<link rel="stylesheet" href="base.css">
|
|
||||||
|
|
||||||
<!-- Actual template below, link tag will be removed & compiled tp inline CSS. -->
|
|
||||||
|
|
||||||
<!-- @todo gulp-inline-css can't use width in percentages, doesn't parse background-color -> bgcolor -->
|
<!-- @todo gulp-inline-css can't use width in percentages, doesn't parse background-color -> bgcolor -->
|
||||||
<table class="main rbcc" width="100%" bgcolor="#ffffff";>
|
<body>
|
||||||
<tr class="rbcc">
|
<table class="main rbcc" width="100%" bgcolor="#ffffff";>
|
||||||
<td class="main__welcome">
|
<tr class="rbcc">
|
||||||
<b><!-- @echo welcome --></b>
|
<td class="main__welcome">
|
||||||
</td>
|
<b><!-- @echo welcome --></b>
|
||||||
</tr>
|
</td>
|
||||||
<tr class="rbcc">
|
</tr>
|
||||||
<td class="main__content">
|
<tr class="rbcc">
|
||||||
<!-- @echo introParagraph -->
|
<td class="main__content">
|
||||||
</td>
|
<!-- @echo introParagraph -->
|
||||||
</tr>
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
<!-- @todo gulp-inline-css doesn't add height attrs -->
|
<!-- @todo gulp-inline-css doesn't add height attrs -->
|
||||||
<tr class="sp" height="30px"></tr>
|
<tr class="sp" height="30px"></tr>
|
||||||
|
|
||||||
<tr class="rbcc">
|
<tr class="rbcc">
|
||||||
<!-- @todo gulp-inline-css doesn't parse background-color -> bgcolor -->
|
<!-- @todo gulp-inline-css doesn't parse background-color -> bgcolor -->
|
||||||
<td class="footer" bgcolor="#f5f5f5">
|
<td class="footer" bgcolor="#f5f5f5">
|
||||||
<!-- @todo gulp-inline-css can't use width in percentages -->
|
<!-- @todo gulp-inline-css can't use width in percentages -->
|
||||||
<table class="rbcc footer__main" width="100%">
|
<table class="rbcc footer__main" width="100%">
|
||||||
<tr>
|
<tr>
|
||||||
<!-- @todo gulp-inline-css doesn't parse align -->
|
|
||||||
<td class="footer__main__signature" align="left">
|
|
||||||
<!-- @echo signature --><br />
|
|
||||||
<!-- @echo name --><br />
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td width="100%">
|
|
||||||
<hr class="gray-hr"/></td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<!-- @todo gulp-inline-css can't use width in percentages, doesn't parse align -->
|
|
||||||
<table class="rbcc footer__main__col1" width="80%" align="left">
|
|
||||||
<td class="footer__main__col1__td" align="left">
|
|
||||||
<strong>
|
|
||||||
<!-- @echo contactMain -->
|
|
||||||
<a href="mailto:<!-- @echo contactMail -->" target="_blank"><!-- @echo contactMail --></a>
|
|
||||||
</strong><br />
|
|
||||||
<!-- @echo contactSecondary -->
|
|
||||||
</td>
|
|
||||||
</table>
|
|
||||||
|
|
||||||
<!-- @todo gulp-inline-css can't use width in percentages, doesn't parse align -->
|
|
||||||
<table class="rbcc footer__main__col2" width="20%" align="right">
|
|
||||||
<!-- @todo gulp-inline-css doesn't parse align -->
|
<!-- @todo gulp-inline-css doesn't parse align -->
|
||||||
<td class="footer__main__col2__td" align="right">
|
<td class="footer__main__signature" align="left">
|
||||||
<a href="<!-- @echo website -->">
|
<!-- @echo signature --><br />
|
||||||
<img class="fix" src="<!-- @echo logoUrl -->" alt="<!-- @echo logoAlt -->" class="footer__main__col2__td__img"/>
|
<!-- @echo name --><br />
|
||||||
</a>
|
|
||||||
</td>
|
</td>
|
||||||
</table>
|
</tr>
|
||||||
</tr>
|
<tr>
|
||||||
</table>
|
<td width="100%">
|
||||||
</td>
|
<hr class="gray-hr"/></td>
|
||||||
</tr>
|
</tr>
|
||||||
</table>
|
<tr>
|
||||||
|
<!-- @todo gulp-inline-css can't use width in percentages, doesn't parse align -->
|
||||||
|
<table class="rbcc footer__main__col1" width="80%" align="left">
|
||||||
|
<td class="footer__main__col1__td" align="left">
|
||||||
|
<strong>
|
||||||
|
<!-- @echo contactMain -->
|
||||||
|
<a href="mailto:<!-- @echo contactMail -->" target="_blank"><!-- @echo contactMail --></a>
|
||||||
|
</strong><br />
|
||||||
|
<!-- @echo contactSecondary -->
|
||||||
|
</td>
|
||||||
|
</table>
|
||||||
|
|
||||||
|
<!-- @todo gulp-inline-css can't use width in percentages, doesn't parse align -->
|
||||||
|
<table class="rbcc footer__main__col2" width="20%" align="right">
|
||||||
|
<!-- @todo gulp-inline-css doesn't parse align -->
|
||||||
|
<td class="footer__main__col2__td" align="right">
|
||||||
|
<a href="<!-- @echo website -->">
|
||||||
|
<img class="fix" src="<!-- @echo logoUrl -->" alt="<!-- @echo logoAlt -->" class="footer__main__col2__td__img"/>
|
||||||
|
</a>
|
||||||
|
</td>
|
||||||
|
</table>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</body>
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,18 @@
|
||||||
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||||
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||||
|
<head>
|
||||||
|
<meta name="viewport" content="width=device-width" />
|
||||||
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||||
|
<!-- Solving https://github.com/jonkemp/inline-css/issues/8 would make things nicer. -->
|
||||||
|
<link rel="stylesheet" href="base.css">
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<style type="text/css">
|
||||||
|
img {
|
||||||
|
max-width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
-webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; width: 100% !important; height: 100%; line-height: 1.6em;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
@ -1,24 +1,23 @@
|
||||||
<!-- Solving https://github.com/jonkemp/inline-css/issues/8 would make things nicer. -->
|
<!-- @include head.html -->
|
||||||
<link rel="stylesheet" href="base.css">
|
|
||||||
|
|
||||||
<!-- Actual template below, link tag will be removed & compiled tp inline CSS. -->
|
<body>
|
||||||
|
<br/>
|
||||||
|
<table class="main rbcc" width="100%" bgcolor="#ffffff";>
|
||||||
|
<tr class="sp" height="30px"></tr>
|
||||||
|
|
||||||
<br/>
|
<tr class="rbcc">
|
||||||
<table class="main rbcc" width="100%" bgcolor="#ffffff";>
|
<!-- @todo gulp-inline-css doesn't parse background-color -> bgcolor -->
|
||||||
<tr class="sp" height="30px"></tr>
|
<td class="footer footer--simple" bgcolor="#ffffff">
|
||||||
|
<table class="rbcc footer__main" width="100%">
|
||||||
<tr class="rbcc">
|
<tr>
|
||||||
<!-- @todo gulp-inline-css doesn't parse background-color -> bgcolor -->
|
<!-- @todo gulp-inline-css doesn't parse align -->
|
||||||
<td class="footer footer--simple" bgcolor="#ffffff">
|
<td class="footer__main__signature" align="left">
|
||||||
<table class="rbcc footer__main" width="100%">
|
<!-- @echo signature --><br />
|
||||||
<tr>
|
<!-- @echo name --><br />
|
||||||
<!-- @todo gulp-inline-css doesn't parse align -->
|
</td>
|
||||||
<td class="footer__main__signature" align="left">
|
</tr>
|
||||||
<!-- @echo signature --><br />
|
</table>
|
||||||
<!-- @echo name --><br />
|
</td>
|
||||||
</td>
|
</tr>
|
||||||
</tr>
|
</table>
|
||||||
</table>
|
</body>
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
</table>
|
|
||||||
|
|
@ -1,52 +1,51 @@
|
||||||
<!-- Solving https://github.com/jonkemp/inline-css/issues/8 would make things nicer. -->
|
<!-- @include head.html -->
|
||||||
<link rel="stylesheet" href="base.css">
|
|
||||||
|
|
||||||
<!-- Actual template below, link tag will be removed & compiled tp inline CSS. -->
|
<body>
|
||||||
|
<br/> <!-- <br/> Makes it easier to add text when composing -->
|
||||||
|
<!-- @todo gulp-inline-css can't use width in percentages, doesn't parse background-color -> bgcolor -->
|
||||||
|
<table class="main rbcc" width="100%" bgcolor="#ffffff";>
|
||||||
|
<tr class="sp" height="30px"></tr>
|
||||||
|
|
||||||
<br/> <!-- <br/> Makes it easier to add text when composing -->
|
<tr class="rbcc">
|
||||||
<!-- @todo gulp-inline-css can't use width in percentages, doesn't parse background-color -> bgcolor -->
|
<!-- @todo gulp-inline-css doesn't parse background-color -> bgcolor -->
|
||||||
<table class="main rbcc" width="100%" bgcolor="#ffffff";>
|
<td class="footer" bgcolor="#f5f5f5">
|
||||||
<tr class="sp" height="30px"></tr>
|
<!-- @todo gulp-inline-css can't use width in percentages -->
|
||||||
|
<table class="rbcc footer__main" width="100%">
|
||||||
<tr class="rbcc">
|
<tr>
|
||||||
<!-- @todo gulp-inline-css doesn't parse background-color -> bgcolor -->
|
|
||||||
<td class="footer" bgcolor="#f5f5f5">
|
|
||||||
<!-- @todo gulp-inline-css can't use width in percentages -->
|
|
||||||
<table class="rbcc footer__main" width="100%">
|
|
||||||
<tr>
|
|
||||||
<!-- @todo gulp-inline-css doesn't parse align -->
|
|
||||||
<td class="footer__main__signature" align="left">
|
|
||||||
<!-- @echo signature --><br />
|
|
||||||
<!-- @echo name --><br />
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td width="100%">
|
|
||||||
<hr class="gray-hr"/></td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<!-- @todo gulp-inline-css can't use width in percentages, doesn't parse align -->
|
|
||||||
<table class="rbcc footer__main__col1" width="80%" align="left">
|
|
||||||
<td class="footer__main__col1__td" align="left">
|
|
||||||
<strong>
|
|
||||||
<!-- @echo contactMain -->
|
|
||||||
<a href="mailto:<!-- @echo contactMail -->" target="_blank"><!-- @echo contactMail --></a>
|
|
||||||
</strong><br />
|
|
||||||
<!-- @echo contactSecondary -->
|
|
||||||
</td>
|
|
||||||
</table>
|
|
||||||
|
|
||||||
<!-- @todo gulp-inline-css can't use width in percentages, doesn't parse align -->
|
|
||||||
<table class="rbcc footer__main__col2" width="20%" align="right">
|
|
||||||
<!-- @todo gulp-inline-css doesn't parse align -->
|
<!-- @todo gulp-inline-css doesn't parse align -->
|
||||||
<td class="footer__main__col2__td" align="right">
|
<td class="footer__main__signature" align="left">
|
||||||
<a href="<!-- @echo website -->">
|
<!-- @echo signature --><br />
|
||||||
<img class="fix" src="<!-- @echo logoUrl -->" alt="<!-- @echo logoAlt -->" class="footer__main__col2__td__img"/>
|
<!-- @echo name --><br />
|
||||||
</a>
|
|
||||||
</td>
|
</td>
|
||||||
</table>
|
</tr>
|
||||||
</tr>
|
<tr>
|
||||||
</table>
|
<td width="100%">
|
||||||
</td>
|
<hr class="gray-hr"/></td>
|
||||||
</tr>
|
</tr>
|
||||||
</table>
|
<tr>
|
||||||
|
<!-- @todo gulp-inline-css can't use width in percentages, doesn't parse align -->
|
||||||
|
<table class="rbcc footer__main__col1" width="80%" align="left">
|
||||||
|
<td class="footer__main__col1__td" align="left">
|
||||||
|
<strong>
|
||||||
|
<!-- @echo contactMain -->
|
||||||
|
<a href="mailto:<!-- @echo contactMail -->" target="_blank"><!-- @echo contactMail --></a>
|
||||||
|
</strong><br />
|
||||||
|
<!-- @echo contactSecondary -->
|
||||||
|
</td>
|
||||||
|
</table>
|
||||||
|
|
||||||
|
<!-- @todo gulp-inline-css can't use width in percentages, doesn't parse align -->
|
||||||
|
<table class="rbcc footer__main__col2" width="20%" align="right">
|
||||||
|
<!-- @todo gulp-inline-css doesn't parse align -->
|
||||||
|
<td class="footer__main__col2__td" align="right">
|
||||||
|
<a href="<!-- @echo website -->">
|
||||||
|
<img class="fix" src="<!-- @echo logoUrl -->" alt="<!-- @echo logoAlt -->" class="footer__main__col2__td__img"/>
|
||||||
|
</a>
|
||||||
|
</td>
|
||||||
|
</table>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</body>
|
||||||
|
|
|
||||||
|
|
@ -8,7 +8,7 @@ var gulp = require('gulp'),
|
||||||
function buildTask(options){
|
function buildTask(options){
|
||||||
gulp.task('build', function() {
|
gulp.task('build', function() {
|
||||||
|
|
||||||
gulp.src('./src/**/*.html')
|
gulp.src(['./src/**/*.html', '!./src/**/head.html'])
|
||||||
.pipe(preprocess({
|
.pipe(preprocess({
|
||||||
context: {
|
context: {
|
||||||
signature: 'Med venlig hilsen / best regards,',
|
signature: 'Med venlig hilsen / best regards,',
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue