Updates to infotainment

deolekar · Mar 29, 2024 · e5c7349 · e5c7349
1 parent 2c79535
commit e5c7349
Show file tree

Hide file tree

Showing 5 changed files with 23 additions and 18 deletions.
diff --git a/infotainment.html b/infotainment.html
@@ -27,7 +27,7 @@
         <div class="social grad pad" >
 
             <a href="/infotainment/hangman.html" title="Hangman" class="material-icons"> 
-                <img src="images/site/hangman.png" style="width:30%" alt="Hangman">
+                <img src="images/site/hangman.png" class = 'fit' alt="Hangman">
                 <br><span class = "grad">Hangman</span>
             </a>
 

diff --git a/infotainment/hangman.js b/infotainment/hangman.js
@@ -34,9 +34,9 @@ hangManGame.gameSetup = (function (window, $, namespace) {
     _createCategory = function () {
         // Creating the keyboard and pushing them inside 
         var themes = hangManGame.gameConfig.wordListType;
-        var select = '<select size="' + themes.length + '" class="category"><option selected>' + themes[0] + '</option>';
+        var select = '<select size="' + themes.length + '" class="category"><option selected>' + "🔻 " + themes[0] + '</option>';
         for (var i = 1; i < themes.length; i++) {
-            select += '<option>' + themes[i] + '</option>';
+            select += '<option>' + "🔻 " + themes[i] + '</option>';
         }
         select += '</section>';
         $(category).append(select);
@@ -74,7 +74,6 @@ hangManGame.gameSetup = (function (window, $, namespace) {
     };
 }(this, jQuery, 'hangManGame'));
 
-
 /*
 **
 **  Game events are controlled here
@@ -132,7 +131,6 @@ hangManGame.theGame = (function (window, $, namespace) {
         $(maxTry).html(remainingTurns),
             $(theme).html(thisTheme),
             $(remaining).html(remainingTurns);
-        console.log('in: ', thisTheme);
 
         answerSpaceChild.html(wait);
         for (var i = 0; i < len; i++) {
@@ -197,8 +195,7 @@ hangManGame.theGame = (function (window, $, namespace) {
     _hangMan = function () {
         wrongPress++;
         $(hangManGraphic).addClass('hang' + wrongPress);
-        if (remainingTurns <= 0) {
-            //console.log('Game Over'); // ############ LOST #######
+        if (remainingTurns <= 0) { // ############ LOST #######
             $('body').removeClass('inProgress');
             var lostCounter = Number($(lostCount).html());
             lostCounter++;
@@ -221,7 +218,6 @@ hangManGame.theGame = (function (window, $, namespace) {
         $('body').addClass('inProgress');
     };
 
-
     return {
         init: init,
         clicked: _clicked
@@ -260,7 +256,6 @@ hangManGame.gameConfig = (function (window, $, namespace) {
     setCurrentTheme = function (theme) {
         currentTheme = theme;
         thisTheme = wordListType[currentTheme];
-        console.log(thisTheme);
     };
 
     toggleMute = function () {

diff --git a/nav.html b/nav.html
@@ -4,16 +4,13 @@
       <h2 href="/" class="grad">Maharashtra Mandal</h2>
     </div></br>
     <div>
-
-
-
       <div class="social grad pad">
 
-          <a href="https://www.instagram.com/maharashtramandal/">Contact us on:</a>
-          <a target="_blank" href="https://www.instagram.com/maharashtramandal/"><img
+          <a href="https://www.instagram.com/maharashtramandal/">Contact us</a>
+          <!--a target="_blank" href="https://www.instagram.com/maharashtramandal/"><img
               alt="MaharashtraMandal (Instagram)"
               src="../images/insta.png"
-              height="40" /></a>
+              height="40" /></a-->
 
       </div>
       <div class="social grad pad">

diff --git a/style.css b/style.css
@@ -143,13 +143,26 @@ input[type="checkbox"]:checked {
   .marker-click {
     margin: 5px 10px;
   }
+  .fit{
+    width: 300px
+  }
 }
 
 .marker-click {
   text-decoration: none;
   color: red;
 }
 
+@media (max-width: 400px) {
+  .fit{
+    width: 100%
+  }
+
+
+}
+
+
+
 .search-tip {
   white-space: nowrap;
 }

diff --git a/updates.html b/updates.html
@@ -28,7 +28,7 @@ <h3>UK 2024 - Swar Anand</h3>
 
         <a href="https://www.gamabhana.co.uk/events">Tickets</a>
       </br>
-      <img src="images/events/2024-UK-Anand-Bhate.jpg"  width = 600px alt="Pt Anand Bhate live in concert">
+      <img src="images/events/2024-UK-Anand-Bhate.jpg"  width = 100% alt="Pt Anand Bhate live in concert">
     </div>
 
   </br>
@@ -38,7 +38,7 @@ <h3>Garja Maharashtra Majha 2024</h3>
 
         <a href="https://www.ticketsource.co.uk/gmm-entertainment-ltd">Tickets</a>
       </br>
-      <img src="images/events/202401GMM.jpeg" alt="Garja Maharashtra Majha 2024">
+      <img src="images/events/202401GMM.jpeg" width = 100% alt="Garja Maharashtra Majha 2024">
     </div>
 
   </br>
@@ -56,7 +56,7 @@ <h3>Rahul Deshpande - Collective - An initiative from Team of Vasantotsav. UK To
         </br>
         Ticket booking on : https://lnkd.in/ebMwEdc
         </br></a>
-      <img src="images/events/20231125-Vasantotsav.jpeg" alt="Vasantotsav">
+      <img src="images/events/20231125-Vasantotsav.jpeg" width = 100%  alt="Vasantotsav">
     </div>
   </div>
 </body>