gpspake / grunterie Goto Github PK
View Code? Open in Web Editor NEWA Gruntified version of Reverie, a versatile HTML5 responsive WordPress framework based on ZURB's Foundation.
A Gruntified version of Reverie, a versatile HTML5 responsive WordPress framework based on ZURB's Foundation.
Yo gpspake..
1st, thanks for keeping grunterie updated!!
So I was just about to update grunterie to 2.5.3 and Zurb goes all nuts with a big update to 5.3... ha!
http://zurb.com/article/1316/foundation-strike-5-3-strike-for-sites
It looks like a massive update and very cool, though might be be wise to wait until they get another ..rev, but hope you might update grunterie then??
Cheers!
R
Hi gpspake,
I've been using Grunterie on a new project for the last few weeks... so far it's working great!!!
Nice to be able to use the latest Foundation and Reverie in css mode until I have some real time to go SASS.
Thanks again!!!!!
I don't know what I'm doing wrong - I've worked with Reverie for a long time, but for some reason the Foundation JS is no longer loading. I moved to Grunterie thinking it could be a solution, but I'm having the same issue. I would actually prefer to use Grunterie ongoing, thanks for creating it, it's awesome. Any ideas why this might be happening though? Something to do with Bower not installing the components? I'm using Compass & can also confirm, my changes don't seem to be compiling.
Hey all,
Just wondering how I would add blog posts onto the front page? I'd like to have them line up preferably in a row of 3 on desktop, that would be awesome. I'm not too big into PHP so I figured someone could give me a hand here.
Screenshot of design: http://i.imgur.com/VpNDM6k.jpg
And hey Spake! I'm back lol.
Cheers,
JD
So I've added a photo above the single blog posts (single.php), archives (archive.php) - and it works:
Tada!
But I'm having trouble adding a header image above the general blog. I tried adding the exact same code at the top of content.php, and my blog went all wonky:
Wonky!
How exactly can I add the same effect as the photo above, on the general blog page? Am I inserting the code into the wrong area?
Hey gpspake,
With the announcement of F6 - will you be upgrading the theme to F6?
Would love if you could!! :)
As designerwood found out, the issue with drop down menus in Reverie on iPad in landscape mode can be fixed by changing the viewport code. So a suggestion would be to incorporate that change in Grunterie.
In other words, replace
<meta name="viewport" content="width=device-width" />
in header.php with
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
I don't think there is any drawback with this change (AFAIK) and it is used in Foundation.
(Or do you wan't Grunterie to follow Reverie as close as possible?)
Hi @gpspake,
I'm just checking out grunterie, it looks great so far. Am considering using it as the basis for a series of student projects this fall (we used to use required+ but this is much cleaner, actually).
In a couple of places o nthe web you've talked about offcanvas menus for grunterie. Do you have any code snippets to share? Thanks,
Matt
Hey Spake!
Just a Foundation question, wondering if you're able to solve it - I haven't been able to find a solution yet.
I'm re-building my portfolio, and I'm trying to pull of a full-width image grid. Exactly like this example, actually - http://johan.io/
Do you know how I could pull that off?
Any help would be appreciated!
Hi, have you thought about updating to foundation 5.5? Do you know if there are any big roadblocks if one tries to do that oneself? Thanks,
Matt
Not really an issue...I'm just curious, why does the full page template include the range slider? I don't recall this in the Reverie version?
Also, @gpspake, after you helped me get through the initial Grunt install about a month ago, I'm finally getting back to trying sass on a real project. It'll be interesting to see if I can swing it. Trial by fire. Setting up the new project with the core stuff already in place was a breeze, though I'm still doing something not quite right. The local grunt files never seem to install into the node_modules folder so I ended up just copying the files from my other project. I may be doing something out of order, since I'm still really flying by the seat of my pants with understanding the tools themselves.
Not sure if this is something upstream in Reverie or not, but in footer.php we have:
wp_nav_menu(array(
'theme_location' => 'utility',
container' => false,
'menu_class' => 'inline-link')
);
Which seems correct.
But the inline-link
class is being applied to the containing div rather than the menu's ul
element.
Hey all,
I'm working on a client's site and it's going great so far. I have one minor problem, though. On most of the pages I want to use full-width rows. So what I did was this:
Any idea how to fix this? This is the only problem left on my site and it's driving me nuts! Any help would be appreciated.
Have you ever used Magellan in a foundation-based theme? I have a project that would be improved by magellan, but I guess I would need a way to build the magellan menu automatically -- I'm not quite sure how to do that, and if you or anyone else reading this has done it, it would save me a lot of time...
Thanks,matt
Hi gpspake,
What is the best/easiest way to update to F 5.2.3?
I seem to be the only one using Grunterie - lol. Am I nuts?
Any word on what happened to Reverie besides it going to SASS?
FWIW - I've been happy the last few months using Grunterie on a few sites... I mainly want to update for optomizations and because Tabs aren't working for me with the current Grunterie. I know I know... I need to get current but I've been too busy to get serious and setup & learn all the SASS, COMPASS & GRUNT... but I will when things slow down.
best
R
@gpspake I need a little guidance from you. I have a number of projects for which I've used Grunterie and the associated Grunt setup you outlined. I had the need to experiment with FoundationPress which new uses Gulp and a slightly different set up.
Since am more designer than developer, I am not really savvy about the pre-processor components and how they interact.
But, once I set up for this other site using Gulp, I get an error if I try to watch one of my Grunterie sites: Loading "sass.js" tasks...ERROR >> Error: 'libsass' bindings not found. Try installing "node-sass'? Warning: Task "sass" not found.
It seems the two systems are not compatible. Is if possible for me to remediate so that I can access my Grunterie sites?
I'd like to change the menu list when someone visits my Grunterie site using a mobile device - specifically a phone. Can someone please tell me how best to code this?
I believe this is best achived by coding something in the theme's TopBar header? I also know there are Foundation 'media queries' for 'small' or screen sizes that might be used to make the menu switch... and I could setup a menu in WP 'Menus' using Grunteries 'Additional' or Utility' menus (though don't want to see them except for small). I tried coding all this but it didn't work.
( The above is the most critical need here but in the same realm.. what is the 'best' way to sense if someones using a mobile/phone when they first arrive at the site and redirect them to a different home page? )
THANKS for any help!!
R
I ended up here because I've been trying to get data-equalizer to work with Reverie, saw you had additional updates in your fork.
However, I haven't dived into sass yet. I'm curious if grunterie works as a vanilla css version?
I actually have it loaded but I notice the theme's CSS file is thousands of lines long rather than the 900+ in the original version.
I want to get into sass, but when the schedule is already intense, I don't think I can afford the time to figure out the compiling process and additional software and the perks of sass with deadlines pushing already. But I'd sure like to get equalizer to work dang it.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.