diff --git a/coc.html b/coc.html
index 4777c15eb1e568787b05d290c815848522289232..ed6f3fb2d52354d86c4abceba0b3dbbc09922e8f 100644
--- a/coc.html
+++ b/coc.html
@@ -20,24 +20,45 @@
</div>
<input type="checkbox" id="chk">
<label for="chk" class="show-menu-btn" style="align-items:center;">
- <i class="nav-icon fas fa-bars"></i>
+ <i class="nav-icon fas fa-bars"></i>
</label>
<ul class="menu">
<li><a href="index.html#about">About</a></li>
<li><a href="#">Code of Conduct</a></li>
<li><a href="sched.html">Schedule</a></li>
<li><a href="index.html#contact">Contact</a></li>
- <div class="dropdown cta">
- <button onclick="myFunction()" class="dropbtn">Apply</button>
- <div id="myDropdown" class="dropdown-content" style="padding: 5px;">
- <button style="padding: 0px;"><a href='learners.html'>As Learner</a></button>
- <button style="padding: 0px;"><a href='mentors.html'>As Mentor</a></button>
- </div>
- </div>
+ <div class="dropdown cta">
+ <button onclick="myFunction()" class="dropbtn">Apply</button>
+ <div id="myDropdown" class="dropdown-content" style="padding: 5px;">
+ <button style="padding: 0px;"><a href='learners.html'>As Learner</a></button>
+ <button style="padding: 0px;"><a href='mentors.html'>As Mentor</a></button>
+ </div>
+ </div>
<label for="chk" class="hide-menu-btn"><i class="nav-icon fas fa-times"></i></label>
</ul>
</nav>
</div>
+
+ <script>
+ function myFunction() {
+ document.getElementById("myDropdown").classList.toggle("show");
+ }
+ function myFunctionnav() {
+ document.getElementById("myDropdownnav").classList.toggle("show");
+ }
+ window.onclick = function(event) {
+ if (!event.target.matches('.dropbtn')) {
+ var dropdowns = document.getElementsByClassName("dropdown-content");
+ var i;
+ for (i = 0; i < dropdowns.length; i++) {
+ var openDropdown = dropdowns[i];
+ if (openDropdown.classList.contains('show')) {
+ openDropdown.classList.remove('show');
+ }
+ }
+ }
+ }
+ </script>
<div class="container">
<section id="coc" class="presentation">
<div>
@@ -103,7 +124,7 @@
<a href="https://fsf.org.in"><img height="50px" src="https://fsf.org.in/assets/img/logo.png" alt="Logo of FSF" /></a>
</div>
<h3 style="text-align: center; font-weight: 400">Free Software Camp <a style="color: inherit;" href="privacy.html">Privacy Policy</a></h3>
-<p style="text-align: center;">Made with <span style="color: #e25555;">♥</span> All original content is licensed under a free/libre copyleft license (GPL or CC BY-SA)</p>
+ <p style="text-align: center;">Made with <span style="color: #e25555;">♥</span> All original content is licensed under a free/libre copyleft license (GPL or CC BY-SA)</p>
</footer>
</main>
</body>
diff --git a/index.html b/index.html
index b2a6293ec020d8df1bbc795ec2b2ca41bb7d0582..4d90272e4e6872e066bb76db145805168252f4f3 100644
--- a/index.html
+++ b/index.html
@@ -30,8 +30,8 @@
<li><a href="#contact">Contact</a></li>
<div class="dropdown cta">
- <button onclick="myFunction()" class="dropbtn">Apply</button>
- <div id="myDropdown" class="dropdown-content" style="padding: 5px;">
+ <button onclick="myFunctionnav()" class="dropbtn">Apply</button>
+ <div id="myDropdownnav" class="dropdown-content" style="padding: 5px;">
<button style="padding: 0px;"><a href='learners.html'>As Learner</a></button>
<button style="padding: 0px;"><a href='mentors.html'>As Mentor</a></button>
</div>
@@ -60,6 +60,9 @@
function myFunction() {
document.getElementById("myDropdown").classList.toggle("show");
}
+ function myFunctionnav() {
+ document.getElementById("myDropdownnav").classList.toggle("show");
+ }
window.onclick = function(event) {
if (!event.target.matches('.dropbtn')) {
var dropdowns = document.getElementsByClassName("dropdown-content");
diff --git a/learners.html b/learners.html
index f8b189459ab412dee182b0ef49dfe77a84d3e7dc..4d1f7dd3751bf267481e54bf1a197f38c0f02426 100644
--- a/learners.html
+++ b/learners.html
@@ -27,31 +27,52 @@
<li><a href="coc.html">Code of Conduct</a></li>
<li><a href="sched.html">Schedule</a></li>
<li><a href="index.html#contact">Contact</a></li>
- <div class="dropdown cta">
- <button onclick="myFunction()" class="dropbtn">Apply</button>
- <div id="myDropdown" class="dropdown-content" style="padding: 5px;">
- <button style="padding: 0px;"><a href='learners.html'>As Learner</a></button>
- <button style="padding: 0px;"><a href='mentors.html'>As Mentor</a></button>
- </div>
- </div>
+ <div class="dropdown cta">
+ <button onclick="myFunction()" class="dropbtn">Apply</button>
+ <div id="myDropdown" class="dropdown-content" style="padding: 5px;">
+ <button style="padding: 0px;"><a href='learners.html'>As Learner</a></button>
+ <button style="padding: 0px;"><a href='mentors.html'>As Mentor</a></button>
+ </div>
+ </div>
<label for="chk" class="hide-menu-btn"><i class="nav-icon fas fa-times"></i></label>
</ul>
</nav>
</div>
- <div class="expectations">
- <h1 class="heading">Learner Expectations</h2>
- <ul>
- <li>Anyone who can commit 15-20 hours per week</li>
- <li>Eagerness to learn</li>
- <li>Willingness to contribute to society</li>
- <li>Willingness to use GNU/Linux</li>
- <li>Communicate with mentors using Free Software tools</li>
- </ul>
- </div>
- <h2 class="medium-heading" style="text-align:center;margin-bottom:20px">Please fill out the form below to join as a learner</h2>
- <div class="reg_form">
- <iframe frameborder="2" src="https://ee.kobotoolbox.org/single/FMPfxisV" width="80%" height="100%" style="margin: auto;"></iframe>
- </div>
+
+ <script>
+ function myFunction() {
+ document.getElementById("myDropdown").classList.toggle("show");
+ }
+ function myFunctionnav() {
+ document.getElementById("myDropdownnav").classList.toggle("show");
+ }
+ window.onclick = function(event) {
+ if (!event.target.matches('.dropbtn')) {
+ var dropdowns = document.getElementsByClassName("dropdown-content");
+ var i;
+ for (i = 0; i < dropdowns.length; i++) {
+ var openDropdown = dropdowns[i];
+ if (openDropdown.classList.contains('show')) {
+ openDropdown.classList.remove('show');
+ }
+ }
+ }
+ }
+ </script>
+ <div class="expectations">
+ <h1 class="heading">Learner Expectations</h2>
+ <ul>
+ <li>Anyone who can commit 15-20 hours per week</li>
+ <li>Eagerness to learn</li>
+ <li>Willingness to contribute to society</li>
+ <li>Willingness to use GNU/Linux</li>
+ <li>Communicate with mentors using Free Software tools</li>
+ </ul>
+ </div>
+ <h2 class="medium-heading" style="text-align:center;margin-bottom:20px">Please fill out the form below to join as a learner</h2>
+ <div class="reg_form">
+ <iframe frameborder="2" src="https://ee.kobotoolbox.org/single/FMPfxisV" width="80%" height="100%" style="margin: auto;"></iframe>
+ </div>
<footer>
<div class="footer-icon-row ">
<h1>Organised By</h1>
@@ -59,7 +80,7 @@
<a href="https://fsf.org.in"><img height="50px" src="https://fsf.org.in/assets/img/logo.png" alt="Logo of FSF" /></a>
</div>
<h3 style="text-align: center; font-weight: 400">Free Software Camp <a style="color: inherit;" href="privacy.html">Privacy Policy</a></h3>
-<p style="text-align: center;">Made with <span style="color: #e25555;">♥</span> All original content licensed under a free/libre copyleft license (GPL or CC BY-SA)</p>
+ <p style="text-align: center;">Made with <span style="color: #e25555;">♥</span> All original content licensed under a free/libre copyleft license (GPL or CC BY-SA)</p>
</footer>
</main>
</body>
diff --git a/mentors.html b/mentors.html
index 23bbfe7e316e8e044f05d5780938438d6744ab30..edfc080255e20f99bb6d4e37b935ff893e240b11 100644
--- a/mentors.html
+++ b/mentors.html
@@ -27,35 +27,56 @@
<li><a href="coc.html">Code of Conduct</a></li>
<li><a href="sched.html">Schedule</a></li>
<li><a href="index.html#contact">Contact</a></li>
- <div class="dropdown cta">
- <button onclick="myFunction()" class="dropbtn">Apply</button>
- <div id="myDropdown" class="dropdown-content" style="padding: 5px;">
- <button style="padding: 0px;"><a href='learners.html'>As Learner</a></button>
- <button style="padding: 0px;"><a href='mentors.html'>As Mentor</a></button>
- </div>
- </div>
+ <div class="dropdown cta">
+ <button onclick="myFunction()" class="dropbtn">Apply</button>
+ <div id="myDropdown" class="dropdown-content" style="padding: 5px;">
+ <button style="padding: 0px;"><a href='learners.html'>As Learner</a></button>
+ <button style="padding: 0px;"><a href='mentors.html'>As Mentor</a></button>
+ </div>
+ </div>
<label for="chk" class="hide-menu-btn"><i class="nav-icon fas fa-times"></i></label>
</ul>
</nav>
</div>
- <div class="expectations">
- <h1 class="heading">Mentor expectations</h2>
- <ul>
- <li>Free software contributions</li>
- <li>Identify projects in which they can mentor learners</li>
- <li>Commit 5 hours per week of mentoring during the 3 months of the mentorship - including answering questions, reviewing contributions, and meeting with learners</li>
- <li>Real-time meeting with learner(s) preferably once a week - either through real-time chat, video conference, or phone</li>
- <li>Timely review of contributions - if a mentor is unable to provide contribution review, they are responsible for finding community members who can</li>
- <li>Guidance to learners about how to work in a free software community</li>
- <li>Guidance to learners about time management</li>
- <li>Connect learners to the larger free software community</li>
- <li>Communicate with learners using Free Software tools</li>
- </ul>
- </div>
- <h2 class="medium-heading" style="text-align:center;margin-bottom:20px">Please fill out the form below to join as a mentor</h2>
- <div class="reg_form">
- <iframe frameborder="2" src="https://ee.kobotoolbox.org/single/eJ2m4rrb" width="80%" height="100%" style="margin: auto;"></iframe>
- </div>
+
+ <script>
+ function myFunction() {
+ document.getElementById("myDropdown").classList.toggle("show");
+ }
+ function myFunctionnav() {
+ document.getElementById("myDropdownnav").classList.toggle("show");
+ }
+ window.onclick = function(event) {
+ if (!event.target.matches('.dropbtn')) {
+ var dropdowns = document.getElementsByClassName("dropdown-content");
+ var i;
+ for (i = 0; i < dropdowns.length; i++) {
+ var openDropdown = dropdowns[i];
+ if (openDropdown.classList.contains('show')) {
+ openDropdown.classList.remove('show');
+ }
+ }
+ }
+ }
+ </script>
+ <div class="expectations">
+ <h1 class="heading">Mentor expectations</h2>
+ <ul>
+ <li>Free software contributions</li>
+ <li>Identify projects in which they can mentor learners</li>
+ <li>Commit 5 hours per week of mentoring during the 3 months of the mentorship - including answering questions, reviewing contributions, and meeting with learners</li>
+ <li>Real-time meeting with learner(s) preferably once a week - either through real-time chat, video conference, or phone</li>
+ <li>Timely review of contributions - if a mentor is unable to provide contribution review, they are responsible for finding community members who can</li>
+ <li>Guidance to learners about how to work in a free software community</li>
+ <li>Guidance to learners about time management</li>
+ <li>Connect learners to the larger free software community</li>
+ <li>Communicate with learners using Free Software tools</li>
+ </ul>
+ </div>
+ <h2 class="medium-heading" style="text-align:center;margin-bottom:20px">Please fill out the form below to join as a mentor</h2>
+ <div class="reg_form">
+ <iframe frameborder="2" src="https://ee.kobotoolbox.org/single/eJ2m4rrb" width="80%" height="100%" style="margin: auto;"></iframe>
+ </div>
<footer>
<div class="footer-icon-row ">
<h1>Organised By</h1>
diff --git a/sched.html b/sched.html
index ba7dd721dc9a227cf7d211eb3845a6a9fdb27c68..81db39dd0551b1209f9491ecc668b11be1ff2e43 100644
--- a/sched.html
+++ b/sched.html
@@ -27,17 +27,38 @@
<li><a href="coc.html">Code of Conduct</a></li>
<li><a href="sched.html">Schedule</a></li>
<li><a href="index.html#contact">Contact</a></li>
- <div class="dropdown cta">
- <button onclick="myFunction()" class="dropbtn">Apply</button>
- <div id="myDropdown" class="dropdown-content" style="padding: 5px;">
- <button style="padding: 0px;"><a href='learners.html'>As Learner</a></button>
- <button style="padding: 0px;"><a href='mentors.html'>As Mentor</a></button>
- </div>
- </div>
+ <div class="dropdown cta">
+ <button onclick="myFunction()" class="dropbtn">Apply</button>
+ <div id="myDropdown" class="dropdown-content" style="padding: 5px;">
+ <button style="padding: 0px;"><a href='learners.html'>As Learner</a></button>
+ <button style="padding: 0px;"><a href='mentors.html'>As Mentor</a></button>
+ </div>
+ </div>
<label for="chk" class="hide-menu-btn"><i class="nav-icon fas fa-times"></i></label>
</ul>
</nav>
</div>
+
+ <script>
+ function myFunction() {
+ document.getElementById("myDropdown").classList.toggle("show");
+ }
+ function myFunctionnav() {
+ document.getElementById("myDropdownnav").classList.toggle("show");
+ }
+ window.onclick = function(event) {
+ if (!event.target.matches('.dropbtn')) {
+ var dropdowns = document.getElementsByClassName("dropdown-content");
+ var i;
+ for (i = 0; i < dropdowns.length; i++) {
+ var openDropdown = dropdowns[i];
+ if (openDropdown.classList.contains('show')) {
+ openDropdown.classList.remove('show');
+ }
+ }
+ }
+ }
+ </script>
<section id="home" class="presentation">
<h1 class="heading">Schedule</h1>
<style type="text/css" media="screen">