First init

2025-07-08 11:23:22 +02:00
commit 6a18c3851c
61 changed files with 2046 additions and 0 deletions
--- a/tea_cozy/img-tea-cozy-redline.jpg
+++ b/tea_cozy/img-tea-cozy-redline.jpg
--- a/tea_cozy/index.html
+++ b/tea_cozy/index.html
@@ -0,0 +1,83 @@
+<!DOCTYPE html>
+<html lang="fr">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Tea Cozy</title>
+    <link rel="stylesheet" href="./resources/css/style.css">
+</head>
+<body>
+    <header class="header">
+        <img src="./resources/imgs/img-tea-cozy-logo.png" id="header-img">
+        <nav id="header-nav">
+            <a href="#mission">Mission</a>
+            <a href="#featured">Featured Tea</a>
+            <a href="#locations">Locations</a>
+        </nav>
+    </header>
+    <section class="mission">
+        <img src="./resources/imgs/img-mission-background.jpg">
+        <div id="center-band">
+            <h2>Our Mission</h2>
+        <h4>Handpicked, Artisanally Curated, Free Range, Sustainable, Small Batch, Fair Trade, Organic Tea</h4>
+        </div>
+    </section>
+    <section class="tea-of-the-month">
+        <h2>Tea of the Month</h2>
+        <h4>What's steeping at The Tea Cozy ?</h4>
+        <div class="tea-month-gallery">
+            <div class="tea-month-img">
+                <img src="./resources/imgs/img-berryblitz.jpg">
+                <h4>Fall Berry Blitz Tea</h4>
+            </div>
+            <div class="tea-month-img">
+                <img src="./resources/imgs/img-spiced-rum.jpg">
+                <h4>Spiced Rum Tea</h4>
+            </div>
+            <div class="tea-month-img">
+                <img src="./resources/imgs/img-donut.jpg">
+                <h4>Seasonal Donuts</h4>
+            </div>
+            <div class="tea-month-img">
+                <img src="./resources/imgs/img-myrtle-ave.jpg">
+                <h4>Myrtle Ave Tea</h4>
+            </div>
+            <div class="tea-month-img">
+                <img src="./resources/imgs/img-bedford-bizarre.jpg">
+                <h4>Bedford Bizarre Tea</h4>
+            </div>
+        </div>
+    </section>
+    <section class="locations">
+        <h2>Locations</h2>
+        <div class="location-gallery">
+            <div class="location">
+                <h4>Downtown</h4>
+                <p>384 West 4th St<br>
+                Suite 108<br>
+                Portland, Maine</p>
+            </div>
+            <div class="location">
+                <h4>East Bayside</h4>
+                <p>3433 Phisherman's Avenue<br>
+                (Northwest Corner)<br>
+                Portland, Maine</p>
+            </div>
+            <div class="location">
+                <h4>Oakdale</h4>
+                <p>515 Crescent Avenue<br>
+                Second Floor<br>
+                Portland, Maine</p>
+            </div>
+        </div>
+    </section>
+    <section class="contacts">
+        <h2>The Tea Cozy</h2>
+    <h5>contact@theteacozy.com</h5>
+    <h5>917-555-8904</h5>
+    </section>
+    <footer>
+        <p>© 2023 Tea Cozy. Tous droits réservés.</p>
+    </footer>
+</body>
+</html>
--- a/tea_cozy/resources/css/style.css
+++ b/tea_cozy/resources/css/style.css
@@ -0,0 +1,155 @@
+* {
+    font-family: Helvetica;
+    font-size: 22px;
+    color: seashell;
+    opacity: 0.9;
+    
+}
+
+body {
+    margin-top: 69px;
+    background-color: rgba(0, 0, 0, 1);
+    text-align: center;
+}
+
+/* Header */
+
+.header {
+    z-index: 10;
+    position: fixed;
+    display: flex;
+    top: 0px;
+    height: 69px;
+    width: 100%;
+    border-bottom: 1px solid seashell;
+    align-items: center;
+    background-color: black;
+}
+
+#header-img {
+    display: inline;
+    height: 50px;
+    margin-left: 10px;
+    flex-wrap: nowrap;
+    justify-content: left;
+    align-content: flex-start;
+}
+
+header nav {
+    flex-wrap: nowrap;
+}
+
+header nav a {
+    display: inline-block;
+    padding: 10px;
+    margin: 0 5px;
+    align-content: flex-end;
+}
+
+/* Body */
+
+/* Global */
+
+h2 {
+    font-size: 1.5em;
+}
+
+/* Our Mission */
+
+.mission {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    width: 90vw;
+    max-width: 1200px;
+    margin-top: 20px;
+}
+
+.mission img {
+    object-fit: cover;
+    height: 700px;
+    width: 100%;
+    max-width: 1200px;
+}
+
+.mission #center-band {
+    position: absolute;
+    z-index: 2;
+    width: 1200px;
+    background-color: black;
+    padding: 0px;
+    margin: 10px;
+}
+
+.mission h2, .mission h4 {
+    background-color: transparent;
+    margin: 10px 0px;
+}
+
+/* Tea of the month */
+
+.tea-of-the-month .tea-month-gallery {
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+	justify-content: center;
+	align-items: center;
+    gap: 30px;
+    width: 1000px;
+}
+
+.tea-of-the-month .tea-month-img {
+    display: flex;
+	flex-direction: column;
+	align-content: stretch;
+}
+
+.tea-of-the-month .tea-month-img img {
+    width: 300px;
+    height: 200px;
+    object-fit: cover;
+}
+
+/* Locations */
+
+.locations {
+    background-image: url(../imgs/img-locations-background.jpg);
+    background-size: cover;
+    height: 500px;
+}
+
+.locations h2 {
+    padding-top: 70px;
+}
+
+.locations .location-gallery {
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+    justify-content: center;
+}
+
+.locations .location {
+    background-color: black;
+    width: 300px;
+    height: 250px;
+    margin: 20px;
+    line-height: 2em;
+}
+
+/* Contact section */
+
+.contacts {
+    height: 200px;
+}
+
+.contacts h5 {
+    font-size: 0.7em;
+}
+
+/* Footer */
+
+footer {
+    text-align: left !important;
+}
--- a/tea_cozy/resources/imgs/img-bedford-bizarre.jpg
+++ b/tea_cozy/resources/imgs/img-bedford-bizarre.jpg
--- a/tea_cozy/resources/imgs/img-berryblitz.jpg
+++ b/tea_cozy/resources/imgs/img-berryblitz.jpg
--- a/tea_cozy/resources/imgs/img-donut.jpg
+++ b/tea_cozy/resources/imgs/img-donut.jpg
--- a/tea_cozy/resources/imgs/img-locations-background.jpg
+++ b/tea_cozy/resources/imgs/img-locations-background.jpg
--- a/tea_cozy/resources/imgs/img-mission-background.jpg
+++ b/tea_cozy/resources/imgs/img-mission-background.jpg
--- a/tea_cozy/resources/imgs/img-myrtle-ave.jpg
+++ b/tea_cozy/resources/imgs/img-myrtle-ave.jpg
--- a/tea_cozy/resources/imgs/img-spiced-rum.jpg
+++ b/tea_cozy/resources/imgs/img-spiced-rum.jpg
--- a/tea_cozy/resources/imgs/img-tea-cozy-logo.png
+++ b/tea_cozy/resources/imgs/img-tea-cozy-logo.png