-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
2817292
commit 147bc9b
Showing
3 changed files
with
75 additions
and
58 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,26 @@ | ||
--- | ||
import Footer from '@components/Footer.tsx'; | ||
const { title = 'thammarith.dev', description = 'Thammarith’s personal website and blog' } = Astro.props; | ||
--- | ||
|
||
<html lang="en"> | ||
<head> | ||
<meta charset="utf-8" /> | ||
<link rel="icon" type="image/svg+xml" href="/favicon.svg" /> | ||
<link rel="icon" type="image/png" href="/favicon.png" /> | ||
<meta name="description" content={description} /> | ||
<meta name="viewport" content="width=device-width" /> | ||
<meta name="generator" content={Astro.generator} /> | ||
<title>{title}</title> | ||
<link rel="preconnect" href="https://fonts.googleapis.com" /> | ||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> | ||
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@600&display=swap" rel="stylesheet" /> | ||
<link href="https://fonts.googleapis.com/css2?family=Figtree:wght@400&display=swap" rel="stylesheet" /> | ||
<slot name="head" /> | ||
</head> | ||
<body> | ||
<slot /> | ||
<Footer /> | ||
</body> | ||
</html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,21 +1,25 @@ | ||
--- | ||
import { getCollection } from 'astro:content'; | ||
import BaseLayout from '@layouts/BaseLayout.astro'; | ||
export async function getStaticPaths() { | ||
const blogEntries = await getCollection('blog'); | ||
return blogEntries.map(entry => ({ | ||
params: { slug: entry.slug }, props: { entry }, | ||
})); | ||
const blogEntries = await getCollection('blog'); | ||
return blogEntries.map((entry) => ({ | ||
params: { slug: entry.slug }, | ||
props: { entry }, | ||
})); | ||
} | ||
const { entry } = Astro.props; | ||
const { Content } = await entry.render(); | ||
--- | ||
<meta charset="utf-8" /> | ||
|
||
<!-- <div> | ||
{JSON.stringify(entry)} | ||
</div> --> | ||
<BaseLayout> | ||
<!-- <div> | ||
{JSON.stringify(entry)} | ||
</div> --> | ||
|
||
<h1>{entry.data.title}</h1> | ||
<Content /> | ||
<h1>{entry.data.title}</h1> | ||
<Content /> | ||
</BaseLayout> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,63 +1,50 @@ | ||
--- | ||
import Agoda from '@assets/logos/agoda-wordmark-white.svg'; | ||
import Footer from '@components/Footer.tsx'; | ||
import SocialButton, { socials } from '@components/SocialButton.tsx'; | ||
import Experience from '@components/index/Experience.astro'; | ||
import BaseLayout from '@layouts/BaseLayout.astro'; | ||
import '@fortawesome/fontawesome-free/css/fontawesome.css'; | ||
import '@fortawesome/fontawesome-free/css/solid.css'; | ||
import '@fortawesome/fontawesome-free/css/brands.css'; | ||
--- | ||
|
||
<html lang="en"> | ||
<head> | ||
<meta charset="utf-8" /> | ||
<link rel="icon" type="image/svg+xml" href="/favicon.svg" /> | ||
<link rel="icon" type="image/png" href="/favicon.png" /> | ||
<meta name="description" content="Thammarith Likittheerameth's personal website and blog" /> | ||
<meta name="viewport" content="width=device-width" /> | ||
<meta name="generator" content={Astro.generator} /> | ||
<title>Thammarith Likittheerameth</title> | ||
<link rel="preconnect" href="https://fonts.googleapis.com" /> | ||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> | ||
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@600&display=swap" rel="stylesheet" /> | ||
<link href="https://fonts.googleapis.com/css2?family=Figtree:wght@400&display=swap" rel="stylesheet" /> | ||
</head> | ||
<body> | ||
<main> | ||
<section class="px-8 sm:px-16 bg-slate-900 min-h-[max(92svh,_32rem)] flex flex-grow-0 items-center justify-center"> | ||
<header class="w-full max-w-[72ch] text-white font-['Figtree']"> | ||
<h1 class="font-['Poppins'] text-4xl sm:text-6xl font-semibold"> | ||
Thammarith | ||
<br /> | ||
Likittheerameth | ||
</h1> | ||
<div class="mt-2 text-base"> | ||
Senior Software Engineer <!-- | ||
<BaseLayout title="Thammarith’s"> | ||
<main> | ||
<section | ||
class="px-8 sm:px-16 bg-slate-900 min-h-[max(92svh,_32rem)] flex flex-grow-0 items-center justify-center" | ||
> | ||
<header class="w-full max-w-[72ch] text-white font-['Figtree']"> | ||
<h1 class="font-['Poppins'] text-4xl sm:text-6xl font-semibold"> | ||
Thammarith | ||
<br /> | ||
Likittheerameth | ||
</h1> | ||
<div class="mt-2 text-base"> | ||
Senior Software Engineer <!-- | ||
--> | ||
<wbr />@<!-- | ||
<wbr />@<!-- | ||
--> <a href="https://careersatagoda.com"> | ||
<img src={Agoda.src} class="inline-block h-4" alt="Agoda" /> | ||
</a> | ||
<!-- <br /> | ||
<img src={Agoda.src} class="inline-block h-4" alt="Agoda" /> | ||
</a> | ||
<!-- <br /> | ||
Greater Bangkok, Thailand --> | ||
</div> | ||
<p class="mt-8 max-w-xl"> | ||
Based in Bangkok, my home address is <code>localhost:3000</code>, built with my trusty tools: | ||
React, TypeScript, and, sometimes, unintended features | ||
</p> | ||
<div class="-ml-3 mt-8 flex items-center flex-wrap"> | ||
{socials.map((social) => <SocialButton social={social} />)} | ||
</div> | ||
<!-- <div> | ||
</div> | ||
<p class="mt-8 max-w-xl"> | ||
Based in Bangkok, my home address is <code>localhost:3000</code>, built with my trusty tools: React, | ||
TypeScript, and, sometimes, unintended features | ||
</p> | ||
<div class="-ml-3 mt-8 flex items-center flex-wrap"> | ||
{socials.map((social) => <SocialButton social={social} />)} | ||
</div> | ||
<!-- <div> | ||
Scroll down for about me, blog posts, and cat images | ||
</div> --> | ||
</header> | ||
</section> | ||
<section class="px-8 sm:px-16 flex flex-grow-0 items-center justify-center"> | ||
<Experience /> | ||
</section> | ||
</main> | ||
<Footer /> | ||
</body> | ||
</html> | ||
</header> | ||
</section> | ||
<section class="px-8 sm:px-16 flex flex-grow-0 items-center justify-center"> | ||
<Experience /> | ||
</section> | ||
</main> | ||
</BaseLayout> |