diff --git a/package.json b/package.json index 23ce287..265666d 100644 --- a/package.json +++ b/package.json @@ -18,6 +18,7 @@ "@fontsource/roboto-mono": "^4.5.10", "astro": "^2.1.3", "astro-icon": "^0.8.0", + "octokit": "^2.0.14", "tailwindcss": "^3.0.24" }, "engines": { diff --git a/public/artist-icon.jpg b/public/artist-icon.jpg new file mode 100644 index 0000000..cf196ed Binary files /dev/null and b/public/artist-icon.jpg differ diff --git a/src/components/Header.astro b/src/components/Header.astro index baacf37..f688ca9 100644 --- a/src/components/Header.astro +++ b/src/components/Header.astro @@ -1,29 +1,32 @@ --- -import HeaderLink from "./HeaderLink.astro"; -import { SITE_TITLE } from "../consts"; -import { Icon } from "astro-icon"; +import HeaderLink from './HeaderLink.astro'; +import { SITE_TITLE } from '../consts'; +import { Icon } from 'astro-icon'; --- -
-

- {SITE_TITLE} -

- +
+

+ {SITE_TITLE} +

+
diff --git a/src/components/TechStack.astro b/src/components/TechStack.astro index e3fd9c2..caaaccf 100644 --- a/src/components/TechStack.astro +++ b/src/components/TechStack.astro @@ -1,17 +1,17 @@ --- -import type { HTMLAttributes } from "astro/types"; +import type { HTMLAttributes } from 'astro/types'; -type Props = HTMLAttributes<"button">; +type Props = HTMLAttributes<'button'>; const { class: className, ...props } = Astro.props; --- - + diff --git a/src/consts.ts b/src/consts.ts index ed71879..b83c7cd 100644 --- a/src/consts.ts +++ b/src/consts.ts @@ -1,5 +1,5 @@ // Place any global data in this file. // You can import this data from anywhere in your site by using the `import` keyword. -export const SITE_TITLE = "Camila Martinez"; -export const SITE_DESCRIPTION = "Welcome to my website!"; +export const SITE_TITLE = 'cammarb'; +export const SITE_DESCRIPTION = 'Welcome to my website!'; diff --git a/src/pages/index.astro b/src/pages/index.astro index 07936d1..fd4c125 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -1,57 +1,102 @@ --- -import BaseHead from "../components/BaseHead.astro"; -import Header from "../components/Header.astro"; -import Footer from "../components/Footer.astro"; -import { SITE_TITLE, SITE_DESCRIPTION } from "../consts"; -import HomeLinks from "../components/HomeLinks.astro"; -import { Icon } from "astro-icon"; -import TechStack from "../components/TechStack.astro"; +import BaseHead from '../components/BaseHead.astro'; +import Header from '../components/Header.astro'; +import Footer from '../components/Footer.astro'; +import { SITE_TITLE, SITE_DESCRIPTION } from '../consts'; +import HomeLinks from '../components/HomeLinks.astro'; +import { Icon } from 'astro-icon'; +import TechStack from '../components/TechStack.astro'; +import Button from '../components/Button.astro'; +import { Octokit } from 'octokit'; + +const octokit = new Octokit({ + auth: process.env.GITHUB_TOKEN, +}); + +const result = await octokit.request('GET /users/cammarb/repos', { + user: 'cammarb', + sort: 'updated', + per_page: 6, +}); + +// const repo = { +// name: 'amena', +// description: 'this is the desciprtion', +// updated_at: '2023-03-26T15:17:32Z', +// html_url: 'http://website.com', +// }; --- - - - - - -
-
+ + + + +
+
+ + +
+

Hey, I'm Camila 👋

+

and I'm a Web Developer.

+
- -
-

Hey, I'm Camila 👋

-

and I'm a Web Developer.

-
-

- Technologies and programming languages: -

- ReactJS - Javascript - Flask - Python -
-
-

Check out my music:

- - - Listen to "no time" - - - - "no time" Official Music Video - - - - Demos and Covers - +

+ Technologies and programming languages: +

+ ReactJS + Javascript + Flask + Python +
+
+ + + +
+
+ +
+

Projects I'm currently working on

+
+ { + result.data.map((repo) => { + return ( +
+

{repo.name}

+

{repo.description}

+ + + GitHub + +

+ Last modified on{' '} + {new Date(repo.updated_at).toLocaleString('de-DE', { + day: 'numeric', // numeric, 2-digit + year: 'numeric', // numeric, 2-digit + month: 'long', // numeric, 2-digit, long, short, narro + })} +

-
-
-
- + ); + }) + } + + +
+