Add discord button and other changes (#96)

Added link for the CP-Bootcamp resources and invite link for CodeCell discord server

Author: pettiboy

index.html

@@ -142,7 +142,7 @@
         <div id="header-content" class="container" itemscope="itemscope" itemtype="http://schema.org/Event">
 
           <div class="wow animated fadeInDown" style="margin-top: 50px;">
-            <img class="" src="./static/logos/logo-full-blue.png" style="height: 8vh;" alt="">
+            <img class="home-screen-logo" src="./static/logos/logo-full-blue.png" style="height: 8vh;" alt="KJSCE CodeCell">
           </div>
 
 
@@ -169,9 +169,26 @@
             </span>
 
           </address>
-          <a class="wow animated fadeInUp blog-link btn-blog" target="_blank" data-wow-delay="1.5s"
-            href="https://blogs.kjscecodecell.com">Codecell
-            Blogs<img class="beta" src="./static/images/beta-white.png"></img></a>
+
+          <div class="home-buttons-container">
+            <!-- discord community ka button -->
+            <div style="margin-bottom: 30px;">
+              <a class="wow animated fadeInUp blog-link btn-blog btn-discord" target="_blank" data-wow-delay="1.5s"
+                href="https://discord.com/invite/UBbSuw7swW">
+                Discord Server
+                <img style="margin-left: 6px; margin-right: 5px;"  class="beta" src="./static/images/discord-logo-white.png"></img>
+              </a>
+            </div>
+            <!-- codecell blog ka button -->
+            <div>
+              <a class="wow animated fadeInUp blog-link btn-blog" target="_blank" data-wow-delay="1.5s"
+                href="https://blogs.kjscecodecell.com">
+                Codecell Blogs
+                <img class="beta" src="./static/images/beta-white.png"></img>
+              </a>
+            </div>
+          </div>
+
           <div class="hello wow animated fadeInUp" data-wow-delay="2.5s" style="font-size:25px;margin-top: 20px;">
             <p>The Codechef Campus Chapter of KJSCE</p>
           </div>

static/images/discord-logo-white.png

@@ -380,6 +380,7 @@
 				response += ', <strong>shades()</strong>';
 				response += ', <strong>twShare()</strong>';
 				response += ', <strong>stl()</strong>';
+				response += ', <strong>cp()</strong>';
 				response += ', <strong>pyDocs()</strong>';
 				response += ', <strong>newsletter()</strong>';
 				response += ', <strong>test()</strong>'
@@ -406,6 +407,7 @@
 				if (customFunctionName == 'shades') response = 'See the world through the eyes of a douchebag.';
 				if (customFunctionName == 'twShare') response = 'Share Codecell with you friends on Twitter.';
 				if (customFunctionName == 'stl') response = 'Opens STL Reference material by Codecell team';
+				if (customFunctionName == 'cp') response = 'Opens Logic Building (for competitive programming) Reference material by Codecell team';
 				if (customFunctionName == 'git') response = 'Opens Git-Github Reference material by Codecell team';
 				if (customFunctionName == 'pyDocs') response = 'Opens Python reference material by Codecell team';
 				if (customFunctionName == 'newsletter') response = 'Opens our exquisitive newsletter, written only for you !';
@@ -680,15 +682,19 @@
 		}
 
 		function stl() {
-			window.open("http://www.kjscecodecell.com/standard-library-in-x/");
+			window.open("https://www.kjscecodecell.com/standard-library-in-x/");
+		}
+		
+		function cp() {
+			window.open("https://www.kjscecodecell.com/CP-Bootcamp-2021/");
 		}
 
 		function git() {
 			window.open("https://www.kjscecodecell.com/Git-CheatSheet/");
 		}
 
 		function pyDocs() {
-			window.open("http://www.kjscecodecell.com/Introduction-to-programming/python/");
+			window.open("https://www.kjscecodecell.com/Introduction-to-programming/python/");
 		}
 
 		function newsletter() {

static/js/terminal.js

@@ -810,8 +810,25 @@ only screen and (min-resolution: 2dppx) {
   margin-bottom: 32px;
 }
 
+.home-buttons-container {
+  display: flex; 
+  justify-content: center;
+}
+.btn-discord {
+  margin-right: 25px;
+}
+
+@media(max-width: 860px) {
+  .home-buttons-container {
+    flex-direction: column;
+  }
+  .btn-discord {
+    margin-right: 0px;
+  }
+}
+
 .section-header .blog-link {
-  font-size: 40px;
+  font-size: 30px;
   color: white;
   background-color: #003955;
   margin-bottom: 50px;
@@ -845,8 +862,8 @@ only screen and (min-resolution: 2dppx) {
 
 .beta {
   margin-bottom: 10px;
-  width: 40px;
-  height: 40px;
+  width: 30px;
+  height: 30px;
 }
 
 .intro-holder {
@@ -11797,6 +11814,17 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
 }
 
 @media only screen and (max-width: 670px) {
+  .section-header .blog-link {
+    font-size: 25px;
+    color: white;
+  }
+
+  .beta {
+    margin-bottom: 5px;
+    width: 30px;
+    height: 30px;
+  }
+
   .speaker-list {
     margin-left: auto;
     margin-right: auto;
@@ -11988,13 +12016,13 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
   }
 
   .section-header .blog-link {
-    font-size: 25px;
+    font-size: 20px;
     color: white;
     /* background-color: pink; */
   }
 
   .beta {
-    margin-bottom: 10px;
+    margin-bottom: 5px;
     width: 30px;
     height: 30px;
   }
@@ -12104,6 +12132,12 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
 .speaker p {
   font-size: 15px;
 }
+
+/* for smaller screen make sure the home screen logo does not overflow */
+@media only screen and (max-width: 377px) {
+  .home-screen-logo {
+    height: 6vh !important;
+  }
 }
 
 @media only screen and (max-width: 370px) {