Added FAQ question about ceddit

README.md

@@ -18,5 +18,5 @@ This will build the Javascript files and launch a local server for development.
 
 The CSS is build seperatly (to keep the build steps / configs very simple) by running
 ```bash
-npm run build-sass
+npm run css
 ```

dist/main.css

@@ -92,6 +92,9 @@ header {
     color: #239f2b; }
   #main-box h2.contact {
     color: #1b767a; }
+  #main-box .question {
+    font-size: 18px;
+    color: lightblue; }
   #main-box ul {
     padding-left: 30px;
     margin: 0; }

package.json

@@ -25,7 +25,7 @@
   "scripts": {
     "start": "webpack-dev-server --mode development",
     "build": "webpack --mode production",
-    "build-sass": "node-sass --style compressed src/sass/index.sass dist/main.css"
+    "css": "node-sass --style compressed src/sass/index.sass dist/main.css"
   },
   "dependencies": {
     "babel-polyfill": "^6.26.0",
@@ -51,4 +51,4 @@
     "webpack-cli": "^3.3.10",
     "webpack-dev-server": "^3.9.0"
   }
-}
+}

src/pages/about.js

@@ -1,5 +1,5 @@
 import React from 'react'
-import { connect } from '../../state'
+import { connect } from '../state'
 
 const About = props => {
   document.title = 'About Removeddit'
@@ -35,13 +35,13 @@ const About = props => {
           <a href='https://pushshift.io/'> Jason Baumgartner </a> service for getting removed comments.
         </p>
         <h2 className='todo'>FAQ</h2>
-        <b>Q: I posted some sensitive information on Reddit. Can you delete this from your page?</b>
+        <b className='question'>Q: I posted some sensitive information on Reddit. Can you delete this from your page?</b>
         <p>
           No, I can't remove anything myself since I am not the not the one storing all the deleted comment.
           This is done by an external service run by Jason Baumgartner (<a href='https://www.reddit.com/user/Stuck_In_the_Matrix'>/u/Stuck_In_the_Matrix</a>).
           If you want something sensitive removed permanently you should contact him.
         </p>
-        <b>Q: How does it work?</b>
+        <b className='question'>Q: How does it work?</b>
         <p>
           This page is only possible because of the amzaing work done by Jason.
           His site <a href='https://pushshift.io/'>pushshift.io</a> activly listens for new comments on reddit and stores them in his own database.
@@ -49,6 +49,31 @@ const About = props => {
           Removeddit know what comment reddit shows (from Reddits API) and what comment should be showed (from Pushshift).
           By comparing the comments from these 2 APIs, we can figure out what has been deleted and removed.
         </p>
+        <b className='question'>Q: What's the difference between ceddit and removeddit?</b>
+        <p>
+          Not much. Removeddit was created as a temporary replacement for ceddit, at a time when ceddit didn't work.
+          I though this was necessary since I used ceddit more then Reddit itself.
+          Months later ceddit was fixed, but I didn't see any reason to remove what I had done.
+          Today both sites live side by side and strive for the same goal.
+        </p>
+        <p>
+          There are some minor differences in them tho:
+          <ul>
+            <li>
+              Ceddit respect user deletion while removeddit does not. This decision was made early on and I feel like it's too late to change now.
+              If I had created removeddit today I might had thought more about what was right here.
+            </li>
+            <li>
+              Removeddit usualy loads faster since it uses a slightly different algorithm for detecting removed comments.
+              Removeddit also uses significantly less JavaScript on the page which also should make the page load faster.
+            </li>
+            <li>
+              Ceddit provides user lookup while removeddit doesn't.
+            </li>
+          </ul>
+
+        </p>
+
         <h2 className='contact'>Links/Contact</h2>
         <p style={{ marginBottom: '8px' }}>For feedback and bug reports:</p>
         <ul>

src/sass/about.sass

@@ -18,6 +18,10 @@
   h2.contact
     color: #1b767a
 
+  .question
+    font-size: 18px
+    color: lightblue
+    
   ul
     padding-left: 30px
     margin: 0