--- /dev/null
+<!-- 基本的な情報の定義 -->
+<meta charset="UTF-8">
+<meta http-equiv="X-UA-Compatible" content="IE=edge">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+
+<script src="https://cdn.rawgit.com/google/code-prettify/master/loader/run_prettify.js"></script>
+<link rel="shortcut icon" href="favicon.ico">
+<link rel="stylesheet" type="text/css" media="print" href="/buildmydist-2/style/print.css">
+<link href="https://fonts.googleapis.com/css?family=Noto+Sans+JP:100,300,400,500,700,900&subset=japanese" rel="stylesheet">
+
+
+<!-- ここからCSS定義 -->
+<link rel="stylesheet" href="/buildmydist-2/style/common.css">
+<link rel="stylesheet" href="/buildmydist-2/style/var.css">
+<link rel="stylesheet" href="/buildmydist-2/style/pc.css" media="screen and (max-width: 799px)">
+<link rel="stylesheet" href="/buildmydist-2/style/sp.css" media="screen and (min-width: 800px)">
+
+<title><?php echo "${_GET["title"]}" ?> | オリジナルLinuxディストリを自作しよう2</title>
+
--- /dev/null
+<header id="header">
+ <ul id="bar-container">
+ <li class="bar-item-right bar-logo"><a href="/buildmydist-2/index.php">オリジナルLinuxディストリを自作しよう</a></li>
+ <li class="bar-item-left"><a href="/buildmydist-2/pages/ubuntu1804/">Ubuntu 18.04</a></li>
+ <li class="bar-item-left"><a href="/buildmydist-2/pages/ubuntu2004/">Ubuntu 20.04</a></li>
+ <li class="bar-item-left"><a href="/buildmydist-2/pages/fedora33/">Fedora 33</a></li>
+ <li class="bar-item-left"><a href="/buildmydist-2/pages/archiso/">Arch Linux</a></li>
+ <li class="bar-item-left"><a href="/buildmydist-2/pages/alteriso/">Alter Linux</a></li>
+ </ul>
+ <p class="description">
+ 様々なディストリビューションの開発の仕方を紹介します。
+ </p>
+</header>
\ No newline at end of file
--- /dev/null
+<script src="/buildmydist-2/script/load.js"></script>
--- /dev/null
+<!DOCTYPE html>
+<html lang="ja">
+<head>
+
+ <?php
+ // ページ設定
+ $_GET["title"] = "トップページ";
+ $commonhtml = "${_SERVER['DOCUMENT_ROOT']}/buildmydist-2/commonhtml";
+
+ // 共通ファイルを読み込み
+ $domain = $_SERVER['HTTP_HOST'];
+ include("${commonhtml}/head.php");
+ ?>
+
+</head>
+<body>
+ <?php include("${commonhtml}/header.php"); ?>
+
+ <main>
+ <h1>タイトル</h1>
+ <p>本文本文本文本文本文本文本文本文本文本文本文</p>
+ </main>
+
+ <?php include("${commonhtml}/jsloader.php"); ?>
+</body>
+</html>
\ No newline at end of file
--- /dev/null
+<!DOCTYPE html>
+<html lang="ja">
+<head>
+
+ <?php
+ // ページ設定
+ $_GET["title"] = "Ubuntu 18.04 - トップ";
+ $commonhtml = "${_SERVER['DOCUMENT_ROOT']}/buildmydist-2/commonhtml";
+
+ // 共通ファイルを読み込み
+ $domain = $_SERVER['HTTP_HOST'];
+ include("${commonhtml}/head.php");
+ ?>
+
+</head>
+<body>
+ <?php include("${commonhtml}/header.php"); ?>
+
+ <main>
+ <h1>Ubuntu 18.04ベースのディストリビューションを作ろう</h1>
+ <p>Ubuntu 18.04を使って自分だけのディストリビューションを作ります</p>
+ </main>
+
+ <?php include("${commonhtml}/jsloader.php"); ?>
+</body>
+</html>
--- /dev/null
+/* === ここからメニューバー === */
+
+header{
+ /* 横幅を画面いっぱいにする */
+ width: 100vw;
+
+ /* 上下の空白 */
+ padding-top: 0.5%;
+ padding-bottom: 0.5%;
+
+ /* 背景色 */
+ background-color: var(--black-1);
+
+ /* 文字色 */
+ color: var(--white-1);
+}
+
+* {
+ margin: 0px;
+ padding: 0px;
+}
+
+.bar-item-left, .bar-item-right, .bar-logo{
+ text-align: center;
+ list-style: none;
+
+ /* マウスの形状を変える*/
+ cursor: pointer;
+
+ /* 左右に空白を作る */
+ padding-left: 2%;
+ padding-right: 2%;
+
+
+ /* 選択を無効化 */
+ user-select: none;
+}
+
+.bar-item-left > a, .bar-item-right > a{
+ color: var(--main-white);
+ text-decoration: none;
+}
+
+.description{
+ /* 左に空白を作る */
+ padding-left: 2%;
+
+ /* 上に空白を作る */
+ margin-top: 1%;
+}
+
+
+.bar-logo{
+ /* ロゴのフォント設定*/
+ font-weight: 900;
+ font-size: larger;
+}
+
+
+/* クリックされたときの色 */
+.bar-item-left:active, .bar-item-right:active{
+ /* 文字色を設定 */
+ color: var(--red-1);
+
+ /* 選択を無効化 */
+ user-select: none;
+}
+
+#bar-container{
+ /*
+ flexboxでいい感じに配置する
+ 参考サイト
+ https://guillemot.jp/web/365
+ https://knowledge.cpi.ad.jp/tech/169/
+ */
+
+ display: flex;
+ justify-content: space-between;
+}
+
+/* === ここまでメニューバー === */
+
+/* === ここから本文 === */
+main{
+ margin: 2%;
+ width: 100vw;
+}
+
--- /dev/null
+*{
+ --red-1: #e74c3c;
+ --black-1: #2c3e50;
+ --white-1: #ecf0f1;
+
+}
\ No newline at end of file
<a href="./buildmydist/index.html">【2019年版】Ubuntu系のOSを自作しよう(旧版)</a>
</li>
<li>
+ <a href="./buildmydist-2/index.html">オリジナルLinuxディストリを自作しよう2</a>
+ </li>
+ <li>
<a href="./alteriso-options-generator/index.php">AlterISO3 ビルドオプション ジェネレータ</a>
</li>
<li>