sidski/kjelsrud.dev
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

💄 fix a bit of styling across page (about, index etc.)

Browse source
This commit is contained in:
SindreKjelsrud 2023-09-25 14:47:15 +02:00
parent caf8b31781
commit e3ea930720
3 changed files with 7 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/components/Header.astro
View file

@ -4,7 +4,7 @@ import { SITE_TITLE } from '../consts';
import ThemeIcon from './ThemeIcon.astro'; import ThemeIcon from './ThemeIcon.astro';
--- ---
<header class="flex justify-center gap-64"> <header class="flex justify-center mx-auto md:gap-64 gap-4 py-5">
<div> <div>
<a class="font-bold" href="/"> <a class="font-bold" href="/">
{SITE_TITLE} {SITE_TITLE}

6
src/pages/about.astro
View file

@ -11,10 +11,10 @@ import { SITE_TITLE, SITE_DESCRIPTION } from '../consts';
<BaseHead title={SITE_TITLE} description={SITE_DESCRIPTION} /> <BaseHead title={SITE_TITLE} description={SITE_DESCRIPTION} />
</head> </head>
<body> <body>
<div class="flex flex-col fixed w-screen p-5"> <div class="flex flex-col fixed w-screen">
<Header title={SITE_TITLE} /> <Header title={SITE_TITLE} />
<main class="flex flex-col justify-center items-left mx-auto mt-8"> <main class="flex flex-col justify-center items-left mx-auto">
<h1 class="text-2xl">About me</h1> <h1 class="text-4xl font-extrabold">About me</h1>
<p>Some information about me & stuff I like</p> <p>Some information about me & stuff I like</p>
<div class="mt-4"> <div class="mt-4">
<a href="/tools">link to tools</a> <a href="/tools">link to tools</a>

7
src/pages/index.astro
View file

@ -15,13 +15,12 @@ import { SITE_TITLE, SITE_DESCRIPTION } from '../consts';
<BaseHead title={SITE_TITLE} description={SITE_DESCRIPTION} /> <BaseHead title={SITE_TITLE} description={SITE_DESCRIPTION} />
</head> </head>
<body> <body>
<div class="flex flex-col fixed w-screen p-5"> <div class="flex flex-col fixed w-screen">
<Header title={SITE_TITLE} /> <Header title={SITE_TITLE} />
<main class="flex flex-col justify-center items-center p-48 description gap-4"> <main class="flex flex-col justify-center items-center text-center pt-48 description gap-4">
<!--<img class="w-40 rounded-full" src="/assets/pb.jpg" alt="Profile picture of me.">-->
<div class="profile"></div> <div class="profile"></div>
<h1 class="text-3xl font-bold">Sindre Kjelsrud</h1> <h1 class="text-3xl font-bold">Sindre Kjelsrud</h1>
<p class="max-w-md"> <p class="md:max-w">
Student at Western University of Applied Sciences. Student at Western University of Applied Sciences.
</p> </p>
<div class="flex gap-1 social"> <div class="flex gap-1 social">