Skip to content

Commit 326af0b

Browse files
unchunksunchunks
committed
仮修正終わり
1 parent 33b1e1f commit 326af0b

File tree

6 files changed

+446
-176
lines changed

6 files changed

+446
-176
lines changed

‎index.html‎

Lines changed: 44 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -4,14 +4,55 @@
44
<head>
55
<meta charset="UTF-8">
66
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7-
<title>unchunks - オフィシャルサイト</title>
7+
<title>unchunks - 個人HP</title>
8+
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
9+
<script src="script.js"></script>
810
<link rel="stylesheet" href="style.css">
911
</head>
1012

1113
<body>
1214
<header id="site-header"></header>
13-
<h1>現在改修中です</h1>
15+
16+
<main>
17+
<section class="hero">
18+
<h2>ようこそ、unchunksの個人サイトへ</h2>
19+
<p>ゲーム開発の進捗や、これまで開発したゲームを紹介するサイトです。</p>
20+
</section>
21+
22+
<section class="section">
23+
<h3>自己紹介 - unchunks（アンチャンクス）</h3>
24+
<p>個人のゲーム開発者です。マンネリ化せず、長く遊べるゲームを目標に開発しています。</p>
25+
</section>
26+
27+
<section class="section">
28+
<h3>スキル</h3>
29+
<h4>言語</h4>
30+
<ul>
31+
<li>C/C++</li>
32+
<li>C#</li>
33+
<li>Java</li>
34+
<li>Kotlin</li>
35+
</ul>
36+
<h4>ツール</h4>
37+
<ul>
38+
<li>Unity</li>
39+
<li>Unreal Engine</li>
40+
<li>Android Studio</li>
41+
</ul>
42+
</section>
43+
44+
<section class="section">
45+
<h3>ポートフォリオ</h3>
46+
<p>これまでに開発したゲームをご紹介します。</p>
47+
<ul>
48+
<li><a href="projects/Rogue.html">Rogue</a></li>
49+
<li><a href="projects/ViaLactea.html">Via Lactea</a></li>
50+
</ul>
51+
<!-- <a href="#" class="button">ポートフォリオをもっと見る</a> -->
52+
</section>
53+
</main>
54+
1455
<footer id="site-footer"></footer>
15-
<script src="../script.js"></script>
1656
</body>
57+
1758
</html>

‎news/20xx_xx_xx.html‎

Lines changed: 38 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,38 @@
1+
<!DOCTYPE html>
2+
<html lang="ja">
3+
4+
<head>
5+
<meta charset="UTF-8">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<title>title - unchunks</title>
8+
<link rel="stylesheet" href="../style.css">
9+
</head>
10+
11+
<body>
12+
<header id="site-header"></header>
13+
<main>
14+
<article>
15+
<h1>title</h1>
16+
<p class="date">20xx年x月x日</p>
17+
<div class="news-content">
18+
<p>summary</p>
19+
20+
<h2>プロジェクトのページ</h2>
21+
<div class="project-grid">
22+
<div class="project-card" data-category="rogue-like new">
23+
<!-- <img src="/api/placeholder/300/200" alt="えねMe ゲーム画像"> -->
24+
<h3>敵視点ローグライク「えねMe」</h3>
25+
<p>プレイヤーが敵の視点でダンジョンを探索する新感覚ローグライク</p>
26+
<a href="/projects/Eneme.html" class="btn">詳細を見る</a>
27+
</div>
28+
<!-- 他のプロジェクトカードをここに追加 -->
29+
</div>
30+
</div><br>
31+
<a href="../index.html#news" class="btn">ニュース一覧に戻る</a>
32+
</article>
33+
</main>
34+
<footer id="site-footer"></footer>
35+
<script src="../script.js"></script>
36+
</body>
37+
38+
</html>

‎projects/Rogue.html‎

Lines changed: 39 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,39 @@
1+
<!DOCTYPE html>
2+
<html lang="ja">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>Rogue - unchunks</title>
7+
<link rel="stylesheet" href="../style.css">
8+
</head>
9+
<body>
10+
<header id="site-header"></header>
11+
<main>
12+
<article>
13+
<h1>ローグライクゲーム「Rogue」</h1>
14+
<p class="date">2025年3月31日</p>
15+
<div class="news-content">
16+
<p>このページは、「Rogue」についての情報を発信するものです。</p>
17+
18+
<a href="https://github.com/unchunks/Rogue" class="btn">ソースコード</a>
19+
20+
<!-- <h2>プロジェクトの概要</h2>
21+
<p>新プロジェクトは、プレイヤーの創造性と戦略的思考を融合させた新しいジャンルのゲームを目指しています。現時点で以下の特徴を予定しています：</p>
22+
<ul>
23+
<li>プレイヤーがモンスターとして冒険者からダンジョンを守るユニークなゲームプレイ</li>
24+
<li>プレイヤーの戦略によって成長するモンスターと冒険者</li>
25+
</ul>
26+
27+
<h2>開発スケジュール</h2>
28+
<p>現在、プロジェクトは企画段階にあり、今後1年間で基本的なゲームシステムの開発を進める予定です。ベータテストは2025年夏頃を予定しており、正式リリースは2026年を目指しています。</p>
29+
30+
<h2>まだ見ぬファンの皆様へ</h2>
31+
<p>このプロジェクトは私が初めて発表するものです。当然ファンなどいるはずもないのですが、今後の私の活動を見て、楽しみにしていただければと思います。</p> -->
32+
</div>
33+
<a href="../index.html#projects" class="btn">プロジェクト一覧に戻る</a>
34+
</article>
35+
</main>
36+
<footer id="site-footer"></footer>
37+
<script src="../script.js"></script>
38+
</body>
39+
</html>

‎projects/ViaLactea.html‎

Lines changed: 39 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,39 @@
1+
<!DOCTYPE html>
2+
<html lang="ja">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>Via Lactea - unchunks</title>
7+
<link rel="stylesheet" href="../style.css">
8+
</head>
9+
<body>
10+
<header id="site-header"></header>
11+
<main>
12+
<article>
13+
<h1>2Dシューティングゲーム「Via Lactea」</h1>
14+
<p class="date">2025年3月31日</p>
15+
<div class="news-content">
16+
<p>このページは、「Via Lactea」についての情報を発信するものです。</p>
17+
18+
<a href="https://github.com/unchunks/VIA-LACTEA" class="btn">ソースコード</a>
19+
20+
<!-- <h2>プロジェクトの概要</h2>
21+
<p>新プロジェクトは、プレイヤーの創造性と戦略的思考を融合させた新しいジャンルのゲームを目指しています。現時点で以下の特徴を予定しています：</p>
22+
<ul>
23+
<li>プレイヤーがモンスターとして冒険者からダンジョンを守るユニークなゲームプレイ</li>
24+
<li>プレイヤーの戦略によって成長するモンスターと冒険者</li>
25+
</ul>
26+
27+
<h2>開発スケジュール</h2>
28+
<p>現在、プロジェクトは企画段階にあり、今後1年間で基本的なゲームシステムの開発を進める予定です。ベータテストは2025年夏頃を予定しており、正式リリースは2026年を目指しています。</p>
29+
30+
<h2>まだ見ぬファンの皆様へ</h2>
31+
<p>このプロジェクトは私が初めて発表するものです。当然ファンなどいるはずもないのですが、今後の私の活動を見て、楽しみにしていただければと思います。</p> -->
32+
</div>
33+
<a href="../index.html#projects" class="btn">プロジェクト一覧に戻る</a>
34+
</article>
35+
</main>
36+
<footer id="site-footer"></footer>
37+
<script src="../script.js"></script>
38+
</body>
39+
</html>

‎script.js‎

Lines changed: 31 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -3,29 +3,28 @@ function loadCommonElements() {
33
const footer = document.getElementById('site-footer');
44

55
header.innerHTML = `
6-
<div class="logo">unchunks</div>
7-
<nav>
8-
<div class="hamburger-menu">
9-
<span class="line"></span>
10-
<span class="line"></span>
11-
<span class="line"></span>
12-
</div>
6+
<img src="https://unchunks.github.io/images/unchunks_logo_55_9.svg" width="220" height="36" alt="unchunksのロゴ">
7+
8+
<div class="hamburger-menu" id="hamburger-btn">
9+
<span></span>
10+
<span></span>
11+
<span></span>
12+
</div>
13+
<nav class="menu-content">
1314
<ul>
14-
<li><a href="/index.html#about">自己紹介</a></li>
15-
<li><a href="/index.html#projects">プロジェクト</a></li>
16-
<li><a href="/index.html#news">ニュース</a></li>
17-
<li><a href="/index.html#contact">お問い合わせ</a></li>
15+
<li><a href="index.html">HOME</a></li>
16+
<!-- <li><a href="works.html">WORKS</a></li> -->
1817
</ul>
1918
</nav>
2019
`;
2120

2221
footer.innerHTML = `
2322
<div class="social-links">
2423
<a href="https://x.com/unchunks_dev" target="_blank" rel="noopener noreferrer" style="padding-right: 10px;">
25-
<img src="/images/x_icon.svg" alt="X (旧Twitter)" width="24" height="24">
24+
<img src="https://unchunks.github.io/images/x_icon.svg" alt="X (旧Twitter)" width="24" height="24">
2625
</a>
2726
<a href="https://github.com/unchunks" target="_blank" rel="noopener noreferrer" style="padding-left: 10px;">
28-
<img src="/images/github_icon.svg" alt="GitHub" width="24" height="24">
27+
<img src="https://unchunks.github.io/images/github_icon.svg" alt="GitHub" width="24" height="24">
2928
</a>
3029
</div>
3130
<p>&copy; ${new Date().getFullYear()} unchunks. All rights reserved.</p>
@@ -83,3 +82,22 @@ document.addEventListener('DOMContentLoaded', (event) => {
8382
});
8483
});
8584
});
85+
86+
$(function () {
87+
$('.hamburger-menu').on('click', function () {
88+
// ボタンがアクティブ状態かどうかを確認
89+
if (this.classList.contains('active')) {
90+
// アクティブから非アクティブに変更する場合
91+
this.classList.add('closing'); // closingクラスを追加（閉じるアニメーション用）
92+
this.classList.remove('active'); // activeクラスを削除
93+
94+
// アニメーションが終わったらclosingクラスを削除
95+
setTimeout(() => {
96+
this.classList.remove('closing');
97+
}, 500); // アニメーションの時間（0.5秒）と同じ
98+
} else {
99+
// 非アクティブからアクティブに変更する場合
100+
this.classList.add('active'); // activeクラスを追加
101+
}
102+
});
103+
});

0 commit comments

Comments
 (0)