slight updates
All checks were successful
Swaous.Asuscomm Build / Build-Docker-Image (push) Successful in 35s
All checks were successful
Swaous.Asuscomm Build / Build-Docker-Image (push) Successful in 35s
This commit is contained in:
5
site/french-pub/restaurant/Freeware License.txt
Executable file
5
site/french-pub/restaurant/Freeware License.txt
Executable 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
|
||||
BIN
site/french-pub/restaurant/UpperEastSide.ttf
Executable file
BIN
site/french-pub/restaurant/UpperEastSide.ttf
Executable file
Binary file not shown.
109
site/french-pub/restaurant/index.html
Executable file
109
site/french-pub/restaurant/index.html
Executable 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>
|
||||
129
site/french-pub/restaurant/main.css
Executable file
129
site/french-pub/restaurant/main.css
Executable 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;
|
||||
}
|
||||
Reference in New Issue
Block a user