-
{medium}
@@ -32,7 +38,7 @@ import Icon from "../components/Icon.astro"; ) : null }
+
@@ -74,6 +80,10 @@ import Icon from "../components/Icon.astro";
color: #9dac93;
}
+ [data-icon] {
+ margin-right: 1rem;
+ }
+
@media only screen and (max-width: 768px) {
#main {
width: 100%;
diff --git a/src/components/Icon.astro b/src/components/Icon.astro
deleted file mode 100644
index 57178aa..0000000
--- a/src/components/Icon.astro
+++ /dev/null
@@ -1,16 +0,0 @@
----
-interface Props {
- icon: string;
- size: string;
-}
-
-const { icon, size } = Astro.props;
----
-
-
-
+
@@ -8,18 +9,45 @@ import Icon from "../components/Icon.astro";
diff --git a/src/pages/projects.astro b/src/pages/projects.astro
index 1f49e24..4fe43ed 100644
--- a/src/pages/projects.astro
+++ b/src/pages/projects.astro
@@ -1,23 +1,48 @@
---
import Layout from "../layouts/Layout.astro";
import ProjectCard from "../components/ProjectCard.astro";
-import Icon from "../components/Icon.astro";
+
+const projectsData = [
+ {
+ name: "PlotAI",
+ description:
+ "Web app to assist farmers with irrigation optimization recommendations and AI powered plant disease detection. Won the Congressional App Challenge for Georgia's 7th District.",
+ git: "https://github.com/theamazing0/PlotAI",
+ web: "https://plotai.org/",
+ skills: ["HTML", "CSS", "Javascript", "Tensorflow.js"],
+ },
+];
---
-
+
-
-
- 
-
-
-
-
- Portfolio
-A website to display my awesomeness
-
-
diff --git a/src/content.config.ts b/src/content.config.ts
new file mode 100644
index 0000000..66de25f
--- /dev/null
+++ b/src/content.config.ts
@@ -0,0 +1,22 @@
+// 1. Import utilities from `astro:content`
+import { defineCollection, z } from "astro:content";
+
+// 2. Import loader(s)
+import { glob, file } from "astro/loaders";
+
+// 3. Define your collection(s)
+const blog = defineCollection({
+ /* ... */
+});
+const projects = defineCollection({
+ loader: file("src/data/projects.json"),
+ schema: z.object({
+ name: z.string(),
+ description: z.string(),
+ git: z.string().url().optional(),
+ web: z.string().url().optional(),
+ }),
+});
+
+// 4. Export a single `collections` object to register your collection(s)
+export const collections = { blog, projects };
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index b8cbea9..0eddf41 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -36,8 +36,7 @@ import interWoff2 from "@fontsource-variable/inter/files/inter-latin-wght-normal
Contact
I would love to talk to you!
diff --git a/src/pages/index.astro b/src/pages/index.astro index 9d1568f..3c4be93 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -1,6 +1,7 @@ --- import Layout from "../layouts/Layout.astro"; -import Icon from "../components/Icon.astro"; + +import { Icon } from "astro-icon/components"; ---Samvid Konchada
Hi, welcome to my website! I'm high-schooler from Atlanta, GA. I'm - interested in programming, cybersecurity, native plants, and more! Check - out what I'm doing now. + interested in programming, cybersecurity, open source, Linux, native + plants, and more! Check out what I'm doing now.
I have experience with fullstack and mobile development with Python, Javascript, and more. Check out different projects I've worked on!
- @@ -30,25 +58,42 @@ import Icon from "../components/Icon.astro"; /* margin-top: 3rem; */ margin-bottom: 1.5rem; - /* background: linear-gradient(to bottom, #e6fbd4 0%, #292e28 100%); - -webkit-background-clip: text; - background-clip: text; - color: transparent; - text-fill-color: transparent; */ - color: #e6fbd4; } .subtitle { color: #c3d6b2; - /* max-width: 55%; */ - /* margin: 0px; */ + } + + [data-icon] { + margin-right: 0.5rem; + } + + .icon-label { + margin-top: 0.25rem; + color: #9dac93; + font-size: 0.75rem; + font-weight: 500; + } + + .accts-sub { + margin-top: 1.5rem; } @media only screen and (min-width: 769px) { .subtitle { max-width: 65%; } + + #accts-main { + display: flex; + margin-top: 2rem; + } + + .accts-sub { + margin-right: 1.5rem; + margin-top: 0; + } }Projects
-
-
+ {
+ projectsData.map((project) => (
+