A simple Rails app to create responsive social images
Ruby JavaScript HTML CSS
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
app
bin
config
db
lib
log
public
test
tmp
vendor/assets
.bowerrc
.gitignore
Gemfile
Gemfile.lock
LICENSE.md
Procfile
README.md
Rakefile
bower.json
config.ru
script.sh

README.md

Motif

Motif is a service to create and serve responsive social images, fit to drop into any og:image or twitter:image meta tag.

Motif uses imgix for the image compositing, and PhantomJS for discovering information about the URL entered.

You can see a version of Motif running at https://motif.imgix.com.

It is built with Rails 5 and vue.js.

Running Locally

You'll need:

  • Node
  • Ruby 2.3.0
    • rvm users can run rvm install 2.3.0
  • Bower
    • npm install -g bower
  • Heroku Toolbelt
  • libpq-dev
    • on RHEL systems: yum install postgresql-devel
    • for Mac: brew install postgresql
    • for Mac in case postgres installed via macports than gem install pg -- --with-pg-config=/opt/local/lib/postgresql[version number]/bin/pg_config
  • phantomjs
    • brew install phantomjs
    • or npm install -g phantomjs

Then, just run:

  • bundle install
  • bin/rails db:setup
  • bower install
  • heroku local

Deploying to Heroku

You will need to add 2 custom buildpacks if you would like to deploy to Heroku:

To do so with a new app:

From there, it's just a simple:

  • git push heroku master