Merge branch 'master' of https://github.com/sigonasr2/dev-osan.github.io

Update main branch

CNAME

@@ -0,0 +1 @@
+devosan.com

additionalScripts.js

@@ -1,3 +1,27 @@
+
+var vals = [
+	`<h1 class="devOsan"">
+              <span style="color: #696035;">{</span>dev<span style="color: #696035;">}</span>Osan
+            </h1>
+            <h4 class="devOsan">Software Development Club</h4>`, //Original
+	`<h1 class="devOsan" style="text-shadow: 2px 2px 6px #AAFFAA;">
+               <span style="color: #696035;">{</span>dev<span style="color: #696035;">}</span>Osan
+            </h1>	
+            <h4 class="devOsan">Software Development Club</h4>`,	//By Sig
+];
+
+var vals2 = [
+	`<span style="color: #696035">{</span>dev<span style="color: #696035">}</span>Osan`, //Original
+	`<span style="color:black;text-shadow: 0px 0px 2px #AAFFAA;"><span style="color: #696035;">{</span>dev<span style="color: #696035">}</span>Osan</span>`, //By Sig	
+];
+
+window.onload=generateLogo(Math.floor(Math.random()*vals.length));
+
+function generateLogo(numb) {
+	document.getElementById("devOsanLogo-dynamic").innerHTML=vals[numb];
+	document.getElementById("devOsanMiniLogo-dynamic").innerHTML=vals2[numb];
+} 
+
 $(function(){
 	var navMain = $(".navbar-collapse");
 	navMain.on("click","a:not([data-toggle])",null,function(){navMain.collapse('hide');});

index.html

@@ -34,7 +34,7 @@
     <!-- Header information, above the fold -->
     <div class="above-the-fold">
       <nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
-        <a class="devOsan" href="#" >
+        <a class="navbar-brand" href="#" id="devOsanMiniLogo-dynamic">
           <span style="color: #696035">{</span>dev<span style="color: #696035">}</span>Osan
         </a>
         <button
@@ -49,6 +49,7 @@
           <span class="navbar-toggler-icon"></span>
         </button>
         <div class="collapse navbar-collapse" id="navbarNav">
+          <hr />
           <ul class="navbar-nav">
             <li class="nav-item">
               <a class="nav-link" href="#club-info">Club Info</a>
@@ -60,9 +61,7 @@
               <a class="nav-link" href="#projects">Projects</a>
             </li>
             <li class="nav-item">
-              <a class="nav-link" href="#learning-resources"
+              <a class="nav-link" href="#learning-resources">Learning Resources</a>
-                >Learning Resources</a
-              >
             </li>
             <li class="nav-item">
               <a class="nav-link" href="#faq">FAQs</a>
@@ -77,8 +76,8 @@
       <div class="container">
         <div class="row">
           <div class="col">
-            <a href="" id="announcement-card-link">
             <div class="card mb-3" style="max-width: 540px; margin-top: 5%;">
+              <a href="https://pitchandprototype.com/" id="announcement-card-link">
                 <div class="row no-gutters">
                   <div class="col-4">
                     <img
@@ -99,16 +98,19 @@
                     </div>
                   </div>
                 </div>
-              </div>
               </a>
             </div>
           </div>
+        </div>
         <div class="row name-slogan">
-          <div class="col col-md-6 offset-md-6">
+          <div class="col col-md-6 offset-md-6" id="devOsanLogo-dynamic">
-            <h1 class="devOsan">
+            <h1>
-              <span style="color: #696035">{</span>dev<span style="color: #696035">}</span>Osan
+              <span style="color: #696035">{</span>dev<span
+                style="color: #696035"
+                >}</span
+              >Osan
             </h1>
-            <h4 class="devOsan">Software Development Club</h4>
+            <h4>Software Development Club</h4>
           </div>
         </div>
       </div>
@@ -134,6 +136,11 @@
           <p>Osan Air Base, South Korea</p>
         </div>
       </div>
+      <div class="row">
+        <div class="col col-md-8 offset-md-2">
+          <iframe src="https://docs.google.com/presentation/d/e/2PACX-1vSGDZERSWpev1AnjFeM2_Nl3tQzm8ETDQMZMp6D1OGqZfVLl7bjIJpqbQRREBzqmR5TTEmDE4VWa99B/embed?start=true&loop=true&delayms=5000" frameborder="0" width="100%" height="299" allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true"></iframe>
+        </div>
+      </div>
     </div>
 
     <!-- Events and Projects -->
@@ -148,9 +155,30 @@
         <div class="col-sm-6" id="projects">
           <h3><i class="fas fa-code-branch"></i><br />Projects</h3>
           <br />
-          <p>Bus GPS</p>
+          <div id="projectCarousel" class="carousel slide" data-ride="carousel">
-          <p>{dev}Osan Website</p>
+			<div class="carousel-inner">
-          <p>Pending Game Engine</p>
+				<div class="carousel-item active" data-interval="10000">
+					<h3>Bus GPS</h3>
+					<p>Kevin Falting</p>
+				</div>
+				<div class="carousel-item" data-interval="10000">
+					<h3>{dev}Osan Website</h3>
+					<p>{dev}Osan Club</p>
+				</div>
+				<div class="carousel-item" data-interval="10000">
+					<h3>Pending Game Engine</h3>
+					<p>Joshua Sigona</p>
+				</div>
+			</div>
+			<a class="carousel-control-prev" href="#projectCarousel" role="button" data-slide="prev">
+				<span class="carousel-control-prev-icon" aria-hidden="true"></span>
+				<span class="sr-only">Previous</span>
+			</a>
+			<a class="carousel-control-next" href="#projectCarousel" role="button" data-slide="next">
+				<span class="carousel-control-next-icon" aria-hidden="true"></span>
+				<span class="sr-only">Next</span>
+			</a>
+		  </div>
         </div>
       </div>
     </div>
@@ -171,18 +199,27 @@
           <div class="answer">
             Absolutely not, just a desire to hang out with software developers.
           </div>
+		  <div class="sig-ask-devosan">
+			
+		  </div>
         </div>
       </div>
     </div>
 
     <!-- Footer and Contact Us -->
     <div class="container-fluid" id="contact">
-      <div class="row">
+      <div class="row" style="padding: 25px 10px 25px 10px;">
         <div class="col">
           <h3>Contact Us</h3>
           <p>
             <a href="mailto:kevinfalting@gmail.com">kevinfalting@gmail.com</a>
           </p>
+          <p>
+            <a href="https://www.facebook.com/groups/256151891980498/"><i class="fab fa-facebook-square"></i></a>
+          </p>
+          <p>
+            <a href="https://github.com/dev-osan"><i class="fab fa-github-square"></i></a>
+          </p>
         </div>
       </div>
     </div>
@@ -205,5 +242,6 @@
       crossorigin="anonymous"
     ></script>
     <script src="additionalScripts.js"></script>
+    <script src="sig-ask-devOsan.js"></script>
   </body>
 </html>

sig-ask-devOsan.js

@@ -0,0 +1,80 @@
+
+window.onload=init();
+
+function init() {
+	var defaultText=`
+		<h3 style="margin-top:24px;">Ask <span style="color: #696035">{</span>dev<span style="color: #696035">}</span>Osan</h3>
+		<!--<input type="text" style="width:85%" name="question" value="What would you like to know?"><input type="submit">-->
+		<form name="q" "action="#formanchor" onsubmit="submitQuestion(); return false;">
+		<div class="input-group input-group-lg">
+		  <div class="input-group-prepend">
+			<span class="input-group-text" id="inputGroup-sizing-lg">Q</span>
+		  </div>
+		  <input type="text" class="form-control" placeholder="What would you like to know?" aria-label="Question" aria-describedby="inputGroup-sizing-lg" name="question" required>
+		</div>
+		<br>
+		<div class="container">
+		<div class="row">
+			  <div class="col-5">
+			<div class="input-group input-group-sm">
+				<input type="text" id="name" class="form-control" placeholder="Name (Optional)" aria-describedby="namehelp">
+			</div>
+			<small id="namehelp" class="form-text text-muted">
+			  Your name will be displayed next to the question.
+			</small>
+			</div>
+			  <div class="col-7">
+			<div class="input-group input-group-sm">
+				<input type="text" id="email" class="form-control" placeholder="Email (Optional)" aria-describedby="namehelp">
+			</div>
+			<small id="namehelp" class="form-text text-muted">
+			  Providing an email will send you a notification when your question has been answered.
+			</small>
+			</div>
+			<button class="btn btn-primary col-3 m-2" type="submit">Submit</button>
+		</div>
+		</div>
+		</form>
+		<hr>
+		<div class="sig-ask-devosan-popular">Fetching data...</div>
+		`;
+	document.getElementsByClassName("sig-ask-devosan")[0].innerHTML=`
+	<div class="sig-ask-devosan1"></div>
+	<div class="sig-ask-devosan2"></div>
+	`;
+	document.getElementsByClassName("sig-ask-devosan1")[0].style.display="block";
+	document.getElementsByClassName("sig-ask-devosan1")[0].innerHTML=defaultText;
+	document.getElementsByClassName("sig-ask-devosan2")[0].style.display="none";
+	var req = new XMLHttpRequest();
+	req.onreadystatechange = function() {
+		if (this.readyState==4 && this.status==200) {
+			document.getElementsByClassName("sig-ask-devosan-popular")[0].innerHTML=this.responseText;
+		}
+	}
+	req.open("POST","http://45.33.13.215/projects/dev-osan/dev-osan.github.io/sig-ask-devosan/popularquestions.php",true)
+	req.send();
+	document.getElementsByClassName("sig-ask-devosan-popular")[0].innerHTML=`
+	Fetch data...
+	`;
+}
+
+function submitQuestion() {
+	document.getElementsByClassName("sig-ask-devosan1")[0].style.display="none";
+	document.getElementsByClassName("sig-ask-devosan2")[0].style.display="block";
+	document.getElementsByClassName("sig-ask-devosan2")[0].innerHTML=`<hr>
+	<button class="btn btn-primary m-2" type="button" disabled>
+	  <span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>
+	  Submitting Question...
+	</button>
+	`;
+	var req = new XMLHttpRequest();
+	req.onreadystatechange = function() {
+		if (this.readyState==4 && this.status==200) {
+			document.getElementsByClassName("sig-ask-devosan2")[0].innerHTML=this.responseText;
+		}
+	}
+	req.open("POST","http://45.33.13.215/projects/dev-osan/dev-osan.github.io/sig-ask-devosan/index.php",true)
+	req.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
+	req.send(`question=${document.forms["q"]["question"].value}&name=${document.forms["q"]["name"].value}&email=${document.forms["q"]["email"].value}`);
+}
+

sig-ask-devosan/index.php

@@ -0,0 +1,23 @@
+<?php
+	if (strlen($_POST['question'])>0) {
+		$question = $_POST['question'];
+		$name = $_POST['name'];
+		$email = $_POST['email'];
+		//echo "Posted Question: <b>".$_POST['question']."</b><br>";
+		if (strlen($_POST['name'])>0) {
+			//echo "Posted Name: <b>".$_POST['name']."</b><br>";
+		}
+		if (strlen($_POST['email'])>0) {
+			//echo "Posted Email: <b>".$_POST['email']."</b><br>";
+		}
+		
+		//Submit the question to a polling list.
+		$file = fopen("./requests/requests.php","a");
+		fwrite($file,$question."
+".$name."
+".$email."
+");
+	} else {
+		echo "-1";
+	}
+?>

sig-ask-devosan/popularquestions.php

@@ -0,0 +1,3 @@
+<?php
+	echo "ping!";
+?>

sig-ask-devosan/requests/requests.php

@@ -0,0 +1,25 @@
+<?php
+fdasfdsafdasvdaserq
+		
+		I am trying to make sure this thing is working. Can you confirm?
+		Sig
+		It appears it is working! Great!
+		Sig
+		sigonasr2@gmail.com
+		One final test.
+Joshua 
+sigonasr2@gmail.comActual final test.
+Sig
+sigonasr2@gmail.com
+Sig<HTML><Test>
+sig
+Yes
+fe1rf1feasvdzdz
+fdafdasgfreqw
+
+ffe1rfe3qwadafdasfdqa
+
+
+?<>>?>
+
+

styles.css

@@ -1,5 +1,5 @@
 .above-the-fold {
-  min-height: 95vh;
+  min-height: 100vh;
   background-image: url("img/devOsan_noLogo.png");
   background-size: cover;
   background-repeat: no-repeat;
@@ -7,6 +7,11 @@
   padding-top: 3em;
 }
 
+.navbar-collapse hr {
+  background: #e3e3e3;
+  opacity: 0.3;
+}
+
 #announcement-card-link {
   text-decoration: none;
   color: black;
@@ -58,28 +63,10 @@ h1 {
   font-size: 5em;
 }
 
-h1.devOsan{
-	text-shadow: 2px 2px 6px #AAFFAA;
-}
-
-a.devOsan{
-	text-shadow: 0px 0px 2px #AAFFAA;
-	color:black;
-}
-
-h4.devOsan{
-	text-shadow: 1px 1px 3px white;
-}
-
 h4 {
   font-size: 1.8em;
 }
 
-a {
-  font-weight: bold;
-  text-decoration: underline;
-}
-
 .vision-statement {
   /* font-size: 1.5em; */
   margin-bottom: 3em;