Live Examples

I used http://barbajs.org/ for that.

2 Likes

Some new sites I’ve built based on the roots stack and/or Sage

:v:

3 Likes

Bedrock and my fork of Sage :slight_smile:

4 Likes

Nice job! May I ask how you did that instagram gallery on the educativo page? I thought that wasn’t possible anymore?

Sage 8.5.1, ACF Pro, Gravity Form
http://adp-dev.site/txdentalplan

@Twansparant thanks man!

And for the instagram feed I used instafeed.js. As far as I know, you can still get your user photos (which is the case).

 new Instafeed({
      limit: 8,
      imageResolution: 'standard-resolution',
      imageTemplate: `<a href="{{link}}" target="_blank" style="background-image:url({{image}})"></a>`,
      videoTemplate: `<a href="{{link}}" target="_blank" style="background-image:url({{previewImage}})"></a>`,
      carouselFrameTemplate: `<a href="{{link}}" target="_blank" style="background-image:url({{previewImage}})"></a>`,
      accessToken: 'xxxxxxxxxxxxxxxxxxxxxxxxxxxx',
    }).run()

I think the access token was generated by http://instagram.pixelunion.net/

2 Likes

Cool, thanks for the info. Gonna check that out!

@Twansparant I also still use https://github.com/scottsweb/wp-instagram-widget

I know it’s off-topic but while we’re having the conversation, anyone found a good way to show Instagram photos by a hashtag, but curated? I’ve been asked before to pull all photos from a hashtag but that sounds like bad news to me if you’re not manually weeding out spam posts first…

Hi Guys

Just thought I’d share a recent project my team have just launched built using Sage/Bedrock and WooCommerce.

Uses a custom built AJAX product feed with AJAX filtering, sorting & pagination.

We love using Roots!

Joel

2 Likes

I’ve released today the new website from the agency I work: http://tuut.com.br

(That barba.js transition was a pain to make :relieved: )

5 Likes

Really nice design work on tomoro.com.au. Love the page transitions, how did you achieve that effect if you don’t mind me asking?

It’s all just CSS animations. There’s no fancy page loading JS or anything.

1 Like

Nice site! Was there a particular reason you chose to use animations instead of transitions for the cards? The animation looks like it’s only applied to the hover state, so the cards just pop back on mouseout, instead of animating back down.

Mostly because I was just experimenting with things and like all personal projects got sidetracked before ironing out all the bugs…

1 Like

https://globallab.georgetown.edu/

About to launch another one and also rebuilding our firm’s portfolio site with Sage.

1 Like

First part of small project. It will have an event manager next year.

No CSS framework.

1 Like

Just launched these two:


https://www.puttman.com

Both built on a full Roots stack w/ a slightly modified version of Sage, and no CSS framework.

3 Likes

Looks great! I love the design aesthetic & typography.

One small comment - for the cards highlighting specific meats, perhaps try applying the hover state to everything. It gives the impression that the title/image/link are separate since the hover state only applies to each individual element at once. Besides that, it’s beautiful!

Nice work. What did you do for the primary nav? It looks like bootstrap.