Adjustments to the layout

Midlou · Feb 6, 2024 · 5fe91b7 · 5fe91b7
1 parent e131a68
commit 5fe91b7
Show file tree

Hide file tree

Showing 4 changed files with 16 additions and 13 deletions.
diff --git a/src/components/layouts/main-layout.jsx b/src/components/layouts/main-layout.jsx
@@ -21,7 +21,7 @@ const MainLayout = ({ title, children }) => {
 			<header>
 				<NavBar title={title} setDrawerIsOpen={setDrawerIsOpen} />
 			</header>
-			<main className="flex-grow bg-gradient-to-r from-slate-600 to-slate-700">
+			<main className="flex-grow bg-gradient-to-r from-slate-800 to-slate-900">
 				{children}
 			</main>
 			<footer>

diff --git a/src/components/navbars/miceblocks-footer.jsx b/src/components/navbars/miceblocks-footer.jsx
@@ -9,7 +9,7 @@ import MidIconLight from "../../assets/icons/mid-icon-light-1.svg";
 // import { EXTERNAL_LINKS } from "@constants/external-links";
 
 const MiceblocksFooter = () => {
-	return <div className="text-white text-center p-5 bg-gray-800">
+	return <div className="text-white text-center p-5 bg-gradient-to-r from-slate-700 to-slate-900">
 {/* 
 		<div className="mb-5">
 			<a className="mx-3 stylized-link text-7xl" href={EXTERNAL_LINKS.midlouSteamAccount.link} title={EXTERNAL_LINKS.midlouSteamAccount.label}

diff --git a/src/constants/profiles.js b/src/constants/profiles.js
@@ -16,17 +16,17 @@ export const PROFILE_ITEMS = [
 	},
 	{
 		"value": "github_profile",
-		"label": "Github profile",
+		"label": "Github",
 		"link": "https://github.com/Midlou"
 	},
 	{
 		"value": "youtube_channel",
-		"label": "Youtube Channel",
+		"label": "Youtube",
 		"link": "https://www.youtube.com/@Midlou"
 	},
 	{
 		"value": "gamebanana_profile",
-		"label": "Gamebanana profile",
+		"label": "Gamebanana",
 		"link": "https://gamebanana.com/members/1465235"
 	}
 ];
diff --git a/src/pages/index.astro b/src/pages/index.astro
@@ -16,14 +16,17 @@ const TITLE = 'Home';
 <BaseBody title={TITLE}>
 	<MainLayout title={TITLE} client:load>
 		<div class={`flex justify-center container mx-auto py-3`}>
-			<div class="px-5 text-justify md:max-w-3xl">
+			<div class="px-4 text-justify md:max-w-3xl">
 
 				<div class="flex justify-center container mx-auto py-3">
 					<img src={MidIconLight.src} class="block w-1/4" alt="Midlou logo" />
 				</div>
+				<div class="flex justify-center container mx-auto">
+					<div class="font-mono text-lg">Midlou</div>
+				</div>
 
-				<p class="text-justify mb-6 mt-3 md:mt-5 text-base sm:text-lg md:text-xl">
-					Software engineer; Programmer <small>(naturally)</small>;
+				<p class="text-justify mb-6 md:mt-5 text-base">
+					Hello there! My pseudonym is Midlou, I'm a Software engineer; Programmer;
 					3D modeler and 3D printing;
 					level designer; audio, video and image creator/editor;
 					"<a href="https://www.urbandictionary.com/define.php?term=Gambiarra" class="stylized-link" target={"_blank"} rel={"noreferrer"}><i>Gambiarra</i></a>" professional.
@@ -32,11 +35,11 @@ const TITLE = 'Home';
 
 				{
 					PROFILE_ITEMS.map((item, index) => {
-						return <a href={item.link} target={"_blank"} rel={"noreferrer"} tab-index={0}>
-							<div class="sm:text-lg md:text-xl stylized-link px-6 py-2 w-full border-l-4 cursor-pointer default-focus-light hover:bg-slate-700 hover:border-blue-500 border-gray-700" >
-								{item.label}
-							</div>
-						</a>
+						return <span>
+							<a href={item.link} target={"_blank"} rel={"noreferrer"} tab-index={0} 
+								class="default-focus-light underline text-blue-400 hover:text-blue-500">{item.label}</a>{ PROFILE_ITEMS.length - 1 == index ? null : <span class="mx-1">•</span>}
+						</span>
+
 					})
 				}
 			</div>