www/blog
1
0
Fork 0
Code Issues 7 Pull requests Projects Releases Packages Wiki Activity Actions

feat: Import recipes and create cafe/diner menu

Browse source
This commit is contained in:
Matthew Binning 2026-01-15 17:30:06 -08:00
parent 07c30f19d7
commit 24f0e0463a
8 changed files with 149 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

2
book.toml
View file

@ -16,6 +16,8 @@ edit-url-template = "https://forgejo.binning.net/matthew.binning/www/src/branch/
additional-css = ["theme/sepia.css"]
no-section-label = true
copy-fonts = false
fold.enable = true
fold.level = 0
[output.html.search]
enable = true

2
deploy.sh
View file

@ -7,7 +7,7 @@ printf "Building blog with mdbook...\n"
mdbook build
# Common files to deploy (shared between staging and prod)
DEPLOY_FILES="blog includes index.html resume.html style.css 404.html"
DEPLOY_FILES="blog includes index.html menu.html resume.html style.css 404.html cover.jpg"
# Usage information
usage() {

1
includes/navbar.html
View file

@ -2,6 +2,7 @@
<div class="nav-container">
<a href="/" class="nav-brand">Home</a>
<ul class="nav-menu">
<li><a href="/menu.html/">Menu</a></li>
<li><a href="/blog/">Blog</a></li>
<li><a href="https://forgejo.binning.net" target="_blank">Git</a></li>
<li><a href="/resume.html">Resume</a></li>

13
index.html
View file

@ -12,22 +12,25 @@
<main class="container">
<section class="hero">
<h1>Welcome</h1>
<p>This is my personal website and blog.</p>
<p>Welcome to Matt's personal website, blog, and landing page for other self-hosted software.</p>
<img src="cover.jpg" alt="cover photo">
</section>
<section class="content-section">
<h2>About & Contact</h2>
<div class="contact-info">
<p><strong>Email:</strong> example@example.com</p>
<p>Feel free to reach out via email for any inquiries.</p>
<p><strong>Email:</strong> matthew@binning.net</p>
<p>Hi, my name is Matt. I am a software engineer living in the West. My interests include software, defense, EW, drones, and data security and privacy.</p>
<p>Other personal interests of mine include linguistics, philosophy, and theology, to name a few.</p>
<p>This website serves as a space to share musings, stories, and chronicles, about all of those things.</p>
<p>The Copper Chronicle contains stories and memories from various trips and experiences. More to come as this site develops.</p>
</div>
</section>
<section class="content-section">
<h2>Genealogy</h2>
<div class="genealogy-blurb">
<p>I am interested in family history and genealogy. This website serves as a personal space to share stories, chronicles, and musings about life's journey, adventures, and family heritage.</p>
<p>The Copper Chronicle contains stories and memories from various trips and experiences. More to come as this site develops.</p>
<p>The title of this website you may recognize as a surname. I am also interested in family history and genealogy. If you have some relation or interest to this surname, please feel free to reach out. I am planning a genealogical project.</p>
</div>
</section>
</main>

121
menu.html Normal file
View file

@ -0,0 +1,121 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Menu - WWW</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<!--#include virtual="/includes/navbar.html" -->
<main class="container">
<section class="hero">
<h1>Menu</h1>
<p>A curated selection from our recipe collection.</p>
</section>
<section class="content-section">
<h2>☕ Beverages</h2>
<h3><a href="blog/recipes/beverages.html#pour-over-black-coffee">Pour-Over Black Coffee</a></h3>
<p>Freshly brewed artisan coffee using the pour-over method for a clean, flavorful cup.</p>
<p><em>Coffee beans, hot water</em></p>
<h3><a href="blog/recipes/beverages.html#london-fog">London Fog</a></h3>
<p>A cozy Earl Grey tea latte sweetened with raw honey.</p>
<p><em>Earl Grey tea, manuka honey, steamed milk</em></p>
<h3><a href="blog/recipes/beverages.html#french-press-black-coffee">French Press Black Coffee</a></h3>
<p>Rich, full-bodied coffee brewed with a French press.</p>
<p><em>Coarse ground coffee, hot water</em></p>
<h3><a href="blog/recipes/beverages.html#milkshake">Milkshake</a></h3>
<p>Creamy, protein-packed shake with berries and natural sweetness.</p>
<p><em>Heavy cream, milk, blackberries, Medjool dates, vanilla whey protein, vanilla extract, manuka honey, peanut butter</em></p>
</section>
<section class="content-section">
<h2>🥖 Appetizers</h2>
<h3><a href="blog/recipes/appetizers.html#artichoke-spinach-dip-gf--df">Artichoke Spinach Dip</a></h3>
<p>Creamy, dairy-free dip perfect with crackers or vegetables.</p>
<p><em>Artichoke hearts, fresh spinach, cashew cream, nutritional yeast, garlic, lemon juice, salt, pepper</em></p>
<h3><a href="blog/recipes/appetizers.html#bacon-wrapped-goat-cheese-stuffed-dates">Bacon Wrapped Dates</a></h3>
<p>Sweet and savory bites with bacon-wrapped goat cheese stuffed dates.</p>
<p><em>Medjool dates, goat cheese, bacon strips, optional honey, optional almonds</em></p>
</section>
<section class="content-section">
<h2>🍞 Baked Goods</h2>
<h3><a href="blog/recipes/baked-goods.html#banana-chocolate-chip-bread">Banana Chocolate Chip Bread</a></h3>
<p>Moist, sweet bread loaded with chocolate chips.</p>
<p><em>Ripe bananas, flour, sugar or sweetener, eggs, butter or oil, chocolate chips, baking soda, vanilla extract, salt</em></p>
</section>
<section class="content-section">
<h2>🍳 Breakfast</h2>
<h3><a href="blog/recipes/breakfast.html#egg-scramble-with-sweet-potato-black-bean--ground-beef">Egg Scramble</a></h3>
<p>Hearty breakfast scramble with sweet potato, black beans, and ground beef in green enchilada sauce.</p>
<p><em>Eggs, ground beef, sweet potato, black beans, green enchilada sauce, onions, cumin, chili powder</em></p>
<h3><a href="blog/recipes/breakfast.html#protein-purple-potato-pancakes-proplto-cakes">Proplto Pancakes</a></h3>
<p>Protein-packed purple potato pancakes with a unique color and flavor.</p>
<p><em>Purple potatoes, eggs, protein powder, oat flour, baking powder, cinnamon, salt, milk</em></p>
</section>
<section class="content-section">
<h2>🎄 Seasonal Favorites</h2>
<h3><a href="blog/recipes/christmas.html#eggnog">Eggnog</a></h3>
<p>Rich, creamy holiday classic with raw cultured cream and peppermint.</p>
<p><em>Raw cultured cream, raw eggs, vanilla extract, nutmeg, raw honey, peppermint tea, cacao nibs</em></p>
<h3><a href="blog/recipes/christmas.html#gingerbread-fruitcake-muffins">Gingerbread Fruitcake Muffins</a></h3>
<p>Spiced muffins packed with dried fruits and nuts.</p>
<p><em>Pastry flour, baking soda, buttermilk, butter, allulose, eggs, molasses, dried fruits, chopped nuts, cinnamon, cloves, ginger, salt, vanilla extract</em></p>
</section>
<section class="content-section">
<h2>🍨 Desserts</h2>
<h3><a href="blog/recipes/desserts.html#roasted-peaches-with-honey-mint--ice-cream">Roasted Peaches</a></h3>
<p>Warm roasted peaches with honey, mint, and vanilla ice cream.</p>
<p><em>Fresh peaches, honey, fresh mint leaves, vanilla ice cream, butter, optional cinnamon</em></p>
</section>
<section class="content-section">
<h2>🍽️ Main Dishes</h2>
<h3><a href="blog/recipes/meals.html#pistachio-encrusted-liver-burgers">Pistachio Liver Burgers</a></h3>
<p>Unique burgers with liver, lion's mane mushrooms, and pistachio crust.</p>
<p><em>Beef liver, lion's mane mushrooms, ground beef, crushed pistachios, seasonings</em></p>
<h3><a href="blog/recipes/meals.html#salmon-bowl">Salmon Bowl</a></h3>
<p>Fresh salmon served over coconut rice with cabbage slaw and mango.</p>
<p><em>Salmon fillet, coconut rice, cabbage slaw, fresh mango, sesame seeds</em></p>
<h3><a href="blog/recipes/meals.html#steak--air-fried-broccoli">Steak & Air-Fried Broccoli</a></h3>
<p>Simple, satisfying steak paired with crispy broccoli.</p>
<p><em>Steak, fresh broccoli florets, olive oil, salt, pepper, garlic powder</em></p>
</section>
<section class="content-section">
<h2>🥗 Sides</h2>
<h3><a href="blog/recipes/sides.html#roasted-vegetables">Roasted Vegetables</a></h3>
<p>Colorful medley of seasonal vegetables roasted to perfection.</p>
<p><em>Mixed vegetables (Brussels sprouts, carrots, bell peppers, zucchini), olive oil, salt, pepper, herbs (rosemary, thyme), garlic</em></p>
<h3><a href="blog/recipes/sides.html#cabbage-steaks">Cabbage Steaks</a></h3>
<p>Thick-cut roasted cabbage with optional balsamic glaze.</p>
<p><em>Cabbage, olive oil, salt, pepper, garlic powder, optional balsamic glaze</em></p>
</section>
</main>
<!--#include virtual="/includes/footer.html" -->
</body>
</html>

9
style.css
View file

@ -88,6 +88,15 @@ body {
color: #6d4c41;
}
.hero img {
max-width: 100%;
height: auto;
margin-top: 1.5rem;
border-radius: 4px;
box-shadow: 0 2px 8px rgba(62, 39, 35, 0.3);
border: 2px solid #d7ccc8;
}
/* Content Section */
.content-section {
background-color: #efebe9;

1
theme/css/chrome.css
View file

@ -421,6 +421,7 @@ ul#searchresults span.teaser em {
left: 0;
right: 0;
padding: 10px 10px;
padding-top: calc(var(--menu-bar-height) + 10px);
}
.sidebar .sidebar-resize-handle {
position: absolute;

11
todo.txt
View file

@ -1,11 +1,9 @@
(A) Fix anchors (relative links) showing in mdbook's sidebar.
Create a minimal "Menu" (food menu) page on the main website, which has a selection of line items from the recipe book. @Cline
(A) Move the resume to the private section and add the lock symbol. @Cline
(B) Change deploy.sh into a Makefile with operations for build, deploy [staging|production] @Cline
Reduce the CSS where possible. Match my website's theme to align with mdbook's theme. @Cline
Theme Forgejo where possible to match the theme. @Cline
Change deploy.sh into a Makefile with operations for build, deploy [staging|production] @Cline
Personalize the index page.
Move the resume to the private section and add the lock symbol.
Change the title of the Blog.
Personalize the introduction page of the blog.
Integrate photos for recipes
@ -37,4 +35,7 @@ x Populate the blog sections dynamically with blog folders using some include or
x Add a sidebar to navigate across the Blog sections, subsections, and pages
x Move copper chronicle to the private section of the blog.
x Add a lock symbol to the mdbook sidebar to indicate private/restricted sections.
x Create a "minimal" content set to test building and deployment without the entire blog/content.
x Create a "minimal" content set to test building and deployment without the entire blog/content.
x Import Abby's Binning Family Menu @Cline
x Fix anchors (relative links) showing in mdbook's sidebar.
x Create a minimal "Menu" (food menu) page on the main website, which has a selection of line items from the recipe book. @Cline