finish the first vesion

madneal · Jun 7, 2017 · 16dcd8c · 16dcd8c
1 parent 2e8ea5d
commit 16dcd8c
Show file tree

Hide file tree

Showing 3 changed files with 189 additions and 148 deletions.
diff --git a/manifest.json b/manifest.json
@@ -3,12 +3,12 @@
   "short_name": "ExportToMarkdown",
   "description": "This is utilized to export the story in Medium to a markdown format file.",
   "version": "0.0.1",
-  "background": {
-    "scripts": [
-      "scripts/widget.js",
-      "scripts/snarkdown.js"
-    ]
-  },
+  // "background": {
+  //   "scripts": [
+  //     "scripts/widget.js",
+  //     "scripts/snarkdown.js"
+  //   ]
+  // },
   "icons": {
     "16": "icons/icon-19.png",
     "48": "icons/icon-48.png",
@@ -22,8 +22,8 @@
   ],
   "browser_action": {
     "default_title": "Export to Markdown",
-    "default_icon": "icons/icon-19.png"
-    // "default_popup": "popup.html"
+    "default_icon": "icons/icon-19.png",
+    "default_popup": "popup.html"
   },
   "manifest_version": 2,
   "homepage_url": "https://github.com/neal1991"

diff --git a/popup.html b/popup.html
@@ -1,18 +1,51 @@
 <!DOCTYPE html>
 <html lang="en">
-  <head>
-    <title></title>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
-    <script src="scripts/widget.js"></script>
-  </head>
-  <body>
-    <h1>The export result</h1>
-    <div class="main">
-      <div class="left-area">
-        <textarea id="source"></textarea>
-      </div>
-      <div class="right-area"></div>
+
+<head>
+  <title></title>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <style>
+    textarea {
+      width: 800px;
+      height: 600px;
+    }
+
+    body {
+      width: 800px;
+      height: 600px;
+    }
+
+    ul li {
+      list-style: none;
+      display: inline;
+      margin-right: 5px;
+    }
+
+    h1,
+    button {
+      display: inline;
+    }
+  </style>
+</head>
+
+<body>
+  <ul>
+    <li>
+      <h1>The export result</h1>
+    </li>
+    <li><button class="export">export</button></li>
+  </ul>
+
+
+  <div class="main">
+    <div class="left-area">
+      <textarea id="source"></textarea>
     </div>
-  </body>
+    <div class="right-area"></div>
+  </div>
+  <script src="scripts/snarkdown.js"></script>
+  <script src="scripts/widget.js"></script>
+</body>
+
 </html>