Add promo page

7bbf2314 · Bady · 60a9a457 · 7bbf2314 · 7bbf2314
Commit 7bbf2314 authored 4 years ago by Bady
--- a/promo.html
+++ b/promo.html
+<!doctype html>
+<html>
+    <head>
+        <meta charset="utf-8">
+        <meta http-equiv="x-ua-compatible" content="ie=edge">
+        <title>Free Software Camp Promotion</title>
+        <meta name="description" content="">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+        <link rel="stylesheet" href="style.css" type="text/css" media="screen" />
+        <link rel="apple-touch-icon" href="/apple-touch-icon.png">
+        <!-- Place favicon.ico in the root directory -->
+        <link rel="stylesheet" href="https://tools-static.wmflabs.org/cdnjs/ajax/libs/font-awesome/5.14.0/css/all.css" crossorigin="anonymous" />
+    </head>
+    <body>
+        <main>
+            <div class="nav-container">
+                <nav>
+                    <div class="logo">
+                        <a href="index.html">Free Software <span style="color:#469198">Camp</span></a>
+                    </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>
+                    </label>
+                    <ul class="menu">
+                        <li><a href="index.html#about">About</a></li>
+                        <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>
+                        <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>
+                        <h1 class="heading">Free Software Camp Promotional Materials</h1>
+                        <div id="promo">
+                            <h2>Posters</h2>
+                            <div class="promo-item">
+                                <img src="Posters/FSFCamp.png" alt="FSCamp Launch Poster">
+                                <div class="download">
+                                    <a class="button" href="/Posters/FSFCamp.png" download>Download PNG</a>
+                                    <a class="button" href="/Posters/FSFCamp_V2.0.svg" download>Download SVG</a>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </section>
+            </div>
+            <footer>
+                <div class="footer-icon-row ">
+                    <h1>Organised By</h1>
+                    <a href="https://fsci.in"><img height="50px" src="assets/img/fsci_logo.png" 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>
+                <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>
+            </footer>
+        </main>
+    </body>
+</html>
--- a/style.css
+++ b/style.css
@@ -181,7 +181,7 @@ nav{
    display: flex;
    padding: 20px 0px 50px 0px;
 }
-.cta button, .deco-box button{
+.cta button, .deco-box button, .button{
    border: solid 3px #468c9f ;
    background-color: white;
    font-size: 15px;
@@ -190,7 +190,7 @@ nav{
    cursor: pointer;
 }

-.cta button a, .deco-box button a{
+.cta button a, .deco-box button a, .button{
    text-decoration: none;
    color: inherit;
 }
@@ -413,6 +413,13 @@ img{
 #coc ul{
    padding-left: 40px;
 }
+.promo-item{
+    margin: 12px 0 48px;
+}
+.download{
+    margin: 12px auto 24px;
+    text-align: center;
+}
 footer{
    min-width: 40vh;
    background-color: #55AEE1;