Skip to content

Commit

Permalink
deploy: 74a82a9
Browse files Browse the repository at this point in the history
  • Loading branch information
@mtrythall
mtrythall committed Jun 18, 2024
1 parent 2ca84c3 commit 0264c2e
Show file tree
Hide file tree
Showing 30 changed files with 1,411 additions and 1,186 deletions.
94 changes: 51 additions & 43 deletions 404/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -45,7 +45,7 @@
<body>
<header id="SiteHeader" class="fixed top-0 z-50 w-full py-4 bg-white lg:py-6 lg:relative">
<div class="wrapper">
<nav class="flex flex-wrap">
<nav class="flex flex-wrap" role="navigation">
<div class="flex items-center justify-between w-full lg:max-w-max">
<a
href="/"
Expand All @@ -60,48 +60,56 @@
</button>
</div>

<ul
id="NavMenu"
class="flex-col flex-1 hidden w-full gap-6 py-8 text-xl font-semibold lg:flex-row lg:gap-8 lg:items-center lg:py-0 lg:flex lg:justify-end">
<li class="lg:sr-only"><a href="/">Home</a></li>
<li class="relative">
<a href="/about" data-menu-trigger>About</a>
<ul
data-menu-list
class="flex-col hidden gap-6 px-4 py-2 mt-2 border-l-4 border-purple lg:absolute lg:top-full lg:border-4 lg:bg-white lg:left-1/2 lg:translate-x-[-50%] lg:w-[24ch] lg:p-6 rounded font-medium">
<li><a href="/about/" role="menuitem">About DjangoCon US</a></li>
<li><a href="/tickets/" role="menuitem">Tickets</a></li>
<li><a href="/faq/" role="menuitem">FAQ</a></li>
<li><a href="/conduct/" role="menuitem">Code of Conduct</a></li>
<li><a href="/public-health/" role="menuitem">Public Health</a></li>
<li><a href="/opportunity-grants/" role="menuitem">Opportunity Grants</a></li>
<li><a href="/visas/" role="menuitem">Visa Support</a></li>
<li><a href="/organizers/" role="menuitem">Organizers</a></li>
</ul>
</li>

<li><a href="/venue/">Venue</a></li>
<li class="relative">
<a href="/speaking/" data-menu-trigger>Speaking</a>
<ul
data-menu-list
class="flex-col hidden gap-6 px-4 py-2 mt-2 border-l-4 border-purple lg:absolute lg:top-full lg:border-4 lg:bg-white lg:left-1/2 lg:translate-x-[-50%] lg:w-[26ch] lg:p-6 rounded font-medium">
<li><a href="/speaking/">Speaking at DjangoCon US</a></li>
<li><a href="/speaking/speaker-resources/">Speaker Resources</a></li>
</ul>
</li>
<li class="relative">
<a href="/sponsors/" data-menu-trigger>Sponsors</a>
<ul
data-menu-list
class="flex-col hidden gap-6 px-4 py-2 mt-2 border-l-4 border-purple lg:absolute lg:top-full lg:border-4 lg:bg-white lg:left-1/2 lg:translate-x-[-50%] lg:w-[24ch] lg:p-6 rounded font-medium">
<li><a href="/sponsors/">Our Sponsors</a></li>
<li><a href="/sponsors/information/">Sponsorship Prospectus</a></li>
</ul>
</li>
<li><a href="/news/">News</a></li>
<li><a href="https://ti.to/defna/djangocon-us-2024" class="button bg-light-blue">Buy Tickets</a></li>
</ul>
<ul class="hidden site-nav lg:flex">
<li class="lg:sr-only"><a href="/">Home</a></li>
<li>
<a href="/about"
data-menu-trigger
aria-haspopup="true"
aria-expanded="false">About</a>
<ul
data-menu-list
role="menu"
class="hidden site-nav-menu">
<li><a href="/about/" role="menuitem">About DjangoCon US</a></li>
<li><a href="/tickets/" role="menuitem">Tickets</a></li>
<li><a href="/faq/" role="menuitem">FAQ</a></li>
<li><a href="/conduct/" role="menuitem">Code of Conduct</a></li>
<li><a href="/public-health/" role="menuitem">Public Health</a></li>
<li><a href="/opportunity-grants/" role="menuitem">Opportunity Grants</a></li>
<li><a href="/visas/" role="menuitem">Visa Support</a></li>
<li><a href="/organizers/" role="menuitem">Organizers</a></li>
</ul>
</li>

<li><a href="/venue/">Venue</a></li>
<li>
<a href="/speaking/"
data-menu-trigger
aria-haspopup="true"
aria-expanded="false">Speaking</a>
<ul
data-menu-list
class="hidden site-nav-menu">
<li><a href="/speaking/" role="menuitem">Speaking at DjangoCon US</a></li>
<li><a href="/speaking/speaker-resources/" role="menuitem">Speaker Resources</a></li>
</ul>
</li>
<li>
<a href="/sponsors/"
data-menu-trigger
aria-haspopup="true"
aria-expanded="false">Sponsors</a>
<ul
data-menu-list
class="hidden site-nav-menu">
<li><a href="/sponsors/" role="menuitem">Our Sponsors</a></li>
<li><a href="/sponsors/information/" role="menuitem">Sponsorship Prospectus</a></li>
</ul>
</li>
<li><a href="/news/">News</a></li>
<li><a href="https://ti.to/defna/djangocon-us-2024" class="button bg-light-blue">Buy Tickets</a></li>
</ul>

</nav>
</div>
Expand Down
94 changes: 51 additions & 43 deletions about/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -45,7 +45,7 @@
<body>
<header id="SiteHeader" class="fixed top-0 z-50 w-full py-4 bg-white lg:py-6 lg:relative">
<div class="wrapper">
<nav class="flex flex-wrap">
<nav class="flex flex-wrap" role="navigation">
<div class="flex items-center justify-between w-full lg:max-w-max">
<a
href="/"
Expand All @@ -60,48 +60,56 @@
</button>
</div>

<ul
id="NavMenu"
class="flex-col flex-1 hidden w-full gap-6 py-8 text-xl font-semibold lg:flex-row lg:gap-8 lg:items-center lg:py-0 lg:flex lg:justify-end">
<li class="lg:sr-only"><a href="/">Home</a></li>
<li class="relative">
<a href="/about" data-menu-trigger>About</a>
<ul
data-menu-list
class="flex-col hidden gap-6 px-4 py-2 mt-2 border-l-4 border-purple lg:absolute lg:top-full lg:border-4 lg:bg-white lg:left-1/2 lg:translate-x-[-50%] lg:w-[24ch] lg:p-6 rounded font-medium">
<li><a href="/about/" role="menuitem">About DjangoCon US</a></li>
<li><a href="/tickets/" role="menuitem">Tickets</a></li>
<li><a href="/faq/" role="menuitem">FAQ</a></li>
<li><a href="/conduct/" role="menuitem">Code of Conduct</a></li>
<li><a href="/public-health/" role="menuitem">Public Health</a></li>
<li><a href="/opportunity-grants/" role="menuitem">Opportunity Grants</a></li>
<li><a href="/visas/" role="menuitem">Visa Support</a></li>
<li><a href="/organizers/" role="menuitem">Organizers</a></li>
</ul>
</li>

<li><a href="/venue/">Venue</a></li>
<li class="relative">
<a href="/speaking/" data-menu-trigger>Speaking</a>
<ul
data-menu-list
class="flex-col hidden gap-6 px-4 py-2 mt-2 border-l-4 border-purple lg:absolute lg:top-full lg:border-4 lg:bg-white lg:left-1/2 lg:translate-x-[-50%] lg:w-[26ch] lg:p-6 rounded font-medium">
<li><a href="/speaking/">Speaking at DjangoCon US</a></li>
<li><a href="/speaking/speaker-resources/">Speaker Resources</a></li>
</ul>
</li>
<li class="relative">
<a href="/sponsors/" data-menu-trigger>Sponsors</a>
<ul
data-menu-list
class="flex-col hidden gap-6 px-4 py-2 mt-2 border-l-4 border-purple lg:absolute lg:top-full lg:border-4 lg:bg-white lg:left-1/2 lg:translate-x-[-50%] lg:w-[24ch] lg:p-6 rounded font-medium">
<li><a href="/sponsors/">Our Sponsors</a></li>
<li><a href="/sponsors/information/">Sponsorship Prospectus</a></li>
</ul>
</li>
<li><a href="/news/">News</a></li>
<li><a href="https://ti.to/defna/djangocon-us-2024" class="button bg-light-blue">Buy Tickets</a></li>
</ul>
<ul class="hidden site-nav lg:flex">
<li class="lg:sr-only"><a href="/">Home</a></li>
<li>
<a href="/about"
data-menu-trigger
aria-haspopup="true"
aria-expanded="false">About</a>
<ul
data-menu-list
role="menu"
class="hidden site-nav-menu">
<li><a href="/about/" role="menuitem">About DjangoCon US</a></li>
<li><a href="/tickets/" role="menuitem">Tickets</a></li>
<li><a href="/faq/" role="menuitem">FAQ</a></li>
<li><a href="/conduct/" role="menuitem">Code of Conduct</a></li>
<li><a href="/public-health/" role="menuitem">Public Health</a></li>
<li><a href="/opportunity-grants/" role="menuitem">Opportunity Grants</a></li>
<li><a href="/visas/" role="menuitem">Visa Support</a></li>
<li><a href="/organizers/" role="menuitem">Organizers</a></li>
</ul>
</li>

<li><a href="/venue/">Venue</a></li>
<li>
<a href="/speaking/"
data-menu-trigger
aria-haspopup="true"
aria-expanded="false">Speaking</a>
<ul
data-menu-list
class="hidden site-nav-menu">
<li><a href="/speaking/" role="menuitem">Speaking at DjangoCon US</a></li>
<li><a href="/speaking/speaker-resources/" role="menuitem">Speaker Resources</a></li>
</ul>
</li>
<li>
<a href="/sponsors/"
data-menu-trigger
aria-haspopup="true"
aria-expanded="false">Sponsors</a>
<ul
data-menu-list
class="hidden site-nav-menu">
<li><a href="/sponsors/" role="menuitem">Our Sponsors</a></li>
<li><a href="/sponsors/information/" role="menuitem">Sponsorship Prospectus</a></li>
</ul>
</li>
<li><a href="/news/">News</a></li>
<li><a href="https://ti.to/defna/djangocon-us-2024" class="button bg-light-blue">Buy Tickets</a></li>
</ul>

</nav>
</div>
Expand Down
2 changes: 1 addition & 1 deletion assets/css/main.css
View file

Large diffs are not rendered by default.

23 changes: 16 additions & 7 deletions assets/js/main.js
View file
Original file line number Diff line number Diff line change
@@ -1,16 +1,15 @@
const navToggler = document.getElementById('NavToggler');
const navMenu = document.getElementById('NavMenu');
const allMenus = navMenu.querySelectorAll('[data-menu-list]');
const siteNav = document.querySelector('.site-nav');
const allMenus = siteNav.querySelectorAll('[data-menu-list]');

/* TODO: Not accessible */
navToggler.addEventListener('click', () => {
const siteMain = document.getElementById('SiteMain');
const siteFooter = document.getElementById('SiteFooter');

if (navMenu.classList.contains('flex')) {
navMenu.classList.replace('flex', 'hidden');
if (siteNav.classList.contains('hidden')) {
siteNav.classList.replace('hidden', 'flex');
} else {
navMenu.classList.replace('hidden', 'flex');
siteNav.classList.replace('flex', 'hidden');
}

/*
Expand All @@ -28,6 +27,10 @@ navMenuTriggers.forEach(trigger => {
evt.preventDefault();
const target = trigger.nextElementSibling;

navMenuTriggers.forEach((trigger) => {
trigger.setAttribute('aria-expanded', 'false');
});

allMenus.forEach((menu) => {
if (menu !== target) {
menu.classList.replace('flex', 'hidden');
Expand All @@ -36,18 +39,24 @@ navMenuTriggers.forEach(trigger => {

if (target.classList.contains('hidden')) {
target.classList.replace('hidden', 'flex');
trigger.setAttribute('aria-expanded', 'true');
} else {
target.classList.replace('flex', 'hidden');
trigger.setAttribute('aria-expanded', 'false');
}
});
});

// Close all menus when the user clicks outside
document.addEventListener('click', function (evt) {
if (!navMenu.contains(evt.target) && navToggler !== evt.target) {
if (!siteNav.contains(evt.target) && navToggler !== evt.target) {
// Close all menus if you click outside of menu
allMenus.forEach((menu) => {
menu.classList.replace('flex', 'hidden');
});

navMenuTriggers.forEach((trigger) => {
trigger.setAttribute('aria-expanded', 'false');
});
}
});
94 changes: 51 additions & 43 deletions conduct/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -45,7 +45,7 @@
<body>
<header id="SiteHeader" class="fixed top-0 z-50 w-full py-4 bg-white lg:py-6 lg:relative">
<div class="wrapper">
<nav class="flex flex-wrap">
<nav class="flex flex-wrap" role="navigation">
<div class="flex items-center justify-between w-full lg:max-w-max">
<a
href="/"
Expand All @@ -60,48 +60,56 @@
</button>
</div>

<ul
id="NavMenu"
class="flex-col flex-1 hidden w-full gap-6 py-8 text-xl font-semibold lg:flex-row lg:gap-8 lg:items-center lg:py-0 lg:flex lg:justify-end">
<li class="lg:sr-only"><a href="/">Home</a></li>
<li class="relative">
<a href="/about" data-menu-trigger>About</a>
<ul
data-menu-list
class="flex-col hidden gap-6 px-4 py-2 mt-2 border-l-4 border-purple lg:absolute lg:top-full lg:border-4 lg:bg-white lg:left-1/2 lg:translate-x-[-50%] lg:w-[24ch] lg:p-6 rounded font-medium">
<li><a href="/about/" role="menuitem">About DjangoCon US</a></li>
<li><a href="/tickets/" role="menuitem">Tickets</a></li>
<li><a href="/faq/" role="menuitem">FAQ</a></li>
<li><a href="/conduct/" role="menuitem">Code of Conduct</a></li>
<li><a href="/public-health/" role="menuitem">Public Health</a></li>
<li><a href="/opportunity-grants/" role="menuitem">Opportunity Grants</a></li>
<li><a href="/visas/" role="menuitem">Visa Support</a></li>
<li><a href="/organizers/" role="menuitem">Organizers</a></li>
</ul>
</li>

<li><a href="/venue/">Venue</a></li>
<li class="relative">
<a href="/speaking/" data-menu-trigger>Speaking</a>
<ul
data-menu-list
class="flex-col hidden gap-6 px-4 py-2 mt-2 border-l-4 border-purple lg:absolute lg:top-full lg:border-4 lg:bg-white lg:left-1/2 lg:translate-x-[-50%] lg:w-[26ch] lg:p-6 rounded font-medium">
<li><a href="/speaking/">Speaking at DjangoCon US</a></li>
<li><a href="/speaking/speaker-resources/">Speaker Resources</a></li>
</ul>
</li>
<li class="relative">
<a href="/sponsors/" data-menu-trigger>Sponsors</a>
<ul
data-menu-list
class="flex-col hidden gap-6 px-4 py-2 mt-2 border-l-4 border-purple lg:absolute lg:top-full lg:border-4 lg:bg-white lg:left-1/2 lg:translate-x-[-50%] lg:w-[24ch] lg:p-6 rounded font-medium">
<li><a href="/sponsors/">Our Sponsors</a></li>
<li><a href="/sponsors/information/">Sponsorship Prospectus</a></li>
</ul>
</li>
<li><a href="/news/">News</a></li>
<li><a href="https://ti.to/defna/djangocon-us-2024" class="button bg-light-blue">Buy Tickets</a></li>
</ul>
<ul class="hidden site-nav lg:flex">
<li class="lg:sr-only"><a href="/">Home</a></li>
<li>
<a href="/about"
data-menu-trigger
aria-haspopup="true"
aria-expanded="false">About</a>
<ul
data-menu-list
role="menu"
class="hidden site-nav-menu">
<li><a href="/about/" role="menuitem">About DjangoCon US</a></li>
<li><a href="/tickets/" role="menuitem">Tickets</a></li>
<li><a href="/faq/" role="menuitem">FAQ</a></li>
<li><a href="/conduct/" role="menuitem">Code of Conduct</a></li>
<li><a href="/public-health/" role="menuitem">Public Health</a></li>
<li><a href="/opportunity-grants/" role="menuitem">Opportunity Grants</a></li>
<li><a href="/visas/" role="menuitem">Visa Support</a></li>
<li><a href="/organizers/" role="menuitem">Organizers</a></li>
</ul>
</li>

<li><a href="/venue/">Venue</a></li>
<li>
<a href="/speaking/"
data-menu-trigger
aria-haspopup="true"
aria-expanded="false">Speaking</a>
<ul
data-menu-list
class="hidden site-nav-menu">
<li><a href="/speaking/" role="menuitem">Speaking at DjangoCon US</a></li>
<li><a href="/speaking/speaker-resources/" role="menuitem">Speaker Resources</a></li>
</ul>
</li>
<li>
<a href="/sponsors/"
data-menu-trigger
aria-haspopup="true"
aria-expanded="false">Sponsors</a>
<ul
data-menu-list
class="hidden site-nav-menu">
<li><a href="/sponsors/" role="menuitem">Our Sponsors</a></li>
<li><a href="/sponsors/information/" role="menuitem">Sponsorship Prospectus</a></li>
</ul>
</li>
<li><a href="/news/">News</a></li>
<li><a href="https://ti.to/defna/djangocon-us-2024" class="button bg-light-blue">Buy Tickets</a></li>
</ul>

</nav>
</div>
Expand Down
Loading

0 comments on commit 0264c2e

Please sign in to comment.