リリース [2.1]

mtsgi · May 13, 2019 · 2d0f7a7 · 2d0f7a7
1 parent bc1f1b3
commit 2d0f7a7
Show file tree

Hide file tree

Showing 3 changed files with 101 additions and 85 deletions.
diff --git a/README.md b/README.md
@@ -1,2 +1,19 @@
 # cpextend
-Course Powerが便利になるChrome拡張
+CoursePowerがちょっと便利になるChrome拡張
+
+![Cpex](https://i.imgur.com/2XB2Tm6.png "Cpex")
+
+# usage
+- https://github.com/mtsgi/cpextend/releases
+- 上記ページからcrxをダウンロードし、Chromeでインストールします
+- Cpexのアイコンが表示されます
+- アイコンをクリックして「オプション」を開きます
+- CoursePowerのドメイン他、設定項目を指定します
+- 「設定を適用」を押下して利用を開始できます
+
+# features
+- 設定項目(部分一致)による多ドメイン対応
+- 教材ページのアコーディオンメニューを自動でオープンします
+- テキストエリアの文字数をカウントします
+- ログインページに遷移するためのエラーページを自動でスキップします
+- タッチパッドによる誤ったブラウザバックを防止します
diff --git a/opt.css b/opt.css
@@ -0,0 +1,82 @@
+body{
+    margin: 0;
+}
+header{
+    font-size: 24px;
+    padding: 10px;
+    color: #505050;
+    background: #f0f0f0;
+    border-bottom: 2px solid #a0a0a0;
+}
+.form{
+    padding: 12px;
+}
+.form:hover{
+    background: #f0f0f0;
+}
+.form #domain, .form #disp-size{
+    padding: 5px;
+    font-size: 18px;
+    border: 1px solid #303030;
+    border-radius: 4px;
+}
+.form select{
+    margin-right: 10px;
+    padding: 2px 15px;
+    width: 80px;
+    height: 40px;
+    font-size: 15px;
+    border: 1px solid #909090;
+}
+.form-title{
+    font-size: 18px;
+    padding: 2px 10px;
+    border-bottom: 2px solid dodgerblue;
+    border-left: 12px solid dodgerblue;
+}
+.form-content{
+    padding-top: 4px;
+    padding-left: 22px;
+}
+.desc{
+    padding: 5px 0;
+    font-size: 15px;
+}
+header #apply{
+    position: absolute;
+    right: 6px;
+    top: 6px;
+    padding: 5px 10px;
+    font-size: 16px;
+    background: dodgerblue;
+    border-radius: 5px;
+    color: white;
+    outline: none;
+}
+#popup{
+    display: none;
+    font-size: 18px;
+    position: absolute;
+    background: #ffffff;
+    border-radius: 5px;
+    padding: 15px;
+    top: 24px;
+    box-sizing: border-box;
+    left: 15%;
+    width: 70%;
+    box-shadow: 0 2px 4px 0 rgba(0,0,0,.2);
+}
+
+#popup-div{
+    text-align: right;
+}
+
+#popup a{
+    cursor: pointer;
+    color: #f0f0f0;
+    border-radius: 5px;
+    padding: 2px 12px;
+    display: inline-block;
+    text-align: right;
+    background: dodgerblue;
+}
diff --git a/opt.html b/opt.html
@@ -7,90 +7,7 @@
     <title>設定 - Cpex</title>
     <script src="./jquery.min.js"></script>
     <script src="./opt.js"></script>
-    <style>
-        body{
-            margin: 0;
-        }
-        header{
-            font-size: 24px;
-            padding: 10px;
-            color: #505050;
-            background: #f0f0f0;
-            border-bottom: 2px solid #a0a0a0;
-        }
-        .form{
-            padding: 12px;
-        }
-        .form:hover{
-            background: #f0f0f0;
-        }
-        .form #domain, .form #disp-size{
-            padding: 5px;
-            font-size: 18px;
-            border: 1px solid #303030;
-            border-radius: 4px;
-        }
-        .form select{
-            margin-right: 10px;
-            padding: 2px 15px;
-            width: 80px;
-            height: 40px;
-            font-size: 15px;
-            border: 1px solid #909090;
-        }
-        .form-title{
-            font-size: 18px;
-            padding: 2px 10px;
-            border-bottom: 2px solid dodgerblue;
-            border-left: 12px solid dodgerblue;
-        }
-        .form-content{
-            padding-top: 4px;
-            padding-left: 22px;
-        }
-        .desc{
-            padding: 5px 0;
-            font-size: 15px;
-        }
-        header #apply{
-            position: absolute;
-            right: 6px;
-            top: 6px;
-            padding: 5px 10px;
-            font-size: 16px;
-            background: dodgerblue;
-            border-radius: 5px;
-            color: white;
-            outline: none;
-        }
-        #popup{
-            display: none;
-            font-size: 18px;
-            position: absolute;
-            background: #ffffff;
-            border-radius: 5px;
-            padding: 15px;
-            top: 24px;
-            box-sizing: border-box;
-            left: 15%;
-            width: 70%;
-            box-shadow: 0 2px 4px 0 rgba(0,0,0,.2);
-        }
-
-        #popup-div{
-            text-align: right;
-        }
-
-        #popup a{
-            cursor: pointer;
-            color: #f0f0f0;
-            border-radius: 5px;
-            padding: 2px 12px;
-            display: inline-block;
-            text-align: right;
-            background: dodgerblue;
-        }
-    </style>
+    <link rel="stylesheet" href="opt.css">
 </head>
 <body>
     <header>