You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

64 lines
1.4 KiB

---
import '../css/font.css'
import '../css/color.css'
const {content} = Astro.props;
const canonicalURL = new URL(Astro.url.pathname, Astro.site);
---
<html lang="en">
<!--TODO: set meta tags for discord embed-->
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />
<title>{content.title}</title>
<meta property="og:type" content="article">
<meta property="og:title" content={content.title}/>
<meta property="og:description" content={content.description}/>
<meta property="og:url" content={canonicalURL}/>
<style>
a + a {
margin-left: 5px;
} /*i will kill you if this breaks other parts of the site*/
.footer {
position: fixed;
bottom: 0;
left: 0px;
width: 100%;
height: 55px;
}
.white {
background-color: #222222;
}
.grey {
color: #ffffff;
}
.padding {
position: relative;
left: 10px;
}
.padding-right {
position: relative;
right: 10px;
}
</style>
</head>
<body>
<h2>{content.title}</h2>
<h3>{content.description}</h3>
<slot />
<div style="position:relative;margin-bottom:105px;"></div>
<div id="footer" class="white">
<footer class="white footer">
<p>
<center>
<a href="/blog" class="grey padding">Back to Blog Home</a>
</center>
<!--<span class = "grey padding-right" style = "font-size: small; float: right; position: fixed; bottom: 50">&copy; 2020-2022 Ruthenic</span>-->
</p>
</footer>
</div>
</body>