generate recipes into multiple partials to fit nice formatting

This commit is contained in:
len0rd 2022-06-21 21:02:32 -04:00
parent cc054470a7
commit b2b500c3a0
10 changed files with 252 additions and 68 deletions

View file

@ -40,7 +40,7 @@
</div>
<div class="container pb-5 pt-5">
<div class="card-columns">
<div class="card bg-dark border-light text-white">
<div class="card bg-dark card-homepage border-light text-white">
<div class="card-body">
<h5 class="card-title">Yama Crawler</h5>
<h6 class="card-subtitle mb-2 text-muted">Selenium-Based Web Crawler</h6>
@ -52,7 +52,7 @@
Code</a>
</div>
</div>
<div class="card bg-dark border-light text-white">
<div class="card bg-dark card-homepage border-light text-white">
<div class="card-body">
<h5 class="card-title">Mavlib Gen</h5>
<h6 class="card-subtitle mb-2 text-muted">Modern Mavlink C generator</h6>
@ -63,7 +63,7 @@
<a href="https://github.com/len0rd/mavlib_gen" class="card-link card-soft-link">See Code</a>
</div>
</div>
<div class="card bg-dark border-light text-white">
<div class="card bg-dark card-homepage border-light text-white">
<div class="card-body">
<h5 class="card-title">Darkstar</h5>
<h6 class="card-subtitle mb-2 text-muted">Why buy a quad when you can build it</h6>
@ -78,7 +78,7 @@
Code</a>
</div>
</div>
<div class="card bg-dark border-light text-white">
<div class="card bg-dark card-homepage border-light text-white">
<div class="card-body">
<h5 class="card-title">Pallet Desk</h5>
<h6 class="card-subtitle mb-2 text-muted">Reliable and cheap desk</h6>
@ -89,7 +89,7 @@
<a href="projects/palletDesk" class="btn btn-outline-light">Read More</a>
</div>
</div>
<div class="card bg-dark border-light text-white">
<div class="card bg-dark card-homepage border-light text-white">
<div class="card-body">
<h5 class="card-title">My Website</h5>
<h6 class="card-subtitle mb-2 text-muted">Is this meta</h6>
@ -104,7 +104,7 @@
</div>
</div>
<div class="card bg-dark border-light text-white">
<div class="card bg-dark card-homepage border-light text-white">
<div class="card-body">
<h5 class="card-title">LS-1 Synth</h5>
<h6 class="card-subtitle mb-2 text-muted">Music to my ears</h6>

View file

@ -11,15 +11,13 @@
<%- include('../partials/nav') %>
</header>
<div class="container mt-5">
<div class="topMargin">
<h1>Recipes</h1>
<div class="list-group">
<a href="recipes/chocolateChipCookies" class="list-group-item list-group-item-action">Chocolate Chip Cookies</a>
<a href="#" class="list-group-item list-group-item-action">Morbi leo risus</a>
<a href="#" class="list-group-item list-group-item-action">Porta ac consectetur ac</a>
<a href="#" class="list-group-item list-group-item-action">Vestibulum at eros</a>
</div>
<div class="container mt-5 topMargin">
<h1>Recipes</h1>
<div class="list-group">
<a href="recipes/chocolateChipCookies" class="list-group-item list-group-item-action">Chocolate Chip Cookies</a>
<a href="#" class="list-group-item list-group-item-action">Morbi leo risus</a>
<a href="#" class="list-group-item list-group-item-action">Porta ac consectetur ac</a>
<a href="#" class="list-group-item list-group-item-action">Vestibulum at eros</a>
</div>
</div>

View file

@ -12,20 +12,22 @@
<%- include(rootPath + 'partials/nav') %>
</header>
<div class="container mt-5">
<div class="row">
<%- include(rootPath + page) %>
</div>
</div>
<div class="container mt-5 topMargin">
<div class="row g-0">
<div class="col-md-8">
<%- include(rootPath + page + '-title') %>
</div>
<div class="col">
<div class="card">
<div class="card-body">
<%- include(rootPath + page + '-ingredients') %>
</div>
</div>
</div>
</div>
<%- include(rootPath + 'partials/footer') %>
<%- include(rootPath + 'partials/post_html_include') %>
<script type="text/javascript" src="/script/dynamicscrollspy.min.js"></script>
<script>
$('#scrollBar').DynamicScrollspy({
ulClassNames: 'navbar navbar-light bg-light sticky-top sticky-offset'
});
</script>
<%- include(rootPath + page + '-instructions') %>
</div>
<%- include(rootPath + 'partials/post_html_include') %>
</body>