mkdir project
cd $_
curl https://gist.github.com/jbergantine/8923446/raw/bootstrap.sh > bootstrap.sh
curl https://gist.github.com/jbergantine/8923446/raw/Vagrantfile > Vagrantfile
bash bootstrap.sh
subl ./my-recipes/cookbooks/bootstrap/recipes/static-media.rb
Remove everything and replace with the following:
# Configure Static Media
bash "configure static media" do
user "vagrant"
code <<-EOH
cd /vagrant/myproject/myproject
mkdir -p media static static_media
cd static_media
EOH
not_if "ls /vagrant/myproject/myproject | grep static_media"
end
bash "install bower and grunt-cli" do
user "vagrant"
code <<-EOH
cd /vagrant/myproject
sudo npm install -g bower grunt-cli
EOH
not_if "npm -g list | grep grunt"
end
bash "start foundation project" do
user "vagrant"
code <<-EOH
cd /vagrant/myproject/myproject/static_media
compass create stylesheets -r zurb-foundation --using foundation
EOH
not_if "ls /vagrant/myproject/myproject/static_media | grep stylesheets"
end
vagrant up
vagrant ssh
Update the paths to the stylesheets to be:
<link href="{{ STATIC_URL }}stylesheets/stylesheets/app.css" media="screen, projector, print" rel="stylesheet" type="text/css" />
Update the path to modernizr.js to be:
<script src="javascripts/vendor/custom.modernizr.js"></script>
Replace the jQuery script in {% block javascript %}
with:
<script>
document.write('<script src=' +
('__proto__' in {} ? '{{ STATIC_URL }}stylesheets/javascripts/vendor/zepto' : '{{ STATIC_URL }}stylesheets/javascripts/vendor/jquery') +
'.js><\/script>')
</script>
<script src="{{ STATIC_URL }}stylesheets/javascripts/foundation/foundation.js"></script>
<script src="{{ STATIC_URL }}stylesheets/javascripts/foundation/foundation.abide.js"></script>
<script src="{{ STATIC_URL }}stylesheets/javascripts/foundation/foundation.orbit.js"></script>
<script src="{{ STATIC_URL }}stylesheets/javascripts/foundation/foundation.joyride.js"></script>
<script src="{{ STATIC_URL }}stylesheets/javascripts/foundation/foundation.forms.js"></script>
<script src="{{ STATIC_URL }}stylesheets/javascripts/foundation/foundation.tooltips.js"></script>
<script src="{{ STATIC_URL }}stylesheets/javascripts/foundation/foundation.clearing.js"></script>
<script src="{{ STATIC_URL }}stylesheets/javascripts/foundation/foundation.alerts.js"></script>
<script src="{{ STATIC_URL }}stylesheets/javascripts/foundation/foundation.magellan.js"></script>
<script src="{{ STATIC_URL }}stylesheets/javascripts/foundation/foundation.placeholder.js"></script>
<script src="{{ STATIC_URL }}stylesheets/javascripts/foundation/foundation.cookie.js"></script>
<script src="{{ STATIC_URL }}stylesheets/javascripts/foundation/foundation.interchange.js"></script>
<script src="{{ STATIC_URL }}stylesheets/javascripts/foundation/foundation.dropdown.js"></script>
<script src="{{ STATIC_URL }}stylesheets/javascripts/foundation/foundation.section.js"></script>
<script src="{{ STATIC_URL }}stylesheets/javascripts/foundation/foundation.reveal.js"></script>
<script src="{{ STATIC_URL }}stylesheets/javascripts/foundation/foundation.topbar.js"></script>
<script>
$(document).foundation();
</script>
syncdb
,migrate
and smoke test (frs
)