├── .gitignore
├── README.md
├── abayayhsgs.php
├── admin
    ├── delete_It.php
    ├── index.php
    ├── submissions.php
    ├── superadmin.php
    ├── task
    │   ├── addnewtask.php
    │   ├── delete.php
    │   ├── edit_task.php
    │   ├── index.php
    │   ├── super.php
    │   └── task.php
    └── view.php
├── assets
    ├── css
    │   ├── form.css
    │   ├── index.css
    │   ├── profile.css
    │   ├── responsive.css
    │   ├── style.css
    │   └── submissions.css
    ├── img
    │   ├── Debuggerfrontend.png
    │   ├── add.png
    │   ├── allTsk.png
    │   ├── cert.png
    │   ├── code_paper.svg
    │   ├── favicon.png
    │   ├── feedback.png
    │   ├── lbs.png
    │   ├── lead.png
    │   ├── lock.png
    │   ├── medal.png
    │   ├── podium.png
    │   ├── profile.png
    │   ├── profileWT.png
    │   ├── programmer.svg
    │   ├── programmer2.svg
    │   ├── submissions.png
    │   ├── submsn.png
    │   ├── task.png
    │   ├── tweet.png
    │   ├── twitter.png
    │   ├── wa.png
    │   └── whatsapp.png
    └── js
    │   ├── app.js
    │   └── jquery-3.4.1.js
├── certificate
    ├── README.md
    ├── app.py
    ├── certificates
    │   ├── average performace.jpg
    │   ├── good performance.jpg
    │   ├── mentor.jpg
    │   ├── outstanding.jpg
    │   └── participated.jpg
    ├── fonts
    │   ├── LeagueSpartan-Bold.otf
    │   └── PTSans-Bold.ttf
    └── requirements.txt
├── check.js
├── config
    ├── conn.php
    ├── connect.php
    ├── core.php
    ├── session.php
    └── taskday.php
├── error
    ├── 200.html
    ├── error.css
    ├── scripts.js
    └── styles.css
├── forgot.php
├── hash.php
├── index.css
├── index.html
├── leaderboard
    ├── award.js
    ├── award.php
    ├── index.css
    ├── index.php
    ├── leaderboard0.php
    ├── leaderboard1.js
    ├── results.json
    ├── track.js
    └── track.php
├── logout.php
├── mailer
    ├── README.md
    ├── app.py
    └── templates
    │   └── body.html
├── mentors.md
├── new_password.php
├── sign_in.php
├── sign_up.php
├── submission_guide.md
└── user
    ├── editsubmission.php
    ├── feedback.php
    ├── index.php
    ├── newsubmit.php
    ├── py_submit.php
    ├── submissions.php
    ├── submit.php
    ├── task.php
    ├── taskday.php
    └── update.php


/.gitignore:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/geektutor/Leaderboard/9addf8bca578fedf5a063ff8606bf0d216808529/.gitignore


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # Leaderboard
 2 | 
 3 | Check [SOLUTION](https://github.com/geektutor/Leaderboard/tree/solution) Branch for final solution for Solution Challenge
 4 | 
 5 | HOW TO SET UP THIS PROJECT LOCALLY
 6 | 
 7 | 1. You must have local developer server installed on your machine like XAMPP, WAMP, LAMP
 8 | 
 9 | 2. Clone the repository to your local machine:
10 | 
11 |     git clone https://github.com/geektutor/Leaderboard.git
12 | 
13 | 3. Move the cloned folder to:
14 | 
15 |     a. for XAMPP: htdocs folder
16 | 
17 |     b. for WAMP: www folder
18 | 
19 | 4. Create a database and name it anything you like. Just make sure you edit the config/connect.php and change the db_name to your database name
20 | 
21 | 5. Start your local developer server
22 | 
23 | 6. The project will be available at localhost/Leaderboard
24 | 
25 | # DEPLOYMENT
26 | 
27 | HOW TO SET UP THIS PROJECT ONLINE (USING CPANEL)
28 | 
29 | 1. Download the project files
30 | 
31 | 2. Upload the project files with file manager in Cpanel
32 | 
33 | 3. Create a mysql database and put the configurations in config/connect.php
34 | 
35 | 4. The project will be live at yourdomain.com
36 | 


--------------------------------------------------------------------------------
/abayayhsgs.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | include './config/connect.php';
 3 | //i don't know what i am writing tho, i hope it works sha
 4 |     $first ="UPDATE `user` SET `score` = '0' WHERE `score` > 0";
 5 |     $reset = mysqli_query($conn, $first);
 6 |     $sql = "SELECT email FROM user";
 7 |     $result = mysqli_query($conn, $sql);
 8 |     $count = mysqli_num_rows($result);
 9 |     if ($count > 0) {
10 |         while($row = mysqli_fetch_assoc($result)) {
11 |             $particular_user = $row['email'];
12 |             $up = total_score($particular_user);
13 |             update_total($particular_user, $up);
14 |         }
15 |     }
16 | 
17 | 
18 |     function total_score($email){   
19 |         global $conn;
20 |         $queryURL = "SELECT `points` FROM submissions WHERE `user` = '$email' ";
21 |         $resultURL = mysqli_query($conn, $queryURL);
22 |         $countURL = mysqli_num_rows($resultURL);
23 |         $total = 0;
24 |         if ($countURL > 0) {
25 |             while($row = mysqli_fetch_assoc($resultURL)) {
26 |                 $total += $row['points'];
27 |             }
28 |             return $total;
29 |         }else{
30 |             return $total;
31 |         }
32 |     }
33 |     function update_total($email, $total){
34 |         global $conn;
35 |         $query = "UPDATE user SET score = $total WHERE `email` = '$email' ";
36 |         $result = mysqli_query($conn, $query);
37 |         if($conn->query($query)){
38 |             return 1;
39 |         }else{
40 |             return 0;
41 |         }
42 |     }
43 |     // $email = $_SESSION['login_user'];
44 |     // $total = total_score($email);
45 |     // $sql = "UPDATE user SET `score` = '$total' WHERE `email` = '$email'";
46 |     // if(mysqli_query($conn, $sql)){
47 |     //     echo 'successful';
48 |     // }
49 |     // else {
50 |     //     echo 'error';
51 |     // }
52 | 
53 |     // function totalRun($email){
54 |     //     global $conn;
55 |     //     $queryURL = "SELECT `user` FROM user WHERE isAdmin = 0";
56 |     //     $resultURL = mysqli_query($conn, $queryURL);
57 |     //     $countURL = mysqli_num_rows($resultURL);
58 |     //     $total = 0;
59 |     //     if ($countURL > 0)  {
60 |     //         while ($row=$resul->fetch_assoc())  {
61 |     //             total_score($row['user']);
62 |     //         }
63 |     //     }
64 |     // }
65 |     /*
66 |    SELECT email, COUNT(email) FROM user GROUP BY email HAVING COUNT(email) > 1
67 |    
68 |    INSERT INTO `submissions` (`id`, `user`, `track`, `url`, `task_day`, `comments`, `points`, `sub_date`, `feedback`) VALUES (NULL, 'onigemotosin@gmail.com', 'frontend', 'Twitter Points', 'March 28', 'Twitter Points', '5', 'March 28', 'GIVEN');
69 | INSERT INTO `submissions` (`id`, `user`, `track`, `url`, `task_day`, `comments`, `points`, `sub_date`, `feedback`) VALUES (NULL, 'feleolaife@gmail.com', 'frontend', 'Twitter Points', 'March 28', 'Twitter Points', '5', 'March 28', 'GIVEN');
70 | INSERT INTO `submissions` (`id`, `user`, `track`, `url`, `task_day`, `comments`, `points`, `sub_date`, `feedback`) VALUES (NULL, 'hassanatsubomi@gmail.com', 'frontend', 'Twitter Points', 'March 28', 'Twitter Points', '5', 'March 28', 'GIVEN');
71 | INSERT INTO `submissions` (`id`, `user`, `track`, `url`, `task_day`, `comments`, `points`, `sub_date`, `feedback`) VALUES (NULL, 'olotonjoshua@gmail.com', 'python', 'Twitter Points', 'March 28', 'Twitter Points', '5', 'March 28', 'GIVEN');
72 | */
73 | ?>


--------------------------------------------------------------------------------
/admin/delete_It.php:
--------------------------------------------------------------------------------
 1 | <?php  
 2 | 	require('../config/connect.php');
 3 | 	require('../config/session.php');
 4 | 
 5 | 	$id = $_GET['delId'];
 6 | 
 7 | 	$select = "DELETE FROM submissions WHERE id = '$id'";
 8 | 	$query = mysqli_query($conn, $select) or die();
 9 | 	header("location:superadmin.php");
10 | 


--------------------------------------------------------------------------------
/admin/index.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | require('../config/connect.php');
  3 | require('../config/session.php');
  4 | include ('../user/taskday.php');
  5 | if(isset( $_SESSION['login_user']) && $_SESSION['isAdmin'] == true){
  6 |     if (isset($_POST['submit'])) {
  7 |         $track = $_POST['track'];
  8 |         header("location: submissions.php?track=$track");
  9 |     }
 10 | ?>
 11 | <!DOCTYPE html>
 12 | <html lang="en">
 13 | <head>
 14 |  <meta charset="UTF-8">
 15 |  <meta name="viewport" content="width=device-width, initial-scale=1.0">
 16 |  <meta http-equiv="X-UA-Compatible" content="ie=edge">
 17 |  <link rel="stylesheet" href="../assets/css/style.css">
 18 |  <link rel="stylesheet" href="../assets/css/profile.css">
 19 |  <link rel="stylesheet" href="../assets/css/submissions.css">
 20 |  <link rel="stylesheet" href="../assets/css/responsive.css">
 21 |  <link rel="shortcut icon" href="../assets/img/favicon.png" type="image/x-icon">
 22 |  <title>Dashboard - 30 Days Of Code</title>
 23 | </head>
 24 | <body class="flx col">
 25 |  <header class="flx row">
 26 |   <span>#30DaysOfCode</span>
 27 |   <div class="profile flx col">
 28 |     <img src="../assets/img/profile.png">
 29 |     <ul class="options">
 30 |       <li id="logout"><a href="../logout.php">Logout</a></li>
 31 |     </ul>
 32 |   </div>
 33 |  </header>
 34 |  <div class="pageWrapper flx row">
 35 |   <nav class="flx col" id="navPane">
 36 |       <div id="hamburger" class="flx col">
 37 |           <div class="a"></div>
 38 |           <div class="b"></div>
 39 |           <div class="c"></div>
 40 |      </div>
 41 |      <div class="flx col content">
 42 |        <ul class="linksContainer">
 43 |         <li class="flx row active">
 44 |          <img src="../assets/img/profileWT.png">
 45 |          <a href="../user">User Dashboard</a>
 46 |         </li>
 47 |         <!-- <li class="flx row">
 48 |          <img src="../assets/img/add.png">
 49 |          <a href='task/addnewtask.php'>Add New Tasks</a>
 50 |         </li> -->
 51 |         <li class="flx row">
 52 |          <img src="../assets/img/task.png">
 53 |          <a href="task/index.php">View Tasks</a>
 54 |         </li>
 55 |         <li class="flx row">
 56 |          <img src="../assets/img/lock.png">
 57 |          <a href="superadmin.php">Super Admin</a>
 58 |         </li>
 59 |         <li class="flx row">
 60 |          <img src="../assets/img/podium.png">
 61 |          <a href="https://30daysofcode.xyz/leaderboard">Leaderboard</a>
 62 |         </li>
 63 |         <li class="flx row">
 64 |          <img src="../assets/img/twitter.png">
 65 |          <a href=" https://twitter.com/intent/tweet?url=https%3A%2F%2F30daysofcodes.xyz&via=codon&text=Hello%2C%20I%20just%20finished%20my%20task%20for%20....&hashtags=30DaysOfCode%2C%20ECX">Tweet</a>
 66 |          <img class="external" style="float: right;" src="../assets/img/external.png" alt="">
 67 |         </li>
 68 |         <li class="flx row">
 69 |          <img src="../assets/img/whatsapp.png">
 70 |          <a href="https://30daysofcode.xyz/whatsapp">Support group</a>
 71 |          <img class="external" src="../assets/img/external.png" alt="">
 72 |         </li>
 73 |        </ul>
 74 |        <span class="email"><?=$_SESSION['login_user'];?></span>
 75 |      </div>   
 76 |    </nav>
 77 |    <div class="mainWrapper flx col" id="mainWrp">
 78 |       <main class="flx col">
 79 |          <div class="banner flx col">
 80 |          <button class="whiteBtn flx row cnt" onclick="rdr(this)">       
 81 |           <a href="update.php"> Update profile </a>
 82 |           <script>
 83 |            function rdr(elm){
 84 |             window.location.href = elm.children[0].href
 85 |            }
 86 |            </script>
 87 |          </button>
 88 |          <div class="profile-details flx col">
 89 |          <?php
 90 |           global $conn;
 91 |           $user_nickname = '';
 92 |           $user_track = '';
 93 |           $email = $_SESSION['login_user'];
 94 |           $sql = "SELECT * FROM user WHERE email='$email' ORDER BY `score` DESC LIMIT 1";
 95 |           $result = mysqli_query($conn,$sql);
 96 |           while($row = mysqli_fetch_assoc($result)) {
 97 |               $user_nickname = $row['nickname'];
 98 |               $first = $row['first_name'];
 99 |               $last = $row['last_name'];
100 |               echo '<img src=\'https://robohash.org/'.$user_nickname.'\'/ alt="robot avatar" class="avatar"/>';
101 |               echo '<p class="name">'.$first. ' ' .$last.'</p>';
102 |               echo '<p class="user">'.$user_nickname.'</p>';
103 |           }
104 |           ?>
105 |          </div>
106 |          </div>
107 |       
108 |         <div class="scores-card flx row">
109 |            <?php
110 |             global $conn;
111 |             
112 |             $tracks = [
113 |               'Backend' => 'Backend',
114 |               'Frontend' => 'Frontend',
115 |               'Mobile' => 'Mobile',
116 |               'ML' => 'ML',
117 |               'GIS' => 'GIS'
118 |             ];
119 |             foreach ($tracks as $track) {
120 |                 $track_submission = "SELECT * FROM submissions WHERE track = '$track' AND points = 0 ORDER BY track";
121 |                 $result = mysqli_query($conn, $track_submission);
122 |                 $count = mysqli_num_rows($result);
123 |                 echo '<div class="group field flx col cnt '.$track.'">';
124 |                 echo '<img src="../assets/img/medal.png" alt="">';
125 |                 echo '<p class="level"><a href=submissions.php?track='.$track.' style="text-decoration: none">'.$track.'</a></p>';
126 |                 echo '<p class="points">Unmarked: '.$count++.'</p>';
127 |                 echo '</div>';
128 |               }
129 |            
130 |             ?>
131 |      
132 |      </div>
133 |       
134 |      </main>
135 |      <footer class="flx row">
136 |           <span class="copyw">Copyright &copy; 30DaysOfCode 2020</span>
137 |           <div>
138 |             <a href="">Privacy Policy</a><a href="">Terms &amp; Conditions</a>
139 |           </div>
140 |         </footer>
141 |     </div>
142 |  </div>
143 |  <script src="../assets/js/app.js"></script>
144 | <script>
145 | setTimeout(() => {
146 |     $('#success').hide(1000);
147 | }, 2000);
148 | </script>
149 | </body>
150 | </html>
151 | <?php
152 | }else{
153 |     header("location:../../sign_in.php"); 
154 | }
155 | ?>


--------------------------------------------------------------------------------
/admin/submissions.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | require('../config/connect.php');
  3 | require('../config/session.php');
  4 | include ('../config/taskday.php');
  5 | if(isset( $_SESSION['login_user']) && $_SESSION['isAdmin'] == true){
  6 |     $track = $_GET['track'];
  7 | ?>
  8 | <!DOCTYPE html>
  9 | <html lang="en">
 10 | <head>
 11 |  <meta charset="UTF-8">
 12 |  <meta name="viewport" content="width=device-width, initial-scale=1.0">
 13 |  <meta http-equiv="X-UA-Compatible" content="ie=edge">
 14 |  <link rel="stylesheet" href="../assets/css/style.css">
 15 |  <link rel="stylesheet" href="../assets/css/submissions.css">
 16 |  <link rel="stylesheet" href="../assets/css/responsive.css">
 17 |  <link rel="shortcut icon" href="../../assets/img/favicon.png" type="image/x-icon">
 18 |  <title>Dashboard - 30 Days Of Code</title>
 19 | </head>
 20 | <body class="flx col">
 21 |  <header class="flx row">
 22 |   <span>#30DaysOfCode</span>
 23 |   <div class="profile flx col">
 24 |     <img src="../assets/img/profile.png">
 25 |     <ul class="options">
 26 |       <li id="logout"><a href="../logout.php">Logout</a></li>
 27 |     </ul>
 28 |   </div>
 29 |  </header>
 30 |  <div class="pageWrapper flx row">
 31 |   <nav class="flx col closed" id="navPane">
 32 |     <div id="hamburger" class="flx col">
 33 |       <div class="a"></div>
 34 |       <div class="b"></div>
 35 |       <div class="c"></div>
 36 |  </div>
 37 |      <div class="flx col content">
 38 |        <ul class="linksContainer">
 39 |         <li class="flx row active">
 40 |          <img src="../assets/img/profileWT.png">
 41 |          <a href="../user">User Dashboard</a>
 42 |         </li>
 43 |         <!-- <li class="flx row">
 44 |          <img src="../assets/img/add.png">
 45 |          <a href='/admin/task/addnewtask.php'>Add New Tasks</a>
 46 |         </li> -->
 47 |         <li class="flx row">
 48 |          <img src="../assets/img/task.png">
 49 |          <a href="/admin/task">View Tasks</a>
 50 |         </li>
 51 |         <li class="flx row">
 52 |          <img src="../assets/img/lock.png">
 53 |          <a href="superadmin.php">Superadmin</a>
 54 |         </li>
 55 |         <li class="flx row">
 56 |          <img src="../assets/img/podium.png">
 57 |          <a href="https://30daysofcode.xyz/leaderboard">Leaderboard</a>
 58 |         </li>
 59 |         <li class="flx row">
 60 |          <img src="../assets/img/twitter.png">
 61 |          <a href=" https://twitter.com/intent/tweet?url=https%3A%2F%2F30daysofcodes.xyz&via=codon&text=Hello%2C%20I%20just%20finished%20my%20task%20for%20....&hashtags=30DaysOfCode%2C%20ECX">Tweet</a>
 62 |          <img class="external" style="float: right;" src="../assets/img/external.png" alt="">
 63 |         </li>
 64 |         <li class="flx row">
 65 |          <img src="../assets/img/whatsapp.png">
 66 |          <a href="https://30daysofcode.xyz/whatsapp">Support group</a>
 67 |          <img class="external" src="../assets/img/external.png" alt="">
 68 |         </li>
 69 |        </ul>
 70 |        <span id="email"><?=$_SESSION['login_user'];?></span>
 71 |      </div>   
 72 |    </nav>
 73 |    <div class="mainWrapper flx col" id="mainWrp">
 74 |     <main class="flx col">
 75 |       <form class="mainCard">
 76 |         <legend>Recent Submissions</legend>
 77 |       <?php
 78 |         $taskday = 'Day ' . $days;
 79 |         $current = date('Y-m-d');
 80 |         $sql = "SELECT * FROM submissions WHERE track = '$track' AND `points` = 0 AND `cohort` = '$cohort' AND `task_day` = '$taskday'";
 81 |         $result = mysqli_query($conn, $sql);
 82 |         $count = mysqli_num_rows($result);
 83 |         ?>
 84 |        <div class="table-responsive">
 85 |         <table class="table" style="text-align: left;">
 86 |          <thead>
 87 |           <tr>
 88 |             <th scope="col">S/N</th>
 89 |             <th scope="col">Url</th>
 90 |             <!-- <th scope="col">Level</th> -->
 91 |             <th scope="col">Day</th>
 92 |             <th scope="col">Points</th>
 93 |             </tr>
 94 |         </thead>
 95 |         <tbody>
 96 |           <?php          
 97 |           if($count > 0){
 98 |               $j =1;
 99 |               while($row = mysqli_fetch_assoc($result)) {
100 |           ?>
101 |           <tr>
102 |               <td data-label="S/N"><?php echo $j;?></td>
103 |               <td data-label="URL"><a href="view.php?id=<?php echo $row['id'];?>"><?php echo $row['user'];?></a></td>
104 |               <!-- <td data-label="Level"><?php //echo $row['level'];?></td> -->
105 |               <td data-label="Day"><?php echo $row['task_day'];?></td>
106 |               <td data-label="Points"><?php echo $row['points'];?></td>
107 |           </tr>
108 |           <?php 
109 |               $j++;
110 |               }}else{
111 |                   echo `<p>No Submissions yet</p>`;
112 |               }
113 |           ?>
114 |         </tbody>
115 |         </table>
116 |       </div>
117 |       </form >
118 | 
119 |       <form class="mainCard">
120 |         <legend>Old Submissions</legend>
121 |       <?php
122 |         $taskday = 'Day ' . $days;
123 |         $current = date('Y-m-d');
124 |         $sql = "SELECT * FROM submissions WHERE track = '$track' AND `points` = 0 AND `cohort` = '$cohort' AND `task_day` != '$taskday'";
125 |         $result = mysqli_query($conn, $sql);
126 |         $count = mysqli_num_rows($result);
127 |         ?>
128 |        <div class="table-responsive">
129 |         <table class="table" style="text-align: left;">
130 |          <thead>
131 |           <tr>
132 |             <th scope="col">S/N</th>
133 |             <th scope="col">Url</th>
134 |             <!-- <th scope="col">Level</th> -->
135 |             <th scope="col">Day</th>
136 |             <th scope="col">Points</th>
137 |             </tr>
138 |         </thead>
139 |         <tbody>
140 |           <?php          
141 |           if($count > 0){
142 |               $j =1;
143 |               while($row = mysqli_fetch_assoc($result)) {
144 |           ?>
145 |           <tr>
146 |               <td data-label="S/N"><?php echo $j;?></td>
147 |               <td data-label="URL"><a href="view.php?id=<?php echo $row['id'];?>"><?php echo $row['user'];?></a></td>
148 |               <!-- <td data-label="Level"><?php //echo $row['level'];?></td> -->
149 |               <td data-label="Day"><?php echo $row['task_day'];?></td>
150 |               <td data-label="Points"><?php echo $row['points'];?></td>
151 |           </tr>
152 |           <?php 
153 |               $j++;
154 |               }}else{
155 |                   echo `<p>No Submissions yet</p>`;
156 |               }
157 |           ?>
158 |         </tbody>
159 |         </table>
160 |       </div>
161 |       </form >
162 |      </main>
163 |      <footer class="flx row"><span class="copyw">Copyright &copy; 30DaysOfCode 2020</span> <div><a href="">Privacy Policy</a><a href="">Terms &amp; Conditions</a></div></footer>
164 |    </div>
165 |  </div>
166 |  <script src="../assets/js/app.js"></script><script>
167 | setTimeout(() => {
168 |     $('{$track}').hide(1000);
169 | }, 2000);
170 | </script>
171 | </body>
172 | </html>
173 | <?php
174 | }else{
175 |     header("location:../../sign_in.php"); 
176 | }
177 | ?>
178 | 


--------------------------------------------------------------------------------
/admin/superadmin.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | require('../config/connect.php');
  3 | require('../config/session.php');
  4 | include ('../user/taskday.php');
  5 | $msg = '';
  6 | if (isset($_SESSION['isSuperAdmin']) && $_SESSION['isSuperAdmin'] == true) {
  7 |     $track = $_SESSION['track'];     
  8 | ?>
  9 | <!DOCTYPE html>
 10 | <html lang="en">
 11 | <head>
 12 |  <meta charset="UTF-8">
 13 |  <meta name="viewport" content="width=device-width, initial-scale=1.0">
 14 |  <meta http-equiv="X-UA-Compatible" content="ie=edge">
 15 |  <link rel="stylesheet" href="../assets/css/style.css">
 16 |  <link rel="stylesheet" href="../assets/css/submissions.css">
 17 |  <link rel="stylesheet" href="../assets/css/responsive.css">
 18 |  <link rel="shortcut icon" href="../assets/img/favicon.png" type="image/x-icon">
 19 |  <title>Dashboard - 30 Days Of Code</title>
 20 | </head>
 21 | <body class="flx col">
 22 |  <header class="flx row">
 23 |   <span>#30DaysOfCode</span>
 24 |   <div class="profile flx col">
 25 |     <img src="../assets/img/profile.png">
 26 |     <ul class="options">
 27 |       <li id="logout"><a href="../logout.php">Logout</a></li>
 28 |     </ul>
 29 |   </div>
 30 |  </header>
 31 |  <div class="pageWrapper flx row">
 32 |   <nav class="flx col closed" id="navPane">
 33 |     <div id="hamburger" class="flx col">
 34 |       <div class="a"></div>
 35 |       <div class="b"></div>
 36 |       <div class="c"></div>
 37 |  </div>
 38 |      <div class="flx col content">
 39 |        <ul class="linksContainer">
 40 |         <li class="flx row active">
 41 |          <img src="../assets/img/profileWT.png">
 42 |          <a href="index.php">Dashboard</a>
 43 |         </li>
 44 |         <li class="flx row">
 45 |          <img src="../assets/img/add.png">
 46 |          <a href='/admin/task/addnewtask.php'>Add New Tasks</a>
 47 |         </li>
 48 |         <li class="flx row">
 49 |          <img src="../assets/img/task.png">
 50 |          <a href="/admin/task">View Tasks</a>
 51 |         </li>
 52 |         <li class="flx row">
 53 |          <img src="../assets/img/lock.png">
 54 |          <a href="superadmin.php">Superadmin</a>
 55 |         </li>
 56 |         <li class="flx row">
 57 |          <img src="../assets/img/podium.png">
 58 |          <a href="https://30daysofcode.xyz/leaderboard">Leaderboard</a>
 59 |         </li>
 60 |         <li class="flx row">
 61 |          <img src="../assets/img/twitter.png">
 62 |          <a href=" https://twitter.com/intent/tweet?url=https%3A%2F%2F30daysofcodes.xyz&via=codon&text=Hello%2C%20I%20just%20finished%20my%20task%20for%20....&hashtags=30DaysOfCode%2C%20ECX">Tweet</a>
 63 |         </li>
 64 |         <li class="flx row">
 65 |          <img src="../assets/img/whatsapp.png">
 66 |          <a href="https://30daysofcode.xyz/whatsapp">Support group</a>
 67 |         </li>
 68 |        </ul>
 69 |        <span id="email"><?=$_SESSION['login_user'];?></span>
 70 |      </div>   
 71 |    </nav>
 72 |    <div class="mainWrapper flx col" id="mainWrp">
 73 |     <main class="flx col">
 74 |       <form class="mainCard">
 75 |       <?php
 76 |         $sql = "SELECT * FROM submissions WHERE `cohort` = '$cohort' ORDER BY points ASC";
 77 |         $result = mysqli_query($conn, $sql);
 78 |         $count = mysqli_num_rows($result);
 79 |         ?>
 80 |         <legend>Submissions</legend>
 81 |        <div class="table-responsive">
 82 |         <div class="field fix col">
 83 |           <input class="" type="text" id="myInput" onkeyup="filterTable()" placeholder="Search for email..">
 84 |         </div>
 85 |         <table class="table" id="myTable" style="text-align: left;">
 86 |          <thead>
 87 |           <tr>
 88 |             <th scope="col">S/N</th>
 89 |             <th scope="col">Email</th>
 90 |             <th scope="col">Level</th>
 91 |             <th scope="col">Submission for Day</th>
 92 |             <th scope="col">Points</th>
 93 |             <th scope="col">Delete</th>
 94 |             </tr>
 95 |         </thead>
 96 |         <tbody>
 97 |           <?php          
 98 |           if($count > 0){
 99 |               $j =1;
100 |               while($row = mysqli_fetch_assoc($result)) {
101 |           ?>
102 |           <tr>
103 |               <td data-label="S/N"><?php echo $j;?></td>
104 |               <td data-label="Email"><a href="view.php?id=<?php echo $row['id'];?>"><?php echo $row['user'];?></a></td>
105 |               <td data-label="Level"><?php echo $row['level'];?></td>
106 |               <td data-label="Submission For Day"><?php echo $row['task_day'];?></td>
107 |               <td data-label="Points"><?php echo $row['points'];?></td>
108 |               <td><a href="delete_It.php?delId=<?=$row['id']?>">Delete</a></td>
109 |           </tr>
110 |           <?php 
111 |               $j++;
112 |               }}else{
113 |                   echo `<p>No Submissions yet</p>`;
114 |               }
115 |           ?>
116 |         </tbody>
117 |         </table>
118 |       </div>
119 |       </form >
120 |      </main>
121 |      <footer class="flx row"><span class="copyw">Copyright &copy; 30DaysOfCode 2020</span> <div><a href="">Privacy Policy</a><a href="">Terms &amp; Conditions</a></div></footer>
122 |    </div>
123 |  </div>
124 |  <script src="../assets/js/app.js"></script>
125 | <script>
126 | setTimeout(() => {
127 |     $('#success').hide(1000);
128 | }, 2000);
129 | 
130 | function filterTable() {
131 |   // Declare variables
132 |   var input, filter, table, tr, td, i, txtValue;
133 |   input = document.getElementById("myInput");
134 |   filter = input.value.toUpperCase();
135 |   table = document.getElementById("myTable");
136 |   tr = table.getElementsByTagName("tr");
137 | 
138 |   // Loop through all table rows, and hide those who don't match the search query
139 |   for (i = 0; i < tr.length; i++) {
140 |     td = tr[i].getElementsByTagName("td")[1];
141 |     if (td) {
142 |       txtValue = td.textContent || td.innerText;
143 |       if (txtValue.toUpperCase().indexOf(filter) > -1) {
144 |         tr[i].style.display = "";
145 |       } else {
146 |         tr[i].style.display = "none";
147 |       }
148 |     }
149 |   }
150 | }
151 | </script>
152 | </body>
153 | </html>
154 | <?php
155 | }else{
156 |     echo "<script>
157 |         document.write('you do not have access to this page, redirecting to login page ...');
158 |         setTimeout(()=>{
159 |             window.location.href = '../../sign_in.php'
160 |         },2000)
161 |     </script>";
162 | }
163 | ?>


--------------------------------------------------------------------------------
/admin/task/addnewtask.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | require('../../config/connect.php');
  3 | require('../../config/session.php');
  4 | include ('../../config/taskday.php');
  5 | if(isset( $_SESSION['login_user'])){
  6 | 
  7 | ?>
  8 | <!DOCTYPE html>
  9 | <html lang="en">          
 10 | <head>
 11 |  <meta charset="UTF-8">
 12 |  <meta name="viewport" content="width=device-width, initial-scale=1.0">
 13 |  <meta http-equiv="X-UA-Compatible" content="ie=edge">
 14 |  <link rel="stylesheet" href="../../assets/css/style.css">
 15 |  <!-- <link rel="stylesheet" href="../../assets/css/submissions.css"> -->
 16 |  <link rel="stylesheet" href="../../assets/css/responsive.css">
 17 |  <link rel="shortcut icon" href="./../../assets/img/favicon.png" type="image/x-icon">
 18 |  <title>Dashboard - 30 Days Of Code</title>
 19 |  <script src="https://cdn.tiny.cloud/1/f81u5amtw2l096zut1bx25hb08gty3ixwrax24i87te4eydg/tinymce/5/tinymce.min.js" referrerpolicy="origin"></script>
 20 |         <script>
 21 |       tinymce.init({
 22 |         selector: '#mytextarea',
 23 |         plugins: 'link',
 24 |       });
 25 |     </script>
 26 | </head>
 27 | <body class="flx col">
 28 |  <header class="flx row">
 29 |   <span>#30DaysOfCode</span>
 30 |   <div class="profile flx col">
 31 |     <img src="../../assets/img/profile.png">
 32 |     <ul class="options">
 33 |       <li id="logout"><a href="../../logout.php">Logout</a></li>
 34 |     </ul>
 35 |   </div>
 36 |  </header>
 37 |  <div class="pageWrapper flx row">
 38 |   <nav class="flx col" id="navPane">
 39 |     <div id="hamburger" class="flx col">
 40 |       <div class="a"></div>
 41 |       <div class="b"></div>
 42 |       <div class="c"></div>
 43 |  </div>
 44 |      <div class="flx col content">
 45 |        <ul class="linksContainer">
 46 |         <li class="flx row active">
 47 |          <img src="../../assets/img/profileWT.png">
 48 |          <a href="../../user">User Dashboard</a>
 49 |         </li>
 50 |         <!-- <li class="flx row">
 51 |          <img src="../../assets/img/add.png">
 52 |          <a href='addnewtask.php'>Add New Tasks</a>
 53 |         </li> -->
 54 |         <li class="flx row">
 55 |          <img src="../../assets/img/task.png">
 56 |          <a href="index.php">View Tasks</a>
 57 |         </li>
 58 |         <li class="flx row">
 59 |          <img src="../../assets/img/lock.png">
 60 |          <a href="../superadmin.php">Superadmin</a>
 61 |         </li>
 62 |         <li class="flx row">
 63 |          <img src="../../assets/img/podium.png">
 64 |          <a href="https://30daysofcode.xyz/leaderboard">Leaderboard</a>
 65 |         </li>
 66 |         <li class="flx row">
 67 |          <img src="../../assets/img/twitter.png">
 68 |          <a href=" https://twitter.com/intent/tweet?url=https%3A%2F%2F30daysofcodes.xyz&via=codon&text=Hello%2C%20I%20just%20finished%20my%20task%20for%20....&hashtags=30DaysOfCode%2C%20ECX">Tweet</a>
 69 |          <img class="external" style="float: right;" src="../../assets/img/external.png" alt="">
 70 |         </li>
 71 |         <li class="flx row">
 72 |          <img src="../../assets/img/whatsapp.png">
 73 |          <a href="https://30daysofcode.xyz/whatsapp">Support group</a>
 74 |          <img class="external" src="../../assets/img/external.png" alt="">
 75 |         </li>
 76 |        </ul>
 77 |        <span id="email"><?=$_SESSION['login_user'];?></span>
 78 |      </div>   
 79 |    </nav>
 80 |    <div class="mainWrapper flx col" id="mainWrp">
 81 |     <main class="flx col">
 82 |         <?php
 83 |       $error = "";
 84 |       if (isset($_POST['submit'])) {
 85 |           $day = $_POST['day'];
 86 |           $track = $_POST['track'];
 87 |           $task = mysqli_real_escape_string($conn, $_POST['task']);
 88 |           $sql = "INSERT INTO task(task_day, track, task, cohort) VALUES('$day', '$track', '$task', '$cohort')";
 89 |           $result = mysqli_query($conn, $sql);
 90 |           if ($result) {
 91 |               $error = "Task uploaded successfully";
 92 |           }else{
 93 |               echo "Task has not uploaded";
 94 |           }
 95 |       }
 96 |       ?>
 97 | 
 98 |       <form method="POST" class="flx col">
 99 |       <legend>Add New Task</legend>
100 |       <?php if($error !== ''){ ?>
101 |         <div class="notice">
102 |             <?= $error; ?>
103 |         </div>
104 |     <?php }?>
105 |       <div class="fields-container">
106 |         <div class="field flx col">
107 |           <label for="url">Day</label>
108 |           <input type="text" name="day"maxlength="10" required>
109 |           <p style="font-size: 12px; margin-top: 8px; line-height: 110%; color: #646464;">Enter the day e.g 1,2,3,4,5,6</p>
110 |         </div>
111 |         <div class="field fix col">
112 |           <label for="track">Track</label>
113 |           <input type="text" name="track" value="<?=$_SESSION['track'];?>" readonly>
114 |         </div>
115 |         <!-- <div class="field flx col">
116 |           <label for="level">Track</label>
117 |           <select name="track" value="">
118 |             <option value="backend">Backend</option>
119 |             <option value="frontend">Frontend</option>
120 |             <option value="mobile">Mobile</option>
121 |             <option value="python">Python</option>
122 |             <option value="ui">UI/UX</option>
123 |           </select>
124 |         </div> -->
125 |         <div class="field flx col">
126 |         <label for="feedbaack">Task</label>
127 |           <textarea name="task" id="mytextarea" placeholder="Enter the task" rows="7"></textarea>
128 |         </div>
129 |         <button id="submitTask" type="submit" name="submit">Submit task</button>
130 |       </form>
131 |     
132 |       </div>
133 |      </main>
134 |      <footer class="flx row"><span class="copyw">Copyright &copy; 30DaysOfCode 2020</span> <div><a href="">Privacy Policy</a><a href="">Terms &amp; Conditions</a></div></footer>
135 |    </div>
136 |  </div>
137 |  <script src="../../assets/js/app.js"></script>
138 | <script>
139 | setTimeout(() => {
140 |     $('#success').hide(1000);
141 | }, 2000);
142 | </script>
143 | </body>
144 | </html>
145 | <?php
146 | }else{
147 |     header("location:../../sign_in.php"); 
148 | }
149 | ?>
150 | 


--------------------------------------------------------------------------------
/admin/task/delete.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | require('../../config/connect.php');
 3 | require('../../config/session.php');
 4 | if(isset( $_SESSION['login_user']) && $_SESSION['isAdmin'] == true){
 5 |     $id = $_GET['id'];
 6 |     $sql = "DELETE FROM task WHERE id = '$id'";
 7 |     $result = mysqli_query($conn, $sql);
 8 |     echo "Record deleted successfully";
 9 |     header("refresh: 2; url=./index.php");
10 | }
11 | ?>


--------------------------------------------------------------------------------
/admin/task/edit_task.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | require('../../config/connect.php');
  3 | require('../../config/session.php');
  4 | if(isset( $_SESSION['login_user'])){
  5 |     $id = $_GET['id'];
  6 |     $sql = "SELECT * FROM task WHERE id = '$id' LIMIT 1";
  7 |     $result = mysqli_query($conn, $sql);
  8 |     $count = mysqli_num_rows($result);
  9 |     $row = mysqli_fetch_assoc($result);
 10 | ?>
 11 | <!DOCTYPE html>
 12 | <html lang="en">
 13 | <head>
 14 |  <meta charset="UTF-8">
 15 |  <meta name="viewport" content="width=device-width, initial-scale=1.0">
 16 |  <meta http-equiv="X-UA-Compatible" content="ie=edge">
 17 |  <link rel="stylesheet" href="../../assets/css/style.css">
 18 |  <!-- <link rel="stylesheet" href="../../assets/css/submissions.css"> -->
 19 |  <link rel="stylesheet" href="../../assets/css/responsive.css">
 20 |  <link rel="shortcut icon" href="./../../assets/img/favicon.png" type="image/x-icon">
 21 |  <title>Dashboard - 30 Days Of Code</title>
 22 |  <script src="https://cdn.tiny.cloud/1/f81u5amtw2l096zut1bx25hb08gty3ixwrax24i87te4eydg/tinymce/5/tinymce.min.js" referrerpolicy="origin"></script>
 23 |         <script>
 24 |       tinymce.init({
 25 |         selector: '#mytextarea',
 26 |         plugins: 'link',
 27 |       });
 28 |     </script>
 29 | </head>
 30 | <body class="flx col">
 31 |  <header class="flx row">
 32 |   <span>#30DaysOfCode</span>
 33 |   <div class="profile flx col">
 34 |     <img src="../../assets/img/profile.png">
 35 |     <ul class="options">
 36 |       <li id="logout"><a href="../../logout.php">Logout</a></li>
 37 |     </ul>
 38 |   </div>
 39 |  </header>
 40 |  <div class="pageWrapper flx row">
 41 |   <nav class="flx col" id="navPane">
 42 |     <div id="hamburger" class="flx col">
 43 |       <div class="a"></div>
 44 |       <div class="b"></div>
 45 |       <div class="c"></div>
 46 |  </div>
 47 |      <div class="flx col content">
 48 |        <ul class="linksContainer">
 49 |         <li class="flx row active">
 50 |          <img src="../../assets/img/profileWT.png">
 51 |          <a href="index.php">Dashboard</a>
 52 |         </li>
 53 |         <!-- <li class="flx row">
 54 |          <img src="../../assets/img/add.png">
 55 |          <a href='/admin/task/addnewtask.php'>Add New Tasks</a>
 56 |         </li> -->
 57 |         <li class="flx row">
 58 |          <img src="../../assets/img/task.png">
 59 |          <a href="/admin/task">View Tasks</a>
 60 |         </li>
 61 |         <li class="flx row">
 62 |          <img src="../../assets/img/lock.png">
 63 |          <a href="../superadmin.php">Superadmin</a>
 64 |         </li>
 65 |         <li class="flx row">
 66 |          <img src="../../assets/img/podium.png">
 67 |          <a href="https://30daysofcode.xyz/leaderboard">Leaderboard</a>
 68 |         </li>
 69 |         <li class="flx row">
 70 |          <img src="../../assets/img/twitter.png">
 71 |          <a href=" https://twitter.com/intent/tweet?url=https%3A%2F%2F30daysofcodes.xyz&via=codon&text=Hello%2C%20I%20just%20finished%20my%20task%20for%20....&hashtags=30DaysOfCode%2C%20ECX">Tweet</a>
 72 |         </li>
 73 |         <li class="flx row">
 74 |          <img src="../../assets/img/whatsapp.png">
 75 |          <a href="https://30daysofcode.xyz/whatsapp">Support group</a>
 76 |         </li>
 77 |        </ul>
 78 |        <span id="email"><?=$_SESSION['login_user'];?></span>
 79 |      </div>   
 80 |    </nav>
 81 |    <div class="mainWrapper flx col" id="mainWrp">
 82 |     <main class="flx col">
 83 |     <?php
 84 |     $error = "";
 85 |     if (isset($_POST['submit'])) {
 86 |         $track = $_POST['track'];
 87 |         $day = $_POST['day'];
 88 |         $task = mysqli_real_escape_string($conn, $_POST['task']);
 89 |         $sql = "UPDATE task SET `task_day` = '$day',`track` = '$track', `task` = '$task' WHERE id = '$id'";
 90 |         $result = mysqli_query($conn, $sql);
 91 |         if ($conn->query($sql)) {
 92 |             $error = "Updated successfully";
 93 |             
 94 |         }
 95 |     }
 96 |     ?>
 97 | 
 98 |       <form method="POST" class="flx col">
 99 |         <legend>Edit Task</legend>
100 |         <?php if($error !== ''){ ?>
101 |           <div class="notice">
102 |               <?= $error; ?>
103 |           </div>
104 |       <?php }?>
105 |       <div class="fields-container flx col">
106 |         <div class="field flx col">
107 |           <label for="url">Current Task Details</label>
108 |           <p style="font-size: 12px; margin-top: 8px; line-height: 110%; color: #646464;">Day - <?php echo $row['task_day'];?> | Track -  <?php echo $row['track'];?> </p>
109 |         </div>
110 |         <div class="field flx col">
111 |           <label for="day">Day</label>
112 |           <input type="text" name="day" maxlength="10" value="<?php echo $row['task_day'];?>" required>
113 |           <p style="font-size: 12px; margin-top: 8px; line-height: 110%; color: #646464;">Enter the day e.g 1,2,3,4,5,6</p>
114 |         </div>
115 |         <div class="field flx col">
116 |           <label for="level">Track</label>
117 |           <select name="track" value="">
118 |           <option value="Frontend">Frontend</option>
119 |           <option value="Backend">Backend</option>
120 |           <option value="Mobile">Mobile</option>
121 |           <option value="ML">Machine Learning</option>
122 |           </select>
123 |         </div>
124 |         <div class="field flx col">
125 |         <label for="feedbaack">Task</label>
126 |           <textarea name="task" id="mytextarea" placeholder="Enter the task" rows="7"><?php echo $row['task'];?></textarea>
127 |         </div>
128 |         <button id="submitTask" type="submit" name="submit">Submit task</button>
129 |       </div>
130 |         </form> 
131 |         <?php 
132 |             }else{
133 |                 echo `<p>Nothing yet</p>`;
134 |             }
135 |         ?>
136 |     
137 |      </main>
138 |      <footer class="flx row"><span class="copyw">Copyright &copy; 30DaysOfCode 2020</span> <div><a href="">Privacy Policy</a><a href="">Terms &amp; Conditions</a></div></footer>
139 |    </div>
140 |  </div>
141 |  <script src="../../assets/js/app.js"></script>
142 | <script>
143 | setTimeout(() => {
144 |     $('#success').hide(1000);
145 | }, 2000);
146 | </script>
147 | </body>
148 | </html>
149 | 


--------------------------------------------------------------------------------
/admin/task/index.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | require('../../config/connect.php');
  3 | require('../../config/session.php');
  4 | if(isset( $_SESSION['login_user']) && $_SESSION['isAdmin'] == true){
  5 |     if (isset($_POST['submit'])) {
  6 |         $track = $_POST['track'];
  7 |         $_SESSION['track'] = $track;
  8 |         header("location: task.php?track=$track");
  9 |     }
 10 | ?>
 11 | <!DOCTYPE html>
 12 | <html lang="en">
 13 | <head>
 14 |  <meta charset="UTF-8">
 15 |  <meta name="viewport" content="width=device-width, initial-scale=1.0">
 16 |  <meta http-equiv="X-UA-Compatible" content="ie=edge">
 17 |  <link rel="stylesheet" href="../../assets/css/style.css">
 18 |  <!-- <link rel="stylesheet" href="../../assets/css/submissions.css"> -->
 19 |  <link rel="stylesheet" href="../../assets/css/responsive.css">
 20 |  <link rel="shortcut icon" href="../../assets/img/favicon.png" type="image/x-icon">
 21 |  <title>Dashboard - 30 Days Of Code</title>
 22 | </head>
 23 | <body class="flx col">
 24 |  <header class="flx row">
 25 |   <span>#30DaysOfCode</span>
 26 |   <div class="profile flx col">
 27 |     <img src="../../assets/img/profile.png">
 28 |     <ul class="options">
 29 |       <li id="logout"><a href="../../logout.php">Logout</a></li>
 30 |     </ul>
 31 |   </div>
 32 |  </header>
 33 |  <div class="pageWrapper flx row">
 34 |   <nav class="flx col" id="navPane">
 35 |   <div id="hamburger" class="flx col">
 36 |       <div class="a"></div>
 37 |       <div class="b"></div>
 38 |       <div class="c"></div>
 39 |  </div>
 40 |      <div class="flx col content">
 41 |        <ul class="linksContainer">
 42 |         <li class="flx row active">
 43 |          <img src="../../assets/img/profileWT.png">
 44 |          <a href="../../user">User Dashboard</a>
 45 |         </li>
 46 |         <!-- <li class="flx row">
 47 |          <img src="../../assets/img/add.png">
 48 |          <a href='addnewtask.php'>Add New Tasks</a>
 49 |         </li> -->
 50 |         <li class="flx row">
 51 |          <img src="../../assets/img/task.png">
 52 |          <a href="super.php">All Tasks</a>
 53 |         </li>
 54 |         <li class="flx row">
 55 |          <img src="../../assets/img/lock.png">
 56 |          <a href="../superadmin.php">Super Admin</a>
 57 |         </li>
 58 |         <li class="flx row">
 59 |          <img src="../../assets/img/podium.png">
 60 |          <a href="https://30daysofcode.xyz/leaderboard">Leaderboard</a>
 61 |         </li>
 62 |         <li class="flx row">
 63 |          <img src="../../assets/img/twitter.png">
 64 |          <a href=" https://twitter.com/intent/tweet?url=https%3A%2F%2F30daysofcodes.xyz&via=codon&text=Hello%2C%20I%20just%20finished%20my%20task%20for%20....&hashtags=30DaysOfCode%2C%20ECX">Tweet</a>
 65 |         </li>
 66 |         <li class="flx row">
 67 |          <img src="../../assets/img/whatsapp.png">
 68 |          <a href="https://30daysofcode.xyz/whatsapp">Support group</a>
 69 |         </li>
 70 |        </ul>
 71 |        <span id="email"><?=$_SESSION['login_user'];?></span>
 72 |      </div>   
 73 |    </nav>
 74 |    <div class="mainWrapper flx col" id="mainWrp">
 75 |     <main class="flx col">
 76 |       <form method="POST" class="flex col">
 77 |         <legend>Tasks</legend>
 78 |         <div class="fields-container flx col">
 79 |           <div class="field flx col">
 80 |             <label for="track">Track</label>
 81 |             <select name="track" value="">
 82 |             <option value="Backend">Backend</option>
 83 |             <option value="Frontend">Frontend</option>
 84 |             <option value="Mobile">Mobile</option>
 85 |             <option value="ML">Machine Learning</option>
 86 |             </select>
 87 |           </div>
 88 |           <button id="submitTask" type="submit" name="submit">Submit</button>
 89 |         </div>
 90 |         </form> 
 91 |      
 92 |    
 93 |      </main>
 94 |      <footer class="flx row"><span class="copyw">Copyright &copy; 30DaysOfCode 2020</span> <div><a href="">Privacy Policy</a><a href="">Terms &amp; Conditions</a></div></footer>
 95 |    </div>
 96 |  </div>
 97 |  <script src="../../assets/js/app.js"></script>
 98 | <script>
 99 | setTimeout(() => {
100 |     $('#success').hide(1000);
101 | }, 2000);
102 | </script>
103 | </body>
104 | </html>
105 | <?php
106 | }else{
107 |     header("location:../../sign_in.php"); 
108 | }
109 | ?>


--------------------------------------------------------------------------------
/admin/task/super.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | require('../../config/connect.php');
  3 | require('../../config/session.php');
  4 | 
  5 | if(isset( $_SESSION['login_user']) && $_SESSION['isAdmin'] == true){
  6 |   $track = $_GET['track'];
  7 | ?>
  8 | <!DOCTYPE html>
  9 | <html lang="en">
 10 | <head>
 11 |  <meta charset="UTF-8">
 12 |  <meta name="viewport" content="width=device-width, initial-scale=1.0">
 13 |  <meta http-equiv="X-UA-Compatible" content="ie=edge">
 14 |  <link rel="stylesheet" href="../../assets/css/style.css">
 15 |  <link rel="stylesheet" href="../../assets/css/submissions.css">
 16 |  <link rel="stylesheet" href="../../assets/css/responsive.css">
 17 |  <link rel="shortcut icon" href="../../assets/img/favicon.png" type="image/x-icon">
 18 |  <title>Dashboard - 30 Days Of Code</title>
 19 | </head>
 20 | <body class="flx col">
 21 |  <header class="flx row">
 22 |   <span>#30DaysOfCode</span>
 23 |   <div class="profile flx col">
 24 |     <img src="../../assets/img/profile.png">
 25 |     <ul class="options">
 26 |       <li id="logout"><a href="../../logout.php">Logout</a></li>
 27 |     </ul>
 28 |   </div>
 29 |  </header>
 30 |  <div class="pageWrapper flx row">
 31 |   <nav class="flx col" id="navPane">
 32 |     <div id="hamburger" class="flx col">
 33 |       <div class="a"></div>
 34 |       <div class="b"></div>
 35 |       <div class="c"></div>
 36 |  </div>
 37 |      <div class="flx col content">
 38 |        <ul class="linksContainer">
 39 |         <li class="flx row active">
 40 |          <img src="../../assets/img/profileWT.png">
 41 |          <a href="../../user">User Dashboard</a>
 42 |         </li>
 43 |         <!-- <li class="flx row">
 44 |          <img src="../../assets/img/add.png">
 45 |          <a href='/task/addnewtask.php'>Add New Tasks</a>
 46 |         </li> -->
 47 |         <li class="flx row">
 48 |          <img src="../../assets/img/task.png">
 49 |          <a href="/task">View Tasks</a>
 50 |         </li>
 51 |         <li class="flx row">
 52 |          <img src="../../assets/img/lock.png">
 53 |          <a href="../superadmin.php">Superadmin</a>
 54 |         </li>
 55 |         <li class="flx row">
 56 |          <img src="../../assets/img/podium.png">
 57 |          <a href="https://30daysofcode.xyz/leaderboard">Leaderboard</a>
 58 |         </li>
 59 |         <li class="flx row">
 60 |          <img src="../../assets/img/twitter.png">
 61 |          <a href=" https://twitter.com/intent/tweet?url=https%3A%2F%2F30daysofcodes.xyz&via=codon&text=Hello%2C%20I%20just%20finished%20my%20task%20for%20....&hashtags=30DaysOfCode%2C%20ECX">Tweet</a>
 62 |         </li>
 63 |         <li class="flx row">
 64 |          <img src="../../assets/img/whatsapp.png">
 65 |          <a href="https://30daysofcode.xyz/whatsapp">Support group</a>
 66 |         </li>
 67 |        </ul>
 68 |        <span id="email"><?=$_SESSION['login_user'];?></span>
 69 |      </div>   
 70 |    </nav>
 71 |    <div class="mainWrapper flx col" id="mainWrp">
 72 |     <main class="flx col">
 73 |       <form class="flx col">
 74 |         <legend>Tasks <a id="newBtn" href="addnewtask.php">Add new</a> </legend>
 75 |       <?php
 76 |         $current = date('Y-m-d');
 77 |         $sql = "SELECT * FROM task ORDER BY task_day, track";
 78 |         $result = mysqli_query($conn, $sql);
 79 |         $row = mysqli_fetch_assoc($result);
 80 |         $count = mysqli_num_rows($result);
 81 |         $day = $row['task_day'];
 82 |     ?>
 83 |        <div class="table-responsive">
 84 |         <table class="table" style="text-align: left;">
 85 |          <thead>
 86 |           <tr>
 87 |             <th scope="col">S/N</th>
 88 |             <th scope="col">Day</th>
 89 |             <th scope="col">Track</th>
 90 |             <th scope="col">Task</th>
 91 |             <th scope="col">Action</th>
 92 |             </tr>
 93 |         </thead>
 94 |         <tbody>
 95 |           <?php          
 96 |           if($count > 0){
 97 |               $j =1;
 98 |               while($row = mysqli_fetch_assoc($result)) {
 99 |           ?>
100 |           <tr>
101 |               <td data-label="S/N"><?php echo $j;?></td>
102 |               <td data-label="Day"><?= $row['task_day']; ?></td>
103 |               <td data-label="Track"><?= $row['track'];?></td>
104 |               <td data-label="Task"><?= $row['task'];?></td>
105 |               <td data-label="Action"><a href="edit_task.php?id=<?=$row['id']?>">Edit</a> | <a href="delete.php?id=<?=$row['id']?>">Delete</a></td>
106 |           </tr>
107 |           <?php 
108 |               $j++;
109 |               }}else{
110 |                   echo `<p>No tasks yet</p>`;
111 |               }
112 |           ?>
113 |         </tbody>
114 |         </table>
115 |       </div>
116 |       </form >
117 |      </main>
118 |      <footer class="flx row"><span class="copyw">Copyright &copy; 30DaysOfCode 2020</span> <div><a href="">Privacy Policy</a><a href="">Terms &amp; Conditions</a></div></footer>
119 |    </div>
120 |  </div>
121 |  <script src="../../assets/js/app.js"></script>
122 | <script>
123 | setTimeout(() => {
124 |     $('#success').hide(1000);
125 | }, 2000);
126 | </script>
127 | </body>
128 | </html>
129 | <?php
130 | }else{
131 |     header("location:../../sign_in.php"); 
132 | }
133 | ?>


--------------------------------------------------------------------------------
/admin/task/task.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | require('../../config/connect.php');
  3 | require('../../config/session.php');
  4 | include ('../../user/taskday.php');
  5 | 
  6 | if(isset( $_SESSION['login_user']) && $_SESSION['isAdmin'] == true){
  7 |   $track = $_GET['track'];
  8 | ?>
  9 | <!DOCTYPE html>
 10 | <html lang="en">
 11 | <head>
 12 |  <meta charset="UTF-8">
 13 |  <meta name="viewport" content="width=device-width, initial-scale=1.0">
 14 |  <meta http-equiv="X-UA-Compatible" content="ie=edge">
 15 |  <link rel="stylesheet" href="../../assets/css/style.css">
 16 |  <link rel="stylesheet" href="../../assets/css/submissions.css">
 17 |  <link rel="stylesheet" href="../../assets/css/responsive.css">
 18 |  <link rel="shortcut icon" href="../../assets/img/favicon.png" type="image/x-icon">
 19 |  <title>Dashboard - 30 Days Of Code</title>
 20 | </head>
 21 | <body class="flx col">
 22 |  <header class="flx row">
 23 |   <span>#30DaysOfCode</span>
 24 |   <div class="profile flx col">
 25 |     <img src="../../assets/img/profile.png">
 26 |     <ul class="options">
 27 |       <li id="logout"><a href="../../logout.php">Logout</a></li>
 28 |     </ul>
 29 |   </div>
 30 |  </header>
 31 |  <div class="pageWrapper flx row">
 32 |   <nav class="flx col closed" id="navPane">
 33 |     <div id="hamburger" class="flx col">
 34 |       <div class="a"></div>
 35 |       <div class="b"></div>
 36 |       <div class="c"></div>
 37 |  </div>
 38 |      <div class="flx col content">
 39 |        <ul class="linksContainer">
 40 |         <li class="flx row active">
 41 |          <img src="../../assets/img/profileWT.png">
 42 |          <a href="../../user">User Dashboard</a>
 43 |         </li>
 44 |         <!-- <li class="flx row">
 45 |          <img src="../../assets/img/add.png">
 46 |          <a href='/task/addnewtask.php'>Add New Tasks</a>
 47 |         </li> -->
 48 |         <li class="flx row">
 49 |          <img src="../../assets/img/task.png">
 50 |          <a href="/task/index.php">View Tasks</a>
 51 |         </li>
 52 |         <li class="flx row">
 53 |          <img src="../../assets/img/lock.png">
 54 |          <a href="../superadmin.php">Superadmin</a>
 55 |         </li>
 56 |         <li class="flx row">
 57 |          <img src="../../assets/img/podium.png">
 58 |          <a href="https://30daysofcode.xyz/leaderboard">Leaderboard</a>
 59 |         </li>
 60 |         <li class="flx row">
 61 |          <img src="../../assets/img/twitter.png">
 62 |          <a href=" https://twitter.com/intent/tweet?url=https%3A%2F%2F30daysofcodes.xyz&via=codon&text=Hello%2C%20I%20just%20finished%20my%20task%20for%20....&hashtags=30DaysOfCode%2C%20ECX">Tweet</a>
 63 |         </li>
 64 |         <li class="flx row">
 65 |          <img src="../../assets/img/whatsapp.png">
 66 |          <a href="https://30daysofcode.xyz/whatsapp">Support group</a>
 67 |         </li>
 68 |        </ul>
 69 |        <span id="email"><?=$_SESSION['login_user'];?></span>
 70 |      </div>   
 71 |    </nav>
 72 |    <div class="mainWrapper flx col" id="mainWrp">
 73 |     <main class="flx col">
 74 |       <form class="mainCard">
 75 |         <legend>Tasks <a id="newBtn" href="addnewtask.php">Add new</a></legend>
 76 |       <?php
 77 |         $current = date('Y-m-d');
 78 |         $sql = "SELECT * FROM task WHERE `track` = '$track' AND `cohort` = '$cohort' ORDER BY task_day";
 79 |         $result = mysqli_query($conn, $sql);
 80 |         $count = mysqli_num_rows($result);
 81 |     ?>
 82 |        <div class="table-responsive">
 83 |         <table class="table" style="text-align: left;">
 84 |          <thead>
 85 |           <tr>
 86 |             <th scope="col">S/N</th>
 87 |             <th scope="col">Day</th>
 88 |             <th scope="col">Track</th>
 89 |             <th scope="col">Task</th>
 90 |             <th scope="col">Action</th>
 91 |             </tr>
 92 |         </thead>
 93 |         <tbody>
 94 |           <?php          
 95 |           if($count > 0){
 96 |               $j =0;
 97 |               while($row = mysqli_fetch_assoc($result)) {
 98 |           ?>
 99 |           <tr>
100 |               <td data-label="S/N"><?php echo $j;?></td>
101 |               <td data-label="Day"><?= $row['task_day']; ?></td>
102 |               <td data-label="Track"><?= $row['track'];?></td>
103 |               <td data-label="Task"><?= $row['task'];?></td>
104 |               <td data-label="Action"><a href="edit_task.php?id=<?=$row['id']?>">Edit</a> | <a href="delete.php?id=<?=$row['id']?>">Delete</a></td>
105 |           </tr>
106 |           <?php 
107 |               $j++;
108 |               }}else{
109 |                   echo `<p>No tasks yet</p>`;
110 |               }
111 |           ?>
112 |         </tbody>
113 |         </table>
114 |       </div>
115 |       </form >
116 |      </main>
117 |      <footer class="flx row"><span class="copyw">Copyright &copy; 30DaysOfCode 2020</span> <div><a href="">Privacy Policy</a><a href="">Terms &amp; Conditions</a></div></footer>
118 |    </div>
119 |  </div>
120 |  <script src="../../assets/js/app.js"></script>
121 | <script>
122 | setTimeout(() => {
123 |     $('#success').hide(1000);
124 | }, 2000);
125 | </script>
126 | </body>
127 | </html>
128 | <?php
129 | }else{
130 |     header("location:../../sign_in.php"); 
131 | }
132 | ?>


--------------------------------------------------------------------------------
/admin/view.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | require('../config/connect.php');
  3 | require('../config/session.php');
  4 | if(isset( $_SESSION['login_user']) && $_SESSION['isAdmin'] == true){
  5 |     $id = $_GET['id'];
  6 |     $sql = "SELECT * FROM submissions WHERE id = '$id'";
  7 |     $result = mysqli_query($conn, $sql);
  8 |     $count = mysqli_num_rows($result);
  9 | 
 10 | ?>
 11 | <!DOCTYPE html>
 12 | <html lang="en">
 13 | <head>
 14 |  <meta charset="UTF-8">
 15 |  <meta name="viewport" content="width=device-width, initial-scale=1.0">
 16 |  <meta http-equiv="X-UA-Compatible" content="ie=edge">
 17 |  <link rel="stylesheet" href="../assets/css/style.css">
 18 |  <!-- <link rel="stylesheet" href="../assets/css/submissions.css"> -->
 19 |  <link rel="stylesheet" href="../assets/css/responsive.css">
 20 |  <link rel="shortcut icon" href="./../assets/img/favicon.png" type="image/x-icon">
 21 |  <title>Dashboard - 30 Days Of Code</title>
 22 | </head>
 23 | <body class="flx col">
 24 |  <header class="flx row">
 25 |   <span>#30DaysOfCode</span>
 26 |   <div class="profile flx col">
 27 |     <img src="../assets/img/profile.png">
 28 |     <ul class="options">
 29 |       <li id="logout"><a href="../logout.php">Logout</a></li>
 30 |     </ul>
 31 |   </div>
 32 |  </header>
 33 |  <div class="pageWrapper flx row">
 34 |   <nav class="flx col closed" id="navPane">
 35 |     <div id="hamburger" class="flx col">
 36 |       <div class="a"></div>
 37 |       <div class="b"></div>
 38 |       <div class="c"></div>
 39 |  </div>
 40 |      <div class="flx col content">
 41 |        <ul class="linksContainer">
 42 |         <li class="flx row active">
 43 |          <img src="../assets/img/profileWT.png">
 44 |          <a href="../user">User Dashboard</a>
 45 |         </li>
 46 |         <!-- <li class="flx row">
 47 |          <img src="../assets/img/add.png">
 48 |          <a href='/admin/task/addnewtask.php'>Add New Tasks</a>
 49 |         </li> -->
 50 |         <li class="flx row">
 51 |          <img src="../assets/img/task.png">
 52 |          <a href="/admin/task">View Tasks</a>
 53 |         </li>
 54 |         <li class="flx row">
 55 |          <img src="../assets/img/submissions.png">
 56 |          <a href="submissions.php">submissions</a>
 57 |         </li>
 58 |         <li class="flx row">
 59 |          <img src="../assets/img/podium.png">
 60 |          <a href="https://30daysofcode.xyz/leaderboard">Leaderboard</a>
 61 |         </li>
 62 |         <li class="flx row">
 63 |          <img src="../assets/img/twitter.png">
 64 |          <a href=" https://twitter.com/intent/tweet?url=https%3A%2F%2F30daysofcodes.xyz&via=codon&text=Hello%2C%20I%20just%20finished%20my%20task%20for%20....&hashtags=30DaysOfCode%2C%20ECX">Tweet</a>
 65 |         </li>
 66 |         <li class="flx row">
 67 |          <img src="../assets/img/whatsapp.png">
 68 |          <a href="https://30daysofcode.xyz/whatsapp">Support group</a>
 69 |         </li>
 70 |        </ul>
 71 |        <span id="email"><?=$_SESSION['login_user'];?></span>
 72 |      </div>   
 73 |    </nav>
 74 |    <div class="mainWrapper flx col" id="mainWrp">
 75 |     <main class="flx col">
 76 |       <?php
 77 |     $error = "";
 78 |     if($count > 0){
 79 | while($row = $result->fetch_assoc()) {
 80 |     if (isset($_POST['submit'])) {
 81 |         $u = $_POST['user'];
 82 |         $point = $_POST['point'];
 83 |         $track = $row['track'];
 84 |         $level = $row['level'];
 85 |         $feedback = mysqli_real_escape_string($conn, $_POST['feedback']);
 86 |         if ($feedback == '') {
 87 |             $feedback = "Marked";
 88 |         }
 89 |     $sql = "UPDATE submissions SET points = '$point', feedback = '$feedback' WHERE id = '$id'";
 90 |     $result = mysqli_query($conn, $sql);
 91 |     if($result){
 92 |         $us = $row['user'];
 93 |         $sql_check = "SELECT * FROM leaderboard WHERE email = '$u' AND track = '$track' AND level = '$level'";
 94 |         $result_check = mysqli_query($conn, $sql_check);
 95 |         $count_check = mysqli_num_rows($result_check);
 96 |         $row_check = mysqli_fetch_array($result_check,MYSQLI_ASSOC);
 97 |         $total = intval($point) + intval($row_check['score']);
 98 |         $LId = $row_check['id'];
 99 |         if ($count_check > 0) {
100 |             $sql_up = "UPDATE leaderboard SET score = '$total' WHERE id = '$LId' ";
101 |             $result_up = mysqli_query($conn, $sql_up);
102 |             // $count_up = mysqli_num_rows($result_up);
103 |         }else{
104 |             $sql_nick = "SELECT * FROM user WHERE email = '$us'";
105 |             $result_nick = mysqli_query($conn, $sql_nick);
106 |             $row_nick = mysqli_fetch_array($result_nick,MYSQLI_ASSOC);
107 |             $nickname = $row_nick['nickname'];
108 |             $sql_up = "INSERT INTO leaderboard(nickname, email, track, level, score) VALUES('$nickname', '$u', '$track', '$level', '$point')";
109 |             $result_up = mysqli_query($conn, $sql_up);
110 |             $count_up = mysqli_num_rows($result_up);
111 |         }
112 |         if($result_up){
113 |             $error = "Submission Successfully Graded";
114 |             header("refresh: 2; url=./submissions.php?track=$track&level=$level"); 
115 |         }else{
116 |            $error = "Could not update user";
117 |         }
118 |     } else {
119 |         $error = "Could not update sub";
120 |     }
121 | }
122 | ?>
123 | 
124 |       <form method="POST" class="flx col">
125 |         <legend>Submission</legend>
126 |         <?php if($error !== ''){ ?> 
127 |           <div class="notice">
128 |               <?= $error?>
129 |           </div>
130 |       <?php }?>
131 |  <div class="flx col fields-container">
132 |   <div class="field flx col">
133 |     <label for="url">URL</label>
134 |     <p style="font-size: 12px; margin-top: 8px; line-height: 110%; color: #646464;"><a href="<?= $row['url'];?>" target="_blank"><?= $row['url'];?></a></p>
135 |   </div>
136 |   <div class="field flx col">
137 |     <label for="comment">Comments?</label>
138 |     <textarea name="comment" type="text" disabled rows="5"><?= $row['comments'];?></textarea>
139 |   </div>
140 |   <div class="field flx col">
141 |     <label for="point">Point</label>
142 |     <input type="number" name="point" id="point" placeholder="Enter Point for This Submissions" required value="<?= $row['points'];?>">
143 |   </div>
144 |   <div class="field flx col">
145 |     <label for="user">User</label>
146 |     <input type="text" name="user" id="user" value="<?= $row['user'];?>" hidden>
147 |   </div>
148 |   <div class="field flx col">
149 |   <label for="feedbaack">Feedback?</label>
150 |     <textarea name="feedback" id="feedback" placeholder="Enter Feedback for This Submissions" value="<?= $row['feedback'];?>"></textarea>
151 |   </div>
152 |   <button id="submitTask" type="submit" name="submit">Submit task</button>
153 |  </div>
154 |         </form> 
155 |         <?php 
156 |             }}else{
157 |                 echo `<p>No Submissions yet</p>`;
158 |             }
159 |         ?>
160 |      </main>
161 |      <footer class="flx row"><span class="copyw">Copyright &copy; 30DaysOfCode 2020</span> <div><a href="">Privacy Policy</a><a href="">Terms &amp; Conditions</a></div></footer>
162 |    </div>
163 |  </div>
164 |  <script src="../assets/js/app.js"></script>
165 | </body>
166 | </html>
167 | <?php
168 | }else{
169 |     header("location:../sign_in.php"); 
170 | }
171 | ?>


--------------------------------------------------------------------------------
/assets/css/form.css:
--------------------------------------------------------------------------------
  1 | * {
  2 |     margin: 0;
  3 |     padding: 0;
  4 |     -webkit-box-sizing: border-box;
  5 |             box-sizing: border-box;
  6 |     font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  7 |    }
  8 |    .flex {
  9 |     display: -webkit-box;
 10 |     display: -ms-flexbox;
 11 |     display: flex;
 12 |    }
 13 |    .cnt {
 14 |     -webkit-box-align: center;
 15 |         -ms-flex-align: center;
 16 |             align-items: center;
 17 |     -webkit-box-pack: center;
 18 |         -ms-flex-pack: center;
 19 |             justify-content: center;
 20 |    }
 21 |    .row {
 22 |     -webkit-box-orient: horizontal;
 23 |     -webkit-box-direction: normal;
 24 |         -ms-flex-direction: row;
 25 |             flex-direction: row;
 26 |    }
 27 |    .col {
 28 |     -webkit-box-orient: vertical;
 29 |     -webkit-box-direction: normal;
 30 |         -ms-flex-direction: column;
 31 |             flex-direction: column;
 32 |    }
 33 |    body {
 34 |     background-color: #283556;
 35 |     background-image: url(/assets/img/code_paper.svg), url(/assets/img/programmer.svg); 
 36 |     background-position: left bottom, right bottom;
 37 |     background-repeat: no-repeat, no-repeat;
 38 |     min-height: 100vh; 
 39 |    }
 40 |    .body-content {
 41 |     min-height: 100vh;
 42 |     width: 100%;
 43 |     -webkit-box-align: center;
 44 |         -ms-flex-align: center;
 45 |             align-items: center;
 46 |    }
 47 |    h1 {
 48 |     padding: 0 8px 0 8px;
 49 |     text-align: center;
 50 |     color: #EFEFFE;
 51 |     font-size: 30px;
 52 |     font-weight: 800;
 53 |     margin-top: 80px;
 54 |     cursor: pointer;
 55 |    }
 56 |    form {
 57 |     margin: 30px 0 40px 0;
 58 |     width: 420px;
 59 |     height: -webkit-fit-content;
 60 |     height: -moz-fit-content;
 61 |     height: fit-content;
 62 |     padding:  0 40px 40px 40px;
 63 |     background-color: white;
 64 |    }
 65 |    fieldset {
 66 |     border: none;
 67 |     width: 100%;
 68 |    }
 69 |    legend {
 70 |     text-align: left;
 71 |     color: #495770;
 72 |     color: #3f557a;
 73 |     width: 100%;
 74 |     font-size: 25px;
 75 |     font-weight: 800;
 76 |     padding: 25px 0 15px 0;
 77 |    }
 78 |    .notify p {
 79 |        width: 100%;
 80 |        height: -webkit-fit-content;
 81 |        height: -moz-fit-content;
 82 |        height: fit-content;
 83 |        padding: 10px;
 84 |        border: 1px solid #0ea5d3;
 85 |        background-color: #5bc0de;
 86 |        color: #151718;
 87 |        border-radius: 3px;
 88 |        font-weight: 600;
 89 |        margin-bottom: 10px;
 90 |    }
 91 |    .field {
 92 |     margin-bottom: 15px;
 93 |    }
 94 |    input, select {
 95 |     color: black;
 96 |     background-color: white;
 97 |     margin-top: 10px;
 98 |     font-size: 15px;
 99 |     font-weight: 400;
100 |     padding: 10px;
101 |     border: 0.5px solid rgb(164, 161, 167);
102 |    }
103 |    input:focus, select:active {
104 |     outline: none;
105 |     -webkit-transition-duration: 300ms;
106 |          -o-transition-duration: 300ms;
107 |             transition-duration: 300ms;
108 |     -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.76);
109 |             box-shadow: 0 0 3px rgba(0, 0, 0, 0.76);
110 |    }
111 |    button {
112 |     color: white;
113 |     font-size: 16px;
114 |     font-weight: 600;
115 |     margin: 20px 0 30px 0;
116 |     width: 100%;
117 |     height: 45px;
118 |     border: none;
119 |     border-radius: 5px;
120 |     -webkit-box-align: center;
121 |         -ms-flex-align: center;
122 |             align-items: center;
123 |     -webkit-box-pack: center;
124 |         -ms-flex-pack: center;
125 |             justify-content: center;
126 |     background-color: rgb(79, 177, 190); 
127 |    }
128 |    button:hover {
129 |     cursor: pointer;
130 |     -webkit-box-shadow: 0 2px 10px rgb(99, 97, 97);
131 |             box-shadow: 0 2px 10px rgb(99, 97, 97);
132 |     cursor: pointer;
133 |    }
134 |    .links p {
135 |     color: black;
136 |     font-size: 16px;
137 |     margin-bottom: 1px;
138 |    }
139 |    .links a {
140 |     text-decoration: none;
141 |     font-weight: 600;
142 |     color: rgb(6, 89, 167);
143 |    }
144 |    @media only screen and (max-width: 900px) {
145 |     body {
146 |      background-size: 180px auto, 120px auto;
147 |     }
148 |    }
149 |    @media only screen and (max-width: 450px){
150 |     h1 {
151 |      font-size: 26px;
152 |      margin-top: 40px;
153 |     }
154 |     form {
155 |      width: 90%;
156 |      padding: 20px;
157 |     }
158 |     .links p {
159 |      font-size: 15px;
160 |     }
161 |    }


--------------------------------------------------------------------------------
/assets/css/index.css:
--------------------------------------------------------------------------------
  1 | * {
  2 |     margin: 0;
  3 |     padding: 0;
  4 |     -webkit-box-sizing: border-box;
  5 |             box-sizing: border-box;
  6 |     font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  7 |     text-align: center;
  8 |    }
  9 |    .flex {
 10 |     display: -webkit-box;
 11 |     display: -ms-flexbox;
 12 |     display: flex;
 13 |    }
 14 |    .cnt {
 15 |     -webkit-box-align: center;
 16 |         -ms-flex-align: center;
 17 |             align-items: center;
 18 |     -webkit-box-pack: center;
 19 |         -ms-flex-pack: center;
 20 |             justify-content: center;
 21 |    }
 22 |    .row {
 23 |     -webkit-box-orient: horizontal;
 24 |     -webkit-box-direction: normal;
 25 |         -ms-flex-direction: row;
 26 |             flex-direction: row;
 27 |    }
 28 |    .col {
 29 |     -webkit-box-orient: vertical;
 30 |     -webkit-box-direction: normal;
 31 |         -ms-flex-direction: column;
 32 |             flex-direction: column;
 33 |    }
 34 |    body {
 35 |     background-color: #283556;
 36 |     background-image: url(/assets/img/code_paper.svg), url(/assets/img/programmer.svg); 
 37 |     background-position: left bottom, right bottom;
 38 |     background-repeat: no-repeat, no-repeat;
 39 |     min-height: 100vh; 
 40 |    }
 41 |    .body-content {
 42 |     min-height: 100vh;
 43 |     width: 100%;
 44 |     -webkit-box-align: center;
 45 |         -ms-flex-align: center;
 46 |             align-items: center;
 47 |    }
 48 |    header {
 49 |     width: -webkit-fit-content;
 50 |     width: -moz-fit-content;
 51 |     width: fit-content;
 52 |     -ms-flex-item-align: end;
 53 |         align-self: flex-end;
 54 |     margin: 20px 30px 0 0;
 55 |    }
 56 |    nav {
 57 |     width: -webkit-fit-content;
 58 |     width: -moz-fit-content;
 59 |     width: fit-content;
 60 |    }
 61 |    #sign-in-btn {
 62 |     border: 4px solid #7195F0;
 63 |     background: none;
 64 |     height: 48px;
 65 |     width: 146px;
 66 |     border-radius: 40px;
 67 |     outline: none;
 68 |     font-weight: 600;
 69 |     outline: none;
 70 |    }
 71 |    #sign-in-btn:hover {
 72 |     cursor: pointer;
 73 |     background-color: #7195F0;
 74 |    }
 75 |    nav a { 
 76 |     text-decoration: none;
 77 |     color: #FEFEFE;
 78 |     font-size: 16px;
 79 |    }
 80 |    .stretch {
 81 |     width: 100%;
 82 |     -webkit-box-flex: 1;
 83 |         -ms-flex: 1;
 84 |             flex: 1;
 85 |     -webkit-box-align: center;
 86 |         -ms-flex-align: center;
 87 |             align-items: center;
 88 |     -webkit-box-pack: justify;
 89 |         -ms-flex-pack: justify;
 90 |             justify-content: space-between;
 91 |    }
 92 |    .main-content {
 93 |     width: -webkit-fit-content;
 94 |     width: -moz-fit-content;
 95 |     width: fit-content;
 96 |     -webkit-box-align: center;
 97 |         -ms-flex-align: center;
 98 |             align-items: center;
 99 |    }
100 |    .main-content h1 {
101 |     color: #EFEFFE;
102 |     font-size: 40px;
103 |     margin-top: 58px;
104 |     margin-bottom: 12px;
105 |     font-weight: 800;
106 |    }
107 |    .main-content img {
108 |     margin-bottom: 50px;
109 |    }
110 |    .main-content p {
111 |     color: #DEDEF2;
112 |     font-size: 22px;
113 |     width: 328px;
114 |     margin-bottom: 50px;
115 |     line-height: 150%;
116 |     font-weight: 400;
117 |     text-shadow:  0 3px 5px rgba(0, 0, 0, 0);
118 |    }
119 |    #sign-up-btn {
120 |     outline: none;
121 |     height: 48px;
122 |     width: 240px;
123 |     border-radius: 22px;
124 |     font-weight: 800;
125 |     background-color: #65E4F1;
126 |     border: none;
127 |     -webkit-box-shadow: 2px 3px 3px black;
128 |             box-shadow: 2px 3px 3px black;
129 |     margin-bottom: 40px;
130 |    }
131 |    #sign-up-btn a {
132 |     color: #145259;
133 |     text-decoration: none;
134 |     font-size: 15px;
135 |    }
136 |    #sign-up-btn:hover {
137 |     -webkit-transform: scale(1.08);
138 |         -ms-transform: scale(1.08);
139 |             transform: scale(1.08);
140 |     -webkit-box-shadow: 0 4px 6px black;
141 |             box-shadow: 0 4px 6px black;
142 |     cursor: pointer;
143 |    }
144 |    footer {
145 |     width: 100%;
146 |     -webkit-box-align: center;
147 |         -ms-flex-align: center;
148 |             align-items: center;
149 |    }
150 |    footer ul {
151 |     margin: 10px 0 10px 0;
152 |     width: 420px;
153 |     -webkit-box-pack: justify;
154 |         -ms-flex-pack: justify;
155 |             justify-content: space-between;
156 |    }
157 |    footer li {
158 |     list-style-type: none;
159 |     color: #a5b7e9b2;
160 |    }
161 |    footer p, footer li {
162 |     font-size: 16px;
163 |     font-weight: 600; 
164 |    }
165 |    footer .track {
166 |     color: #667a97;
167 |     position: relative;
168 |     font-weight: 800;
169 |    }
170 |    .copy {
171 |     font-size: 14px;
172 |     color: rgb(87, 152, 243);
173 |     margin-bottom: 5px;
174 |    }
175 |    @media only screen and (max-width: 900px) {
176 |    body {
177 |     background-size: 250px auto, 180px auto;
178 |    }
179 |    header {
180 |    margin: 12px 12px 0 0;;
181 |    }
182 |    .main-content h1 {
183 |     font-size: 26px;
184 |     margin-top: 30px;
185 |    }
186 |    .main-content img {
187 |     margin-bottom: 50px;
188 |    }
189 |    .main-content p {
190 |     font-size: 18px;
191 |     margin-bottom: 50px;
192 |    }
193 |    #sign-in-btn, #sign-up-btn {
194 |     height: 40px;
195 |     font-size: 14px;
196 |    }
197 |    }
198 |    @media only screen and (max-width: 520px) {
199 |     body {
200 |      background-size: 180px auto, 120px auto;
201 |     }
202 |     .main-content h1 {
203 |        font-size: 23px;
204 |     }
205 |     .main-content img {
206 |         margin-bottom: 35px;
207 |     }
208 |     .main-content {
209 |      width: 80%;
210 |     }
211 |     .main-content p {
212 |      width: 100%;
213 |      font-size: 16px;
214 |      margin-bottom: 40px;
215 |     }
216 |     footer ul.row {
217 |      width: 100%;
218 |      -webkit-box-orient: vertical;
219 |      -webkit-box-direction: normal;
220 |          -ms-flex-direction: column;
221 |              flex-direction: column;
222 |     }
223 |     footer li, footer p {
224 |      font-size: 15px;
225 |     }
226 |    }
227 | 


--------------------------------------------------------------------------------
/assets/css/profile.css:
--------------------------------------------------------------------------------
  1 | body {
  2 |  background-image: none;
  3 | }
  4 | main {
  5 |  -webkit-box-align: center;
  6 |      -ms-flex-align: center;
  7 |          align-items: center;
  8 |  -webkit-box-flex: 1;
  9 |      -ms-flex: 1;
 10 |          flex: 1;
 11 | }
 12 | .banner {
 13 |  width: 100%;
 14 |  height: 285px;
 15 |  background-color: #2B3E70;
 16 |  -webkit-box-align: center;
 17 |      -ms-flex-align: center;
 18 |          align-items: center;
 19 |  position: relative;
 20 | }
 21 | .whiteBtn { 
 22 |  -ms-flex-item-align: end; 
 23 |      align-self: flex-end;
 24 |  position: relative;
 25 |  top: 0;
 26 |  height: 38px;
 27 |  width: 130px;
 28 |  background-color: rgba(0, 0, 0, 0);
 29 |  border: 1.5px solid #ffffff;
 30 |  border-radius: 20px;
 31 |  margin: 10px 10px 0 0;
 32 |  cursor: pointer;
 33 |  }
 34 |  .whiteBtn:hover {
 35 |   background-color: rgba(255, 255, 255, 0.2);
 36 |  }
 37 | .whiteBtn a {
 38 |  color: white;
 39 |  text-decoration: none;
 40 | }
 41 | .profile-details {
 42 |  -webkit-box-align: center;
 43 |      -ms-flex-align: center;
 44 |          align-items: center; 
 45 | }
 46 | .banner .avatar {
 47 |  border-radius: 50%;
 48 |  height: 145px;
 49 |  width: 145px;
 50 |  background-color: #697699;
 51 |  margin-bottom: 10px;
 52 | }
 53 | .profile-details .name {
 54 |  color: white;
 55 |  font-size: 24px;
 56 |  text-align: center;
 57 |  margin-bottom: 6px;
 58 | }
 59 | .profile-details .user {
 60 |  color: #DADDE6; 
 61 |  font-size: 16px;
 62 |  text-align: center;
 63 | }
 64 | .scores-card {
 65 |  padding-top: 30px;
 66 |  -webkit-box-flex: 1;
 67 |      -ms-flex: 1;
 68 |          flex: 1;
 69 |  -ms-flex-wrap: wrap;
 70 |      flex-wrap: wrap;
 71 |  width: 80%;
 72 |  border-radius: 5px;
 73 |  -webkit-box-pack: center;
 74 |      -ms-flex-pack: center;
 75 |          justify-content: center;
 76 | }
 77 | .scores-card .group {
 78 |     box-sizing: content-box;
 79 |     background-color: white;
 80 |     width: 200px;
 81 |     height: -webkit-fit-content;
 82 |     height: -moz-fit-content;
 83 |     height: fit-content;
 84 |     padding: 25px 10px;
 85 |     border-radius: 10px;
 86 |     margin: 20px; 
 87 |     -webkit-box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.151);
 88 |     box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.1);
 89 |    }
 90 |    .scores-card .group:hover {
 91 |     cursor: pointer;
 92 |     -webkit-box-shadow: 0 0 30px 0px rgba(0, 0, 0, 0.18);
 93 |      box-shadow: 0 0 30px 0px rgba(0, 0, 0, 0.18);
 94 |     transform: scale(1.05);
 95 | }
 96 | .group .rank {
 97 |  margin-top: 5px;
 98 |  color: #071733;
 99 |  font-weight: 800;
100 |  font-size: 18px;
101 | }
102 | .group .track {
103 |  font-size: 25px;
104 |  margin-bottom: 12px;
105 |  text-transform: capitalize;
106 | }
107 | .Frontend .track {
108 |  color: #1486C2;
109 | }
110 | .Backend .track {
111 |  color: #C26D00;
112 | }
113 | .ML .track {
114 |  color: #BC27C2;
115 | }
116 | .Mobile .track {
117 |  color: #2E345C;
118 | }
119 | .GIS .track {
120 |  color: #53C20A;
121 | }
122 | .group .level {
123 |  color: white;
124 |  text-transform: uppercase;
125 |  border-radius: 5px;
126 |  padding: 12px 30px;
127 |  font-size: 14px;
128 |  margin-bottom: 14px;
129 | }
130 | .group .level a {
131 |  color: white;
132 | }
133 | .group .points {
134 |  color: #071733;
135 |  font-size: 16px;
136 |  font-weight: 800;
137 | }
138 | .Frontend .level {
139 |  background-color: #1486C2;
140 | }
141 | .Backend .level {
142 | background-color: #C26D00;
143 | }
144 | .ML .level {
145 |  background-color: #BC27C2;
146 | }
147 | .Mobile .level {
148 |  background-color: #2E345C;
149 | }
150 | .GIS .level {
151 |  background-color: #53C20A;
152 | }
153 | 
154 | .unmarked-card {
155 |     margin: 20px 0;
156 |     background-color: white;
157 |     width: 460px;
158 |         box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.12);
159 |           padding: 0s;
160 |           border-radius: 10px;
161 | }
162 | .unmarked-card table {
163 |     width: 100%;
164 |       border-collapse: collapse;
165 |     text-align: center;
166 | }
167 | .unmarked-card td, .unmarked-card th {
168 |   padding: 10px 0;
169 |   color: #353434;
170 |   font-size: 14px;
171 | }
172 | 
173 | .unmarked-card th { 
174 | font-size: 13px;
175 |   padding-top: 12px;
176 |   padding-bottom: 12px;
177 |   background-color: #5b5d67;
178 |   color: white;
179 | }
180 | .unmarked-card tr:nth-child(even){
181 |     background-color: #f2f2f2;
182 | }
183 | .unmarked-card tr:hover {
184 |        background-color: #cfd3d4;
185 | }
186 | 


--------------------------------------------------------------------------------
/assets/css/responsive.css:
--------------------------------------------------------------------------------
  1 | @media only screen and (max-width: 800px) {
  2 |   nav {
  3 |     -webkit-transition-duration: 400ms;
  4 |          -o-transition-duration: 400ms;
  5 |             transition-duration: 400ms;
  6 |     z-index: 3;
  7 |     height: inherit;
  8 |     position: absolute;
  9 |     -webkit-transform: translateX(-100%);
 10 |         -ms-transform: translateX(-100%);
 11 |             transform: translateX(-100%);
 12 |    
 13 |   }
 14 |   nav.open {
 15 |     -webkit-transform: translateX(0%);
 16 |         -ms-transform: translateX(0%);
 17 |             transform: translateX(0%);
 18 |   }
 19 |   #hamburger {
 20 |     -webkit-transition-duration: 350ms;
 21 |          -o-transition-duration: 350ms;
 22 |             transition-duration: 350ms;
 23 |     display: -webkit-box;
 24 |     display: -ms-flexbox;
 25 |     display: flex;
 26 |     -webkit-box-sizing: content-box;
 27 |             box-sizing: content-box;
 28 |     position: absolute;
 29 |     right: 0;
 30 |     height: 30px;
 31 |     width: 35px;
 32 |     -webkit-box-align: start;
 33 |         -ms-flex-align: start;
 34 |             align-items: flex-start;
 35 |     -ms-flex-pack: distribute;
 36 |         justify-content: space-around;
 37 |     cursor: pointer;
 38 |     outline: none;
 39 |     padding: 15px;
 40 |     -webkit-transform: translateX(100%);
 41 |         -ms-transform: translateX(100%);
 42 |             transform: translateX(100%);
 43 |   }
 44 |   .open #hamburger {
 45 |     -webkit-transform: translateX(0);
 46 |         -ms-transform: translateX(0);
 47 |             transform: translateX(0);
 48 |   }
 49 |   .open #hamburger div {    
 50 |     background-color: white;
 51 |   }
 52 |   #hamburger div {
 53 |       -webkit-transition-duration: 500ms;
 54 |            -o-transition-duration: 500ms;
 55 |               transition-duration: 500ms;      
 56 |       -webkit-transform-origin: center;      
 57 |           -ms-transform-origin: center;      
 58 |               transform-origin: center;
 59 |     height: 4px;
 60 |     border-radius: 4px;
 61 |     background-color: rgb(29, 8, 122);
 62 |   }
 63 |   #hamburger div.a {
 64 |     width: 35px;
 65 |   }
 66 |   .open #hamburger div.a {
 67 |     -webkit-transform: rotateZ(45deg) translateY(10px) translateX(5px) ;
 68 |         -ms-transform: rotate(45deg) translateY(10px) translateX(5px);
 69 |             transform: rotateZ(45deg) translateY(10px) translateX(5px) ;
 70 | }
 71 |   #hamburger div.b {
 72 |     width: 25px;
 73 |   }
 74 |   .open #hamburger div.b {
 75 |     -webkit-transform: rotateZ(-45deg) translateY(2px) translateX(5px);
 76 |         -ms-transform: rotate(-45deg) translateY(2px) translateX(5px);
 77 |             transform: rotateZ(-45deg) translateY(2px) translateX(5px);
 78 |     border-radius:  0 4px 4px 0;
 79 | }
 80 |   #hamburger div.c {
 81 |     width: 10px;
 82 |   }
 83 |   .open #hamburger div.c {
 84 |     border-radius:  4px 0 0 4px;
 85 |     -webkit-transform: rotateZ(-45deg) translateX(1px) translateY(0px);
 86 |         -ms-transform: rotate(-45deg) translateX(1px) translateY(0px);
 87 |             transform: rotateZ(-45deg) translateX(1px) translateY(0px);
 88 | }
 89 | form {
 90 |   margin: 40px 0;
 91 |   -ms-flex-item-align: center;
 92 |       -ms-grid-row-align: center;
 93 |       align-self: center;
 94 |   width: 65%;
 95 | }
 96 | }
 97 | @media only screen and (max-width: 500px) {
 98 |     header {
 99 |         padding: 0 30px;
100 |     }
101 |     .banner .avatar {
102 |         margin-top: 25px;
103 |         height: 120px;
104 |         width: 120px;
105 |     }
106 | .banner .name {
107 |     font-size: 18px;
108 | }
109 | .whiteBtn {
110 |     width: 110px;
111 | }
112 | .scores-card {
113 |     padding-top: 5px;
114 | }
115 | .scores-card .group {
116 |     margin-bottom: 15px;
117 | }
118 | form {
119 |   margin: 65px 0;
120 |   width: 90%;
121 | }
122 | .unmarked-card {
123 |   width: 90%;
124 | }
125 | }
126 | @media only screen and (max-width: 450px) {
127 |   legend a {
128 |     float: none;
129 |   }
130 |   legend .generic {
131 |     display: block;
132 |     height: 5px;
133 |   }
134 | }


--------------------------------------------------------------------------------
/assets/css/submissions.css:
--------------------------------------------------------------------------------
 1 | main #newBtn {
 2 |   margin-left: 12px;
 3 |   font-size: 14px;
 4 | font-weight: normal;
 5 |   border: none;
 6 |   color: rgba(255, 255, 255, 0.952);
 7 |   border-radius: 3px;
 8 |   padding: 8px 12px 8px 12px;
 9 |   background-color: #6868fd;
10 |   cursor: pointer;
11 |  }
12 |  main #newBtn:hover {
13 |   background-color: #8e8eee;
14 |  }
15 |  form{
16 |    -ms-flex-item-align: center;
17 |        -ms-grid-row-align: center;
18 |        align-self: center;
19 |    margin: 80px 0px !important;
20 |    width: 95% !important;
21 |  } 
22 |  table {
23 |    color: rgb(60, 60, 63);
24 |   border: 1px solid #ccc;
25 |   border-collapse: collapse;
26 |   margin: 0;
27 |   padding: 0;
28 |   width: 100%;
29 | }
30 | table thead {
31 |   width: 100%;
32 | }
33 | table tr {
34 |   background-color: #f8f8f8;
35 |   border: 1px solid #ddd;
36 |   padding: .35em;
37 | }
38 | 
39 | table th,
40 | table td {
41 |   min-height: 20px;
42 |   padding: .625em;
43 |   text-align: left;
44 | }
45 | 
46 | table th {
47 |   font-size: .85em;
48 |   letter-spacing: .1em;
49 |   text-transform: uppercase;
50 | }
51 | @media screen and (max-width: 600px) {
52 |   table {
53 |     border: 0;
54 |   }
55 |   table caption {
56 |     font-size: 1.3em;
57 |   }
58 |   
59 |   table thead {
60 |     border: none;
61 |     clip: rect(0 0 0 0);
62 |     height: 1px;
63 |     margin: -1px;
64 |     overflow: hidden;
65 |     padding: 0;
66 |     position: absolute;
67 |     width: 1px;
68 |   }
69 |   
70 |   table tr {
71 |     border-bottom: 3px solid #ddd;
72 |     display: block;
73 |     margin-bottom: .625em;
74 |   }
75 |   
76 |   table td {
77 |     border-bottom: 1px solid #ddd;
78 |     display: block;
79 |     font-size: .8em;
80 |     text-align: right;
81 |   }  
82 |   table td::before {
83 |     content: attr(data-label);
84 |     float: left;
85 |     font-weight: bold;
86 |     text-transform: uppercase;
87 |   }
88 |   
89 |   table td:last-child {
90 |     border-bottom: 0;
91 |   }
92 | }


--------------------------------------------------------------------------------
/assets/img/Debuggerfrontend.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/geektutor/Leaderboard/9addf8bca578fedf5a063ff8606bf0d216808529/assets/img/Debuggerfrontend.png


--------------------------------------------------------------------------------
/assets/img/add.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/geektutor/Leaderboard/9addf8bca578fedf5a063ff8606bf0d216808529/assets/img/add.png


--------------------------------------------------------------------------------
/assets/img/allTsk.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/geektutor/Leaderboard/9addf8bca578fedf5a063ff8606bf0d216808529/assets/img/allTsk.png


--------------------------------------------------------------------------------
/assets/img/cert.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/geektutor/Leaderboard/9addf8bca578fedf5a063ff8606bf0d216808529/assets/img/cert.png


--------------------------------------------------------------------------------
/assets/img/code_paper.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" width="406.974" height="512" viewBox="0 0 406.974 512">
 2 |   <defs>
 3 |     <style>
 4 |       .cls-1 {
 5 |         opacity: 0.27;
 6 |       }
 7 | 
 8 |       .cls-2 {
 9 |         fill: #93c7ef;
10 |       }
11 | 
12 |       .cls-3 {
13 |         fill: #78b9eb;
14 |       }
15 | 
16 |       .cls-4 {
17 |         fill: #c9e3f7;
18 |       }
19 | 
20 |       .cls-5 {
21 |         fill: #fff;
22 |       }
23 |     </style>
24 |   </defs>
25 |   <g id="code_paper" class="cls-1" transform="translate(-52.513)">
26 |     <path id="Path_1" data-name="Path 1" class="cls-2" d="M369.182,0H52.513V512H459.487V90.305Z"/>
27 |     <path id="Path_2" data-name="Path 2" class="cls-3" d="M369.182,0H256V512H459.487V90.305Z"/>
28 |     <path id="Path_3" data-name="Path 3" class="cls-4" d="M369.182,0V90.585l90.3-.28Z"/>
29 |     <g id="Group_6" data-name="Group 6">
30 |       <path id="Path_4" data-name="Path 4" class="cls-5" d="M327.688,218.445,299.84,246.293l33.337,33.338L299.84,312.969l27.848,27.847,61.187-61.185Z"/>
31 |       <path id="Path_5" data-name="Path 5" class="cls-5" d="M178.823,279.631l33.337-33.338-27.848-27.848-61.186,61.186,61.186,61.185,27.848-27.847Z"/>
32 |       <path id="Path_6" data-name="Path 6" class="cls-5" d="M294.919,190.359H254.67L217.083,368.9H257.33Z"/>
33 |     </g>
34 |   </g>
35 | </svg>
36 | 


--------------------------------------------------------------------------------
/assets/img/favicon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/geektutor/Leaderboard/9addf8bca578fedf5a063ff8606bf0d216808529/assets/img/favicon.png


--------------------------------------------------------------------------------
/assets/img/feedback.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/geektutor/Leaderboard/9addf8bca578fedf5a063ff8606bf0d216808529/assets/img/feedback.png


--------------------------------------------------------------------------------
/assets/img/lbs.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/geektutor/Leaderboard/9addf8bca578fedf5a063ff8606bf0d216808529/assets/img/lbs.png


--------------------------------------------------------------------------------
/assets/img/lead.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/geektutor/Leaderboard/9addf8bca578fedf5a063ff8606bf0d216808529/assets/img/lead.png


--------------------------------------------------------------------------------
/assets/img/lock.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/geektutor/Leaderboard/9addf8bca578fedf5a063ff8606bf0d216808529/assets/img/lock.png


--------------------------------------------------------------------------------
/assets/img/medal.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/geektutor/Leaderboard/9addf8bca578fedf5a063ff8606bf0d216808529/assets/img/medal.png


--------------------------------------------------------------------------------
/assets/img/podium.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/geektutor/Leaderboard/9addf8bca578fedf5a063ff8606bf0d216808529/assets/img/podium.png


--------------------------------------------------------------------------------
/assets/img/profile.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/geektutor/Leaderboard/9addf8bca578fedf5a063ff8606bf0d216808529/assets/img/profile.png


--------------------------------------------------------------------------------
/assets/img/profileWT.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/geektutor/Leaderboard/9addf8bca578fedf5a063ff8606bf0d216808529/assets/img/profileWT.png


--------------------------------------------------------------------------------
/assets/img/programmer.svg:
--------------------------------------------------------------------------------
  1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="323" height="470" viewBox="0 0 323 470">
  2 |   <defs>
  3 |     <style>
  4 |       .cls-1 {
  5 |         fill: #fff;
  6 |       }
  7 | 
  8 |       .cls-2 {
  9 |         clip-path: url(#clip-path);
 10 |       }
 11 | 
 12 |       .cls-3 {
 13 |         opacity: 0.32;
 14 |       }
 15 | 
 16 |       .cls-4 {
 17 |         fill: #324a5e;
 18 |       }
 19 | 
 20 |       .cls-5 {
 21 |         fill: #2b3b4e;
 22 |       }
 23 | 
 24 |       .cls-6 {
 25 |         fill: #fed8b2;
 26 |       }
 27 | 
 28 |       .cls-7 {
 29 |         fill: #eabe96;
 30 |       }
 31 | 
 32 |       .cls-8 {
 33 |         fill: #f4e3c3;
 34 |       }
 35 | 
 36 |       .cls-9 {
 37 |         fill: #ffd15d;
 38 |       }
 39 | 
 40 |       .cls-10 {
 41 |         fill: #f9b54c;
 42 |       }
 43 | 
 44 |       .cls-11 {
 45 |         fill: #59595b;
 46 |       }
 47 | 
 48 |       .cls-12 {
 49 |         fill: #272525;
 50 |       }
 51 | 
 52 |       .cls-13 {
 53 |         fill: #fd8469;
 54 |       }
 55 | 
 56 |       .cls-14 {
 57 |         fill: #fc6f58;
 58 |       }
 59 | 
 60 |       .cls-15 {
 61 |         fill: #4cdbc4;
 62 |       }
 63 | 
 64 |       .cls-16 {
 65 |         fill: #42c6ac;
 66 |       }
 67 | 
 68 |       .cls-17 {
 69 |         fill: #808183;
 70 |       }
 71 | 
 72 |       .cls-18 {
 73 |         fill: #00a49a;
 74 |       }
 75 | 
 76 |       .cls-19 {
 77 |         fill: #1ea8a4;
 78 |       }
 79 |     </style>
 80 |     <clipPath id="clip-path">
 81 |       <rect id="Rectangle_39" data-name="Rectangle 39" class="cls-1" width="323" height="470" transform="translate(957 330)"/>
 82 |     </clipPath>
 83 |   </defs>
 84 |   <g id="programmer" class="cls-2" transform="translate(-957 -330)">
 85 |     <g id="programmer-svgrepo-com" class="cls-3" transform="translate(957 322)">
 86 |       <circle id="Ellipse_1" data-name="Ellipse 1" class="cls-4" cx="256" cy="256" r="256"/>
 87 |       <path id="Path_7" data-name="Path 7" class="cls-5" d="M507.452,304.18,315.077,111.8,195.044,215.28l-38.36,30.306,43.458,43.458-4.218,3.444,63.7,63.7L378.026,481.1A256.325,256.325,0,0,0,507.452,304.18Z"/>
 88 |       <path id="Path_8" data-name="Path 8" class="cls-6" d="M278.952,319.538V291.716H228.776v27.822a4.02,4.02,0,0,1-4.02,4.02H190.18v96.011H317.55V323.558H282.974A4.021,4.021,0,0,1,278.952,319.538Z"/>
 89 |       <path id="Path_9" data-name="Path 9" class="cls-7" d="M317.549,323.558H282.973a4.02,4.02,0,0,1-4.02-4.02V291.716H253.705V419.569h63.847V323.558h0Z"/>
 90 |       <circle id="Ellipse_2" data-name="Ellipse 2" class="cls-6" cx="20.052" cy="20.052" r="20.052" transform="translate(152.545 213.365)"/>
 91 |       <circle id="Ellipse_3" data-name="Ellipse 3" class="cls-7" cx="20.052" cy="20.052" r="20.052" transform="translate(315.075 213.365)"/>
 92 |       <path id="Path_10" data-name="Path 10" class="cls-8" d="M256.122,316.926H251.6a75.678,75.678,0,0,1-75.678-75.678v-69.1A75.678,75.678,0,0,1,251.6,96.474h4.518A75.678,75.678,0,0,1,331.8,172.152v69.1A75.677,75.677,0,0,1,256.122,316.926Z"/>
 93 |       <path id="Path_11" data-name="Path 11" class="cls-6" d="M256.122,96.475H253.7V316.926h2.42A75.678,75.678,0,0,0,331.8,241.248v-69.1A75.678,75.678,0,0,0,256.122,96.475Z"/>
 94 |       <path id="Path_12" data-name="Path 12" class="cls-9" d="M323.593,122.051a82.047,82.047,0,0,0-67.277-35.023H251.41a82.165,82.165,0,0,0-82.165,82.165v64.231h12.062V191.662s-.005-20.994-.007-20.994c36.6-3.718,72.6,10.1,104.145-5.677a188.633,188.633,0,0,0,38.934,34.121v34.311h14.1V169.192A81.753,81.753,0,0,0,323.593,122.051Z"/>
 95 |       <path id="Path_13" data-name="Path 13" class="cls-10" d="M323.593,122.049a82.047,82.047,0,0,0-67.277-35.023H253.7v85.561c10.955-.515,21.58-2.517,31.742-7.6a188.633,188.633,0,0,0,38.934,34.121v34.311h14.1V169.191A81.763,81.763,0,0,0,323.593,122.049Z"/>
 96 |       <circle id="Ellipse_4" data-name="Ellipse 4" class="cls-11" cx="7.794" cy="7.794" r="7.794" transform="translate(209.332 216.727)"/>
 97 |       <circle id="Ellipse_5" data-name="Ellipse 5" class="cls-12" cx="7.794" cy="7.794" r="7.794" transform="translate(282.805 216.727)"/>
 98 |       <path id="Path_14" data-name="Path 14" class="cls-13" d="M253.862,288.39A25.491,25.491,0,0,1,228.4,262.926a4.31,4.31,0,0,1,8.62,0,16.844,16.844,0,0,0,33.688,0,4.31,4.31,0,0,1,8.62,0A25.489,25.489,0,0,1,253.862,288.39Z"/>
 99 |       <path id="Path_15" data-name="Path 15" class="cls-14" d="M275.018,258.617a4.309,4.309,0,0,0-4.31,4.31,16.864,16.864,0,0,1-16.844,16.844c-.053,0-.107-.007-.16-.009v8.62c.053,0,.1.009.16.009a25.491,25.491,0,0,0,25.464-25.464A4.309,4.309,0,0,0,275.018,258.617Z"/>
100 |       <path id="Path_16" data-name="Path 16" class="cls-15" d="M323.017,323.558h-26.7a42.456,42.456,0,0,1-84.912,0h-26.7a58.218,58.218,0,0,0-58.218,58.218v95.075a256.186,256.186,0,0,0,254.741,2.457V381.776A58.219,58.219,0,0,0,323.017,323.558Z"/>
101 |       <path id="Path_17" data-name="Path 17" class="cls-16" d="M323.017,323.558h-26.7a42.456,42.456,0,0,1-42.456,42.456l-.16,0V511.96c.767.007,1.529.04,2.3.04a254.808,254.808,0,0,0,125.235-32.692V381.776A58.222,58.222,0,0,0,323.017,323.558Z"/>
102 |       <path id="Path_20" data-name="Path 20" class="cls-17" d="M291.978,194.772a30.382,30.382,0,0,0-30.02,26.052H245.77a30.363,30.363,0,1,0,0,8.619h16.187a30.346,30.346,0,1,0,30.021-34.671Zm-76.229,52.107a21.743,21.743,0,1,1,21.744-21.744A21.768,21.768,0,0,1,215.749,246.879Zm76.229,0a21.743,21.743,0,1,1,21.744-21.744A21.768,21.768,0,0,1,291.978,246.879Z"/>
103 |       <path id="Path_21" data-name="Path 21" class="cls-11" d="M291.978,194.772a30.382,30.382,0,0,0-30.02,26.052H253.7v8.62h8.254a30.346,30.346,0,1,0,30.02-34.672Zm0,52.107a21.743,21.743,0,1,1,21.744-21.744A21.768,21.768,0,0,1,291.978,246.879Z"/>
104 |       <path id="Path_22" data-name="Path 22" class="cls-18" d="M278.952,466.51a6.895,6.895,0,0,1-4.875-11.77l26-26-26-26a6.894,6.894,0,0,1,9.75-9.75L314.7,423.862a6.891,6.891,0,0,1,0,9.75l-30.877,30.879A6.87,6.87,0,0,1,278.952,466.51Z"/>
105 |       <g id="Group_7" data-name="Group 7">
106 |         <path id="Path_23" data-name="Path 23" class="cls-19" d="M211.406,466.51a6.871,6.871,0,0,1-4.875-2.02l-30.879-30.879a6.893,6.893,0,0,1,0-9.75l30.879-30.877a6.894,6.894,0,0,1,9.75,9.75l-26,26,26,26a6.9,6.9,0,0,1-4.875,11.771Z"/>
107 |         <path id="Path_24" data-name="Path 24" class="cls-19" d="M233.6,463.934a6.9,6.9,0,0,1-6.455-9.317l21.226-56.6a6.895,6.895,0,1,1,12.912,4.84l-21.226,56.6A6.892,6.892,0,0,1,233.6,463.934Z"/>
108 |       </g>
109 |       <path id="Path_25" data-name="Path 25" class="cls-18" d="M257.248,393.98a6.826,6.826,0,0,0-3.546-.319v29.41l7.58-20.215A6.891,6.891,0,0,0,257.248,393.98Z"/>
110 |     </g>
111 |   </g>
112 | </svg>
113 | 


--------------------------------------------------------------------------------
/assets/img/programmer2.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="323" height="470" viewBox="0 0 323 470"><defs><clipPath id="a"><rect width="323" height="470" transform="translate(957 330)" fill="#fff"/></clipPath></defs><g transform="translate(-957 -330)" opacity="0.43" clip-path="url(#a)"><g transform="translate(957 322)" opacity="0.32"><circle cx="256" cy="256" r="256" fill="#324a5e"/><path d="M507.452,304.18,315.077,111.8,195.044,215.28l-38.36,30.306,43.458,43.458-4.218,3.444,63.7,63.7L378.026,481.1A256.325,256.325,0,0,0,507.452,304.18Z" fill="#2b3b4e"/><path d="M278.952,319.538V291.716H228.776v27.822a4.02,4.02,0,0,1-4.02,4.02H190.18v96.011H317.55V323.558H282.974A4.021,4.021,0,0,1,278.952,319.538Z" fill="#fed8b2"/><path d="M317.549,323.558H282.973a4.02,4.02,0,0,1-4.02-4.02V291.716H253.705V419.569h63.847V323.558h0Z" fill="#eabe96"/><circle cx="20.052" cy="20.052" r="20.052" transform="translate(152.545 213.365)" fill="#fed8b2"/><circle cx="20.052" cy="20.052" r="20.052" transform="translate(315.075 213.365)" fill="#eabe96"/><path d="M256.122,316.926H251.6a75.678,75.678,0,0,1-75.678-75.678v-69.1A75.678,75.678,0,0,1,251.6,96.474h4.518A75.678,75.678,0,0,1,331.8,172.152v69.1A75.677,75.677,0,0,1,256.122,316.926Z" fill="#f4e3c3"/><path d="M256.122,96.475H253.7V316.926h2.42A75.678,75.678,0,0,0,331.8,241.248v-69.1A75.678,75.678,0,0,0,256.122,96.475Z" fill="#fed8b2"/><path d="M323.593,122.051a82.047,82.047,0,0,0-67.277-35.023H251.41a82.165,82.165,0,0,0-82.165,82.165v64.231h12.062V191.662s-.005-20.994-.007-20.994c36.6-3.718,72.6,10.1,104.145-5.677a188.633,188.633,0,0,0,38.934,34.121v34.311h14.1V169.192A81.753,81.753,0,0,0,323.593,122.051Z" fill="#ffd15d"/><path d="M323.593,122.049a82.047,82.047,0,0,0-67.277-35.023H253.7v85.561c10.955-.515,21.58-2.517,31.742-7.6a188.633,188.633,0,0,0,38.934,34.121v34.311h14.1V169.191A81.763,81.763,0,0,0,323.593,122.049Z" fill="#f9b54c"/><circle cx="7.794" cy="7.794" r="7.794" transform="translate(209.332 216.727)" fill="#59595b"/><circle cx="7.794" cy="7.794" r="7.794" transform="translate(282.805 216.727)" fill="#272525"/><path d="M253.862,288.39A25.491,25.491,0,0,1,228.4,262.926a4.31,4.31,0,0,1,8.62,0,16.844,16.844,0,0,0,33.688,0,4.31,4.31,0,0,1,8.62,0A25.489,25.489,0,0,1,253.862,288.39Z" fill="#fd8469"/><path d="M275.018,258.617a4.309,4.309,0,0,0-4.31,4.31,16.864,16.864,0,0,1-16.844,16.844c-.053,0-.107-.007-.16-.009v8.62c.053,0,.1.009.16.009a25.491,25.491,0,0,0,25.464-25.464A4.309,4.309,0,0,0,275.018,258.617Z" fill="#fc6f58"/><path d="M323.017,323.558h-26.7a42.456,42.456,0,0,1-84.912,0h-26.7a58.218,58.218,0,0,0-58.218,58.218v95.075a256.186,256.186,0,0,0,254.741,2.457V381.776A58.219,58.219,0,0,0,323.017,323.558Z" fill="#4cdbc4"/><path d="M323.017,323.558h-26.7a42.456,42.456,0,0,1-42.456,42.456l-.16,0V511.96c.767.007,1.529.04,2.3.04a254.808,254.808,0,0,0,125.235-32.692V381.776A58.222,58.222,0,0,0,323.017,323.558Z" fill="#42c6ac"/><path d="M291.978,194.772a30.382,30.382,0,0,0-30.02,26.052H245.77a30.363,30.363,0,1,0,0,8.619h16.187a30.346,30.346,0,1,0,30.021-34.671Zm-76.229,52.107a21.743,21.743,0,1,1,21.744-21.744A21.768,21.768,0,0,1,215.749,246.879Zm76.229,0a21.743,21.743,0,1,1,21.744-21.744A21.768,21.768,0,0,1,291.978,246.879Z" fill="#808183"/><path d="M291.978,194.772a30.382,30.382,0,0,0-30.02,26.052H253.7v8.62h8.254a30.346,30.346,0,1,0,30.02-34.672Zm0,52.107a21.743,21.743,0,1,1,21.744-21.744A21.768,21.768,0,0,1,291.978,246.879Z" fill="#59595b"/><path d="M278.952,466.51a6.895,6.895,0,0,1-4.875-11.77l26-26-26-26a6.894,6.894,0,0,1,9.75-9.75L314.7,423.862a6.891,6.891,0,0,1,0,9.75l-30.877,30.879A6.87,6.87,0,0,1,278.952,466.51Z" fill="#00a49a"/><path d="M211.406,466.51a6.871,6.871,0,0,1-4.875-2.02l-30.879-30.879a6.893,6.893,0,0,1,0-9.75l30.879-30.877a6.894,6.894,0,0,1,9.75,9.75l-26,26,26,26a6.9,6.9,0,0,1-4.875,11.771Z" fill="#1ea8a4"/><path d="M233.6,463.934a6.9,6.9,0,0,1-6.455-9.317l21.226-56.6a6.895,6.895,0,1,1,12.912,4.84l-21.226,56.6A6.892,6.892,0,0,1,233.6,463.934Z" fill="#1ea8a4"/><path d="M257.248,393.98a6.826,6.826,0,0,0-3.546-.319v29.41l7.58-20.215A6.891,6.891,0,0,0,257.248,393.98Z" fill="#00a49a"/></g></g></svg>


--------------------------------------------------------------------------------
/assets/img/submissions.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/geektutor/Leaderboard/9addf8bca578fedf5a063ff8606bf0d216808529/assets/img/submissions.png


--------------------------------------------------------------------------------
/assets/img/submsn.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/geektutor/Leaderboard/9addf8bca578fedf5a063ff8606bf0d216808529/assets/img/submsn.png


--------------------------------------------------------------------------------
/assets/img/task.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/geektutor/Leaderboard/9addf8bca578fedf5a063ff8606bf0d216808529/assets/img/task.png


--------------------------------------------------------------------------------
/assets/img/tweet.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/geektutor/Leaderboard/9addf8bca578fedf5a063ff8606bf0d216808529/assets/img/tweet.png


--------------------------------------------------------------------------------
/assets/img/twitter.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/geektutor/Leaderboard/9addf8bca578fedf5a063ff8606bf0d216808529/assets/img/twitter.png


--------------------------------------------------------------------------------
/assets/img/wa.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/geektutor/Leaderboard/9addf8bca578fedf5a063ff8606bf0d216808529/assets/img/wa.png


--------------------------------------------------------------------------------
/assets/img/whatsapp.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/geektutor/Leaderboard/9addf8bca578fedf5a063ff8606bf0d216808529/assets/img/whatsapp.png


--------------------------------------------------------------------------------
/assets/js/app.js:
--------------------------------------------------------------------------------
 1 | var hamBurger = document.getElementById("hamburger");
 2 | var navPane = document.getElementById("navPane");
 3 | 
 4 | hamBurger.addEventListener("click", function(){
 5 |  navPane.classList.toggle("open") 
 6 | })
 7 | 
 8 | navPane.addEventListener("click", function(e){ 
 9 |  if(e.target.tagName == "LI") {
10 |   window.location.href = e.target.children[1].href
11 |  }
12 | })
13 | 
14 | Array.from(document.getElementsByClassName("dismiss")).forEach(function(elm){
15 |  elm.addEventListener("click", function(e){
16 |   e.target.parentElement.remove()
17 |  })
18 | })
19 | 
20 | //remove WYSIWYG inline styling
21 | var notice = Array.from(document.getElementsByClassName("notice"))
22 | if (notice.length > 0) {
23 |  notice.forEach(function(a){
24 |     Array.from(a.children).forEach(function (e) {
25 |       e.removeAttribute("style");
26 |       if (e.firstElementChild) {
27 |         Array.from(e.children).forEach(function (c) {
28 |           c.removeAttribute("style");
29 |           if (c.firstElementChild) {
30 |             Array.from(c.children).forEach(function (d) {
31 |               d.removeAttribute("style");
32 |             });
33 |           }
34 |         });
35 |       }
36 |     });
37 | })  
38 | }
39 | /* window.onresize = resizeEvent;
40 |  resizeEvent() */
41 | 


--------------------------------------------------------------------------------
/certificate/README.md:
--------------------------------------------------------------------------------
 1 | # FLASK CERT GEN
 2 | 
 3 | Call the /generate endpoint with a GET request
 4 | * first_name - user First Name
 5 | * last_name - user Last Name
 6 | * track - programming Track
 7 | * type - certificate type
 8 | 
 9 | ## Certificate types
10 | * 1 - Average performace
11 | * 2 - Good performace
12 | * 3 - Outstanding performace
13 | * 4 - Participating certificate
14 | * 5 - Mentor certificate
15 | 


--------------------------------------------------------------------------------
/certificate/app.py:
--------------------------------------------------------------------------------
 1 | import os
 2 | from PIL import Image, ImageFont, ImageDraw
 3 | from flask import Flask, request
 4 | 
 5 | app = Flask(__name__)
 6 | 
 7 | 
 8 | @app.route("/")
 9 | def index():
10 |     return "Hello World"
11 | 
12 | 
13 | @app.route("/generate/")
14 | def generate():
15 |     certificate = make_certificate(**request.args)
16 |     return certificate
17 | 
18 | 
19 | def make_certificate(first_name, last_name, type, track=None):
20 |     def draw_text(filename, type, first_name, last_name, track=None):
21 |         font = "PTSans-Bold.ttf"
22 |         color = "#ff0000"
23 |         size = 50
24 |         track_color = "#000000"
25 |         track_size = 20
26 |         y = 350
27 |         x = 0
28 |         text = "{} {}".format(first_name, last_name).upper()
29 |         if type == "2":
30 |             font = "LeagueSpartan-Bold.otf"
31 |             size = 60
32 |             color = "#e05a47"
33 |             y = 175
34 |             x = 88
35 |             text = "{}\n{}".format(first_name, last_name).upper()
36 |         raw_img = Image.open(os.path.join("certificates", filename))
37 |         img = raw_img.copy()
38 |         draw = ImageDraw.Draw(img)
39 | 
40 |         # draw name
41 |         PIL_font = ImageFont.truetype(os.path.join("fonts", font), size)
42 |         w, h = draw.textsize(text, font=PIL_font)
43 |         W, H = img.size
44 |         x = (W - w) / 2 if x == 0 else x
45 |         draw.text((x, y), text, fill=color, font=PIL_font)
46 | 
47 |         # draw track
48 |         if track:
49 |             PIL_font = ImageFont.truetype(os.path.join("fonts", font), track_size)
50 |             w, h = draw.textsize(track, font=PIL_font)
51 |             x, y = 183, 450
52 |             draw.text((x, y), track, fill=track_color, font=PIL_font)
53 |         img_url = os.path.join("static", "{}-{}-{}-30daysofcode.png".format(first_name, last_name, type))
54 |         img.save(img_url)
55 |         return request.host_url + img_url
56 | 
57 |     tracks = {"frontend": "Front-End Web Development", "backend": "Back-End Web Development", "python": "Python Programming", "android": "Mobile Development", "ui": "UI/UX Design", "design": "Engineering Design"}
58 |     track = tracks.get(track, None)
59 |     if type == "3":
60 |         base_64 = draw_text("average performace.jpg", type, first_name, last_name, track)
61 |     if type == "4":
62 |         base_64 = draw_text("good performance.jpg", type, first_name, last_name, track)
63 |     if type == "5":
64 |         base_64 = draw_text("outstanding.jpg", type, first_name, last_name, track)
65 |     if type == "1":
66 |         base_64 = draw_text("participated.jpg", type, first_name, last_name)
67 |     if type == "2":
68 |         base_64 = draw_text("mentor.jpg", type, first_name, last_name)
69 |     return base_64
70 | 
71 | 
72 | if __name__ == "__main__":
73 |     app.run(debug=True)
74 | 


--------------------------------------------------------------------------------
/certificate/certificates/average performace.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/geektutor/Leaderboard/9addf8bca578fedf5a063ff8606bf0d216808529/certificate/certificates/average performace.jpg


--------------------------------------------------------------------------------
/certificate/certificates/good performance.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/geektutor/Leaderboard/9addf8bca578fedf5a063ff8606bf0d216808529/certificate/certificates/good performance.jpg


--------------------------------------------------------------------------------
/certificate/certificates/mentor.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/geektutor/Leaderboard/9addf8bca578fedf5a063ff8606bf0d216808529/certificate/certificates/mentor.jpg


--------------------------------------------------------------------------------
/certificate/certificates/outstanding.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/geektutor/Leaderboard/9addf8bca578fedf5a063ff8606bf0d216808529/certificate/certificates/outstanding.jpg


--------------------------------------------------------------------------------
/certificate/certificates/participated.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/geektutor/Leaderboard/9addf8bca578fedf5a063ff8606bf0d216808529/certificate/certificates/participated.jpg


--------------------------------------------------------------------------------
/certificate/fonts/LeagueSpartan-Bold.otf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/geektutor/Leaderboard/9addf8bca578fedf5a063ff8606bf0d216808529/certificate/fonts/LeagueSpartan-Bold.otf


--------------------------------------------------------------------------------
/certificate/fonts/PTSans-Bold.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/geektutor/Leaderboard/9addf8bca578fedf5a063ff8606bf0d216808529/certificate/fonts/PTSans-Bold.ttf


--------------------------------------------------------------------------------
/certificate/requirements.txt:
--------------------------------------------------------------------------------
1 | Flask==1.1.1
2 | Pillow==7.1.1
3 | 


--------------------------------------------------------------------------------
/check.js:
--------------------------------------------------------------------------------
 1 | var password = document.getElementById('password');
 2 | var cpassword = document.getElementById('cpassword');
 3 | var response = document.getElementById('response')
 4 | var button = document.getElementById('btn');
 5 | 
 6 | cpassword.onkeyup=(event)=>{
 7 |     if (password.value == '' || password.value != cpassword.value) {
 8 |         response.textContent = 'passwords do not match';
 9 |         button.disabled = true;
10 |     }else{
11 |         response.textContent = 'passwords match';
12 |         button.disabled = false;
13 |     }
14 | }
15 | 
16 | button.onclick = ()=>{
17 |     if(event.target.disabled == true){
18 |         response.textContent = 'passwords do not match';
19 |     }
20 | }
21 | 


--------------------------------------------------------------------------------
/config/conn.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | $hostname = 'localhost';
 3 | $username = 'mushpgwz_leaderboard';
 4 | $password = '}.7oX%+TxJT4';
 5 | $db_name = 'mushpgwz_leaderboard';
 6 | 
 7 | $conn = mysqli_connect($hostname,$username,$password,$db_name);
 8 | if (!$conn) {
 9 | 	die ('Failed to connect to MySQL: ' . mysqli_connect_error());	
10 | }
11 | 
12 | ?>
13 | 


--------------------------------------------------------------------------------
/config/connect.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | $hostname = 'localhost';
 3 | $username = 'root';
 4 | $password = '';
 5 | $db_name = 'leaderboard';
 6 | 
 7 | $conn = mysqli_connect($hostname,$username,$password,$db_name);
 8 | if (!$conn) {
 9 | 	die('error connecting to datababse');
10 | }
11 | 
12 | ?>


--------------------------------------------------------------------------------
/config/core.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | ob_start();
 3 | session_start();
 4 | 
 5 | function logged_in()
 6 | {
 7 |     if (isset($_SESSION['login_user']) && !empty($_SESSION['login_user'])) {
 8 |         return true;
 9 |     }else{
10 |         return false;
11 |     }
12 | }
13 |  ?>


--------------------------------------------------------------------------------
/config/session.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 |  session_start(); 
 3 |  require('connect.php');
 4 |  $user_check = $_SESSION['login_user']; 
 5 |  $ses_sql = mysqli_query($conn,"SELECT email, id FROM user WHERE email = '$user_check'"); 
 6 |  $row = mysqli_fetch_array($ses_sql,MYSQLI_ASSOC); 
 7 |  $login_session = $row['id']; if(!isset($_SESSION['login_user'])){
 8 |       if ($_SERVER['HOST_NAME'] == 'localhost' || $_SERVER['HOST_NAME'] == 'Localhost') {
 9 |         header("location:".$_SERVER['HOST_NAME']."leaderboard/login.php"); 
10 |       }
11 |       header("location:".$_SERVER['HOST_NAME']."/sign_in.php"); 
12 |       } ?>


--------------------------------------------------------------------------------
/config/taskday.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 	$day = strtotime("2020-06-08");
 3 |     $day = strtotime("2020-06-08");
 4 |     $currdates = date("Y-m-d");
 5 |     $currdate = strtotime($currdates);
 6 |     $diff = abs($currdate - $day);
 7 |     $years = floor($diff / (365*60*60*24));
 8 |     $months = floor(($diff - $years * 365*60*60*24) / (30*60*60*24));
 9 |     $days = floor(($diff - $years * 365*60*60*24 - $months*30*60*60*24)/ (60*60*24)); 
10 |     $days +=1;
11 |     $cohort = 2;
12 | 


--------------------------------------------------------------------------------
/error/200.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 |     <head>
 4 |         <meta charset="utf-8" />
 5 |         <meta http-equiv="X-UA-Compatible" content="IE=edge" />
 6 |         <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
 7 |         <meta name="description" content="" />
 8 |         <meta name="author" content="" />
 9 |         <title>404 Error - 30DaysOfCode</title>
10 |         <link href="error.css" rel="stylesheet" />
11 |         <script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/js/all.min.js" crossorigin="anonymous"></script>
12 |     </head>
13 |     <body>
14 |         <div id="layoutError">
15 |             <div id="layoutError_content">
16 |                 <main>
17 |                     <div class="container">
18 |                         <div class="row justify-content-center">
19 |                             <div class="col-lg-6">
20 |                                 <div class="text-center mt-4">
21 |                                     <h1 class="display-1">404</h1>
22 |                                     <p class="lead">Starting 02.06.2020</p>
23 |                                     <p>30DaysOfCode will return. Coders assemble!</p>
24 |                                     <a href="https://30daysofcode.xyz/sign_in.php"><i class="fas fa-arrow-up mr-1"></i>Go to Dashboard</a>
25 |                                 </div>
26 |                             </div>
27 |                         </div>
28 |                     </div>
29 |                 </main>
30 |             </div>
31 |             <div id="layoutError_footer">
32 |                 <footer class="py-4 bg-light mt-auto">
33 |                     <div class="container-fluid">
34 |                         <div class="d-flex align-items-center justify-content-between small">
35 |                             <div class="text-muted">Copyright &copy; #30DaysOfCode 2020</div>
36 |                             <div>
37 |                                 <a href="#">Privacy Policy</a>
38 |                                 &middot;
39 |                                 <a href="#">Terms &amp; Conditions</a>
40 |                             </div>
41 |                         </div>
42 |                     </div>
43 |                 </footer>
44 |             </div>
45 |         </div>
46 |         <script src="https://code.jquery.com/jquery-3.4.1.min.js" crossorigin="anonymous"></script>
47 |         <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.bundle.min.js" crossorigin="anonymous"></script>
48 |     </body>
49 | </html>
50 | 


--------------------------------------------------------------------------------
/error/scripts.js:
--------------------------------------------------------------------------------
 1 | /*!
 2 |     * Start Bootstrap - SB Admin v6.0.0 (https://startbootstrap.com/templates/sb-admin)
 3 |     * Copyright 2013-2020 Start Bootstrap
 4 |     * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-sb-admin/blob/master/LICENSE)
 5 |     */
 6 |     (function($) {
 7 |     "use strict";
 8 | 
 9 |     // Add active state to sidbar nav links
10 |     var path = window.location.href; // because the 'href' property of the DOM element is the absolute path
11 |         $("#layoutSidenav_nav .sb-sidenav a.nav-link").each(function() {
12 |             if (this.href === path) {
13 |                 $(this).addClass("active");
14 |             }
15 |         });
16 | 
17 |     // Toggle the side navigation
18 |     $("#sidebarToggle").on("click", function(e) {
19 |         e.preventDefault();
20 |         $("body").toggleClass("sb-sidenav-toggled");
21 |     });
22 | })(jQuery);
23 | 


--------------------------------------------------------------------------------
/forgot.php:
--------------------------------------------------------------------------------
 1 | <?php include('./config/connect.php'); 
 2 | $error_msg ='';
 3 | if (isset($_POST['submit'])) {
 4 |   $nickname = $_POST['nickname'];
 5 |   $email = $_POST['email'];
 6 |   $phone = $_POST['phone'];
 7 |   $sql = "SELECT * FROM  user WHERE `nickname`='$nickname' AND `email`='$email' AND `phone`='$phone'";
 8 |   $result = mysqli_query($conn,$sql);
 9 |   if ($result) {
10 |       while($row = mysqli_fetch_assoc($result)) {
11 |           session_start();
12 |           $_SESSION['password_session'] = $row['email'];
13 |           header('location: new_password.php');
14 |       }
15 |   }else{
16 |       $error_msg = "Error : no match found";
17 |   }
18 | }
19 | ?>
20 | <!DOCTYPE html>
21 | <html lang="en">
22 |   <head>
23 |     <meta charset="UTF-8" />
24 |     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
25 |     <meta http-equiv="X-UA-Compatible" content="ie=edge" />
26 |     <title>Reset password - 30 Days of Code</title>
27 |     <link rel="stylesheet" href="./assets/css/form.css" />
28 |      <link rel="shortcut icon" href="./assets/img/favicon.png" type="image/x-icon">
29 |   </head>
30 |   <body>
31 |     <main class="body-content flex col">
32 |       <h1 id="home">30 DAYS OF CODE & DESIGN</h1>
33 |       <img src="./assets/img/lbs.png" alt="learnBuildShare" />
34 |       <form action="<?php echo htmlspecialchars($_SERVER['PHP_SELF']);?>"  method="POST">
35 |         <fieldset>
36 |           <legend>Reset password</legend>
37 |           <?php echo "$error_msg";?>
38 |           <div class="field flex col">
39 |             <label for="user">Email</label>
40 |             <input type="email" name="email" id="user" required />
41 |           </div>
42 |           <div class="field flex col">
43 |             <label for="nick">Nickname</label>
44 |             <input type="text" name="nickname" id="nick" required />
45 |           </div>
46 |           <div class="field flex col">
47 |             <label for="phone">Phone</label>
48 |             <input type="tel" name="phone" id="phone" required />
49 |           </div>
50 |         </fieldset>
51 |         <button class="flex col" type="submit" name="submit">REQUEST RESET</button>
52 |         <div class="links">
53 |           <p>Existing user? <a href="./sign_in.php">Sign in</a></p>
54 |           <p>Don't have an account? <a href="./sign_up.php">Sign up</a></p>
55 |         </div>
56 |       </form>
57 |     </main>
58 |     <script>
59 |       document.getElementById("home").addEventListener("click", function () {
60 |         window.location.href = "./index.html";
61 |       });
62 |     </script>
63 |   </body>
64 | </html>
65 | 


--------------------------------------------------------------------------------
/hash.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 |  include("config/connect.php");
  3 |  function password_is_hash($password){
  4 |      //this function is used to validate if a password has been hashed before 
  5 |     $nfo = password_get_info($password);
  6 |     return $nfo['algo'] != 0 &&  (($password === $password) && !password_verify($password,$password));
  7 | }
  8 |  if(isset($_POST["submit"]) && $_POST["submit"]!=""){
  9 |      //check if ids were sent
 10 |      if(isset($_POST['id'])){
 11 |         $count = count($_POST['id']);
 12 |         for($i=0; $i<$count; $i++){
 13 |             $sql = "SELECT * FROM user WHERE `id` ='" . $_POST['id'][$i] . "'";
 14 |             $result = $conn->query($sql);
 15 |             $rows = mysqli_num_rows($result);
 16 |             $row = mysqli_fetch_array($result,MYSQLI_ASSOC);
 17 |             //if the user actually exist, and his paasword has not been hashed then hash it
 18 |         if($rows > 0 && !password_is_hash($row['password'])){
 19 |            $hash_password =  $hashed_password = password_hash($row['password'],PASSWORD_DEFAULT,array('cost'=>12));
 20 |            $sql ="UPDATE user SET password ='$hash_password'  WHERE user.id=".$row['id'].";";
 21 |            $result = $conn->query($sql);
 22 |            if(!$result){
 23 |                echo "hashing not successfull".$conn->error;
 24 |            }
 25 |         }
 26 | 
 27 |      }
 28 |   }
 29 | }
 30 |  $sql = "SELECT * FROM `user`";
 31 |  $result = $conn->query($sql);
 32 |  $count = mysqli_num_rows($result);
 33 | ?>
 34 | <!DOCTYPE html>
 35 | <html lang="en">
 36 | <head>
 37 |     <meta charset="UTF-8">
 38 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 39 |     <link rel="apple-touch-icon" href="favicon.png">
 40 |     <link rel="stylesheet" href="../dashboard/user/assets/css/submissions.css">
 41 |     <title>Hashed</title>
 42 | <style>
 43 | body{
 44 |     background:linear-gradient(to bottom, #8350CE,#5613BB);
 45 |     background-size:100% 100%;
 46 | }
 47 | .table-responsive{
 48 |     width:70%;
 49 |     margin:50px auto;
 50 | }
 51 | th{
 52 |     background:navy;
 53 |     color:#fff;
 54 | }
 55 | .table tr:nth-child(even){
 56 |     background:#E2EDF9;
 57 |     color:#000;
 58 | }
 59 | .table tr:nth-child(odd){
 60 |     background:#B3E8FF;
 61 |     color:#000;
 62 | }
 63 | input[type="checkbox"]{
 64 |     content: '\a0'; /* non-break space */
 65 |     display: inline-block;
 66 |     vertical-align: .2em;
 67 |     width: 1.9em;
 68 |     height: 1.5em;
 69 |     margin-right: .2em;
 70 |     border-radius: .2em;
 71 |     text-indent: .15em;
 72 |     line-height: .65;
 73 | }
 74 | 
 75 | input[type="checkbox"]:checked{
 76 | content: '\2713';
 77 | }
 78 | .select-css {
 79 |     display: block;
 80 |     font-size: 16px;
 81 |     font-family: sans-serif;
 82 |     font-weight: 700;
 83 |     color: #444;
 84 |     line-height: 1.3;
 85 |     padding: .6em 1.4em .5em .8em;
 86 |     width: 25%;
 87 |     max-width: 100%;
 88 |     box-sizing: border-box;
 89 |     margin: 0;
 90 |     border: 1px solid #aaa;
 91 |     box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
 92 |     border-radius: .5em;
 93 |     -moz-appearance: none;
 94 |     -webkit-appearance: none;
 95 |     appearance: none;
 96 |     background-color: #fff;
 97 |     background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
 98 |         linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
 99 |     background-repeat: no-repeat, repeat;
100 |     background-position: right .7em top 50%, 0 0;
101 |     background-size: .65em auto, 100%;
102 | }
103 | .select-css::-ms-expand {
104 |     display: none;
105 | }
106 | .select-css:hover {
107 |     border-color: #888;
108 | }
109 | .select-css:focus {
110 |     outline: none;
111 | }
112 | .select-css option {
113 |     font-weight:normal;
114 | }
115 | .group{
116 |     display:flex;
117 |     margin-bottom:10px;
118 | }
119 | .submit{
120 |     background:linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
121 |     margin-left:10px;
122 |     padding: .6em 2em .5em 2em;
123 |     border:none;
124 |     border-radius:50px;
125 | }
126 |         </style>
127 | </head>
128 | <body>
129 | <div class="table-responsive" style="text-align: left;">
130 | <form method = "POST" name="hashform" action='<?php echo htmlspecialchars($_SERVER['PHP_SELF']); ?> '>
131 | <div class="group">
132 | <select class="select-css" name="action">
133 |                 <option value="bulk">Bulk Actions</option>
134 |                 <option value="hash">Hash</option>
135 |     </select>
136 |     <button class="submit" name="submit" value="submit">Apply</button>
137 |     </div>
138 |     <table class="table" >
139 |     <thead>
140 |           <tr>
141 |             <th scope="col"><input type="checkbox" class="selectAll">select All</th>
142 |             <th scope="col">nickname</th>
143 |             <th scope="col">email</th>
144 |             <th scope="col">password hashed</th>
145 | 
146 |           </tr>
147 |         </thead>
148 |     <tbody>
149 |     <?php 
150 |           if($count > 0){
151 |               $j =1;
152 |               while($row = $result->fetch_assoc()) {
153 |                   if(password_is_hash($row['password'])) continue;
154 |           ?>
155 |     <tr>
156 |             <td><input type="checkbox" name='id[]' value='<?php echo $row['id']?>'></td>
157 |             <td><?php echo $row['nickname']?></td>
158 |             <td><?php echo $row['email']?></td>
159 |             <td><?php echo password_is_hash($row['password'])? 'True'  :'false';?></td>
160 |   </tr>
161 |   <?php  $j++;}}else{echo `<p>no unhashed password</p>`;}?>
162 |     </tbody>
163 |     </table>
164 |  </form>
165 |     </div>
166 |     <script>
167 |     const [ selectAll,...allCheckbox] = document.querySelectorAll("input[type='checkbox'");
168 |     const button = document.querySelector('.submit')
169 |     const action = document.querySelector('.select-css')
170 |     let checked =0;
171 |     function isChecked(){
172 |         if(this.checked){
173 |              checked = checked + 1;
174 |         }else{
175 |             checked = checked - 1;
176 |         }
177 | 
178 |     }
179 |     allCheckbox.forEach(checkbox =>{
180 |          checkbox.addEventListener("change",isChecked)  
181 |     })
182 |     selectAll.addEventListener("change",function(){
183 |         checked = 0;
184 |         if(this.checked){
185 |         allCheckbox.forEach(checkbox=>{
186 |         checkbox.checked = true;
187 |         checked = checked + 1;
188 |         })
189 |         }else{
190 |          allCheckbox.forEach(checkbox=>{
191 |         checkbox.checked = false;
192 |         })
193 |     }
194 | 
195 |     })
196 |    button.addEventListener('click',function(e){
197 |        if(checked > 0 ){
198 |           if(action.value == "bulk"){
199 |               alert("please choose the action you want to carry")
200 |               e.preventDefault();
201 |           }
202 | 
203 |     }else{
204 |         alert("please select at least 1 item to Hash")
205 |               e.preventDefault();
206 |     }
207 | })
208 |     </script>
209 | </body>
210 | </html>


--------------------------------------------------------------------------------
/index.css:
--------------------------------------------------------------------------------
  1 | *{
  2 |     margin: 0;
  3 |     padding: 0;
  4 |     -webkit-box-sizing: border-box;
  5 |             box-sizing: border-box;
  6 |     color: #4d4b4b;
  7 |     font-family: Arial, Helvetica, sans-serif;
  8 | }
  9 | body{
 10 |     display: -webkit-box;
 11 |     display: -ms-flexbox;
 12 |     display: flex;
 13 |     -webkit-box-pack: center;
 14 |         -ms-flex-pack: center;
 15 |             justify-content: center;
 16 |     -webkit-box-align: center;
 17 |         -ms-flex-align: center;
 18 |             align-items: center;
 19 |     min-height: 100vh;
 20 |     width: 100vw;
 21 |     background-color: #e5e7e8;
 22 | }
 23 | .login{
 24 |     text-align: center;
 25 |     position: relative;
 26 |     width: 400px;
 27 |     background-color: white;
 28 |     border: 5px solid white;
 29 |     border-radius: 6px;
 30 |     -webkit-box-shadow: white;
 31 |             box-shadow: white;
 32 |     padding: 20px 25px 10px 25px;
 33 |     -webkit-box-shadow: 0px 0px 19px 0px rgba(0,0,0,0.45);
 34 | box-shadow: 0px 0px 19px 0px rgba(0,0,0,0.45);
 35 | display: -webkit-box;
 36 | display: -ms-flexbox;
 37 | display: flex;
 38 | -webkit-box-orient: vertical;
 39 | -webkit-box-direction: normal;
 40 |     -ms-flex-direction: column;
 41 |         flex-direction: column;
 42 | -webkit-box-align: center;
 43 |     -ms-flex-align: center;
 44 |         align-items: center;
 45 | }
 46 | 
 47 | .group{
 48 |     width: 100%;
 49 |     margin-bottom: 10px;
 50 |     position: relative;
 51 | }
 52 | .group i, select i{
 53 |     position: absolute;
 54 |     top: 20px;
 55 |     right: 10px;
 56 | }
 57 | input:focus, button:focus{
 58 |     outline-color: none;
 59 | }
 60 | 
 61 | input, select{
 62 |     background-color: #e8f0fe;;
 63 |     width: 100%;
 64 |     -webkit-box-sizing: border-box;
 65 |             box-sizing: border-box;
 66 |     padding: 12px 5px;    
 67 |     border-radius: 9px;
 68 |     border: 0.5px solid #b9a7a7;
 69 |     margin: 5px 0 5px 0;
 70 |     letter-spacing: 0.5px;
 71 |     font-size: 14px;
 72 |     font-weight: 400;
 73 |     outline: none;
 74 |     padding: 12px 40px 12px 20px;
 75 | }
 76 | select {
 77 |     margin-bottom: 10px;;
 78 | }
 79 | input:focus::-webkit-input-placeholder{
 80 |     color: #53bde2;
 81 | }
 82 | input:focus::-moz-placeholder{
 83 |     color: #53bde2;
 84 | }
 85 | input:focus:-ms-input-placeholder{
 86 |     color: #53bde2;
 87 | }
 88 | input:focus::-ms-input-placeholder{
 89 |     color: #53bde2;
 90 | }
 91 | input:focus, input:focus::placeholder,input:focus+i{
 92 |     color: #53bde2;
 93 | }
 94 | .group i, select i, p, a{
 95 |     font-weight: normal;
 96 |     font-size: 14px
 97 | }
 98 | 
 99 | button{
100 |     font-weight: bold;
101 |     font-size: 18px;
102 |     -webkit-box-sizing: border-box;
103 |             box-sizing: border-box;
104 |     width: 100%;
105 |     border: 0;
106 |     border-radius: 4px;
107 |     padding: 12px;
108 |     background-color: #527797;
109 |     margin-top: 30px;
110 |     margin-bottom: 20px;
111 |     background-color: 527797;
112 |     cursor: pointer;
113 | }
114 | button, button i{
115 |     color: #fff;
116 | }
117 | button i{
118 |     margin-right: 10px;
119 | }
120 | button:hover{  
121 |     -webkit-transition-duration: 150ms;  
122 |          -o-transition-duration: 150ms;  
123 |             transition-duration: 150ms;
124 |     -webkit-transform: translateY(-3px);
125 |         -ms-transform: translateY(-3px);
126 |             transform: translateY(-3px);  
127 | }
128 | p{
129 |     margin-bottom: 20px;
130 | }
131 | h2
132 | {
133 |     text-align: left;
134 |     font-size: 25px;
135 |     font-weight: 600;
136 |     margin-right: auto;
137 |     margin-bottom: 30px;
138 |     color: #424e5c;
139 | }
140 | .wrap{
141 |     text-align: center;
142 |      position: relative;
143 |      display: -webkit-box;
144 |      display: -ms-flexbox;
145 |      display: flex;
146 |      -webkit-box-orient: vertical;
147 |      -webkit-box-direction: normal;
148 |          -ms-flex-direction: column;
149 |              flex-direction: column;
150 |     width: 400px;
151 |     border-radius: 10px;
152 |     margin: auto;
153 |     background: white;
154 |     border: 5px solid white;
155 |     -webkit-box-sizing: border-box;
156 |             box-sizing: border-box;
157 |     padding: 40px;
158 |     margin-top: 40px;
159 |     margin-bottom: 40px;
160 |     padding: 30px 25px 10px 25px;
161 |     -webkit-box-shadow: 0px 0px 19px 0px rgba(0,0,0,0.45);
162 | box-shadow: 0px 0px 19px 0px rgba(0,0,0,0.45);
163 | }
164 | p {
165 |     font-size: 14px;
166 |     color: #484545;
167 | }
168 | a
169 | {
170 |     font-size: 14px;
171 |     color: #5a789a;
172 | }
173 | .devImg {
174 |     -ms-flex-item-align: start;
175 |         align-self: flex-start;
176 |     -webkit-transform: scale(0.85);
177 |         -ms-transform: scale(0.85);
178 |             transform: scale(0.85);
179 |     margin-bottom: 10px;
180 | }


--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 |   <head>
 4 |     <meta charset="UTF-8" />
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 6 |     <meta http-equiv="X-UA-Compatible" content="ie=edge" />
 7 |     <title>30 Days of Code</title>
 8 |     <link rel="stylesheet" href="./assets/css/index.css" />
 9 |      <link rel="shortcut icon" href="./assets/img/favicon.png" type="image/x-icon">
10 |      <meta name="description" content="30 days of code is a platform to help developers grow and improve in their field through consistent practice and problem solving">
11 |      <meta property="og:type" content="website">
12 |      <meta name="keywords" content="30 days of code, engineering career expo, ECX, ecx, dsc unilag, code, design, competition">
13 |      <meta property="og:url" content="https://30daysofcode.xyz">
14 |      <meta property="og:site_name" content="30 days of code">
15 |      <meta property="og:image" content="./assets/img/favicon.png">
16 |      <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
17 | <meta http-equiv="Pragma" content="no-cache" />
18 | <meta http-equiv="Expires" content="0"/>
19 |   </head>
20 |   <body>
21 |     <div class="body-content flex col">
22 |       <header>
23 |         <nav>
24 |           <button id="sign-in-btn" class="btn flex row cnt">
25 |             <a href="./sign_in.php">SIGN IN</a>
26 |           </button>
27 |         </nav>
28 |       </header>
29 |       <div class="stretch flex col">
30 |         <main class="main-content flex col">
31 |           <h1>30 DAYS OF CODE & DESIGN</h1>
32 |           <img src="./assets/img/lbs.png" alt="learnBuildShare" />
33 |           <p>
34 |             <strong>
35 |                30 days of code is a platform to help developers grow and improve in their field through consistent practice and problem solving. <br>
36 |               Solve daily challenges and get graded! 
37 |             </strong>
38 |           </p>
39 |           <button id="sign-up-btn" class="btn flex row cnt">
40 |             <a href="./sign_up.php">SIGN UP TO PARTICIPATE</a>
41 |           </button>
42 |         </main>
43 |         <footer class="flex col">
44 |           <p class="track">TRACKS</p>
45 |           <ul class="flex row">
46 |             <li>FRONTEND</li>
47 |             <li>BACKEND</li>
48 |             <li>ML</li>
49 |             <li>MOBILE</li>
50 |           </ul>
51 |           <p class="copy">&copy; 30 Days of Code 2020</p>
52 |         </footer>
53 |       </div>
54 |     </div>
55 |     <script>
56 |       var btns = Array.from(document.getElementsByClassName("btn"));
57 |       for (var i = 0; i < btns.length; ++i) {
58 |         btns[i].addEventListener("click", function (e) {
59 |           if (e.target.tagName == "BUTTON") {
60 |             window.location.href = e.target.children[0].href;
61 |           }
62 |         });
63 |       }
64 |     </script>
65 |   </body>
66 | </html>
67 | 


--------------------------------------------------------------------------------
/leaderboard/award.js:
--------------------------------------------------------------------------------
  1 | function getOverallRanking(){
  2 |     $.ajax({
  3 |       url : "./results.json",
  4 |       success : function(result) {
  5 |         updateRankings(result);
  6 |       },
  7 |     })
  8 |   }    
  9 |   function trim(url){
 10 |     return url.split(' ').join('');
 11 |   }
 12 |     function updateRankings(ranks) {    
 13 |       //update first position
 14 |       var first = ranks[0];
 15 |       $('.first .name').text(first.nickname);
 16 |       $('.first .top-avatar').attr("src", `https://robohash.org/${trim(first.nickname+first.track)}`)
 17 |       $('.first .track').text(first.track);
 18 |       $('.first .points').text(first.score + ' points');
 19 |       // $('div.one').addClass(first.track);
 20 |   
 21 |       //update second Position
 22 |       var second = ranks[1];
 23 |       $('.second .name').text(second.nickname);
 24 |       $('.second .top-avatar').attr("src", `https://robohash.org/${trim(second.nickname+second.track)}`)
 25 |       $('.second .track').text(second.track);
 26 |       $('.second .points').text(second.score + ' points');
 27 |       // $('div.two').addClass(second.track);
 28 |   
 29 |       //update third position
 30 |       var third = ranks[2];
 31 |       $('.third .name').text(third.nickname);
 32 |       $('.third .top-avatar').attr("src", `https://robohash.org/${trim(third.nickname+third.track)}`)
 33 |       $('.third .track').text(third.track);
 34 |       $('.third .points').text(third.score + ' points');
 35 |       // $('div.three').addClass(third.track);
 36 |         
 37 |       //update the rest
 38 |       var starter = 4
 39 |       for (let i = 3; i < ranks.length; i++) {
 40 |         var markup =`<div class="person flex row">
 41 |         <span class="rank flex row"> ${starter} </span>
 42 |         <img src="https://robohash.org/${trim(ranks[i].nickname+ranks[i].track)}" style="width: 55px; height: 55px; margin-top: -12px;" alt="avatar">
 43 |         <div class="flx col">
 44 |          <div class="name">${ranks[i].nickname}</div>
 45 |          <div class="track ${ranks[i].track}">${ranks[i].track}</div>
 46 |         </div> 
 47 |         <div class="score"><span class="value">${ranks[i].score}</span> points</div>
 48 |        </div>`        
 49 |         $('.theRest').append(markup);
 50 |         starter++
 51 |       }
 52 |       var animationStyle = document.createElement('style');
 53 |       animationStyle.innerHTML = `
 54 |       @-webkit-keyframes podium_up {
 55 |         from {
 56 |          -webkit-transform: translateY(100%);
 57 |                  transform: translateY(100%);
 58 |         }
 59 |         to {
 60 |          -webkit-transform: translateY(0);
 61 |                  transform: translateY(0);
 62 |         }
 63 |        }
 64 |        
 65 |        @keyframes podium_up {
 66 |         from {
 67 |          -webkit-transform: translateY(100%);
 68 |                  transform: translateY(100%);
 69 |         }
 70 |         to {
 71 |          -webkit-transform: translateY(0);
 72 |                  transform: translateY(0);
 73 |         }
 74 |        }
 75 |        @-webkit-keyframes quickFade {
 76 |         from {
 77 |          opacity: 0;
 78 |          -webkit-transform: scale(1.3);
 79 |                  transform: scale(1.3);
 80 |         }
 81 |         to {
 82 |          opacity: 1;
 83 |          -webkit-transform: scale(1);
 84 |                  transform: scale(1);
 85 |         }
 86 |        }
 87 |        @keyframes quickFade {
 88 |         from {
 89 |          opacity: 0;
 90 |          -webkit-transform: scale(1.3);
 91 |                  transform: scale(1.3);
 92 |         }
 93 |         to {
 94 |          opacity: 1;
 95 |          -webkit-transform: scale(1);
 96 |                  transform: scale(1);
 97 |         }
 98 |        }
 99 |        @-webkit-keyframes normalFade {
100 |         from {
101 |          opacity: 0;
102 |         }
103 |         to {
104 |          opacity: 1;
105 |         }
106 |        }
107 |        @keyframes normalFade {
108 |         from {
109 |          opacity: 0;
110 |         }
111 |         to {
112 |          opacity: 1;
113 |         }
114 |        }
115 |        @-webkit-keyframes quickSpin {
116 |         from {
117 |          -webkit-transform: rotateZ(720deg);
118 |                  transform: rotateZ(720deg);
119 |          opacity: 0;
120 |         }
121 |         to {
122 |          opacity: 1;
123 |          -webkit-transform: rotateZ(0deg);
124 |                  transform: rotateZ(0deg);
125 |         }
126 |        }
127 |        @keyframes quickSpin {
128 |         from {
129 |          -webkit-transform: rotateZ(720deg);
130 |                  transform: rotateZ(720deg);
131 |          opacity: 0;
132 |         }
133 |         to {
134 |          opaci
135 | ty: 1;
136 |          -webkit-transform: rotateZ(0deg);
137 |                  transform: rotateZ(0deg);
138 |         }
139 |        }
140 |       `
141 |       document.getElementById('startAnimate').appendChild(animationStyle)
142 |     }
143 |     getOverallRanking();
144 |   //Rankings Array
145 |   let ranks = JSON.parse(localStorage.getItem('ranks'));
146 |   localStorage.removeItem('ranks');
147 |   
148 |   function filterRanks(filter) {
149 |     const newRanks = ranks.filter(obj => obj.track == filter)
150 |   
151 |     console.log(newRanks);
152 |     //updateRankings(newRanks);
153 |   }  
154 |   document.getElementById('filterform').onsubmit = (e)=>{
155 |       e.preventDefault();
156 |       let filter = document.getElementById('filter').value.split(' ').join('+');
157 |       let completePageURL =  window.location.href.split('?'),
158 |       actualURL = completePageURL[0];
159 |       if (window.location.href === `${actualURL}?filter=${filter}`) {
160 |         return true;
161 |       } else{
162 |         window.location.href = `award.php?filter=${filter}`
163 |       }
164 |   }
165 |   
166 |   const queryParam = new URLSearchParams(window.location.search).toString().split('=').pop();
167 |   const id = queryParam.split('+').join(' ');
168 |   const test = id;
169 |   
170 |   // document.getElementById(test).selected = true; n
171 | 


--------------------------------------------------------------------------------
/leaderboard/index.css:
--------------------------------------------------------------------------------
  1 | @import url("https://fonts.googleapis.com/css?family=Red+Hat+Display:400,900&display=swap");
  2 | body, html {
  3 |   align-items: center;
  4 |   height: 100%;
  5 |   width: 100%;
  6 |   overflow-x: hidden !important;
  7 |   margin: 0px;
  8 |   background: #302f33;
  9 |   color: #333;
 10 |   display: flex;
 11 |   flex-direction: column;
 12 | }
 13 | 
 14 | div.filter{
 15 |   /* position: absolute; */
 16 |   /* top: 3%; */
 17 |   /* left: 25%; */
 18 |   width: fit-content;
 19 |   margin-top: 30px;
 20 | }
 21 | #filterform {
 22 |   display: flex;
 23 |   flex-direction: row;
 24 |   align-items: center;
 25 |   justify-content: space-between;
 26 | }
 27 | div.filter select{
 28 |   width: 270px;
 29 |   display: inline;
 30 |   padding: 3px;
 31 |   font-family: 'Red Hat Display';
 32 |   background: lightsteelblue;
 33 | }
 34 | div.filter .btn{
 35 |   width: 60px;
 36 |   margin-left: 5px;
 37 | }
 38 | div.filter .btn:nth-child(3) {
 39 |   border: none;
 40 |   background-color: #efef13;
 41 |   width: fit-content;
 42 |   color: black;
 43 |   padding: 7px 16px;
 44 |   text-decoration: none;
 45 |   margin: 4px 2px;
 46 |   cursor: pointer;
 47 |   border-radius: 20px;
 48 | }
 49 | 
 50 | button.btn.btn-warning:hover {
 51 |     background: white;
 52 |     border: #efef13;
 53 |     
 54 | }
 55 | 
 56 | button.btn.btn-warning:hover {
 57 |     background: white;
 58 | }
 59 | .center {
 60 | /*   position: absolute; */
 61 | /*   top:25% !important; */  
 62 | /*   left: 25%; */
 63 |     margin-top: 60px;
 64 |     width: 50%;
 65 |     font-family: 'Red Hat Display', sans-serif;
 66 | }
 67 | 
 68 | .top3 {
 69 |   display: -webkit-box;
 70 |   display: flex;
 71 |   -webkit-box-pack: center;
 72 |           justify-content: center;
 73 |   -webkit-box-align: end;
 74 |           align-items: flex-end;
 75 |   color: #4B4168;
 76 | }
 77 | .top3 .item {
 78 |   box-sizing: border-box;
 79 |   position: relative;
 80 |   background: white;
 81 |   width: 9rem;
 82 |   height: 12rem;
 83 |   text-align: center;
 84 |   padding: 2.8rem 0 0;
 85 |   margin: 1rem 1rem 2rem;
 86 |   border-radius: 0.5rem;
 87 |   -webkit-transform-origin: bottom;
 88 |           transform-origin: bottom;
 89 |   cursor: pointer;
 90 |   -webkit-transition: -webkit-transform 200ms ease-in-out;
 91 |   transition: -webkit-transform 200ms ease-in-out;
 92 |   transition: transform 200ms ease-in-out;
 93 |   transition: transform 200ms ease-in-out, -webkit-transform 200ms ease-in-out;
 94 |   box-shadow: 0 0 4rem 0 rgba(0, 0, 0, 0.1), 0 1rem 2rem -1rem rgba(0, 0, 0, 0.3);
 95 | }
 96 | .top3 .item .pic {
 97 |   position: absolute;
 98 |   top: -2rem;
 99 |   left: 2.5rem;
100 |   width: 4rem;
101 |   height: 4rem;
102 |   border-radius: 50%;
103 |   background-size: cover;
104 |   background-position: center;
105 |   margin-right: 1rem;
106 |   box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.2), 0 1rem 1rem -0.5rem rgba(0, 0, 0, 0.3);
107 | }
108 | .top3 .item .pos {
109 |   font-weight: 900;
110 |   font-size: 1.5rem;
111 |   margin-bottom: 0.5rem;
112 | }
113 | .top3 .item .name {
114 |   font-size: 1.1rem;
115 |   margin-bottom: 0.5rem;
116 | }
117 | .top3 .item .score {
118 |   opacity: 0.5;
119 | }
120 | .top3 .item .score:after {
121 |   display: block;
122 |   content: 'points';
123 |   opacity: 0.5;
124 | }
125 | .top3 .item.one {
126 |   width: 10rem;
127 |   height: 13rem;
128 |   padding-top: 3.5rem;
129 | }
130 | .top3 .item.one .pic {
131 |   width: 5rem;
132 |   height: 5rem;
133 |   left: 2.5rem;
134 | }
135 | .top3 .item:hover {
136 |   -webkit-transform: scale(1.05);
137 |           transform: scale(1.05);
138 | }
139 | 
140 | .list {
141 |   width: 85%;
142 |   padding-left: 2rem;
143 |   margin: 0 auto;
144 | }
145 | .list .item {
146 |   position: relative;
147 |   display: -webkit-box;
148 |   display: flex;
149 |   flex-direction: row;
150 |   -webkit-box-align: center;
151 |   align-items: center;
152 |   height: 3rem;
153 |   border-radius: 4rem;
154 |   margin-bottom: 2rem;
155 |   -webkit-transform-origin: left;
156 |   transform-origin: left;
157 |   cursor: pointer;
158 |   -webkit-transition: -webkit-transform 200ms ease-in-out;
159 |   transition: -webkit-transform 200ms ease-in-out;
160 |   transition: transform 200ms ease-in-out;
161 |   transition: transform 200ms ease-in-out, -webkit-transform 200ms ease-in-out;
162 |   box-shadow: 0 0 4rem 0 rgba(0, 0, 0, 0.1), 0 1rem 2rem -1rem rgba(0, 0, 0, 0.3);
163 | }
164 | .list .item .pos {
165 |   font-weight: 900;
166 |   position: absolute;
167 |   left: -2rem;
168 |   text-align: center;
169 |   font-size: 1.25rem;
170 |   width: 1.5rem;
171 |   color: white;
172 |   opacity: 0.6;
173 |   -webkit-transition: opacity 200ms ease-in-out;
174 |   transition: opacity 200ms ease-in-out;
175 | }
176 | .list .item .pic {
177 |   width: 4rem;
178 |   height: 4rem;
179 |   border-radius: 50%;
180 |   background-size: cover;
181 |   background-position: center;
182 |   margin-right: 1rem;
183 |   box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.2), 0 1rem 1rem -0.5rem rgba(0, 0, 0, 0.3);
184 | }
185 | .list .item .name {
186 |   -webkit-box-flex: 2;
187 |           flex-grow: 2;
188 |   flex-basis: 10rem;
189 |   font-size: 1.1rem;
190 | }
191 | .list .item .score {
192 |   margin-right: 1.5rem;
193 |   opacity: 0.5;
194 | }
195 | .list .item .score:after {
196 |   margin-right: 1rem;
197 |   content: 'points';
198 |   opacity: 0.5;
199 | }
200 | .list .item:hover {
201 |   -webkit-transform: scale(1.05);
202 |           transform: scale(1.05);   
203 | -webkit-box-shadow:  0 0 0.1vw  0.1vw #fff7f7,   
204 |   0 0 5px  5px rgba(0,123,255,.5), 
205 |   0 0 2px 1px rgba(0,123,255,.25),
206 |   inset 0 0 0.1vw  0.1vw #0062cc,
207 |   inset 0 0 0.1vw  0.1vw #e97272,
208 |   inset 0 0 0.1vw  0.1vw #fff7f7;
209 |   box-shadow:  0 0 0.1vw  0.1vw #fff7f7,   
210 |   0 0 5px  5px rgba(0,123,255,.5), 
211 |   0 0 2px 1px rgba(0,123,255,.25),
212 |   inset 0 0 0.1vw  0.1vw #0062cc,
213 |   inset 0 0 0.1vw  0.1vw #e97272,
214 |   inset 0 0 0.1vw  0.1vw #fff7f7;
215 | 
216 | }
217 | .list .item:hover .pos {
218 |   opacity: 0.8;
219 | }
220 | 
221 | .others .track{
222 |   position: absolute;
223 |   left: 50%;
224 | }
225 | 
226 | .python{
227 |   background: #333 !important;
228 |   color:#fff;
229 | }
230 | .ui{
231 |   background: #fe413c !important;
232 |   color:#fff;
233 | }
234 | .mobile{
235 |   background: #a4c639 !important;
236 |   color:#fff;
237 | }
238 | .backend{
239 |   background: #a4d !important;
240 |   color:#fff;
241 | }
242 | .frontend{
243 |   background: #26a8fe !important;
244 |   color:#fff;
245 | }
246 | .design{
247 |   background: #feaf30 !important;
248 |   color:#fff;
249 | }


--------------------------------------------------------------------------------
/leaderboard/index.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | include "../config/connect.php";
  3 | $userRanking = [];
  4 | //user class for each fetched user
  5 | class User
  6 | {
  7 |     public $nickname;
  8 |     public $track;
  9 |     public $level;
 10 |     public $score;
 11 | 
 12 |     function __construct($nickname,$track,$level,$score){
 13 |     $this->nickname = $nickname;
 14 |     $this->track = $track;
 15 |     $this->level = $level;
 16 |     $this->score = $score;
 17 |     }
 18 | }
 19 | function makeSQL($track,$level){
 20 |   if (($level == 'beginner' || $level == 'intermediate') and ($track !== 'general' and $level !== 'general')) {
 21 |     $sql = "SELECT * FROM leaderboard WHERE `track` = '$track' AND `level`='$level' ORDER BY `score` DESC LIMIT 20";
 22 |   }elseif ($track == 'general' and $level !== 'general') {
 23 |     $sql = "SELECT * FROM leaderboard WHERE `level`='$level' ORDER BY `score` DESC LIMIT 20";
 24 |   }elseif ($level == 'general' and $track !== 'general') {
 25 |     $sql = "SELECT * FROM leaderboard WHERE `track` = '$track' ORDER BY `score` DESC LIMIT 20";
 26 |   }else {
 27 |     $sql = "SELECT * FROM leaderboard ORDER BY `score` DESC LIMIT 20";
 28 |   }
 29 | 
 30 |   return $sql;
 31 | }
 32 | //categories for filter 
 33 | if (isset($_GET['track']) and isset($_GET['level'])) {
 34 |     $track = $_GET['track'];
 35 |      $level = $_GET['level'];    
 36 |     
 37 |      if ($track == 'backend' || $track == 'frontend' || $track == 'mobile' || $track == 'python' || $track == 'ui') {
 38 |        $sql = makeSQL($track,$level);
 39 |      }elseif($track == 'general'){
 40 |        $sql = makeSQL('general',$level);
 41 |      }else {
 42 |        $sql = makeSQL('general','general');
 43 |      }
 44 |      
 45 | }else{
 46 |   $sql = makeSQL('general','general');
 47 | }
 48 | $result = mysqli_query($conn,$sql);
 49 | if ($result) {
 50 |     while ($row = mysqli_fetch_assoc($result)) {
 51 |         $nickname = $row['nickname'];
 52 |         $track = $row['track'];
 53 |         $level = $row['level'];
 54 |         $score = $row['score'];
 55 |         $user = new User($nickname,$track,$level,$score);
 56 |         array_push($userRanking,$user);
 57 |     }
 58 | }else{
 59 |     die('error fetching rankings please try again later');
 60 | }
 61 | $res =json_encode($userRanking);
 62 |     $file = fopen('results.json','w') or die('error creating file');
 63 |     fwrite($file,$res);
 64 | 
 65 |  ?>
 66 |  <!DOCTYPE html>
 67 | <html>
 68 |     <head>
 69 |       <link rel="stylesheet" href="./index.css">
 70 |       <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
 71 |       <link rel="shortcut icon" href="https://30daysofcode.xyz/favicon.png" type="image/x-icon">
 72 |     </head>
 73 |     <body>
 74 |       <div class="filter">
 75 |         <form id="filterform" action="#" method="GET">
 76 |         <select name="track" id="track" class="form-control">
 77 |             <?php
 78 |             include "../config/connect.php";
 79 |             $sql = "SELECT DISTINCT `track` FROM leaderboard";
 80 |             $result = mysqli_query($conn,$sql);
 81 |             if ($result) {
 82 |               echo "<option value='general' id='trackNull'>General</option>";
 83 |               while ($row = mysqli_fetch_assoc($result)) {
 84 |                 echo "<option value='".$row['track']."' id='".$row['track']."'>".$row['track']."</option>";
 85 |               }
 86 |             }
 87 |              ?>
 88 |           </select>
 89 |           <select name="level" id="level" class="form-control">
 90 |           <option value="general" id="levelNull">General</option>
 91 |            <option value="beginner" id="beginner">Beginner</option>
 92 |            <option value="intermediate" id="intermediate">Intermediate</option>
 93 |           </select>
 94 |           <button type="submit" class="btn btn-warning">Filter</button>          
 95 |         </form>
 96 |       </div>
 97 |       <div class="center">
 98 |         <div class="top3">
 99 |           <div class="two item">
100 |             <div class="pos">
101 |               
102 |             </div>
103 |             <div class="pic" style="background-image: url()"></div>
104 |             <div class="name">
105 |               
106 |             </div>
107 |             <div class="track"></div>
108 |             <div class="score">
109 |               
110 |             </div>
111 |           </div>
112 |           <div class="one item">
113 |             <div class="pos">
114 |               
115 |             </div>
116 |             <div class="pic" style="background-image: url()"></div>
117 |             <div class="name">
118 |              
119 |             </div>
120 |             <div class="track"></div>
121 |             <div class="score">
122 |               
123 |             </div>
124 |           </div>
125 |           <div class="three item">
126 |             <div class="pos">
127 |               
128 |             </div>
129 |             <div class="pic" style="background-image: url()"></div>
130 |             <div class="name">
131 |            
132 |             </div>
133 |             <div class="track"></div>
134 |             <div class="score">
135 |               
136 |             </div>
137 |           </div>
138 |         </div>
139 |           <div class="list others">
140 |           </div>
141 |         </div>
142 |       <script src="leaderboard1.js"></script>
143 |     </body>
144 | </html>
145 | 


--------------------------------------------------------------------------------
/leaderboard/leaderboard0.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 |   $userRanking = array();
  3 |   function getUSerRankings($fetched_array)
  4 |   {
  5 |     include "../config/connect.php";
  6 | 
  7 |     //user class for each fetched user
  8 |     class User
  9 |     {
 10 |       public $nickname;
 11 |       public $track;
 12 |       public $score;
 13 | 
 14 |       function __construct($nickname,$track,$score){
 15 |         $this->nickname = $nickname;
 16 |         $this->track = $track;
 17 |         $this->score = $score;
 18 |       }
 19 |     }
 20 | 
 21 |     if (isset($_GET['filter']) && !empty($_GET['filter'])) {
 22 |       //preparing the query parameter
 23 |       $filter = $_GET['filter'];
 24 |       $filter = explode('+',$filter);
 25 |       function myfunction($v1,$v2)
 26 |       {
 27 |       return $v1 . " " . $v2;
 28 |       }
 29 |       $filter = array_reduce($filter,"myfunction");
 30 |       $filter = trim($filter);
 31 | 
 32 | 
 33 |       switch ($filter) {
 34 |         case 'General':
 35 |           $val = '';
 36 |           $sql = "SELECT * FROM user WHERE `isAdmin` = 0 And `university`='$val' ORDER BY `score` DESC LIMIT 20";
 37 |           break;
 38 | 
 39 |         default:
 40 |           $sql = "SELECT * FROM user WHERE `isAdmin` = 0 AND `university` ='$filter' ORDER BY `score` DESC LIMIT 20";
 41 |           break;
 42 |       }
 43 |     }else{
 44 |       $val = '';
 45 |       $sql = "SELECT * FROM user WHERE `isAdmin` = 0 And `university` = '$val' ORDER BY `score` DESC LIMIT 20";
 46 |     }
 47 |     $result = mysqli_query($conn,$sql);
 48 |     if ($result) {
 49 |       echo "worked";
 50 |     }
 51 |     if (mysqli_num_rows($result) > 0) {
 52 |       while ($row = mysqli_fetch_assoc($result)) {
 53 |           $nickname = $row['nickname'];
 54 |           $track = $row['track'];
 55 |           $score = $row['score'];
 56 |           $user = new User($nickname,$track,$score);
 57 |           array_push($fetched_array,$user);
 58 |       }
 59 |     }
 60 |     $res =json_encode($fetched_array);
 61 |     $file = fopen('results.json','w') or die('error creating file');
 62 |     fwrite($file,$res);
 63 |   }
 64 |   getUSerRankings($userRanking);
 65 |  ?>
 66 |  <!DOCTYPE html>
 67 | <html>
 68 |     <head>
 69 |       <link rel="stylesheet" href="./index.css">
 70 |       <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
 71 |       <link rel="shortcut icon" href="https://30daysofcode.xyz/favicon.png" type="image/x-icon">
 72 |     </head>
 73 |     <body>
 74 |       <div class="filter">
 75 |         <form id="filterform">
 76 |           <select name="" id="filter" class="form-control">
 77 |             <?php
 78 |             include "../config/connect.php";
 79 |             $sql = "SELECT DISTINCT `university` FROM user";
 80 |             $result = mysqli_query($conn,$sql);
 81 |             if ($result && mysqli_num_rows($result) > 0) {
 82 |               while ($row = mysqli_fetch_assoc($result)) {
 83 |                 $row['university'] == ''?$row['university'] = 'General' : true;
 84 |                 echo "<option value='".$row['university']."' id='".$row['university']."'>".$row['university']."</option>";
 85 |               }
 86 |             }
 87 |              ?>
 88 |           </select>
 89 |           <button type="submit" class="btn btn-warning">Filter</button>          
 90 |           <a href="track.php" class="btn btn-warning">Filter By Track</a>
 91 |         </form>
 92 |       </div>
 93 |       <div class="center">
 94 |         <div class="top3">
 95 |           <div class="two item">
 96 |             <div class="pos">
 97 |               2
 98 |             </div>
 99 |             <div class="pic" style="background-image: url(&#39;https://randomuser.me/api/portraits/men/44.jpg&#39;)"></div>
100 |             <div class="name">
101 |               Ifihan Olusheye
102 |             </div>
103 |             <div class="track">empty</div>
104 |             <div class="score">
105 |               30
106 |             </div>
107 |           </div>
108 |           <div class="one item">
109 |             <div class="pos">
110 |               1
111 |             </div>
112 |             <div class="pic" style="background-image: url(&#39;https://randomuser.me/api/portraits/men/31.jpg&#39;)"></div>
113 |             <div class="name">
114 |               Geektutor
115 |             </div>
116 |             <div class="track"></div>
117 |             <div class="score">
118 |               10
119 |             </div>
120 |           </div>
121 |           <div class="three item">
122 |             <div class="pos">
123 |               3
124 |             </div>
125 |             <div class="pic" style="background-image: url(&#39;https://randomuser.me/api/portraits/women/91.jpg&#39;)"></div>
126 |             <div class="name">
127 |               Akin Aguda
128 |             </div>
129 |             <div class="track"></div>
130 |             <div class="score">
131 |               50
132 |             </div>
133 |           </div>
134 |         </div>
135 |           <div class="list others">
136 |           </div>
137 |         </div>
138 |       <script src="leaderboard.js"></script>
139 |     </body>
140 | </html>
141 | 


--------------------------------------------------------------------------------
/leaderboard/leaderboard1.js:
--------------------------------------------------------------------------------
  1 | $(document).ready(function(){
  2 |   function getOverallRanking(){
  3 |    $.ajax({
  4 |      url : "./results.json",
  5 |      success : function(result) {
  6 |        //result)
  7 |        updateRankings(result);
  8 |      },
  9 |    })
 10 |  }
 11 | 
 12 |    getOverallRanking();
 13 |    function updateRankings(ranks) {
 14 |      function trim(url){
 15 |        return url.split(' ').join('');
 16 |      }
 17 |      //update first position
 18 |      var first = ranks[0];
 19 |      $('div.one .name').text(first.nickname);
 20 |      $('div.one .pic').css({"background-image": `url(https://robohash.org/${trim(first.nickname+first.track)})`});
 21 |      $('div.one .track').text(first.track);
 22 |      $('div.one .score').text(first.score);
 23 |      $('div.one').addClass(first.track);
 24 |  
 25 |      //update second Position
 26 |      var second = ranks[1];
 27 |      $('div.two .name').text(second.nickname);
 28 |      $('div.two .pic').css({"background-image": `url(https://robohash.org/${trim(second.nickname+second.track)})`});
 29 |      $('div.two .track').text(second.track);
 30 |      $('div.two .score').text(second.score);
 31 |      $('div.two').addClass(second.track);
 32 |  
 33 |      //update third position
 34 |      var third = ranks[2];
 35 |      $('div.three .name').text(third.nickname);
 36 |      $('div.three .pic').css({"background-image": `url(https://robohash.org/${trim(third.nickname+third.track)})`});
 37 |      $('div.three .track').text(third.track);
 38 |      $('div.three .score').text(third.score);
 39 |      $('div.three').addClass(third.track);
 40 |  
 41 |      //update the rest
 42 |      var starter = 4
 43 |      for (let i = 3; i < ranks.length; i++) {
 44 |        var markup =`
 45 |        <div class="item ${ranks[i].track}">
 46 |            <div class="pos">
 47 |              ${starter}
 48 |            </div>
 49 |            <div class="pic" style="background-image: url(https://robohash.org/${trim(ranks[i].nickname+ranks[i].track)})"></div>
 50 |            <div class="name">
 51 |              ${ranks[i].nickname}
 52 |            </div>
 53 |            <div class="score">
 54 |              ${ranks[i].score}
 55 |            </div>
 56 |          </div>`;
 57 |        $('div.list').append(markup);
 58 |        starter++
 59 |      }
 60 |    }
 61 |  //Rankings Array
 62 |  let ranks = JSON.parse(localStorage.getItem('ranks'));
 63 |  localStorage.removeItem('ranks');
 64 |  
 65 |  function filterRanks(filter) {
 66 |    const newRanks = ranks.filter(obj => obj.track == filter)
 67 |  
 68 |    console.log(newRanks);
 69 |    //updateRankings(newRanks);
 70 |  }
 71 |  
 72 |  // document.getElementById('filterform').onsubmit = (e)=>{
 73 |  //     e.preventDefault();
 74 |  //     let filter = document.getElementById('filter').value.split(' ').join('+');
 75 |  //     let completePageURL =  window.location.href.split('?'),
 76 |  //     actualURL = completePageURL[0];
 77 |  //     if (window.location.href === `${actualURL}?filter=${filter}`) {
 78 |  //       return true;
 79 |  //     } else{
 80 |  //       window.location.href = `index.php?filter=${filter}`
 81 |  //     }
 82 |  // }
 83 | 
 84 | 
 85 | 
 86 |  var url = window.location.href;
 87 |  if (url.endsWith('#')) {
 88 |    const hashpoint = url.indexOf('#');
 89 |    url = url.split('').slice(0,hashpoint)
 90 |    var newUrl = url.join('');
 91 |    url = newUrl;
 92 |  }
 93 |  // var splitPoint = url.indexOf('?');
 94 |  // var search = url.slice(splitPoint);
 95 | 
 96 |  // var params = new URLSearchParams(search);
 97 |  // var paramsObj = {};
 98 | 
 99 |  // for (const value of params.keys()) {
100 |  //   paramsObj[value] = params.get[value]
101 |  // }
102 |  const params = url.split('?')
103 | 
104 |  if (params.length > 1) {
105 |    const query = params[1].split('&');
106 | 
107 |    const paramsObj = {}
108 | 
109 |    paramsObj.track =query[0].split('=')[1]
110 |    paramsObj.level =query[1].split('=')[1]
111 | 
112 |    if(paramsObj.track == 'general'){paramsObj.track = 'trackNull'}
113 |    if(paramsObj.level == 'general'){paramsObj.level = 'levelNull'}
114 | 
115 |    document.getElementById(paramsObj.track).selected = true;
116 |    document.getElementById(paramsObj.level).selected = true;
117 |  
118 |  }
119 | 
120 | });
121 | 
122 | 
123 |  
124 | 
125 |  


--------------------------------------------------------------------------------
/leaderboard/results.json:
--------------------------------------------------------------------------------
1 | [{"nickname":"leee","track":"backend","level":"intermediate","score":"33"},{"nickname":"efe","track":"backend","level":"intermediate","score":"20"},{"nickname":"kruse","track":"backend","level":"intermediate","score":"10"}]


--------------------------------------------------------------------------------
/leaderboard/track.js:
--------------------------------------------------------------------------------
 1 | function getOverallRanking(){
 2 |     $.ajax({
 3 |       url : "./trackresults.json",
 4 |       success : function(result) {
 5 |         //result)
 6 |         updateRankings(result);
 7 |       },
 8 |     })
 9 |   }
10 |     getOverallRanking();
11 |     function updateRankings(ranks) {
12 |       function trim(url){
13 |         return url.split(' ').join('');
14 |       }
15 |       //update first position
16 |       var first = ranks[0];
17 |       $('div.one .name').text(first.nickname);
18 |       $('div.one .pic').css({"background-image": `url(https://robohash.org/${trim(first.nickname+first.track)})`});
19 |       $('div.one .track').text(first.track);
20 |       $('div.one .score').text(first.score);
21 |       $('div.one').addClass(first.track);
22 |   
23 |       //update second Position
24 |       var second = ranks[1];
25 |       $('div.two .name').text(second.nickname);
26 |       $('div.two .pic').css({"background-image": `url(https://robohash.org/${trim(second.nickname+second.track)})`});
27 |       $('div.two .track').text(second.track);
28 |       $('div.two .score').text(second.score);
29 |       $('div.two').addClass(second.track);
30 |   
31 |       //update third position
32 |       var third = ranks[2];
33 |       $('div.three .name').text(third.nickname);
34 |       $('div.three .pic').css({"background-image": `url(https://robohash.org/${trim(third.nickname+third.track)})`});
35 |       $('div.three .track').text(third.track);
36 |       $('div.three .score').text(third.score);
37 |       $('div.three').addClass(third.track);
38 |   
39 |       //update the rest
40 |       var starter = 4
41 |       for (let i = 3; i < ranks.length; i++) {
42 |         var markup =`
43 |         <div class="item ${ranks[i].track}">
44 |             <div class="pos">
45 |               ${starter}
46 |             </div>
47 |             <div class="pic" style="background-image: url(https://robohash.org/${trim(ranks[i].nickname+ranks[i].track)})"></div>
48 |             <div class="name">
49 |               ${ranks[i].nickname}
50 |             </div>
51 |             <div class="score">
52 |               ${ranks[i].score}
53 |             </div>
54 |           </div>`;
55 |         $('div.list').append(markup);
56 |         starter++
57 |       }
58 |     }
59 |   //Rankings Array
60 |   let ranks = JSON.parse(localStorage.getItem('ranks'));
61 |   localStorage.removeItem('ranks');
62 |   
63 |   function filterRanks(filter) {
64 |     const newRanks = ranks.filter(obj => obj.track == filter)
65 |   
66 |     console.log(newRanks);
67 |     //updateRankings(newRanks);
68 |   }
69 |   
70 |   document.getElementById('filterform').onsubmit = (e)=>{
71 |       e.preventDefault();
72 |       let filter = document.getElementById('filter').value.split(' ').join('+');
73 |       let completePageURL =  window.location.href.split('?'),
74 |       actualURL = completePageURL[0];
75 |       if (window.location.href === `${actualURL}?filter=${filter}`) {
76 |         return true;
77 |       } else{
78 |         window.location.href = `track.php?filter=${filter}`
79 |       }
80 |   }
81 |   
82 |   const queryParam = new URLSearchParams(window.location.search).toString().split('=').pop();
83 |   const id = queryParam.split('+').join(' ');
84 |   const test = id;
85 |   document.getElementById(test).selected = true;
86 |   


--------------------------------------------------------------------------------
/leaderboard/track.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 |   $userRanking = [];
  3 |   function getUSerRankings($fetched_array)
  4 |   {
  5 |     include "../config/connect.php";
  6 | 
  7 |     //user class for each fetched user
  8 |     class User 
  9 |     {
 10 |       public $nickname;
 11 |       public $track;
 12 |       public $score;
 13 | 
 14 |       function __construct($nickname,$track,$score){
 15 |         $this->nickname = $nickname;
 16 |         $this->track = $track;
 17 |         $this->score = $score;
 18 |       }
 19 |     }
 20 | 
 21 |     if (isset($_GET['filter']) && !empty($_GET['filter'])) {
 22 |       $filter = $_GET['filter'];
 23 |       switch ($filter) {
 24 |         case 'overall':
 25 |           $sql = "SELECT * FROM user WHERE `isAdmin` = 0 ORDER BY `score` DESC LIMIT 20";
 26 |           break;
 27 |         
 28 |         default:
 29 |           $sql = "SELECT * FROM user WHERE `isAdmin` = 0 AND `track` ='$filter' ORDER BY `score` DESC LIMIT 20";
 30 |           break;
 31 |       }
 32 |     }else{
 33 |       $sql = "SELECT * FROM user WHERE `isAdmin` = 0 ORDER BY `score` DESC LIMIT 20";
 34 |     }
 35 |     $result = mysqli_query($conn,$sql);
 36 |     if (mysqli_num_rows($result) > 0) {
 37 |       while ($row = mysqli_fetch_assoc($result)) {
 38 |           $nickname = $row['nickname'];
 39 |           $track = $row['track'];
 40 |           $score = $row['score'];        
 41 |           $user = new User($nickname,$track,$score);
 42 |           array_push($fetched_array,$user);
 43 |       }
 44 |     }
 45 |     $res =json_encode($fetched_array);
 46 |     $file = fopen('trackresults.json','w') or die('error creating file');
 47 |     fwrite($file,$res);
 48 |   }
 49 |   getUSerRankings($userRanking);
 50 |  ?>
 51 |  <!DOCTYPE html>
 52 | <html>
 53 |     <head>
 54 |       <link rel="stylesheet" href="./index.css">
 55 |       <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
 56 |       <link rel="shortcut icon" href="https://30daysofcode.xyz/favicon.png" type="image/x-icon">
 57 |     </head>
 58 |     <body>
 59 |       <div class="filter">
 60 |         <form id="filterform">
 61 |           <select name="" id="filter" class="form-control">
 62 |             <option id="overall" value="Overall">Overall Rankings</option>
 63 |             <option id="frontend" value="Frontend">Frontend</option>
 64 |             <option id="backend" value="Backend">Backend</option>
 65 |             <option id="design" value="Design">Engineering Design</option>
 66 |             <option id="ui" value="UI">UI/UX</option>
 67 |             <option id="python" value="Python">Python</option>
 68 |             <option id="android" value="Android">Android</option>
 69 |           </select>
 70 |           <button type="submit" class="btn btn-warning">Filter</button>
 71 |         </form>
 72 |       </div>
 73 |       <div class="center">
 74 |         <div class="top3">
 75 |           <div class="two item">
 76 |             <div class="pos">
 77 |               2
 78 |             </div>
 79 |             <div class="pic" style="background-image: url(&#39;https://randomuser.me/api/portraits/men/44.jpg&#39;)"></div>
 80 |             <div class="name">
 81 |               Ifihan Olusheye
 82 |             </div>
 83 |             <div class="track">empty</div>
 84 |             <div class="score">
 85 |               30
 86 |             </div>
 87 |           </div>
 88 |           <div class="one item">
 89 |             <div class="pos">
 90 |               1
 91 |             </div>
 92 |             <div class="pic" style="background-image: url(&#39;https://randomuser.me/api/portraits/men/31.jpg&#39;)"></div>
 93 |             <div class="name">
 94 |               Geektutor
 95 |             </div>
 96 |             <div class="track"></div>
 97 |             <div class="score">
 98 |               10
 99 |             </div>
100 |           </div>
101 |           <div class="three item">
102 |             <div class="pos">
103 |               3
104 |             </div>
105 |             <div class="pic" style="background-image: url(&#39;https://randomuser.me/api/portraits/women/91.jpg&#39;)"></div>
106 |             <div class="name">
107 |               Akin Aguda
108 |             </div>
109 |             <div class="track"></div>
110 |             <div class="score">
111 |               50
112 |             </div>
113 |           </div>
114 |         </div>
115 |           <div class="list others">
116 |           </div>
117 |         </div>      
118 |       <script src="track.js"></script>
119 |     </body>
120 | </html>


--------------------------------------------------------------------------------
/logout.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | session_start(); 
 3 | $_SESSION = array();
 4 | if (ini_get("session.use_cookies")) {
 5 |     $params = session_get_cookie_params();
 6 |     setcookie(session_name(), '', time() - 60*60,
 7 |         $params["path"], $params["domain"],
 8 |         $params["secure"], $params["httponly"]
 9 |     );
10 | }
11 | unset($_SESSION['login_user']);
12 | session_destroy(); // destroy session
13 | header("location:sign_in.php"); 
14 | ?>


--------------------------------------------------------------------------------
/mailer/README.md:
--------------------------------------------------------------------------------
 1 | # FLASK MAILER
 2 | 
 3 | Call the /mail/ endpoint with a GET request of the format below
 4 | * domain_half/mail/?users={"users": {email:username, ...}, "track": trackname}
 5 | * e.g xyz.xyz/mail/?users={"users": {"abc@gmail.com": "ABCode", "sodiq.akinjobi@gmail.com": "Geektutor", "wow@gmail.com": "Lolmao"}, "track": "python"}
 6 | 
 7 | ## Return Values
 8 | * "Sent." - Mails successfully sent to all members of track
 9 | * "Failed." - Refresh and retry
10 | 


--------------------------------------------------------------------------------
/mailer/app.py:
--------------------------------------------------------------------------------
 1 | from flask import Flask, request, render_template
 2 | import smtplib
 3 | import datetime as dt
 4 | from email.utils import formatdate
 5 | import json
 6 | from email.mime.text import MIMEText
 7 | from email.mime.multipart import MIMEMultipart
 8 | 
 9 | app = Flask(__name__)
10 | 
11 | 
12 | @app.route("/")
13 | def index():
14 |     return "Hello World"
15 | 
16 | 
17 | @app.route("/mail", methods=['GET', 'POST'])
18 | def mailed():
19 |     req = json.loads(request.args['users'])
20 |     print(req)
21 |     for i in req['users']:
22 |         email, username = i, req['users'][i]
23 |         done = xender(email, username, req['track'])
24 |     return "Sent." if done else "Failed."
25 | 
26 | 
27 | def xender(email, username, track):
28 |     def today():
29 |         return formatdate(localtime=True).split(' 2020 ')[0].split(', ')[1].split(' ')[0]
30 |     day = int(today()) - 1
31 |     msg = MIMEMultipart('alternative')
32 |     msg['Subject'] = "New Task Uploaded"
33 |     msg['From'] = "owoeyepo@gmail.com"
34 |     msg['To'] = username + ' <' + email + '>'
35 |     msg['Cc'] = ''
36 |     msg['Bcc'] = ''
37 |     msg['Date'] = formatdate(localtime=True)
38 |     rcpt = [msg['Cc']] + [msg['Bcc']] + [msg['To']]
39 |     text = "Good Morning, " + username + "!"
40 |     html = render_template(
41 |         "body.html", username=username, track=track, day=day)
42 |     part1 = MIMEText(text, 'plain')
43 |     part2 = MIMEText(html, 'html')
44 |     msg.attach(part1)
45 |     msg.attach(part2)
46 |     s = smtplib.SMTP('smtp.gmail.com:587')
47 |     s.starttls()
48 |     s.login(msg['From'], """tqgtemgyovpqbaup""")
49 |     s.sendmail(msg['From'], rcpt, msg.as_string())
50 |     s.quit()
51 | 
52 |     dt.datetime.now().strftime("%d %B %Y")
53 |     return True
54 | 
55 | 
56 | # 30days.autocaps.xyz/mail/?users={"users": {"speedstxrspxxd@gmail.com": "redditor","sodiq.akinjobi@gmail.com": "Geektutor","dosolomon5@gmail.com": "LordGhostX"},"track": "python"}
57 | 
58 | if __name__ == "__main__":
59 |     app.run(debug=True)
60 | 
61 | 


--------------------------------------------------------------------------------
/mentors.md:
--------------------------------------------------------------------------------
 1 | #### Python
 2 | 
 3 | Agunbiade Sodiq  (Beginner) - S<br/>
 4 | [Babatunde Koiki](https://twitter.com/bkoiki950) (Intermediate) - B<br/>
 5 | Osemudiamen Itua (Intermediate) - I<br/>
 6 | Fortune Adekogbe (Intermediate) - F<br/>
 7 | [Agunbiade Sodiq](https://twitter.com/sodiq_dev) (Beginner) - S
 8 | Babatunde Koiki (Intermediate) - B
 9 | Osemudiamen Itua (Intermediate) - I
10 | Fortune Adekogbe (Intermediate) - F
11 | Oluwajoba Fashogbon - O
12 | (Intermediate)<br/>
13 | Philip Owoeye(intermediate) - P<br/>
14 | 
15 | #### Backend
16 | 
17 | a. Zubair Idris Aweda (Beginner)  - PHP<br/.
18 | b. Chukwurah Emmanuel (intermediate) - Nodejs & PHP - E<br/>
19 | c. [Akinwande Bolu](https://twitter.com/Bolu Akinwande) (intermediate) - Nodejs - B<br/>
20 | 
21 | #### Mobile
22 | 
23 | a Samuel Abada - S
24 | 
25 | #### FrontEnd
26 | 
27 | a Bami Ogunfemi ( intermediate) - B
28 | b Kazeem Asiwaju-Bello - K (intermediate)
29 | c Fele Omolola (beginner) - F
30 | d Igbinosa Iwinosa (beginner) - I
31 | e Abdullahi Abdulkabir (b) - C
32 | f Akinwunmi Aguda (intermediate) - A
33 | g. Raji mustapha (begginer) - R
34 | 


--------------------------------------------------------------------------------
/new_password.php:
--------------------------------------------------------------------------------
 1 | <?php include('./config/connect.php'); 
 2 |  session_start();
 3 |  //echo  $_SESSION['password_session'];
 4 | if (!isset($_SESSION['password_session']) || empty($_SESSION['password_session'])) {
 5 |     header('location:index.php');
 6 | }
 7 | if (isset($_POST['submit'])) {
 8 |     $password = password_hash($_POST['password'], PASSWORD_DEFAULT);
 9 |     $email = $_SESSION['password_session'];
10 |     $sql = "UPDATE `user` SET `password` = '$password' WHERE `email`='$email'";
11 |     $result = mysqli_query($conn,$sql);
12 |     if ($result) {
13 |        header('location:sign_in.php?message=success');
14 |     }else{
15 |         echo "error updating password. Try again later";
16 |     }
17 | }
18 | ?>
19 | <!DOCTYPE html>
20 | <html lang="en">
21 | <head>
22 |  <meta charset="UTF-8">
23 |  <meta name="viewport" content="width=device-width, initial-scale=1.0">
24 |  <meta http-equiv="X-UA-Compatible" content="ie=edge">
25 |  <title>Set new password - 30 Days of Code</title>
26 |  <link rel="stylesheet" href="./assets/css/form.css">
27 |  <link rel="shortcut icon" href="./assets/img/favicon.png" type="image/x-icon">
28 | </head>
29 | <body>
30 |  <main class="body-content flex col">
31 |   <h1 id="home">30 DAYS OF CODE & DESIGN</h1>
32 |   <img src="./assets/img/lbs.png" alt="learnBuildShare"/>
33 |   <form method="POST" action="<?php echo htmlspecialchars($_SERVER['PHP_SELF']);?>">
34 |    <fieldset>
35 |     <legend>Set new passowrd</legend>
36 |     <p style="margin-bottom: 25px;">Reset password for: <span id="reset-user" style="font-weight: 600;"><?php echo $_SESSION['password_session']?></span></p>    
37 |     <div class="field flex col">
38 |      <label for="npassword">New password</label>
39 |      <input type="password" name="password" id="password" required>     
40 |     </div>
41 |     <div class="field flex col">
42 |      <label for="cnpassword">Confirm password</label>
43 |      <input type="password" name="cnpassword" id="cnpassword" required>     
44 |     </div>
45 |    </fieldset>   
46 |    <button class="flex col" type="submit" name="submit">RESET</button> 
47 |   </form>
48 |  </main>
49 |  <script>
50 |   document.getElementById("home").addEventListener("click", function(){
51 |    window.location.href = "./index.html"
52 |   })
53 |  </script>
54 |  <script src="check.js"></script>
55 | </body>
56 | </html>


--------------------------------------------------------------------------------
/sign_in.php:
--------------------------------------------------------------------------------
  1 | <?php include('./config/connect.php'); ?>
  2 | <!DOCTYPE html>
  3 | <html lang="en">
  4 | <head>
  5 |  <meta charset="UTF-8">
  6 |  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7 |  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  8 |  <title>Sign in - 30 Days of Code</title>
  9 |  <link rel="stylesheet" href="./assets/css/form.css">
 10 |  <link rel="shortcut icon" href="./assets/img/favicon.png" type="image/x-icon">
 11 |  <meta name="description" content="sign in to 30 days of code">
 12 |  <meta property="og:type" content="website">
 13 |  <meta name="keywords" content="30 days of code, sign in, log, in, engineering career expo, ECX, ecx, dsc unilag, code, design, competition">
 14 |  <meta property="og:url" content="https://30daysofcode.xyz">
 15 |  <meta property="og:site_name" content="30 days of code sign in">
 16 |  <meta property="og:image" content="./assets/img/favicon.png">
 17 | </head>
 18 | <body>
 19 |     <?php
 20 |     $error = "";
 21 |     session_start();
 22 |     if (isset($_POST['submit'])) {
 23 |         $username = mysqli_real_escape_string($conn, $_POST['email']);
 24 |         $myPassword = mysqli_real_escape_string($conn, $_POST['password']);
 25 |         $sql = "SELECT * FROM user WHERE `email` = '$username'";
 26 |         $result = mysqli_query($conn,$sql);
 27 |         $row = mysqli_fetch_array($result,MYSQLI_ASSOC);
 28 |         //$active = $row['active'];
 29 |         $count = mysqli_num_rows($result);
 30 |         $error = "";
 31 |         // If result matched $myusername and $mypassword, table row must be 1 row
 32 |         if($count == 1 && password_verify($myPassword, $row['password'])) {
 33 |             if ($row['isAdmin'] == 2) {
 34 |                 //superAdmin priviledges
 35 |                 $_SESSION['isAdmin'] = true;
 36 |                 $_SESSION['isSuperAdmin'] = true;
 37 |                 $_SESSION['login_user'] = $username;
 38 |                 header("location: admin/index.php?superadmin=true");
 39 |             }elseif ($row['isAdmin'] == 1) {
 40 |                 //basic admin priviledges
 41 |                 $_SESSION['isAdmin'] = true;
 42 |                 $_SESSION['login_user'] = $username;
 43 |                 header("location: admin/index.php");
 44 | 
 45 |             }elseif ($row['isAdmin'] == 0) {
 46 |                 //basic usee priviledges
 47 |                 $_SESSION['login_user'] = $username;
 48 |                 $_SESSION['login_user'] = $username;
 49 |                 header("location: user/index.php");
 50 |             }
 51 | else {
 52 |                 header("location: user/index.php");
 53 |             }
 54 |            
 55 |         }else {
 56 |              $error = "Your Login Name or Password is invalid";
 57 |         }
 58 |     }
 59 | 
 60 | ?>
 61 | 
 62 |  <main class="body-content flex col">
 63 |   <h1 id="home">30 DAYS OF CODE &amp; DESIGN</h1>
 64 |   <img src="./assets/img/lbs.png" alt="learnBuildShare"/>
 65 |   <form method="POST" action="<?php echo htmlspecialchars($_SERVER['PHP_SELF'])?>">
 66 |    <fieldset>
 67 |     <legend>Sign in</legend>
 68 |       <?php
 69 |     $ref = substr(@$_SERVER['HTTP_REFERER'],strlen(@$_SERVER['HTTP_REFERER']) - 11, 11);
 70 |     $resetPassword = substr(@$_SERVER['HTTP_REFERER'],strlen(@$_SERVER['HTTP_REFERER']) - 16, 16);
 71 |     $upd = substr(@$_SERVER['HTTP_REFERER'],strlen(@$_SERVER['HTTP_REFERER']) - 9, 9);
 72 |     if (@$_GET['message'] == 'success' && $ref == 'sign_up.php') {
 73 |         echo "<div class='notify'><p>Registration Successful</p></div>";
 74 |     }
 75 |     if (@$_GET['message'] == 'update' && $upd == 'update.php') {
 76 |         echo "<div class='notify'><p>Successful</p></div>";
 77 |     }
 78 |     if (@$_GET['message'] == 'success' && $resetPassword == 'new_password.php') {
 79 |         echo "<div class='notify'><p>Password reset successful. Kindly log into your account.</p></div>";
 80 |     }
 81 |     ?>
 82 |     <?php if($error !== ''){ ?>
 83 |     <div class="notify">
 84 |      <p>
 85 |         <?= $error?>
 86 |      </p>
 87 |     </div>
 88 |     <?php }?>
 89 |     <div class="field flex col">
 90 |      <label for="user">Email</label>
 91 |      <input type="email" name="email" id="user" required>     
 92 |     </div>
 93 |     <div class="field flex col">
 94 |      <label for="password">Password</label>
 95 |      <input type="password" name="password" id="password" required>     
 96 |     </div>
 97 |    </fieldset>   
 98 |    <button type="submit" name="submit" class="flex col">SIGN IN</button>
 99 |    <div class="links">
100 |     <p>Forgot <a href="./forgot.php">Password</a>?</p>
101 |    <p>Don't have an account? <a href="./sign_up.php">Sign up</a></p>
102 |    </div>
103 |   </form>
104 |  </main>
105 |  <script>
106 |   document.getElementById("home").addEventListener("click", function(){
107 |    window.location.href = "./index.html"
108 |   })
109 |  </script>
110 | </body>
111 | </html>
112 | 


--------------------------------------------------------------------------------
/sign_up.php:
--------------------------------------------------------------------------------
  1 | <?php include('./config/connect.php'); 
  2 |  session_start();
  3 |  //echo  $_SESSION['password_session'];
  4 | $error = '';
  5 |     function keys(){	
  6 |         global $conn;
  7 |         // generate a 6 digit unique shortcode
  8 |         $tokens = substr(md5(uniqid(rand(), true)),0,6);
  9 |         //check if the shortcode has being assigned to another url...if yes....regenerate another unique code 
 10 |         $query = "SELECT * FROM user WHERE `user_id` = '".$tokens."' ";
 11 |         $result = mysqli_query($conn, $query);
 12 |         $count = mysqli_num_rows($result);
 13 |         if ($count > 0) {
 14 |             keys();
 15 |         }else{
 16 |             return $tokens;
 17 |         }
 18 |     }
 19 |     if(isset($_POST['submit'])){
 20 |         $user_id = keys();
 21 |         $nick = $_POST['nick'];
 22 |         $first = $_POST['first'];
 23 |         $last = $_POST['last'];
 24 |         $email = $_POST['email'];
 25 |         $password =  password_hash($_POST['password'], PASSWORD_DEFAULT);
 26 |         $phone = $_POST['phone'];
 27 | 
 28 |         function check($email){	
 29 |             global $conn;
 30 |             $queryURL = "SELECT email FROM user WHERE email = '$email'";
 31 |             $resultURL = mysqli_query($conn, $queryURL);
 32 |             $countURL = mysqli_num_rows($resultURL);
 33 |             if ($countURL == 0) {
 34 |                 return 1;
 35 |             }else{
 36 |                 return 0;
 37 |             }
 38 |         }
 39 |         $checkIt = check($email);
 40 |         if($checkIt){
 41 |             $sql = "INSERT INTO user(`user_id`, `first_name`, `last_name`, `nickname`, `email`, `password`, `phone`) 
 42 |                     VALUES('$user_id', '$first', '$last', '$nick', '$email', '$password', '$phone')";
 43 |             if($conn->query($sql)){
 44 |             header("location:sign_in.php?message=success");
 45 |             }else{
 46 |             die('could not enter data: '. $conn->error);
 47 |             }
 48 |         }else{
 49 |             $error = "User already exist";
 50 |         }
 51 |     }
 52 | ?>
 53 | <!DOCTYPE html>
 54 | <html lang="en">
 55 | <head>
 56 |  <meta charset="UTF-8">
 57 |  <meta name="viewport" content="width=device-width, initial-scale=1.0">
 58 |  <meta http-equiv="X-UA-Compatible" content="ie=edge">
 59 |  <title>Sign up - 30 Days of Code</title>
 60 |  <link rel="stylesheet" href="./assets/css/form.css">
 61 |  <link rel="shortcut icon" href="./assets/img/favicon.png" type="image/x-icon">
 62 |  <meta name="description" content="sign up for 30 days of code">
 63 |  <meta property="og:type" content="website">
 64 |  <meta name="keywords" content="30 days of code, sign up, create account, engineering career expo, ECX, ecx, dsc unilag, code, design, competition">
 65 |  <meta property="og:url" content="https://30daysofcode.xyz">
 66 |  <meta property="og:site_name" content="30 days of code sign up">
 67 |  <meta property="og:image" content="./assets/img/favicon.png">
 68 | </head>
 69 | <body>
 70 |  <main class="body-content flex col">
 71 |     <?php if($error !== ''){ ?>
 72 |     <div class="notify">
 73 |         <?= $error?>
 74 |     </div>
 75 |     <?php }?>
 76 | 
 77 | 
 78 |   <h1 id="home">30 DAYS OF CODE &amp; DESIGN</h1>
 79 |   <img src="./assets/img/lbs.png" alt="learnBuildShare"/>
 80 |   <form action="<?php echo htmlspecialchars($_SERVER['PHP_SELF']);?>" method="POST">
 81 |    <fieldset>
 82 |     <legend>Sign up</legend>
 83 |     <div class="field flex col">
 84 |      <label for="first">First Name</label>
 85 |      <input type="text" name="first" id="first" required>     
 86 |     </div>
 87 |     <div class="field flex col">
 88 |      <label for="last">Last Name</label>
 89 |      <input type="text" name="last" id="last" required>     
 90 |     </div>
 91 |     <div class="field flex col">
 92 |      <label for="user">Email</label>
 93 |      <input type="email" name="email" id="user" required>     
 94 |     </div>
 95 |     <div class="field flex col">
 96 |      <label for="nick">Nickname</label>
 97 |      <input type="text" name="nick" id="nick" required>     
 98 |     </div>
 99 |     <div class="field flex col">
100 |      <label for="password">Password</label>
101 |      <input type="password" name="password" id="password" required>     
102 |     </div>
103 |     <div class="field flex col">
104 |      <label for="phone">Phone</label>
105 |      <input type="tel" name="phone" id="phone" required>     
106 |     </div>
107 |     <input type="hidden" name="cohort">
108 |    </fieldset>   
109 |    <button type="submit" name="submit" class="flex col">SIGN UP</button>
110 |    <div class="links">
111 |    <p>Already a user? <a href="./sign_in.php">Sign in</a></p>
112 |    </div>
113 |   </form>
114 |  </main>
115 |  <script>
116 |   document.getElementById("home").addEventListener("click", function(){
117 |    window.location.href = "./index.html"
118 |   })
119 |  </script>
120 | </body>
121 | </html>
122 | 


--------------------------------------------------------------------------------
/submission_guide.md:
--------------------------------------------------------------------------------
  1 | ### General Submission Guidelines
  2 | 
  3 | `0` means unmarked
  4 | 
  5 | `1` means you didnt follow the submission instructions and score won't be changed
  6 | 
  7 | ### Python Track 
  8 | 
  9 | An acceptable submission  is a [repl.it](https://repl.it) link containing the program preferrably in the `main.py` file on the site. 
 10 | 
 11 | **How to submit:**
 12 | 
 13 | 1. Create an account on repl.it and open a new repl. 
 14 | 
 15 | 2. Write your code in the main.py file already opened and test that it works. 
 16 | 
 17 | 3. Copy the link to that repl from your browser and submit at [30daysofcode.xyz](https://30daysofcode.xyz)
 18 | 
 19 | [Step by step guide with images](https://github.com/Senseiuc/pythonguide/blob/master/README.md)
 20 | 
 21 | #### Tips to get high grades:
 22 | 1. Follow instructions.
 23 | 2. Ensure that your functions only take in the right input types.
 24 | 3. Include documentation strings.
 25 | 
 26 | ### Backend 
 27 | FOR ALL BACKEND TASKS, UNLESS STATED OTHERWISE, ALL SUBMISSIONS SHOULD BE THE GITHUB LINK TO THE README.MD FILE OF THE REPOSITORY CONTAINING YOUR SERVER SIDE CODE. THE README SHOULD CONTAIN THE LINK TO THE ENDPOINT OF WHERE YOUR SERVER SIDE SCRIPT IS RUNNING, AND ANY OTHER INFORMATION SPECIFICALLY ASKED FOR.
 28 | 
 29 | 
 30 | #### Accepted Languages
 31 | 1. Nodejs
 32 | 2. PHP / Laravel
 33 | 3. Python(Django or Flask)
 34 | 
 35 | ### Frontend Track
 36 | 
 37 | An acceptable submission  is a github link containing the the code with a link to the hosted project in the `readme.md` or a link to [codepen](https://codepen.io)/[codesandbox](https://codesandbox.io). 
 38 | 
 39 | **How to submit:**
 40 | 1. Create an account on github and open a new repo with the name 30DaysOfCode
 41 | 2. Create a repo per task or a repo for all the tasks with different folders named after the day Example: "Day 1", "Day One", etc. with the link for each day posted in the readme. 
 42 | 3. Copy the link to that repo from your browser and submit at 30daysofcode.xyz
 43 | 
 44 | **Tips :**
 45 | 1. Follow instructions.
 46 | 2. A submission that is not hosted is considered null and would not be marked.
 47 | 3. A submission without the hosted link provided in the readme is considered null.
 48 | 4. A bootstrap submission is considered null unless stated in the instructions that you can use it.
 49 | 5. Multiple submission are considered void.
 50 | 6. Be creative with the use of colors, Use external styling and ensure your site is responsive.
 51 | 
 52 | #### Extra tip for Front End Beginners.
 53 | 
 54 | When ever you are given an example, it doesn't mean you should implement exactly what is In the example,  it is just a guideline for how yours should look like.
 55 | 
 56 | Don't try to implement examples and mess up your job.
 57 | 
 58 | If you are to implement the design it will be added to the task description.
 59 | 
 60 | [A guide on hosting with GitHub](https://steph-crown.github.io/a-guide-on-hosting/)
 61 | 
 62 | ### Mobile Track
 63 | 
 64 | #### Accepted Tech Stack
 65 | 
 66 | 1. Dart
 67 | 2. Flutter
 68 | 
 69 | #### Beginner
 70 | 
 71 | An acceptable submission is a [dartpad link](https://dartpad.dev). Codepen won't be accepted, submitting a link to a Github repo is not welcomed unless stated otherwise.
 72 | 
 73 | #### Intermediate
 74 | 
 75 | An acceptable submission is a dartpad link for UI implementations. Codepen won't be accepted unless stated otherwise in the task. For functional apps, a GitHub link containing the code with images of your app in the readme is enough. Otherwise stated, an apk of your app is not compulsory.
 76 | 
 77 | **How to submit:**
 78 | 
 79 | 1. Create a [GitHub gist](https://gist.github.com) for all tasks named after the day in the format: `dayN30.dart` where `N` is the day of challenge Example: `day130.dart`, `day230.dart` etc.
 80 | 
 81 | 2. On successfully creating the gist, the URL should be in the format https://gist.github.com/username/{gistID} Example:https://gist.github.com/username/o1e04c81d63fa5481fedab44f5243fd3
 82 | 
 83 | 3. Logon to dartpad.dev/{gistID} to confirm the code/view
 84 | 
 85 | 4. Copy the dartpad link from your browser and submit at 30daysofcode.xyz
 86 | 
 87 | #### Tips
 88 | 
 89 | 1. Follow instructions.
 90 | 2. Be creative with colours and images(UI implementations).
 91 | 3. A submission without following the pattern described in “How to submit” is null and void.
 92 | 4. Multiple submissions are considered void.
 93 | 
 94 | 
 95 | ### Machine Learning
 96 | You are free to use any IDE or notebook but most prefarably
 97 | - Jupyter Notebook
 98 | - Google Colab
 99 | 
100 | They make working with data very easy and interactive<br><br>
101 | 
102 | For submission you will be submitting a link to your work<br>
103 | If you used **Jupyter Notebook** for your task:
104 | - Create a **GitHub repository**
105 | - Upload you **ipynb file** to your newly created GitHub repository
106 | - Submit the **url of your Github repository**   
107 | - Follow [This link](https://jupyter.readthedocs.io/en/latest/install.html) to install Jupyter on your system
108 | 
109 | ***Note that you'll create a new repository for each task***
110 | 
111 | If you're using **Google Colab**:
112 | - Submit the **url** to your project
113 | 
114 | 


--------------------------------------------------------------------------------
/user/editsubmission.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | require('../config/connect.php');
  3 | session_start();
  4 | if (!isset($_SESSION['login_user']) || empty($_SESSION['login_user'])) {
  5 |   
  6 | ?>
  7 |  <script>
  8 |     document.write('You must be logged in first, redirecting to login page ...');
  9 |     setTimeout(() => {
 10 |         window.location.href = "../../sign_in.php"
 11 |     }, 3000);
 12 |  </script>
 13 | <?php
 14 | }else{
 15 |   $id = $_GET['id'];
 16 |   $sql = "SELECT * FROM submissions WHERE id = '$id'";
 17 |   $res = mysqli_query($conn, $sql);
 18 |   $count = mysqli_num_rows($res);
 19 |   $rw = mysqli_fetch_assoc($res);
 20 | 
 21 |   $day = strtotime("2020-04-01");
 22 |   $currdates = date("Y-m-d");
 23 |   $currdate = strtotime($currdates);
 24 |   $diff = abs($currdate - $day);
 25 |   $years = floor($diff / (365*60*60*24));
 26 |   $months = floor(($diff - $years * 365*60*60*24) / (30*60*60*24));
 27 |   $days = floor(($diff - $years * 365*60*60*24 - $months*30*60*60*24)/ (60*60*24)); 
 28 |   $days +=1;
 29 | 
 30 |     if (isset($_POST['submit'])) {
 31 |         global $conn;
 32 |         $url = mysqli_real_escape_string($conn, $_POST['url']);
 33 |         $level = $_POST['level'];
 34 |         $track = $_POST['track'];
 35 |         $comment =  mysqli_real_escape_string($conn, $_POST['comment']);
 36 |         $edit_sql = "UPDATE submissions SET `track` = '$track', `url`='$url', `comments` = '$comment', `level` = '$level' WHERE id = '$id'";
 37 |         // var_dump($edit_sql); die;
 38 |         $result = mysqli_query($conn,$edit_sql);
 39 |         if ($result) {
 40 |             header('location: index.php?editSubmissionReport=success');
 41 |         }else {
 42 |             header('location: index.php?editSubmissionReport=failed');;
 43 |         }
 44 |     }
 45 | ?>
 46 | <!DOCTYPE html>
 47 | <html lang="en">
 48 | <head>
 49 |  <meta charset="UTF-8">
 50 |  <meta name="viewport" content="width=device-width, initial-scale=1.0">
 51 |  <meta http-equiv="X-UA-Compatible" content="ie=edge">
 52 |  <link rel="stylesheet" href="../assets/css/style.css">
 53 |  <link rel="stylesheet" href="../assets/css/submit.css">
 54 |  <link rel="stylesheet" href="../assets/css/responsive.css">
 55 |  <link rel="shortcut icon" href="./../assets/img/favicon.png" type="image/x-icon">
 56 |  <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
 57 | <meta http-equiv="Pragma" content="no-cache" />
 58 | <meta http-equiv="Expires" content="0"/>
 59 |  <title>Edit Submission - 30 Days Of Code</title>
 60 | </head>
 61 | <body class="flx col">
 62 |  <header class="flx row">
 63 |   <span>#30DaysOfCode</span>
 64 |   <div class="techSymb flx row">
 65 |    <img src="../assets/img/htm.png">
 66 |    <img src="../assets/img/crly.png">
 67 |    <img src="../assets/img/prts.png">
 68 |    <img src="../assets/img/dsg.png">
 69 |   </div>
 70 |   <div class="profile flx col">
 71 |     <img src="../assets/img/profile.png">
 72 |     <ul class="options">
 73 |       <li id="logout"><a href="../../logout.php">Logout</a></li>
 74 |     </ul>
 75 |   </div>
 76 |  </header>
 77 |  <div class="pageWrapper flx row">
 78 |  <nav class="flx col" id="navPane">
 79 |     <div id="hamburger" class="flx col">
 80 |       <div class="a"></div>
 81 |       <div class="b"></div>
 82 |       <div class="c"></div>
 83 |     </div>
 84 |     <div class="flx col content">
 85 |       <?php
 86 |       global $conn;
 87 |       $user_nickname = '';
 88 |       $user_track = '';
 89 |       $email = $_SESSION['login_user'];
 90 |       $sql = "SELECT * FROM leaderboard WHERE email='$email' ORDER BY `score` DESC LIMIT 1";
 91 |       $result = mysqli_query($conn,$sql);
 92 |       while($row = mysqli_fetch_assoc($result)) {
 93 |           $user_nickname = $row['nickname'];
 94 |           echo '<img src=\'https://robohash.org/'.$user_nickname.$user_track.'\'/ alt="robot avatar" class="avatar flx col"/>';
 95 |           echo '<p class="username">'.$user_nickname.'</p>';
 96 |       }
 97 |       ?>
 98 |       <ul class="linksContainer">
 99 |         <li class="flx row">
100 |           <img src="../assets/img/profileWT.png" />
101 |           <a href="index.php">Profile</a>
102 |         </li>
103 |         <li class="flx row">
104 |           <img src="../assets/img/task.png" />
105 |           <a href="task.php">View task</a>
106 |         </li>
107 |         <li class="flx row active">
108 |           <img src="../assets/img/add.png" />
109 |           <a href="submit.php">Submit task</a>
110 |         </li>
111 |         <li class="flx row">
112 |           <img src="../assets/img/submissions.png" />
113 |           <a href="submissions.php">Submissions</a>
114 |         </li>
115 |         <li class="flx row">
116 |           <img src="../assets/img/podium.png" />
117 |           <a href="https://30daysofcode.xyz/leaderboard">Leaderboard</a>
118 |         </li>
119 |         <li class="flx row">
120 |           <img src="../assets/img/twitter.png" />
121 |           <a href="https://twitter.com/intent/tweet?url=https%3A%2F%2F30daysofcodes.xyz&via=codon&text=Hello%2C%20I%20just%20finished%20my%20task%20for%20....&hashtags=30DaysOfCode%2C%20ECX">Tweet</a>
122 |         </li>
123 |         <li class="flx row">
124 |           <img src="../assets/img/whatsapp.png" />
125 |           <a href="https://30daysofcode.xyz/whatsapp">Support group</a>
126 |         </li>
127 |         <li class="flx row">
128 |           <img src="../assets/img/feedback.png" />
129 |           <a href="feedback.php">Feedback</a>
130 |         </li>
131 |       </ul>
132 |       <span class="email">
133 |         <?=$_SESSION['login_user'];?>
134 |       </span>
135 |     </div>
136 |   </nav>
137 | <div class="mainWrapper flx col" id="mainWrp">
138 |     <main class="flx col">
139 |         <form method="POST">
140 |         <legend>Edit submission</legend>
141 |          <div class="fields-container">
142 |          <div class="field flx col">
143 |             <label for="url">URL</label>
144 |             <input type="url" name="url" placeholder="Enter URL" required value="<?=$rw['url'];?>">
145 |             <p style="font-size: 12px; margin-top: 8px; line-height: 110%; color: #646464;">Python - Repl.it Url, Backend - Github repo Url, Frontend - Github repo Url(put link to your Github Pages in the readme), UI/UX - Figma/Adobe XD Url</p>
146 |           </div>
147 |           
148 |           <div class="field flx col">
149 |             <label for="track">Track</label>
150 |             <select class="form-control" name="track">
151 |               <option value="Backend" <?php echo ($rw['track'] == 'Backend')? 'selected' : ''; ?>>Backend</option>
152 |               <option value="Frontend" <?php echo ($rw['track'] == 'Frontend')? 'selected' : ''; ?>>Frontend</option>
153 |               <option value="Mobile" <?php echo ($rw['track'] == 'Mobile')? 'selected' : ''; ?>>Mobile</option>
154 |               <option value="ML" <?php echo ($rw['track'] == 'ML')? 'selected' : ''; ?>>ML</option>
155 |           </select>
156 |           </div>
157 |           <div class="field flx col">
158 |             <label for="comment">Comments?</label>
159 |             <textarea name="comment" type="text" placeholder="Any comments?" rows="5"><?=$rw['comments']; ?></textarea>
160 |           </div>
161 |           <button id="submitTask" type="submit" name="submit">Submit task</button>
162 |          </div>
163 |         </form>      
164 |      </main>
165 |      <footer class="flx row"><span class="copyw">Copyright &copy; 30DaysOfCode 2020</span> <div><a href="">Privacy Policy</a><a href="">Terms &amp; Conditions</a></div></footer> 
166 |    </div>
167 |  </div>
168 |  <script src="../assets/js/app.js"></script>
169 | </body>
170 | </html>
171 | <?php
172 | }
173 | ?>
174 | 


--------------------------------------------------------------------------------
/user/feedback.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | require('../config/connect.php');
  3 | require('../config/session.php');
  4 | if(isset( $_SESSION['login_user'])){
  5 |     $tt = $_SESSION['login_user'];
  6 |     $sql = "SELECT track FROM user WHERE email = '$tt'";
  7 |     $result = mysqli_query($conn, $sql);
  8 |     $row =mysqli_fetch_assoc($result);
  9 |     $track = $row['track'];
 10 |     // $university = $row['university'];
 11 | 
 12 | ?>
 13 | <head>
 14 |  <meta charset="UTF-8">
 15 |  <meta name="viewport" content="width=device-width, initial-scale=1.0">
 16 |  <meta http-equiv="X-UA-Compatible" content="ie=edge">
 17 |  <link rel="stylesheet" href="../assets/css/style.css">
 18 |  <link rel="stylesheet" href="../assets/css/submit.css">
 19 |  <link rel="stylesheet" href="../assets/css/responsive.css">
 20 |  <link rel="shortcut icon" href="../assets/img/favicon.png" type="image/x-icon">
 21 |  <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
 22 | <meta http-equiv="Pragma" content="no-cache" />
 23 | <meta http-equiv="Expires" content="0"/>
 24 |  <title>Feedback - 30 Days Of Code</title>
 25 | </head>
 26 | <body class="flx col">
 27 |  <header class="flx row">
 28 |   <span>#30DaysOfCode</span>
 29 |   <div class="profile flx col">
 30 |     <img src="../assets/img/profile.png">
 31 |     <ul class="options">
 32 |       <li id="logout"><a href="../../logout.php">Logout</a></li>
 33 |     </ul>
 34 |   </div>
 35 |  </header>
 36 |  <div class="pageWrapper flx row">
 37 |  <nav class="flx col" id="navPane">
 38 |     <div id="hamburger" class="flx col">
 39 |       <div class="a"></div>
 40 |       <div class="b"></div>
 41 |       <div class="c"></div>
 42 |     </div>
 43 |     <div class="flx col content">
 44 |       <?php
 45 |       global $conn;
 46 |       $user_nickname = '';
 47 |       $user_track = '';
 48 |       $email = $_SESSION['login_user'];
 49 |       $sql = "SELECT * FROM leaderboard WHERE email='$email' ORDER BY `score` DESC LIMIT 1";
 50 |       $result = mysqli_query($conn,$sql);
 51 |       while($row = mysqli_fetch_assoc($result)) {
 52 |           $user_nickname = $row['nickname'];
 53 |           echo '<img src=\'https://robohash.org/'.$user_nickname.$user_track.'\'/ alt="robot avatar" class="avatar flx col"/>';
 54 |           echo '<p class="username">'.$user_nickname.'</p>';
 55 |       }
 56 |       ?>
 57 |       <ul class="linksContainer">
 58 |         <li class="flx row">
 59 |           <img src="../assets/img/profileWT.png" />
 60 |           <a href="index.php">Profile</a>
 61 |         </li>
 62 |         <li class="flx row">
 63 |           <img src="../assets/img/task.png" />
 64 |           <a href="task.php">View task</a>
 65 |         </li>
 66 |         <li class="flx row active">
 67 |           <img src="../assets/img/add.png" />
 68 |           <a href="submit.php">Submit task</a>
 69 |         </li>
 70 |         <li class="flx row">
 71 |           <img src="../assets/img/submissions.png" />
 72 |           <a href="submissions.php">Submissions</a>
 73 |         </li>
 74 |         <li class="flx row">
 75 |           <img src="../assets/img/podium.png" />
 76 |           <a href="https://30daysofcode.xyz/leaderboard">Leaderboard</a>
 77 |         </li>
 78 |         <li class="flx row">
 79 |           <img src="../assets/img/twitter.png" />
 80 |           <a href="https://twitter.com/intent/tweet?url=https%3A%2F%2F30daysofcodes.xyz&via=codon&text=Hello%2C%20I%20just%20finished%20my%20task%20for%20....&hashtags=30DaysOfCode%2C%20ECX">Tweet</a>
 81 |         </li>
 82 | 
 83 |         <li class="flx row">
 84 |           <img src="../assets/img/whatsapp.png" />
 85 |           <a href="https://30daysofcode.xyz/whatsapp">Support group</a>
 86 |         </li>
 87 |         <li class="flx row">
 88 |           <img src="../assets/img/feedback.png" />
 89 |           <a href="feedback.php">Feedback</a>
 90 |         </li>
 91 |       </ul>
 92 |       <span class="email">
 93 |         <?=$_SESSION['login_user'];?>
 94 |       </span>
 95 |     </div>
 96 |   </nav>
 97 |    <div class="mainWrapper flx col" id="mainWrp">
 98 |     
 99 |       <?php
100 |       $error = "";
101 |         if(isset($_POST['submit'])){
102 |         $user =  $_SESSION['login_user'];
103 |         $feedback =  mysqli_real_escape_string($conn, $_POST['feedback']);
104 |         $sql = "INSERT INTO feedback(user, feedback) VALUES('$user','$feedback')";
105 |         if($conn->query($sql)){
106 |             $error = "Submitted Successfully";
107 |             $submit = 1;
108 |         }
109 |         else{
110 |             die('could not enter data: '. $conn->error);
111 |         }
112 |         }
113 |       ?>
114 |       <?php if($error !== ''){ ?>
115 |       <div class="notice">
116 |           <?php 
117 |               echo $error;
118 |               if($submit == 1){
119 |           ?>
120 |           <p>Share on twitter:</p>
121 |           <a href="https://twitter.com/intent/tweet?url=http%3A%2F%2F30daysofcode.xyz&via=ecxunilag&text=I%20just%20completed%20&hashtags=30DaysOfCode%20">
122 |           <button class="flx row"> <img src="../assets/img/tweet2.png"> Tweet</button>
123 |           </a>
124 |           <?php }?>
125 |           </div>
126 |               <?php }?>
127 |        <form method="POST">
128 |        <legend>Submit feedback</legend>
129 |          <div class="fields-container flx col">
130 |          <div class="field flx col">
131 |             <label for="feedback">Anonymous Feedback?</label>
132 |             <textarea name="feedback" type="text" placeholder="Any comments?" rows="8"></textarea>
133 |           </div>
134 |           <button id="submitTask" type="submit" name="submit">Submit Feedback</button>
135 |          </div>
136 |         </form> 
137 |     
138 |      <footer class="flx row"><span class="copyw">Copyright &copy; 30DaysOfCode 2020</span> <div><a href="">Privacy Policy</a><a href="">Terms & Conditions</a></div></footer> 
139 |    </div>
140 |  </div>
141 |  <script src="../assets/js/app.js"></script>
142 | </body>
143 | </html>
144 | <?php
145 | }else{
146 |   header("location:../sign_in.php");
147 | }
148 | ?>
149 | 


--------------------------------------------------------------------------------
/user/index.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | require('../config/connect.php');
  3 | require('../config/session.php');
  4 | if(isset( $_SESSION['login_user'])){
  5 | ?>
  6 | <!DOCTYPE html>
  7 | <html lang="en">
  8 |   <head>
  9 |     <meta charset="UTF-8" />
 10 |     <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" />
 11 |     <meta http-equiv="X-UA-Compatible" content="ie=edge" />
 12 |     <link rel="stylesheet" href="../assets/css/style.css" />
 13 |     <link rel="stylesheet" href="../assets/css/profile.css" />
 14 |     <link rel="stylesheet" href="../assets/css/responsive.css" />
 15 |     <link rel="shortcut icon" href="../assets/img/favicon.png" type="image/x-icon">
 16 |     <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
 17 |     <meta http-equiv="Pragma" content="no-cache" />
 18 |     <meta http-equiv="Expires" content="0"/>
 19 |     <title>30 Days Of Code Dashboard</title>
 20 |   </head>
 21 |   <body class="flx col">
 22 |     <header class="flx row">
 23 |       <span>#30DaysOfCode</span>
 24 |       <div class="profile flx col">
 25 |         <img src="../assets/img/profile.png" />
 26 |         <ul class="options">
 27 |           <li id="logout"><a href="../../logout.php">Logout</a></li>
 28 |         </ul>
 29 |       </div>
 30 |     </header>
 31 |     <div class="pageWrapper flx row">
 32 |       <nav class="flx col" id="navPane">
 33 |         <div id="hamburger" class="flx col">
 34 |           <div class="a" style="background-color: white"></div>
 35 |           <div class="b" style="background-color: white"></div>
 36 |           <div class="c" style="background-color: white"></div>
 37 |         </div>
 38 |         <div class="flx col content">
 39 |           <ul class="linksContainer">
 40 |             <li class="flx row active">
 41 |               <img src="../assets/img/profileWT.png" />
 42 |               <a href="#">Profile</a>
 43 |             </li>
 44 |             <li class="flx row">
 45 |               <img src="../assets/img/task.png" />
 46 |               <a href="task.php">View task</a>
 47 |             </li>
 48 |             <li class="flx row">
 49 |               <img src="../assets/img/add.png" />
 50 |               <a href="submit.php">Submit task</a>
 51 |             </li>
 52 |             <li class="flx row">
 53 |               <img src="../assets/img/submissions.png" />
 54 |               <a href="submissions.php">Submissions</a>
 55 |             </li>
 56 |             <li class="flx row">
 57 |               <img src="../assets/img/podium.png" />
 58 |               <a href="https://30daysofcode.xyz/leaderboard">Leaderboard</a>
 59 |             </li>
 60 |             <li class="flx row">
 61 |               <img src="../assets/img/twitter.png" />
 62 |               <a href="">Tweet</a>
 63 |             </li>
 64 |             <li class="flx row">
 65 |               <img src="../assets/img/whatsapp.png" />
 66 |               <a href="https://30daysofcode.xyz/whatsapp">Support group</a>
 67 |             </li>
 68 |             <li class="flx row">
 69 |               <img src="../assets/img/feedback.png" />
 70 |               <a href="feedback.php">Feedback</a>
 71 |             </li>
 72 |           </ul>
 73 |           <span class="email">
 74 |             <?=$_SESSION['login_user'];?></span>
 75 |         </div>
 76 |       </nav>
 77 |       <div class="mainWrapper flx col" id="mainWrp">
 78 |         <main class="flx col">
 79 |          <div class="banner flx col">
 80 |          <button class="whiteBtn flx row cnt" onclick="rdr(this)">       
 81 |           <a href="update.php"> Update profile </a>
 82 |           <script>
 83 |            function rdr(elm){
 84 |             window.location.href = elm.children[0].href
 85 |            }
 86 |            </script>
 87 |          </button>
 88 |          <div class="profile-details flx col">
 89 |          <?php
 90 |           global $conn;
 91 |           $user_nickname = '';
 92 |           $user_track = '';
 93 |           $email = $_SESSION['login_user'];
 94 |           $sql = "SELECT * FROM user WHERE email='$email' ORDER BY `score` DESC LIMIT 1";
 95 |           $result = mysqli_query($conn,$sql);
 96 |           while($row = mysqli_fetch_assoc($result)) {
 97 |               $user_nickname = $row['nickname'];
 98 |               $first = $row['first_name'];
 99 |               $last = $row['last_name'];
100 |               echo '<img src=\'https://robohash.org/'.$user_nickname.'\'/ alt="robot avatar" class="avatar"/>';
101 |               echo '<p class="name">'.$first. ' ' .$last.'</p>';
102 |               echo '<p class="user">'.$user_nickname.'</p>';
103 |           }
104 |           ?>
105 |          </div>
106 |          </div>
107 |           <div class="scores-card flx row">
108 |            <?php
109 |             global $conn;
110 |             $ranking_sql = "SELECT * FROM leaderboard ORDER BY `score` DESC";
111 |             $ranking_result = mysqli_query($conn,$ranking_sql);
112 |             if ($ranking_result) {
113 |                 $rank = 1;
114 |                 while ($row = mysqli_fetch_assoc($ranking_result)) {
115 |                     if($row['email'] == $email){
116 |                         $user_track = $row['track'];
117 |                         $score = $row['score'];
118 |                         echo '<div class="group flx col cnt '.$user_track.'">';
119 |                         echo '<img src="../assets/img/medal.png" alt="">';
120 |                         echo '<p class="rank">'.$rank.'</p>';
121 |                         echo '<p class="level">'.$user_track.'</>';
122 |                         echo '<p class="points">'.$score.' points</p>';
123 |                         echo '</div>'; 
124 |                     }else {
125 |                         $rank++;
126 |                     }
127 |                 }  
128 |             }else {
129 |                 echo "error fetching from database";
130 |             }
131 |             ?>
132 |              </div>        
133 |          <div class="unmarked-card">
134 |   <table>
135 |     <thead>
136 |       <tr>
137 |         <th scope="col">TRACK</th>
138 |         <th scope="col">UNMARKED</th>
139 |       </tr>
140 |     </thead>
141 |     <tbody>
142 |       <?php
143 |             global $conn;
144 |             
145 |             $tracks = [
146 |               'Backend' => 'Backend',
147 |               'Mobile' => 'Mobile',
148 |               'ML' => 'ML',
149 |             ];
150 |             foreach ($tracks as $track) {
151 |                 $track_submission = "SELECT * FROM submissions WHERE track = '$track' AND points = 0 ORDER BY track";
152 |                 $result = mysqli_query($conn, $track_submission);
153 |                 $count = mysqli_num_rows($result);
154 |                 echo '<tr>';
155 |                 echo '<td>'.$track.'</td>';
156 |                 echo '<td>'.$count++.'</td>';
157 |             }           
158 |             ?>
159 |     </tbody>
160 |   </table>
161 | </div>
162 |         </main>
163 |         <footer class="flx row">
164 |           <span class="copyw">Copyright &copy; 30DaysOfCode 2020</span>
165 |           <div>
166 |             <a href="">Privacy Policy</a><a href="">Terms &amp; Conditions</a>
167 |           </div>
168 |         </footer>
169 |       </div>
170 |     </div>
171 |     <script src="../assets/js/app.js"></script>
172 |   </body>
173 | </html>
174 | <?php
175 | }else{
176 |     header("location:../sign_in.php"); 
177 | }
178 | ?>
179 | 


--------------------------------------------------------------------------------
/user/py_submit.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 |   require('../config/connect.php');
 3 |   require('../config/session.php');
 4 |   $error = "";
 5 |   function check(){	
 6 |       global $conn;
 7 |       $task_day = $_POST['task_day'];
 8 |       $track = $_POST['track'];
 9 |       $user = mysqli_real_escape_string($conn, $_POST['user']);
10 |       $level = $_POST['level'];
11 |       $cohort = $_POST['cohort'];
12 |       $queryURL = "SELECT * FROM submissions WHERE user = '$user' AND task_day = '$task_day' AND track = '$track' AND level = '$level'";
13 |       $resultURL = mysqli_query($conn, $queryURL);
14 |       $countURL = mysqli_num_rows($resultURL);
15 |       if ($countURL > 0) {
16 |           return 1;
17 |       }else{
18 |           return 0;
19 |       }
20 |   }
21 |           
22 |   $check = check();
23 |   if(check() == 0){
24 | 	  if(isset($_POST['n'])){
25 | 		  $feedback = ''; 
26 | 	  }
27 |       $task_day = $_POST['task_day'];
28 |       $track = $_POST['track'];
29 |       $user =  $_POST['user'];
30 |       $points = $_POST['points'];
31 |       $points = intval($points);
32 |       $level = $_POST['level'];
33 |       $date = date('Y-m-d');
34 |       $url = $_POST['url'];
35 |       $comment = $_POST['comment'];
36 |       $cohort = $_POST['cohort'];
37 |       $sql = "INSERT INTO submissions(user, track, url, task_day, comments, points, sub_date, cohort, level, feedback) 
38 |               VALUES('$user','$track', '$url', '$task_day', '$comment', '$points', '$date', '$cohort', '$level', '$feedback')";
39 |       if($conn->query($sql)){
40 |         print "Saved";
41 |       }else{
42 |       die('could not enter data: '. $conn->error);
43 |       }
44 |   }else{
45 |         print "You've submitted today's task already";
46 |       
47 |   }


--------------------------------------------------------------------------------
/user/submissions.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | require('../config/connect.php');
  3 | require('../config/session.php');
  4 | include ('taskday.php');
  5 | if(isset( $_SESSION['login_user'])){
  6 | ?>
  7 | <!DOCTYPE html>
  8 | <html lang="en">
  9 | <head>
 10 |  <meta charset="UTF-8">
 11 |  <meta name="viewport" content="width=device-width, initial-scale=1.0">
 12 |  <meta http-equiv="X-UA-Compatible" content="ie=edge">
 13 |  <link rel="stylesheet" href="../assets/css/style.css">
 14 |  <link rel="stylesheet" href="../assets/css/submissions.css">
 15 |  <link rel="stylesheet" href="../assets/css/responsive.css">
 16 |  <link rel="shortcut icon" href="../assets/img/favicon.png" type="image/x-icon">
 17 |  <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
 18 | <meta http-equiv="Pragma" content="no-cache" />
 19 | <meta http-equiv="Expires" content="0"/>
 20 |  <title>Submissions - 30 Days Of Code</title>
 21 | </head>
 22 | <body class="flx col">
 23 |  <header class="flx row">
 24 |   <span>#30DaysOfCode</span>
 25 |   <div class="profile flx col">
 26 |     <img src="../assets/img/profile.png">
 27 |     <ul class="options">
 28 |       <li id="logout"><a href="../../logout.php">Logout</a></li>
 29 |     </ul>
 30 |   </div>
 31 |  </header>
 32 |  <div class="pageWrapper flx row">
 33 |   <nav class="flx col" id="navPane">
 34 |     <div id="hamburger" class="flx col">
 35 |       <div class="a"></div>
 36 |       <div class="b"></div>
 37 |       <div class="c"></div>
 38 |     </div>
 39 |     <div class="flx col content">
 40 |       <?php
 41 |       global $conn;
 42 |       $user_nickname = '';
 43 |       $user_track = '';
 44 |       $email = $_SESSION['login_user'];
 45 |       $sql = "SELECT * FROM leaderboard WHERE email='$email' ORDER BY `score` DESC LIMIT 1";
 46 |       $result = mysqli_query($conn,$sql);
 47 |       while($row = mysqli_fetch_assoc($result)) {
 48 |           $user_nickname = $row['nickname'];
 49 |           echo '<img src=\'https://robohash.org/'.$user_nickname.$user_track.'\'/ alt="robot avatar" class="avatar flx col"/>';
 50 |           echo '<p class="username">'.$user_nickname.'</p>';
 51 |       }
 52 |       ?>
 53 |       <ul class="linksContainer">
 54 |         <li class="flx row">
 55 |           <img src="../assets/img/profileWT.png" />
 56 |           <a href="index.php">Profile</a>
 57 |         </li>
 58 |         <li class="flx row">
 59 |           <img src="../assets/img/task.png" />
 60 |           <a href="task.php">View task</a>
 61 |         </li>
 62 |         <li class="flx row">
 63 |           <img src="../assets/img/add.png" />
 64 |           <a href="submit.php">Submit task</a>
 65 |         </li>
 66 |         <li class="flx row active">
 67 |           <img src="../assets/img/submissions.png" />
 68 |           <a href="submissions.php">Submissions</a>
 69 |         </li>
 70 |         <li class="flx row">
 71 |           <img src="../assets/img/podium.png" />
 72 |           <a href="https://30daysofcode.xyz/leaderboard">Leaderboard</a>
 73 |         </li>
 74 |         <li class="flx row">
 75 |           <img src="../assets/img/twitter.png" />
 76 |           <a href="#">Tweet</a>
 77 |         </li>
 78 |         <li class="flx row">
 79 |           <img src="../assets/img/whatsapp.png" />
 80 |           <a href="https://30daysofcode.xyz/whatsapp">Support group</a>
 81 |         </li>
 82 |         <li class="flx row">
 83 |           <img src="../assets/img/feedback.png" />
 84 |           <a href="feedback.php">Feedback</a>
 85 |         </li>
 86 |       </ul>
 87 |       <span class="email">
 88 |         <?=$_SESSION['login_user'];?></span>
 89 |     </div>
 90 |   </nav>
 91 |    <div class="mainWrapper flx col" id="mainWrp">
 92 |     <main class="flx col">
 93 |       <?php
 94 |       if (isset($_GET['editSubmissionReport']) && !empty($_GET['editSubmissionReport'])) {
 95 |           $report = $_GET['editSubmissionReport'];
 96 |           if ($report == 'success') {
 97 |               echo "<div id='report' class='notice'>Submission edit successful</div>";
 98 |           }elseif ($report == 'failure') {
 99 |           echo "<div id='report' class='notice'>Submission edit failed</div>";
100 |           }else{
101 |               echo "error";
102 |               session_destroy();
103 |               header('location: ../../index.php');
104 |           }
105 |       }
106 |       ?>
107 |       <?php
108 |       $u = $_SESSION['login_user'];
109 |       $u = rtrim($u, '_');
110 |       $sql = "SELECT * FROM submissions WHERE `user` = '$u' AND `cohort` = '$cohort' ";
111 |       $result = mysqli_query($conn, $sql);
112 |       $count = mysqli_num_rows($result);
113 |       
114 |      ?>    
115 |      <form>
116 |       <legend>
117 |         Submit task  <a id="newBtn" href="./submit.php">Add new</a>
118 |       </legend>
119 |       <div class="table-responsive">
120 |         <table class="table" style="text-align: left;">
121 |          <thead>
122 |           <tr>
123 |             <th scope="col">Day</th>
124 |             <th scope="col">Url</th>
125 |             <th scope="col">Points</th>
126 |             <th scope="col">Action</th>
127 |             <th scope="col">Feedback</th>
128 |             <th scope="col">Track</th>
129 |           </tr>
130 |         </thead>
131 |         <tbody>
132 |           <?php          
133 |           if($count > 0){
134 |               $j =1;
135 |               while($row = $result->fetch_assoc()) {
136 |           ?>
137 |           <tr>
138 |               <td data-label="DAY">&nbsp;<?php echo $row['task_day'];?></td>
139 |               <td data-label="URL">&nbsp;<a href="<?php echo $row['url'];?>"><?php echo $row['url'];?></a></td>
140 |               <td data-label="POINTS">&nbsp;<?php echo $row['points'];?></td>
141 |               <?php if ($row['points'] == 0) {?>
142 |               <td data-label="ACTION">&nbsp;<a href="editsubmission.php?id=<?=$row['id']?>">Edit</a></td>
143 |               <?php }else{?>
144 |               <td data-label="ACTION">N/A</td>
145 |               <?php } ?>
146 |               <td data-label="FEEDBACK">&nbsp;<?php echo $row['feedback'];?></td>
147 |               <td data-label="TRACK">&nbsp;<?php echo $row['track'];?></td>
148 |           </tr>
149 |           <?php 
150 |               $j++;
151 |               }}else{
152 |                   echo `<p>No Submissions yet</p>`;
153 |               }
154 |           ?>
155 |         </tbody>
156 |         </table>
157 |       </div>
158 |      </form>  
159 |      </main>
160 |      <footer class="flx row"><span class="copyw">Copyright &copy; 30DaysOfCode 2020</span> <div><a href="">Privacy Policy</a><a href="">Terms &amp; Conditions</a></div></footer>
161 |    </div>
162 |  </div>
163 |  <script src="../assets/js/app.js"></script>
164 | </body>
165 | </html>
166 | <?php
167 | }else{
168 |     header("location:../sign_in.php"); 
169 | }
170 | ?>
171 | 


--------------------------------------------------------------------------------
/user/task.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | require('../config/connect.php');
  3 | require('../config/session.php');
  4 | include ('taskday.php');
  5 | $show = 0; 
  6 | if(isset($_POST['submit'])){
  7 |     $error = '';
  8 |     $show = 1;
  9 |     $task_day = mysqli_real_escape_string($conn, $_POST['task_day']);
 10 |     $track = mysqli_real_escape_string($conn, $_POST['track']);
 11 |     $sql = "SELECT * FROM task WHERE track = '$track' AND `task_day` <= '$task_day' AND `cohort` = '$cohort' ORDER BY task_day DESC";
 12 |     $resultTask = mysqli_query($conn,$sql);
 13 | }
 14 | ?>
 15 | <!DOCTYPE html>
 16 | <html lang="en">
 17 |   <head>
 18 |     <meta charset="UTF-8" />
 19 |     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 20 |     <meta http-equiv="X-UA-Compatible" content="ie=edge" />
 21 |     <link rel="stylesheet" href="../assets/css/style.css" />
 22 |     <link rel="stylesheet" href="../assets/css/responsive.css" />
 23 |     <link rel="shortcut icon" href="./../assets/img/favicon.png" type="image/x-icon">
 24 |     <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
 25 | <meta http-equiv="Pragma" content="no-cache" />
 26 | <meta http-equiv="Expires" content="0"/>
 27 |     <title>View task - 30 Days Of Code</title>
 28 |   </head>
 29 |   <body class="flx col">
 30 |     <header class="flx row">
 31 |       <span>#30DaysOfCode</span>
 32 |       <div class="profile flx col">
 33 |         <img src="../assets/img/profile.png" />
 34 |         <ul class="options">
 35 |           <li id="logout"><a href="../../logout.php">Logout</a></li>
 36 |         </ul>
 37 |       </div>
 38 |     </header>
 39 |     <div class="pageWrapper flx row">
 40 |       <nav class="flx col" id="navPane">
 41 |         <div id="hamburger" class="flx col">
 42 |           <div class="a"></div>
 43 |           <div class="b"></div>
 44 |           <div class="c"></div>
 45 |         </div>
 46 |         <div class="flx col content">
 47 |           <?php
 48 |       global $conn;
 49 |       $user_nickname = '';
 50 |       $user_track = '';
 51 |       $email = $_SESSION['login_user'];
 52 |       $sql = "SELECT * FROM leaderboard WHERE email='$email' ORDER BY `score` DESC LIMIT 1";
 53 |       $result = mysqli_query($conn,$sql);
 54 |       while($row = mysqli_fetch_assoc($result)) {
 55 |           $user_nickname = $row['nickname'];
 56 |           echo '<img src=\'https://robohash.org/'.$user_nickname.$user_track.'\'/ alt="robot avatar" class="avatar flx col"/>';
 57 |           echo '<p class="username">'.$user_nickname.'</p>';
 58 |       }
 59 |       ?>
 60 |           <ul class="linksContainer">
 61 |             <li class="flx row">
 62 |               <img src="../assets/img/profileWT.png" />
 63 |               <a href="index.php">Profile</a>
 64 |             </li>
 65 |             <li class="flx row active">
 66 |               <img src="../assets/img/task.png" />
 67 |               <a href="task.php">View task</a>
 68 |             </li>
 69 |             <li class="flx row">
 70 |               <img src="../assets/img/add.png" />
 71 |               <a href="submit.php">Submit task</a>
 72 |             </li>
 73 |             <li class="flx row">
 74 |               <img src="../assets/img/submissions.png" />
 75 |               <a href="submissions.php">Submissions</a>
 76 |             </li>
 77 |             <li class="flx row">
 78 |               <img src="../assets/img/podium.png" />
 79 |               <a href="https://30daysofcode.xyz/leaderboard">Leaderboard</a>
 80 |             </li>
 81 |             <li class="flx row">
 82 |               <img src="../assets/img/twitter.png" />
 83 |               <a href="">Tweet</a>
 84 |             </li>
 85 |             <li class="flx row">
 86 |               <img src="../assets/img/whatsapp.png" />
 87 |               <a href="https://30daysofcode.xyz/whatsapp">Support group</a>
 88 |             </li>
 89 |             <li class="flx row">
 90 |               <img src="../assets/img/feedback.png" />
 91 |               <a href="feedback.php">Feedback</a>
 92 |             </li>
 93 |           </ul>
 94 |           <span class="email"><?=$_SESSION['login_user'];?></span>
 95 |         </div>
 96 |       </nav>
 97 |       <div class="mainWrapper flx col" id="mainWrp">
 98 |         <main class="flx col">
 99 |           <form method="POST" class="flx col">
100 |             <legend>
101 |               #20DaysOfCode <span class="day">Day <?= $days; ?></span>
102 |             </legend>
103 |             
104 |             <div class="fields-container">
105 |               <div class="field flx col">
106 |                 <label for="track">Track</label>
107 |                 <select name="track" value="">
108 |                   <option value="Backend">Backend</option>
109 |                   <option value="Frontend">Frontend</option>
110 |                   <option value="Mobile">Mobile</option>
111 |                   <option value="ML">Machine Learning</option>
112 |                   <option value="GIS">GIS</option>
113 |                 </select>
114 |                 <input type="hidden" name="task_day" value="<?= $days?>" />
115 |               </div>
116 |               <button id="taskDownload" type="submit" name="submit">
117 |                 Check Task
118 |               </button>
119 |               <a href="https://github.com/geektutor/Leaderboard/blob/master/submission_guide.md">What is an accepted submission?</a>
120 |               <br><br>
121 |             </div>
122 |               <?php if($show == 1){ ?>
123 |              <?php
124 |             if($resultTask){
125 |               while($row = mysqli_fetch_assoc($resultTask)) {
126 |                 $error = $row['task'];
127 |                 $track = $row['track'];
128 |                 $day = $row['task_day'];
129 |                 echo '<div class="notice flx col">';
130 |                 echo '<h1 class="track"> '.$track.' | Day '.$day.'</h1><br>'; 
131 |                 echo '<p>'.$error.'</p></div>';
132 |                 $show = 1;
133 |               }
134 |             }else{
135 |                 $error =  "No task for the selected option. Check back later.";
136 |                 $show = 1;
137 |             }
138 |             ?>
139 |             <?php }?>
140 |           </form>
141 |         </main>
142 |         <footer class="flx row">
143 |           <span class="copyw">Copyright &copy; 30DaysOfCode 2020</span>
144 |           <div>
145 |             <a href="">Privacy Policy</a><a href="">Terms &amp; Conditions</a>
146 |           </div>
147 |         </footer>
148 |       </div>
149 |     </div>
150 |     <script src="../assets/js/app.js"></script>
151 |   </body>
152 | </html>
153 | 


--------------------------------------------------------------------------------
/user/taskday.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 	$day = strtotime("2020-06-08");
 3 |     $day = strtotime("2020-06-08");
 4 |     $currdates = date("Y-m-d");
 5 |     $currdate = strtotime($currdates);
 6 |     $diff = abs($currdate - $day);
 7 |     $years = floor($diff / (365*60*60*24));
 8 |     $months = floor(($diff - $years * 365*60*60*24) / (30*60*60*24));
 9 |     $days = floor(($diff - $years * 365*60*60*24 - $months*30*60*60*24)/ (60*60*24)); 
10 |     $days +=1;
11 |     $cohort = 2;
12 | 


--------------------------------------------------------------------------------
/user/update.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | require('../config/connect.php');
  3 | require('../config/session.php');
  4 | if(isset( $_SESSION['login_user'])){
  5 | ?>
  6 | <!DOCTYPE html>
  7 | <html lang="en">
  8 |   <head>
  9 |     <meta charset="UTF-8" />
 10 |     <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" />
 11 |     <meta http-equiv="X-UA-Compatible" content="ie=edge" />
 12 |     <link rel="stylesheet" href="../assets/css/style.css" />
 13 |     <link rel="stylesheet" href="../assets/css/profile.css" />
 14 |     <link rel="stylesheet" href="../assets/css/responsive.css" />
 15 |     <link rel="shortcut icon" href="../assets/img/favicon.png" type="image/x-icon">
 16 |     <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
 17 | <meta http-equiv="Pragma" content="no-cache" />
 18 | <meta http-equiv="Expires" content="0"/>
 19 |     <title>30 Days Of Code Dashboard</title>
 20 |   </head>
 21 |   <body class="flx col">
 22 |     <header class="flx row">
 23 |       <span>#30DaysOfCode</span>
 24 |       <div class="profile flx col">
 25 |         <img src="../assets/img/profile.png" />
 26 |         <ul class="options">
 27 |           <li id="logout"><a href="../../logout.php">Logout</a></li>
 28 |         </ul>
 29 |       </div>
 30 |     </header>
 31 |     <div class="pageWrapper flx row">
 32 |       <nav class="flx col" id="navPane">
 33 |         <div id="hamburger" class="flx col">
 34 |           <div class="a"></div>
 35 |           <div class="b"></div>
 36 |           <div class="c"></div>
 37 |         </div>
 38 |         <div class="flx col content">
 39 |           <ul class="linksContainer">
 40 |             <li class="flx row">
 41 |               <img src="../assets/img/profileWT.png" />
 42 |               <a href="#">Profile</a>
 43 |             </li>
 44 |             <li class="flx row">
 45 |               <img src="../assets/img/task.png" />
 46 |               <a href="task.php">View task</a>
 47 |             </li>
 48 |             <li class="flx row">
 49 |               <img src="../assets/img/add.png" />
 50 |               <a href="submit.php">Submit task</a>
 51 |             </li>
 52 |             <li class="flx row active">
 53 |               <img src="../assets/img/submissions.png" />
 54 |               <a href="submissions.php">Submissions</a>
 55 |             </li>
 56 |             <li class="flx row">
 57 |               <img src="../assets/img/podium.png" />
 58 |               <a href="https://30daysofcode.xyz/leaderboard">Leaderboard</a>
 59 |             </li>
 60 |             <li class="flx row">
 61 |               <img src="../assets/img/twitter.png" />
 62 |               <a href="https://twitter.com/intent/tweet?url=https%3A%2F%2F30daysofcode.xyz%2F&via=ecxunilag&text=<?php echo $task_day;?>%20of%2030%3A%20Check%20out%20my%20solution%20at%3A%20<?php echo $url;?>&hashtags=30DaysOfCode%2C%2030DaysOfDesign%2C%20ecxunilag">Tweet</a>
 63 |             </li>
 64 |             <li class="flx row">
 65 |               <img src="../assets/img/whatsapp.png" />
 66 |               <a href="https://30daysofcode.xyz/whatsapp">Support group</a>
 67 |             </li>
 68 |             <li class="flx row">
 69 |               <img src="../assets/img/feedback.png" />
 70 |               <a href="feedback.php">Feedback</a>
 71 |             </li>
 72 |           </ul>
 73 |           <span class="email">
 74 |             <?=$_SESSION['login_user'];?></span>
 75 |         </div>
 76 |       </nav>
 77 |       <div class="mainWrapper flx col" id="mainWrp">
 78 |         <main class="flx col">
 79 |          <div class="banner flx col">
 80 |          <button class="whiteBtn flx row cnt" onclick="rdr(this)">       
 81 |           <a href="index.php"> View Profile </a>
 82 |           <script>
 83 |            function rdr(elm){
 84 |             window.location.href = elm.children[0].href
 85 |            }
 86 |            </script>
 87 |          </button>
 88 |          <div class="profile-details flx col">
 89 |          <?php
 90 |           global $conn;
 91 |           $user_nickname = '';
 92 |           $user_track = '';
 93 |           $email = $_SESSION['login_user'];
 94 |           $sql = "SELECT * FROM user WHERE email='$email' ORDER BY `score` DESC LIMIT 1";
 95 |           $result = mysqli_query($conn,$sql);
 96 |           while($row = mysqli_fetch_assoc($result)) {
 97 |               $user_nickname = $row['nickname'];
 98 |               $first = $row['first_name'];
 99 |               $last = $row['last_name'];
100 |               echo '<img src=\'https://robohash.org/'.$user_nickname.'\'/ alt="robot avatar" class="avatar"/>';
101 |               echo '<p class="name">'.$first. $last.'</p>';
102 |               echo '<p class="user">'.$user_nickname.'</p>';
103 |           }
104 |           ?>
105 |          </div>
106 |          </div>
107 |           
108 |          <?php
109 |     $error = '';
110 |     if(isset($_POST['submit'])){
111 |         $first = $_POST['first'];
112 |         $last = $_POST['last'];
113 |         $email = $_POST['email'];
114 |         $nick = $_POST['nick'];
115 |         $sql = "UPDATE `user` SET 
116 |        `first_name` = '$first', 
117 |        `last_name` = '$last',
118 |        `nickname` = '$nick'
119 |         WHERE `email` = '$email' ";
120 |        $result = mysqli_query($conn,$sql);
121 |         if($result){
122 |         header('location:update.php?message=update');
123 |         }
124 |         else{
125 |             $error = "Email incorrect";
126 |         }
127 |     }
128 | ?>
129 |  <?php
130 |     $ref = substr(@$_SERVER['HTTP_REFERER'],strlen(@$_SERVER['HTTP_REFERER']) - 11, 11);
131 |     $resetPassword = substr(@$_SERVER['HTTP_REFERER'],strlen(@$_SERVER['HTTP_REFERER']) - 16, 16);
132 |     $upd = substr(@$_SERVER['HTTP_REFERER'],strlen(@$_SERVER['HTTP_REFERER']) - 9, 9);
133 |     if (@$_GET['message'] == 'update' && $upd == 'update.php') {
134 |         echo "<div class='notify'><p>Successful</p></div>";
135 |     }
136 |     ?>
137 |   <form action="<?php echo htmlspecialchars($_SERVER['PHP_SELF']);?>" method="POST">
138 |    <fieldset>
139 |     <legend>Update Acount</legend>
140 |     <?php if($error !== ''){ ?>
141 |     <div class="notify">
142 |         <?= $error?>
143 |     </div>
144 |     <?php }?>
145 |     <div class="field flex col">
146 |      <label for="nick">Nick Name</label>
147 |      <input type="text" name="nick" id="nick" pattern="[A-Za-z0-9]+" required>     
148 |     </div>
149 |     <div class="field flex col">
150 |      <label for="first">First Name</label>
151 |      <input type="text" name="first" id="first" required>     
152 |     </div>
153 |     <div class="field flex col">
154 |      <label for="last">Last Name</label>
155 |      <input type="text" name="last" id="last" required>     
156 |     </div>
157 |     <div class="field flex col">
158 |      <label for="user">Email</label>
159 |      <input type="email" name="email" id="user" required>     
160 |     </div>
161 |    </fieldset>   
162 |    <button type="submit" name="submit" class="flex col">Update Details</button>
163 |   </form>           
164 |          
165 |         </main>
166 |         <footer class="flx row">
167 |           <span class="copyw">Copyright &copy; 30DaysOfCode 2020</span>
168 |           <div>
169 |             <a href="">Privacy Policy</a><a href="">Terms &amp; Conditions</a>
170 |           </div>
171 |         </footer>
172 |       </div>
173 |     </div>
174 |     <script src="../assets/js/app.js"></script>
175 |   </body>
176 | </html>
177 | <?php
178 | }else{
179 |     header("location:../sign_in.php"); 
180 | }
181 | ?>


--------------------------------------------------------------------------------