clean up

colorswall · Nov 15, 2018 · 2073b9c · 2073b9c
1 parent 14cc96e
commit 2073b9c
Show file tree

Hide file tree

Showing 6 changed files with 21 additions and 91 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -2,8 +2,8 @@
   "name": "css-file-icons",
   "version": "0.0.1",
   "description": "css colors file extension icons",
-  "style": "build/style.css",
-  "main": "build/style.css",
+  "style": "build/css-file-icons.css",
+  "main": "build/css-file-icons.css",
   "scripts": {
     "dev": "npm run lint && webpack-dev-server --config webpack.dev.config.js --inline",
     "build": "npm run lint && webpack --config webpack.config.js -p",

diff --git a/src/index.html b/src/index.html
@@ -4,8 +4,7 @@
     <meta charset="UTF-8">
     <title>CSS file icons - pure CSS file icons for popular extensions</title>
     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,300italic,700,700italic">
-    <link rel="stylesheet" type="text/css" href="build/style.css" />
-    <script src="https://cdn.rawgit.com/google/code-prettify/master/loader/run_prettify.js"></script>
+    <link rel="stylesheet" type="text/css" href="build/css-file-icons.css" />
 </head>
 
 <body>
@@ -16,28 +15,34 @@ <h1>CSS file icons</h1>
                 <div class="mb-3">
                     Pure CSS file icons for popular extensions
                 </div>
+
+                <div class="nav-header">
                 <a class="btn" href="https://github.com/colorswall/CSS-file-icons">GitHub</a>
+
+                <!-- Place this tag where you want the button to render. -->
+                <a class="github-button" href="https://github.com/colorswall/CSS-file-icons" data-icon="octicon-star" data-size="large" data-show-count="true" aria-label="Star colorswall/CSS-file-icons on GitHub">Star</a>
+                </div>
             </div>
         </div>
     </header>
     <main class="page-content">
         <div class="container">
-            <div>
+            <!--             <div>
                 <pre class="code prettyprint"><code class="code-content">npm install --save</code></pre>
-            </div>
+            </div> -->
             <div id="how">
                 <h2>How to use</h2>
-                Include 'cssfileicons.css' to html &lt;head&gt;
-                Inside html insert
+                Include 'css-file-icons.css' to html &lt;head&gt;. <br>
+                Inside html insert block with class 'fi':
                 <pre class="code prettyprint lang-html"><code class="code-content">&lt;div class=&quot;fi fi-doc&quot;&gt;
     &lt;div class=&quot;fi-content&quot;&gt;doc&lt;/div&gt;
 &lt;/div&gt;</code></pre>
-                To change color change class name. For example for EXE file class name "fi-exe"
+                To change icon color change class name. For example for EXE file class name "fi-exe"
                 <pre class="code prettyprint lang-html"><code class="code-content">&lt;div class=&quot;fi fi-exe&quot;&gt;</code></pre>
             </div>
             <section id="extensions">
                 <h2>
-            File extensions
+            File icon extensions
         </h2>
                 <div class="mb-3">
                     Icons for files doc, docx, log, txt, wps, csv, dat, ppt, xml, mp3, wav, avi, mov, mp4, 3ds, max, gif, ai, svg, pdf, xls, xlsx, sql, exe, js, html, xhtml, css, asp, ttf, dll, 7z, zip, c, cs, java, swift, torrent.
@@ -204,8 +209,11 @@ <h2>Sizes</h2>
         </div>
     </main>
     <footer class="page-footer">
-        Created by <a href="http://colorswall.com">Colorswall</a>
+        2018 | Created by <a href="http://colorswall.com">Colorswall</a>
     </footer>
+    <!-- Place this tag in your head or just before your close body tag. -->
+    <script async defer src="https://buttons.github.io/buttons.js"></script>
+    <script src="https://cdn.rawgit.com/google/code-prettify/master/loader/run_prettify.js"></script>
     <script src="build/bundle.js"></script>
 </body>
 

diff --git a/src/scss/landing.scss b/src/scss/landing.scss
diff --git a/src/scss/main.scss b/src/scss/main.scss
@@ -3,4 +3,3 @@
 @import "mixins";
 @import "extensions";
 @import "sizes";
-@import "landing";
diff --git a/webpack.dev.config.js b/webpack.dev.config.js
@@ -1,7 +1,7 @@
 const path = require('path');
 const commonConfig = require('./webpack.common.config');
 const ExtractTextPlugin = require('extract-text-webpack-plugin');
-const extractCSS = new ExtractTextPlugin('style.css');
+const extractCSS = new ExtractTextPlugin('css-file-icons.css');
 
 const output = {
     path: path.resolve(__dirname, 'build'),