-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathheader.php
More file actions
executable file
·90 lines (80 loc) · 6.21 KB
/
header.php
File metadata and controls
executable file
·90 lines (80 loc) · 6.21 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
<!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
<meta charset="<?php bloginfo('charset'); ?>">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="profile" href="https://gmpg.org/xfn/11">
<?php wp_head(); ?>
</head>
<body <?php body_class(); ?>>
<?php wp_body_open(); ?>
<div id="page" class="flex min-h-screen w-full flex-col">
<!-- Header Wrapper (sticky) -->
<div class="header-shadow sticky top-0 z-50 flex w-full bg-white">
<header class="freq-container-padding m-auto flex h-[85px] w-full max-w-(--breakpoint-xl) flex-row items-center justify-between">
<!-- Logo -->
<a href="https://www.frequency.xyz/" class="flex-shrink-0 self-center">
<svg class="w-[146px] md:w-[200px] text-black" width="255" height="47.6" viewBox="0 0 600 112" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M216.3 28.5v-8.6h-10.5v49.9H217V44c0-9.7 4.2-14.2 13.2-14V19c-7.1.3-11.8 3.5-14 9.3zM118.8 0H7a7 7 0 0 0-7 7v97.8a7 7 0 0 0 3.3 6 7 7 0 0 0 6.8.3L94 69a7 7 0 0 0-3.2-13H36.6L122 13.3A7 7 0 0 0 118.8 0Zm35 69.8h11.7V40.3h35v-9.8h-35V9.9h35V0h-46.7v69.8Zm103.6-50.6a25 25 0 0 0-25.8 25.7c0 15 10.7 25.7 26 25.7s21-7 24-17.1h-10.3a13.7 13.7 0 0 1-13.2 8.2c-9.7 0-16-6.6-16.2-16.2h40.3c0-14.5-8.6-26.1-25-26.1zm-14.3 19a15.1 15.1 0 0 1 14.6-10.5c6.9 0 12 4 13.9 10.5h-28.4Zm232.5-19a16.1 16.1 0 0 0-14.6 8.1V20h-10.4v49.9h11.2v-29c0-7.1 3.8-12.1 10.4-12.1 6.7 0 8.7 4.4 8.7 11.7V70h11.3V38.3c0-11.6-6.5-19-16.6-19zm62.8 30.3c-1.3 7-6.4 11.2-14.1 11.2a16 16 0 0 1-15.6-16c0-9.4 6.5-15.8 15.6-15.8s12.8 4.4 14 11.1h11c-1.6-12.5-11-20.8-25-20.8a26 26 0 0 0-26.5 25.7c0 15.1 11 25.7 26.5 25.7s23.5-8.2 25-21h-11zM588.2 20l-14.9 24.8L559.5 20h-12l19.7 35-19.8 33.2h11.8L600 20Zm-168.5-.7A25 25 0 0 0 393.8 45c0 15 10.7 25.7 26 25.7 15.4 0 21-7 24-17.1h-10.3a13.7 13.7 0 0 1-13.1 8.2c-9.7 0-16-6.6-16.2-16.2h40.3c0-14.5-8.6-26.1-25-26.1zm-14.3 19A15.1 15.1 0 0 1 420 27.7c7 0 12 4 13.9 10.5h-28.4Zm-28.3 12c0 6.6-3.6 10.5-9.7 10.5-6 0-9.7-3.9-9.7-10.5V19.9h-11.2v30.9c0 12 8.2 19.7 21 19.7 12.6 0 20.8-7.8 20.8-19.7v-31H377Zm-49.4-20.5a20.4 20.4 0 0 0-18.5-10.5c-13.5 0-23.3 10.5-23.3 25.7 0 15.1 9.7 25.7 23.3 25.7 13.6 0 14-3.5 17.7-9.3v27.1h11.3V20.1h-10.5v9.7zm-16 31.2c-9 0-14.9-6.8-14.9-16.2 0-9.4 6.2-16 14.9-16s15.2 6.5 15.2 16S320.6 61 311.7 61z" fill="currentColor"/>
</svg>
</a>
<!-- Desktop Navigation -->
<nav class="hidden gap-f32 text-black lg:flex" id="desktop-nav">
<?php
$menu_items = [
['label' => 'Mission', 'href' => 'https://www.frequency.xyz/#mission'],
['label' => 'About', 'href' => 'https://www.frequency.xyz/#about'],
['label' => 'Users', 'href' => 'https://www.frequency.xyz/#users'],
['label' => 'Blog', 'href' => '#'],
['label' => 'Contact', 'href' => 'https://www.frequency.xyz/#contact'],
];
foreach ($menu_items as $item) :
?>
<a href="<?php echo esc_url($item['href']); ?>"
class="h6 relative cursor-pointer content-center overflow-hidden px-2 font-bold transition-all duration-300 text-black hover:text-primary after:absolute after:bottom-0 after:left-0 after:h-[3px] after:w-full after:transform after:transition after:duration-300 after:content-[''] after:bg-primary after:translate-y-[200%] after:opacity-0 hover:after:translate-y-0 hover:after:opacity-100">
<?php echo esc_html($item['label']); ?>
</a>
<?php endforeach; ?>
<!-- Developer Portal Button -->
<div class="content-center">
<a href="https://www.frequency.xyz/dev-portal"
class="h-[46px] px-f24 cursor-pointer rounded-full text-center transition-all text-nowrap inline-flex items-center justify-center font-bold bg-black text-white hover:bg-primary w-[200px]">
Developer Portal
</a>
</div>
</nav>
<!-- Mobile Navigation Toggle -->
<button type="button"
class="lg:hidden cursor-pointer self-center text-black hover:text-primary transition-colors"
id="mobile-menu-toggle"
aria-expanded="false"
aria-controls="mobile-menu">
<span class="sr-only">Open main menu</span>
<!-- Hamburger/Close icon -->
<svg class="h-8 w-8 hamburger-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"/>
</svg>
<svg class="h-8 w-8 close-icon hidden" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/>
</svg>
</button>
</header>
</div>
<!-- Mobile Navigation Menu -->
<div id="mobile-menu"
class="fixed top-0 left-0 z-40 h-0 w-[100vw] flex-col justify-between overflow-hidden bg-black px-[12%] transition-[height] duration-1000 lg:hidden"
aria-hidden="true">
<nav class="mt-[85px] mb-f48 flex flex-col gap-f24 text-cream" aria-label="Mobile Navigation">
<?php foreach ($menu_items as $item) : ?>
<a href="<?php echo esc_url($item['href']); ?>"
class="h4 underline-on-hover font-bold uppercase text-cream after:bg-current mobile-nav-link">
<?php echo esc_html($item['label']); ?>.
</a>
<?php endforeach; ?>
<!-- Developer Portal Button (Mobile) -->
<a href="https://www.frequency.xyz/dev-portal"
class="h-[46px] px-f24 cursor-pointer rounded-full text-center transition-all text-nowrap inline-flex items-center justify-center font-bold bg-cream text-black hover:bg-purple50 hover:text-white w-full max-w-[360px] mt-f24">
Developer Portal
</a>
</nav>
</div>