Fluffy/WebsiteFluffy
1
0
Fork 0
mirror of https://github.com/Fluffy-Bean/website.git synced 2025-05-14 08:02:16 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Skip to content button

Browse source
This commit is contained in:
Michał Gdula 2024-06-07 23:13:22 +01:00
parent e62077348d
commit 6fac6596b2
8 changed files with 39 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

26
src/layouts/Layout.astro
View file

@ -114,6 +114,7 @@ const address = import.meta.env.PUBLIC_ADDRESS;
)} )}
</head> </head>
<body> <body>
<a href="#content-skip" tabindex="0" id="content-skip-button">Skip to content</a>
<div class="banner"> <div class="banner">
<img <img
src={Banner.src} src={Banner.src}
@ -135,3 +136,28 @@ const address = import.meta.env.PUBLIC_ADDRESS;
document.addEventListener("DOMContentLoaded", () => update(img)) document.addEventListener("DOMContentLoaded", () => update(img))
</script> </script>
</html> </html>
<style lang="scss">
@import "../styles/vars.scss";
#content-skip-button {
padding: 16px 32px;
position: absolute;
top: -1000000px;
left: -1000000px;
z-index: 999999999;
font-weight: bolder;
text-decoration: none;
background-color: $accent;
color: $light;
&:focus {
top: 0;
left: 0;
outline: 0 solid transparent;
}
}
</style>

6
src/layouts/Markdown.astro
View file

@ -59,11 +59,7 @@ const comments = import.meta.env.PUBLIC_COMMENTS === "true";
</ul> </ul>
</div> </div>
<!--<div class="header-follow">--> <span id="content-skip" />
<!-- <div>-->
<!-- <p>GwaGwa</p>-->
<!-- </div>-->
<!--</div>-->
<div id="markdown"> <div id="markdown">
<div style="margin-bottom: 32px" /> <div style="margin-bottom: 32px" />

2
src/pages/index.astro
View file

@ -21,6 +21,8 @@ const posts = await getPosts("posts");
<Music /> <Music />
</div> </div>
<span id="content-skip" />
<div class="section"> <div class="section">
<h2>Who am I</h2> <h2>Who am I</h2>
<p>My name is Michał, I go by Fluffy, I'm 19 and I like computers</p> <p>My name is Michał, I go by Fluffy, I'm 19 and I like computers</p>

2
src/pages/leg.astro
View file

@ -12,6 +12,8 @@ import GwaGwa from "../assets/fumble.jpg";
<p>GwaGwa</p> <p>GwaGwa</p>
</div> </div>
<span id="content-skip" />
<div class="secrtion"> <div class="secrtion">
<img <img
src={GwaGwa.src} src={GwaGwa.src}

2
src/pages/posts/index.astro
View file

@ -20,6 +20,8 @@ const posts = await getPosts("posts");
<p>Books of egg</p> <p>Books of egg</p>
</div> </div>
<span id="content-skip" />
<ul role="list" class="project-list"> <ul role="list" class="project-list">
{posts.map(post => ( {posts.map(post => (
<Card {post}/> <Card {post}/>

2
src/pages/refsheet.astro
View file

@ -16,6 +16,8 @@ import Mood from "../assets/art/mood.png";
<p>Maned Wolf moment</p> <p>Maned Wolf moment</p>
</div> </div>
<span id="content-skip" />
<div class="section"> <div class="section">
<h2>Refsheet</h2> <h2>Refsheet</h2>
<img src={Ref.src} alt="FluffyBean" class="art max" /> <img src={Ref.src} alt="FluffyBean" class="art max" />

2
src/pages/search/[filter].astro
View file

@ -35,6 +35,8 @@ const filteredPosts = allPosts.filter((project) => project.data.tags.includes(ta
<p>Showing {filteredPosts.length}/{allPosts.length} posts</p> <p>Showing {filteredPosts.length}/{allPosts.length} posts</p>
</div> </div>
<span id="content-skip" />
<div class="section"> <div class="section">
<ul role="list" class="project-list"> <ul role="list" class="project-list">
{filteredPosts.map(post => ( {filteredPosts.map(post => (

2
src/pages/search/index.astro
View file

@ -28,6 +28,8 @@ tags.sort((a, b) => {
<p>Filter posts by tags</p> <p>Filter posts by tags</p>
</div> </div>
<span id="content-skip" />
<ul role="list" class="pill-list"> <ul role="list" class="pill-list">
{tags.map(tag => ( {tags.map(tag => (
<li> <li>