From b2efccaadd272158c81cd46d3fdce8762483dbf1 Mon Sep 17 00:00:00 2001
From: Abraham Raji <avronr@tuta.io>
Date: Mon, 21 Sep 2020 21:55:55 +0530
Subject: [PATCH] Drop Down fix
---
coc.html | 39 +++++++++++++++++++++-------
index.html | 7 +++--
learners.html | 65 ++++++++++++++++++++++++++++++----------------
mentors.html | 71 +++++++++++++++++++++++++++++++++------------------
sched.html | 35 ++++++++++++++++++++-----
5 files changed, 152 insertions(+), 65 deletions(-)
diff --git a/coc.html b/coc.html
index 4777c15..ed6f3fb 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 b2a6293..4d90272 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 f8b1894..4d1f7dd 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 23bbfe7..edfc080 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 ba7dd72..81db39d 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">
--
GitLab