xevion/undefined.behavio.rs
1
0
Fork 0
mirror of https://github.com/Xevion/undefined.behavio.rs.git synced 2025-12-07 20:08:52 -06:00
Code Issues Packages Projects Releases Wiki Activity

Begin renaming to undefined behaviors, continue eliminating old CSS

Browse Source
This commit is contained in:
Xevion
2023-11-27 16:46:59 -06:00
parent 40f503bcf2
commit 02e2c44247
5 changed files with 13 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/layouts/Base.astro
View File

@@ -54,11 +54,11 @@ const titleTag = title != undefined ? `${title} | xevion.blog` : 'xevion.blog';
</head>
<body class="flex-col align-middle w-full max-w-full">
<slot name="header">
<header id="header">
<header class="text-5xl mt-2 mb-1 text-center lowercase">
<div class="stack" style="--stacks: 3;">
<span style="--index: 0;">ryan walters</span>
<span style="--index: 1;">ryan walters</span>
<span style="--index: 2;">ryan walters</span>
<span style="--index: 0;">undefined behaviors</span>
<span style="--index: 1;">undefined behaviors</span>
<span style="--index: 2;">undefined behaviors</span>
</div>
</header>
</slot>
@@ -78,8 +78,7 @@ const titleTag = title != undefined ? `${title} | xevion.blog` : 'xevion.blog';
<a href="/feed.xml">Atom</a>
|
<a href={`${repository_url}/commit/${build_revision}`}>
<span id="commit-id" class="build-revision" style={{color: '#' + build_revision.slice(0, 6)}}>#{build_revision.slice(0, 7)}
</span>
<span id="commit-id" style={{color: '#' + build_revision.slice(0, 6)}}>#{build_revision.slice(0, 7)}</span>
</a>
</p>
</body>

8
src/layouts/Post.astro
View File

@@ -9,7 +9,7 @@ const { post } = Astro.props;
const { title, pubDate, tags } = post.data;
---
<Base title={title}>
<div class="body-container">
<div class="max-w-3xl mx-4">
<h1>
<a href={post.slug}>
{title}
@@ -23,8 +23,10 @@ const { title, pubDate, tags } = post.data;
{pubDate}
</time>
</a>
<span>
{ tags.join(" ")}
<span class="space-x-2">
{tags.map((tag) => (
<a href={`/tags/${tag}`}>{ tag }</a>
))}
</span>
</i>
<article>

1
src/styles/code.scss
View File

@@ -18,6 +18,7 @@ h6 {
padding: 0.1rem 0.27rem;
border-radius: 3px;
border: 1px solid rgba(white, 0.5);
white-space: nowrap;
}
}

6
src/styles/glitch.scss
View File

@@ -1,9 +1,6 @@
header {
max-width: 100%;
width: 100%;
.stack {
overflow: hidden;
// overflow: hidden;
display: grid;
grid-template-columns: 1fr;
@@ -17,7 +14,6 @@ header {
font-weight: bold;
grid-row-start: 1;
grid-column-start: 1;
font-size: 4rem;
--stack-height: calc(100% / var(--stacks) - 1px);
--inverse-index: calc(calc(var(--stacks) - 1) - var(--index));

24
src/styles/global.scss
View File

@@ -59,33 +59,11 @@ body {
align-items: center;
}
.body-container {
max-width: 46em;
margin: 0 1em;
}
p,
table {
margin: 0.5em 0;
}
header {
font-size: 4em;
text-align: center;
text-transform: lowercase;
letter-spacing: 0.1em;
}
@include for-size(tablet-portrait-up) {
header {
font-size: 3em;
}
}
header span {
letter-spacing: 0;
}
aside,
blockquote {
margin: 1em 1em 1em 4em;
@@ -284,7 +262,7 @@ article {
}
}
.build-revision {
#commit-id {
font-family: "CMU Typewriter Text", sans-serif;
&:not(:hover) {