adding header and footer

[marianghela]

Hello!
I am trying to understand deck.js and how to design my own theme.
I'd like to design a page with header and footer (like http://imakewebthings.com/deck.js/).
To do that, i need to include all the <section> tags inside an <article> or a generic div. But when I do that, the page doesn't work anymore (the arrows disappear and the slide movement too!)
Anyone can help me?

Thanks a lot
Mari

[imakewebthings]

It's hard to debug something without seeing it, but you probably just need to give your body a 100% height in CSS.

[marianghela]

The body is 100% height in css, but the transition movement between the slide doesn't work anymore :-((

[imakewebthings]

Yea, I can't debug this without seeing it.

[marianghela]

Hello!
thanks for writing me again.
I've uploaded a raw sketch of what I am doing here:
http://www.lastiklab.com/t4e_deckjs_2/introduction/index.html
(I'm sorry...it's terrible to see, I still didn't work on the layout).

As you can see, all the <section> are inside an <article> . I've added a fixed header and footer, the arrows are ok now, but the slide transition doesn't work :-(.
I am a graphic designer, I'm not particularly skilled on javascript and html5, that's why I am having problem with deck.js!
Thank you
Mari

[marianghela]

*As you can see, all the "section" are inside an "article".

[imakewebthings]

You should give the article the class of deck-container instead of body. The transition themes provided in this repository expect .slide elements to be direct children of the .deck-container.

[marianghela]

Thank you Caleb!
I feel very stupid now, but I'm happy I can go on with my web site project :-)

I'd like to use deck.js to redesign my on line portfolio, do you think it could fit?
I'd like to understand if it's ok to use deck.js to design a real website or it's better to use it only for html "presentation slides" (like a html online version of powerpoint presentations).
Thank you again,
Mari

[imakewebthings]

While deck.js can certainly be used for a wide variety of things, it was made first and foremost for presentations. I'd recommend folks with a limited knowledge of CSS and JS stick to using it that way.

[mduaneh]

I'm css newbie, but I need to add a header and footer as well. The example @marianghela put up is no longer available. I use the asciidoctor to deckjs workflow, but right now I'm just trying to understand how to add some branding to all slides.
Would it be possible to describe how this would work?

I can see the footer (not shown) but have to scroll down past the slides add on.

Currently I have something like below:

I am A Header