Skip to content
Snippets Groups Projects
Unverified Commit b2efccaa authored by Abraham Raji's avatar Abraham Raji
Browse files

Drop Down fix

parent cdb2142b
Branches
No related merge requests found
Hide whitespace changes
Inline Side-by-side
coc.html
+ 30
− 9
View file @ b2efccaa
...@@ -20,24 +20,45 @@ ...@@ -20,24 +20,45 @@
</div> </div>
<input type="checkbox" id="chk"> <input type="checkbox" id="chk">
<label for="chk" class="show-menu-btn" style="align-items:center;"> <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> </label>
<ul class="menu"> <ul class="menu">
<li><a href="index.html#about">About</a></li> <li><a href="index.html#about">About</a></li>
<li><a href="#">Code of Conduct</a></li> <li><a href="#">Code of Conduct</a></li>
<li><a href="sched.html">Schedule</a></li> <li><a href="sched.html">Schedule</a></li>
<li><a href="index.html#contact">Contact</a></li> <li><a href="index.html#contact">Contact</a></li>
<div class="dropdown cta"> <div class="dropdown cta">
<button onclick="myFunction()" class="dropbtn">Apply</button> <button onclick="myFunction()" class="dropbtn">Apply</button>
<div id="myDropdown" class="dropdown-content" style="padding: 5px;"> <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='learners.html'>As Learner</a></button>
<button style="padding: 0px;"><a href='mentors.html'>As Mentor</a></button> <button style="padding: 0px;"><a href='mentors.html'>As Mentor</a></button>
</div> </div>
</div> </div>
<label for="chk" class="hide-menu-btn"><i class="nav-icon fas fa-times"></i></label> <label for="chk" class="hide-menu-btn"><i class="nav-icon fas fa-times"></i></label>
</ul> </ul>
</nav> </nav>
</div> </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"> <div class="container">
<section id="coc" class="presentation"> <section id="coc" class="presentation">
<div> <div>
...@@ -103,7 +124,7 @@ ...@@ -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> <a href="https://fsf.org.in"><img height="50px" src="https://fsf.org.in/assets/img/logo.png" alt="Logo of FSF" /></a>
</div> </div>
<h3 style="text-align: center; font-weight: 400">Free Software Camp <a style="color: inherit;" href="privacy.html">Privacy Policy</a></h3> <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;">&#9829;</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;">&#9829;</span> All original content is licensed under a free/libre copyleft license (GPL or CC BY-SA)</p>
</footer> </footer>
</main> </main>
</body> </body>
......
index.html
+ 5
− 2
View file @ b2efccaa
...@@ -30,8 +30,8 @@ ...@@ -30,8 +30,8 @@
<li><a href="#contact">Contact</a></li> <li><a href="#contact">Contact</a></li>
<div class="dropdown cta"> <div class="dropdown cta">
<button onclick="myFunction()" class="dropbtn">Apply</button> <button onclick="myFunctionnav()" class="dropbtn">Apply</button>
<div id="myDropdown" class="dropdown-content" style="padding: 5px;"> <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='learners.html'>As Learner</a></button>
<button style="padding: 0px;"><a href='mentors.html'>As Mentor</a></button> <button style="padding: 0px;"><a href='mentors.html'>As Mentor</a></button>
</div> </div>
...@@ -60,6 +60,9 @@ ...@@ -60,6 +60,9 @@
function myFunction() { function myFunction() {
document.getElementById("myDropdown").classList.toggle("show"); document.getElementById("myDropdown").classList.toggle("show");
} }
function myFunctionnav() {
document.getElementById("myDropdownnav").classList.toggle("show");
}
window.onclick = function(event) { window.onclick = function(event) {
if (!event.target.matches('.dropbtn')) { if (!event.target.matches('.dropbtn')) {
var dropdowns = document.getElementsByClassName("dropdown-content"); var dropdowns = document.getElementsByClassName("dropdown-content");
......
learners.html
+ 43
− 22
View file @ b2efccaa
...@@ -27,31 +27,52 @@ ...@@ -27,31 +27,52 @@
<li><a href="coc.html">Code of Conduct</a></li> <li><a href="coc.html">Code of Conduct</a></li>
<li><a href="sched.html">Schedule</a></li> <li><a href="sched.html">Schedule</a></li>
<li><a href="index.html#contact">Contact</a></li> <li><a href="index.html#contact">Contact</a></li>
<div class="dropdown cta"> <div class="dropdown cta">
<button onclick="myFunction()" class="dropbtn">Apply</button> <button onclick="myFunction()" class="dropbtn">Apply</button>
<div id="myDropdown" class="dropdown-content" style="padding: 5px;"> <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='learners.html'>As Learner</a></button>
<button style="padding: 0px;"><a href='mentors.html'>As Mentor</a></button> <button style="padding: 0px;"><a href='mentors.html'>As Mentor</a></button>
</div> </div>
</div> </div>
<label for="chk" class="hide-menu-btn"><i class="nav-icon fas fa-times"></i></label> <label for="chk" class="hide-menu-btn"><i class="nav-icon fas fa-times"></i></label>
</ul> </ul>
</nav> </nav>
</div> </div>
<div class="expectations">
<h1 class="heading">Learner Expectations</h2> <script>
<ul> function myFunction() {
<li>Anyone who can commit 15-20 hours per week</li> document.getElementById("myDropdown").classList.toggle("show");
<li>Eagerness to learn</li> }
<li>Willingness to contribute to society</li> function myFunctionnav() {
<li>Willingness to use GNU/Linux</li> document.getElementById("myDropdownnav").classList.toggle("show");
<li>Communicate with mentors using Free Software tools</li> }
</ul> window.onclick = function(event) {
</div> if (!event.target.matches('.dropbtn')) {
<h2 class="medium-heading" style="text-align:center;margin-bottom:20px">Please fill out the form below to join as a learner</h2> var dropdowns = document.getElementsByClassName("dropdown-content");
<div class="reg_form"> var i;
<iframe frameborder="2" src="https://ee.kobotoolbox.org/single/FMPfxisV" width="80%" height="100%" style="margin: auto;"></iframe> for (i = 0; i < dropdowns.length; i++) {
</div> 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> <footer>
<div class="footer-icon-row "> <div class="footer-icon-row ">
<h1>Organised By</h1> <h1>Organised By</h1>
...@@ -59,7 +80,7 @@ ...@@ -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> <a href="https://fsf.org.in"><img height="50px" src="https://fsf.org.in/assets/img/logo.png" alt="Logo of FSF" /></a>
</div> </div>
<h3 style="text-align: center; font-weight: 400">Free Software Camp <a style="color: inherit;" href="privacy.html">Privacy Policy</a></h3> <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;">&#9829;</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;">&#9829;</span> All original content licensed under a free/libre copyleft license (GPL or CC BY-SA)</p>
</footer> </footer>
</main> </main>
</body> </body>
......
mentors.html
+ 46
− 25
View file @ b2efccaa
...@@ -27,35 +27,56 @@ ...@@ -27,35 +27,56 @@
<li><a href="coc.html">Code of Conduct</a></li> <li><a href="coc.html">Code of Conduct</a></li>
<li><a href="sched.html">Schedule</a></li> <li><a href="sched.html">Schedule</a></li>
<li><a href="index.html#contact">Contact</a></li> <li><a href="index.html#contact">Contact</a></li>
<div class="dropdown cta"> <div class="dropdown cta">
<button onclick="myFunction()" class="dropbtn">Apply</button> <button onclick="myFunction()" class="dropbtn">Apply</button>
<div id="myDropdown" class="dropdown-content" style="padding: 5px;"> <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='learners.html'>As Learner</a></button>
<button style="padding: 0px;"><a href='mentors.html'>As Mentor</a></button> <button style="padding: 0px;"><a href='mentors.html'>As Mentor</a></button>
</div> </div>
</div> </div>
<label for="chk" class="hide-menu-btn"><i class="nav-icon fas fa-times"></i></label> <label for="chk" class="hide-menu-btn"><i class="nav-icon fas fa-times"></i></label>
</ul> </ul>
</nav> </nav>
</div> </div>
<div class="expectations">
<h1 class="heading">Mentor expectations</h2> <script>
<ul> function myFunction() {
<li>Free software contributions</li> document.getElementById("myDropdown").classList.toggle("show");
<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> function myFunctionnav() {
<li>Real-time meeting with learner(s) preferably once a week - either through real-time chat, video conference, or phone</li> document.getElementById("myDropdownnav").classList.toggle("show");
<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> window.onclick = function(event) {
<li>Guidance to learners about time management</li> if (!event.target.matches('.dropbtn')) {
<li>Connect learners to the larger free software community</li> var dropdowns = document.getElementsByClassName("dropdown-content");
<li>Communicate with learners using Free Software tools</li> var i;
</ul> for (i = 0; i < dropdowns.length; i++) {
</div> var openDropdown = dropdowns[i];
<h2 class="medium-heading" style="text-align:center;margin-bottom:20px">Please fill out the form below to join as a mentor</h2> if (openDropdown.classList.contains('show')) {
<div class="reg_form"> openDropdown.classList.remove('show');
<iframe frameborder="2" src="https://ee.kobotoolbox.org/single/eJ2m4rrb" width="80%" height="100%" style="margin: auto;"></iframe> }
</div> }
}
}
</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> <footer>
<div class="footer-icon-row "> <div class="footer-icon-row ">
<h1>Organised By</h1> <h1>Organised By</h1>
......
sched.html
+ 28
− 7
View file @ b2efccaa
...@@ -27,17 +27,38 @@ ...@@ -27,17 +27,38 @@
<li><a href="coc.html">Code of Conduct</a></li> <li><a href="coc.html">Code of Conduct</a></li>
<li><a href="sched.html">Schedule</a></li> <li><a href="sched.html">Schedule</a></li>
<li><a href="index.html#contact">Contact</a></li> <li><a href="index.html#contact">Contact</a></li>
<div class="dropdown cta"> <div class="dropdown cta">
<button onclick="myFunction()" class="dropbtn">Apply</button> <button onclick="myFunction()" class="dropbtn">Apply</button>
<div id="myDropdown" class="dropdown-content" style="padding: 5px;"> <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='learners.html'>As Learner</a></button>
<button style="padding: 0px;"><a href='mentors.html'>As Mentor</a></button> <button style="padding: 0px;"><a href='mentors.html'>As Mentor</a></button>
</div> </div>
</div> </div>
<label for="chk" class="hide-menu-btn"><i class="nav-icon fas fa-times"></i></label> <label for="chk" class="hide-menu-btn"><i class="nav-icon fas fa-times"></i></label>
</ul> </ul>
</nav> </nav>
</div> </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"> <section id="home" class="presentation">
<h1 class="heading">Schedule</h1> <h1 class="heading">Schedule</h1>
<style type="text/css" media="screen"> <style type="text/css" media="screen">
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment