index: Add Accepted Students section

content/projects/amritaresource/index.md

@@ -5,6 +5,10 @@ cover: './cover.png'
 topic: Android Development
 mentors: ['Ajay Prabhakar']
 mentorsEmail: ['[email protected]']
+selected: true
+selectedStudent: ['Kaniganti Sai Tarun']
+content: By using facebook API firebase can store the token in the app so, that login will be easy for the user but in email, users have to verify.
+         And I want to improve the User Interface Of app
 draft: false
 ---
 

content/projects/pydatastructs/index.md

@@ -5,6 +5,11 @@ cover: './cover.png'
 topic: Data Structures
 mentors: ['Gagandeep Singh']
 mentorsEmail: ['[email protected]']
+selected: true
+selectedStudent: ['Anand Murali']
+content: This project has a lot of data structures in python, a queue can be implemented using arrays.
+         As I am quite new to programming with python implementing a data structure like queue in
+         python will be a good start for me to get into contributing to open source.
 draft: false
 ---
 

content/projects/savetheearth/index.md

@@ -5,6 +5,9 @@ cover: './cover.png'
 topic: Android App Development
 mentors: ['Abhijith Ramesh']
 mentorsEmail: ['[email protected]']
+selected: false
+selectedStudent: ['xyz']
+content: AmritaResource makes easier to share documents like Exam Paper, Study Material
 draft: false
 ---
 

content/projects/spicymarshmellow/index.md

@@ -5,6 +5,9 @@ cover: './cover.png'
 topic: Android App Development
 mentors: ['Abhilash G']
 mentorsEmail: ['[email protected] ']
+selected: false
+selectedStudent: ['xyz']
+content: AmritaResource makes easier to share documents like Exam Paper, Study Material
 draft: false
 ---
 

content/projects/stardox/index.md

@@ -5,6 +5,11 @@ cover: './cover.png'
 topic: Python Scripting
 mentors: ['Prateek Mishra']
 mentorsEmail: ['[email protected]']
+selected: true
+selectedStudent: ['Bhavesh Solanki']
+content: Stardox is an advanced GitHub stargazers information gathering tool. It scraps Github for information
+         and displays them in a list tree view. It can be used for collecting information about someone’s repository
+         stargazer’s details.This project is listed in Blackarch Linux distribution.
 draft: false
 ---
 

content/projects/teachcode/index.md

@@ -5,6 +5,12 @@ cover: './cover.png'
 topic: Web Development
 mentors: ['James George']
 mentorsEmail: ['[email protected]']
+selected: true
+selectedStudent: ['Rishabh Kalakoti']
+content: Teachcode provides 30 basic questions for Python and JavaScript, for validation, the
+         output is checked against the correct programs. To take this package to the next level, proper
+         tests are missing, there are no proper checks to know if a code change is breaking the code. I
+         plan to write tests for full coverage for the same.
 draft: false
 ---
 

content/projects/templeapp/index.md

@@ -5,6 +5,10 @@ cover: './cover.png'
 topic: Android App Development
 mentors: ['Ajay Prabhakar']
 mentorsEmail: ['[email protected]']
+selected: true
+selectedStudent: ['Aashrith Kandimalla']
+content: This app is a cost-efficient way of maintaining records of poojas, donations made by people and also all the financial records in temples. Using this app, people in the temple counter will be able to enter all the details regarding the poojas they want or some donations they want to do for the temple.
+
 draft: false
 ---
 

src/components/footer.js

@@ -17,6 +17,7 @@ import {
 import { ThemeContext } from "../contexts/theme";
 import { Link } from "gatsby";
 import amFOSSLogo from "../images/logo_light.png";
+import Github from "../images/github.png";
 
 const Footer = () => {
   const { theme } = useContext(ThemeContext);
@@ -145,7 +146,12 @@ const Footer = () => {
               </div>
             </div>
             <div className="has-text-centered" style={{ marginTop: "10px" }}>
-              (C) 2019 amFOSS. All Rights Reserved
+              Thank You
+            </div>
+            <div className="has-text-centered footer-logo" style={{ marginTop: "10px" }}>
+              <a href="https://github.com/">
+                <img className="px-2" src={Github} alt="Github" />
+              </a>
             </div>
           </Container>
         </BloomerFooter>

src/pages/index.js

@@ -1,10 +1,8 @@
 import React, { useContext, useState, useEffect } from "react";
 import { Link, graphql } from "gatsby";
-import LazyImage from "gatsby-image";
 import {
   Card,
   CardContent,
-  CardImage,
   Column,
   Columns,
   Container,
@@ -26,7 +24,6 @@ import FAQ from "../components/faq";
 import HttpsRedirect from "react-https-redirect";
 import Contact from "./contact";
 import RSVPForm from "../components/rsvpForm";
-import Research from "../components/research";
 
 const ProjectsIndex = props => {
   const { theme } = useContext(ThemeContext);
@@ -166,6 +163,55 @@ const ProjectsIndex = props => {
               </Container>
             </HeroBody>
           </Hero>
+          {projects.length > 0 ? (
+              <Hero id="selectedprojects" isColor={theme}>
+                <HeroBody>
+                  <Title
+                      className="has-text-centered pb-4"
+                      style={{ fontWeight: "900" }}
+                  >
+                    Accepted Students
+                  </Title>
+                  <Container>
+                    <Columns isMultiline>
+                      {projects.map(({ node }) => {
+                        const title = node.frontmatter.title || node.fields.slug;
+                        return node.frontmatter.selected ? (
+                            <Column
+                                isSize={{
+                                  fullhd: 6,
+                                  desktop: 6,
+                                  tablet: 12
+                                }}
+                                key={node.fields.slug}
+                            >
+                              <Card
+                                  className={`is-project has-background-${theme}`}
+                                  hasTextColor={theme}
+                              >
+                                <div>
+                                  <div className="has-background-black p-2">
+                                    <Title className="has-text-white p-1" isSize={4}>{node.frontmatter.selectedStudent}</Title>
+                                    <Subtitle
+                                        className="has-text-white p-1"
+                                        hasTextColor={getOppositeTheme(theme)}
+                                    >
+                                      <small className="has-text-white">{title}</small>
+                                    </Subtitle>
+                                  </div>
+                                  <div className="has-text-justified p-4">
+                                    <small className="has-text-grey-dark">{node.frontmatter.content}</small>
+                                  </div>
+                                </div>
+                              </Card>
+                            </Column>
+                        ): null;
+                      })}
+                    </Columns>
+                  </Container>
+                </HeroBody>
+              </Hero>
+          ) : null}
           <About />
           <Why />
           <Hero id="timeline" isColor={theme}>
@@ -209,9 +255,6 @@ const ProjectsIndex = props => {
                 >
                   Projects
                 </Title>
-                <div className="alert alert-warning p-3 m-4 text-center">
-                  Do not forget to submit your proposals well before December 31, 2019, 23:59 IST
-                </div>
                 <Container>
                   <Columns isMultiline>
                     {projects.map(({ node }) => {
@@ -278,6 +321,9 @@ export const pageQuery = graphql`
             slug
           }
           frontmatter {
+            selected
+            content
+            selectedStudent
             mentors
             topic
             title

src/styles/index.sass

@@ -284,6 +284,11 @@ footer.is-dark
   height: 100%
   min-height: 300px
 
+.footer-logo
+  img
+    width: 3.5vw
+    min-width: 48px
+
 @media only screen and (max-width: 600px)
   .timeline-item-content
     width: 500px