Solved #168 added : Contributor's Page (#172)

* Solved #168 added : Contributor's Page * Minor tweaks to the config.json * Restyling * updated requirements.txt * updated requirements.txt * minor tweaks * Added the social media links * Restyled by isort * Restyled by jq * Restyled by reorder-python-imports * Restyled by whitespace * Restyled by yapf Co-authored-by: Restyled.io <[email protected]>
HakinCodes · Sep 28, 2020 · e7d2406 · e7d2406
1 parent 38b6944
commit e7d2406
Show file tree

Hide file tree

Showing 12 changed files with 246 additions and 0 deletions.
diff --git a/app.py b/app.py
@@ -1,9 +1,14 @@
+import json
+
 from flask import Flask
 from flask import jsonify
 from flask import render_template
 
 app = Flask(__name__)
 
+with open("config.json", "r") as c:
+ params = json.load(c)["params"]
+
 
 @app.route("/")
 def landingPage():
@@ -20,6 +25,11 @@ def result():
  return render_template("result.html")
 
 
+@app.route("/team")
+def team():
+ return render_template("team.html", params=params)
+
+
 @app.errorhandler(404)
 # inbuilt function which takes error as parameter
 def not_found(e):

diff --git a/config.json b/config.json
@@ -0,0 +1,22 @@
+{
+ "params": {
+ "project_admin_name": "HARSH BARDHAN MISHRA",
+ "project_admin_github_url": "https://github.com/HarshCasper",
+ "project_admin_linkedin_url": "https://www.linkedin.com/in/harshcasper/",
+ "1_mentor_name": "Vishnu Varthan Rao",
+ "1_mentor_github_url": "https://github.com/VarthanV",
+ "1_mentor_linkedin_url": "https://www.linkedin.com/in/vishnu-varthan-rao-765345175/",
+ "2_mentor_name": "Sarthak kundra",
+ "2_mentor_github_url": "https://github.com/sarthakkundra",
+ "2_mentor_linkedin_url": "https://www.linkedin.com/in/sarthak-kundra-2b6247189/",
+ "3_mentor_name": "Balaka Biswas",
+ "3_mentor_github_url": "https://github.com/BALaka-18",
+ "3_mentor_linkedin_url": "https://www.linkedin.com/in/balaka-biswas/",
+ "4_mentor_name": "Bhadresh Savani",
+ "4_mentor_github_url": "https://github.com/bhadreshpsavani",
+ "4_mentor_linkedin_url": "https://www.linkedin.com/in/bhadreshsavani/",
+ "5_mentor_name": "Abdul",
+ "5_mentor_github_url": "https://github.com/macabdul9",
+ "5_mentor_linkedin_url": "https://www.linkedin.com/in/abdul-waheed-26b123126/"
+ }
+}
diff --git a/master b/master
diff --git a/static/css/team.css b/static/css/team.css
@@ -0,0 +1,111 @@
+@import url('https://fonts.googleapis.com/css?family=Exo+2|Yatra+One');
+
+*{
+ margin: 0;
+ padding: 0;
+ box-sizing: border-box;
+ font-family: montserrat, sans-serif;
+}
+
+body{
+ background: #8c7ae6;
+}
+
+.wrapper{
+ margin-top: 60px;
+ text-align: center;
+}
+
+.wrapper h1{
+ font-family: 'Monsterrat', sans-serif;
+ font-size: 48px;
+ color: #fff;
+ margin-bottom: 25px;
+}
+
+.our_team{
+ width: auto;
+ display: flex;
+ justify-content: center;
+ flex-wrap: wrap;
+}
+
+.our_team .team_member{
+ width: 250px;
+ margin: 5px;
+ background: #8C1ADA
+ padding: 20px 10px;
+}
+
+.our_team .team_member .member_img{
+ background: #fff;
+ max-width: 190px;
+ width: 100%;
+ height: 190px;
+ margin: 0 auto;
+ border-radius: 50%;
+ padding: 5px;
+ position: relative;
+ cursor: pointer;
+}
+
+.our_team .team_member .member_img img{
+ width: 100%;
+ height: 100%;
+}
+
+.our_team .team_member h3{
+ text-transform: uppercase;
+ font-size: 18px;
+ line-height: 18px;
+ letter-spacing: 2px;
+ margin: 15px 0 0px;
+ color: #fff;
+}
+
+.our_team .team_member span{
+ font-size: 10px;
+}
+
+.our_team .team_member p{
+ margin-top: 20px;
+ font-size: 14px;
+ line-height: 20px;
+}
+.mentors_part{
+ background: #8C1ADA;
+ }
+
+.our_team .team_member .member_img .social_media{
+ position: absolute;
+ top: 5px;
+ left: 5px;
+ background: rgba(0,0,0,0.65);
+ width: 95%;
+ height: 95%;
+ border-radius: 50%;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ transform: scale(0);
+ transition: all 0.5s ease;
+}
+
+.our_team .team_member .member_img .social_media .item{
+ margin: 0 10px;
+}
+
+.our_team .team_member .member_img .social_media .fab{
+ color: #8c7ae6;
+ font-size: 20px;
+}
+.rounded-circle {
+ border-radius: 50% !important;
+}
+.mx-auto {
+ margin-right: auto !important;
+}
+
+.our_team .team_member .member_img:hover .social_media{
+ transform: scale(1);
+}
diff --git a/static/img/team/0.jpg b/static/img/team/0.jpg
diff --git a/static/img/team/1.jpg b/static/img/team/1.jpg
diff --git a/static/img/team/2.jpg b/static/img/team/2.jpg
diff --git a/static/img/team/3.jpg b/static/img/team/3.jpg
diff --git a/static/img/team/4.jpg b/static/img/team/4.jpg
diff --git a/static/img/team/5.jpg b/static/img/team/5.jpg
diff --git a/static/img/team/6.jpg b/static/img/team/6.jpg
diff --git a/templates/team.html b/templates/team.html
@@ -0,0 +1,103 @@
+<!DOCTYPE html>
+<html>
+<head>
+ <title>Team Page</title>
+ <link rel="stylesheet" href="{{url_for('static', filename='css/team.css')}}">
+ <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css">
+</head>
+<body>
+ <div class="wrapper">
+ <h1>Project Admin</h1>
+ <div class="our_team">
+ <div class="team_member">
+ <div class="member_img">
+ <img class="mx-auto rounded-circle" src="{{url_for('static', filename='img/team/0.jpg')}}" alt="" />
+
+ <div class="social_media">
+ <a href="{{params['project_admin_github_url']}}" target="_blank">
+ <div class="github item"><i class="fab fa-github"></i></div></a>
+ <a href="{{params['project_admin_linkedin_url']}}" target="_blank">
+ <div class="twitter item"><i class="fab fa-linkedin"></i></div></a>
+ </div>
+ </div>
+ <h3>{{params['project_admin_name']}}</h3>
+
+ </div>
+ </div>
+</div>
+
+<div class="mentors_part">
+<div class="wrapper">
+ <h1>Mentors</h1>
+ <div class="our_team">
+ <div class="team_member">
+ <div class="member_img">
+ <img class="mx-auto rounded-circle" src="{{url_for('static', filename='img/team/1.jpg')}}" alt="" />
+
+ <div class="social_media">
+ <a href="{{params['1_mentor_github_url']}}" target="_blank">
+ <div class="github item"><i class="fab fa-github"></i></div></a>
+ <a href="{{params['1_mentor_linkedin_url']}}" target="_blank">
+ <div class="linkedin item"><i class="fab fa-linkedin"></i></div></a>
+ </div>
+ </div>
+ <h3>{{params['1_mentor_name']}}</h3>
+
+ </div>
+ <div class="team_member">
+ <div class="member_img">
+ <img class="mx-auto rounded-circle" src="{{url_for('static', filename='img/team/2.jpg')}}" alt="" />
+ <div class="social_media">
+ <a href="{{params['2_mentor_github_url']}}" target="_blank">
+ <div class="github item"><i class="fab fa-github"></i></div></a>
+ <a href="{{params['2_mentor_linkedin_url']}}" target="_blank">
+ <div class="linkedin item"><i class="fab fa-linkedin"></i></div></a>
+ </div>
+ </div>
+ <h3>{{params['2_mentor_name']}}</h3>
+
+ </div>
+ <div class="team_member">
+ <div class="member_img">
+ <img class="mx-auto rounded-circle" src="{{url_for('static', filename='img/team/3.jpg')}}" alt="" />
+ <div class="social_media">
+ <a href="{{params['3_mentor_github_url']}}" target="_blank">
+ <div class="github item"><i class="fab fa-github"></i></div></a>
+ <a href="{{params['3_mentor_linkedin_url']}}" target="_blank">
+ <div class="linkedin item"><i class="fab fa-linkedin"></i></div></a>
+ </div>
+ </div>
+ <h3>{{params['3_mentor_name']}}</h3>
+
+ </div>
+ <div class="team_member">
+ <div class="member_img">
+ <img class="mx-auto rounded-circle" src="{{url_for('static', filename='img/team/4.jpg')}}" alt="" />
+ <div class="social_media">
+ <a href="{{params['4_mentor_github_url']}}" target="_blank">
+ <div class="github item"><i class="fab fa-github"></i></div></a>
+ <a href="{{params['4_mentor_linkedin_url']}}" target="_blank">
+ <div class="linkedin item"><i class="fab fa-linkedin"></i></div></a>
+ </div>
+ </div>
+ <h3>{{params['4_mentor_name']}}</h3>
+
+ </div>
+ <div class="team_member">
+ <div class="member_img">
+ <img class="mx-auto rounded-circle" src="{{url_for('static', filename='img/team/5.jpg')}}" alt="" />
+ <div class="social_media">
+ <a href="{{params['5_mentor_github_url']}}" target="_blank">
+ <div class="github item"><i class="fab fa-github"></i></div></a>
+ <a href="{{params['5_mentor_linkedin_url']}}" target="_blank">
+ <div class="linkedin item"><i class="fab fa-linkedin"></i></div></a>
+ </div>
+ </div>
+ <h3>{{params['5_mentor_name']}}</h3>
+
+ </div>
+ </div>
+</div>
+</div>
+</body>
+</html>