feat: New and (eventually) improved React version.

ALexLatcovschi · Aug 26, 2018 · 97575aa · 97575aa
1 parent ac194d1
commit 97575aa
Show file tree

Hide file tree

Showing 114 changed files with 3,334 additions and 62 deletions.
diff --git a/.eslintrc b/.eslintrc
@@ -0,0 +1,3 @@
+{
+  "extends": "react-app"
+}
diff --git a/.gitignore b/.gitignore
@@ -1,8 +1,21 @@
-node_modules
-typings/
-build
-npm-debug.log
-coverage
-aws-credentials.json
-.awspublish*
-stats.json
+# See https://help.github.com/ignore-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+
+# testing
+/coverage
+
+# production
+/build
+
+# misc
+.DS_Store
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
diff --git a/CRA-README.md b/CRA-README.md
diff --git a/README.md b/README.md
@@ -0,0 +1,4 @@
+Chatty
+---
+
+A single-page-application alternative client for the shacknews chatty (http://www.shacknews.com/chatty).
diff --git a/archive/.gitignore b/archive/.gitignore
@@ -0,0 +1,8 @@
+node_modules
+typings/
+build
+npm-debug.log
+coverage
+aws-credentials.json
+.awspublish*
+stats.json
diff --git a/.stylelintrc → archive/.stylelintrc b/.stylelintrc → archive/.stylelintrc
diff --git a/archive/LICENSE b/archive/LICENSE
@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2017 Andy Christianson
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/archive/package.json b/archive/package.json
@@ -0,0 +1,57 @@
+{
+  "name": "chatty",
+  "version": "1.0.0",
+  "description": "A web based alternate client for the shacknews chatty (http://www.shacknews.com/chatty).",
+  "author": "Andy Christianson",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/NiXXeD/chatty"
+  },
+  "scripts": {
+    "start": "webpack-dev-server --progress --colors --display-error-details --inline",
+    "build": "webpack",
+    "stats": "webpack --profile --json > stats.json",
+    "server": "http-server build --cors -p 3000"
+  },
+  "engines": {
+    "node": ">= 4.2.1 <= 5",
+    "npm": ">= 2 <= 3"
+  },
+  "dependencies": {
+    "@angular/common": "2.0.0-rc.5",
+    "@angular/compiler": "2.0.0-rc.5",
+    "@angular/core": "2.0.0-rc.5",
+    "@angular/forms": "0.3.0",
+    "@angular/http": "2.0.0-rc.5",
+    "@angular/platform-browser": "2.0.0-rc.5",
+    "@angular/platform-browser-dynamic": "2.0.0-rc.5",
+    "@angular/router": "3.0.0-rc.1",
+    "core-js": "2.4.1",
+    "intl": "^1.2.4",
+    "lodash": "4.14.1",
+    "reflect-metadata": "0.1.8",
+    "rxjs": "5.0.0-beta.6",
+    "systemjs": "0.19.36",
+    "zone.js": "0.6.12"
+  },
+  "devDependencies": {
+    "clean-webpack-plugin": "0.1.10",
+    "copy-webpack-plugin": "3.0.1",
+    "css-loader": "0.23.1",
+    "extract-text-webpack-plugin": "1.0.1",
+    "html-webpack-plugin": "2.22.0",
+    "http-server": "0.9.0",
+    "postcss-loader": "0.10.0",
+    "precss": "1.4.0",
+    "raw-loader": "0.5.1",
+    "style-loader": "0.13.1",
+    "stylelint": "7.1.0",
+    "stylelint-config-standard": "12.0.0",
+    "ts-loader": "0.8.2",
+    "typescript": "1.8.10",
+    "webpack": "1.13.1",
+    "webpack-dev-server": "1.14.1",
+    "webpack-merge": "0.14.1"
+  }
+}
diff --git a/readme.md → archive/readme.md b/readme.md → archive/readme.md
@@ -43,8 +43,8 @@ Notes:
 npm run server
 ~~~~
 
-##### Technology Used
----------------------
+Technology Used
+---
 
 * [Angular2](https://angular.io/) (SPA Framework)
 * [TypeScript](https://github.com/Microsoft/TypeScript) (Language)

diff --git a/src/app/app.module.ts → archive/src/app/app.module.ts b/src/app/app.module.ts → archive/src/app/app.module.ts
diff --git a/src/app/app.ts → archive/src/app/app.ts b/src/app/app.ts → archive/src/app/app.ts
diff --git a/src/app/chatty/SimpleChatty.ts → archive/src/app/chatty/SimpleChatty.ts b/src/app/chatty/SimpleChatty.ts → archive/src/app/chatty/SimpleChatty.ts
diff --git a/src/app/chatty/SplitChatty.ts → archive/src/app/chatty/SplitChatty.ts b/src/app/chatty/SplitChatty.ts → archive/src/app/chatty/SplitChatty.ts
diff --git a/src/app/chatty/body.scss → archive/src/app/chatty/body.scss b/src/app/chatty/body.scss → archive/src/app/chatty/body.scss
diff --git a/src/app/chatty/chatty.scss → archive/src/app/chatty/chatty.scss b/src/app/chatty/chatty.scss → archive/src/app/chatty/chatty.scss
diff --git a/src/app/chatty/simpleChatty.html → archive/src/app/chatty/simpleChatty.html b/src/app/chatty/simpleChatty.html → archive/src/app/chatty/simpleChatty.html
diff --git a/src/app/chatty/splitChatty.html → archive/src/app/chatty/splitChatty.html b/src/app/chatty/splitChatty.html → archive/src/app/chatty/splitChatty.html
diff --git a/src/app/comments/Comments.ts → archive/src/app/comments/Comments.ts b/src/app/comments/Comments.ts → archive/src/app/comments/Comments.ts
diff --git a/src/app/comments/comments.html → archive/src/app/comments/comments.html b/src/app/comments/comments.html → archive/src/app/comments/comments.html
diff --git a/src/app/comments/comments.scss → archive/src/app/comments/comments.scss b/src/app/comments/comments.scss → archive/src/app/comments/comments.scss
diff --git a/src/app/directives/AutoFocus.ts → archive/src/app/directives/AutoFocus.ts b/src/app/directives/AutoFocus.ts → archive/src/app/directives/AutoFocus.ts
diff --git a/src/app/directives/DisableHotkeys.ts → archive/src/app/directives/DisableHotkeys.ts b/src/app/directives/DisableHotkeys.ts → archive/src/app/directives/DisableHotkeys.ts
diff --git a/src/app/directives/ScrollIntoView.ts → archive/src/app/directives/ScrollIntoView.ts b/src/app/directives/ScrollIntoView.ts → archive/src/app/directives/ScrollIntoView.ts
diff --git a/src/app/embedContent/EmbedContent.ts → archive/src/app/embedContent/EmbedContent.ts b/src/app/embedContent/EmbedContent.ts → archive/src/app/embedContent/EmbedContent.ts
diff --git a/src/app/embedContent/embedContent.html → ...ve/src/app/embedContent/embedContent.html b/src/app/embedContent/embedContent.html → ...ve/src/app/embedContent/embedContent.html
diff --git a/src/app/navbar/Navbar.ts → archive/src/app/navbar/Navbar.ts b/src/app/navbar/Navbar.ts → archive/src/app/navbar/Navbar.ts
diff --git a/src/app/navbar/navbar.html → archive/src/app/navbar/navbar.html b/src/app/navbar/navbar.html → archive/src/app/navbar/navbar.html
diff --git a/src/app/navbar/navbar.scss → archive/src/app/navbar/navbar.scss b/src/app/navbar/navbar.scss → archive/src/app/navbar/navbar.scss
diff --git a/src/app/post/Post.ts → archive/src/app/post/Post.ts b/src/app/post/Post.ts → archive/src/app/post/Post.ts
diff --git a/src/app/post/post.html → archive/src/app/post/post.html b/src/app/post/post.html → archive/src/app/post/post.html
diff --git a/src/app/post/post.scss → archive/src/app/post/post.scss b/src/app/post/post.scss → archive/src/app/post/post.scss
diff --git a/src/app/post/shacktags.scss → archive/src/app/post/shacktags.scss b/src/app/post/shacktags.scss → archive/src/app/post/shacktags.scss
diff --git a/src/app/post/tags.scss → archive/src/app/post/tags.scss b/src/app/post/tags.scss → archive/src/app/post/tags.scss
diff --git a/src/app/replybox/ReplyBox.ts → archive/src/app/replybox/ReplyBox.ts b/src/app/replybox/ReplyBox.ts → archive/src/app/replybox/ReplyBox.ts
diff --git a/src/app/replybox/replybox.html → archive/src/app/replybox/replybox.html b/src/app/replybox/replybox.html → archive/src/app/replybox/replybox.html
diff --git a/src/app/replybox/replybox.scss → archive/src/app/replybox/replybox.scss b/src/app/replybox/replybox.scss → archive/src/app/replybox/replybox.scss
diff --git a/src/app/replybox/tagLegend.scss → archive/src/app/replybox/tagLegend.scss b/src/app/replybox/tagLegend.scss → archive/src/app/replybox/tagLegend.scss
diff --git a/src/app/routing.ts → archive/src/app/routing.ts b/src/app/routing.ts → archive/src/app/routing.ts
diff --git a/src/app/services/ActionService.ts → archive/src/app/services/ActionService.ts b/src/app/services/ActionService.ts → archive/src/app/services/ActionService.ts
diff --git a/src/app/services/ApiService.ts → archive/src/app/services/ApiService.ts b/src/app/services/ApiService.ts → archive/src/app/services/ApiService.ts
diff --git a/src/app/services/BodyTransformService.ts → .../src/app/services/BodyTransformService.ts b/src/app/services/BodyTransformService.ts → .../src/app/services/BodyTransformService.ts
diff --git a/src/app/services/EventService.ts → archive/src/app/services/EventService.ts b/src/app/services/EventService.ts → archive/src/app/services/EventService.ts
diff --git a/src/app/services/HotkeyService.ts → archive/src/app/services/HotkeyService.ts b/src/app/services/HotkeyService.ts → archive/src/app/services/HotkeyService.ts
diff --git a/src/app/services/ModelService.ts → archive/src/app/services/ModelService.ts b/src/app/services/ModelService.ts → archive/src/app/services/ModelService.ts
diff --git a/src/app/services/PostService.ts → archive/src/app/services/PostService.ts b/src/app/services/PostService.ts → archive/src/app/services/PostService.ts
diff --git a/src/app/services/SettingsService.ts → archive/src/app/services/SettingsService.ts b/src/app/services/SettingsService.ts → archive/src/app/services/SettingsService.ts
diff --git a/src/app/services/ShackMessageService.ts → ...e/src/app/services/ShackMessageService.ts b/src/app/services/ShackMessageService.ts → ...e/src/app/services/ShackMessageService.ts
@@ -1,8 +1,8 @@
 declare var _:any
 import {Injectable} from '@angular/core'
-import {ApiService} from '../services/ApiService'
-import {SettingsService} from '../services/SettingsService'
-import {ToastService} from '../services/ToastService'
+import {ApiService} from './ApiService'
+import {SettingsService} from './SettingsService'
+import {ToastService} from './ToastService'
 
 @Injectable()
 export class ShackMessageService {

diff --git a/src/app/services/TabService.ts → archive/src/app/services/TabService.ts b/src/app/services/TabService.ts → archive/src/app/services/TabService.ts
diff --git a/src/app/services/TitleService.ts → archive/src/app/services/TitleService.ts b/src/app/services/TitleService.ts → archive/src/app/services/TitleService.ts
diff --git a/src/app/services/ToastService.ts → archive/src/app/services/ToastService.ts b/src/app/services/ToastService.ts → archive/src/app/services/ToastService.ts
diff --git a/src/app/singleThread/SingleThread.ts → archive/src/app/singleThread/SingleThread.ts b/src/app/singleThread/SingleThread.ts → archive/src/app/singleThread/SingleThread.ts
diff --git a/src/app/singleThread/singleThread.html → ...ve/src/app/singleThread/singleThread.html b/src/app/singleThread/singleThread.html → ...ve/src/app/singleThread/singleThread.html
diff --git a/src/app/thread/Thread.ts → archive/src/app/thread/Thread.ts b/src/app/thread/Thread.ts → archive/src/app/thread/Thread.ts
diff --git a/src/app/thread/thread.html → archive/src/app/thread/thread.html b/src/app/thread/thread.html → archive/src/app/thread/thread.html
diff --git a/src/app/thread/truncate.scss → archive/src/app/thread/truncate.scss b/src/app/thread/truncate.scss → archive/src/app/thread/truncate.scss
diff --git a/src/app/toast/Toast.ts → archive/src/app/toast/Toast.ts b/src/app/toast/Toast.ts → archive/src/app/toast/Toast.ts
diff --git a/src/app/toast/toast.html → archive/src/app/toast/toast.html b/src/app/toast/toast.html → archive/src/app/toast/toast.html
diff --git a/src/app/toast/toast.scss → archive/src/app/toast/toast.scss b/src/app/toast/toast.scss → archive/src/app/toast/toast.scss
diff --git a/src/app/util/DefaultTabs.ts → archive/src/app/util/DefaultTabs.ts b/src/app/util/DefaultTabs.ts → archive/src/app/util/DefaultTabs.ts
diff --git a/src/app/util/EmployeeList.ts → archive/src/app/util/EmployeeList.ts b/src/app/util/EmployeeList.ts → archive/src/app/util/EmployeeList.ts
diff --git a/src/app/util/Filter.ts → archive/src/app/util/Filter.ts b/src/app/util/Filter.ts → archive/src/app/util/Filter.ts
diff --git a/src/app/util/LoadingMessages.ts → archive/src/app/util/LoadingMessages.ts b/src/app/util/LoadingMessages.ts → archive/src/app/util/LoadingMessages.ts
diff --git a/src/app/util/ModList.ts → archive/src/app/util/ModList.ts b/src/app/util/ModList.ts → archive/src/app/util/ModList.ts
diff --git a/src/app/util/ServerErrors.ts → archive/src/app/util/ServerErrors.ts b/src/app/util/ServerErrors.ts → archive/src/app/util/ServerErrors.ts
diff --git a/src/app/util/TabTemplates.ts → archive/src/app/util/TabTemplates.ts b/src/app/util/TabTemplates.ts → archive/src/app/util/TabTemplates.ts
diff --git a/src/app/util/TagGroups.ts → archive/src/app/util/TagGroups.ts b/src/app/util/TagGroups.ts → archive/src/app/util/TagGroups.ts
diff --git a/src/favicon.ico → archive/src/favicon.ico b/src/favicon.ico → archive/src/favicon.ico
diff --git a/src/images/commentsbullet.gif → archive/src/images/commentsbullet.gif b/src/images/commentsbullet.gif → archive/src/images/commentsbullet.gif
diff --git a/src/images/commentsbulletlast.gif → archive/src/images/commentsbulletlast.gif b/src/images/commentsbulletlast.gif → archive/src/images/commentsbulletlast.gif
diff --git a/src/images/commentsul.gif → archive/src/images/commentsul.gif b/src/images/commentsul.gif → archive/src/images/commentsul.gif
diff --git a/src/index.html → archive/src/index.html b/src/index.html → archive/src/index.html
diff --git a/src/main.ts → archive/src/main.ts b/src/main.ts → archive/src/main.ts
diff --git a/src/vendor.ts → archive/src/vendor.ts b/src/vendor.ts → archive/src/vendor.ts
diff --git a/tsconfig.json → archive/tsconfig.json b/tsconfig.json → archive/tsconfig.json
diff --git a/typings.json → archive/typings.json b/typings.json → archive/typings.json
diff --git a/webpack.config.js → archive/webpack.config.js b/webpack.config.js → archive/webpack.config.js
diff --git a/package.json b/package.json
@@ -1,57 +1,30 @@
 {
   "name": "chatty",
-  "version": "1.0.0",
-  "description": "A web based alternate client for the shacknews chatty (http://www.shacknews.com/chatty).",
-  "author": "Andy Christianson",
+  "homepage": "https://NiXXeD.github.io/chatty",
+  "version": "0.1.0",
   "license": "MIT",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/NiXXeD/chatty"
-  },
-  "scripts": {
-    "start": "webpack-dev-server --progress --colors --display-error-details --inline",
-    "build": "webpack",
-    "stats": "webpack --profile --json > stats.json",
-    "server": "http-server build --cors -p 3000"
-  },
-  "engines": {
-    "node": ">= 4.2.1 <= 5",
-    "npm": ">= 2 <= 3"
-  },
   "dependencies": {
-    "@angular/common": "2.0.0-rc.5",
-    "@angular/compiler": "2.0.0-rc.5",
-    "@angular/core": "2.0.0-rc.5",
-    "@angular/forms": "0.3.0",
-    "@angular/http": "2.0.0-rc.5",
-    "@angular/platform-browser": "2.0.0-rc.5",
-    "@angular/platform-browser-dynamic": "2.0.0-rc.5",
-    "@angular/router": "3.0.0-rc.1",
-    "core-js": "2.4.1",
-    "intl": "^1.2.4",
-    "lodash": "4.14.1",
-    "reflect-metadata": "0.1.8",
-    "rxjs": "5.0.0-beta.6",
-    "systemjs": "0.19.36",
-    "zone.js": "0.6.12"
+    "@material-ui/core": "1.4.3",
+    "@material-ui/icons": "2.0.1",
+    "classnames": "2.2.6",
+    "date-fns": "1.29.0",
+    "gh-pages": "1.2.0",
+    "history": "4.7.2",
+    "lodash": "4.17.10",
+    "react": "16.4.2",
+    "react-dom": "16.4.2",
+    "react-router": "4.3.1",
+    "react-router-dom": "4.3.1"
   },
   "devDependencies": {
-    "clean-webpack-plugin": "0.1.10",
-    "copy-webpack-plugin": "3.0.1",
-    "css-loader": "0.23.1",
-    "extract-text-webpack-plugin": "1.0.1",
-    "html-webpack-plugin": "2.22.0",
-    "http-server": "0.9.0",
-    "postcss-loader": "0.10.0",
-    "precss": "1.4.0",
-    "raw-loader": "0.5.1",
-    "style-loader": "0.13.1",
-    "stylelint": "7.1.0",
-    "stylelint-config-standard": "12.0.0",
-    "ts-loader": "0.8.2",
-    "typescript": "1.8.10",
-    "webpack": "1.13.1",
-    "webpack-dev-server": "1.14.1",
-    "webpack-merge": "0.14.1"
+    "react-scripts": "1.1.4"
+  },
+  "scripts": {
+    "predeploy": "npm run build",
+    "deploy": "gh-pages -d build",
+    "start": "react-scripts start",
+    "build": "react-scripts build",
+    "test": "react-scripts test --env=jsdom",
+    "eject": "react-scripts eject"
   }
 }
diff --git a/public/favicon.ico b/public/favicon.ico
diff --git a/public/index.html b/public/index.html
@@ -0,0 +1,37 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <meta name="theme-color" content="#000000">
+    <!--
+      manifest.json provides metadata used when your web app is added to the
+      homescreen on Android. See https://developers.google.com/web/fundamentals/engage-and-retain/web-app-manifest/
+    -->
+    <link rel="manifest" href="%PUBLIC_URL%/manifest.json">
+    <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">
+    <!--
+      Notice the use of %PUBLIC_URL% in the tags above.
+      It will be replaced with the URL of the `public` folder during the build.
+      Only files inside the `public` folder can be referenced from the HTML.
+
+      Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
+      work correctly both with client-side routing and a non-root public URL.
+      Learn how to configure a non-root public URL by running `npm run build`.
+    -->
+    <title>NiXXeD Chatty</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <!--
+      This HTML file is a template.
+      If you open it directly in the browser, you will see an empty page.
+
+      You can add webfonts, meta tags, or analytics to this file.
+      The build step will place the bundled scripts into the <body> tag.
+
+      To begin the development, run `npm start` or `yarn start`.
+      To create a production bundle, use `npm run build` or `yarn build`.
+    -->
+  </body>
+</html>
diff --git a/public/manifest.json b/public/manifest.json
@@ -0,0 +1,15 @@
+{
+  "short_name": "React App",
+  "name": "Create React App Sample",
+  "icons": [
+    {
+      "src": "favicon.ico",
+      "sizes": "192x192",
+      "type": "image/png"
+    }
+  ],
+  "start_url": "./index.html",
+  "display": "standalone",
+  "theme_color": "#000000",
+  "background_color": "#ffffff"
+}
diff --git a/src/app/App.js b/src/app/App.js
@@ -0,0 +1,21 @@
+import React from 'react'
+import {Route, Switch} from 'react-router-dom'
+import Nav from '../nav/Nav'
+import Chatty from '../chatty/Chatty'
+
+class App extends React.Component {
+    render() {
+        return (
+            <React.Fragment>
+                <Nav/>
+                <Switch>
+                    <Route path="/chatty" component={Chatty}/>
+
+                    <Route component={Chatty}/>
+                </Switch>
+            </React.Fragment>
+        )
+    }
+}
+
+export default App
diff --git a/src/app/Root.js b/src/app/Root.js
@@ -0,0 +1,25 @@
+import React from 'react'
+import {MuiThemeProvider} from '@material-ui/core/styles'
+import Theme from './Theme'
+import App from './App'
+import AuthProvider from '../context/auth/AuthProvider'
+import ChattyProvider from '../context/chatty/ChattyProvider'
+import './global.css'
+import './shacktags.css'
+import './comment_tree.css'
+
+class Root extends React.Component {
+    render() {
+        return (
+            <MuiThemeProvider theme={Theme}>
+                <AuthProvider>
+                    <ChattyProvider>
+                        <App/>
+                    </ChattyProvider>
+                </AuthProvider>
+            </MuiThemeProvider>
+        )
+    }
+}
+
+export default Root
diff --git a/src/app/Theme.js b/src/app/Theme.js
@@ -0,0 +1,17 @@
+import createMuiTheme from '@material-ui/core/styles/createMuiTheme'
+
+export default createMuiTheme({
+    palette: {
+        type: 'dark',
+        primary: {
+            light: '#6fbf73',
+            main: '#357a38',
+            dark: '#357a38'
+        },
+        secondary: {
+            light: '#33eaff',
+            main: '#00e5ff',
+            dark: '#00a0b2'
+        }
+    }
+})
diff --git a/src/app/comment_tree.css b/src/app/comment_tree.css
@@ -0,0 +1,18 @@
+ul.comments {
+    background: url("../resources/commentsul.gif") repeat-y 2px bottom;
+    margin: 0 0 0 5px;
+    list-style-type: none;
+    padding: 0;
+    position: static;
+}
+
+ul.comments li {
+    background: url("../resources/commentsbullet.gif") no-repeat 2px top;
+    font-size: 13px;
+    line-height: 16px;
+    padding-left: 13px;
+}
+
+ul.comments li:last-child {
+    background: #000 url("../resources/commentsbulletlast.gif") no-repeat 2px top;
+}
diff --git a/src/app/global.css b/src/app/global.css
@@ -0,0 +1,13 @@
+body {
+    background-color: black;
+    margin: 0;
+    padding: 0;
+}
+
+a {
+    color: #aeae9b;
+}
+
+a:hover {
+    color: #fff;
+}