• Stars
    star
    4,066
  • Rank 10,280 (Top 0.3 %)
  • Language
    JavaScript
  • Created about 9 years ago
  • Updated about 5 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

Commenting without the comments

Echochamber.js

All of the commenting, none of the comments.

alpha af

Echochamber.js is a third-party script you can install to add a simple comment form to your blog post or website.

why not just use disqus?

Because then there'd be a chance that someone would read the comments. You might have to read those comments. You don't want that.

When a user submits a comment, echochamber.js will save the comment to the user's LocalStorage, so when they return to the page, they can be confident that their voice is being heard, and feel engaged with your very engaging content. It does not make any HTTP requests. Since LocalStorage is only local, you and your database need not be burdened with other people's opinions.

Features

  • No server required!
  • 100% spam-proof!
  • Compatible with most blog and static site software
  • Styles itself nicely to match your site's colours and fonts

Installation

Copy and paste the following code where you want your comments to appear:

  <script id="echochamber">
    var EchoChamber = window.EchoChamber || {};
    (function() {
      EchoChamber.discussionURL = window.location;
      var script = document.createElement('script');
      script.src = 'https://s3.amazonaws.com/echochamberjs/dist/main.js';
      script.async = true;
      var entry = document.getElementById('echochamber');
      entry.parentNode.insertBefore(script, entry);
    })();
  </script>

Screenshot

screenshot

Contributing

Requirements: node

1.Fork the repo

  • clone the fork
  • run npm install

Local dev:

If you want to work with the iframe environment, there are some steps:

So you want the widget running on one server, and the host on another. I do this locally by messing with /etc/hosts like so:

127.0.0.1 publisher.dev
127.0.0.1 widget.dev
  • modify your httpd.conf file (in /etc/apache2)
<VirtualHost *:80>
    ServerName publisher.dev
    DocumentRoot "/Users/username/directory-of-widget"
</VirtualHost>
<VirtualHost *:80>
    ServerName widget.dev
    DocumentRoot "/Users/username/directory-of-page"
</VirtualHost>
  • restart apache
  • run ./script/watch.sh during dev (unix only)
  • run ./script/build.sh before making a pull request
  • make a pull request against the main repo referencing an issue if possible

More Repositories

1

ds9-episodeguide

List of ds9 episodes worth watching. Playing with React.
JavaScript
57
star
2

dropdowns

Multilevel responsive dropdown menu.
HTML
44
star
3

coffeescriptbook

JavaScript
15
star
4

cssdotcool

css dot cool
JavaScript
8
star
5

node-server-workshop

HTML
6
star
6

user-story-generator

put a user story in your user story so you can user story while you user story
JavaScript
5
star
7

shooting-stars

little Raphael.js animated starfield
Ruby
4
star
8

reactwebpack

react webpack config bc never doing this again
JavaScript
4
star
9

componentstalk

Talk from ChicagoWebConf 2015
3
star
10

tammy-burns

Insult people Tammy Larson style
CSS
3
star
11

marmoset

Ruby
2
star
12

comicchat_client

JavaScript
2
star
13

how-did-i-get-here

And you may find yourself living in a shotgun shack And you may find yourself in another part of the world And you may find yourself behind the wheel of a large automobile And you may find yourself in a beautiful house, with a beautiful wife And you may ask yourself, "Well... how did I get here?"
JavaScript
1
star
14

GLC-HTML-CSS

Girls Learning Code HTML/CSS Workshop for Summer Camp Jul. 2013
JavaScript
1
star
15

yelltinder

JavaScript
1
star
16

tessalt.github.io

JavaScript
1
star
17

craigslist_scraper

dirty dirty craigslist/kijiji apartment listings aggregator
JavaScript
1
star
18

pros-v-cons

Pros vs. cons list app written in Rails
Ruby
1
star
19

d3_playground

Learning how to d3. Trying to work with real data from censuses, World Bank, etc.
JavaScript
1
star
20

vanilla-todo

JavaScript
1
star
21

ec-polymer

HTML
1
star
22

newdots

Vim Script
1
star
23

books

JavaScript
1
star
24

Modernizr-Browser-Lie-Detector

Check whether Modernizr.inputtype results are going to give you the output you expect.
1
star
25

toronto-wards

JavaScript
1
star
26

bike-parking-client

JavaScript
1
star
27

psd2yaml

Ruby
1
star
28

psd2csv

Ruby gem extracts text from layered PSD files into a .csv file
Ruby
1
star
29

lunchexamples

The same tiny note creation app in Angular, Backbone, Ember, Polymer, and React
JavaScript
1
star
30

craigslist-geosearch

draw a polygon and then search within that polygon (slowly)
JavaScript
1
star
31

spaceappsnascent2014

JavaScript
1
star
32

99js

JavaScript
1
star