-
Notifications
You must be signed in to change notification settings - Fork 12
/
Copy pathindex.html
141 lines (128 loc) · 8.12 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
140
141
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>seccamp.jp</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB" crossorigin="anonymous">
<link rel="stylesheet" href="css/seccamp.css">
<link href="https://fonts.googleapis.com/css?family=Source+Code+Pro:300,400" rel="stylesheet">
</head>
<body>
<nav class="navbar fixed-top navbar-expand-lg navbar-dark bg-info">
<a class="navbar-brand" href="#">seccamp.jp</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item">
<a class="nav-link" href="/">ホーム</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
まとめ
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="#central2024">全国大会2024</a>
<a class="dropdown-item" href="#next2024">ネクスト2024</a>
<a class="dropdown-item" href="#next2023">ネクスト2023</a>
<a class="dropdown-item" href="#central2021">全国大会2021</a>
<a class="dropdown-item" href="#next2021">ネクスト2021</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#central2020">全国大会2020</a>
<a class="dropdown-item" href="#central2019">全国大会2019</a>
<a class="dropdown-item" href="#central2018">全国大会2018</a>
<a class="dropdown-item" href="#central2017">全国大会2017</a>
<a class="dropdown-item" href="#central2016">全国大会2016</a>
</div>
</li>
</ul>
</div>
</nav>
<div class="container">
<div class="row">
<div class="col-12">
<div class="card">
<div class="card-body">
<h5>seccamp.jpへようこそ！</h5>
<p>このページは、セキュリティ・キャンプについての情報を<b class="text-danger">非公式に</b>まとめたものです。</p>
<p>公式ページは以下のリンクから参照できます。</p>
<a href="https://www.ipa.go.jp/jinzai/camp/2022/zenkoku2022_index.html" class="btn btn-outline-primary">セキュリティ・キャンプ全国大会2022 オンライン</a>
<a href="https://www.ipa.go.jp/jinzai/camp/2022/next2022_index.html" class="btn btn-outline-primary">セキュリティ・ネクストキャンプ2022 オンライン</a>
<a href="https://www.security-camp.or.jp/" class="btn btn-outline-primary">セキュリティ・キャンプ協議会</a>
</div>
</div>
</div>
</div>
<h1 id="central2024">全国大会2024</h1>
<h2>Web上で公開されている応募用紙リスト</h2>
<div class="list-group" id="application2024"></div>
<h1 id="next2024">ネクスト2024</h1>
<h2>Web上で公開されている応募用紙リスト</h2>
<div class="list-group" id="application2024next"></div>
<h1 id="next2023">ネクスト2023</h1>
<h2>Web上で公開されている応募用紙リスト</h2>
<div class="list-group" id="application2023next"></div>
<h1 id="central2021">全国大会2021</h1>
<h2>Web上で公開されている応募用紙リスト</h2>
<div class="list-group" id="application2021"></div>
<h1 id="next2021">ネクスト2021</h1>
<h2>Web上で公開されている応募用紙リスト</h2>
<div class="list-group" id="application2021next"></div>
<h1 id="central2020">全国大会2020</h1>
<h2>Web上で公開されている応募用紙リスト</h2>
<div class="list-group" id="application2020"></div>
<h1 id="central2019">全国大会2019</h1>
<h2>Web上で公開されている応募用紙リスト</h2>
<div class="list-group" id="application2019"></div>
<h1 id="central2018">全国大会2018</h1>
<h2>Web上で公開されている応募用紙リスト</h2>
<div class="list-group" id="application2018"></div>
<h1 id="central2017">全国大会2017</h1>
<h2>Web上で公開されている応募用紙リスト</h2>
<div class="list-group" id="application2017"></div>
<h1 id="central2016">全国大会2016</h1>
<h2>Web上で公開されている応募用紙リスト</h2>
<div class="list-group" id="application2016"></div>
</div>
<nav class="navbar navbar-light bg-light" style="margin-top: 128px;">
<a href="https://github.com/seccamp/seccamp.jp" class="btn btn-outline-primary">Contribute to this site on GitHub</a>
</nav>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js" integrity="sha384-smHYKdLADwkXOn1EmN1qk/HfnUcbVRZyYmZ4qpPea6sjB/pTJ0euyQp0Mk8ck+5T" crossorigin="anonymous"></script>
<script>
function generateApplicationList(year, kind = ''){
$.getJSON(`data/${year}/${kind}application.json` , function(data) {
var ulObj = $(`#application${year}${kind}`);
for(var i = 0; i < data.length; i++) {
var d = data[i];
var info_line = $("<small>").text("by " + d.author);
if(d.twitter !== undefined && d.twitter.length > 0){
info_line.append($("<a>", {href: "https://twitter.com/" + d.twitter, "class": "badge badge-pill badge-light"}).text("@" + d.twitter));
}
ulObj.append(
$("<a>", {href: d.url, "class": "list-group-item list-group-item-action flex-column align-items-start"})
.append($("<div>", {"class": "d-flex w-100 justify-content-between"})
.append($("<h5>", {"class": "mb-1"}).text(d.title))
.append($("<small>").text(d.date)))
.append(info_line));
}
});
}
$(function() {
generateApplicationList(2024);
generateApplicationList(2024, 'next');
generateApplicationList(2023, 'next');
generateApplicationList(2021);
generateApplicationList(2021, 'next');
generateApplicationList(2020);
generateApplicationList(2019);
generateApplicationList(2018);
generateApplicationList(2017);
generateApplicationList(2016);
});
</script>
</body>
</html>