archive/givemoneyto.me
Archived
1
Fork 0
Code Releases Packages Activity

FIx syntax issue with parcel and handlebars

Browse source
This commit is contained in:
Jake Howard 2019-06-29 20:44:48 +01:00
parent 7d30d1900a
commit 81f61ccefd
Signed by: jake
GPG key ID: 57AFB45680EDD477
3 changed files with 26 additions and 25 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
index.ts
View file

@ -66,10 +66,10 @@ function writeTemplate(
statusOutput('Creating template');
const bundler = new Bundler(join(SRC_DIR, 'template.html'), BUNDLER_OPTIONS);
console.log((bundler as any));
await bundler.bundle();
statusOutput('Compiling HTML template');
Handlebars.registerPartial('accounts', readFileSync(join(SRC_DIR, 'accounts.html')).toString());
const template = Handlebars.compile(
readFileSync(join(BUILD_DIR, 'template.html')).toString()
);

13
src/accounts.html Normal file
View file

@ -0,0 +1,13 @@
<div class="jumbotron mb-0 jumbotron-fluid">
<div class="container">
<div class="card-deck">
{{#each accounts }}
<div class="card text-center mx-5">
<a href="{{ link }}" class="colour-invert">
<img src="{{ image }}" class="card-img-top my-3 mx-3" alt="{{ name }} logo" style="max-width:40%" />
</a>
</div>
{{/each}}
</div>
</div>
</div>

36
src/template.html
View file

@ -1,34 +1,22 @@
<html>
<head>
<link rel="stylesheet" href="../node_modules/@fortawesome/fontawesome-free/scss/fontawesome.scss" />
<link rel="stylesheet" href="../node_modules/animate.css/animate.min.css" />
<link rel="stylesheet" href="./index.scss" />
</head>
<head>
<link rel="stylesheet" href="../node_modules/@fortawesome/fontawesome-free/scss/fontawesome.scss" />
<link rel="stylesheet" href="../node_modules/animate.css/animate.min.css" />
<link rel="stylesheet" href="./index.scss" />
</head>
<body>
<div class="jumbotron mb-0 jumbotron-fluid text-center vertical-center">
<div class="container">
<h1 class="display-1"></h1>
<p class="lead">You should give me money. Here's how:</p>
<h1>
<i class="fas fa-chevron-down mt-5 animated infinite slideInDown"></i>
</h1>
</div>
</div>
<div class="jumbotron mb-0 jumbotron-fluid">
<div class="container">
<div class="card-deck">
{{#list accounts }}
<div class="card text-center mx-5">
<a href="{{ link }}" class="colour-invert">
<img src="{{ image }}" class="card-img-top my-3 mx-3" alt="{{ name }} logo" style="max-width:40%" />
</a>
</div>
{{/list}}
</div>
<h1 class="display-1"></h1>
<p class="lead">You should give me money. Here's how:</p>
<h1>
<i class="fas fa-chevron-down mt-5 animated infinite slideInDown"></i>
</h1>
</div>
</div>
{{> accounts }}
<script type="text/javascript" src="../node_modules/bootstrap/js/src/index.js"></script>
</body>
</html>