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-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;
|
||||||
|
|
|
||||||
|
|
@ -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;
|
||||||
|
|
|
||||||
|
|
@ -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;
|
||||||
|
|
|
||||||
|
|
@ -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>
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -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>
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -49,5 +49,3 @@ import BaseLayout from "../layouts/BaseLayout.astro";
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
</BaseLayout>
|
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue