Contact page

.gitignore

@@ -10,4 +10,4 @@ generated
 .DS_Store
 docker-build
 
-.vscode
+.env

package.json

@@ -18,6 +18,7 @@
     "@emotion/styled": "11.3.0",
     "css-loader": "^6.8.1",
     "d3": "7.6.1",
+    "dotenv": "^16.3.1",
     "framer-motion": "4.1.17",
     "prop-types": "15.7.2",
     "react": "18.2.0",
@@ -41,6 +42,7 @@
     "@types/styled-components": "5.1.9",
     "@typescript-eslint/eslint-plugin": "4.22.0",
     "@typescript-eslint/parser": "4.22.0",
+    "dotenv-webpack": "^8.0.1",
     "eslint": "7.25.0",
     "eslint-config-react-app": "6.0.0",
     "eslint-plugin-import": "2.22.1",

src/archived/Presentations.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { PRESENTATIONS_LIST } from '../utils/data/researchInformation';
+import { PRESENTATIONS_LIST } from './researchInformation';
 import { PublicationsGrid } from './PublicationsGrid';
 
 export const Presentations: React.FC = () => (

src/archived/Publications.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { PublicationsGrid } from './PublicationsGrid';
-import { PUBLICATIONS_LIST } from '../utils/data/researchInformation';
+import { PUBLICATIONS_LIST } from './researchInformation';
 
-export const Publications: React.VFC = () => (
+export const Publications: React.FC = () => (
   <PublicationsGrid title="Publications" list={PUBLICATIONS_LIST} />
 );

src/archived/Research.tsx

@@ -1,8 +1,5 @@
 import * as React from 'react';
-import {
-  ONGOINGRESEARCH_LIST,
-  PASTRESEARCH_LIST,
-} from '../utils/data/researchInformation';
+import { ONGOINGRESEARCH_LIST, PASTRESEARCH_LIST } from './researchInformation';
 import { ResearchGrid } from './ResearchGrid';
 
 export const Research = () => {

src/utils/data/alumni.tsx → src/archived/alumni.tsx

@@ -1,4 +1,4 @@
-import { AlumniInformation } from '../../types/types';
+import { AlumniInformation } from '../types/types';
 
 export const ALUMNI: Array<AlumniInformation> = [
   {

src/utils/data/peopleInformation.tsx → src/archived/peopleInformation.tsx

@@ -1,4 +1,4 @@
-import { InternTestimonial, PersonInformation } from '../../types/types';
+import { InternTestimonial, PersonInformation } from '../types/types';
 
 export const CURRENTMEMBERS_LIST: Array<PersonInformation> = [
   {

src/utils/data/projectInformation.tsx → src/archived/projectInformation.tsx

@@ -1,6 +1,6 @@
 import { Link, Text } from '@chakra-ui/react';
 import * as React from 'react';
-import { ProjectInfo, ProjectInformation } from '../../types/types';
+import { ProjectInfo, ProjectInformation } from '../types/types';
 
 export const PROJECTS_LIST: Array<ProjectInfo> = [
   {

src/utils/data/researchInformation.tsx → src/archived/researchInformation.tsx

@@ -1,6 +1,6 @@
 import { Box, Link, Text } from '@chakra-ui/react';
 import * as React from 'react';
-import { ResearchInformation, PublicationInformation } from '../../types/types';
+import { ResearchInformation, PublicationInformation } from '../types/types';
 
 export const ONGOINGRESEARCH_LIST: Array<ResearchInformation> = [
   {

src/components/ContactForm/ContactForm.css

@@ -43,3 +43,20 @@ blockquote {
   font-weight: 400;
   margin-left: 15px;
 }
+
+#boxApplicationType {
+  font-size: 15px;
+  font-weight: 600;
+  margin-bottom: 15px;
+  font-family:
+    Segoe UI,
+    Helvetica Neue,
+    sans-serif;
+}
+
+#submitButton {
+  font-size: 1em;
+  font-weight: 600;
+  font-family: Graphik, Helvetica, Arial, sans-serif !important;
+  text-transform: uppercase;
+}