mirror/growstuff
1
0
Fork 0
mirror of https://github.com/Growstuff/growstuff.git synced 2026-03-24 09:43:24 -04:00
Code Issues Packages Projects Releases Wiki Activity

Fixed the homepage so it doesn't look messy on phones.

Browse Source 
Basically the "hero unit" was rendering horribly on very small screens
(eg. phones).  I've made it so that the hero unit is only shown on
"desktop" and "tablet" devices, not "phone".

I also moved the actual content of the hero-unit out into a partial to
avoid repeating myself.
This commit is contained in:
Skud
2013-01-28 21:07:03 +11:00
parent ca4e632870
commit 836dcff67e
2 changed files with 12 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
app/views/home/_blurb.html.haml Normal file
View File

@@ -0,0 +1,7 @@
%h1
Growstuff
%small development site
%p Growstuff is a community of food gardeners working together to build an open source platform to track, share, and discuss edible gardens and sustainable lifestyles. You can join us right now and be part of growing our website, from seed to harvest. We welcome you regardless of your experience, and invite you to be part of our development process.
%p= link_to 'Learn more', 'http://wiki.growstuff.org/', :class => 'btn btn-primary btn-large'

12
app/views/home/index.html.haml
View File

@@ -1,11 +1,9 @@
.hero-unit
%h1
Growstuff
%small development site
.visible-desktop.visible-tablet
.hero-unit
= render :partial => 'blurb'
%p Growstuff is a community of food gardeners working together to build an open source platform to track, share, and discuss edible gardens and sustainable lifestyles. You can join us right now and be part of growing our website, from seed to harvest. We welcome you regardless of your experience, and invite you to be part of our development process.
%p= link_to 'Learn more', 'http://wiki.growstuff.org/', :class => 'btn btn-primary btn-large'
.visible-phone
= render :partial => 'blurb'
.row
.span3