log101/log101-dot-dev
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: add source code pro font

Browse Source
This commit is contained in:
log101 2024-08-07 14:18:55 +03:00
parent 04d2147a34
commit d6c67ba2eb
6 changed files with 14 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
bun.lockb Executable file
View File

Binary file not shown.

BIN
public/fonts/SourceCodePro-Regular.otf.woff2 Normal file
View File

Binary file not shown.

5
src/components/Header.astro
View File

@ -34,11 +34,12 @@
class="flex flex-row gap-2 items-center md:h-20 h-16" class="flex flex-row gap-2 items-center md:h-20 h-16"
id="title-container"> id="title-container">
<a href="/" class="no-underline text-inherit -ml-[0.27rem]" id="title"> <a href="/" class="no-underline text-inherit -ml-[0.27rem]" id="title">
<h1 class="font-mono md:text-6xl text-5xl">Log101</h1> <h1 class="title md:text-6xl text-5xl">Log101</h1>
</a> </a>
<div id="board" class="board"></div> <div id="board" class="board"></div>
</div> </div>
<div class="border-b border-x-0 border-t-0 border-slate-900 border-solid"> <div
class="pb-2 border-b border-x-0 border-t-0 border-slate-900 border-solid">
<ul <ul
class="flex md:flex-row flex-col md:items-center justify-between list-none p-0 gap-3 nav-links"> class="flex md:flex-row flex-col md:items-center justify-between list-none p-0 gap-3 nav-links">
<li> <li>

2
src/components/Post.astro
View File

@ -69,7 +69,7 @@ import calendar from "@/images/calendar.svg";
</style> </style>
<div class="flex flex-col gap-3"> <div class="flex flex-col gap-3">
<div class="flex flex-col"> <div class="flex flex-col gap-2">
<p class="tracking-wide text-slate-700">{post.data.subcategory}</p> <p class="tracking-wide text-slate-700">{post.data.subcategory}</p>
<a class="no-underline text-inherit" href={postLink}> <a class="no-underline text-inherit" href={postLink}>
<h4 class="text-3xl font-normal">{post.data.title}</h4> <h4 class="text-3xl font-normal">{post.data.title}</h4>

2
src/layouts/Layout.astro
View File

@ -15,7 +15,7 @@ import "../styles/main.css";
<meta name="viewport" content="width=device-width" /> <meta name="viewport" content="width=device-width" />
<link rel="icon" type="image/png" href="/favicon.png" /> <link rel="icon" type="image/png" href="/favicon.png" />
<meta name="generator" content={Astro.generator} /> <meta name="generator" content={Astro.generator} />
<meta name="htmx-config" content='{code:"204", swap: false}' /> <meta name="htmx-config" content='{"code": 204, "swap": false}' />
<title>{title}</title> <title>{title}</title>
</head> </head>
<body class="flex justify-center font-sans"> <body class="flex justify-center font-sans">

9
src/styles/main.css
View File

@ -18,8 +18,17 @@ body {
background-color: #f5fffa; background-color: #f5fffa;
} }
@font-face {
font-family: "Source Code Pro";
src: url(/fonts/SourceCodePro-Regular.otf.woff2) format("woff2");
}
@layer components { @layer components {
.posts { .posts {
@apply flex flex-col gap-10 md:gap-8; @apply flex flex-col gap-10 md:gap-8;
} }
.title {
font-family: "Source Code Pro", monospace;
}
} }