index.html

   1 <!DOCTYPE html>\r
   2 <html lang="ja">\r
   3   <head>\r
   4     <meta charset="utf-8">\r
   5     <title>\r
   6       【2019年版】Ubuntu系のLinuxディストリビューションを自作しよう　～トップページ～\r
   7     </title>\r
   8     <meta name="description" content="\r
   9       Ubuntu派生のLinux系OSの自作方法を解説したサイトです。\r
  10       SereneLinuxの開発者が初心者でもできるUbuntu派生OSの作成方法を画像つきで解説します。\r
  11       BodhiBuilderにあるバグの修正方法を解説しているのはここだけ！\r
  12     ">\r
  13     <link rel="stylesheet" href="style/main-resp.css" media="screen and (max-width: 799px)">\r
  14     <link rel="stylesheet" href="style/main.css" media="screen and (min-width: 800px)">\r
  15     <script src="https://cdn.rawgit.com/google/code-prettify/master/loader/run_prettify.js">\r
  16     </script>\r
  17     <link rel="shortcut icon" href="favicon.ico">\r
  18     <link rel="stylesheet" type="text/css" media="print" href="../style/main.css">\r
  19 \r
  20     <!-- class="prettyprint linenums" でコードに色付け -->\r
  21     <!-- <pre><code class="prettyprint linenums"></code></pre> -->\r
  22   </head>\r
  23   <body>\r
  24     <header>\r
  25       <h1>\r
  26         【2019年版】Ubuntu系のOSを自作しよう　トップページ\r
  27       </h1>\r
  28         <p>\r
  29           BodhiBuilderを用いてオリジナルのOSを作成します。\r
  30         </p>\r
  31         <p>\r
  32           自分の好きなデスクトップ環境やソフトウェアを入れてオリジナルのOSを作成しましょう。\r
  33         </p>\r
  34         <p>\r
  35           実際に製作中のOS『SereneLinux』の実例を挙げながらわかりやすく解説していきます。\r
  36           \r
  37         </p>\r
  38         <nav>\r
  39           <ul class="topnav">\r
  40             <li><a class="active" href="index.html">トップページ</a></li>\r
  41             <li><a href="page/preparation.html">準備編</a></li>\r
  42             <li><a href="page/customize.html">カスタマイズ編</a></li>\r
  43             <li><a href="page/makeiso.html">ISO作成編</a></li>\r
  44             <li><a href="page/distribution.html">配布編</a></li>\r
  45             <li class="right"><a href="page/about.html">About</a></li>\r
  46             <li class="right"><a href="page/website.html">参考サイト</a></li>\r
  47           </ul>\r
  48         </nav>\r
  49     </header>\r
  50 \r
  51 \r
  52 \r
  53 \r
  54     <main>\r
  55       \r
  56       <h2>\r
  57         このサイトについて\r
  58       </h2>\r
  59       <p>\r
  60         このサイトでは、Ubuntu派生のOSの作り方を一から解説しています\r
  61       </p>\r
  62       <p>\r
  63         日本語の情報は非常に少ないので参考になれば幸いです\r
  64       </p>\r
  65       <p>\r
  66         くわしくは\r
  67         <a href="page/about.html">\r
  68           こちら\r
  69         </a>\r
  70         を御覧ください\r
  71       </p>\r
  72       <h2>\r
  73         SereneLinuxとは\r
  74       </h2>\r
  75       <p>\r
  76         現在筆者が開発中のUbuntu派生の軽量OSです\r
  77       </p>\r
  78       <p>\r
  79         初心者にも使いやすく、美しいUIで作成しているので誰でも使うことができます\r
  80       </p>\r
  81       <p>\r
  82         UIがmacっぽいのは気のせいです\r
  83       </p>\r
  84       <p>\r
  85         <a href="serenelinux.xyz">公式サイト</a>からダウンロードできます\r
  86       </p>\r
  87       <p>\r
  88         （2019/04/03現在）Beta版なので利用は自己責任でお願いします\r
  89       </p>\r
  90       <h2>\r
  91         筆者について\r
  92       </h2>\r
  93       <p>\r
  94         ただの中学生です\r
  95       </p>\r
  96       <p>\r
  97         <a href="https://twitter.com/Hayao0819/">Twitterアカウント</a>をフォローしてくれると僕が喜びます\r
  98       </p>\r
  99       <p>\r
 100         なにかあればDMに来てください\r
 101       </p>\r
 102       <h2>\r
 103         実際にディストリビューションを作る\r
 104       </h2>\r
 105       <p>\r
 106         まずは環境構築から！\r
 107       </p>\r
 108       <h3 class="goto">\r
 109         <a href="./page/preparation.html">準備編へ行く</a>\r
 110       </h3>\r
 111 \r
 112     </main>\r
 113 \r
 114 \r
 115     <footer>\r
 116       It is provided by SereneLinux.\r
 117       <br>\r
 118       Copyright\r
 119       &copy; 2019 SereneTeam All Rights Reserved.\r
 120       <p>\r
 121         <script type="text/javascript" src="//ct2.shinobi.jp/sc/1744984">\r
 122         </script>\r
 123         <noscript><img src="//ct2.shinobi.jp/ll/1744984" alt="カウンター">\r
 124         </noscript>\r
 125       </p>\r
 126     </footer>\r
 127 \r
 128 \r
 129   </body>\r
 130 </html>\r