Code Monkey home page Code Monkey logo

echo-chamber-js's Introduction

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

echo-chamber-js's People

Contributors

aweary avatar jas14 avatar tessalt avatar tobsn avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

echo-chamber-js's Issues

Add OAuth authentication

when they return to the page, they can be confident that their voice is being heard.

The full confidence will come if they had to log in with their Facebook in order to leave a comment. Their profile picture can as well be stored in localStorage.

Web ethics, psychological concerns

Web development or web design does have a psychological part besides the technical part, and this library is intended to give the illusion to the user that he engages with the website by commenting it.

It clearly has the intent to dupe or trick the end-user, as no indication is given that his/her message will not be sent through the network.

In the ReadMe, the library is even described as an alternative to Disqus. But apart from toying, developing or prototyping, is there a real value of using it on a public-facing website ?

Such library seems to rise ethical concerns about the relationship between the maintainer of the website and the end-user. It is promoting relationships based on duping another, that is, a form of irresponsability and indifference... Is it any good ? Just asking to myself.

It is not because it is internet that human interactions should be this way. Or if it is a general way of thinking about human interactions, isn't it a bit absurd ? Once again, just asking to myself, and thinking aloud.

Typo

Hey, I just wanted to put my 2 cents in and make sure I definitely put some input but did you know that theres--

Github plugin

This is brilliant, ingenius, even! I'd like to make a feature request for providing a github plugin, so that comments on my github code can also be echo chambers :)

Style inheritance not working

I tried to customize the button colour as by default it's white text on grey bg, and I couldn't get the button's colour to change. I'm using Opera 30.0.1835.125 on Windows 10. Also reproduced on Edge 20.10240.16384.0

Here's a jsFiddle that reproduces the issue: http://jsfiddle.net/SeinopSys/5sc9wpmj/
It sets literally everything's colour to red, while the entire Echochamber form loads with the default styles and does not adapt to the red colours.

comment storage

Hello,

I try ti install echo-chamber for my jekyll blog. It almost work, I found where translate it in french. It's great. But I can't figure where the comment are saved? I am not a javascript dev.

Thanks in advance,
Jacques

proposal

This should be updated in a pub-sub-y-way, that any commenter should also get the comments from the others when re-loading the page or in a given timeframe via push-notification.

De-centralized comments. let the wars begin ;-)

Some design cleanup

This is a tricky thing to design for, because:

  • can live anywhere!
  • it's doing some style inheritance of the parent page: both font-face and link/button colours are inherited from context

So far it looks pretty like-a-developer-made-it, but if anyone has ideas on how it could be improved visually I'd be happy to hear it!

Also... I need to put up a demo page.

Typo in tagline

This is so minor but I figured I'd point it out since it's in the tagline: "All off the commenting, none of the comments."

Love the script.

CSS not seeming to load when added to site.

screen shot 2015-07-15 at 09 44 39

Looks like the href attribute of the stylesheet link tag is set to something that is a local site, but doesn't seem to pull it down into the iframe maybe?

screen shot 2015-07-15 at 09 45 07

Edit: It appears that it may never set EchoChamber.host to hosts.prod? If I manually change the href in that link tag to https://s3.amazonaws.com/echochamberjs/dist/main.css it works.

Add an AI

Adding a chatbot from the Touring competition to this would be awesome. Preferably one on the mean and aggressive side.

Add node_modules under .gitignore

We don't want to commit other modules into this package.
It would be best to leave out node_modules out of the repository.
Cheers

Missing donation button.

Where can I send money for the author of this beautiful software?

She deserves a bottle of good wine or something.

Thanks for this thing.

-exa

Sorry

I don't get the purpose of this :/
Can someone explain me what this wonderful tool does ?

Is it just local comment ? Never pushed online ?

Generate random plausible comments

Generate random plausible comments at random intervals, so the user has something to react against.

Some suggestions are.

"I like your article, it is very clever, do you want to buy some pills http://mypillsarecheap.com"

"I cannot honestly agree with this."

"I totally agree with the OP"

"I think you have a spelling mistake in the third sentence"

"Seriously, this is how the Nazis started"

...

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.