Skip to content

Commit

Permalink
add
Browse files Browse the repository at this point in the history
  • Loading branch information
EdamAme-x committed Nov 18, 2023
1 parent 5f4093e commit 694e740
Show file tree
Hide file tree
Showing 3 changed files with 6 additions and 3 deletions.
2 changes: 1 addition & 1 deletion src/src/layout/Header/Header.astro
Original file line number Diff line number Diff line change
Expand Up @@ -27,7 +27,7 @@ const menus = [
<div class="flex items-center gap-4 space-x-4 mr-1">
{
menus.map((menu) => (
<a href={menu.path} class="text-gray-800 dark:text-gray-100 hover:text-yellow-300 dark:hover:text-yellow-300 bg-[#FFFFFFCC] dark:bg-[#00010E33] rounded-lg px-2 py-1 transition duration-150" >{menu.name}</a>
<a href={menu.path} class="text-gray-800 dark:text-gray-100 hover:text-yellow-600 dark:hover:text-yellow-300 bg-[#FFFFFF66] dark:bg-[#00010E33] rounded-lg px-2 py-1 transition duration-150" >{menu.name}</a>
))
}
</div>
Expand Down
2 changes: 1 addition & 1 deletion src/src/layout/Layout.astro
Original file line number Diff line number Diff line change
Expand Up @@ -16,7 +16,7 @@ const { title, description, image } = Astro.props as Props;
<html lang="ja">
<BaseHead title={title ?? "JSPCE - JavaScript Professional Certification Examination"} description={description ?? "JavaScript Professional Certification Examination Offical Site"} image={image ?? "/favicon.png"} />
<body>
<div class="min-h-screen bg-gray-100 text-gray-800 dark:bg-[#00010E] dark:text-gray-100 transition-colors duration-300">
<div class="min-h-screen bg-[#7995AE] text-gray-800 dark:bg-[#00010E] dark:text-gray-100 transition-colors duration-300">
<Header />
<div id="__nuxt" style={{ display: "contents" }}>
<slot />
Expand Down
5 changes: 4 additions & 1 deletion src/src/pages/index.astro
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,8 @@ import Layout from '../layout/Layout.astro';
}} class="min-h-screen flex items-center justify-center" id="hero">

<div>
<div class="text-3xl font-bold">Hello JavaScriptist 👋</div>
<div class="text-4xl font-ultrabold font-mont">Hello JavaScriptist 👋</div>
<h1>JavaScript Professional Certification Examination</h1>
</div>

</div>
Expand All @@ -29,4 +30,6 @@ import Layout from '../layout/Layout.astro';
hero.style.backgroundSize = "cover";
}
})

window.dispatchEvent(new Event("themeChanged"));
</script>

0 comments on commit 694e740

Please sign in to comment.