pictures of beer styles

bbearce · Jan 6, 2020 · b3ac515 · b3ac515
1 parent f93f9d4
commit b3ac515
Show file tree

Hide file tree

Showing 77 changed files with 29 additions and 1 deletion.
diff --git a/static/img/beer_style_photos/American Amber Ale.jpg b/static/img/beer_style_photos/American Amber Ale.jpg
diff --git a/static/img/beer_style_photos/American Barleywine.jpg b/static/img/beer_style_photos/American Barleywine.jpg
diff --git a/static/img/beer_style_photos/American Brown Ale.jpg b/static/img/beer_style_photos/American Brown Ale.jpg
diff --git a/static/img/beer_style_photos/American IPA.jpg b/static/img/beer_style_photos/American IPA.jpg
diff --git a/static/img/beer_style_photos/American Pale Ale.jpg b/static/img/beer_style_photos/American Pale Ale.jpg
diff --git a/static/img/beer_style_photos/American Stout.jpg b/static/img/beer_style_photos/American Stout.jpg
diff --git a/static/img/beer_style_photos/American Wheat or Rye.jpg b/static/img/beer_style_photos/American Wheat or Rye.jpg
diff --git a/static/img/beer_style_photos/Baltic Porter.jpg b/static/img/beer_style_photos/Baltic Porter.jpg
diff --git a/static/img/beer_style_photos/Belgian Blonde Ale.jpg b/static/img/beer_style_photos/Belgian Blonde Ale.jpg
diff --git a/static/img/beer_style_photos/Belgian Dark Strong Ale.jpg b/static/img/beer_style_photos/Belgian Dark Strong Ale.jpg
diff --git a/static/img/beer_style_photos/Belgian Dubbel.jpg b/static/img/beer_style_photos/Belgian Dubbel.jpg
diff --git a/static/img/beer_style_photos/Belgian Golden Strong Ale.jpg b/static/img/beer_style_photos/Belgian Golden Strong Ale.jpg
diff --git a/static/img/beer_style_photos/Belgian Pale Ale.jpg b/static/img/beer_style_photos/Belgian Pale Ale.jpg
diff --git a/static/img/beer_style_photos/Belgian Tripel.jpg b/static/img/beer_style_photos/Belgian Tripel.jpg
diff --git a/static/img/beer_style_photos/Berliner Weisse.jpg b/static/img/beer_style_photos/Berliner Weisse.jpg
diff --git a/static/img/beer_style_photos/Biere de Garde.jpg b/static/img/beer_style_photos/Biere de Garde.jpg
diff --git a/static/img/beer_style_photos/Blonde Ale.jpg b/static/img/beer_style_photos/Blonde Ale.jpg
diff --git a/static/img/beer_style_photos/Bohemian Pilsener.jpg b/static/img/beer_style_photos/Bohemian Pilsener.jpg
diff --git a/static/img/beer_style_photos/Brown Porter.jpg b/static/img/beer_style_photos/Brown Porter.jpg
diff --git a/static/img/beer_style_photos/California Common Beer.jpg b/static/img/beer_style_photos/California Common Beer.jpg
diff --git a/static/img/beer_style_photos/Classic American Pilsner.jpg b/static/img/beer_style_photos/Classic American Pilsner.jpg
diff --git a/static/img/beer_style_photos/Classic Rauchbier.jpg b/static/img/beer_style_photos/Classic Rauchbier.jpg
diff --git a/static/img/beer_style_photos/Cream Ale.jpg b/static/img/beer_style_photos/Cream Ale.jpg
diff --git a/static/img/beer_style_photos/Dark American Lager.jpg b/static/img/beer_style_photos/Dark American Lager.jpg
diff --git a/static/img/beer_style_photos/Doppelbock.jpg b/static/img/beer_style_photos/Doppelbock.jpg
diff --git a/static/img/beer_style_photos/Dortmunder Export.jpg b/static/img/beer_style_photos/Dortmunder Export.jpg
diff --git a/static/img/beer_style_photos/Dry Stout.jpg b/static/img/beer_style_photos/Dry Stout.jpg
diff --git a/static/img/beer_style_photos/Dunkelweizen.jpg b/static/img/beer_style_photos/Dunkelweizen.jpg
diff --git a/static/img/beer_style_photos/Dusseldorf Altbier.jpg b/static/img/beer_style_photos/Dusseldorf Altbier.jpg
diff --git a/static/img/beer_style_photos/Eisbock.jpg b/static/img/beer_style_photos/Eisbock.jpg
diff --git a/static/img/beer_style_photos/English Barleywine.jpg b/static/img/beer_style_photos/English Barleywine.jpg
diff --git a/static/img/beer_style_photos/English IPA.jpg b/static/img/beer_style_photos/English IPA.jpg
diff --git a/static/img/beer_style_photos/Extra Special or Strong Bitter.jpg b/static/img/beer_style_photos/Extra Special or Strong Bitter.jpg
diff --git a/static/img/beer_style_photos/Flanders Brown Oud Bruin.jpg b/static/img/beer_style_photos/Flanders Brown Oud Bruin.jpg
diff --git a/static/img/beer_style_photos/Flanders Red Ale.jpg b/static/img/beer_style_photos/Flanders Red Ale.jpg
diff --git a/static/img/beer_style_photos/Foreign Extra Stout.jpg b/static/img/beer_style_photos/Foreign Extra Stout.jpg
diff --git a/static/img/beer_style_photos/Fruit Lambic.jpg b/static/img/beer_style_photos/Fruit Lambic.jpg
diff --git a/static/img/beer_style_photos/German Pilsner (Pils).jpg b/static/img/beer_style_photos/German Pilsner (Pils).jpg
diff --git a/static/img/beer_style_photos/Gueuze.jpg b/static/img/beer_style_photos/Gueuze.jpg
diff --git a/static/img/beer_style_photos/Imperial IPA.jpg b/static/img/beer_style_photos/Imperial IPA.jpg
diff --git a/static/img/beer_style_photos/Irish Red Ale.jpg b/static/img/beer_style_photos/Irish Red Ale.jpg
diff --git a/static/img/beer_style_photos/Kolsch.jpg b/static/img/beer_style_photos/Kolsch.jpg
diff --git a/static/img/beer_style_photos/Lite American Lager.jpg b/static/img/beer_style_photos/Lite American Lager.jpg
diff --git a/static/img/beer_style_photos/Maibock Helles Bock.jpg b/static/img/beer_style_photos/Maibock Helles Bock.jpg
diff --git a/static/img/beer_style_photos/Mild.jpg b/static/img/beer_style_photos/Mild.jpg
diff --git a/static/img/beer_style_photos/Munich Dunkel.jpg b/static/img/beer_style_photos/Munich Dunkel.jpg
diff --git a/static/img/beer_style_photos/Munich Helles.jpg b/static/img/beer_style_photos/Munich Helles.jpg
diff --git a/static/img/beer_style_photos/Northern English Brown.jpg b/static/img/beer_style_photos/Northern English Brown.jpg
diff --git a/static/img/beer_style_photos/Northern German Altbier.jpg b/static/img/beer_style_photos/Northern German Altbier.jpg
diff --git a/static/img/beer_style_photos/Oatmeal Stout.jpg b/static/img/beer_style_photos/Oatmeal Stout.jpg
diff --git a/static/img/beer_style_photos/Oktoberfest Marzen.jpg b/static/img/beer_style_photos/Oktoberfest Marzen.jpg
diff --git a/static/img/beer_style_photos/Old Ale.jpg b/static/img/beer_style_photos/Old Ale.jpg
diff --git a/static/img/beer_style_photos/Premium American Lager.jpg b/static/img/beer_style_photos/Premium American Lager.jpg
diff --git a/static/img/beer_style_photos/Robust Porter.jpg b/static/img/beer_style_photos/Robust Porter.jpg
diff --git a/static/img/beer_style_photos/Roggenbier (German Rye).jpg b/static/img/beer_style_photos/Roggenbier (German Rye).jpg
diff --git a/static/img/beer_style_photos/Russian Imperial Stout.jpg b/static/img/beer_style_photos/Russian Imperial Stout.jpg
diff --git a/static/img/beer_style_photos/RyePA.jpg b/static/img/beer_style_photos/RyePA.jpg
diff --git a/static/img/beer_style_photos/Saison.jpg b/static/img/beer_style_photos/Saison.jpg
diff --git a/static/img/beer_style_photos/Schwarzbier (Black Beer).jpg b/static/img/beer_style_photos/Schwarzbier (Black Beer).jpg
diff --git a/static/img/beer_style_photos/Scottish Export 80-.jpg b/static/img/beer_style_photos/Scottish Export 80-.jpg
diff --git a/static/img/beer_style_photos/Scottish Heavy 70-.jpg b/static/img/beer_style_photos/Scottish Heavy 70-.jpg
diff --git a/static/img/beer_style_photos/Scottish Light 60-.jpg b/static/img/beer_style_photos/Scottish Light 60-.jpg
diff --git a/static/img/beer_style_photos/Southern English Brown.jpg b/static/img/beer_style_photos/Southern English Brown.jpg
diff --git a/static/img/beer_style_photos/Special Best Premium Bitter.jpg b/static/img/beer_style_photos/Special Best Premium Bitter.jpg
diff --git a/static/img/beer_style_photos/Standard American Lager.jpg b/static/img/beer_style_photos/Standard American Lager.jpg
diff --git a/static/img/beer_style_photos/Standard Ordinary Bitter.jpg b/static/img/beer_style_photos/Standard Ordinary Bitter.jpg
diff --git a/static/img/beer_style_photos/Straight (Unblended) Lambic.jpg b/static/img/beer_style_photos/Straight (Unblended) Lambic.jpg
diff --git a/static/img/beer_style_photos/Strong Scotch Ale.jpg b/static/img/beer_style_photos/Strong Scotch Ale.jpg
diff --git a/static/img/beer_style_photos/Sweet Stout.jpg b/static/img/beer_style_photos/Sweet Stout.jpg
diff --git a/static/img/beer_style_photos/Traditional Bock.jpg b/static/img/beer_style_photos/Traditional Bock.jpg
diff --git a/static/img/beer_style_photos/Vienna Lager.jpg b/static/img/beer_style_photos/Vienna Lager.jpg
diff --git a/static/img/beer_style_photos/Weizen Weissbier.jpg b/static/img/beer_style_photos/Weizen Weissbier.jpg
diff --git a/static/img/beer_style_photos/Weizenbock.jpg b/static/img/beer_style_photos/Weizenbock.jpg
diff --git a/static/img/beer_style_photos/Witbier.jpg b/static/img/beer_style_photos/Witbier.jpg
diff --git a/static/js/system.js b/static/js/system.js
@@ -0,0 +1,26 @@
+
+// Change photo
+var change_style_image = function(){
+
+    var current_style = $('select[name="style"]').val()
+    document.getElementById('style-img').src = "../static/img/beer_style_photos/" + current_style + '.jpg'
+    console.log("../static/img/beer_style_photos/" + current_style)
+
+}
+
+
+// Initial run of function when page loads
+change_style_image()
+
+
+// Grab currently selected style
+$('select[name="style"]')[0].addEventListener("change", function() {
+
+    change_style_image()    
+
+});
+
+
+
+
+
diff --git a/templates/brewculator/brewculator.html b/templates/brewculator/brewculator.html
@@ -130,6 +130,7 @@ <h1>Brewculator</h1>
 <br><br><br>
 
 <!-- App Scripts -->
+<script src="../static/js/system.js"></script>
 <script src="../static/js/fermentables.js"></script>
 <script src="../static/js/hops.js"></script>
 <script src="../static/js/mash.js"></script>

diff --git a/templates/brewculator/system.html b/templates/brewculator/system.html
@@ -32,6 +32,7 @@ <h3>System</h3>
   </div>
 
   <div class='system-app-div'>
-
+      <img id=style-img src="" style="width: 200px; height: 200px;" class="img-thumbnail">
   </div>
+
 </div>
-Original file line number
+Diff line change
@@ Expand Up / @@ -32,6 +32,7 @@ <h3>System</h3> @@
       </div>
       <div class='system-app-div'>
+          <img id=style-img src="" style="width: 200px; height: 200px;" class="img-thumbnail">
       </div>
     </div>