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 @@
</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;">&#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>
</main>
</body>
......
index.html
+ 5
− 2
View file @ b2efccaa
......@@ -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");
......
learners.html
+ 43
− 22
View file @ b2efccaa
......@@ -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;">&#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>
</main>
</body>
......
mentors.html
+ 46
− 25
View file @ b2efccaa
......@@ -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>
......
sched.html
+ 28
− 7
View file @ b2efccaa
......@@ -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">
......
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