refactor code structure and styles

Author: zbryikt

README.md

@@ -64,6 +64,8 @@ License
 
 All loader files here are released under CC0 License. However, you could attribute to this link: [loading.io css spinner ( https://loading.io/css/ )](https://loading.io/css/) to give loading.io a thumbs-up.
 
+Other source codes are released under MIT License.
+
 
 Other Resources
 ----------------

basic.styl

@@ -0,0 +1,39 @@
+require! <[fs fs-extra progress colors stylus pug]>
+
+console.log "Build all CSS-spinners..."
+
+progress-bar = (total = 10, text = "converting") ->
+  bar = new progress(
+    "   #text [#{':bar'.yellow}] #{':percent'.cyan} :etas",
+    { total: total, width: 60, complete: '#' }
+  )
+
+spinners = fs.readdir-sync \src/
+  .filter ->  fs.lstat-sync "src/#it" .is-directory!
+
+bar = progress-bar spinners.length, "Build Spinners"
+vars = fs.read-file-sync "vars.styl" .toString!
+all-css = ""
+
+spinners.map -> 
+  src = do
+    stylus: [vars, fs.read-file-sync("src/#it/index.styl").toString!].join(\\n)
+    pug: fs.read-file-sync "src/#it/index.pug" .toString!
+  css = stylus src.stylus .render!
+  all-css += css
+  html = pug.render src.pug
+  html-css = """
+  <style type="text/css">
+  #css
+  </style>
+  #html
+  """
+  fs-extra.ensure-dir-sync "dist/entries/#it"
+  fs.write-file-sync "dist/entries/#it/index.css", css
+  fs.write-file-sync "dist/entries/#it/index.html", html
+  fs.write-file-sync "dist/#it.html", html-css
+  bar.tick!
+
+fs.write-file-sync "dist/index.css", all-css
+fs.write-file-sync "web/static/assets/index.css", all-css
+console.log "\nFinished."