fix: format

This commit is contained in:
Barrett Ruth 2025-10-08 21:18:36 -04:00
parent 47cb598dc5
commit 285f0ef1e0
6 changed files with 51 additions and 52 deletions

View file

@ -1,142 +1,142 @@
@font-face {
font-family: 'Signifier';
src: url('/fonts/signifier/Signifier-Thin.ttf') format('truetype');
font-family: "Signifier";
src: url("/fonts/signifier/Signifier-Thin.ttf") format("truetype");
font-weight: 100;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Signifier';
src: url('/fonts/signifier/Signifier-ThinItalic.ttf') format('truetype');
font-family: "Signifier";
src: url("/fonts/signifier/Signifier-ThinItalic.ttf") format("truetype");
font-weight: 100;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Signifier';
src: url('/fonts/signifier/Signifier-Extralight.ttf') format('truetype');
font-family: "Signifier";
src: url("/fonts/signifier/Signifier-Extralight.ttf") format("truetype");
font-weight: 200;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Signifier';
src: url('/fonts/signifier/Signifier-ExtralightItalic.ttf') format('truetype');
font-family: "Signifier";
src: url("/fonts/signifier/Signifier-ExtralightItalic.ttf") format("truetype");
font-weight: 200;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Signifier';
src: url('/fonts/signifier/Signifier-Light.ttf') format('truetype');
font-family: "Signifier";
src: url("/fonts/signifier/Signifier-Light.ttf") format("truetype");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Signifier';
src: url('/fonts/signifier/Signifier-LightItalic.ttf') format('truetype');
font-family: "Signifier";
src: url("/fonts/signifier/Signifier-LightItalic.ttf") format("truetype");
font-weight: 300;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Signifier';
src: url('/fonts/signifier/Signifier-Regular.ttf') format('truetype');
font-family: "Signifier";
src: url("/fonts/signifier/Signifier-Regular.ttf") format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Signifier';
src: url('/fonts/signifier/Signifier-RegularItalic.ttf') format('truetype');
font-family: "Signifier";
src: url("/fonts/signifier/Signifier-RegularItalic.ttf") format("truetype");
font-weight: 400;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Signifier';
src: url('/fonts/signifier/Signifier-Medium.ttf') format('truetype');
font-family: "Signifier";
src: url("/fonts/signifier/Signifier-Medium.ttf") format("truetype");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Signifier';
src: url('/fonts/signifier/Signifier-MediumItalic.ttf') format('truetype');
font-family: "Signifier";
src: url("/fonts/signifier/Signifier-MediumItalic.ttf") format("truetype");
font-weight: 500;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Signifier';
src: url('/fonts/signifier/Signifier-Bold.ttf') format('truetype');
font-family: "Signifier";
src: url("/fonts/signifier/Signifier-Bold.ttf") format("truetype");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Signifier';
src: url('/fonts/signifier/Signifier-BoldItalic.ttf') format('truetype');
font-family: "Signifier";
src: url("/fonts/signifier/Signifier-BoldItalic.ttf") format("truetype");
font-weight: 700;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Signifier';
src: url('/fonts/signifier/Signifier-Black.ttf') format('truetype');
font-family: "Signifier";
src: url("/fonts/signifier/Signifier-Black.ttf") format("truetype");
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Signifier';
src: url('/fonts/signifier/Signifier-BlackItalic.ttf') format('truetype');
font-family: "Signifier";
src: url("/fonts/signifier/Signifier-BlackItalic.ttf") format("truetype");
font-weight: 900;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Apercu Mono';
src: url('/fonts/apercu-mono/ApercuMonoProLight.ttf') format('truetype');
font-family: "Apercu Mono";
src: url("/fonts/apercu-mono/ApercuMonoProLight.ttf") format("truetype");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Apercu Mono';
src: url('/fonts/apercu-mono/ApercuMonoProRegular.ttf') format('truetype');
font-family: "Apercu Mono";
src: url("/fonts/apercu-mono/ApercuMonoProRegular.ttf") format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Apercu Mono';
src: url('/fonts/apercu-mono/ApercuMonoProMedium.ttf') format('truetype');
font-family: "Apercu Mono";
src: url("/fonts/apercu-mono/ApercuMonoProMedium.ttf") format("truetype");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Apercu Mono';
src: url('/fonts/apercu-mono/ApercuMonoProBold.ttf') format('truetype');
font-family: "Apercu Mono";
src: url("/fonts/apercu-mono/ApercuMonoProBold.ttf") format("truetype");
font-weight: 700;
font-style: normal;
font-display: swap;
@ -146,8 +146,8 @@ pre,
code,
pre code,
.astro-code,
code[class*='language-'] {
font-family: 'Apercu Mono', monospace !important;
code[class*="language-"] {
font-family: "Apercu Mono", monospace !important;
font-size: 0.95em;
line-height: 1.5;
font-weight: 400;

View file

@ -1,5 +1,5 @@
.clone-line {
font-family: 'Apercu Mono', monospace;
font-family: "Apercu Mono", monospace;
font-size: 1.2em;
margin: 0 1em;
text-align: left;
@ -9,10 +9,10 @@
.clone-line code {
background: transparent !important;
all: unset;
font-family: 'Apercu Mono', monospace;
font-family: "Apercu Mono", monospace;
white-space: normal;
word-break: break-word;
overflow-wrap: anywhere;
word-break: break-word;
overflow-wrap: anywhere;
line-height: 1.5;
cursor: text;
}

View file

@ -152,7 +152,6 @@ pre * {
font-weight: normal;
}
@media (max-width: 768px) {
.post-title {
font-size: 1.8em;

View file

@ -3,7 +3,11 @@
<div class="footer-links">
<a href="/gist" data-topic="gist">gist</a>
<a href="/git" data-topic="git">git</a>
<a href="https://www.linkedin.com/in/barrett-ruth/" data-topic="linkedin" target="_blank">linkedin</a>
<a
href="https://www.linkedin.com/in/barrett-ruth/"
data-topic="linkedin"
target="_blank">linkedin</a
>
<a href="mailto:br.barrettruth@gmail.com" data-topic="mail">email</a>
</div>
</footer>
@ -24,4 +28,3 @@
</style>
<script type="module" src="/scripts/index.js"></script>

View file

@ -3,10 +3,9 @@ interface Props {
code: string;
}
const lines = Astro.props.code
.trim()
.split(/\r?\n/);
const lines = Astro.props.code.trim().split(/\r?\n/);
---
<style lang="css">
.pseudocode-block {
font-family: "Times New Roman", serif;
@ -28,7 +27,8 @@ const lines = Astro.props.code
}
</style>
<pre class="pseudocode-block">
<pre
class="pseudocode-block">
{lines.map((line, i) => (
<div class="pseudocode-line" key={i}>
<span class="line-number">{i + 1}.</span>
@ -36,4 +36,3 @@ const lines = Astro.props.code
</div>
))}
</pre>

View file

@ -49,5 +49,3 @@ import BaseLayout from "../layouts/BaseLayout.astro";
margin: 0;
}
</style>
</BaseLayout>