Tyler Clarke
867be2b817
All checks were successful
Swaous.Asuscomm Build / Build-Docker-Image (push) Successful in 2m35s
109 lines
6.0 KiB
HTML
Executable File
109 lines
6.0 KiB
HTML
Executable File
<!DOCTYPE html>
|
|
|
|
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Fren1001: Un Restaurant</title>
|
|
<link rel="stylesheet" href="main.css" />
|
|
</head>
|
|
<body>
|
|
<div id="title">
|
|
<h1>La Bonne Plate</h1>
|
|
<h2 id="below"><span class="dash"></span> Un Restaurant Français <span class="dash"></span></h2>
|
|
<a onclick="goTo('contact');">Contact</a> | <a onclick="goTo('menu')">Menu</a> | <a onclick="goTo('about')">Au sujet de La Bonne Plate</a>
|
|
</div>
|
|
<div id="about">
|
|
<h2>Au sujet de La Bonne Plate</h2>
|
|
<p>
|
|
<i>« Un boulette de pâte, un baguette! »</i>
|
|
</p>
|
|
<p>
|
|
La Bonne Plate est un grand restaurant dans Paris. Il a dix ans.
|
|
</p>
|
|
<p>
|
|
C'est un restaurant fusion - Franco-Chinois.
|
|
</p>
|
|
</div>
|
|
<div id="contact">
|
|
<h2>Contact</h2>
|
|
<p>
|
|
Notre numero de telephone est 04.94.20.52.72.<br>
|
|
<small><i>This is not a real telephone number. I doubt it will pick up if you call it, but some random Frenchman/woman will probably be quite peeved if it does.</i></small>
|
|
</p>
|
|
</div>
|
|
<div id="menu">
|
|
<h2>Menu</h2>
|
|
<h3 style="color: blue;"><span class="dash"></span> Les Boissons <span class="dash"></span></h3>
|
|
<div class="menu-grid">
|
|
<div style="background-image: url(https://images.immediate.co.uk/production/volatile/sites/4/2021/02/GettyImages-691675462-bad58dd-e1612798887823.jpg?quality=90&webp=true&resize=940,400);">
|
|
<h3>Un Thé Vert</h3>
|
|
<p>Notre thé vert est délicieux! Mais, fais attention, c'est très chaud.<br>3.0</p>
|
|
</div>
|
|
<div style="background-image: url(https://thumbs.dreamstime.com/b/cup-coffee-white-background-isolated-35737898.jpg);">
|
|
<h3>Un Café</h3>
|
|
<p>Prenez un café noir, ou au lait; glacé ou chaude! Nous avons tout.<br>2.5</p>
|
|
</div>
|
|
<div style="background-image: url(https://hips.hearstapps.com/thepioneerwoman/wp-content/uploads/2018/05/how-to-make-coconut-milk-01.jpg?resize=1200:*);">
|
|
<h3>Un Lait de Coco</h3>
|
|
<p>Une boisson Chinoise! Froid et crémeux, notre lait de coco est super.<br>3.5</p>
|
|
</div>
|
|
<div style="background-image: url('https://www.thespruceeats.com/thmb/bwlD7UoHqAbViYPyjAzLoCgwvmk=/1500x0/filters:no_upscale():max_bytes(150000):strip_icc():format(webp)/lemon-presse-58fffb7e3df78ca159f2f9d0.jpg');">
|
|
<h3>Un Citron Pressé</h3>
|
|
<p>La boisson Française traditionnelle! Les citrons trés bon, un peu de sucre, et l'eau.<br>2.0</p>
|
|
</div>
|
|
</div>
|
|
<h3 style="color: blue;"><span class="dash"></span> Les Choses à Manger <span class="dash"></span></h3>
|
|
<div class="menu-grid">
|
|
<div style="background-image: url(https://www.oliviascuisine.com/wp-content/uploads/2016/01/boeuf-bourguignon-2.jpg);">
|
|
<h3>Boeuf Bourguignon</h3>
|
|
<p>
|
|
Boeuf succulent et pommes de terre croquant. Avec brocoli.<br>10.0
|
|
</p>
|
|
</div>
|
|
<div style="background-image: url(https://www.oliviascuisine.com/wp-content/uploads/2016/07/Hash-Brown-Crust-Quiche-Lorraine-11.jpg)">
|
|
<h3>Quiche Lorraine</h3>
|
|
<p>
|
|
Un pâtisserie populaire en Français! Croquant et chaude, c'est un classique.<br>6.5
|
|
</p>
|
|
</div>
|
|
<div style="background-image: url(https://cdn3.i-scmp.com/sites/default/files/images/methode/2018/09/07/0f0da82a-b1b1-11e8-b224-884456d4cde1_972x_150833.jpg)">
|
|
<h3>Éclair de cochon de lait</h3>
|
|
<p>Cochon de lait sur un éclair. Un plat nouveau, très Franco-Chinois!<br>7.75</p>
|
|
<br><small><i>This is a real Chinese-French fusion dish! Click <a href="https://www.scmp.com/magazines/style/travel-food/article/2163219/la-chine-innovative-french-chinese-restaurant-macaus">here</a> for the review site I found it on. I figured out the name with some Frenchery - it's an éclair of suckling pig, the word for "suckling pig" is cochon de lait (thanks, WR), add a "de".</i></small>
|
|
</div>
|
|
<div style="background-image: url(https://insanelygoodrecipes.com/wp-content/uploads/2020/11/Beef-Broccoli-and-Rice-683x1024.webp)">
|
|
<h3>Poulet de « General Tso »</h3>
|
|
<p>
|
|
Poulet frit avec un sauce sucŕe et aigre. Prenez avec du brocoli ou les nouilles.<br>
|
|
5.5
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="bottomthing">
|
|
Made by Tyler Clarke circa 2023 a.d.<br>
|
|
Designed and built solely by Tyler Clarke. Fonts from various sources.<br>
|
|
<br>
|
|
Images aggregated from Google, may be licensed.
|
|
<br><br>
|
|
Totally open source and not copyrighted. You don't have to give me credit if you use any parts of this page, or the
|
|
whole thing - I'd be grateful if you did, though.
|
|
</div>
|
|
<script>
|
|
function goTo(id){
|
|
var el = document.getElementById(id);
|
|
var box = el.getBoundingClientRect();
|
|
window.scrollBy({
|
|
top: box.top - window.innerHeight/2 + box.height/2,
|
|
left: box.left,
|
|
behavior: "smooth"
|
|
});
|
|
el.style.backgroundColor = "yellow";
|
|
el.ontransitionend = () => {
|
|
el.style.backgroundColor = "";
|
|
};
|
|
}
|
|
</script>
|
|
</body>
|
|
</html> |