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. -->
|
||||
<link rel="stylesheet" href="base.css">
|
||||
|
||||
<!-- Actual template below, link tag will be removed & compiled tp inline CSS. -->
|
||||
<!-- @include head.html -->
|
||||
|
||||
<!-- @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="rbcc">
|
||||
<td class="main__welcome">
|
||||
<b><!-- @echo welcome --></b>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="rbcc">
|
||||
<td class="main__content">
|
||||
<!-- @echo introParagraph -->
|
||||
</td>
|
||||
</tr>
|
||||
<body>
|
||||
<table class="main rbcc" width="100%" bgcolor="#ffffff";>
|
||||
<tr class="rbcc">
|
||||
<td class="main__welcome">
|
||||
<b><!-- @echo welcome --></b>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="rbcc">
|
||||
<td class="main__content">
|
||||
<!-- @echo introParagraph -->
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<!-- @todo gulp-inline-css doesn't add height attrs -->
|
||||
<tr class="sp" height="30px"></tr>
|
||||
<!-- @todo gulp-inline-css doesn't add height attrs -->
|
||||
<tr class="sp" height="30px"></tr>
|
||||
|
||||
<tr class="rbcc">
|
||||
<!-- @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">
|
||||
<tr class="rbcc">
|
||||
<!-- @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__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 class="footer__main__signature" align="left">
|
||||
<!-- @echo signature --><br />
|
||||
<!-- @echo name --><br />
|
||||
</td>
|
||||
</table>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</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 -->
|
||||
<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. -->
|
||||
<link rel="stylesheet" href="base.css">
|
||||
<!-- @include head.html -->
|
||||
|
||||
<!-- 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/>
|
||||
<table class="main rbcc" width="100%" bgcolor="#ffffff";>
|
||||
<tr class="sp" height="30px"></tr>
|
||||
|
||||
<tr class="rbcc">
|
||||
<!-- @todo gulp-inline-css doesn't parse background-color -> bgcolor -->
|
||||
<td class="footer footer--simple" bgcolor="#ffffff">
|
||||
<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>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<tr class="rbcc">
|
||||
<!-- @todo gulp-inline-css doesn't parse background-color -> bgcolor -->
|
||||
<td class="footer footer--simple" bgcolor="#ffffff">
|
||||
<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>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</body>
|
||||
|
|
@ -1,52 +1,51 @@
|
|||
<!-- Solving https://github.com/jonkemp/inline-css/issues/8 would make things nicer. -->
|
||||
<link rel="stylesheet" href="base.css">
|
||||
<!-- @include head.html -->
|
||||
|
||||
<!-- 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 -->
|
||||
<!-- @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>
|
||||
|
||||
<tr class="rbcc">
|
||||
<!-- @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">
|
||||
<tr class="rbcc">
|
||||
<!-- @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__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 class="footer__main__signature" align="left">
|
||||
<!-- @echo signature --><br />
|
||||
<!-- @echo name --><br />
|
||||
</td>
|
||||
</table>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</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 -->
|
||||
<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){
|
||||
gulp.task('build', function() {
|
||||
|
||||
gulp.src('./src/**/*.html')
|
||||
gulp.src(['./src/**/*.html', '!./src/**/head.html'])
|
||||
.pipe(preprocess({
|
||||
context: {
|
||||
signature: 'Med venlig hilsen / best regards,',
|
||||
|
|
|
|||
Loading…
Reference in New Issue