-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
139 lines (133 loc) · 7.27 KB
/
index.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
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
<!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>Tissue</title>
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/open-iconic-bootstrap.min.css">
<link rel="stylesheet" href="css/tissue.css">
<script src="js/holder.min.js"></script>
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light bg-light mb-4">
<a href="#" class="navbar-brand">Tissue</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link" href="index.html">ホーム</a>
</li>
<li class="nav-item">
<a class="nav-link" href="profile.html#timeline">タイムライン</a>
</li>
<li class="nav-item">
<a class="nav-link" href="profile.html#stats">グラフ</a>
</li>
<li class="nav-item">
<a class="nav-link" href="profile.html#okazu">オカズ</a>
</li>
<li class="nav-item">
<a class="nav-link" href="ranking.html">ランキング</a>
</li>
</ul>
<ul class="navbar-nav">
<li class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<img src="holder.js/30x30" width="30" height="30" class="rounded d-inline-block align-top"> アドミニストレートチンポ さん
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
<a href="#" class="dropdown-item">設定</a>
<a href="#" class="dropdown-item">ログアウト</a>
</div>
</li>
</ul>
<form class="form-inline">
<a href="checkin.html" class="btn btn-outline-success">チェックイン</a>
</form>
</div>
</nav>
<div class="container">
<div class="row">
<div class="col-lg-4">
<div class="card mb-4">
<div class="card-body">
<img src="holder.js/64x64" class="rounded mb-1">
<h4 class="card-title"><a class="text-dark" href="profile.html">アドミニストレートチンポ</a></h4>
<h6 class="card-subtitle mb-4"><a class="text-muted" href="profile.html">@admin</a></h6>
<h6 class="font-weight-bold"><span class="oi oi-timer"></span> 現在のセッション</h6>
<p class="card-text mb-0">0日 10時間 20分経過</p>
<p class="card-text">(2017/10/01 00:00 にリセット)</p>
<h6 class="font-weight-bold"><span class="oi oi-graph"></span> 概況</h6>
<p class="card-text mb-0">平均記録: 2日 0時間 39分</p>
<p class="card-text mb-0">最長記録: 5日 17時間 13分</p>
<p class="card-text mb-0">最短記録: 0日 4時間 49分</p>
<p class="card-text mb-0">合計時間: 77日 0時間 50分</p>
<p class="card-text">通算回数: 39回</p>
</div>
</div>
</div>
<div class="col-lg-8">
<div class="card mb-4">
<div class="card-header">サイトからのお知らせ</div>
<div class="list-group list-group-flush">
<a href="#" class="list-group-item"><span class="badge badge-danger">重要</span> オープンβテスト 第2シーズンとしてサービス中</a>
<a href="#" class="list-group-item"><span class="badge badge-info">アップデート</span> ver.2017-[season] アップデートのお知らせ</a>
<a href="#" class="list-group-item"><span class="badge badge-danger">不具合情報</span> 存在が不具合であることについて</a>
<a href="#" class="list-group-item text-right">お知らせ一覧 »</a>
</div>
</div>
<div class="card mb-4">
<div class="card-header">ランキング</div>
<div class="card-body">
<p class="card-text">参加しているランキングはありません。自信のあるお題を探して、参加登録してみませんか？</p>
<p class="card-text">参加登録をすると、定期的に集計されてここにあなたの順位が表示されます。</p>
</div>
<div class="list-group list-group-flush">
<a href="#" class="list-group-item text-right">ランキング一覧 »</a>
</div>
</div>
<div class="card mb-4">
<div class="card-header">穴兄弟レーダー</div>
<div class="card-body">
<p class="card-text">
あなたがよく使うタグやオカズから、関連していそうなオカズリンクを探して表示しています。
</p>
</div>
<div class="list-group list-group-flush">
<a href="#" class="list-group-item list-group-item-action">
<h5 class="mb-2 text-success">#タグ</h5>
<p class="mb-1">薄い本のタイトル</p>
<small>https://www.toranoana.jp/mailorder/article/**/****/**/**/**********.html</small>
</a>
<a href="#" class="list-group-item list-group-item-action">
<h5 class="mb-2 text-success">#タグ</h5>
<p class="mb-1">イラストのタイトル</p>
<small>https://www.pixiv.net/member_illust.php?mode=medium&illust_id=********</small>
</a>
<a href="#" class="list-group-item text-right">もっと見る »</a>
</div>
</div>
</div>
</div>
</div>
<footer class="tis-footer mt-4">
<div class="container-fluid p-3 p-md-4">
<p>Copyright (c) 2017 shikorism.net</p>
<ul class="list-inline">
<li class="list-inline-item"><a href="https://github.com/shibafu528" class="text-dark">Admin(@shibafu528)</a></li>
<li class="list-inline-item"><a href="https://github.com/shikorism/tissue" class="text-dark">GitHub</a></li>
</ul>
</div>
</footer>
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"
integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js"
integrity="sha384-b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4"
crossorigin="anonymous"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>