Upload files to 'screenless/bureau/soup'

workspace
gersande 2 years ago
parent 39bf2cd089
commit 96c4d9544f

@ -0,0 +1,104 @@
<!DOCTYPE html>
<html lang=eng>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="UTF-8">
<title>Ingredients</title>
<style>
.header {
padding: 10px 16px;
color: black;
}
h1 {
font-family: "Coconat";
font-size: 80px;
}
h2 {
font-family: "Coconat";
}
body {
height: 100%;
margin: 0;
background-repeat: no-repeat;
background-attachment: fixed;
background-color: black;
background-image: linear-gradient(0deg, black, white);
}
p {
font-family: "Montserrat Alternates";
}
* {
box-sizing: border-box;
}
.column {
float: left;
padding: 45px;
height: 200px;
}
.left {
width: 60%;
}
.right {
width: 40%;
}
.row:after {
content: "";
display: table;
clear: both;
}
.barcode {
width= 120px;
height= 50px;
}
</style>
</head>
<body>
<div class="header" id="myHeader">
<h1 align="center">THE INGREDIENTS<h1>
</div>
<div class="row">
<div class="column left">
<h2>
☾ POTATO [ <img src="" alt="barcode_weaver" width="120" height="50"> ]
</h2>
<h2>
⚪ SWEET POTATO [ <img src="" alt="barcode_weaver" width="120" height="50"> ]
</h2>
</div>
<div class="column right">
<p>
☾ etcetera = ['et cetera', ' etc ', ' etc.', '...', '[...]', '[. ...]', 'and-so-on', 'and-so-forth', 'and others', 'et al.', 'and all the rest', 'and on and on', 'along with others, blablabla, blabla, and much more]
</p>
<p>
⚪ *My dear lovely dad that I love with all my heart
</p>
</div>
</div>
</body>
</html>

@ -0,0 +1,95 @@
<!DOCTYPE html>
<html lang=eng>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="UTF-8">
<title>The CookBook</title>
<style>
.header {
padding: 10px 16px;
color: black;
}
h1 {
font-family: "Coconat";
font-size: 80px;
}
h2 {
font-family: "Coconat";
}
body {
height: 100%;
margin: 0;
background-repeat: no-repeat;
background-attachment: fixed;
background-color: black;
background-image: linear-gradient(0deg, black, white);
}
p {
font-family: "Montserrat Alternates";
}
* {
box-sizing: border-box;
}
.column {
float: left;
padding: 45px;
height: 200px;
}
.left {
width: 60%;
}
.right {
width: 40%;
}
.row:after {
content: "";
display: table;
clear: both;
}
.barcode {
width= 120px;
height= 50px;
}
</style>
</head>
<body>
<div class="header" id="myHeader">
<h1 align="center">THE COOKBOOK<h1>
</div>
<div class="row">
<div class="column left">
<h2>
☻ DOUGH WEAVER [ <img src="barcode.png" alt="barcode_weaver" width="120" height="50"> ]
</h2>
</div>
<div class="column right">
<p>☻ Create a unique textual recipe with the Dough Weaver. Spice up your kitchen daydreaming with a custom recipe-mix of already existing dishes!<br>
<br>
Spice up your kitchen experience by plugging the six black and yellow cables, to A or B, in whatever order you see fit. Then once you are happy with your selection, press the button to submit your custom pattern.</p>
</div>
</div>
</div>
</body>
</html>

@ -0,0 +1,106 @@
<!DOCTYPE html>
<html lang="en">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="UTF-8">
<title>The Dishes</title>
<style>
.header {
padding: 10px 16px;
color: black;
}
h1 {
font-family: "Coconat";
font-size: 80px;
}
h2 {
font-family: "Coconat";
}
body {
height: 100%;
margin: 0;
background-repeat: no-repeat;
background-attachment: fixed;
background-color: black;
background-image: linear-gradient(0deg, black, white);
}
p {
font-family: "Montserrat Alternates";
}
* {
box-sizing: border-box;
}
.column {
float: left;
padding: 45px;
height: 200px;
}
.left {
width: 60%;
}
.right {
width: 40%;
}
.row:after {
content: "";
display: table;
clear: both;
}
.barcode {
width= 120px;
height= 50px;
}
</style>
</head>
<body>
<div class="header" id="myHeader">
<h1 align="center">THE DISHES<h1>
</div>
<div class="row">
<div class="column left">
<h2>
༶ MACARONI
</h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer suscipit vehicula condimentum. Fusce condimentum semper orci, in interdum dui. Donec dolor arcu, porttitor sed volutpat at, volutpat eu augue. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam vestibulum nibh a nibh faucibus convallis. In hac habitasse platea dictumst. Fusce a libero cursus, posuere ex iaculis, dapibus metus. Phasellus lacus nunc, faucibus sed turpis sit amet, sollicitudin aliquam velit. Nullam pharetra neque pretium aliquam sodales. Nam sodales nisi ac neque dignissim, non semper eros vulputate. Nullam ultricies placerat ante, eu bibendum ante viverra ac. Sed vulputate condimentum diam non aliquet. Aenean sit amet aliquam erat, quis laoreet quam.<br>
<br>
Vivamus lobortis ligula in molestie malesuada. Duis libero ante, iaculis quis quam sit amet, placerat tincidunt eros. Vestibulum pharetra nulla erat, vel viverra elit mattis tempor. Suspendisse enim turpis, interdum non tortor ac, fringilla maximus dolor. Phasellus pharetra sapien in mi ultricies, in pulvinar nibh porttitor. Mauris pulvinar mattis ex, vitae venenatis tortor mollis a. Vestibulum finibus bibendum neque. Maecenas viverra dui quam, sit amet ullamcorper nisl feugiat ut. Nulla vestibulum ex ac urna sodales, id aliquet nunc egestas. Curabitur porttitor gravida tellus, ac pharetra massa tempus sit amet. Maecenas et elit ipsum. Donec efficitur efficitur ligula, eu semper ex ultrices eu.<br>
<br>
Praesent tempus felis vulputate neque maximus, vitae scelerisque dolor pulvinar. Etiam massa enim, iaculis sed sollicitudin finibus, venenatis sit amet lacus. Pellentesque metus neque, ullamcorper id bibendum ultrices, ultricies quis augue. Nunc iaculis eleifend elementum. Cras tristique molestie scelerisque. Integer sed tempus odio, ac suscipit dui. Etiam congue libero nec justo efficitur porttitor. Suspendisse ultrices mollis risus, eget volutpat ligula sodales eget. Phasellus imperdiet tellus eget tortor consequat fermentum. Nulla ante libero, posuere vehicula metus faucibus, malesuada venenatis turpis. Curabitur id felis sit amet lacus ultricies convallis. Aliquam erat volutpat. Nulla facilisi. Integer porta vestibulum odio et fringilla. Quisque nisl diam, ultrices ac vulputate ac, porta laoreet mauris. Nunc maximus blandit pretium. ༶
<p>
<h2>
❀ LASAGNA
</h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer suscipit vehicula condimentum. Fusce condimentum semper orci, in interdum dui. Donec dolor arcu, porttitor sed volutpat at, volutpat eu augue. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam vestibulum nibh a nibh faucibus convallis. In hac habitasse platea dictumst. Fusce a libero cursus, posuere ex iaculis, dapibus metus. Phasellus lacus nunc, faucibus sed turpis sit amet, sollicitudin aliquam velit. Nullam pharetra neque pretium aliquam sodales. Nam sodales nisi ac neque dignissim, non semper eros vulputate. Nullam ultricies placerat ante, eu bibendum ante viverra ac. Sed vulputate condimentum diam non aliquet. Aenean sit amet aliquam erat, quis laoreet quam.<br>
<br>
Vivamus lobortis ligula in molestie malesuada. Duis libero ante, iaculis quis quam sit amet, placerat tincidunt eros. Vestibulum pharetra nulla erat, vel viverra elit mattis tempor. Suspendisse enim turpis, interdum non tortor ac, fringilla maximus dolor. Phasellus pharetra sapien in mi ultricies, in pulvinar nibh porttitor. Mauris pulvinar mattis ex, vitae venenatis tortor mollis a. Vestibulum finibus bibendum neque. Maecenas viverra dui quam, sit amet ullamcorper nisl feugiat ut. Nulla vestibulum ex ac urna sodales, id aliquet nunc egestas. Curabitur porttitor gravida tellus, ac pharetra massa tempus sit amet. Maecenas et elit ipsum. Donec efficitur efficitur ligula, eu semper ex ultrices eu.<br>
<br>
Praesent tempus felis vulputate neque maximus, vitae scelerisque dolor pulvinar. Etiam massa enim, iaculis sed sollicitudin finibus, venenatis sit amet lacus. Pellentesque metus neque, ullamcorper id bibendum ultrices, ultricies quis augue. Nunc iaculis eleifend elementum. Cras tristique molestie scelerisque. Integer sed tempus odio, ac suscipit dui. Etiam congue libero nec justo efficitur porttitor. Suspendisse ultrices mollis risus, eget volutpat ligula sodales eget. Phasellus imperdiet tellus eget tortor consequat fermentum. Nulla ante libero, posuere vehicula metus faucibus, malesuada venenatis turpis. Curabitur id felis sit amet lacus ultricies convallis. Aliquam erat volutpat. Nulla facilisi. Integer porta vestibulum odio et fringilla. Quisque nisl diam, ultrices ac vulputate ac, porta laoreet mauris. Nunc maximus blandit pretium. ❀
<p>
</div>
</body>
</html>
Loading…
Cancel
Save