Skip to content

Commit 098ad88

Browse files
jabelicjabelic
committed
fix:make header scrollable/favicon
1 parent 89058b1 commit 098ad88

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

56 files changed

+80
-6
lines changed

Diff for: ‎assets/android-chrome-128x128.png

1.11 KB

Diff for: ‎assets/android-chrome-144x144.png

2.51 KB

Diff for: ‎assets/android-chrome-152x152.png

3.09 KB

Diff for: ‎assets/android-chrome-192x192.png

2.71 KB

Diff for: ‎assets/android-chrome-256x256.png

1.84 KB

Diff for: ‎assets/android-chrome-36x36.png

661 Bytes

Diff for: ‎assets/android-chrome-384x384.png

5.2 KB

Diff for: ‎assets/android-chrome-48x48.png

866 Bytes

Diff for: ‎assets/android-chrome-512x512.png

3.35 KB

Diff for: ‎assets/android-chrome-72x72.png

1.22 KB

Diff for: ‎assets/android-chrome-96x96.png

1.39 KB

Diff for: ‎assets/apple-touch-icon-114x114-precomposed.png

2.07 KB

Diff for: ‎assets/apple-touch-icon-114x114.png

2.07 KB

Diff for: ‎assets/apple-touch-icon-120x120-precomposed.png

2.14 KB

Diff for: ‎assets/apple-touch-icon-120x120.png

2.14 KB

Diff for: ‎assets/apple-touch-icon-144x144-precomposed.png

2.51 KB

Diff for: ‎assets/apple-touch-icon-144x144.png

2.51 KB

Diff for: ‎assets/apple-touch-icon-152x152-precomposed.png

3.09 KB

Diff for: ‎assets/apple-touch-icon-152x152.png

3.09 KB

Diff for: ‎assets/apple-touch-icon-180x180-precomposed.png

4.02 KB

Diff for: ‎assets/apple-touch-icon-180x180.png

4.02 KB

Diff for: ‎assets/apple-touch-icon-57x57-precomposed.png

1.01 KB

Diff for: ‎assets/apple-touch-icon-57x57.png

1.01 KB

Diff for: ‎assets/apple-touch-icon-60x60-precomposed.png

1 KB

Diff for: ‎assets/apple-touch-icon-60x60.png

1 KB

Diff for: ‎assets/apple-touch-icon-72x72-precomposed.png

1.22 KB

Diff for: ‎assets/apple-touch-icon-72x72.png

1.22 KB

Diff for: ‎assets/apple-touch-icon-76x76-precomposed.png

1.34 KB

Diff for: ‎assets/apple-touch-icon-76x76.png

1.34 KB

Diff for: ‎assets/apple-touch-icon-precomposed.png

4.02 KB

Diff for: ‎assets/apple-touch-icon.png

4.02 KB

Diff for: ‎assets/favicon.ico

17.1 KB
Binary file not shown.

Diff for: ‎assets/icon-128x128.png

1.11 KB

Diff for: ‎assets/icon-144x144.png

2.51 KB

Diff for: ‎assets/icon-152x152.png

3.09 KB

Diff for: ‎assets/icon-160x160.png

2.29 KB

Diff for: ‎assets/icon-16x16.png

298 Bytes

Diff for: ‎assets/icon-192x192.png

2.71 KB

Diff for: ‎assets/icon-196x196.png

4.88 KB

Diff for: ‎assets/icon-24x24.png

486 Bytes

Diff for: ‎assets/icon-256x256.png

1.84 KB

Diff for: ‎assets/icon-32x32.png

501 Bytes

Diff for: ‎assets/icon-36x36.png

661 Bytes

Diff for: ‎assets/icon-384x384.png

5.2 KB

Diff for: ‎assets/icon-48x48.png

866 Bytes

Diff for: ‎assets/icon-512x512.png

3.35 KB

Diff for: ‎assets/icon-72x72.png

1.22 KB

Diff for: ‎assets/icon-96x96.png

1.39 KB

Diff for: ‎assets/manifest.json

+68
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,68 @@
1+
{
2+
"name": "",
3+
"short_name": "",
4+
"description": "",
5+
"start_url": "/",
6+
"display": "standalone",
7+
"orientation": "any",
8+
"background_color": "#fff",
9+
"theme_color": "#fff",
10+
"orientation": "any",
11+
"icons": [
12+
{
13+
"src": "/android-chrome-36x36.png",
14+
"sizes": "36x36",
15+
"type": "image/png"
16+
},
17+
{
18+
"src": "/android-chrome-48x48.png",
19+
"sizes": "48x48",
20+
"type": "image/png"
21+
},
22+
{
23+
"src": "/android-chrome-72x72.png",
24+
"sizes": "72x72",
25+
"type": "image/png"
26+
},
27+
{
28+
"src": "/android-chrome-96x96.png",
29+
"sizes": "96x96",
30+
"type": "image/png"
31+
},
32+
{
33+
"src": "/android-chrome-128x128.png",
34+
"sizes": "128x128",
35+
"type": "image/png"
36+
},
37+
{
38+
"src": "/android-chrome-144x144.png",
39+
"sizes": "144x144",
40+
"type": "image/png"
41+
},
42+
{
43+
"src": "/android-chrome-152x152.png",
44+
"sizes": "152x152",
45+
"type": "image/png"
46+
},
47+
{
48+
"src": "/android-chrome-192x192.png",
49+
"sizes": "192x192",
50+
"type": "image/png"
51+
},
52+
{
53+
"src": "/android-chrome-256x256.png",
54+
"sizes": "256x256",
55+
"type": "image/png"
56+
},
57+
{
58+
"src": "/android-chrome-384x384.png",
59+
"sizes": "384x384",
60+
"type": "image/png"
61+
},
62+
{
63+
"src": "/android-chrome-512x512.png",
64+
"sizes": "512x512",
65+
"type": "image/png"
66+
}
67+
]
68+
}

Diff for: ‎assets/site-tile-150x150.png

3.02 KB

Diff for: ‎assets/site-tile-310x150.png

3.49 KB

Diff for: ‎assets/site-tile-310x310.png

10 KB

Diff for: ‎assets/site-tile-70x70.png

1.28 KB

Diff for: ‎index.html

+4-2
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,6 @@
1-
<!DOCTYPE html><html><head><meta charset="utf-8"/><title>NCC : Nakano Computer Club</title><link rel="canonical" href="https://meiji-ncc.tech/"/><meta property="og:title" content="NCC : Nakano Computer Club"/><meta property="og:type" content="website"/><meta property="og:url" content="https://meiji-ncc.tech/"/><meta property="og:description" content="中野を中心に活動するコンピューティングサークル Nakano Computer Club (NCC) のWebサイトです。"/><meta property="og:author" content="Nakano Computer Club"/><meta name="viewport" content="width=device-width,initial-scale=1"/><link rel="stylesheet" href="./style.css"></head><body><nav class="m0 px1 sm-px3 flex flex-wrap justify-end"><p class="mx1 py1 nav-link"><a href="https://twitter.com/meiji_ncc">Twitter</a><span class="nav-link-bottom"></span></p><p class="mx1 py1 nav-link"><a href="http://ncc.hateblo.jp/">Blog</a><span class="nav-link-bottom"></span></p></nav><header class="py2 flex flex-wrap items-center"><div class="md-flex flex-wrap items-center header-wrap"><div class="col-10 md-col-8 right-align mx-auto"><h1 class="m0">Nakano<br class="md-hide lg-hide"> Computer Club</h1><p class="h3 mt1 mb1">NCC</p></div><div class="col-10 md-col-4 mx-auto"><p class="mx2 xs-hide sm-hide"><img src="http://kauntah.herokuapp.com/counter?offset=0" height="100"></p><p class="mx2 md-hide lg-hide center"><img src="http://kauntah.herokuapp.com/counter?offset=0" height="100"></p></div></div></header><main class="py2 p0 md-p3 lg-p3 md-flex flex-wrap justify-between"><section class="col-10 mx-auto md-m0 lg-m0"><h2><span class="nowrap">コンピュータで</span> <wbr><span class="nowrap">なんかしてる人が</span> <wbr><span class="nowrap">自然と集まるサークル</span></h2></section><section class="col-10 md-col-6 mx-auto md-m0 lg-m0"><h2>NCCとは？</h2><div class="px1 md-mr3 lg-mr3"><p class="m0 p0">NCC とは Nakano Computer Club の略で、中野を中心に活動する明治大学のサークルです。
1+
<!DOCTYPE html><html><head><meta charset="utf-8"/><title>NCC : Nakano Computer Club</title><link rel="canonical" href="https://meiji-ncc.tech/"/><meta property="og:title" content="NCC : Nakano Computer Club"/><meta property="og:type" content="website"/><meta property="og:url" content="https://meiji-ncc.tech/"/><meta property="og:description" content="中野を中心に活動するコンピューティングサークル Nakano Computer Club (NCC) のWebサイトです。"/><meta property="og:author" content="Nakano Computer Club"/><meta name="viewport" content="width=device-width,initial-scale=1"/><link rel="icon" href="./assets/favicon.ico"/><link rel="stylesheet" href="./style.css"></head><body><nav class="m0 px1 sm-px3 flex flex-wrap justify-end"><p class="mx1 py1 nav-link"><a href="https://twitter.com/meiji_ncc">Twitter</a><span class="nav-link-bottom"></span></p><p class="mx1 py1 nav-link"><a href="http://ncc.hateblo.jp/">Blog</a><span class="nav-link-bottom"></span></p></nav><header class="py2 flex flex-wrap items-center"><div class="md-flex flex-wrap items-center header-wrap overflow-scroll"><div class="col-10 md-col-8 right-align mx-auto"><h1 class="m0">Nakano<br class="md-hide lg-hide"> Computer Club</h1><p class="h3 mt1 mb1">NCC</p></div><div class="col-10 md-col-4 mx-auto"><p class="mx2 xs-hide sm-hide"><img src="http://kauntah.herokuapp.com/counter?offset=0" height="100"></p><p class="mx2 md-hide lg-hide center"><img src="http://kauntah.herokuapp.com/counter?offset=0" height="100"></p></div></div></header><main class="py2 p0 md-p3 lg-p3 md-flex flex-wrap justify-between"><section class="col-10 mx-auto md-m0 lg-m0"><h2><span class="nowrap">コンピュータで</span> <wbr><span class="nowrap">なんかしてる人が</span> <wbr><span class="nowrap">自然と集まるサークル</span></h2></section><section class="col-10 md-col-6 mx-auto md-m0 lg-m0"><h2>NCCとは？</h2><div class="px1 md-mr3 lg-mr3"><p class="m0 p0">NCC とは Nakano Computer Club の略で、中野を中心に活動する明治大学のサークルです。
22
2015年に設立されました。</p><p class="m0 p0">このサークルは何かを作ることが目的ではありません。
33
作るまでの道のりを支えてあげるサークルです。</p><p class="m0 p0">何かを始めたい時や躓いてしまった時、
4-
すぐに詳しい人に出会える場を目指しています。</p></div><div class="px1 pt2 md-mr3 lg-mr3"><p class="m0 p0">サークルが個人に対して活動を強いることはありません。</p><p class="m0 p0">基本的な活動はオンライン上のチャット (Slack) がメインです。</p><p class="m0 p0">他にも、LT大会や合宿などのイベントも数ヶ月に1度行われています。</p></div></section><section class="col-10 md-col-6 mx-auto md-m0 lg-m0"><h2>NCCの主な行事</h2><h3>定期的なイベント</h3><ul class="px0 ml3"><li>パソコン教室(いわゆる例会/隔週)</li><ul><li>前半は業務連絡や小さな発表など</li><li>後半で外部参加可能な講習会も行います。</li></ul><li>もくもく会(パソコン教室の無い日に開催)</li><ul><li>みんなで集まってもくもくと作業します。</li></ul></ul><h3>おおきめなイベント</h3><ul class="px0 ml3"><li>新入生歓迎会（4月ごろ）</li><li>夏合宿（8月ごろ）・春合宿（3月ごろ）</li><li>過去には コミックマーケット出展（8月・12月）</li><ul><li>NCC 発 技術系サークル O'CREILLY （<a href="http://ocreilly.meiji-ncc.tech">参考</a>）</li></ul></ul></section><section class="col-10 md-col-6 mx-auto md-m0 lg-m0"><h2>NCCに参加する</h2><div class="px1 md-mr3 lg-mr3"><p class="m0 p0">NCCに興味がありますか？</p><p class="m0 p0">Twitter もしくはメールで連絡してください。</p><p class="m0 p0">メール: info [at] meiji-ncc.tech</p><p class="m0 p0"><a href="https://twitter.com/intent/tweet?text=%40meiji_ncc%20NCC%E3%81%AB%E8%88%88%E5%91%B3%E3%81%8C%E3%81%82%E3%82%8B%E3%81%AE%E3%81%A7%E6%A1%88%E5%86%85%E3%82%92%E3%81%8F%E3%81%A0%E3%81%95%E3%81%84!%20[%E3%81%93%E3%81%93%E3%81%AB%E3%81%82%E3%81%AA%E3%81%9F%E3%81%AE%E3%81%99%E3%81%A6%E3%81%8D%E3%81%AA%E3%82%B3%E3%83%A1%E3%83%B3%E3%83%88]">> Twitterで連絡する</a></p></div></section></main><footer class="mx2 py2">// presented by Nakano Computer Club</footer><script src="bundle.js" charset="utf-8"></script></body></html>
4+
すぐに詳しい人に出会える場を目指しています。</p></div><div class="px1 pt2 md-mr3 lg-mr3"><p class="m0 p0">サークルが個人に対して活動を強いることはありません。</p><p class="m0 p0">
5+
基本的な活動はオンライン上のチャット (Slack) がメインです。</p><p class="m0 p0">
6+
他にも、LT大会や合宿などのイベントも数ヶ月に1度行われています。</p></div></section><section class="col-10 md-col-6 mx-auto md-m0 lg-m0"><h2>NCCの主な行事</h2><h3>定期的なイベント</h3><ul class="px0 ml3"><li>パソコン教室(いわゆる例会/隔週)</li><ul><li>前半は業務連絡や小さな発表など</li><li>後半で外部参加可能な講習会も行います。</li></ul><li>もくもく会(パソコン教室の無い日に開催)</li><ul><li>みんなで集まってもくもくと作業します。</li></ul></ul><h3>おおきめなイベント</h3><ul class="px0 ml3"><li>新入生歓迎会（4月ごろ）</li><li>夏合宿（8月ごろ）・春合宿（3月ごろ）</li><li>過去には コミックマーケット出展（8月・12月）</li><ul><li>NCC 発 技術系サークル O'CREILLY （<a href="http://ocreilly.meiji-ncc.tech">参考</a>）</li></ul></ul></section><section class="col-10 md-col-6 mx-auto md-m0 lg-m0"><h2>NCCに参加する</h2><div class="px1 md-mr3 lg-mr3"><p class="m0 p0">NCCに興味がありますか？</p><p class="m0 p0">Twitter もしくはメールで連絡してください。</p><p class="m0 p0">メール: info [at] meiji-ncc.tech</p><p class="m0 p0"><a href="https://twitter.com/intent/tweet?text=%40meiji_ncc%20NCC%E3%81%AB%E8%88%88%E5%91%B3%E3%81%8C%E3%81%82%E3%82%8B%E3%81%AE%E3%81%A7%E6%A1%88%E5%86%85%E3%82%92%E3%81%8F%E3%81%A0%E3%81%95%E3%81%84!%20[%E3%81%93%E3%81%93%E3%81%AB%E3%81%82%E3%81%AA%E3%81%9F%E3%81%AE%E3%81%99%E3%81%A6%E3%81%8D%E3%81%AA%E3%82%B3%E3%83%A1%E3%83%B3%E3%83%88]">> Twitterで連絡する</a></p></div></section></main><footer class="mx2 py2">// presented by Nakano Computer Club</footer><script src="bundle.js" charset="utf-8"></script></body></html>

Diff for: ‎src/_head.jade

+1
Original file line numberDiff line numberDiff line change
@@ -10,4 +10,5 @@ mixin head(prop)
1010
content="#{prop.description}")
1111
meta(property="og:author", content="#{prop.author}")
1212
meta(name="viewport", content="width=device-width,initial-scale=1")
13+
link(rel="icon", href="#{prop.favicon}")
1314
block

Diff for: ‎src/index.jade

+7-4
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,8 @@ html
77
title: "NCC : Nakano Computer Club",
88
url: "https://meiji-ncc.tech/",
99
description: "中野を中心に活動するコンピューティングサークル Nakano Computer Club (NCC) のWebサイトです。",
10-
author: "Nakano Computer Club"
10+
author: "Nakano Computer Club",
11+
favicon: "./assets/favicon.ico"
1112
})
1213
link(rel="stylesheet", href="./style.css")
1314
body
@@ -17,7 +18,7 @@ html
1718
])
1819

1920
header.py2.flex.flex-wrap.items-center
20-
div.md-flex.flex-wrap.items-center.header-wrap
21+
div.md-flex.flex-wrap.items-center.header-wrap.overflow-scroll
2122
div.col-10.md-col-8.right-align.mx-auto
2223
h1.m0 Nakano#[br.md-hide.lg-hide] Computer Club
2324
p.h3.mt1.mb1 NCC
@@ -53,8 +54,10 @@ html
5354
p.m0.p0 サークルが個人に対して活動を強いることはありません。
5455
//- | 基本的な活動はオンライン上のチャット(Slack)がメインですが、LT大会や合宿、
5556
//- | その他イベント等オフラインの活動も数ヶ月に一度行われています。
56-
p.m0.p0 基本的な活動はオンライン上のチャット (Slack) がメインです。
57-
p.m0.p0 他にも、LT大会や合宿などのイベントも数ヶ月に1度行われています。
57+
p.m0.p0
58+
| 基本的な活動はオンライン上のチャット (Slack) がメインです。
59+
p.m0.p0
60+
| 他にも、LT大会や合宿などのイベントも数ヶ月に1度行われています。
5861
+main-box("NCCの主な行事")
5962
h3 定期的なイベント
6063
ul.px0.ml3

0 commit comments

Comments
 (0)