slight updates
All checks were successful
Swaous.Asuscomm Build / Build-Docker-Image (push) Successful in 35s

This commit is contained in:
Lazy Hippopotamus
2025-02-24 16:46:32 -05:00
parent 9a2c1c3fca
commit 099bfceb7e
97 changed files with 13112 additions and 43 deletions

View File

@@ -0,0 +1,5 @@
This font was found on the internet and did not come with a license. While we try to make sure that all the fonts on fontsquirrel.com are properly licensed for commercial use, there are many fonts that have either been abandoned by their authors or the authors distribute their fonts without an explicit license.
It is our opinion that if the unlicensed font is freely available for download from either the original source or from multiple free-font sites then we assume it to be safe to use the font commercially. This is no guarantee of such freedom, but there are so many unlicensed free fonts distributed by primary sources that the intentions must be read that the font is free to use how you like.
We are not lawyers and don't pretend to be them on TV. Please report any errors/violations you know of. http://www.fontsquirrel.com/contact

Binary file not shown.

View File

@@ -0,0 +1,109 @@
<!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>

View File

@@ -0,0 +1,129 @@
@import url('https://fonts.googleapis.com/css2?family=Croissant+One&display=swap');
@font-face {
font-family: "Upper East Side";
src: url(UpperEastSide.ttf);
}
h1, h2 {
font-family: "Upper East Side", sans-serif;
}
a, p {
font-family: Croissant One, Calibri, sans-serif;
}
a:hover{
opacity: 75%;
}
h1 {
font-size: 3em;
}
h2{
font-size: 2em;
}
h3 {
font-family: Croissant One, Calibri, sans-serif;
color: red;
}
div {
background-size: cover;
background-position: center;
}
#below {
color: green;
}
body {
margin: 0px;
padding: 0px;
background-color: rgb(127, 172, 255);
background-image: linear-gradient(135deg, blue 0%, blue 33%, white 33%, white 66%, red 66%, red);
background-position: 0px, 0px;
background-attachment: fixed;
display: grid;
grid-template-areas:
'a a a a a'
'b b b c c'
'd d d d d'
'f f f f f';
}
body > div {
padding: 50px;
border-radius: 50px;
min-width: 300px;
min-height: 300px;
/*background-color: white;*/
display: inline-block;
text-align: center;
box-sizing: border-box;
margin: 100px;
box-shadow: 30px 30px 30px 15px rgba(0, 0, 0, 0.8);
transition: box-shadow 0.5s, transform 0.5s, background-color 0.5s;
}
body > div:hover {
box-shadow: 15px 15px 10px 5px rgba(0, 0, 0, 0.8);
transform: translate(15px, 15px);
}
#title {
grid-area: a;
}
#about{
grid-area: b;
}
#contact{
grid-area: c;
}
#menu {
grid-area: d;
}
#bottomthing {
grid-area: f;
margin: 0px;
padding: 200px;
background-color: black;
color: white;
border: none;
border-radius: 0px;
transition: none;
transform: none !important;
}
span.dash{
display: inline-block;
width: 5ch;
background-color: black;
height: 1px;
margin-bottom: 8px;
}
small {
font-size: 0.5em;
}
.menu-grid {
display: grid;
grid-template-columns: 25% 25% 25% 25%;
}
.menu-grid > * {
margin: 10px;
padding: 10px;
box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, .5);
}
#bottomthing {
font-family: sans-serif;
}