ayo/astro-reactive-form
ayo/astro-reactive-form
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

chore: update discord links (#264)

Browse source
This commit is contained in:
Ayo Ayco 2023-02-16 14:32:55 +01:00 committed by GitHub
parent 09d154575c
commit b1a6b11486
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 88 additions and 94 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
CONTRIBUTING.md
View file

@ -16,7 +16,7 @@ The [issues page](https://github.com/astro-reactive/astro-reactive/issues?q=is%3
If you don't find anything there, we are happy to help you get your contribution in.
You can always [create a new issue](https://github.com/astro-reactive/astro-reactive/issues/new/choose) for your own idea, [post on our discussions](https://github.com/astro-reactive/astro-reactive/discussions) or join our [Discord](https://discord.gg/fkpkKdPJ).
You can always [create a new issue](https://github.com/astro-reactive/astro-reactive/issues/new/choose) for your own idea, [post on our discussions](https://github.com/astro-reactive/astro-reactive/discussions) or join our [Discord](https://discord.gg/kkvW7GYNAp).
# The Astro Reactive Library
@ -124,7 +124,7 @@ Thank you again for your interest in contributing!
📝 Check the [discussion board](https://github.com/astro-reactive/astro-reactive/discussions) for announcements or post your messages and questions
💬 Hang-out with the team on our [Discord](https://discord.gg/fkpkKdPJ) to share feedback, get support, or just have some laughs over memes 😅
💬 Hang-out with the team on our [Discord](https://discord.gg/kkvW7GYNAp) to share feedback, get support, or just have some laughs over memes 😅
🛠️ Create a [new issue](https://github.com/astro-reactive/astro-reactive/issues/new/choose) for bugs found or improvement ideas

2
apps/docs/src/config.ts
View file

@ -30,7 +30,7 @@ export const KNOWN_LANGUAGE_CODES = Object.values(KNOWN_LANGUAGES);
export const GITHUB_EDIT_URL = `https://github.com/astro-reactive/astro-reactive/tree/main/apps/docs`;
export const COMMUNITY_INVITE_URL = `https://discord.gg/fkpkKdPJ`;
export const COMMUNITY_INVITE_URL = `https://discord.gg/kkvW7GYNAp`;
// See "Algolia" section of the README for more information.
export const ALGOLIA = {

176
apps/landing-page/src/components/header.astro
View file

@ -1,45 +1,45 @@
---
import { Icon } from "astro-icon";
import { Icon } from 'astro-icon';
// import ThemeSwitcher from "~/components/theme-switcher.astro";
const socials = [
{
name: "GitHub",
url: "https://github.com/astro-reactive/astro-reactive",
icon: "fa-brands:github-alt",
},
{
name: "Discord",
url: "https://discord.gg/fkpkKdPJ",
icon: "fa-brands:discord",
},
{
name: 'GitHub',
url: 'https://github.com/astro-reactive/astro-reactive',
icon: 'fa-brands:github-alt',
},
{
name: 'Discord',
url: 'https://discord.gg/kkvW7GYNAp',
icon: 'fa-brands:discord',
},
];
---
<header
id="page-header"
class="absolute bottom-0 z-10 flex items-center justify-between w-full px-8 py-4 text-white border-b border-transparent"
id="page-header"
class="absolute bottom-0 z-10 flex items-center justify-between w-full px-8 py-4 text-white border-b border-transparent"
>
<div class="flex items-center gap-3 hover:!text-default">
<!-- <h1 class="text-">Astro Reactive</h1> -->
</div>
<div>
<div class="flex items-center gap-6">
<ul class="flex gap-4">
{
socials.map((social) => (
<li class="list-none">
<a
class="flex items-center justify-center w-12 h-12 p-3 border-2 border-current rounded-full"
href={social.url}
>
<Icon name={social.icon} class="h-full" />
</a>
</li>
))
}
</ul>
<!-- <button
<div class="flex items-center gap-3 hover:!text-default">
<!-- <h1 class="text-">Astro Reactive</h1> -->
</div>
<div>
<div class="flex items-center gap-6">
<ul class="flex gap-4">
{
socials.map((social) => (
<li class="list-none">
<a
class="flex items-center justify-center w-12 h-12 p-3 border-2 border-current rounded-full"
href={social.url}
>
<Icon name={social.icon} class="h-full" />
</a>
</li>
))
}
</ul>
<!-- <button
id="open-nav-button"
type="button"
class="btn sm:hidden"
@ -48,78 +48,72 @@ const socials = [
<Icon pack="mdi" name="menu" class="h-8" />
</button>
<ThemeSwitcher /-->
</div>
<div id="menu-modal" class="hidden modal" aria-hidden="true">
<div class="fixed inset-0 px-8 py-4 bg-default text-default">
<div class="space-y-4" role="dialog" aria-modal="true">
<header class="text-right">
<button
id="close-nav-button"
type="button"
class="btn"
aria-label="Close navigation"
>
<Icon pack="mdi" name="close" class="h-8" />
</button>
</header>
<div class="flex justify-center">
<Icon name="logomark" class="h-16" />
</div>
</div>
</div>
</div>
</div>
</div>
<div id="menu-modal" class="hidden modal" aria-hidden="true">
<div class="fixed inset-0 px-8 py-4 bg-default text-default">
<div class="space-y-4" role="dialog" aria-modal="true">
<header class="text-right">
<button id="close-nav-button" type="button" class="btn" aria-label="Close navigation">
<Icon pack="mdi" name="close" class="h-8" />
</button>
</header>
<div class="flex justify-center">
<Icon name="logomark" class="h-16" />
</div>
</div>
</div>
</div>
</div>
</header>
<script>
import MicroModal from "micromodal";
import MicroModal from 'micromodal';
const menuModalId = "menu-modal";
const menuModalId = 'menu-modal';
const header: HTMLElement = document.querySelector("#page-header");
const page = document.documentElement;
const menu = document.querySelector(`#${menuModalId} ul`);
const openNavButton = document.querySelector("#open-nav-button");
const closeNavButton = document.querySelector("#close-nav-button");
const header: HTMLElement = document.querySelector('#page-header');
const page = document.documentElement;
const menu = document.querySelector(`#${menuModalId} ul`);
const openNavButton = document.querySelector('#open-nav-button');
const closeNavButton = document.querySelector('#close-nav-button');
const openMenu = () => {
MicroModal.show(menuModalId, { disableScroll: true });
};
const openMenu = () => {
MicroModal.show(menuModalId, { disableScroll: true });
};
const closeMenu = () => {
MicroModal.close(menuModalId);
};
const closeMenu = () => {
MicroModal.close(menuModalId);
};
openNavButton?.addEventListener("click", openMenu);
closeNavButton?.addEventListener("click", closeMenu);
openNavButton?.addEventListener('click', openMenu);
closeNavButton?.addEventListener('click', closeMenu);
document?.addEventListener("scroll", () => {
const d = page.clientHeight - page.scrollTop - header.offsetHeight;
header.classList.toggle("fixed-header", d < 0);
});
document?.addEventListener('scroll', () => {
const d = page.clientHeight - page.scrollTop - header.offsetHeight;
header.classList.toggle('fixed-header', d < 0);
});
menu?.addEventListener("click", (event) => {
if ((event.target as HTMLElement).tagName === "A") {
closeMenu();
}
});
menu?.addEventListener('click', (event) => {
if ((event.target as HTMLElement).tagName === 'A') {
closeMenu();
}
});
</script>
<noscript>
<style>
#open-nav-button {
display: none;
}
</style>
<style>
#open-nav-button {
display: none;
}
</style>
</noscript>
<style>
.fixed-header {
@apply fixed top-0 bottom-auto;
@apply text-default bg-default border-default;
}
.modal.is-open {
@apply block;
}
.fixed-header {
@apply fixed top-0 bottom-auto;
@apply text-default bg-default border-default;
}
.modal.is-open {
@apply block;
}
</style>