Skip to content

Commit

Permalink
Clean up
Browse files Browse the repository at this point in the history
  • Loading branch information
Nolankicks committed Dec 16, 2024
1 parent 298c8ff commit 7f3a137
Show file tree
Hide file tree
Showing 5 changed files with 74 additions and 34 deletions.
32 changes: 32 additions & 0 deletions src/lib/components/NameCard.svelte
Original file line number Diff line number Diff line change
@@ -0,0 +1,32 @@
<div
class="flex w-full mt-6 pt-6 px-5 flex-col font-poppins items-center justify-center text-white bg-gradient-to-b from-blue-900 via-gray-900 to-black"
>
<div
class="flex flex-col items-center justify-center gap-4 w-full max-w-xl rounded-md animate-fadein"
>
<div class="rounded-md mb-4 transition-all w-full flex">
<div class="flex flex-col items-center">
<div class="text-3xl md:text-4xl font-bold mb-2 w-full">Hey, I'm Kicks</div>
<div class="text-xl md:text-2xl">
I enjoy programming using C#, TypeScript/JavaScript, and HTML/CSS
</div>
</div>
</div>
<div class="rounded-md mb-4 transition-all w-full flex gap-6">
<a href="https://github.com/Nolankicks">
<img
src="github-mark.png"
alt="GitHub"
class="bg-cover h-12 w-12 hover:scale-105 active:scale-95 transition-all"
/>
</a>
<a href="https://sbox.game/nolankicks">
<img
src="sbox.png"
alt="S&Box"
class="bg-cover rounded-md h-12 w-12 hover:scale-105 active:scale-95 transition-all"
/>
</a>
</div>
</div>
</div>
35 changes: 3 additions & 32 deletions src/routes/+page.svelte
Original file line number Diff line number Diff line change
@@ -1,4 +1,6 @@
<script>
import NameCard from "$lib/components/NameCard.svelte";
export const pfpUrl =
'https://avatars.githubusercontent.com/u/95300917?s=400&u=4b7a75efdafbd368929511d483099250821ded21&v=4';
Expand All @@ -9,38 +11,7 @@
<title>Kicks</title>
</svelte:head>

<div
class="flex w-full mt-6 pt-6 px-5 flex-col font-poppins items-center justify-center text-white bg-gradient-to-b from-blue-900 via-gray-900 to-black"
>
<div
class="flex flex-col items-center justify-center gap-4 w-full max-w-xl rounded-md animate-fadein"
>
<div class="rounded-md mb-4 transition-all w-full flex">
<div class="flex flex-col items-center">
<div class="text-3xl md:text-4xl font-bold mb-2 w-full">Hey, I'm Kicks</div>
<div class="text-xl md:text-2xl">
I enjoy programming using C#, TypeScript/JavaScript, and HTML/CSS
</div>
</div>
</div>
<div class="rounded-md mb-4 transition-all w-full flex gap-6">
<a href="https://github.com/Nolankicks">
<img
src="github-mark.png"
alt="GitHub"
class="bg-cover h-12 w-12 hover:scale-105 active:scale-95 transition-all"
/>
</a>
<a href="https://sbox.game/nolankicks">
<img
src="sbox.png"
alt="S&Box"
class="bg-cover rounded-md h-12 w-12 hover:scale-105 active:scale-95 transition-all"
/>
</a>
</div>
</div>
</div>
<NameCard />

<div class="w-full flex items-center justify-center p-5">
<div class="flex flex-col items-center justify-center max-w-xl rounded-md animate-fadein w-full">
Expand Down
2 changes: 0 additions & 2 deletions src/routes/projects/[slug]/+page.svelte
Original file line number Diff line number Diff line change
Expand Up @@ -54,8 +54,6 @@
</article>
</article>
</div>


</article>

<DiscordEmbed title={data.project.title} description={data.project.description} />
File renamed without changes.
39 changes: 39 additions & 0 deletions tailwind.config.ts
Original file line number Diff line number Diff line change
@@ -0,0 +1,39 @@
module.exports = {
content: [
'./src/**/*.{html,js,svelte,ts}',
],
theme: {
colors: {
white: '#e2e2e2',
theme: 'rgb(29, 30, 32)',
secondary: 'rgb(46, 46, 51)',
tertiary: '#0092ff',
black: '#000000',
gray: '#e2e2e2',
kindagrey: '#f2f2f2',
lightblue: '#0092ff',
transparent: 'transparent',
},
screens: {
'xs': '375px',

'sm': '640px',

'md': '768px',

'lg': '1024px',

'xl': '1280px',

'2xl': '1536px',
},
extend: {
fontFamily: {
poppins: ['Poppins', 'sans-serif']
}
},
},
plugins: [
require('@tailwindcss/typography'), // Ensure you have the typography plugin installed
],
};

0 comments on commit 7f3a137

Please sign in to comment.