-
Notifications
You must be signed in to change notification settings - Fork 9
/
Copy pathheader.php
110 lines (104 loc) · 5.26 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
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<title>早稲田大学天文同好会WAXA</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="shortcut icon" href="<?php echo get_theme_file_uri('src/favicon.ico'); ?>">
<!-- Google Fonts 'Montserrat' -->
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@700&family=Noto+Sans+JP:wght@400;500;700&display=swap" rel="stylesheet">
<!-- Google Fonts 'Noto+Serif' -->
<link href="https://fonts.googleapis.com/css2?family=Noto+Serif+JP&display=swap" rel="stylesheet">
<!-- Swiper.js 4.3.3 -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.3.3/css/swiper.min.css" />
<link rel="stylesheet" type="text/css" href="<?php echo get_stylesheet_uri(); ?>" media="all">
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-WXHGW6N2X4"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-WXHGW6N2X4');
</script>
<?php wp_head(); ?>
<style>
#place {
background: url(<?php echo get_theme_file_uri('src/place_bg_sp01.png'); ?>) no-repeat center/cover;
}
@media screen and (min-width: 768px) {
#place {
background: url(<?php echo get_theme_file_uri('src/place_bg_pc01.png'); ?>) no-repeat center/cover;
}
}
</style>
</head>
<NOSCRIPT>
<body>
</NOSCRIPT>
<div id="page">
<!-- ヘッダーここから -->
<header id="header">
<div class="header_wrapper">
<div class="header_logoandtitle">
<a href="./"><img src="<?php echo get_theme_file_uri('src/WAXA_logo.svg'); ?>" alt="WAXA_logo" id="header_waxa_logo" /></a>
<a href="./">
<h1>
早稲田大学天文同好会 <span>WAXA</span>
</h1>
</a>
</div>
<div class="header_menu-content-pc">
<ul>
<li>
<a href="#activity" class="header_menu_hover">活動内容</a>
</li>
<li>
<a href="#information" class="header_menu_hover">情報</a>
</li>
<li>
<a href="#place" class="header_menu_hover">活動場所</a>
</li>
<li>
<a href="https://www.instagram.com/waxa_tenmon/"><img src="<?php echo get_theme_file_uri('src/instagram-logo.svg'); ?>" class="header_menu_sns_transform" alt="instagram link"></a>
</li>
<li>
<a href="https://twitter.com/waxa_souten"><img src="<?php echo get_theme_file_uri('src/twitter-logo.svg'); ?>" class="header_menu_sns_transform" alt="Twitter link"></a>
</li>
<li>
<a href="#contact" id="header_application-btn" class="header_menu_btn_transform">入会はこちら</a>
</li>
</ul>
</div>
</div>
<div class="header_hamburger-menu">
<input type="checkbox" id="header_menu-btn-check" />
<label for="header_menu-btn-check" class="header_menu-btn"><span></span></label>
<!-- ここからメニュー -->
<div class="header_menu-content">
<ul>
<li>
<label for="header_menu-btn-check" onclick="location.href='#activity'">活動内容</label>
</li>
<li>
<label for="header_menu-btn-check" onclick="location.href='#information'">情報</label>
</li>
<li>
<label for="header_menu-btn-check" onclick="location.href='#place'">活動場所</label>
</li>
<li>
<label for="header_menu-btn-check" onclick="location.href='https://www.instagram.com/waxa_tenmon/'">Instagram</label>
</li>
<li>
<label for="header_menu-btn-check" onclick="location.href='https://twitter.com/waxa_souten'">Twitter</label>
</li>
<li>
<label for="header_menu-btn-check" onclick="location.href='#contact'">お問い合わせ</label>
</li>
</ul>
</div>
<!--ここまでメニュー-->
</div>
</header>
<!-- ヘッダーここまで -->