-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
174 lines (152 loc) · 7.75 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
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
172
173
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" prefix="og: http://ogp.me/ns#">
<head>
<meta charset="UTF-8"/>
<title>html5jビギナーズ</title>
<meta http-equiv="X-UA-Compatible" content="IE=Edge, chrome=1"/>
<meta name="apple-mobile-web-app-capable" content="yes"/>
<meta name="apple-mobile-web-app-status-bar-style" content="black"/>
<meta name="format-detection" content="telephone=no"/>
<meta name="viewport" content="width=device-width, maximum-scale=1.0, minimum-scale=0.5,user-scalable=yes,initial-scale=1.0"/>
<link rel="shortcut icon" href="images/favicon.png"/>
<meta property="og:type" content="website"/>
<meta property="og:title" content="html5jビギナーズ"/>
<meta property="og:description" content="html5jのビギナー部Webサイトです。"/>
<meta property="og:url" content="http://begin.html5j.org/"/>
<meta property="og:image" content="images/icatch.png"/>
<meta property="og:site_name" content="html5jビギナーズ"/>
<meta property="og:locale" content="ja_JP"/>
<meta name="twitter:card" content="summary"/>
<link rel="stylesheet" type="text/css" href="css/style.css"/>
<!--[if lte IE 8]><script src="js/common/html5.js" type="text/javascript"></script><![endif]-->
</head>
<body>
<header id="globalHeader">
<div class="inner clear">
<h1 id="siteID"><span class="title">html5j beginners</span></h1>
<!-- <nav id="globalNav" class="clear">
<ul id="globalNavList">
<li class="nav-item"><a href="http://html5j-begin.blogspot.jp/" target="_blank"><i class="icon-pencil"></i> ブログ</a></li>
</ul>
</nav> -->
</div>
<div id="mainVisual">
<div class="inner clear">
<img id="mainVisualLogo" width="100%" src="images/logo.svg" />
<div id="mainVisualComment">
<h2 class="label">html5j ビギナーズとは？</h2>
<p class="text">HTML5をこれから学びたい<br>という方を対象にした勉強会を開催しています。</p>
<p class="button"><a href="mailing_list.html">メーリングリストについて</a></p>
</div>
</div>
</div>
<!-- ソーシャルボタンをここに追加する予定 -->
</header>
<ul id="socialButtons">
<li class="button-item"><div class="fb-like" data-href="http://begin.html5j.org/" data-width="The pixel width of the plugin" data-height="The pixel height of the plugin" data-colorscheme="light" data-layout="button_count" data-action="like" data-show-faces="false" data-send="false"></div></li>
<li class="button-item"><a href="http://b.hatena.ne.jp/entry/http://begin.html5j.org/" class="hatena-bookmark-button" data-hatena-bookmark-title="html5jビギナーズ" data-hatena-bookmark-layout="standard-balloon" data-hatena-bookmark-lang="ja" title="このエントリーをはてなブックマークに追加"><img src="http://b.st-hatena.com/images/entry-button/button-only@2x.png" alt="このエントリーをはてなブックマークに追加" width="20" height="20" style="border: none;" /></a></li>
<li class="button-item"><a href="https://twitter.com/share" class="twitter-share-button" data-lang="ja">ツイート</a></li>
</ul>
<div id="container" class="clear">
<div id="mainContents">
<section class="section">
<header id="meeting" class="section-header">
<h1 class="section-title"><i class="icon-calendar"></i> 勉強会の予定</h1>
</header>
<div class="section-contents">
<nav class="article-nav">
<ul class="article-link-list">
<li class="link-item"><a href="http://atnd.org/events/44530" target="_blank"><span class="date">2013年10月13日開催</span> <span class="title">第3回HTML5ビギナーズ！</span></a></li>
</ul>
</nav>
</div>
</section>
<section class="section">
<header id="meeting" class="section-header">
<h1 class="section-title"><i class="icon-file"></i> 勉強会レポート</h1>
</header>
<div class="section-contents">
<nav class="article-nav">
<ul class="article-link-list">
<li class="link-item"><a href="http://blog.html5j.org/2013/07/html5j2.html" target="_blank"><span class="date">2013年7月24日開催</span> <span class="title">html5jビギナー部の第2回目の勉強会が開催されました</span></a></li>
<li class="link-item"><a href="http://blog.html5j.org/2013/06/html5j.html" target="_blank"><span class="date">2013年6月21日開催</span> <span class="title">html5jビギナー部の第1回目の勉強会が開催されました</span></a></li>
</ul>
</nav>
</div>
</section>
</div>
<div id="subContents">
<section class="section">
<header id="blog" class="section-header">
<h1 class="section-title"><i class="icon-pencil"></i> ブログ</h1>
</header>
<div class="section-contents">
<nav class="article-nav">
<ul id="blogFeed" class="article-link-list">
</ul>
</nav>
</div>
</section>
<section class="section">
<header id="beginnersInfo" class="section-header">
<h1 class="section-title"><i class="icon-info-sign"></i> ビギナー部とは？</h1>
</header>
<div class="section-contents">
<div class="textContent">
<p>このHTML5ビギナーズは、名前の通り、これからHTML5を始める・始めたばかりの方々のための勉強会です。基本的に入門者向けの内容になりますが、HTML5を中心としたWeb技術全般について幅広く取り上げる予定です。目指せエキスパート！</p>
</div>
</div>
</section>
</div>
</div>
<footer id="globalFooter">
<div class="inner">
<nav id="footerNav">
<ul id="footerNavList" class="clear">
<li class="nav-item"><a href="https://www.facebook.com/beginhtml5" target="_blank"><i class="icon-facebook"></i> facebook</a></li>
<li class="nav-item"><a href="http://html5j.org/" target="_blank"><i class="icon-html5"></i> html5j</a></li>
<li class="nav-item"><a href="http://blog.html5j.org/" target="_blank"><i class="icon-pencil"></i> html5j スタッフブログ</a></li>
</ul>
</nav>
<p id="copyright"><small>© html5j ビギナー部</small></p>
</div>
</footer>
<div id="fb-root"></div>
<script src="//www.google.com/jsapi?key=AIzaSyCZ1F-Zo7_CbAZiaBw_j3UiLnSVpqpJ2Fc" type="text/javascript"></script>
<script type="text/javascript">
google.load("feeds", "1");
function feedLoaded(result) {
if (!result.error) {
var container = document.getElementById("blogFeed");
container.innerHTML = '';
for (var i = 0; i < result.feed.entries.length; i++) {
var entry = result.feed.entries[i];
var date = new Date(entry.publishedDate);
var yy = date.getYear().toString();
yy = yy.substr(1);
var mm = date.getMonth() + 1;
if (mm < 10) {mm = "0" + mm;}
var dd = date.getDate();
if (dd < 10) {dd = "0" + dd;}
var yymmdd = yy + "年" + mm + "月" + dd + "日";
container.innerHTML += "<li class='link-item'><a href='" + entry.link + "' target='_blank'><span class='date'>" + yymmdd + "</span><span class='title'>" + entry.title + "</span></a></li>\n";
}
}
}
function OnLoad() {
var feed = new google.feeds.Feed("http://html5j-begin.blogspot.jp/feeds/posts/default");
feed.load(feedLoaded);
}
google.setOnLoadCallback(OnLoad);
</script>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/ja_JP/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<script type="text/javascript" src="http://b.st-hatena.com/js/bookmark_button.js" charset="utf-8" async="async"></script>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
</body>
</html>