[update] : スマホ用のサイドメニューを追加

diff --git a/buildmydist-2/pages/misc/index.php b/buildmydist-2/pages/misc/index.php
index 5019bb9..4b5f95e 100644 (file)
--- a/buildmydist-2/pages/misc/index.php
+++ b/buildmydist-2/pages/misc/index.php
@@ -21,6 +21,13 @@
         <h2>このページは何？</h2>
         <p>Linuxのカスタマイズをする上で必要な情報をまとめています。</p>
         <p>ようは開発をする上で便利なリンク集です。</p>
+        <?php
+            $relation = "${_SERVER['DOCUMENT_ROOT']}/buildmydist-2/pages/$distro/relation.php";
+            if(file_exists($relation)){
+                echo "<h2>リンク集</h2>";
+                include($relation);
+            }
+        ?>
     </main>
 
     <?php include("${commonhtml}/aftermain.php"); ?>

diff --git a/buildmydist-2/style/common.css b/buildmydist-2/style/common.css
index 48f8b4e..867f3a1 100644 (file)
--- a/buildmydist-2/style/common.css
+++ b/buildmydist-2/style/common.css
@@ -12,9 +12,6 @@ header{
 
     /* 文字色 */
     color: var(--white-1);
-
-    /* 高さ */
-    min-height: 4rem;
 }
 
 .bar-item-left, .bar-logo{
@@ -140,3 +137,49 @@ main img{
     top: -23px;
     padding: 10px;
 }
+/* ここまで警告 */
+
+/* === ここからサイドメニュー === */
+#sidemenu-right{
+    /* 線を描写 */
+    /* border: solid 1px black; */
+    box-sizing: border-box;
+
+    /* 余白設定 */
+    padding-left: 1%;
+    padding-right: 1%;
+    margin-top: 1%;
+    /* margin-right: 4%; */
+    margin-bottom: 1%;
+
+}
+
+/* サイドメニューのスクロールバーを隠す */
+#sidemenu-right{
+    /* IE, Edge 対応 */
+    -ms-overflow-style: none;
+    /* Firefox 対応 */
+    scrollbar-width: none;
+}
+
+#sidemenu-right::-webkit-scrollbar {
+    display:none;
+}
+
+#sidemenu-right h2{
+    text-align: center;
+}
+
+
+#link-collection ul, #relation_page ul{
+    list-style:none;
+    padding-left: 10px;
+}
+
+#link-collection a{
+    color: blue;
+    text-decoration: none;
+}
+
+
+/* === ここまでサイドメニュー === */
\ No newline at end of file

diff --git a/buildmydist-2/style/sp.css b/buildmydist-2/style/sp.css
index 85df987..6074183 100644 (file)
--- a/buildmydist-2/style/sp.css
+++ b/buildmydist-2/style/sp.css
@@ -55,8 +55,29 @@
 
 
 /* === ここからサイドメニュー === */
+#about-hayao img{
+    margin: 0 auto;
+    text-align: center;
+    width: 20%;
+    float: left;
+    margin-top: 20px;
+    margin-right: 20px;
+}
+
+#hayao-icon{
+    margin-bottom: 4%;
+}
+
+#link-collection ul{
+    display: flex;
+}
+
+#link-collection li{
+    margin-right: 20px;
+}
+
 #sidemenu-right{
- display: none;
+    border-top: solid 6px var(--black-1);
 }
 /* === ここまでサイドメニュー === */