Ongoing CSS tweaks

This commit is contained in:
Southpaw 2022-12-20 18:13:16 +00:00
parent 8197426684
commit cbc85b915b
Signed by: Southpaw1496
GPG Key ID: 6C8E5784D5563BFF
7 changed files with 36 additions and 13 deletions

View File

@ -5,6 +5,6 @@ import sitemap from '@astrojs/sitemap';
// https://astro.build/config
export default defineConfig({
site: 'https://example.com',
site: 'https://southpaw1496.me',
integrations: [mdx(), sitemap()],
});

View File

@ -1,13 +1,19 @@
---
const today = new Date();
---
<hr />
<footer>
&copy; {today.getFullYear()} YOUR NAME HERE. All rights reserved.
&copy; {today.getFullYear()} Southpaw1496. Content is licensed under <a href="https://creativecommons.org/licenses/by-nc/4.0/">CC BY-NC 4.0</a>
</footer>
<style>
footer {
padding: 25px;
text-align: center;
color: lightgray
}
hr {
background-color: gray;
height: 1px;
border: none;
}
</style>

View File

@ -5,14 +5,15 @@ import { SITE_TITLE } from '../config';
<header>
<h2>
{SITE_TITLE}
<HeaderLink href="/">{SITE_TITLE}</HeaderLink>
</h2>
<nav>
<HeaderLink href="/">Home</HeaderLink>
<HeaderLink href="/blog">Blog</HeaderLink>
<HeaderLink href="/about">About</HeaderLink>
<HeaderLink href="https://twitter.com/astrodotbuild" target="_blank">Twitter</HeaderLink>
<HeaderLink href="https://github.com/withastro/astro" target="_blank">GitHub</HeaderLink>
</nav>
<nav>
This is a Test
Test
</nav>
</header>
<style>
@ -22,4 +23,9 @@ import { SITE_TITLE } from '../config';
h2 {
margin: 0.5em 0;
}
nav {
align-items: left;
display: flex;
justify-content: flex-end;
}
</style>

View File

@ -14,9 +14,17 @@ const isActive = href === pathname || href === pathname.replace(/\/$/, '');
a {
display: inline-block;
text-decoration: none;
transition: 200ms;
}
a:visited {
all:unset
}
a.active {
font-weight: bolder;
text-decoration: underline;
color: lightgrey;
}
a:hover {
color: lightgrey;
}
</style>

View File

@ -1,5 +1,5 @@
// Place any global data in this file.
// You can import this data from anywhere in your site by using the `import` keyword.
export const SITE_TITLE = 'Southpaw1496.';
export const SITE_TITLE = 'Southpaw1496';
export const SITE_DESCRIPTION = 'The site and blog of Southpaw1496';

View File

@ -27,9 +27,6 @@ const posts = (await Astro.glob('./blog/*.{md,mdx}')).sort(
font-style: italic;
color: #595959;
}
ul li a:visited {
color: #8e32dc;
}
</style>
</head>
<body>
@ -41,7 +38,7 @@ const posts = (await Astro.glob('./blog/*.{md,mdx}')).sort(
posts.map((post) => (
<li>
<time datetime={post.frontmatter.pubDate}>
{new Date(post.frontmatter.pubDate).toLocaleDateString('en-us', {
{new Date(post.frontmatter.pubDate).toLocaleDateString('en-gb', {
year: 'numeric',
month: 'short',
day: 'numeric',

View File

@ -13,7 +13,7 @@ body {
word-wrap: break-word;
overflow-wrap: break-word;
line-height: 1.5;
color: black
color: black;
}
/* h1,
h2,
@ -28,6 +28,9 @@ b {
a {
color: blue;
}
a:visited {
color:#7f24e1
}
nav a {
margin-right: 10px;
}
@ -74,6 +77,9 @@ blockquote {
a {
color: lightskyblue;
}
a:visited {
color:#9c61db
}
code {
background-color: #353535;
}