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

Fixes

parent b53b5883
Branches
No related merge requests found
Hide whitespace changes
Inline Side-by-side
index.html
+ 59
− 56
View file @ 4595fa02
...@@ -9,7 +9,7 @@ ...@@ -9,7 +9,7 @@
<link rel="stylesheet" href="style.css" type="text/css" media="screen" /> <link rel="stylesheet" href="style.css" type="text/css" media="screen" />
<link rel="apple-touch-icon" href="/apple-touch-icon.png"> <link rel="apple-touch-icon" href="/apple-touch-icon.png">
<!-- Place favicon.ico in the root directory --> <!-- Place favicon.ico in the root directory -->
<link rel="stylesheet" href="https://tools-static.wmflabs.org/cdnjs/ajax/libs/font-5/14.0.awesome/css/all.min.css" crossorigin="anonymous" /> <link rel="stylesheet" href="https://tools-static.wmflabs.org/cdnjs/ajax/libs/font-awesome/5.14.0/css/all.css" crossorigin="anonymous" />
</head> </head>
<body> <body>
<main> <main>
...@@ -23,10 +23,10 @@ ...@@ -23,10 +23,10 @@
<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="#">About</a></li> <li><a href="#about">About</a></li>
<li><a href="coc.html">Code of Conduct</a></li> <li><a href="coc.html">Code of Conduct</a></li>
<li><a href="#">Schedule</a></li> <li><a href="sched.html">Schedule</a></li>
<li><a href="#">Contact</a></li> <li><a href="#contact">Contact</a></li>
<label for="chk" class="hide-menu-btn"> <label for="chk" class="hide-menu-btn">
<i class="nav-icon fas fa-times"></i> <i class="nav-icon fas fa-times"></i>
</label> </label>
...@@ -37,8 +37,8 @@ ...@@ -37,8 +37,8 @@
<div class="introduction"> <div class="introduction">
<div class="intro-text"> <div class="intro-text">
<h1>Free Software<span style="color:#469198"> CAMP</h1> <h1>Free Software<span style="color:#469198"> CAMP</h1>
<p>A unique, online mentorship programme conceptualized and organized by Free Software Foundation of India and Free <p>A unique, online mentorship programme conceptualized and organized by Free Software Foundation of India and Free
Software Community of India.</p> Software Community of India.</p>
<div class="cta"> <div class="cta">
<a href='#about'><button>About us</button></a> <a href='#about'><button>About us</button></a>
</div> </div>
...@@ -99,7 +99,7 @@ ...@@ -99,7 +99,7 @@
<img src='./assets/img/non-tech.svg' alt="infomatics and books" /> <img src='./assets/img/non-tech.svg' alt="infomatics and books" />
</div> </div>
</div> </div>
<div class="about-section" style="margin: 10vh auto;"> <div class="about-section" style="margin-top: 10vh auto;">
<div class="about-text"> <div class="about-text">
<h1 class="medium-heading" style="color:#469198">How does it work</span>?</h1> <h1 class="medium-heading" style="color:#469198">How does it work</span>?</h1>
<p class="para">Learners apply to join the program and are given a common introduction to the program, to free <p class="para">Learners apply to join the program and are given a common introduction to the program, to free
...@@ -110,27 +110,27 @@ ...@@ -110,27 +110,27 @@
By the end of the camp the learners will be contributing to free software and collaborating with other By the end of the camp the learners will be contributing to free software and collaborating with other
contributors from around the world. </p> contributors from around the world. </p>
</div> </div>
</div>
<div class="about-section" style="margin: 10vh auto;">
<div class="about-cover">
<img src='./assets/img/mentor.svg' alt="people planning and making things" />
</div> </div>
<div class="about-section" style="margin: 10vh auto;"> <div class="about-text">
<div class="about-cover">
<img src='./assets/img/mentor.svg' alt="people planning and making things" />
</div>
<div class="about-text">
<h1 class="medium-heading" style="color:#469198">Who can be mentors</span>?</h1> <h1 class="medium-heading" style="color:#469198">Who can be mentors</span>?</h1>
<p class="para">Are you an experienced Free Software contributor? Does mentoring new people to contribute to Free Software excite you? Do you have time to invest in mentoring for the next 3 months? Come join us!</p> <p class="para">Are you an experienced Free Software contributor? Does mentoring new people to contribute to Free Software excite you? Do you have time to invest in mentoring for the next 3 months? Come join us!</p>
<div class="cta"> <div class="cta">
<a href='mentors.html'><button>About Mentorship</button></a> <a href='mentors.html'><button>About Mentorship</button></a>
</div> </div>
</div> </div>
</div> </div>
<div class="about-section" style="margin: 10vh auto;"> <div class="about-section" style="margin-bottom: 10vh auto;">
<div class="about-text"> <div class="about-text">
<h1 class="medium-heading" style="color:#469198">Who can join as learner?</h1> <h1 class="medium-heading" style="color:#469198">Who can join as learner?</h1>
<p class="para">Do you have some time to contribute back to the society? Do you want to learn about Free Software? Do you want to use and contribute to Free Software? Come join us! <p class="para">Do you have some time to contribute back to the society? Do you want to learn about Free Software? Do you want to use and contribute to Free Software? Come join us!
[Mentee registration link]</p> [Mentee registration link]</p>
<div class="cta"> <div class="cta">
<a href='learners.html'><button>About Mentorship</button></a> <a href='learners.html'><button>About Mentorship</button></a>
</div> </div>
</div> </div>
<div class="about-cover" style="display:flex; margin:auto;"> <div class="about-cover" style="display:flex; margin:auto;">
<img src='./assets/img/mentee.png' alt="people trying to find things" /> <img src='./assets/img/mentee.png' alt="people trying to find things" />
...@@ -140,23 +140,23 @@ ...@@ -140,23 +140,23 @@
<div class="about-text"> <div class="about-text">
<h1 class="medium-heading" style="color: #469198">Camp Communication Infrastructure</h1> <h1 class="medium-heading" style="color: #469198">Camp Communication Infrastructure</h1>
<p class="para"> <p class="para">
<ul> <ul>
<li> <li>
Big Blue Button (browser based free software video conferencing platform) for presentations, sessions, Big Blue Button (browser based free software video conferencing platform) for presentations, sessions,
and other interactions. and other interactions.
</li> </li>
<li> <li>
Matrix rooms for instant messaging. Matrix rooms for instant messaging.
</li> </li>
<li>Mastodon for announcements.</li> <li>Mastodon for announcements.</li>
<li>Mailing list for announcements and discussions.</li> <li>Mailing list for announcements and discussions.</li>
<li>Gitlab wiki for documentation, etc.</li> <li>Gitlab wiki for documentation, etc.</li>
<li>Peertube for uploading videos.</li> <li>Peertube for uploading videos.</li>
<li>Cryptpad/Etherpad for collaborative editing.</li> <li>Cryptpad/Etherpad for collaborative editing.</li>
<li>Each project will have their own project communication platforms.</li> <li>Each project will have their own project communication platforms.</li>
</ul> </ul>
These tools will be introduced during the course of the camp. These tools will be introduced during the course of the camp.
</p> </p>
</div> </div>
</div> </div>
...@@ -170,33 +170,36 @@ ...@@ -170,33 +170,36 @@
<div class="icon-row"> <div class="icon-row">
&nbsp; <a href="https://git.fosscommunity.in/fsfi/camp/-/issues/" target="_blank" rel="noopener" title="Gitlab"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22.65 14.39L12 22.13 1.35 14.39a.84.84 0 0 1-.3-.94l1.22-3.78 2.44-7.51A.42.42 0 0 1 4.82 2a.43.43 0 0 1 .58 0 .42.42 0 0 1 .11.18l2.44 7.49h8.1l2.44-7.51A.42.42 0 0 1 18.6 2a.43.43 0 0 1 .58 0 .42.42 0 0 1 .11.18l2.44 7.51L23 13.45a.84.84 0 0 1-.35.94z"></path></svg></a> &nbsp;&nbsp; &nbsp; <a href="https://git.fosscommunity.in/fsfi/camp/-/issues/" target="_blank" rel="noopener" title="Gitlab"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22.65 14.39L12 22.13 1.35 14.39a.84.84 0 0 1-.3-.94l1.22-3.78 2.44-7.51A.42.42 0 0 1 4.82 2a.43.43 0 0 1 .58 0 .42.42 0 0 1 .11.18l2.44 7.49h8.1l2.44-7.51A.42.42 0 0 1 18.6 2a.43.43 0 0 1 .58 0 .42.42 0 0 1 .11.18l2.44 7.51L23 13.45a.84.84 0 0 1-.35.94z"></path></svg></a> &nbsp;&nbsp;
<a href="mailto:camp@mm.gnu.org.in" target="_blank" rel="noopener" title="Email"><svg xmlns="http://www.w3.org/2000/svg" <a href="mailto:camp@mm.gnu.org.in" target="_blank" rel="noopener" title="Email"><svg xmlns="http://www.w3.org/2000/svg"
width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
stroke-linecap="round" stroke-linejoin="round"> stroke-linecap="round" stroke-linejoin="round">
<path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path> <path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path>
<polyline points="22,6 12,13 2,6"></polyline> <polyline points="22,6 12,13 2,6"></polyline>
</svg></a> &nbsp;&nbsp; </svg></a> &nbsp;&nbsp;
<a href="https://matrix.to/#/#fscamp:poddery.com" target="_blank" rel="noopener" title="Matrix"><svg <a href="https://matrix.to/#/#fscamp:poddery.com" target="_blank" rel="noopener" title="Matrix"><svg
xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor"
stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"> stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round">
<path <path
d="M.632.55v22.9H2.28V24H0V0h2.28v.55zm7.043 7.26v1.157h.033c.309-.443.683-.784 1.117-1.024.433-.245.936-.365 1.5-.365.54 0 1.033.107 1.481.314.448.208.785.582 1.02 1.108.254-.374.6-.706 1.034-.992.434-.287.95-.43 1.546-.43.453 0 .872.056 1.26.167.388.11.716.286.993.53.276.245.489.559.646.951.152.392.23.863.23 1.417v5.728h-2.349V11.52c0-.286-.01-.559-.032-.812a1.755 1.755 0 0 0-.18-.66 1.106 1.106 0 0 0-.438-.448c-.194-.11-.457-.166-.785-.166-.332 0-.6.064-.803.189a1.38 1.38 0 0 0-.48.499 1.946 1.946 0 0 0-.231.696 5.56 5.56 0 0 0-.06.785v4.768h-2.35v-4.8c0-.254-.004-.503-.018-.752a2.074 2.074 0 0 0-.143-.688 1.052 1.052 0 0 0-.415-.503c-.194-.125-.476-.19-.854-.19-.111 0-.259.024-.439.074-.18.051-.36.143-.53.282-.171.138-.319.337-.439.595-.12.259-.18.6-.18 1.02v4.966H5.46V7.81zm15.693 15.64V.55H21.72V0H24v24h-2.28v-.55z" /> d="M.632.55v22.9H2.28V24H0V0h2.28v.55zm7.043 7.26v1.157h.033c.309-.443.683-.784 1.117-1.024.433-.245.936-.365 1.5-.365.54 0 1.033.107 1.481.314.448.208.785.582 1.02 1.108.254-.374.6-.706 1.034-.992.434-.287.95-.43 1.546-.43.453 0 .872.056 1.26.167.388.11.716.286.993.53.276.245.489.559.646.951.152.392.23.863.23 1.417v5.728h-2.349V11.52c0-.286-.01-.559-.032-.812a1.755 1.755 0 0 0-.18-.66 1.106 1.106 0 0 0-.438-.448c-.194-.11-.457-.166-.785-.166-.332 0-.6.064-.803.189a1.38 1.38 0 0 0-.48.499 1.946 1.946 0 0 0-.231.696 5.56 5.56 0 0 0-.06.785v4.768h-2.35v-4.8c0-.254-.004-.503-.018-.752a2.074 2.074 0 0 0-.143-.688 1.052 1.052 0 0 0-.415-.503c-.194-.125-.476-.19-.854-.19-.111 0-.259.024-.439.074-.18.051-.36.143-.53.282-.171.138-.319.337-.439.595-.12.259-.18.6-.18 1.02v4.966H5.46V7.81zm15.693 15.64V.55H21.72V0H24v24h-2.28v-.55z" />
</svg></a> &nbsp;&nbsp; </svg></a> &nbsp;&nbsp;
<a href="https://social.masto.host/@fsfi" target="_blank" rel="noopener" title="Mastodon"><svg <a href="https://social.masto.host/@fsfi" target="_blank" rel="noopener" title="Mastodon"><svg
xmlns="http://www.w3.org/2000/svg" width="61.076954mm" height="65.47831mm" viewBox="0 0 216.4144 232.00976"> xmlns="http://www.w3.org/2000/svg" width="61.076954mm" height="65.47831mm" viewBox="0 0 216.4144 232.00976">
<path stroke="#fff" stroke-width="12px" fill="#ffffff00" <path stroke="#fff" stroke-width="12px" fill="#ffffff00"
d="M211.80734 139.0875c-3.18125 16.36625-28.4925 34.2775-57.5625 37.74875-15.15875 1.80875-30.08375 3.47125-45.99875 2.74125-26.0275-1.1925-46.565-6.2125-46.565-6.2125 0 2.53375.15625 4.94625.46875 7.2025 3.38375 25.68625 25.47 27.225 46.39125 27.9425 21.11625.7225 39.91875-5.20625 39.91875-5.20625l.8675 19.09s-14.77 7.93125-41.08125 9.39c-14.50875.7975-32.52375-.365-53.50625-5.91875C9.23234 213.82 1.40609 165.31125.20859 116.09125c-.365-14.61375-.14-28.39375-.14-39.91875 0-50.33 32.97625-65.0825 32.97625-65.0825C49.67234 3.45375 78.20359.2425 107.86484 0h.72875c29.66125.2425 58.21125 3.45375 74.8375 11.09 0 0 32.975 14.7525 32.975 65.0825 0 0 .41375 37.13375-4.59875 62.915" /> d="M211.80734 139.0875c-3.18125 16.36625-28.4925 34.2775-57.5625 37.74875-15.15875 1.80875-30.08375 3.47125-45.99875 2.74125-26.0275-1.1925-46.565-6.2125-46.565-6.2125 0 2.53375.15625 4.94625.46875 7.2025 3.38375 25.68625 25.47 27.225 46.39125 27.9425 21.11625.7225 39.91875-5.20625 39.91875-5.20625l.8675 19.09s-14.77 7.93125-41.08125 9.39c-14.50875.7975-32.52375-.365-53.50625-5.91875C9.23234 213.82 1.40609 165.31125.20859 116.09125c-.365-14.61375-.14-28.39375-.14-39.91875 0-50.33 32.97625-65.0825 32.97625-65.0825C49.67234 3.45375 78.20359.2425 107.86484 0h.72875c29.66125.2425 58.21125 3.45375 74.8375 11.09 0 0 32.975 14.7525 32.975 65.0825 0 0 .41375 37.13375-4.59875 62.915" />
<path fill="#fff" <path fill="#fff"
d="M177.50984 80.077v60.94125h-24.14375v-59.15c0-12.46875-5.24625-18.7975-15.74-18.7975-11.6025 0-17.4175 7.5075-17.4175 22.3525v32.37625H96.20734V85.42325c0-14.845-5.81625-22.3525-17.41875-22.3525-10.49375 0-15.74 6.32875-15.74 18.7975v59.15H38.90484V80.077c0-12.455 3.17125-22.3525 9.54125-29.675 6.56875-7.3225 15.17125-11.07625 25.85-11.07625 12.355 0 21.71125 4.74875 27.8975 14.2475l6.01375 10.08125 6.015-10.08125c6.185-9.49875 15.54125-14.2475 27.8975-14.2475 10.6775 0 19.28 3.75375 25.85 11.07625 6.36875 7.3225 9.54 17.22 9.54 29.675" /> d="M177.50984 80.077v60.94125h-24.14375v-59.15c0-12.46875-5.24625-18.7975-15.74-18.7975-11.6025 0-17.4175 7.5075-17.4175 22.3525v32.37625H96.20734V85.42325c0-14.845-5.81625-22.3525-17.41875-22.3525-10.49375 0-15.74 6.32875-15.74 18.7975v59.15H38.90484V80.077c0-12.455 3.17125-22.3525 9.54125-29.675 6.56875-7.3225 15.17125-11.07625 25.85-11.07625 12.355 0 21.71125 4.74875 27.8975 14.2475l6.01375 10.08125 6.015-10.08125c6.185-9.49875 15.54125-14.2475 27.8975-14.2475 10.6775 0 19.28 3.75375 25.85 11.07625 6.36875 7.3225 9.54 17.22 9.54 29.675" />
</svg> </svg>
</a> </a>
</div>
<div class="icon-row">
<a href="https://fsci.in"><img height="50px" src="https://fsci.in/img/fscilogoheader.svg" alt="logo of FSCI" /></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>
</div> </div>
</section> </section>
<footer>
<div class="footer-icon-row ">
<h1>Organised By</h1>
<a href="https://fsci.in"><img height="50px" src="https://fsci.in/img/fscilogoheader.svg" alt="logo of FSCI" /></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>
<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> </main>
</body> </body>
</html> </html>
style.css
+ 34
− 2
View file @ 4595fa02
...@@ -166,7 +166,7 @@ nav{ ...@@ -166,7 +166,7 @@ nav{
} }
.intro-text h1{ .intro-text h1{
font-size: 64px; font-size: 34px;
font-weight: 500; font-weight: 500;
} }
.intro-text p{ .intro-text p{
...@@ -252,7 +252,6 @@ nav{ ...@@ -252,7 +252,6 @@ nav{
margin-top: 5px; margin-top: 5px;
} }
.about-cover img{ .about-cover img{
min-width: 400px;
margin: auto; margin: auto;
min-height: 30vh min-height: 30vh
} }
...@@ -346,6 +345,30 @@ img{ ...@@ -346,6 +345,30 @@ img{
#coc ul{ #coc ul{
padding-left: 40px; padding-left: 40px;
} }
footer{
min-width: 40vh;
background-color: #55AEE1;
padding: 20px;
color: white;
display: flex;
flex-direction: column;
}
footer .icon-row{
margin: auto;
border-top: 2px solid white;
padding: 5vh;
}
.footer-icon-row{
display: flex;
width: 50%;
margin: 5vh auto;
justify-content: space-around;
}
.footer-icon-row a svg{
text-decoration: none;
color: white;
height: 50px;
}
@media screen and (max-width: 1000px){ @media screen and (max-width: 1000px){
.presentation{ .presentation{
flex-direction: column-reverse; flex-direction: column-reverse;
...@@ -384,4 +407,13 @@ img{ ...@@ -384,4 +407,13 @@ img{
display: flex; display: flex;
height: 100vh; height: 100vh;
} }
.footer-icon-row{
flex-direction: column;
justify-content: center;
margin: auto;
align-items: center;
}
.footer-icon-row a{
margin: 20px auto;
}
} }
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