Piwigo.org

d-matt · 2012-01-02 13:07:16

Naïve is a new and clean theme for piwigo. It is derived from the simple themes.

This work was basically experimental for me (html5, lesscss, Dingbats font for icons, ...) and it was done in a very naive way to suits my needs. Thus it might not work for your gallery and it will definitely not work for your internet explorer users ...

Anyway, even though if it is not ready for production, I though i might still interest some of you here.

So feel free to try, play and hack with it!

flop25 · 2012-01-02 13:22:51

d-matt wrote:
Naïve is a new and clean theme for piwigo. It is derived from the simple themes.

This work was basically experimental for me (html5, lesscss, Dingbats font for icons, ...) and it was done in a very naive way to suits my needs. Thus it might not work for your gallery and it will definitely not work for your internet explorer users ...

Anyway, even though if it is not ready for production, I though i might still interest some of you here.

So feel free to try, play and hack with it!

welcome and thank you for sharing !!
I will take a look

ps: you can add a larger screenshot : it's enlarged onclick in a "lightbox"

Last edited by flop25 (2012-01-02 13:27:33)

flop25 · 2012-01-02 13:31:34

Helvetica Neue, box shadow, ... great ! but I have a bug for the li It seems your tpl is wrong : the ul id=thumbnails is missing

plg · 2012-01-02 13:58:04

Nice theme, very good! (I think that once <ul id="thumbnails"> will be added, it will works with GThumb+

plg · 2012-01-02 16:48:35

Perfect support of GThumb+ with Naive 0.3. Well done!

d-matt · 2012-01-02 16:50:21

Thank you both for your feedbacks. I'm new to piwigo, and there is probably some other rookie mistakes in my code :-)

Anyway, I've pushed version 0.3 in the extensions section (great tool BTW !) and this should now work with GThumb+ plugin.

d-matt · 2012-01-02 16:52:23

plg wrote:
Perfect support of GThumb+ with Naive 0.3. Well done!

Wow, you're fast! Thank you.

plg · 2012-02-13 14:24:00

A user on Facebook is asking if it would be possible to make Naive compliant with [extension by Saint-Malo] PayPal Shopping Cart

d-matt · 2012-02-13 21:52:50

plg wrote:
A user on Facebook is asking if it would be possible to make Naive compliant with [extension by Saint-Malo] PayPal Shopping Cart

I had a quick look at the PayPalShoppingCart plugin and I can see a simple solution. But I am not entirely convinced that I should implement it ...

The plugin tries to include its <table> by looking at some patterns on the picture.tpl. So I could just add the expected pattern in my template and that should do it.

But, in my opinion, plugins shouldn't rely on design elements, otherwise the theme system becomes quite rigid and basically all you can do is some CSS customisations.

I am definitely not a expert and that's why I'd rather ask for your advice here. What are the best practices for those kind of situation? Is there some documentation indicating how themes and plugins should work together? I believe there is some anchors that need to be included in the templates for the plugins (e.g. $PLUGIN_INDEX_CONTENT_BEGIN, $PLUGIN_PICTURE_AFTER) but maybe it is not appropriate in this case.

plg · 2012-02-13 22:40:09

Yes you're right d-matt, we should add some specific variables in picture.tpl to simplify work of plugins. We'll try to implement such mecanisms for Piwigo 2.4 or 2.5.

d-matt · 2012-02-14 18:26:15

That should be awesome ! Count me in if you need some help at that time.

In the mean time, the easiest solution would probably be to create a new template with LocalFileEditor :
naive-mypicture with "naive / picture.tpl" as model

then search

Code:

{$ELEMENT_CONTENT}

and replace it with

Code:

<figure id="image_wrapper">
  {if isset($previous)}<div id="go_to_prev_holder"></div>{/if}
  <img id="subject" src="{$SRC_IMG}" alt="{$ALT_IMG}" style="width:{$WIDTH_IMG}px;height:{$HEIGHT_IMG}px;">
  {if isset($next)}<div id="go_to_next_holder"></div>{/if}
  <figcaption>
    <div class="imageNumber right">{$PHOTO}</div>
    {$current.TITLE|@replace:'"':' '}
  </figcaption>
</figure>
{if isset($COMMENT_IMG)}
    <blockquote>{$COMMENT_IMG|@strip_tags:false|@replace:'"':' '}</blockquote>
{/if}

Then, go to configuration / templates and select for naive-mypicture.tpl:
original template : picture.tpl
bound theme : naive

plg · 2012-02-27 23:01:58

Hi d-matt,

On the body tag, why do you remove the id="theCategoryPage" for example?

I use on the Piwigo.org demo and if I don't have it, I can't show the theme switcher :-/

d-matt · 2012-02-28 09:53:45

I started this theme in a very naive state of mind (hence the name) and I basically build it from scratch. As a consequence some of the key ids or classes are missing, like the one you're refering to.

I clearly made a mistake when I forgot the id="{$BODY_ID}" in the body tag.

I will release a new version to fix this bug very soon.

In order to test this it, what extension are you using to switch between themes?

plg · 2012-03-08 12:51:22

d-matt wrote:
I clearly made a mistake when I forgot the id="{$BODY_ID}" in the body tag.

I will release a new version to fix this bug very soon.

Thank you for version 0.4, it fixes the bug on piwigo.org/demo

d-matt wrote:
In order to test this it, what extension are you using to switch between themes?

we use [extension by pab] Theme switch but that is not the problem: we use a piece a jQuery in the page banner, and the jQuery uses a selector on body ID.

Julia · 2012-04-12 18:22:56

Hi!

Wonderful tool and theme :D

But is there a way to adjust the plugin's height when playing an audio file?
It's enormously big, which is fine for a video, but looks rather odd for mp3 and the like.

I scrolled through the css-files, but couldn't find a way to set the height (I tried adding a height-attribute to several lines with "jp-audio", but to no effect).

I'd be glad if you could help!
Thanks :)

Piwigo.org

Announcement

#1 2012-01-02 13:07:16

[Theme] Naive

#2 2012-01-02 13:22:51

Re: [Theme] Naive

d-matt wrote:

#3 2012-01-02 13:31:34

Re: [Theme] Naive

#4 2012-01-02 13:58:04

Re: [Theme] Naive

#5 2012-01-02 16:48:35

Re: [Theme] Naive

#6 2012-01-02 16:50:21

Re: [Theme] Naive

#7 2012-01-02 16:52:23

Re: [Theme] Naive

plg wrote:

#8 2012-02-13 14:24:00

Re: [Theme] Naive

#9 2012-02-13 21:52:50

Re: [Theme] Naive

plg wrote:

#10 2012-02-13 22:40:09

Re: [Theme] Naive

#11 2012-02-14 18:26:15

Re: [Theme] Naive

Code:

Code:

#12 2012-02-27 23:01:58

Re: [Theme] Naive

#13 2012-02-28 09:53:45

Re: [Theme] Naive

#14 2012-03-08 12:51:22

Re: [Theme] Naive

d-matt wrote:

d-matt wrote:

#15 2012-04-12 18:22:56

Re: [Theme] Naive

Board footer