-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.php
171 lines (171 loc) · 7.47 KB
/
index.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
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Layout my Torturechamber Official Web Cite</title>
<meta name="keywords" content="Layout my Torturechamber,lmtc,バンド,band">
<meta name="description" content="エレクトロコアバンドLayout my Torturechamber公式HP 音源、ライブ情報など">
<meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="stylesheet" href="style/basscss.css">
<link rel="stylesheet" href="style/style.css">
<link href='https://fonts.googleapis.com/css?family=Roboto+Condensed' rel='stylesheet' type='text/css'>
<script type="text/javascript" src="./js/jquery.js"></script>
<script type="text/javascript" src="./js/feedin.js"></script>
<script type="text/javascript" src="./js/nav.js"></script>
<!--scroll --!>
<script type="text/javascript">
$(document).ready(function() {
$('#top').scrollInTurn({
fadeInSpeed:1000
});
$('#music').scrollInTurn();
$('#contact').scrollInTurn();
$('#head').scrollInTurn();
});
</script>
<style>
.fixed {
position: fixed;
top: 0;
width: 100%;
z-index: 10000;
}
@media screen and (max-width:800px){
.movie-wrap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.movie-wrap iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
</style>
</head>
<body class="black bg-white center">
<nav class="clearfix py2 bg-darken-3 fixed sm-show">
<div class="sm-flex center nowrap">
<div class="flex-auto">
<a href="#top" class="btn btn-primary black bg-white navbtn">Top</a>
</div>
<div class="flex-auto">
<a href="#news" class="btn white navbtn">Live</a>
</div>
<div class="flex-auto">
<a href="#music" class="btn white navbtn">Music</a>
</div>
<div class="flex-auto">
<a href="#contact" class="btn white navbtn">Contact</a>
</div>
</div>
</nav>
<article id="top">
<div class="target">
</div>
<div id="photo">
<img src="./img/top.jpg" alt="Layout my Torturechamber" style="width:100%">
</div>
<div id="news" class="clearfix py1 px3">
<h2>Live</h2>
<table class="table-light col-8 mx-auto mb3">
<tr>
<th class="col-2">Date</th><th class="col-10">2017/8/15(Thu.)</th>
</tr>
<tr>
<th class="col-2">Title</th><th class="col-10">Nobody Dies A Virgin,InFix,ANTIKNOCK pre.【Exist Episodes】</th>
</tr>
<tr>
<th class="col-2">Venue</th><th class="col-10">Shinjuku ANTIKNOCK</th>
</tr>
<tr>
<th class="col-2">Bands</th><th class="col-10">Layout my Torturechamber / Nobody Dies A Virgin / InFix / MASRAO / GIVEN BY THE FLAMES / おしゃめがね / EJECTS</th>
</tr>
<tr>
<th class="col-2">OPEN/START</th><th class="col-10">17:30 / 18:00</th>
</tr>
<tr>
<th class="col-2">ADV/DOOR</th><th class="col-10">2000yen / 2500yen</th>
</tr>
</table>
<table class="table-light col-8 mx-auto mb3">
<tr>
<th class="col-2">Date</th><th class="col-10">2017/9/10(Sun.)</th>
</tr>
<tr>
<th class="col-2">Title</th><th class="col-10">豆腐メンタルVol.2</th>
</tr>
<tr>
<th class="col-2">Venue</th><th class="col-10">大塚MEETS</th>
</tr>
<tr>
<th class="col-2">Bands</th><th class="col-10">Layout my Torturechamber / Finisaporia / NEO DESIVE MyND and more!</th>
</tr>
<tr>
<th class="col-2">OPEN/START</th><th class="col-10">12:00 / 12:20</th>
</tr>
<tr>
<th class="col-2">ADV/DOOR</th><th class="col-10">1000yen</th>
</tr>
</table>
<table class="table-light col-8 mx-auto mb3">
<tr>
<th class="col-2">Date</th><th class="col-10">2017/9/20(Wed.)</th>
</tr>
<tr>
<th class="col-2">Title</th><th class="col-10">Zirco Tokyo presents Chased by Ghost of HYDEPARK 【3rd EP "ESCAPE" リリースツアー！】</th>
</tr>
<tr>
<th class="col-2">Venue</th><th class="col-10">Zirco Tokyo</th>
</tr>
<tr>
<th class="col-2">Bands</th><th class="col-10">Layout my Torturechamber / Chased by Ghost of HYDEPARK / SLEEP GOAT CITY / PYGMY / WACALiTY and more!</th>
</tr>
<tr>
<th class="col-2">OPEN/START</th><th class="col-10"> TBA </th>
</tr>
<tr>
<th class="col-2">ADV/DOOR</th><th class="col-10">2000yen / 2800yen</th>
</tr>
</table>
</div>
<div id="music" class="px4 py1 center">
<h2>Music</h2>
<h3>Catch Me If You Can</h3>
<div class="movie-wrap">
<iframe width="560" height="315" src="https://www.youtube.com/embed/gPANwMoT8a4" frameborder="0" allowfullscreen=""></iframe>
</div>
<h3>1st Music Video "wrist"</h3>
<div class="movie-wrap">
<iframe width="560" height="315" src="https://www.youtube.com/embed/mykE-93Uc0Y" frameborder="0" allowfullscreen></iframe>
</div>
<h3>Truth Calling</h3>
<iframe width="100%" height="166" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/269962844%3Fsecret_token%3Ds-OId00&color=ff5500&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false"></iframe>
<h3>All in me</h3>
<iframe width="100%" height="166" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/267452319%3Fsecret_token%3Ds-hz4tg&color=ff5500&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false"></iframe>
<h3>Sunset maybe I said</h3>
<iframe width="100%" height="166" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/269962850%3Fsecret_token%3Ds-zkowM&color=ff5500&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false"></iframe>
<h3>Hero of the day</h3>
<iframe width="100%" height="166" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/269962854%3Fsecret_token%3Ds-TwXKR&color=ff5500&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false"></iframe>
<h3>Monster of Grimm’s Fairy tales</h3>
<iframe width="100%" height="166" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/269962853%3Fsecret_token%3Ds-52dKX&color=ff5500&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false"></iframe>
</div>
<div id="contact" class="py2 px3 center">
<h2>Contact</h2>
<h3>Mail : lmtc_band[at]gmail.com</h3>
</div>
</article>
<footer class="clearfix py3">
<div class="clearfix">
<div id="copyright" class="px3 right">
© Layout my Torturechamber <?php echo date(Y); ?>
</div>
</div>
</footer>
</body>
</html>