fix: format
This commit is contained in:
parent
47cb598dc5
commit
285f0ef1e0
6 changed files with 51 additions and 52 deletions
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -152,7 +152,6 @@ pre * {
|
|||
font-weight: normal;
|
||||
}
|
||||
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.post-title {
|
||||
font-size: 1.8em;
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
||||
|
|
|
|||
|
|
@ -49,5 +49,3 @@ import BaseLayout from "../layouts/BaseLayout.astro";
|
|||
margin: 0;
|
||||
}
|
||||
</style>
|
||||
</BaseLayout>
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue