Merge pull request #10 from Firgrep/main

feat: adding teams page and team member cards

src/components/CardTeamMember.tsx

@@ -0,0 +1,39 @@
+import Image from "next/image";
+
+type CardTeamMemberProps = {
+    name: string;
+    title: string;
+    image: string;
+    children?: React.ReactNode;
+}
+
+const CardTeamMember = ({ name, title, image, children }: CardTeamMemberProps) => {
+    return (
+        <div className="flex flex-col w-[450px] h-[600px] rounded-md shadow-lg bg-gradient-to-b from-gray-100 to-gray-300 dark:from-neutral-950/90 dark:to-neutral-800/90 dark:outline-1 dark:outline-solid dark:outline-dark-green-hsl outline outline-1 outline-gray-300">
+            <div className="flex p-8">
+                <Image 
+                    height={125} 
+                    width={125} 
+                    src={image} 
+                    alt={name} 
+                    priority 
+                    style={{
+                        borderRadius: "50%", 
+                        outline: "5px solid lightgray",
+                        boxShadow: "0px 0px 10px 0px rgba(0,0,0,0.75)",
+                        border: "2px solid white"
+                    }}
+                />
+                <div className="flex flex-col justify-center align-center ml-10 -translate-y-4 gap-2">
+                    <h3 className="text-3xl font-semibold">{name}</h3>
+                    <p className="text-lg font-sans text-gray-400">{title}</p>
+                </div>
+            </div>
+            <div className="px-6 pb-6">
+                <p className="text-justify">{children}</p>
+            </div>
+        </div>
+    );
+}
+
+export default CardTeamMember;

src/components/Footer.tsx

@@ -43,6 +43,7 @@ const navigation = {
         { name: "Reference", href: "/kant/reference" },
     ],
     company: [
+        { name: "Team", href: "/team"},
         { name: "Contributing", href: "/-contributing" },
         { name: "Methodology", href: "/-contributing/methodology", },
         { name: "Code of Conduct", href: `/-contributing/code-of-conduct`, },

src/components/pages/team/index.tsx

@@ -0,0 +1,29 @@
+import CardTeamMember from "@/components/CardTeamMember";
+
+
+const TeamPage = () => {
+
+    return(
+        <div className="flex flex-col container justify-center w-full items-center">
+            <h1 className="text-4xl font-bold my-16">Meet Our Team</h1>
+            <div className="flex gap-16 flex-wrap mb-60">
+                <CardTeamMember 
+                    name="Filip Niklas" 
+                    title="Tech Lead" 
+                    image="/images/team/filip.jpg"
+                >
+                    Filip Niklas, Ph.D., is a co-founder and the tech lead of sPhil. By day he works as a software developer, and by night he works on sPhil, writes poetry and teaches philosophy. He completed his PhD in philosophy in 2022 under the supervision of Professor Stephen Houlgate at the University of Warwick. The title of his thesis was Hegel&apos;s <em>Critique of Determinism: Justifying Unfreedom as a Moment of Freedom</em>. Filip&apos;s main research areas are systematic philosophy, metaphysics, ontology, essence, freedom, determinism, and maintains an otherwise broad interest in all the dimensions of intelligence and reason. Filip is also an incurable fan of the art and poetry of William Blake.
+                </CardTeamMember>
+                <CardTeamMember 
+                    name="Ahilleas Rokni" 
+                    title="Business Lead" 
+                    image="/images/team/ahilleas.jpg"
+                >
+                    Ahilleas Rokni, Ph.D., is a co-founder and the business lead of sPhil. He completed his PhD thesis in philosophy in 2022 under the supervision of Professor Stephen Houlgate at the University of Warwick. His thesis aimed to give an account of the much-debated move from the <em>Science of Logic</em> to the <em>Philosophy of Nature</em> in Hegel&apos;s system. Ahilleas&apos;s main research concerns are Hegel&apos;s logic, philosophy of nature, philosophy of science, and aesthetics.
+                </CardTeamMember>
+            </div>
+        </div>
+    )
+}
+
+export default TeamPage;

src/pages/_meta.json

@@ -37,5 +37,14 @@
 	"acknowledgements": {
 		"title": "Acknowledgements",
 		"display": "hidden"
+	},
+	"team": {
+		"title": "Team",
+		"display": "hidden",
+		"theme": {
+			"layout": "raw",
+			"sidebar": false,
+			"toc": true
+		}
 	}
 }

src/pages/acknowledgements.mdx

@@ -4,7 +4,7 @@ searchable: false
 
 # Acknowledgements
 
-We would like to acknowledge and give thanks certain individuals and organizations for their implicit contributions to the development of this project through making their resources freely available, allowing us to use their code or content. 
+We would like to acknowledge and give thanks to certain individuals and organizations for their implicit contributions to the development of this project through making their resources freely available, allowing us to use their code or content. 
 
 - **Cory Hughart** for granting permission to use the code of his [Drifter Stars](https://codepen.io/cr0ybot/pen/zNyYeW) background. See also [Cory Hughart's Blog](https://coryhughart.com/).
 - **Hyperplexed** for the [Evervault Hover Effect](https://codepen.io/Hyperplexed/pen/VwqLQbo) background. See also [Hyperplexed's CodePen](https://codepen.io/hyperplexed/).

src/pages/team.mdx

@@ -0,0 +1,8 @@
+---
+hidden: true
+searchable: false
+---
+
+import TeamPage from '../components/pages/team';
+
+<TeamPage />

tailwind.config.ts

@@ -1,39 +1,39 @@
 import type { Config } from 'tailwindcss'
 
 const config: Config = {
-  content: [
-    './src/pages/**/*.{js,ts,jsx,tsx,md,mdx}',
-    './src/components/**/*.{js,ts,jsx,tsx,md,mdx}',
-    './src/app/**/*.{js,ts,jsx,tsx,md,mdx}',
-    './node_modules/@nextui-org/theme/dist/**/*.{js,ts,jsx,tsx}'
-  ],
-  theme: {
-    container: {
-      center: true,
-      padding: "2rem",
-      screens: {
-        "2xl": "1400px",
+    content: [
+		'./src/pages/**/*.{js,ts,jsx,tsx,md,mdx}',
+		'./src/components/**/*.{js,ts,jsx,tsx,md,mdx}',
+		'./src/app/**/*.{js,ts,jsx,tsx,md,mdx}',
+		'./node_modules/@nextui-org/theme/dist/**/*.{js,ts,jsx,tsx}'
+    ],
+    theme: {
+      container: {
+			center: true,
+			padding: "2rem",
+			screens: {
+			"2xl": "1400px",
+			},
       },
-    },
-    extend: {
-      // backgroundImage: {
-      //   'gradient-radial': 'radial-gradient(var(--tw-gradient-stops))',
-      //   'gradient-conic':
-      //     'conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))',
-      // },
-      backgroundImage: {
-        'radial-gradient': 'radial-gradient(#FFFFFF 25%, rgb(255 255 255), transparent)',
-        'radial-gradient-dark': 'radial-gradient(rgb(40 40 40) 40%, rgb(175 185 159) 50%, transparent, rgb(20 20 20))',
-      },
-      fontFamily: {
-        serif: ['var(--font-cinzel)'],
-      },
-      colors: {
-        'dark-green-hsl': 'hsl(155, 100%, 66%, 0.17)',
+      extend: {
+			// backgroundImage: {
+			//   'gradient-radial': 'radial-gradient(var(--tw-gradient-stops))',
+			//   'gradient-conic':
+			//     'conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))',
+			// },
+        backgroundImage: {
+			'radial-gradient': 'radial-gradient(#FFFFFF 25%, rgb(255 255 255), transparent)',
+			'radial-gradient-dark': 'radial-gradient(rgb(40 40 40) 40%, rgb(175 185 159) 50%, transparent, rgb(20 20 20))',
+        },
+        fontFamily: {
+          	serif: ['var(--font-cinzel)'],
+        },
+        colors: {
+          	'dark-green-hsl': 'hsl(155, 100%, 66%, 0.17)',
+        },
       },
     },
-  },
-  darkMode: 'class',
-  plugins: [],
+    darkMode: 'class',
+    plugins: [],
 }
 export default config