# A theme a day - DAY 3 =\> FREEBIE!

**URL:** <https://forum.getkirby.com/t/a-theme-a-day-day-3-freebie/4411>\
**Category:** Themes\
**Created:** [June 13, 2016, 11:44pm UTC](https://forum.getkirby.com/t/a-theme-a-day-day-3-freebie/4411 "2016-06-13T23:44:11Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![Thiousi](https://dub1.discourse-cdn.com/flex017/user_avatar/forum.getkirby.com/thiousi/32/13656_2.png) [@Thiousi](https://forum.getkirby.com/u/Thiousi)\
**Post date:** [June 13, 2016, 11:44pm UTC](https://forum.getkirby.com/t/a-theme-a-day-day-3-freebie/4411/1 "2016-06-13T23:44:11Z")

</div>

Hello community !  
I’m on a journey to become really comfortable building Kirby themes… And this week, I’ll be building one theme everyday.  
We’re starting easy with a **Landing Page** that includes some nifty features:

- Full content management in the panel
- Mailchimp form included and administred from panel
- Google maps included (geolocation field used here)
- Jquery Countdown managed again from the panel!

## [Get it on Creative Market](https://creativemarket.com/Hiweb.Kirby/737375-ZOON.-theme-for-Kirby-2.3)

 ![](https://europe1.discourse-cdn.com/flex017/uploads/getkirby/original/2X/5/544a0a4cd14dda3c4591fadd8e4e73c6026f8653.png)

The countdown displayed above is using a simple date field in the panel for management!

 ![](https://europe1.discourse-cdn.com/flex017/uploads/getkirby/original/2X/5/53ff8dce8d00f08a84afa73143013e3a829cb128.png)  
Key takeaway for today:

- Using data attributes to pass variables to javascript. [Inspired by this post on the forum](https://forum.getkirby.com/t/location-map-field/1069/5). Although this exact code didn’t work for me.

---

<div class="post-metadata">

**Author:** ![funkybrotha](https://dub1.discourse-cdn.com/flex017/user_avatar/forum.getkirby.com/funkybrotha/32/9264_2.png) [@funkybrotha](https://forum.getkirby.com/u/funkybrotha)\
**Post date:** [June 14, 2016, 8:14am UTC](https://forum.getkirby.com/t/a-theme-a-day-day-3-freebie/4411/2 "2016-06-14T08:14:46Z")

</div>

hi @Thiousi!

nice one - pager theme!  
purchased and studying your code… 😉

i had to set c::set(‘cache’, true); to «false»  
in the config - file to make it work on my localhost.

saludos, funkybrotha

---

<div class="post-metadata">

**Author:** ![Thiousi](https://dub1.discourse-cdn.com/flex017/user_avatar/forum.getkirby.com/thiousi/32/13656_2.png) [@Thiousi](https://forum.getkirby.com/u/Thiousi)\
**Post date:** [June 14, 2016, 8:18am UTC](https://forum.getkirby.com/t/a-theme-a-day-day-3-freebie/4411/3 "2016-06-14T08:18:19Z")

</div>

> [@funkybrotha](#):
>
> i had to set c::set(‘cache’, true); to «false»

Hi @funkybrotha,  
First of all thanks a lot for purchasing the theme! I always work locally with cache off and debug on but I’ve tested it just now and don’t get any issues with `c::set('cache', true);`  
Can you tell me the error you got? Maybe in a private message so we don’t clutter the forum 😉

---

<div class="post-metadata">

**Author:** ![simon2017](https://dub1.discourse-cdn.com/flex017/user_avatar/forum.getkirby.com/simon2017/32/7442_2.png) [@simon2017](https://forum.getkirby.com/u/simon2017)\
**Post date:** [June 14, 2016, 6:59pm UTC](https://forum.getkirby.com/t/a-theme-a-day-day-3-freebie/4411/4 "2016-06-14T18:59:19Z")

</div>

Cool Idea 🙂, i like your work 😊

---

<div class="post-metadata">

**Author:** ![Thiousi](https://dub1.discourse-cdn.com/flex017/user_avatar/forum.getkirby.com/thiousi/32/13656_2.png) [@Thiousi](https://forum.getkirby.com/u/Thiousi)\
**Post date:** [June 14, 2016, 7:00pm UTC](https://forum.getkirby.com/t/a-theme-a-day-day-3-freebie/4411/5 "2016-06-14T19:00:51Z")

</div>

Thanks @thesmithy !  
I’m struggling with the template for today… But I think it’ll be worth it! A lot to learn from it I believe 🙂

---

<div class="post-metadata">

**Author:** ![Thiousi](https://dub1.discourse-cdn.com/flex017/user_avatar/forum.getkirby.com/thiousi/32/13656_2.png) [@Thiousi](https://forum.getkirby.com/u/Thiousi)\
**Post date:** [June 15, 2016, 12:55am UTC](https://forum.getkirby.com/t/a-theme-a-day-day-3-freebie/4411/6 "2016-06-15T00:55:18Z")

</div>

What a day !  
This one was tough but I’m really proud of how it came out…

##[Introducing KARDS](https://creativemarket.com/Hiweb.Kirby/739594-KARDS.-theme-for-Kirby-2.3)

 ![](https://europe1.discourse-cdn.com/flex017/uploads/getkirby/original/2X/e/e9836320e16f374c69ad27651a7b175ebe8f970f.jpg)  
It’s a [styleshout.com](http://styleshout.com) template that I fully adapted to Kirby.  
Everything is customizable and easy to change. The blueprint is massive but so well organized you’ll get your site ready in a few minutes!

### Here’s two snaps of the backend:

 ![](https://europe1.discourse-cdn.com/flex017/uploads/getkirby/original/2X/4/47095abdf87f3be332c583419d0bd5aad4dbdba3.JPG)  
 ![](https://europe1.discourse-cdn.com/flex017/uploads/getkirby/original/2X/3/3d135b7edd3de7663b56ee980a2d64eb360e5999.JPG)

[See more on Creative Market!](https://creativemarket.com/Hiweb.Kirby/739594-KARDS.-theme-for-Kirby-2.3)

Key takeaway for today:  
-\> Organizing the blueprints, snippets, and code for a huge one-page website!

 ![](https://europe1.discourse-cdn.com/flex017/uploads/getkirby/original/2X/9/9977403f51d6b169486125fce2252e05848c4746.JPG)

---

<div class="post-metadata">

**Author:** ![Svnt](https://dub1.discourse-cdn.com/flex017/user_avatar/forum.getkirby.com/svnt/32/620_2.png) [@Svnt](https://forum.getkirby.com/u/Svnt)\
**Post date:** [June 15, 2016, 11:27am UTC](https://forum.getkirby.com/t/a-theme-a-day-day-3-freebie/4411/7 "2016-06-15T11:27:50Z")

</div>

Nice one!  
Question: how have you made this “Section”-Buttons (?) on top of the Panel-Form? (the rigt top row of page sections)

S.

---

<div class="post-metadata">

**Author:** ![Thiousi](https://dub1.discourse-cdn.com/flex017/user_avatar/forum.getkirby.com/thiousi/32/13656_2.png) [@Thiousi](https://forum.getkirby.com/u/Thiousi)\
**Post date:** [June 15, 2016, 11:58am UTC](https://forum.getkirby.com/t/a-theme-a-day-day-3-freebie/4411/8 "2016-06-15T11:58:14Z")

</div>

Hi @svnt  
I’m using the tabs plugin. You can find it on the forum 🙂

---

<div class="post-metadata">

**Author:** ![texnixe](https://dub1.discourse-cdn.com/flex017/user_avatar/forum.getkirby.com/texnixe/32/5754_2.png) [@texnixe](https://forum.getkirby.com/u/texnixe)\
**Post date:** [June 15, 2016, 12:24pm UTC](https://forum.getkirby.com/t/a-theme-a-day-day-3-freebie/4411/9 "2016-06-15T12:24:18Z")

</div>

@Svnt: Pls. note that there are two tab fields:

1. [https://github.com/1n3JgKl9pQ6cUMrW/kirby-tabs](https://github.com/1n3JgKl9pQ6cUMrW/kirby-tabs)
2. [https://github.com/afbora/Kirby-Tabs-Field](https://github.com/afbora/Kirby-Tabs-Field)

By the look of it, @thiousi uses the first one.

---

<div class="post-metadata">

**Author:** ![Thiousi](https://dub1.discourse-cdn.com/flex017/user_avatar/forum.getkirby.com/thiousi/32/13656_2.png) [@Thiousi](https://forum.getkirby.com/u/Thiousi)\
**Post date:** [June 15, 2016, 4:26pm UTC](https://forum.getkirby.com/t/a-theme-a-day-day-3-freebie/4411/10 "2016-06-15T16:26:02Z")

</div>

Yes thanks for pointing that out. I’m using kirby-tabs by @1n3JgKl9pQ6cUMrW

---

<div class="post-metadata">

**Author:** ![Thiousi](https://dub1.discourse-cdn.com/flex017/user_avatar/forum.getkirby.com/thiousi/32/13656_2.png) [@Thiousi](https://forum.getkirby.com/u/Thiousi)\
**Post date:** [June 15, 2016, 4:35pm UTC](https://forum.getkirby.com/t/a-theme-a-day-day-3-freebie/4411/11 "2016-06-15T16:35:21Z")

</div>

**Day 3 already !**  
It rhymes with Freebie 🙂

Today, I built something I’d like to consider as a plug and play functionnality that could be useful to a lot of people!

## [Introducing Kirby FAQ](https://gum.co/uPQm)

This is a barebone FAQ solution for KIRBY. It’s purpose is mainly to demonstrate how to effectively build a FAQ for your website. You can also use it as-is in a client website for a simple to administrate FAQ.

### How much does it cost?

**You decide**! I haven’t set a price for it but I’ve left open the possibility to set the price. **You can buy me a coffee** for the long coding hours I’m putting into Kirby themes 🙂

### Why are you doing this?

I simply **fell in love with Kirby** and try to give back to the community by offering some themes as a base for others to create awesome stuff!

## Screenshots

**Frontend:** A simple bootstrap frontend to demonstrate this solution. Check out the code to customize your own!

 ![](https://europe1.discourse-cdn.com/flex017/uploads/getkirby/original/2X/c/c00dc06824aa625dfeddf7313a6dae421c077ffb.JPG)

**Backend:** Each FAQ section is a subpage of the FAQ. Create a subpage to add a new section… Structure Field lets you add as many questions as you want.

 ![](https://europe1.discourse-cdn.com/flex017/uploads/getkirby/original/2X/6/64edb264c43ea5030443c7728d80d772aad6427a.JPG)

I’d love some feedback! Also, if you have some ideas for tomorrow… I’m open 😉
