Merge pull request #19 from vedant-jain03/issue#9

feat: profile page for each fellow

_data/fellows.yml

@@ -13,3 +13,39 @@
 - name: Swift
   img: swift.jpg
   location: New York City, USA
+
+- name: Vedant Jain
+  location: Jabalpur(M.P.), India
+  page-name: vedant-jain
+
+- name: Haridarshan Choudhary
+  location: Navi Mumbai, India
+  page-name: haridarhan-choudhary
+
+- name: Ahmed Ibrahem
+  location: Alexandria, Egypt
+  page-name: ahmed-ibrahim
+
+- name: Ravanpreet Kaur Bagga
+  location: Allahabad, UP, India
+  page-name: ravanpreet-kuar-bagga
+
+- name: Mahmoud Dawood
+  location: Cairo, Egypt
+  page-name: mahmoud-dawood
+
+- name: Meher Bhamra
+  location: Maryland, USA
+  page-name: meher-bhamra
+
+- name: George Ibrahim
+  location: Cairo Egypt
+  page-name: george-ibrahim
+
+- name: Joseph Hauter
+  location: Queens NYC
+  page-name: joseph-hauter
+
+- name: Zane Shaw
+  location: Michigan, US
+  page-name: zane-shaw

_includes/description.html

@@ -1,11 +1,17 @@
 <h2>Meet the Pod</h2>
 <div class="card-container">
     {% for item in site.data.fellows %}
-    <div class="card">
-        <div class="info">
-            <p class="title"> {{ item.name }}</p>
-            <p class="location"> {{ item.location }}</p>
+    {% if item.page-name %}
+    <a href="/fellows/{{ item.page-name }}">
+    {% else %}
+    <a>
+        {% endif %}
+        <div class="card">
+            <div class="info">
+                <p class="title"> {{ item.name }}</p>
+                <p class="location"> {{ item.location }}</p>
+            </div>
         </div>
-    </div>
+    </a>
     {% endfor %}
 </div>

_includes/profile.html

@@ -1,7 +1,9 @@
 <div class="profile">
     <div class="profile-picture">
         {% for item in site.data.fellows %}
-            <img src="./assets/img/{{ item.img }}">
+            {% if item.img %}
+                <img src="./assets/img/{{ item.img }}">
+            {% endif %}
         {% endfor %}
     </div>
     <h1>{{ site.title }}</h1>

_layouts/fellow-page.html

@@ -0,0 +1,28 @@
+---
+layout: default
+---
+
+<div class="banner fellow-page-banner">
+    <div class="container">
+        <div class="logo">
+            <a href="/">
+                <img src="/assets/img/logo.svg"/>
+            </a>
+        </div>
+        <div class="user-container">
+          <div class="profile-image">
+            <img class="user-profile-image" src="/assets/img/{{ page.img }}" alt="">
+          </div>
+          <div class="user-information">
+            <h1 class="user-title">{{ page.title }}</h1>
+            <p class="user-description"><strong>Favourite Programming Languages:</strong> {{ page.favourite-programming-languages }}</p>
+            <p class="user-description"><strong>Interest Outside of Technolog:</strong> {{ page.interest-outside-of-technology }}</p>
+            <p class="user-description"><strong>University:</strong> {{ page.university }}</p>
+          </div>
+        </div>
+    </div>
+</div>
+
+<div class="container page">
+    {{ content }}
+</div>

_sass/all.scss

@@ -3,6 +3,7 @@
 @import 'navbar';
 @import 'profile';
 @import 'page';
+@import 'fellow-page';
 
 .card-container {
     display: grid;

_sass/fellow-page.scss

@@ -0,0 +1,25 @@
+.fellow-page-banner {
+  height: 100%;
+}
+
+.user-container {
+  display: flex;
+  margin-top: 24px;
+
+  .user-profile-image {
+    width: 180px;
+    border-radius: 5px;
+  }
+
+  .user-information {
+    color: white;
+    margin-left: 1rem;
+  }
+
+  .user-title {
+    font-size: 3rem;
+    font-weight: bold;
+  }
+
+
+}

fellows/ahmed-ibrahim.md

@@ -0,0 +1,18 @@
+---
+title: Ahmed Ibrahem
+favourite-programming-languages: Python
+interest-outside-of-technology: Gaming , Anime , Music
+university: Egypt Japan University of science and Technlology
+img: fellows/ahmed.jpg
+layout: fellow-page
+---
+
+## About me
+I am a passionate computer science student majoring in software engineering . I am always eager to learn more and challenge myself to elevate my skills .
+
+## work experience 
+- none so far 
+
+## Connect with me
+-https://github.com/AI091
+-https://www.linkedin.com/in/ahmed-ibrahem-a70938222/

fellows/george-ibrahim.md

@@ -0,0 +1,16 @@
+---
+title: George Ibrahim
+favourite-programming-languages: Java
+interest-outside-of-technology: Graphic designing and sports
+university: German University in Cairo
+img: fellows/george.jpg
+layout: fellow-page
+---
+
+## About me
+Hey guys. I'm in my senior year of computer science and engineering. I prefer the learning by doing way of education, which is why I am here. I'm looking forward to this program and getting to know you more.
+## Work Experience
+Full-stack internship at Vodafone Egypt.
+## Connect with me
+- [Linkedin](https://www.linkedin.com/in/george-sherif/)
+- [github](https://github.com/GeorgeSherif)

fellows/haridarhan-choudhary.md

@@ -0,0 +1,19 @@
+---
+title: Haridarshan Choudhary
+favourite-programming-languages: Typescript, Golang
+interest-outside-of-technology: Chess, Cricket and Music
+university: Ramrao Adik Institute of Technology
+img: fellows/haridarshan.png
+layout: fellow-page
+---
+
+## About me
+A funny and friendly guy who also happens to be a geek has a keen interest in computer science, loves building sometimes useful and sometimes useless web apps and hacks, and enjoys sports, mainly cricket and MMA.
+
+## Work Experience
+Product Engineer Intern at Tealfeed
+Software Developer Intern at Elasticrun
+
+## Connect with me
+github: github.com/hdck007
+Linkedin: linkedin.com/in/haridarshan-choudhary/ 

fellows/joseph-hauter.md

@@ -0,0 +1,19 @@
+---
+title: Joseph Hauter
+favourite-programming-languages: Python
+interest-outside-of-technology: Gym, coding 
+university: Hunter College
+img: fellows/joseph.jpg
+layout: fellow-page
+---
+
+## About me
+Majoring in Computer Science with a math minor at Hunter College. I am deeply motivated to learn and tackle many obstacles in order to develop my skills to be used in real-world applications. Programing so far has been an enjoyable experience. 
+## Work Experience
+-Front-End Web Developer
+-Technical Consulting
+## Connect with me
+- [github](https://github.com/JosephHauter)
+- [twitter](https://twitter.com/HauterJoseph)
+- [linkedin](https://www.linkedin.com/in/joseph-hauter-2a3240208/)
+- [portfolio](https://josephhauter.github.io/Portfolio-Website/)

fellows/mahmoud-dawood.md

@@ -0,0 +1,16 @@
+---
+title: Mahmoud Dawood
+favourite-programming-languages: JavaScript
+interest-outside-of-technology: Hiking
+university: Ain Shams University
+img: fellows/mahmoud.jpg
+layout: fellow-page
+---
+
+## About me
+A curious person, studying Computer systems engineering in my last year, Nice to meet you all!
+## Work Experience
+Software engineer at SCADA Innovations
+## Connect with me
+- https://github.com/MahmoudDawood
+- https://www.linkedin.com/in/mduude/

fellows/meher-bhamra.md

@@ -0,0 +1,18 @@
+---
+title: Meher Bhamra
+favourite-programming-languages: Java
+interest-outside-of-technology: reading, crafting, and learning new things!
+university: University of Maryland, College Park
+img: fellows/meher.jpg
+layout: fellow-page
+---
+
+## About me
+Hi! My name is Meher, and I'm a computer science major and general business minor at UMD. I am passionate about technology and its applications in other fields like outer space and archival restoration and would someday like to use what I am learning for those purposes. I am excited for the prep program and can't wait to become more involved and expand my skills in the field!
+
+## Work Experience
+- Peer Advisor for the CS department at UMD
+
+## Connect with me
+- https://github.com/mkb02
+- https://www.linkedin.com/in/meher-bhamra/

fellows/ravanpreet-kuar-bagga.md

@@ -0,0 +1,19 @@
+---
+title: Ravanpreet Kaur Bagga
+favourite-programming-languages: Python, C++, Javascript (Hard to choose one 🙂)
+interest-outside-of-technology: Listening to music, Poetry
+university: Chandigarh University
+img: fellows/ravanpreet.jpg
+layout: fellow-page
+---
+
+## About me
+Hello, Ravanpreet Kaur Bagga this side, a computer science enthusiast whose keen to learn about 'behind the scenes' working of products. 
+A self-learner whose excited about practically anything, whether it be academics, athletics, or extracurricular activities, I enjoy solving challenging problems and learning about interesting topics. I constantly look forward to sharing my own experiences and learning from others' journeys,  and I hope to have a wonderful time here!
+
+## Work Experience
+Upcoming SWE Intern at Microsoft, SDE intern at Hloov
+
+## Connect with me
+- https://github.com/Preet1406
+- https://www.linkedin.com/in/ravanpreet-kaur-bagga-7706291ba/

fellows/vedant-jain.md

@@ -0,0 +1,31 @@
+---
+title: Vedant Jain
+favourite-programming-languages: Javascript, Ruby, C++
+interest-outside-of-technology: BasketBall, Reading Books, Watching webseries
+university: Gyan Ganga Institute of Technology & Sciences, India
+img: fellows/vedant-jain.jpg
+layout: fellow-page
+---
+
+## About Me
+
+Myself vedant jain, final year student pursuing my bachelors degree in computer science branch from Gyan Ganga Institute of Technology and Sciences, Jabalpur, India. 
+
+I am enthusiast about open source, web development and hackathons.
+
+## Work Experience
+
+- Google Summer of Code (CircuitVerse)
+- Google Season of Docs (Talawa)
+
+## Hackathons
+
+- Me with my team have won Teacher's Hack 2(MLHacks) and Impractical Hackers 2.
+- Me with my college team qualified for Smart India Hackathons Grand Final 22 and Microsoft Imagine Cup 22.
+
+## Connect with me
+- [Devpost](https://devpost.com/vedant-jain03?ref_content=user-portfolio&ref_feature=portfolio&ref_medium=global-nav)
+- [Github](https://github.com/vedant-jain03)
+- [Twitter](https://twitter.com/vedantj_03)
+- [LinkedIn](https://www.linkedin.com/in/vedant-jain-781006145/)
+- [Portfolio](https://vedant-jain03.github.io/portfolio/)

fellows/zane-shaw.md

@@ -0,0 +1,19 @@
+---
+title: Zane Shaw
+favourite-programming-languages: JavaScript
+interest-outside-of-technology: World history, bouldering, French 
+university: N/A
+img: fellows/zane.jpeg
+layout: fellow-page
+---
+
+## About me
+Hi everyone! I'm a front-end web developer, I currently help 501(c)(3) organizations such as charities with their websites. I'm looking forward to becoming evermore involved in the world of tech!
+
+## Work Experience
+-Front-End Web Developer
+-Music Consultant
+-Composer
+## Connect with me
+- [github](https://github.com/zshawdevhttps://github.com/zshawdev)
+- [linkedin](https://www.linkedin.com/in/zshawdev/)