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