Vacay cocktails

elizabethengelman · Sep 22, 2023 · 2e588ef · 2e588ef
1 parent 936fa72
commit 2e588ef
Show file tree

Hide file tree

Showing 30 changed files with 1,397 additions and 0 deletions.
diff --git a/assets/css/main.scss b/assets/css/main.scss
@@ -0,0 +1,9 @@
+---
+# Only the main Sass file needs front matter (the dashes are enough)
+---
+
+@charset "utf-8";
+
+@import "minimal-mistakes/skins/{{ site.minimal_mistakes_skin | default: 'default' }}"; // skin
+@import "minimal-mistakes"; // main partials
+
diff --git a/assets/images/baby-bottle.png b/assets/images/baby-bottle.png
diff --git a/assets/images/beer.png b/assets/images/beer.png
diff --git a/assets/images/bloody-mary.png b/assets/images/bloody-mary.png
diff --git a/assets/images/bowl.png b/assets/images/bowl.png
diff --git a/assets/images/champagne (1).png b/assets/images/champagne (1).png
diff --git a/assets/images/champagne (2).png b/assets/images/champagne (2).png
diff --git a/assets/images/champagne.png b/assets/images/champagne.png
diff --git a/assets/images/christmas-stars.png b/assets/images/christmas-stars.png
diff --git a/assets/images/clean.png b/assets/images/clean.png
diff --git a/assets/images/coffee.png b/assets/images/coffee.png
diff --git a/assets/images/drink.png b/assets/images/drink.png
diff --git a/assets/images/flat-sparkling-stars-collection/5656585.jpg b/assets/images/flat-sparkling-stars-collection/5656585.jpg
diff --git a/assets/images/flat-sparkling-stars-collection/5660700.ai b/assets/images/flat-sparkling-stars-collection/5660700.ai
diff --git a/assets/images/flat-sparkling-stars-collection/5660701.eps b/assets/images/flat-sparkling-stars-collection/5660701.eps
diff --git a/assets/images/fruity-cocktail.png b/assets/images/fruity-cocktail.png
diff --git a/assets/images/magicpattern-blob-composition-1694745077306.png b/assets/images/magicpattern-blob-composition-1694745077306.png
diff --git a/assets/images/magicpattern-mesh-gradient-1694737975625.png b/assets/images/magicpattern-mesh-gradient-1694737975625.png
diff --git a/assets/images/magicpattern-mesh-gradient-1694745267995.png b/assets/images/magicpattern-mesh-gradient-1694745267995.png
diff --git a/assets/images/moscow.png b/assets/images/moscow.png
diff --git a/assets/images/shining.png b/assets/images/shining.png
diff --git a/assets/images/soda.png b/assets/images/soda.png
diff --git a/assets/images/sparkle.png b/assets/images/sparkle.png
diff --git a/assets/images/sparkler.png b/assets/images/sparkler.png
diff --git a/assets/images/star.png b/assets/images/star.png
diff --git a/assets/images/stars.png b/assets/images/stars.png
diff --git a/assets/images/tonic-water.png b/assets/images/tonic-water.png
diff --git a/assets/images/wine (1).png b/assets/images/wine (1).png
diff --git a/assets/images/wine.png b/assets/images/wine.png
diff --git a/vacay-cocktail-menu.html b/vacay-cocktail-menu.html
@@ -0,0 +1,112 @@
+---
+classes: wide
+---
+
+<link rel="stylesheet" href="css/normalize.css" />
+<link rel="stylesheet" href="css/style.css" />
+<link rel="stylesheet" href="css/cocktail-style.css" />
+<link rel="preconnect" href="https://fonts.googleapis.com" />
+<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+<link
+  href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@800&family=Roboto+Mono:wght@400&family=Sacramento&display=swap"
+  rel="stylesheet"
+/>
+<div class="content">
+  <div class="color-block">
+    <div class="header-container">
+      <h1 class="title">Cocktails</h1>
+      <img
+        class="stars"
+        style="padding-left: 15px"
+        width="12%"
+        height="12%"
+        src="assets/images/shines.png"
+      />
+    </div>
+    <div class="sub-header"></div>
+
+    <div class="cocktails">
+      <ul>
+        <li class="cocktail first-cocktail">
+          <img
+            width="25%"
+            height="25%"
+            src="/assets/images/high-ball-glass.png"
+          />
+          <div>
+            <div class="cocktail-title">GF's G&T</div>
+            <div class="cocktail-desc">A classic gin & tonic</div>
+          </div>
+        </li>
+        <li class="cocktail">
+          <img width="25%" height="25%" src="/assets/images/wine.png" />
+          <div>
+            <div class="cocktail-title">Mama's Moscata</div>
+            <div class="cocktail-desc">A big ol' magnum of moscata</div>
+          </div>
+        </li>
+        <li class="cocktail">
+          <img width="25%" height="25%" src="/assets/images/baby-bottle.png" />
+          <div>
+            <div class="cocktail-title">Beckett's Bottle</div>
+            <div class="cocktail-desc">Milk in a bottle. <i>For Beckett only.</i></div>
+          </div>
+        </li>
+        <li class="cocktail">
+          <img
+            width="25%"
+            height="25%"
+            src="/assets/images/champagne (2).png"
+          />
+          <div>
+            <div class="cocktail-title">Emimosa</div>
+            <div class="cocktail-desc">Peach mimosa with orange juice</div>
+          </div>
+        </li>
+        <li class="cocktail">
+          <img
+            width="25%"
+            height="25%"
+            src="/assets/images/fruity-cocktail.png"
+          />
+          <div>
+            <div class="cocktail-title">Flipping Kevin the Jungle Bird</div>
+            <div class="cocktail-desc">Ask Kevin</div>
+          </div>
+        </li>
+        <li class="cocktail">
+          <img
+            width="25%"
+            height="25%"
+            src="/assets/images/martini-glass.png"
+          />
+          <div>
+            <div class="cocktail-title">The Webster Manhatten</div>
+            <div class="cocktail-desc">A classic Manhatten made by a Webster</div>
+          </div>
+        </li>
+        <li class="cocktail">
+          <img width="25%" height="25%" src="/assets/images/tonic-water.png" />
+          <div>
+            <div class="cocktail-title">Sissy's Soju Mojito</div>
+            <div class="cocktail-desc">A mojito, but with soju instead of rum</div>
+          </div>
+        </li>
+        <li class="cocktail">
+          <img width="25%" height="25%" src="/assets/images/bowl.png" />
+          <div>
+            <div class="cocktail-title">Sammi's Sipper</div>
+            <div class="cocktail-desc">Just some ice water</div>
+          </div>
+        </li>
+        <li class="cocktail">
+          <img width="25%" height="25%" src="/assets/images/coffee.png" />
+          <div>
+            <div class="cocktail-title">O-M-Gene</div>
+            <div class="cocktail-desc">An oatmilk latte</div>
+          </div>
+        </li>
+      </ul>
+    </div>
+  </div>
+</div>