-
Notifications
You must be signed in to change notification settings - Fork 0
/
header.php
116 lines (87 loc) · 4.21 KB
/
header.php
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
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
<?php
/**
* The header for our theme.
*
* This is the template that displays all of the <head> section and everything up until <div id="content">
*
* @link https://developer.wordpress.org/themes/basics/template-files/#template-partials
*
* @package xx
*/
?><!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.3/css/bootstrap.min.css" integrity="sha384-MIwDKRSSImVFAZCVLtU0LMDdON6KVCrZHyVQQj6e8wIEJkW4tvwqXrbMIya1vriY" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/jquery.slick/1.6.0/slick.css"/>
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/jquery.slick/1.6.0/slick-theme.css"/>
<link rel="icon"
type="image/gif"
href="https://ksdt.ucsd.edu/wp-content/themes/xx/van.gif">
<meta property="og:title" content="KSDT | UC San Diego College Radio" />
<meta property="og:description" content="KSDT is a free-form, eclectic, student run radio station located on the campus of the University of California, San Diego" />
<meta property="og:image" content="https://ksdt.ucsd.edu/wp-content/themes/xx/van.png" />
<meta name="Description" CONTENT="KSDT is a free-form, eclectic, student run radio station located on the campus of the University of California, San Diego">
<?php wp_head(); ?>
</head>
<body <?php body_class(); ?>>
<div id="page" class="site">
<header id="masthead" class="site-header" role="banner">
<a class="ksdt-mobile" >ksdt</a>
<a class="listen-mobile" target="_blank" href="//ksdt.ucsd.edu/listen/stream.mp3">
<img class="image" src="<?php echo get_template_directory_uri() . '/headphones.png'; ?>">
</a>
<!--
<a class="listen-now-button btn btn-primary btn-lg btn-block" href="//ksdt.ucsd.edu/listen/stream.mp3" role="button">LISTEN LIVE</a>
<a class="listen-now-button btn btn-warning btn-lg btn-block" href="//tunein.com/radio/KSDT-s18746/" role="button">OR ON THE TUNEIN APP</a>
-->
<nav class="navbar navbar-light bg-faded navbar-extend">
<!-- desktop navbar -->
<div class="collapse navbar-toggleable-md" id="exCollapsingNavbar2">
<ul class="nav navbar-nav">
<li class="nav-item nav-name">
<div onclick="location.href='/';" class = "nav-n">ksdt</div>
</li>
<?php $main_menu = wp_get_nav_menu_items('main'); ?>
<?php foreach ((array) $main_menu as $key => $menu_item): ?>
<?php
$title = $menu_item->title;
$url = $menu_item->url;
?>
<li class="nav-item">
<a class="nav-link local-link" href="<?php echo $url; ?>"><?php echo $title; ?></a>
</li>
<?php endforeach; ?>
<li class="nav-item nav-mobile-item">
<a class="nav-link" href="//tunein.com/radio/KSDT-s18746/">tunein</a>
</li>
<li class="nav-item nav-mobile-item">
<a class="nav-link" href="https://ksdt.ucsd.edu/listen/stream.mp3">listen live</a>
</li>
</ul>
<div class="player">
<i class="fa fa-play" aria-hidden="true"></i>
<span class="live-circle"></span>
<span class="listen">LIVE</span>
<div class="show-info">
<a href=""><span class="show-name"></span></a>
<span class="show-djs"></span>
</div>
<!-- what makes the play button work -->
<div class="oscilloscope"></div>
<div class="visualizer">
<canvas id="vis"></canvas>
</div>
</div>
</div>
<!-- mobile navbar -->
<!-- mobile button -->
<button class="navbar-toggler hidden-lg-up" type="button" data-toggle="collapse" data-target="#exCollapsingNavbar2" aria-controls="exCollapsingNavbar2" aria-expanded="false" aria-label="Toggle navigation">
☰
</button>
</nav>
</header><!-- #masthead -->
<div class="spinner"></div>
<div id="content" class="site-content">