Skip to content

Add Recipe: Test (Shahar Marcus, en) #20

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
ApbdDotNetBot wants to merge 1 commit into
base: main
Choose a base branch
from
Open

Add Recipe: Test (Shahar Marcus, en) #20

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
166 changes: 166 additions & 0 deletions source/html/recipes/items/test.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,166 @@
<!DOCTYPE html>
<html lang-en="en" lang-he="he" dir-he="rtl" dir-en="ltr"
nodata-he="אין מידע" nodata-en="No Data">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title en="APBD.net | {{TITLE_en}} Recipe" he="APBD.net | מתכון {{TITLE_he}}"></title>

<link rel="stylesheet" href="/css/recipes/main.css">
<link rel="stylesheet" href="/css/foods/dropdown.css">
<link rel="stylesheet" href="/css/foods/main.css">
<link rel="stylesheet" href="/css/recipes/articles/main.css">
<link rel="stylesheet" href="/css/recipes/articles/sideview.css">
</head>
<body>
<script>
const touch = matchMedia('(hover: none)').matches
console.log(touch);

if (touch) {
let prev = window.document.body;
window.addEventListener("touchend", function (e) {
if (e.target.onclick) e.target.onclick();
if (prev !== e.target) prev.classList.remove("hover");
e.target.classList.toggle("hover");
prev = e.target;
console.log(e.target);
}, {
passive: false
});
}
</script>
<header>
<div class="logo">
<img src="/favicon.ico" alt="Website logo">
<div class="column">
<a class="title" href="/">APBD.net</a>
<a class="sub" href-en="/en/recipes" href-he="/he/recipes" en="The Great Cookbook"
he="ספר המתכונים הגדול"></a>
</div>

</div>
<nav class="header-menu">
<div class="dropdown">
<a id="about" href="#" en="About" he="אודות">About</a>
<div class="dropdown-content">
<a target="_blank"
href="https://rarediseases.org/rare-diseases/adult-polyglucosan-body-disease/">APBD
<span>↗</span></a>
</div>
</div>
<div class="dropdown">
<a id="contribute" href="#" en="Contribute" he="תרום תוכן">Contribute</a>
<div class="dropdown-content">
<a href="../contribute/write-a-recipe.html" en="Write a Recipe" he="כתוב מתכון"></a>
</div>
</div>

<div class="dropdown">
<a id="contact" href="#" en="Language" he="שפה">Language</a>
<div class="dropdown-content">
<a onclick="window.location.href = window.location.href.replace(new RegExp('he|en'), 'en')" href="#"
en="English" he="אנגלית">English</a>
<a onclick="window.location.href = window.location.href.replace(new RegExp('he|en'), 'he')" href="#"
en="Hebrew" he="עברית">Hebrew</a>
</div>
</div>
</nav>
</header>

<div class="container">
<div id="sideview">
<h1 en="Pesto Sauce Pasta Recipe" he="מתכון לפסטה ברוטב פסטו" id="sideview-title"></h1>
<figure>
<img class="preview" src="http://127.0.0.1:8080/en/recipes/contribute/write-a-recipe.html" alt-en="An Image of the final product" alt-he="תמונה של המאכל המוכן" id="preview">
<figcaption
en="{{PREVIEWIMAGEDESCRIPTION_en}}"
he="{{PREVIEWIMAGEDESCRIPTION_he}}"
></figcaption>
</figure>
<hr id="sideview-ingredients-hr">
<h2 en="Ingredients" he="מרכיבים" id="sideview-ingredients-title"></h2>
<ul id="sideview-ingredients">
<li><span class="ing-name">Water</span>, 2.5l</li>

</ul>
<hr>
<h2 en="General Information" he="מידע כללי"></h2>
<ul id="recipe-stats">
<li><span en="Cooking Time: " he="זמן הכנה: "></span><span id="time">30min</span></li>
<li><span en="Difficulty: " he="רמת קושי: "></span><span id="difficulty">3</span>/10</li>
<li><span en="Total Servings: " he="כמות מנות: "></span><span id="servings">3 <span en="to" he="עד"></span> 5</span></li>
<li><span en="Total Ingredients: " he="כמות מרכיבים: "></span><span id="ingredient-amount">1</span></li>
<li><span en="Total Steps: " he="כמות שלבים: "></span><span id="step-amount">1</span></li>
<li><span en="Kashrut Status: " he="סטטוס כשרות: "></span><span id="kashrut" en="{{KASHRUT_en}}, {{FOODKASHRUTTYPE_en}}" he="{{KASHRUT_he}}, {{FOODKASHRUTTYPE_he}}"></span></li>

</ul>
<hr>
<h2 en="Nutrition Facts" he="סימון תזונתי"></h2>
<table id="nutrition-facts">
<thead>
<tr>
<th en="Field" he="שדה"></th>
<th en="100 Grams" he="100 גרם"></th>
<th en="One Serving<br> (200 grams)" he="מנה אחת ({{SERVINGSIZE}} גרם)" value="{{SERVINGSIZE}}" id="serving-weight-identifier"></th>
</tr>
</thead>
<tbody>
<tr id="carbs">
<th en="Carbohydrates:" he="פחמימות:"></th>
<td>{{CARBS100g}}g</td>
<td>27g</td>
</tr>
<tr id="fiber">
<th en="Fiber" he="סיבים"></th>
<td>{{FIBER100g}}g</td>
<td>19g</td>
</tr>
<tr id="sugar">
<th en="Sugar" he="סוכר"></th>
<td>{{SUGAR100g}}g</td>
<td>6g</td>
</tr>
<tr id="starch">
<th en="Starch" he="עמילן"></th>
<td>{{STARCH100g}}g</td>
<td>2g</td>
</tr>
<tr id="glycemic-load">
<th en="Glycemic Load (Estimated)" he="עומס גליקמי (מוערך)"></th>
<td>{{GLYCEMICLOAD100g}}</td>
<td>{{GLYCEMICLOADSERVING}}</td>
</tr>
</tbody>
</table>
</div>
<main>
<h1>
<span id="title" en="Pesto Sauce Pasta" he="פסטה ברוטב פסטו"></span>
<small id="author" en="Shahar Marcus" he="שחר מרכוס"></small>
</h1>
<h2 en="Ingredients" he="מרכיבים"></h2>
<ul id="ingredients">
<li>
<span class="ing-weight">2.5</span>
<span class="ing-unit">liters</span>
<span class="ing-name">Water</span>
</li>

</ul>
<h2 en="Instructions" he="הוראות"></h2>
<ol id="instructions">
<li>
<p
en="df"
></p>
</li>

</ol>
</main>
</div>

<script src="/js/recipes/recipePage.js"></script>
<script src="/js/recipes/statColors.js"></script>
</body>
</html>