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

View file

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

View file

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

View file

@ -3,7 +3,11 @@
<div class="footer-links"> <div class="footer-links">
<a href="/gist" data-topic="gist">gist</a> <a href="/gist" data-topic="gist">gist</a>
<a href="/git" data-topic="git">git</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> <a href="mailto:br.barrettruth@gmail.com" data-topic="mail">email</a>
</div> </div>
</footer> </footer>
@ -24,4 +28,3 @@
</style> </style>
<script type="module" src="/scripts/index.js"></script> <script type="module" src="/scripts/index.js"></script>

View file

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

View file

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