mtwilliams / broadsheet Goto Github PK

Reasoning?

• Web scale.
• I much prefer working in Elixir.

Shamelessly copy Designer New's commenting form (which itself is a shameless copy of Github's).

It'll be at least 200% better because Emoji's are proven to increase your chances of getting laid.

Thus:

<post :post="post" v-for="post in posts"
      v-link="{ path: '/posts', params: {id: post.id} }">
</post>

This means:

• Unit testing;
• Integration testing; and
• Validation testing.

For the backend and the frontend.

computed:
  isChild: () ->
    @comment.parent != null

That way:

<div class="comment"
     v-bind:class="{'comment--child': isChild}">
  <!-- ... -->
</div>

This will likely require users to associate a handle with themselves – how else could we achieve this?

Syntax would just be @<handle>, i.e. @mike.

Right now we collect name, email, and if they want to subscribe. Defaulting to true on the latter.

We should also ask their notification preference (get emailed upon response or mention), defaulting to yes.

Routing should be handled by Vue's de facto standard router, vue-router.

Using TravisCI, obviously.

Our App template will look like this:

<app>
  <app-header></app-header>
  <router-view></router-view>
  <app-footer></app-footer>
</app>

Our /posts/:post will look like:

<post :post="post">
</post>

No more bs-!

Rather, use a separate page at /join and /welcome, respectively.

Blocked by #2.

Configuration only, so you can specify:

• Domain, like news.fintech.com.
• Style like logo, iconography, fonts, color, and so on.
  • A custom stylesheet could be exposed (and abused like Reddit).
• Integrations, like Facebook/Twitter.
• Settings, like:
  • Newsletter.
    • MailChimp.
    • ActiveCampaign.
    • Benchmark.
    • CampaignMonitor.
    • Emma.
    • Smore.
    • TinyLetter.
    • Something easy, like Gumroad for Newsletters.
  • Flat or hierarchical comments.

Highly customized styling and logic would require "forking."

Then we can fill styles like a boss. 💥

When you hover over a user a small card should overview their portrait, name, title (or bio), and statistics.

It should provide a quick overview (perhaps with a screenshot?) that points people in the right directions.

It should exclude non-standard assets, i.e. anything custom for Fintech News.

This will allow us to easily separate everything out into a folder structure like:

assets/
  styles/
    normalize.css
    typicons.css
    broadsheet.scss
  scripts/
    jquery.js
    vue.js
  images/
    favico.ico
    logo.png
    transparent.gif
    topographic.png
    joined.gif
  fonts/
    ...
  robots.txt

spa/
  components/
    app/
      header/
        header.coffee
        header.jade
        header.scss
      footer/
        footer.coffee
        footer.jade
        footer.scss
      app.coffee
      app.jade
      app.scss
    modal/
      modal.coffee
      modal.jade
      modal.scss
    modals/
      join/
        join.coffee
        join.jade
        join.scss
      welcome/
        welcome.coffee
        welcome.jade
        welcome.scss
      login/
        login.coffee
        login.jade
        login.scss
    post/
      post.coffee
      post.jade
      post.scss
    comment/
      comment.coffee
      comment.jade
      comment.scss
  models/
    user.coffee
    session.coffee
    post.coffee
    comment.coffee
  views/
    app.coffee
    post.coffee
  router.coffee
  app.coffee