refactor(index): simplify

4 files changed, 21 insertions, 61 deletions

diff --git a/.gitignore b/.gitignore
index b329f95..f8cada0 100644
--- a/.gitignore
+++ b/.gitignore
@@ -25,3 +25,5 @@ npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
 yarn.lock*
+
+.vscode
\ No newline at end of file
diff --git a/assets/favicon.png b/assets/favicon.png
index 3f9e9a8..3afc1ff 100644
--- a/assets/favicon.png
+++ b/assets/favicon.png
diff --git a/assets/style.css b/assets/style.css
deleted file mode 100644
index 7a37b12..0000000
--- a/assets/style.css
+++ /dev/null
@@ -1,5 +0,0 @@
-@media screen and (max-width: 900px) {
-  iframe {
-    display: none;
-  }
-}
\ No newline at end of file
diff --git a/views/index.pug b/views/index.pug
index 162be48..0f935c2 100644
--- a/views/index.pug
+++ b/views/index.pug
@@ -4,62 +4,8 @@ html
     meta(name='viewport', content='width=device-width, initial-scale=1')
     link(rel='icon', type='image/png', href='favicon.png')
     link(rel='stylesheet', href='https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/light.min.css')
-    link(rel='stylesheet', href='style.css')
 
   body
-    h3 How to use:
-
-    h5 SVG address
-    code #{site}/get/@:name
-
-    h5 Img tag
-    code <img src="#{site}/get/@:name" alt=":name" />
-
-    h5 Markdown
-    code ![:name](#{site}/get/@:name)
-
-    h3 eg:
-      <img src="#{site}/get/@index?theme=urushi" alt="Urushi Counter" />
-
-    i Data can access by anyone, please
-      | <span style="color: #ff4500;"> DO NOT</span>
-      |  enter personal information
-
-    details
-      summary(style='display: inline-block;', onclick='_evt_push("click", "normal", "more_theme")')
-        h3(style='display: inline-block; cursor: pointer;') More theme
-      p(style='margin: 0;') Just use the query parameters <code>theme</code>, like this: <code>#{site}/get/@:name?theme=moebooru</code>
-      h5 asoul
-      img(src='#{site}/get/@demo?theme=asoul', alt='A-SOUL')
-      h5 moebooru
-      img(src='#{site}/get/@demo?theme=moebooru', alt='Moebooru')
-      h5 moebooru-h
-      img(src='#{site}/get/@demo?theme=moebooru-h', alt='Moebooru-Hentai')
-      h5 rule34
-      img(src='#{site}/get/@demo?theme=rule34', alt='Rule34')
-      h5 gelbooru
-      img(src='#{site}/get/@demo?theme=gelbooru', alt='Gelbooru')
-      h5 gelbooru-h
-      img(src='#{site}/get/@demo?theme=gelbooru-h', alt='Gelbooru-Hentai')
-
-    h3 Credits
-    ul
-      li
-        a(href='https://repl.it/', target='_blank', rel='nofollow') repl.it
-      li
-        a(href='https://space.bilibili.com/703007996', target='_blank', title='A-SOUL_Official') A-SOUL
-      li
-        a(href='https://github.com/moebooru/moebooru', target='_blank', rel='nofollow') moebooru
-      li
-        a(href='javascript:alert("!!! NSFW LINK !!!\\nPlease enter the url manually")') rule34.xxx
-        |  NSFW
-      li
-        a(href='javascript:alert("!!! NSFW LINK !!!\\nPlease enter the url manually")') gelbooru.com
-        |  NSFW
-      li
-        a(href='https://icons8.com/icons/set/star', target='_blank', rel='nofollow') Icons8
-
-    h3 Tool
     .tool
       code #{site}/get/@
       input#name(type='text', placeholder=':name', style='display: inline-block; width: 80px; height: 1.4em; line-height: 1.4em; margin: 0 4px; vertical-align: middle;')
@@ -92,5 +38,22 @@ html
           img.src = '#{site}/get/@' + text + '?theme=' + theme
         })
 
-    p.copy
-      a(href='https://github.com/Fuwn/urushi-counter', target='_blank', onclick='_evt_push("click", "normal", "go_github")') source code
+    h2 Usage
+    p(style='margin: 0;') Replace <code>:name</code> with your counter name.
+
+    h5 SVG Address
+    code #{site}/get/@:name
+
+    h5 HTML Element
+    code &lt;img src="#{site}/get/@:name" alt=":name" />
+
+    h5 Markdown
+    code ![:name](#{site}/get/@:name)
+
+    br
+    br
+
+    h2 Example
+    p(style='margin: 0;') <code>#{site}/get/@index?theme=urushi</code>
+
+    p <img src="#{site}/get/@index?theme=urushi" alt="Urushi Counter" />