title: Sinatra assets not loading on Heroku
body: <p>I built a Sinatra website and pushed to Heroku, but somehow the CSS, JS and images from the public folders are not loading.</p>
  
  <p>The site is here: <a href="https://teng-quora-k.herokuapp.com/" rel="nofollow noreferrer">https://teng-quora-k.herokuapp.com/</a></p>
  
  <p>This is how it looks like locally:</p>
  
  <p><a href="https://i.stack.imgur.com/cPex5.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/cPex5.png" alt="How the site looks locally"></a></p>
  
  <p>Here is the <code>&lt;head&gt;</code> section</p>
  
  <pre><code>&lt;head&gt;
      &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"&gt;
      &lt;link rel="stylesheet" href="/css/normalize.css"&gt;
      &lt;link rel="stylesheet" href="/css/application.css"&gt;
      &lt;link rel="stylesheet" href="/css/login.css"&gt;
      &lt;link rel="shortcut icon" href="/favicon.ico"&gt;
      &lt;title&gt;Teng-Quora-k&lt;/title&gt;
      &lt;script src="https://code.jquery.com/jquery-2.1.4.min.js"&gt;&lt;/script&gt;
      &lt;script src="/js/application.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  </code></pre>
  
  <p>Here's the Gemfile, just in case</p>
  
  <pre><code>source 'https://rubygems.org'
  
  # Ruby Version
  # ruby "2.2.1"
  
  gem 'sinatra'
  gem 'sinatra-contrib'
  gem 'thin'
  gem 'activerecord'
  gem 'activesupport'
  gem 'sinatra-activerecord'
  gem 'pg'
  gem 'rake'
  gem 'rspec'
  
  group :development, :test do
      gem 'shotgun'
  end
  
  group :production do
      gem 'rails_12factor'
      gem 'puma'
  end
  
  gem 'bcrypt'
  gem 'byebug'
  gem 'will_paginate', '~&gt; 3.0.6'
  gem 'faker'
  </code></pre>
  
  <p>And this is in my procfile:</p>
  
  <pre><code>web: bundle exec puma -t 5:5 -p ${PORT:-3000} -e ${RACK_ENV:-development}
  </code></pre>
  
  <p>What am I missing here?</p>