Skip to content

Commit

Permalink
feat: minor enhancements
Browse files Browse the repository at this point in the history
  • Loading branch information
@flornkm
flornkm committed Dec 11, 2023
1 parent 1c6b128 commit ff623cc
Show file tree
Hide file tree
Showing 11 changed files with 34 additions and 19 deletions.
8 changes: 8 additions & 0 deletions design-system/global.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -81,6 +81,14 @@
src: url(/fonts/fragment-mono/FragmentMono-Regular.woff2) format('woff2');
}

@font-face {
font-family: 'Arial Rounded';
font-weight: 600;
font-style: normal;
font-display: swap;
src: url(/fonts/arial-rounded/arial-rounded-mt-bold.woff) format('woff');
}

body {
background-color: rgb(252, 252, 252);
}
Expand Down
2 changes: 1 addition & 1 deletion package.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,7 @@
"build:og": "node ./build/generateOpengraph.js",
"build:sitemap": "node ./build/generateSitemap.js",
"compile": "paraglide-js compile --project ./project.inlang.json --outdir ./lang/paraglide",
"--- Not in use, but necessary to include ---": "",
"--- Not in use, but nenpcessary to include ---": "",
"build": "npm run compile && npm run build:og && npm run build:sitemap && vite build"
},
"dependencies": {
Expand Down
4 changes: 2 additions & 2 deletions pages/archive/index/+Page.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -18,7 +18,7 @@ export default function Page() {
href="/archive/projects"
class="flex justify-between border-b border-b-zinc-100 dark:border-b-zinc-900 gap-4 leading-none md:items-center group/link py-4 transition-colors hover:bg-zinc-100 rounded-md dark:hover:bg-zinc-900"
>
<p class="font-semibold leading-snug md:col-span-2 flex items-center">
<p class="font-medium leading-snug md:col-span-2 flex items-center">
<Folder class="w-8 flex-shrink-0 text-zinc-400" />
Projects
</p>
Expand All @@ -35,7 +35,7 @@ export default function Page() {
href="/archive/short-projects"
class="flex justify-between gap-4 leading-none md:items-center group/link py-4 transition-colors hover:bg-zinc-100 rounded-md dark:hover:bg-zinc-900"
>
<p class="font-semibold leading-snug md:col-span-2 flex items-center">
<p class="font-medium leading-snug md:col-span-2 flex items-center">
<Folder class="w-8 flex-shrink-0 text-zinc-400" />
Short Projects
</p>
Expand Down
2 changes: 1 addition & 1 deletion pages/archive/projects/@slug/+Page.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@ export default function Page(props: Record<string, string>) {
return (
<>
<div class="flex items-center mb-4 py-2 bg-transparent sticky top-0 lg:top-14 z-50">
<div class="w-screen bg-light-zinc/95 backdrop-blur-xl dark:bg-black/90 absolute top-0 bottom-0 left-1/2 -translate-x-1/2" />
<div class="w-[99vw] bg-light-zinc/95 backdrop-blur-xl dark:bg-black/90 absolute top-0 bottom-0 left-1/2 -translate-x-1/2" />
<div class="flex relative z-20">
<InlineLink link="/archive" class="px-1.5 -ml-1.5">
Archive
Expand Down
2 changes: 1 addition & 1 deletion pages/archive/projects/index/+Page.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -32,7 +32,7 @@ export default function Page({ projects }: { projects: any }) {
href={`${project.url}`}
class="grid md:grid-cols-8 grid-cols-2 gap-4 leading-none md:items-center group/link py-4 transition-colors hover:bg-zinc-100 rounded-md dark:hover:bg-zinc-900"
>
<p class="font-semibold leading-snug col-span-2 flex items-center">
<p class="font-medium leading-snug col-span-2 flex items-center">
<File class="w-8 flex-shrink-0 text-zinc-400" />
<span class="md:truncate">{project.title}</span>
</p>
Expand Down
2 changes: 1 addition & 1 deletion pages/archive/short-projects/@slug/+Page.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@ export default function Page(props: Record<string, string>) {
return (
<>
<div class="flex items-center mb-4 py-2 bg-transparent sticky top-0 lg:top-14 z-50">
<div class="w-screen bg-light-zinc/95 backdrop-blur-xl dark:bg-black/90 absolute top-0 bottom-0 left-1/2 -translate-x-1/2" />
<div class="w-[99vw] bg-light-zinc/95 backdrop-blur-xl dark:bg-black/90 absolute top-0 bottom-0 left-1/2 -translate-x-1/2" />
<div class="flex relative z-20">
<InlineLink link="/archive" class="px-1.5 -ml-1.5">
Archive
Expand Down
2 changes: 1 addition & 1 deletion pages/archive/short-projects/index/+Page.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -32,7 +32,7 @@ export default function Page({ projects }: { projects: any }) {
href={`${project.url}`}
class="grid md:grid-cols-8 grid-cols-2 gap-4 leading-none md:items-center group/link py-4 transition-colors hover:bg-zinc-100 rounded-md dark:hover:bg-zinc-900"
>
<p class="font-semibold leading-snug col-span-2 flex items-center">
<p class="font-medium leading-snug col-span-2 flex items-center">
<File class="w-8 flex-shrink-0 text-zinc-400" />
<span class="md:truncate">{project.title}</span>
</p>
Expand Down
4 changes: 4 additions & 0 deletions pages/colophon/+Page.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -399,6 +399,10 @@ export default function Tooltip(props: {
Nils Eller
</InlineLink>
,{" "}
<InlineLink link="https://twitter.com/prizigner">
Priyank Shah
</InlineLink>
,{" "}
<InlineLink link="https://twitter.com/samuelkraft">
Samuel Kraft
</InlineLink>
Expand Down
24 changes: 12 additions & 12 deletions pages/feed/index/+Page.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -107,17 +107,17 @@ export default function Page({
<div class="mx-auto">
<div
style={{
height: "100px",
height: "128px",
}}
class="w-8 h-full relative rounded-lg bg-zinc-200 mb-4 dark:bg-zinc-800"
class="w-10 h-full relative rounded-xl bg-zinc-200 mb-4 dark:bg-zinc-800"
>
<div
style={{
height: post.move / 3 + "px",
}}
class="w-full rounded-md absolute bottom-0 left-0 right-0 bg-rose-500"
class="w-full rounded-xl absolute bottom-0 left-0 right-0 bg-rose-500"
/>
<p class="absolute rotate-90 bottom-1 z-10 text-sm -right-6 font-medium text-rose-500">
<p class="absolute bottom-1 z-10 font-medium text-white text-sm left-1/2 -translate-x-1/2 font-rounded">
{post.move}
</p>
</div>
Expand All @@ -126,17 +126,17 @@ export default function Page({
<div class="mx-auto">
<div
style={{
height: "100px",
height: "128px",
}}
class="w-8 h-full relative rounded-lg bg-zinc-200 mx-auto mb-4 dark:bg-zinc-800"
class="w-10 h-full relative rounded-xl bg-zinc-200 mx-auto mb-4 dark:bg-zinc-800"
>
<div
style={{
height: post.exercise * 0.6 + "px",
}}
class="w-full rounded-md absolute bottom-0 left-0 right-0 bg-green-500"
class="w-full rounded-xl absolute bottom-0 left-0 right-0 bg-green-500"
/>
<p class="absolute rotate-90 bottom-1 z-10 text-sm -right-6 font-medium text-green-500">
<p class="absolute bottom-1 z-10 font-medium text-white text-sm left-1/2 -translate-x-1/2 font-rounded">
{post.exercise}
</p>
</div>
Expand All @@ -147,17 +147,17 @@ export default function Page({
<div class="mx-auto">
<div
style={{
height: "100px",
height: "128px",
}}
class="w-8 h-full relative rounded-lg bg-zinc-200 mx-auto mb-4 dark:bg-zinc-800"
class="w-10 h-full relative rounded-xl bg-zinc-200 mx-auto mb-4 dark:bg-zinc-800"
>
<div
style={{
height: post.stand / 2 + "px",
}}
class="w-full rounded-md absolute bottom-0 left-0 right-0 bg-sky-500"
class="w-full rounded-xl absolute bottom-0 left-0 right-0 bg-sky-500"
/>
<p class="absolute rotate-90 bottom-1 z-10 text-sm -right-6 font-medium text-sky-500">
<p class="absolute bottom-1 z-10 font-medium text-white text-sm left-1/2 -translate-x-1/2 font-rounded">
{post.stand}
</p>
</div>
Expand Down
Binary file added public/fonts/arial-rounded/arial-rounded-mt-bold.woff
View file
Binary file not shown.
3 changes: 3 additions & 0 deletions tailwind.config.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -40,6 +40,9 @@ export default {
shake: "shake 0.1s ease-in-out",
"infinite-scroll": "infinite-scroll 25s linear infinite",
},
fontFamily: {
rounded: ["Arial Rounded", "sans-serif"],
},
},
fontFamily: {
sans: ["Pretendard Variable", "Pretendard", "Inter", "sans-serif"],
Expand Down

1 comment on commit ff623cc

@vercel
Copy link

@vercel vercel bot commented on ff623cc Dec 11, 2023

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Successfully deployed to the following URLs:

florians-site-preview – ./

florians-site-preview.vercel.app
florians-site-preview-flornkm.vercel.app
preview.floriankiem.com
florians-site-preview-git-new-portfolio-flornkm.vercel.app

Please sign in to comment.