-
Notifications
You must be signed in to change notification settings - Fork 1
/
index_jp.html
94 lines (94 loc) · 4.86 KB
/
index_jp.html
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
<!doctype html>
<html class="no-js" lang="ja">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>ネコです - アニソンと人間の司会</title>
<!-- Use Bootstrap for column layout -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
<link rel="stylesheet" href="style.css" />
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="theme-color" content="#ffffff">
</head>
<body>
<div class="container-fluid">
<!-- Langauge Bar -->
<div id ="lang" class="row">
<div class="col-sm-12">
<div class="lang">
<a href="index.html">English</a> | 日本語
</div>
</div>
</div>
<!-- Heading -->
<div id="heading" class="row">
<div class="col-lg-12">
<h4 class="text-white"><ruby><rb>Peter</rb><rt>ピーター</rt><rb> </rb><rt>・</rt><rb>Shillito</rb><rt>シリトー</rt></ruby>の</h4>
<h2 class="text-white">ネコです</h2>
<h1 class="heading-text">Neko Desu</h1>
<h2 class="text-white">アニソンと人間の司会</h2>
</div>
</div>
<!-- Main Links -->
<div id="links" class="row body-padding">
<div class="col-md-4 link-panel">
<h3>曲リクエスト</h3>
<a class="weblink" href="https://nkd.su">nkd.su</a>
</div>
<div class="col-md-4 link-panel">
<h3>ショーを聞く</h3>
<div class="datetime"><a href="https://www.localtime.jp/europe/uk/">土曜日21〜23時GMT/BST</a></div>
<div class="datetimesmall">(夏：２９〜３１時／冬：３０〜３２時)</div>
<p><a class="weblink" href="http://thecat.radio">The Cat</a>に</p>
</div>
<div class="col-md-4">
<h3>遡って聴く</h3>
<a class="weblink" href="http://www.mixcloud.com/NekoDesu/">Mixcloud</a>
</div>
</div>
<!-- Social -->
<div class="row body-padding">
<div class="col-md-12">
<h2>SNS</h2>
</div>
</div>
<div class="row social">
<div class="col-md-4 social-link">
<h3>番組をフォロー</h3>
<img src="bluesky.svg" width="16px" />
<a href="https://bsky.app/profile/nekodesu.radio">@nekodesu.radio</a>
<img src="twitter.svg" width="16px" />
<a href="https://twitter.com/NekoDesuRadio">@NekoDesuRadio</a>
</div>
<div class="col-md-4 social-link">
<h3>会話をフォロー</h3>
<img src="discord.svg" width="16px" />
<a href="https://discord.nekodesu.radio">Neko Desu Discord</a>
<img src="bluesky.svg" width="16px" />
<a href="https://bsky.app/search?q=%23nekodesu">#NekoDesu</a>
</div>
<div class="col-md-4 social-link">
<h3>司会をフォロー</h3>
<img src="bluesky.svg" width="16px" /> <a href="https://bsky.app/profile/theshillito.bsky.social">@theshillito.bsky.social</a>
<img src="kirakiratter.svg" width="20px" /> <a href="https://kirakiratter.com/@theshillito">@theshillito</a>
</div>
</div>
<!-- Charity -->
<div class="row body-padding">
<div class="col-xl-6 mb-3">
<h3>Tシャツ、他のグッズを買う</h3>
<a class="weblink" href="http://shop.nekodesu.radio">ネコですショップ</a>
</div>
<div class="col-xl-6 mb-3">
<h3>シリトーさんのチャリティーコンパクト盤をダウンロード</h3>
<a class="weblink" href="http://desus.bandcamp.com/album/take-back-love-city">Take Back Love City (恋愛シティーを取り戻せ)</a>
</div>
</div>
</div>
</body>
</html>