This is a quick tutorial explaining how to get a static website hosted on Heroku.
Why do this?
Heroku hosts apps on the internet, not static websites. To get it to run your static portfolio, personal blog, etc., you need to trick Heroku into thinking your website is a PHP app. This 6-step tutorial will teach you how.
| require 'rom' | |
| require 'anima' | |
| class User | |
| include Anima.new(:id, :name, :tasks) | |
| end | |
| class Task | |
| include Anima.new(:title) | |
| end |
| source 'https://rubygems.org' | |
| gem 'rake' | |
| gem 'lotus-router' | |
| gem 'lotus-controller' | |
| gem 'lotus-view' | |
| group :test do | |
| gem 'rspec' | |
| gem 'capybara' |
These are my notes basically. At first i created this gist just as a reminder for myself. But feel free to use this for your project as a starting point. If you have questions you can find me on twitter @thomasf https://twitter.com/thomasf This is how i used it on a Debian Wheezy testing (https://www.debian.org/releases/testing/)
Discuss, ask questions, etc. here https://news.ycombinator.com/item?id=7445545
| require 'watir-webdriver' | |
| profile = Selenium::WebDriver::Firefox::Profile.new | |
| profile.add_extension File.join(Rails.root, "/JSErrorCollector.xpi") | |
| browser = Watir::Browser.new :firefox, :profile => profile | |
| browser.goto 'www.google.com' | |
| errors = browser.execute_script("return window.JSErrorCollector_errors.pump()") | |
| config.middleware.use RoutesReloader |
| # Go to Tools > New Plugin, type deckset.py and press 'Save' | |
| # Then paste in the code below. | |
| # | |
| # It currently only works when you have a single file open, but it could easily be improved (pull requests very welcome) | |
| import sublime, sublime_plugin, subprocess, os | |
| class GoToSlideCommand(sublime_plugin.TextCommand): | |
| def run(self, edit): | |
| pos = self.view.sel()[0].begin() |
| // | |
| // React addon for easier React.DOM building without JSX | |
| // | |
| // Usage: | |
| // | |
| // render: function () { | |
| // return React.addons.tagHelper( | |
| // ['#main.container', | |
| // ['h1', 'Hello!'], | |
| // ['a.andClass.andAnother', { href: '/' }, 'Home']] |
| /*------------------------------------------ | |
| Responsive Grid Media Queries - 1280, 1024, 768, 480 | |
| 1280-1024 - desktop (default grid) | |
| 1024-768 - tablet landscape | |
| 768-480 - tablet | |
| 480-less - phone landscape & smaller | |
| --------------------------------------------*/ | |
| @media all and (min-width: 1024px) and (max-width: 1280px) { } | |
| @media all and (min-width: 768px) and (max-width: 1024px) { } |
| /** @jsx React.DOM */ | |
| /** | |
| * Our component structure will look like the following: | |
| * - WikiBox | |
| * -- AutoCompleteBox | |
| * --- AutoComplete | |
| */ | |
| // this component renders a single entity coming from wikipedia |
