New to meteor and iron router. Hope can get some help.
I am trying to use the following template for a meteor application: https://shapebootstrap.net/item/1524991-oxygen-free-bootstrap-one-page-theme
However, i am stuck getting all the file structure in the correct way when combine with iron router.
Below are my files structure: Inside JS:
Router.route('/', function () {
this.render('Main');
});
All the css inside “/client/css”
font, images and js under “/public”
in the main.html, if i did not add the below: at the top
<template name="main">
at the bottom
</template>
it work fine. But this kind of defeat the purpose of iron router because all the pages will load this html first. If i add the 2 tags above, seem like the js at the bottom of the html not loaded properly or not in proper sequence:
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>
<script type="text/javascript" src="js/jquery.inview.min.js"></script>
<script type="text/javascript" src="js/wow.min.js"></script>
<script type="text/javascript" src="js/mousescroll.js"></script>
<script type="text/javascript" src="js/smoothscroll.js"></script>
<script type="text/javascript" src="js/jquery.countTo.js"></script>
<script type="text/javascript" src="js/lightbox.min.js"></script>
<script type="text/javascript" src="js/main.js"></script>
Any idea how should i fix this? thanks.