Skip to content

Commit 5a3ad89

Browse files
yasulabyasulab
committed
Refactor: dojocon.coderdojo.jp で再利用するために抽象化した
1 parent a316e55 commit 5a3ad89

File tree

6 files changed

+61
-60
lines changed

6 files changed

+61
-60
lines changed

‎README.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -71,7 +71,7 @@
7171
- 利用規約: [https://design-plus1.com/tcd-w/license_standard](https://design-plus1.com/tcd-w/license_standard)
7272
- 購入記録: [coderdojo-japan/decadojo/img/orion_purchase_license.png](https://github.com/coderdojo-japan/decadojo/blob/main/img/orion_purchase_license.png)
7373

74-
各サムネイル画像は、各 DecaDojo の運営チームまたは運営メンバーの著作物となります。
74+
各サムネイル画像は、それぞれの実行委員会の著作物となります。
7575

7676
-----
7777

‎_config.yml

+9-5
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,14 @@
1-
title: 'DecaDojo - でかドージョー | プログラミングであそぼう！'
2-
description: >-
3-
『でかドージョー』は近隣の CoderDojo が集まってプログラミングを楽しむお祭りです。
1+
title: DecaDojo - でかドージョー
2+
title_long: DecaDojo - でかドージョー | プログラミングであそぼう！
3+
description: DecaDojo (でかドージョー) は近隣の CoderDojo が集まってプログラミングを楽しむお祭りです。
44
url: 'https://decadojo.coderdojo.jp'
55
baseurl: '/' # the subpath of your site, e.g. /blog
6-
twitter_username: CoderDojoJapan
7-
github_username: coderdojo-japan
6+
link_to_twitter: https://twitter.com/search?q=DecaDojo+OR+でかドージョー
7+
link_to_youtube: https://youtube.com/results?search_query=でかドージョー
8+
link_to_facebook: https://facebook.com/DecaDojo
9+
link_to_github: https://github.com/coderdojo-japan/decadojo
10+
copyright: >-
11+
DecaDojo & CoderDojo Japan
812
913
# Build settings
1014
plugins:

‎img/ogp-decadojo.jpg renamed to ‎img/cover.jpg

File renamed without changes.

‎img/decadojo-logo.png renamed to ‎img/logo.png

File renamed without changes.

‎index.html

+51-53
Original file line numberDiff line numberDiff line change
@@ -9,25 +9,22 @@
99
<meta charset="UTF-8">
1010
<!--[if IE]><meta http-equiv="X-UA-Compatible" content="IE=edge"><![endif]-->
1111
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0">
12-
<title>DecaDojo - でかドージョー | プログラミングであそぼう！</title>
13-
<meta name="description" content="『でかドージョー』は近隣の CoderDojo が集まってプログラミングを楽しむお祭りです。">
14-
<meta property="og:type" content="article" />
15-
<meta property="og:url" content="https://decadojo.coderdojo.jp/">
16-
<meta property="og:title" content="DecaDojo - でかドージョー" />
17-
<meta property="og:description" content="『でかドージョー』は近隣の CoderDojo が集まってプログラミングを楽しむお祭りです。" />
18-
<meta property="og:site_name" content="DecaDojo - でかドージョー" />
19-
<meta property="og:image" content='https://decadojo.coderdojo.jp/img/ogp-decadojo.jpg'>
20-
<meta property="og:image:secure_url" content='https://decadojo.coderdojo.jp/img/ogp-decadojo.jpg'>
21-
<meta property="og:image:width" content="1200" />
22-
<meta property="og:image:height" content="630" />
23-
<!--<meta property="fb:admins" content="359616091164140" />-->
12+
13+
<title>{{ site.title_long }}</title>
14+
<meta name="description" content="{{ site.description }}">
15+
<meta property="og:type" content="website" />
16+
<meta property="og:site_name" content="{{ site.title }}" />
17+
<meta property="og:title" content="{{ site.title }}" />
18+
<meta property="og:description" content="{{ site.description }}" />
19+
<meta property="og:url" content="{{ site.url }}">
20+
<meta property="og:image" content="{{ site.url }}/img/cover.jpg">
2421
<meta property="fb:admins" content="715330868" />
2522
<meta property="fb:app_id" content="805184859580207" />
2623

27-
<link rel='stylesheet' id='style-css' href='/style.css' type='text/css' media='all' />
28-
<link rel='canonical' href='https://decadojo.coderdojo.jp/' />
29-
<link rel='shortlink' href='https://decadojo.coderdojo.jp/' />
30-
<link rel='stylesheet' href='/responsive.css' media='screen and (max-width:1260px)'>
24+
<link rel='stylesheet' href='/style.css' media='all' type='text/css' id='style-css' />
25+
<link rel='stylesheet' href='/responsive.css' media='screen and (max-width:1260px)'>
26+
<link rel='canonical' href='{{ site.url }}' />
27+
<link rel='shortlink' href='{{ site.url }}' />
3128

3229
<script type='text/javascript' src='/js/jquery.js'></script>
3330
<script type='text/javascript' src='/js/jquery-migrate.min.js'></script>
@@ -36,30 +33,29 @@
3633
<script src="https://kit.fontawesome.com/82f32b9df5.js" crossorigin="anonymous"></script>
3734

3835
<style type="text/css">
39-
body, input, textarea { font-family: Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; }
40-
.rich_font { font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif; font-weight:400; }
41-
42-
body { font-size: 15px; }
43-
44-
.pc #header .logo { font-size:21px; }
45-
.mobile #header .logo { font-size:18px; }
46-
#header_logo_index .logo { font-size:40px; }
47-
#footer_logo_index .logo { font-size:40px; }
48-
#header_logo_index .desc { font-size:12px; }
49-
#footer_logo .desc { font-size:12px; }
50-
.pc #index_content1 .index_content_header .headline { font-size:40px; }
51-
.pc #index_content1 .index_content_header .desc { font-size:15px; }
52-
.pc #index_content2 .index_content_header .headline { font-size:40px; }
53-
.pc #index_content2 .index_content_header .desc { font-size:15px; }
54-
.pc #index_dis .index_content_header .headline { font-size:40px; }
55-
.pc #index_dis .index_content_header .desc { font-size:15px; }
56-
.pc #index_dis .index_content_header3 .headline { font-size:40px; }
57-
.pc #index_dis .index_content_header3 .desc { font-size:15px; }
58-
59-
.post_content a{ color:#2D8696; }
60-
a:hover, .pc #global_menu > ul > li.active > a, .pc #global_menu li.current-menu-item > a, .pc #global_menu > ul > li > a:hover, #header_logo .logo a:hover, #bread_crumb li.home a:hover:before, #bread_crumb li a:hover { color:#2D8696; }
61-
62-
#header_slider .link, #header_video .overlay, #header_youtube .overlay { background:rgba(0,0,0,0.1) url(/img/dot2.png); }
36+
body { font-size: 15px; }
37+
body, input, textarea { font-family: Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; }
38+
.rich_font { font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif; font-weight:400; }
39+
40+
.pc #header .logo { font-size:21px; }
41+
.mobile #header .logo { font-size:18px; }
42+
#header_logo_index .logo { font-size:40px; }
43+
#footer_logo_index .logo { font-size:40px; }
44+
#header_logo_index .desc { font-size:12px; }
45+
#footer_logo .desc { font-size:12px; }
46+
.pc #index_content1 .index_content_header .headline { font-size:40px; }
47+
.pc #index_content1 .index_content_header .desc { font-size:15px; }
48+
.pc #index_content2 .index_content_header .headline { font-size:40px; }
49+
.pc #index_content2 .index_content_header .desc { font-size:15px; }
50+
.pc #index_dis .index_content_header .headline { font-size:40px; }
51+
.pc #index_dis .index_content_header .desc { font-size:15px; }
52+
.pc #index_dis .index_content_header3 .headline { font-size:40px; }
53+
.pc #index_dis .index_content_header3 .desc { font-size:15px; }
54+
55+
.post_content a{ color:#2D8696; }
56+
a:hover, .pc #global_menu > ul > li.active > a, .pc #global_menu li.current-menu-item > a, .pc #global_menu > ul > li > a:hover, #header_logo .logo a:hover, #bread_crumb li.home a:hover:before, #bread_crumb li a:hover { color:#2D8696; }
57+
58+
#header_slider .link, #header_video .overlay, #header_youtube .overlay { background:rgba(0,0,0,0.1) url(/img/dot2.png); }
6359
</style>
6460

6561
<link rel="stylesheet" href="/js/slick.css">
@@ -109,7 +105,6 @@
109105
jQuery(document).ready(function($) {
110106

111107
$("a").bind("focus",function(){if(this.blur)this.blur();});
112-
$("a.target_blank").attr("target","_blank");
113108

114109
$('#return_top a, #header_logo_index a').click(function() {
115110
var myHref= $(this).attr("href");
@@ -130,7 +125,7 @@
130125
<link rel="icon" type="image/png" sizes="192x192" href="/img/favicon-192x192.png">
131126
<link rel="apple-touch-icon" sizes="180x180" href="/img/apple-touch-icon.png">
132127
<link rel="mask-icon" color="#e2a03a" href="/img/safari-pinned-tab.svg">
133-
<link rel="manifest" href="/site.webmanifest">
128+
<link rel="manifest" href="/site.webmanifest">
134129
<meta name="msapplication-TileColor" content="#ffc40d">
135130
<meta name="theme-color" content="#ffffff">
136131
</head>
@@ -140,7 +135,7 @@
140135
<!--<div id="header"></div>-->
141136
<div id="header_logo_index">
142137
<div class="logo_area">
143-
<p class="logo"><img src="/img/decadojo-logo.png" alt="DecaDojo - でかドージョー" title="DecaDojo - でかドージョー" /></p>
138+
<p class="logo"><img src="/img/logo.png" alt="{{ site.title }}" title="{{ site.title }}" width="300px" /></p>
144139
</div>
145140
<a href="#index_content1" class="link"><span>Start content</span></a>
146141
</div>
@@ -157,13 +152,14 @@
157152
<div id="header_logo">
158153
<div id="logo_image">
159154
<h1 class="logo">
160-
<a href="/" title="DecaDojo - でかドージョー" data-label=""><img src="/img/decadojo-logo.png" alt="DecaDojo - でかドージョー" title="DecaDojo - でかドージョー" /></a>
155+
<a href="/" title="{{ site.title }}">
156+
<img src="/img/logo.png" alt="{{ site.title }}" title="{{ site.title }}" width="300px" />
157+
</a>
161158
</h1>
162159
</div>
163160
</div>
164161
</div>
165162
</div>
166-
167163
</div><!-- END #top -->
168164

169165
<div id="main_contents" class="clearfix">
@@ -230,12 +226,12 @@ <h4 class="headline rich_font">in {{ event.title }}</h4>
230226
<div class="index_content_header3" style='text-align:center; margin-bottom: 60px;'>
231227
<h3 class="headline">
232228
<div class="desc" style='text-align:center; font-size: 20px;'>
233-
<a href='https://www.youtube.com/results?search_query=%E3%81%A7%E3%81%8B%E3%83%89%E3%83%BC%E3%82%B8%E3%83%A7%E3%83%BC' class='link' style='font-size: 19px;'>
229+
<a href='{{ site.link_to_youtube }}' class='link' style='font-size: 19px;'>
234230
<i class='fa-brands fa-youtube'></i>
235231
YouTube の関連動画を見る
236232
</a>
237233
<br>
238-
<a href='https://twitter.com/search?q=DecaDojo+OR+%E3%81%A7%E3%81%8B%E3%83%89%E3%83%BC%E3%82%B8%E3%83%A7%E3%83%BC' class='link'>
234+
<a href='{{ site.link_to_twitter }}' class='link'>
239235
<i class='fa-brands fa-twitter'></i>
240236
Twitter の関連投稿を見る
241237
</a>
@@ -273,7 +269,9 @@ <h3 class="headline rich_font">DecaDojo のルール</h3>
273269
<!-- footer logo -->
274270
<div id="footer_logo">
275271
<div class="logo_area">
276-
<p class="logo"><a href="/" title="DecaDojo - でかドージョー"><img src="/img/decadojo-logo.png" alt="DecaDojo - でかドージョー" title="DecaDojo - でかドージョー" /></a></p>
272+
<p class="logo"><a href="/" title="{{ site.title }}">
273+
<img src="/img/logo.png" alt="{{ site.title }}" title="{{ site.title }}" width="300px" />
274+
</a></p>
277275
</div>
278276
</div>
279277

@@ -287,20 +285,20 @@ <h3 class="headline rich_font">DecaDojo のルール</h3>
287285
<!-- footer logo -->
288286
<!-- social button -->
289287
<ul class="clearfix" id="footer_social_link">
290-
<li class="facebook"><a class="target_blank" href="https://www.facebook.com/DecaDojo/" rel="noopener">Facebook</a></li>
291-
<li class="twitter"><a class="target_blank" href="https://twitter.com/search?q=DecaDojo+OR+%E3%81%A7%E3%81%8B%E3%83%89%E3%83%BC%E3%82%B8%E3%83%A7%E3%83%BC" rel="noopener">Twitter</a></li>
292-
<li class="github"><a class="target_blank" href="https://github.com/coderdojo-japan/decadojo" rel="noopener">GitHub</a></li>
288+
<li class="facebook"><a href="{{ site.link_to_facebook }}">Facebook</a></li>
289+
<li class="twitter"><a href="{{ site.link_to_twitter }}">Twitter</a></li>
290+
<li class="github"><a href="{{ site.link_to_github }}">GitHub</a></li>
293291
</ul>
294292

295293
<!-- footer bottom menu -->
296294
<p style='color: grey; margin-top: 20px; font-size: 9px; text-align: center;'>
297-
各サムネイル画像は、それぞれの運営チームまたは運営メンバーの著作物となります。
295+
各サムネイル画像は、それぞれの実行委員会の著作物となります。
298296
</p>
299297
</div><!-- END #footer_bottom_inner -->
300298
</div><!-- END #footer_bottom -->
301299

302300
<p id="copyright">
303-
Copyright &copy; <a href="/">DecaDojo</a> & <a href="https://coderdojo.jp/">CoderDojo Japan</a>
301+
Copyright &copy; DecaDojo & <a href="https://coderdojo.jp/">CoderDojo Japan</a>
304302
</p>
305303
</div><!-- /footer_wrapper -->
306304

‎js/jscript_no_responsive.js

-1
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,6 @@
11
jQuery(document).ready(function($){
22

33
$("a").bind("focus",function(){if(this.blur)this.blur();});
4-
$("a.target_blank").attr("target","_blank");
54

65
$('#return_top a, #header_logo_index a').click(function() {
76
var myHref= $(this).attr("href");

0 commit comments

Comments
 (0)