tikiwiki-artwork — All about the Tiki look & feel, graphics, icons, themes, logos + other GUI stuff

Re: [Tikiwiki-artwork] icon style - btn vs link

[Jonny B. <jo...@ti...>]

Hi all,

That's just what i was going to suggest Luci, +1 for connecting the {button} _icon param to the new buttons if it's not already (by magic) and using that for, all buttons? Only i think the URL param is either href or _script, and i would hope the get escaped automagically in the function somewhere, so this might be

	{button _icon='permission' href='$permission_link.url'}

Hmm, after a little experimentation it looks like the {button} function needs a bit of work to be able to do this, currently if you have _text and _icon set it only shows the icon (and the _text becomes the title attribute), also it only uses the old {icon _id=... format which is fixable, and the auto args thing has been broken for a long time imho (maybe for ever - i never worked out why you have to add _auto_args='do' when you've already specified a param).

Maybe adding an _iconpos param that could be 'start' or 'end' which would maintain the current behaviour.

I've been playing with replacing the "clear all caches" one at templates/tiki-admin_system.tpl:10 and i think we should be able to replace the <a> tag with

	{button _icon='trash' _iconpos='start' _text='{tr}Clear all caches{/tr}' _type='primary' do='all'}

What do you think? Should we change the way button works a bit so this "just works"? This might be our only chance to do this for several releases...

Finally, maybe this should move the the dev list?

Cheers,

jb




On 10 Oct 2014, at 20:03, luciash d' being <lu...@ti...> wrote:

> hI gEZZA
> 
> I think it would be better like this:
> 
> 	
> {icon name="permission" link="$permission_link.url|escape"}
> 
> When needed in a button:
> 
> 	{button _icon="permission" action="$permission_link.url|escape"}
> 
> Not sure button does link or href or action or whatever...
> 
> luci
> 
> 
> 
> On 10/10/2014 05:58 PM, gezzzan wrote:
>> Hi
>> 
>> working with icon sets I came across this question: it is inconsistent in Tiki how icons are sorrounded, sometimes it is a button style (btn bootstrap class), sometimes it is link style (link bootstrap class)
>> 
>> do you think it makes sense to make a setting for this this at iconset and icon level? Or we should keep it "hardcoded" for btn or link style?
>> 
>> Example:
>> 
>> //currently
>> <a class="btn btn-default btn-sm" href="{$permission_link.url|escape}">
>>  {icon name="permission"}
>> </a>
>> 
>> //proposed->the class of the <a> would be empty in the tpl and a span generated by the icon function would sorround the icon, so the tpl would look like this:
>> <a href="{$permission_link.url|escape}">
>>  {icon name="permission"}
>> </a>
>> 
>> the class of the span (which is set in the icon set) would than decide if it is btn or a link styled
>> 
>> what do you think?
>> 
>> thanks&cheers,
>> gezza
>> 
>> 
>> ------------------------------------------------------------------------------
>> Meet PCI DSS 3.0 Compliance Requirements with EventLog Analyzer
>> Achieve PCI DSS 3.0 Compliant Status with Out-of-the-box PCI DSS Reports
>> Are you Audit-Ready for PCI DSS 3.0 Compliance? Download White paper
>> Comply to PCI DSS 3.0 Requirement 10 and 11.5 with EventLog Analyzer
>> 
>> http://pubads.g.doubleclick.net/gampad/clk?id=154622311&iu=/4140/ostg.clktrk
>> 
>> 
>> _______________________________________________
>> Tikiwiki-artwork mailing list
>> 
>> Tik...@li...
>> https://lists.sourceforge.net/lists/listinfo/tikiwiki-artwork
> 
> ------------------------------------------------------------------------------
> Meet PCI DSS 3.0 Compliance Requirements with EventLog Analyzer
> Achieve PCI DSS 3.0 Compliant Status with Out-of-the-box PCI DSS Reports
> Are you Audit-Ready for PCI DSS 3.0 Compliance? Download White paper
> Comply to PCI DSS 3.0 Requirement 10 and 11.5 with EventLog Analyzer
> http://p.sf.net/sfu/Zoho_______________________________________________
> Tikiwiki-artwork mailing list
> Tik...@li...
> https://lists.sourceforge.net/lists/listinfo/tikiwiki-artwork

Re: [Tikiwiki-artwork] icon style - btn vs link

[luciash d' b. <lu...@ti...>]

hI gEZZA

I think it would be better like this:


	{icon name="permission" link="$permission_link.url|escape"}


When needed in a button:

	{button _icon="permission" action="$permission_link.url|escape"}


Not sure button does link or href or action or whatever...

luci



On 10/10/2014 05:58 PM, gezzzan wrote:
> Hi
>
> working with icon sets I came across this question: it is inconsistent 
> in Tiki how icons are sorrounded, sometimes it is a button style (btn 
> bootstrap class), sometimes it is link style (link bootstrap class)
>
> do you think it makes sense to make a setting for this this at iconset 
> and icon level? Or we should keep it "hardcoded" for btn or link style?
>
> Example:
>
> //currently
> <a class="btn btn-default btn-sm" href="{$permission_link.url|escape}">
> {icon name="permission"}
> </a>
>
> //proposed->the class of the <a> would be empty in the tpl and a span 
> generated by the icon function would sorround the icon, so the tpl 
> would look like this:
> <a href="{$permission_link.url|escape}">
> {icon name="permission"}
> </a>
>
> the class of the span (which is set in the icon set) would than decide 
> if it is btn or a link styled
>
> what do you think?
>
> thanks&cheers,
> gezza
>
>
> ------------------------------------------------------------------------------
> Meet PCI DSS 3.0 Compliance Requirements with EventLog Analyzer
> Achieve PCI DSS 3.0 Compliant Status with Out-of-the-box PCI DSS Reports
> Are you Audit-Ready for PCI DSS 3.0 Compliance? Download White paper
> Comply to PCI DSS 3.0 Requirement 10 and 11.5 with EventLog Analyzer
> http://pubads.g.doubleclick.net/gampad/clk?id=154622311&iu=/4140/ostg.clktrk
>
>
> _______________________________________________
> Tikiwiki-artwork mailing list
> Tik...@li...
> https://lists.sourceforge.net/lists/listinfo/tikiwiki-artwork

[Tikiwiki-artwork] icon style - btn vs link

[gezzzan <ge...@ya...>]

Hi
working with icon sets I came across this question: it is inconsistent in Tiki how icons are sorrounded, sometimes it is a button style (btn bootstrap class), sometimes it is link style (link bootstrap class)
do you think it makes sense to make a setting for this this at iconset and icon level? Or we should keep it "hardcoded" for btn or link style?
Example:
//currently<a class="btn btn-default btn-sm" href="{$permission_link.url|escape}"> {icon name="permission"}</a>
//proposed->the class of the <a> would be empty in the tpl and a span generated by the icon function would sorround the icon, so the tpl would look like this:<a href="{$permission_link.url|escape}">
 {icon name="permission"}</a>
the class of the span (which is set in the icon set) would than decide if it is btn or a link styled
what do you think?
thanks&cheers,gezza

Re: [Tikiwiki-artwork] css problems with tables

[Gary Cunningham-L. <ga...@cu...>]

I responded to his post on the dev list.

-- Gary


On 10/4/2014 2:13 AM, Torsten wrote:
> Hi Gary,
>
> I guess this post of Jean-Marc Libs is mostly affecting your ongoing work:
>
> https://tiki.org/tiki-view_forum_thread.php?forumId=26&comments_parentId=53616#form
>
> I feel, that the effect of Jean-Marc's suggested changes is what we want
> to have for responsive tables?
>
> What you think?
>
> T.
>
> ------------------------------------------------------------------------------
> Meet PCI DSS 3.0 Compliance Requirements with EventLog Analyzer
> Achieve PCI DSS 3.0 Compliant Status with Out-of-the-box PCI DSS Reports
> Are you Audit-Ready for PCI DSS 3.0 Compliance? Download White paper
> Comply to PCI DSS 3.0 Requirement 10 and 11.5 with EventLog Analyzer
> http://pubads.g.doubleclick.net/gampad/clk?id=154622311&iu=/4140/ostg.clktrk
> _______________________________________________
> Tikiwiki-artwork mailing list
> Tik...@li...
> https://lists.sourceforge.net/lists/listinfo/tikiwiki-artwork
>

[Tikiwiki-artwork] css problems with tables

[Torsten <tik...@tw...>]

Hi Gary,

I guess this post of Jean-Marc Libs is mostly affecting your ongoing work:

https://tiki.org/tiki-view_forum_thread.php?forumId=26&comments_parentId=53616#form

I feel, that the effect of Jean-Marc's suggested changes is what we want
to have for responsive tables?

What you think?

T.

[Tikiwiki-artwork] Tiki.org revamp thoughts

[Torsten <tik...@tw...>]

Hey there.

I am sending a number of thoughts, how I imagine the revamped tiki
websites. Not so much going into details of grafical design, but more
imagining an overall structural concept.

If you like, I might add handdrawn sketches lateron.

*! Lucis mockups*

I like the info.tiki.org header version best and would like to see
analoge versions for the other subsites aswell.
Actually I refer to the slight bright blue logo "behind" the full
colored logo, which gives the white-space header real design and power,
compared to the too empty version with full-colored logo only.

*! Big Logo / header*

Further more I see the "big logo" only for the "landing page(s)" -
*tiki.org/HomePage and it could become the initial (first) image for a
responsive slideshow and same time it's fallback-background.
For "content pages" we could either use a narrow header with midsized or
small logo or integrate the logo in the top-navbar

The (a) landing page slideshow could be either {carousel} or any other
like ex.:
Apple style slideshow jquery.sequence.js, MIT licence,
http://www.sequencejs.com/themes/apple-style/
Simple and lighweight responsive slider, MIT license,
http://responsiveslides.com/
ayaSlider - jQuery flexible slider plugin, MIT licence,
https://dl.dropboxusercontent.com/u/3241507/ayaslider/index.html
etc.
(I like the Apple style)



*! Sites*

** HomePage(s):*

I like to see the *.tiki.org HomePages as guiding pages whith
additionally a fancy / eye-candy surface impression for especially
newbies, desicion makers and web-designers.

*** Community / tiki.org: *

The main HomePage tiki.org/HomePage = tiki.org/index.html should not be
redirected anymore to info.t.o, but have a layout like the following:

1. navbar top-fixed

A (high and bright) Navbar could scroll up a bit and after a few
centimeters scrolling reappear a bit darker and narrow, then being fixed
to the top ... I do not know how this type is called.

2. header with big logo (as described above, like on the info mockup)

Optionally a slideshow starting after the initial logo.
(Only on the HomePages / landing pages!)

3. NO topbar horizontal navigation, NO left/right column on the
HomePages (landing pages)

4. Guiding elements

A number of "fields" or divs linking to the most important subwebsites
and one field for the rest
The fields could be buttons, squares or circles ... just describing the
principle though, not the design detail.
On the divs (maybe in different colors applying to the subwebsites) a
one-color favicon plus the descriptive name - Information, Community,
Development, Themes, etc..
When you hover on one of the divs you get a short, more detailed text,
desc ribing what you can expect on the subwebsite.

/(The community div is linking to tiki.org/community, whilst the other
divs are linking to *.tiki.org/HomePage.//)/

5. Between "guiding area" and footer

When you scroll further down, you find a space with either further
informative text, like "about Tiki" or divs with modules displaying new
content, new forum posts, etc.

*** Suite / suite.tiki.org:*

IMHO suite.tiki.org should be taken out of tiki.org. The content has
nothing to do with the usual community website and suite is a very
specific project, maintained by very few people, although it deserves an
individual Tiki instance.
Further more Tiki is not (yet?) developed to be a Multi-Site-CMS,
despite having Multi-Domain, perspectives etc. <-> suite is not a workspace.

Perspectives should be used for workgroups/workspaces or a
non-js-alternative of the website (imho).

*** Info - Information, Doc - Documentation, Dev - Development, Themes,
/Community:**
*
Info should (definitely) get a nice landing page and has the aim to give
well structured information for interested non-yet Tiki users, desicion
makers and press.

The consultant area needs a revamp and some distiction between
self-enlisted-consultants and Tiki approved consultants (who need to
have some standart of Tiki knowledge and maybe some specific feature
knowledge).

Doc can have a landing page that guides to different aspects of the
documentation including external (approved) documentation like Ricks
websites and specific docs on *.tiki.org subwebsites like themes.

Community, Dev and Themes should have a guiding intro landing page aswell.

All those landing pages should have a less big header than tiki.org,
hence same style. Apart from info.tiki.org (maybe aswell tiki.org and
tiki.org/Community) there might be no need for a slideshow (at least for
the next while), which made things easier to develop (where to get a lot
of good images for slideshows we eventually might not need!?

*! General global layout (structure)*

* navbar (fixed-top)
+ Header-navigation / secondary site menu / top-navbar as said above
fixed-top, but maybe a bit more fancy
/+ ... (A (high and bright) Navbar could scroll up a bit and after a few
centimeters scrolling reappear a bit darker and narrow, then being fixed
to the top ... I do not know how this type is called.)/
+ top-navbar is for login, switch language, my account, switch to other
*.tiki.org, maybe administration=quickadmin+main-app-menu in a dropdown
+ Apart from optional different colors and registration on tiki.org all
identical throughout all *.tiki.org

* Administration
+ optionally an off-canvas-menu for administration and editors or in a
dropdown in the top navbar
+ for off-canvas menus there are a few jQuery MIT licenced plugins
available, but what's then with a non-js-fallback?
+ -> non-js-perspective with main app css-superfish-menu in a dropdown
of the navbar-fixed-top? Perspectives see below.

* header
+ Header logo / Slideshow: big on landing pages (tiki.org/HomePage +
*.tiki.org/HomePage + tiki.org/Community)
+ Logo, no slideshow: midsized or small, maybe integrated in top-navbar
(navbar-fixed-top) for all content pages

* main navigation
+ horizontal topbar to access all main topics and areas
+ maybe a second horizontal submenu for each main topic/area of the main
navigation
+ maybe no topbar on landing pages (HomePages)

* 2-column design for the general (default) perspective
+ 1-column on landing pages
+ perspective for non-js-users
+ perspectives for special needs or workgroups with different or extra
modules and optional 3-column design
+ theme-option(s) for visual impared people - high contrast, larger font

* no multi-site per instance as long as we have no real
multi-side-feature developped (example suite.tiki.org)
+ upgrade (Rodrigo S.) and better documentation (everybody) of TRIM (<-
just a sidenote)

* footer
+ should this be more a sitespecific as a sitemap or a collection of
tiki-related internal and external links?
+ or both, maybe half/half?

So, these are the todays 27 cent.

See ya later guys.

Best regards,
T.

PS
Thx luci for the mockups!

Re: [Tikiwiki-artwork] Tiki.org (community) homepage theme mockup

[Jonny B. <jo...@ti...>]

Hi Gary

I was going to say check https://nextdev.tiki.org or nextdoc for an example of what happens in an upgrade from 13 to trunk now, but they're both back on WSoD again :(

Yesterday they both has no css applied at all, because they were still expecting css to be in the styles dir as it used to be.... so this afternoon i committed an upgrade script to set the theme_active (odd name?) to the previous style pref, which at least means ''some'' styling happens, even if it's not using the style's option yet. I'm planning to add that soon, but running out of day now here...

Thanks for getting on with this, at least it's forced the issue! :)

jonny




On 3 Oct 2014, at 16:10, Gary Cunningham-Lee <ga...@cu...> wrote:

> What trouble are you having with themes? For me they basically work as 
> expected, apart from the options, which aren't really implemented 
> properly yet (if they will be - I don't know the roadmap for them). For 
> the Fivealive options, I just modified the theme option stylesheets to 
> import the parent stylesheet, since the options aren't loading 
> otherwise. You have to input the path manually in the custom stylesheet 
> field (fivealive/options/kiwi/tiki.css or whatever the path is).
> 
> Apart from that I'm able to switch themes and so on, and they seem to 
> display correctly, as far as I've checked. But the Look and Feel theme 
> selecting interface is pretty screwed up in trunk now.
> 
> -- Gary
> 
> 
> On 10/3/2014 7:20 PM, Jonny Bradley wrote:
>> 
>> I committed a change to the {list} plugin in trunk recently (thanks Marc ;) to allow use of the Bootstrap Carousel in a list plugin... let me find my example (sorry, docs coming soon - hmm, sigh - trunk totally borked with "the theme thing")
>> 
>> Ok, here it is:
>> 
>> !! Carousel list
>> {LIST()}
>> {list max="20"}
>> {filter field="tracker_id" content="42"}
>> {OUTPUT(template="carousel")}
>>   {carousel interval="2000" wrap="1" pause="hover" id="mycarousel"}
>>   {body field="pic" mode="raw"}
>>   {caption field="title"}
>> {OUTPUT}
>> {FORMAT(name="pic")}{display name="tracker_field_images" format="trackerrender" default=""}{FORMAT}
>> {LIST}
>> 
>> Maybe we can use that in the landing page top space?
>> 
>> I did it as a list plugin output option so you could put any type of content in there, not just file gals as with the previous carousel/slider plugins. Hope that makes sense! :)
>> 
>> jb
>> 
>> 
>> 
>> 
>> 
>> 
>> On 3 Oct 2014, at 08:13, gezzzan <ge...@ya...> wrote:
>> 
>>> +1 to the concept
>>> +1 to use a slideshow at the top of the homepage (landing site), pluginslider maybe
>>> 
>>> one suggestion: I think it is nicer to have colorful (branding colored) site icons in the left side of topbar instead of just plain white
>>> 
>>> cheers,
>>> gezza
>>> 
>>> 
>>> On Friday, October 3, 2014 3:55 AM, Gary Cunningham-Lee <ga...@cu...> wrote:
>>> 
>>> 
>>>> I'm ok with using some space at the top of the homepage for something
>>>> like this, but IMHO the logo just isn't so lovely that displaying it in
>>>> a big size actually benefits the page. I think it would be better if the
>>>> space contained something more meaningful, like a slideshow or
>>>> different-photo-with-each-page-refresh, so on the community page maybe
>>>> there could be photos of "community" - i.e., showing people working
>>>> together. Ideally these would be Tiki users or even some images from
>>>> TikiFests if appropriate. Or if not photos, then some graphic or graphic
>>>> + text that conveys some information or adds to a good impression of the
>>>> project, etc.
>>>> 
>>>> On IRC Torsten said something about "landing pages" which seems to be
>>>> related to this, so I hope he posts his ideas here pretty soon. :-)
>>>> 
>>>> -- Gary
>>>> 
>>>> 
>>>> On 10/3/2014 1:00 AM, luciash d' being wrote:
>>>>> Thanks Jonny, I think it is no problem at all when it is on homepage
>>>>> (landing page) only ;)
>>>>> 
>>>>> luci
>>>>> 
>>>>> 
>>>>> On 10/02/2014 03:37 PM, Jonny Bradley wrote:
>>>>>> Looks good Luci, although i'm a bit unsure about the huge logo or heading at the top, while i appreciate the "lots of white space is cool" argument, personally i think it pushes all the real content too far down the page...
>>>>>> 
>>>>>> Just my 2¢, definitely an improvement though, thanks again and well done! :)
>>>>>> 
>>>>>> jonny
>>>>>> 
>>>>>> 
>>>>>> On 2 Oct 2014, at 02:34, luciash d' being <lu...@ti...> wrote:
>>>>>> 
>>>>>>> Hi Artsy Tiki ppl! :)
>>>>>>> 
>>>>>>> Here is my attempt to simplify fivealive-lite and make it look nicer with some customizations for the homepage of community tiki.org site:
>>>>>>> 
>>>>>>> <com-tiki-org-page-homepage.png>
>>>>>>> 
>>>>>>> The idea is to make the home page uncluttered and stand out. It is just a mockup made in Inkscape (I can provide the SVG to interested    ppl) with branding colors and fonts.
>>>>>>> Fonts used are Paneuropa Street and Lato + FontAwesome icon font.
>>>>>>> 
>>>>>>> I imagine it could work like this when you scroll down: The top header gets scrolled up and large logo hidden (collapsed) between the black bar and the "orange" menu, only the top black bar becomes 80% opaque and when touched/swiped/hovered it reveals the top header again. Will show up on following mockups in another email...
>>>>>>> 
>>>>>>> luci
>>>>>>> 
>>>>>>> ------------------------------------------------------------------------------
>>>>>>> Meet PCI DSS 3.0 Compliance Requirements with EventLog Analyzer
>>>>>>> Achieve PCI DSS 3.0 Compliant Status with Out-of-the-box PCI DSS Reports
>>>>>>> Are you Audit-Ready for PCI DSS 3.0 Compliance? Download White paper
>>>>>>> Comply to PCI DSS 3.0 Requirement 10 and 11.5 with EventLog Analyzer
>>>>>>> http://pubads.g.doubleclick.net/gampad/clk?id=154622311&iu=/4140/ostg.clktrk_______________________________________________
>>>>>>> Tikiwiki-artwork mailing list
>>>>>>> Tik...@li...
>>>>>>> https://lists.sourceforge.net/lists/listinfo/tikiwiki-artwork
>>>> 
>>>>>> 
>>>>>> ------------------------------------------------------------------------------
>>>>>> Meet PCI DSS 3.0 Compliance Requirements with EventLog Analyzer
>>>>>> Achieve PCI DSS 3.0 Compliant Status with Out-of-the-box PCI DSS Reports
>>>>>> Are you Audit-Ready for PCI DSS 3.0 Compliance? Download White paper
>>>>>> Comply to PCI DSS 3.0 Requirement 10 and 11.5 with EventLog Analyzer
>>>>>> http://pubads.g.doubleclick.net/gampad/clk?id=154622311&iu=/4140/ostg.clktrk
>>>>>> _______________________________________________
>>>>>> Tikiwiki-artwork mailing list
>>>>>> Tik...@li...
>>>>>> https://lists.sourceforge.net/lists/listinfo/tikiwiki-artwork
>>>>> 
>>>>> 
>>>>> ------------------------------------------------------------------------------
>>>>> Meet PCI DSS 3.0 Compliance Requirements with EventLog Analyzer
>>>>> Achieve PCI DSS 3.0 Compliant Status with Out-of-the-box PCI DSS Reports
>>>>> Are you Audit-Ready for PCI DSS 3.0 Compliance? Download White paper
>>>>> Comply to PCI DSS 3.0 Requirement 10 and 11.5 with EventLog Analyzer
>>>>> http://pubads.g.doubleclick.net/gampad/clk?id=154622311&iu=/4140/ostg.clktrk
>>>>> _______________________________________________
>>>>> Tikiwiki-artwork mailing list
>>>>> Tik...@li...
>>>>> https://lists.sourceforge.net/lists/listinfo/tikiwiki-artwork
>>>>> 
>>>> 
>>>> 
>>>> ------------------------------------------------------------------------------
>>>> Meet PCI DSS 3.0 Compliance Requirements with EventLog Analyzer
>>>> Achieve PCI DSS 3.0 Compliant Status with Out-of-the-box PCI DSS Reports
>>>> Are you Audit-Ready for PCI DSS 3.0 Compliance? Download White paper
>>>> Comply to PCI DSS 3.0 Requirement 10 and 11.5 with EventLog Analyzer
>>>> http://pubads.g.doubleclick.net/gampad/clk?id=154622311&iu=/4140/ostg.clktrk
>>>> _______________________________________________
>>>> Tikiwiki-artwork mailing list
>>>> Tik...@li...
>>>> https://lists.sourceforge.net/lists/listinfo/tikiwiki-artwork
>>>> 
>>>> 
>>> ------------------------------------------------------------------------------
>>> Meet PCI DSS 3.0 Compliance Requirements with EventLog Analyzer
>>> Achieve PCI DSS 3.0 Compliant Status with Out-of-the-box PCI DSS Reports
>>> Are you Audit-Ready for PCI DSS 3.0 Compliance? Download White paper
>>> Comply to PCI DSS 3.0 Requirement 10 and 11.5 with EventLog Analyzer
>>> http://pubads.g.doubleclick.net/gampad/clk?id=154622311&iu=/4140/ostg.clktrk_______________________________________________
>>> Tikiwiki-artwork mailing list
>>> Tik...@li...
>>> https://lists.sourceforge.net/lists/listinfo/tikiwiki-artwork
>> 
>> 
>> ------------------------------------------------------------------------------
>> Meet PCI DSS 3.0 Compliance Requirements with EventLog Analyzer
>> Achieve PCI DSS 3.0 Compliant Status with Out-of-the-box PCI DSS Reports
>> Are you Audit-Ready for PCI DSS 3.0 Compliance? Download White paper
>> Comply to PCI DSS 3.0 Requirement 10 and 11.5 with EventLog Analyzer
>> http://pubads.g.doubleclick.net/gampad/clk?id=154622311&iu=/4140/ostg.clktrk
>> _______________________________________________
>> Tikiwiki-artwork mailing list
>> Tik...@li...
>> https://lists.sourceforge.net/lists/listinfo/tikiwiki-artwork
>> 
> 
> 
> ------------------------------------------------------------------------------
> Meet PCI DSS 3.0 Compliance Requirements with EventLog Analyzer
> Achieve PCI DSS 3.0 Compliant Status with Out-of-the-box PCI DSS Reports
> Are you Audit-Ready for PCI DSS 3.0 Compliance? Download White paper
> Comply to PCI DSS 3.0 Requirement 10 and 11.5 with EventLog Analyzer
> http://pubads.g.doubleclick.net/gampad/clk?id=154622311&iu=/4140/ostg.clktrk
> _______________________________________________
> Tikiwiki-artwork mailing list
> Tik...@li...
> https://lists.sourceforge.net/lists/listinfo/tikiwiki-artwork

Re: [Tikiwiki-artwork] Tiki.org (community) homepage theme mockup

[Gary Cunningham-L. <ga...@cu...>]

What trouble are you having with themes? For me they basically work as 
expected, apart from the options, which aren't really implemented 
properly yet (if they will be - I don't know the roadmap for them). For 
the Fivealive options, I just modified the theme option stylesheets to 
import the parent stylesheet, since the options aren't loading 
otherwise. You have to input the path manually in the custom stylesheet 
field (fivealive/options/kiwi/tiki.css or whatever the path is).

Apart from that I'm able to switch themes and so on, and they seem to 
display correctly, as far as I've checked. But the Look and Feel theme 
selecting interface is pretty screwed up in trunk now.

-- Gary


On 10/3/2014 7:20 PM, Jonny Bradley wrote:
>
> I committed a change to the {list} plugin in trunk recently (thanks Marc ;) to allow use of the Bootstrap Carousel in a list plugin... let me find my example (sorry, docs coming soon - hmm, sigh - trunk totally borked with "the theme thing")
>
> Ok, here it is:
>
> !! Carousel list
> {LIST()}
> {list max="20"}
> {filter field="tracker_id" content="42"}
> {OUTPUT(template="carousel")}
>    {carousel interval="2000" wrap="1" pause="hover" id="mycarousel"}
>    {body field="pic" mode="raw"}
>    {caption field="title"}
> {OUTPUT}
> {FORMAT(name="pic")}{display name="tracker_field_images" format="trackerrender" default=""}{FORMAT}
> {LIST}
>
> Maybe we can use that in the landing page top space?
>
> I did it as a list plugin output option so you could put any type of content in there, not just file gals as with the previous carousel/slider plugins. Hope that makes sense! :)
>
> jb
>
>
>
>
>
>
> On 3 Oct 2014, at 08:13, gezzzan <ge...@ya...> wrote:
>
>> +1 to the concept
>> +1 to use a slideshow at the top of the homepage (landing site), pluginslider maybe
>>
>> one suggestion: I think it is nicer to have colorful (branding colored) site icons in the left side of topbar instead of just plain white
>>
>> cheers,
>> gezza
>>
>>
>> On Friday, October 3, 2014 3:55 AM, Gary Cunningham-Lee <ga...@cu...> wrote:
>>
>>
>>> I'm ok with using some space at the top of the homepage for something
>>> like this, but IMHO the logo just isn't so lovely that displaying it in
>>> a big size actually benefits the page. I think it would be better if the
>>> space contained something more meaningful, like a slideshow or
>>> different-photo-with-each-page-refresh, so on the community page maybe
>>> there could be photos of "community" - i.e., showing people working
>>> together. Ideally these would be Tiki users or even some images from
>>> TikiFests if appropriate. Or if not photos, then some graphic or graphic
>>> + text that conveys some information or adds to a good impression of the
>>> project, etc.
>>>
>>> On IRC Torsten said something about "landing pages" which seems to be
>>> related to this, so I hope he posts his ideas here pretty soon. :-)
>>>
>>> -- Gary
>>>
>>>
>>> On 10/3/2014 1:00 AM, luciash d' being wrote:
>>>> Thanks Jonny, I think it is no problem at all when it is on homepage
>>>> (landing page) only ;)
>>>>
>>>> luci
>>>>
>>>>
>>>> On 10/02/2014 03:37 PM, Jonny Bradley wrote:
>>>>> Looks good Luci, although i'm a bit unsure about the huge logo or heading at the top, while i appreciate the "lots of white space is cool" argument, personally i think it pushes all the real content too far down the page...
>>>>>
>>>>> Just my 2¢, definitely an improvement though, thanks again and well done! :)
>>>>>
>>>>> jonny
>>>>>
>>>>>
>>>>> On 2 Oct 2014, at 02:34, luciash d' being <lu...@ti...> wrote:
>>>>>
>>>>>> Hi Artsy Tiki ppl! :)
>>>>>>
>>>>>> Here is my attempt to simplify fivealive-lite and make it look nicer with some customizations for the homepage of community tiki.org site:
>>>>>>
>>>>>> <com-tiki-org-page-homepage.png>
>>>>>>
>>>>>> The idea is to make the home page uncluttered and stand out. It is just a mockup made in Inkscape (I can provide the SVG to interested    ppl) with branding colors and fonts.
>>>>>> Fonts used are Paneuropa Street and Lato + FontAwesome icon font.
>>>>>>
>>>>>> I imagine it could work like this when you scroll down: The top header gets scrolled up and large logo hidden (collapsed) between the black bar and the "orange" menu, only the top black bar becomes 80% opaque and when touched/swiped/hovered it reveals the top header again. Will show up on following mockups in another email...
>>>>>>
>>>>>> luci
>>>>>>
>>>>>> ------------------------------------------------------------------------------
>>>>>> Meet PCI DSS 3.0 Compliance Requirements with EventLog Analyzer
>>>>>> Achieve PCI DSS 3.0 Compliant Status with Out-of-the-box PCI DSS Reports
>>>>>> Are you Audit-Ready for PCI DSS 3.0 Compliance? Download White paper
>>>>>> Comply to PCI DSS 3.0 Requirement 10 and 11.5 with EventLog Analyzer
>>>>>> http://pubads.g.doubleclick.net/gampad/clk?id=154622311&iu=/4140/ostg.clktrk_______________________________________________
>>>>>> Tikiwiki-artwork mailing list
>>>>>> Tik...@li...
>>>>>> https://lists.sourceforge.net/lists/listinfo/tikiwiki-artwork
>>>
>>>>>
>>>>> ------------------------------------------------------------------------------
>>>>> Meet PCI DSS 3.0 Compliance Requirements with EventLog Analyzer
>>>>> Achieve PCI DSS 3.0 Compliant Status with Out-of-the-box PCI DSS Reports
>>>>> Are you Audit-Ready for PCI DSS 3.0 Compliance? Download White paper
>>>>> Comply to PCI DSS 3.0 Requirement 10 and 11.5 with EventLog Analyzer
>>>>> http://pubads.g.doubleclick.net/gampad/clk?id=154622311&iu=/4140/ostg.clktrk
>>>>> _______________________________________________
>>>>> Tikiwiki-artwork mailing list
>>>>> Tik...@li...
>>>>> https://lists.sourceforge.net/lists/listinfo/tikiwiki-artwork
>>>>
>>>>
>>>> ------------------------------------------------------------------------------
>>>> Meet PCI DSS 3.0 Compliance Requirements with EventLog Analyzer
>>>> Achieve PCI DSS 3.0 Compliant Status with Out-of-the-box PCI DSS Reports
>>>> Are you Audit-Ready for PCI DSS 3.0 Compliance? Download White paper
>>>> Comply to PCI DSS 3.0 Requirement 10 and 11.5 with EventLog Analyzer
>>>> http://pubads.g.doubleclick.net/gampad/clk?id=154622311&iu=/4140/ostg.clktrk
>>>> _______________________________________________
>>>> Tikiwiki-artwork mailing list
>>>> Tik...@li...
>>>> https://lists.sourceforge.net/lists/listinfo/tikiwiki-artwork
>>>>
>>>
>>>
>>> ------------------------------------------------------------------------------
>>> Meet PCI DSS 3.0 Compliance Requirements with EventLog Analyzer
>>> Achieve PCI DSS 3.0 Compliant Status with Out-of-the-box PCI DSS Reports
>>> Are you Audit-Ready for PCI DSS 3.0 Compliance? Download White paper
>>> Comply to PCI DSS 3.0 Requirement 10 and 11.5 with EventLog Analyzer
>>> http://pubads.g.doubleclick.net/gampad/clk?id=154622311&iu=/4140/ostg.clktrk
>>> _______________________________________________
>>> Tikiwiki-artwork mailing list
>>> Tik...@li...
>>> https://lists.sourceforge.net/lists/listinfo/tikiwiki-artwork
>>>
>>>
>> ------------------------------------------------------------------------------
>> Meet PCI DSS 3.0 Compliance Requirements with EventLog Analyzer
>> Achieve PCI DSS 3.0 Compliant Status with Out-of-the-box PCI DSS Reports
>> Are you Audit-Ready for PCI DSS 3.0 Compliance? Download White paper
>> Comply to PCI DSS 3.0 Requirement 10 and 11.5 with EventLog Analyzer
>> http://pubads.g.doubleclick.net/gampad/clk?id=154622311&iu=/4140/ostg.clktrk_______________________________________________
>> Tikiwiki-artwork mailing list
>> Tik...@li...
>> https://lists.sourceforge.net/lists/listinfo/tikiwiki-artwork
>
>
> ------------------------------------------------------------------------------
> Meet PCI DSS 3.0 Compliance Requirements with EventLog Analyzer
> Achieve PCI DSS 3.0 Compliant Status with Out-of-the-box PCI DSS Reports
> Are you Audit-Ready for PCI DSS 3.0 Compliance? Download White paper
> Comply to PCI DSS 3.0 Requirement 10 and 11.5 with EventLog Analyzer
> http://pubads.g.doubleclick.net/gampad/clk?id=154622311&iu=/4140/ostg.clktrk
> _______________________________________________
> Tikiwiki-artwork mailing list
> Tik...@li...
> https://lists.sourceforge.net/lists/listinfo/tikiwiki-artwork
>

Re: [Tikiwiki-artwork] Tiki.org (community) homepage theme mockup

[Jonny B. <jo...@ti...>]

I committed a change to the {list} plugin in trunk recently (thanks Marc ;) to allow use of the Bootstrap Carousel in a list plugin... let me find my example (sorry, docs coming soon - hmm, sigh - trunk totally borked with "the theme thing")

Ok, here it is:

!! Carousel list
{LIST()}
{list max="20"}
{filter field="tracker_id" content="42"}
{OUTPUT(template="carousel")}
  {carousel interval="2000" wrap="1" pause="hover" id="mycarousel"}
  {body field="pic" mode="raw"}
  {caption field="title"}
{OUTPUT}
{FORMAT(name="pic")}{display name="tracker_field_images" format="trackerrender" default=""}{FORMAT}
{LIST}

Maybe we can use that in the landing page top space?

I did it as a list plugin output option so you could put any type of content in there, not just file gals as with the previous carousel/slider plugins. Hope that makes sense! :)

jb






On 3 Oct 2014, at 08:13, gezzzan <ge...@ya...> wrote:

> +1 to the concept
> +1 to use a slideshow at the top of the homepage (landing site), pluginslider maybe
> 
> one suggestion: I think it is nicer to have colorful (branding colored) site icons in the left side of topbar instead of just plain white
> 
> cheers,
> gezza
> 
> 
> On Friday, October 3, 2014 3:55 AM, Gary Cunningham-Lee <ga...@cu...> wrote:
> 
> 
>> I'm ok with using some space at the top of the homepage for something 
>> like this, but IMHO the logo just isn't so lovely that displaying it in 
>> a big size actually benefits the page. I think it would be better if the 
>> space contained something more meaningful, like a slideshow or 
>> different-photo-with-each-page-refresh, so on the community page maybe 
>> there could be photos of "community" - i.e., showing people working 
>> together. Ideally these would be Tiki users or even some images from 
>> TikiFests if appropriate. Or if not photos, then some graphic or graphic 
>> + text that conveys some information or adds to a good impression of the 
>> project, etc.
>> 
>> On IRC Torsten said something about "landing pages" which seems to be 
>> related to this, so I hope he posts his ideas here pretty soon. :-)
>> 
>> -- Gary
>> 
>> 
>> On 10/3/2014 1:00 AM, luciash d' being wrote:
>> > Thanks Jonny, I think it is no problem at all when it is on homepage
>> > (landing page) only ;)
>> >
>> > luci
>> >
>> >
>> > On 10/02/2014 03:37 PM, Jonny Bradley wrote:
>> >> Looks good Luci, although i'm a bit unsure about the huge logo or heading at the top, while i appreciate the "lots of white space is cool" argument, personally i think it pushes all the real content too far down the page...
>> >>
>> >> Just my 2¢, definitely an improvement though, thanks again and well done! :)
>> >>
>> >> jonny
>> >>
>> >>
>> >> On 2 Oct 2014, at 02:34, luciash d' being <lu...@ti...> wrote:
>> >>
>> >>> Hi Artsy Tiki ppl! :)
>> >>>
>> >>> Here is my attempt to simplify fivealive-lite and make it look nicer with some customizations for the homepage of community tiki.org site:
>> >>>
>> >>> <com-tiki-org-page-homepage.png>
>> >>>
>> >>> The idea is to make the home page uncluttered and stand out. It is just a mockup made in Inkscape (I can provide the SVG to interested    ppl) with branding colors and fonts.
>> >>> Fonts used are Paneuropa Street and Lato + FontAwesome icon font.
>> >>>
>> >>> I imagine it could work like this when you scroll down: The top header gets scrolled up and large logo hidden (collapsed) between the black bar and the "orange" menu, only the top black bar becomes 80% opaque and when touched/swiped/hovered it reveals the top header again. Will show up on following mockups in another email...
>> >>>
>> >>> luci
>> >>>
>> >>> ------------------------------------------------------------------------------
>> >>> Meet PCI DSS 3.0 Compliance Requirements with EventLog Analyzer
>> >>> Achieve PCI DSS 3.0 Compliant Status with Out-of-the-box PCI DSS Reports
>> >>> Are you Audit-Ready for PCI DSS 3.0 Compliance? Download White paper
>> >>> Comply to PCI DSS 3.0 Requirement 10 and 11.5 with EventLog Analyzer
>> >>> http://pubads.g.doubleclick.net/gampad/clk?id=154622311&iu=/4140/ostg.clktrk_______________________________________________
>> >>> Tikiwiki-artwork mailing list
>> >>> Tik...@li...
>> >>> https://lists.sourceforge.net/lists/listinfo/tikiwiki-artwork
>> 
>> >>
>> >> ------------------------------------------------------------------------------
>> >> Meet PCI DSS 3.0 Compliance Requirements with EventLog Analyzer
>> >> Achieve PCI DSS 3.0 Compliant Status with Out-of-the-box PCI DSS Reports
>> >> Are you Audit-Ready for PCI DSS 3.0 Compliance? Download White paper
>> >> Comply to PCI DSS 3.0 Requirement 10 and 11.5 with EventLog Analyzer
>> >> http://pubads.g.doubleclick.net/gampad/clk?id=154622311&iu=/4140/ostg.clktrk
>> >> _______________________________________________
>> >> Tikiwiki-artwork mailing list
>> >> Tik...@li...
>> >> https://lists.sourceforge.net/lists/listinfo/tikiwiki-artwork
>> >
>> >
>> > ------------------------------------------------------------------------------
>> > Meet PCI DSS 3.0 Compliance Requirements with EventLog Analyzer
>> > Achieve PCI DSS 3.0 Compliant Status with Out-of-the-box PCI DSS Reports
>> > Are you Audit-Ready for PCI DSS 3.0 Compliance? Download White paper
>> > Comply to PCI DSS 3.0 Requirement 10 and 11.5 with EventLog Analyzer
>> > http://pubads.g.doubleclick.net/gampad/clk?id=154622311&iu=/4140/ostg.clktrk
>> > _______________________________________________
>> > Tikiwiki-artwork mailing list
>> > Tik...@li...
>> > https://lists.sourceforge.net/lists/listinfo/tikiwiki-artwork
>> >
>> 
>> 
>> ------------------------------------------------------------------------------
>> Meet PCI DSS 3.0 Compliance Requirements with EventLog Analyzer
>> Achieve PCI DSS 3.0 Compliant Status with Out-of-the-box PCI DSS Reports
>> Are you Audit-Ready for PCI DSS 3.0 Compliance? Download White paper
>> Comply to PCI DSS 3.0 Requirement 10 and 11.5 with EventLog Analyzer
>> http://pubads.g.doubleclick.net/gampad/clk?id=154622311&iu=/4140/ostg.clktrk
>> _______________________________________________
>> Tikiwiki-artwork mailing list
>> Tik...@li...
>> https://lists.sourceforge.net/lists/listinfo/tikiwiki-artwork
>> 
>> 
> ------------------------------------------------------------------------------
> Meet PCI DSS 3.0 Compliance Requirements with EventLog Analyzer
> Achieve PCI DSS 3.0 Compliant Status with Out-of-the-box PCI DSS Reports
> Are you Audit-Ready for PCI DSS 3.0 Compliance? Download White paper
> Comply to PCI DSS 3.0 Requirement 10 and 11.5 with EventLog Analyzer
> http://pubads.g.doubleclick.net/gampad/clk?id=154622311&iu=/4140/ostg.clktrk_______________________________________________
> Tikiwiki-artwork mailing list
> Tik...@li...
> https://lists.sourceforge.net/lists/listinfo/tikiwiki-artwork

Re: [Tikiwiki-artwork] Tiki.org (community) homepage theme mockup

[gezzzan <ge...@ya...>]

+1 to the concept
+1 to use a slideshow at the top of the homepage (landing site), pluginslider maybe

one suggestion: I think it is nicer to have colorful (branding colored) site icons in the left side of topbar instead of just plain white

cheers,
gezza


On Friday, October 3, 2014 3:55 AM, Gary Cunningham-Lee <ga...@cu...> wrote:
 


I'm ok with using some space at the top of the homepage for something 
like this, but IMHO the logo just isn't so lovely that displaying it in 
a big size actually benefits the page. I think it would be better if the 
space contained something more meaningful, like a slideshow or 
different-photo-with-each-page-refresh, so on the community page maybe 
there could be photos of "community" - i.e., showing people working 
together. Ideally these would be Tiki users or even some images from 
TikiFests if appropriate. Or if not photos, then some graphic or graphic 
+ text that conveys some information or adds to a good impression of the 
project, etc.

On IRC Torsten said something about "landing pages" which seems to be 
related to this, so I hope he posts his ideas here pretty soon. :-)

-- Gary


On 10/3/2014 1:00 AM, luciash d' being wrote:
> Thanks Jonny, I think it is no problem at all when it is on homepage
> (landing page) only ;)
>
> luci
>
>
> On 10/02/2014 03:37 PM, Jonny Bradley wrote:
>> Looks good Luci, although i'm a bit unsure about the huge logo or heading at the top, while i appreciate the "lots of white space is cool" argument, personally i think it pushes all the real content too far down the page...
>>
>> Just my 2¢, definitely an improvement though, thanks again and well done! :)
>>
>> jonny
>>
>>
>> On 2 Oct 2014, at 02:34, luciash d' being <lu...@ti...> wrote:
>>
>>> Hi Artsy Tiki ppl! :)
>>>
>>> Here is my attempt to simplify fivealive-lite and make it look nicer with some customizations for the homepage of community tiki.org site:
>>>
>>> <com-tiki-org-page-homepage.png>
>>>
>>> The idea is to make the home page uncluttered and stand out. It is just a mockup made in Inkscape (I can provide the SVG to interested     ppl) with branding colors and fonts.
>>> Fonts used are Paneuropa Street and Lato + FontAwesome icon font.
>>>
>>> I imagine it could work like this when you scroll down: The top header gets scrolled up and large logo hidden (collapsed) between the black bar and the "orange" menu, only the top black bar becomes 80% opaque and when touched/swiped/hovered it reveals the top header again. Will show up on following mockups in another email...
>>>
>>> luci
>>>
>>> ------------------------------------------------------------------------------
>>> Meet PCI DSS 3.0 Compliance Requirements with EventLog Analyzer
>>> Achieve PCI DSS 3.0 Compliant Status with Out-of-the-box PCI DSS Reports
>>> Are you Audit-Ready for PCI DSS 3.0 Compliance? Download White paper
>>> Comply to PCI DSS 3.0 Requirement 10 and 11.5 with EventLog Analyzer
>>> http://pubads.g.doubleclick.net/gampad/clk?id=154622311&iu=/4140/ostg.clktrk_______________________________________________
>>> Tikiwiki-artwork mailing list
>>> Tik...@li...
>>> https://lists.sourceforge.net/lists/listinfo/tikiwiki-artwork

>>
>> ------------------------------------------------------------------------------
>> Meet PCI DSS 3.0 Compliance Requirements with EventLog Analyzer
>> Achieve PCI DSS 3.0 Compliant Status with Out-of-the-box PCI DSS Reports
>> Are you Audit-Ready for PCI DSS 3.0 Compliance? Download White paper
>> Comply to PCI DSS 3.0 Requirement 10 and 11.5 with EventLog Analyzer
>> http://pubads.g.doubleclick.net/gampad/clk?id=154622311&iu=/4140/ostg.clktrk
>> _______________________________________________
>> Tikiwiki-artwork mailing list
>> Tik...@li...
>> https://lists.sourceforge.net/lists/listinfo/tikiwiki-artwork
>
>
> ------------------------------------------------------------------------------
> Meet PCI DSS 3.0 Compliance Requirements with EventLog Analyzer
> Achieve PCI DSS 3.0 Compliant Status with Out-of-the-box PCI DSS Reports
> Are you Audit-Ready for PCI DSS 3.0 Compliance? Download White paper
> Comply to PCI DSS 3.0 Requirement 10 and 11.5 with EventLog Analyzer
> http://pubads.g.doubleclick.net/gampad/clk?id=154622311&iu=/4140/ostg.clktrk
> _______________________________________________
> Tikiwiki-artwork mailing list
> Tik...@li...
> https://lists.sourceforge.net/lists/listinfo/tikiwiki-artwork
>


------------------------------------------------------------------------------
Meet PCI DSS 3.0 Compliance Requirements with EventLog Analyzer
Achieve PCI DSS 3.0 Compliant Status with Out-of-the-box PCI DSS Reports
Are you Audit-Ready for PCI DSS 3.0 Compliance? Download White paper
Comply to PCI DSS 3.0 Requirement 10 and 11.5 with EventLog Analyzer
http://pubads.g.doubleclick.net/gampad/clk?id=154622311&iu=/4140/ostg.clktrk
_______________________________________________
Tikiwiki-artwork mailing list
Tik...@li...
https://lists.sourceforge.net/lists/listinfo/tikiwiki-artwork

Re: [Tikiwiki-artwork] Tiki.org (community) homepage theme mockup

[Gary Cunningham-L. <ga...@cu...>]

I'm ok with using some space at the top of the homepage for something 
like this, but IMHO the logo just isn't so lovely that displaying it in 
a big size actually benefits the page. I think it would be better if the 
space contained something more meaningful, like a slideshow or 
different-photo-with-each-page-refresh, so on the community page maybe 
there could be photos of "community" - i.e., showing people working 
together. Ideally these would be Tiki users or even some images from 
TikiFests if appropriate. Or if not photos, then some graphic or graphic 
+ text that conveys some information or adds to a good impression of the 
project, etc.

On IRC Torsten said something about "landing pages" which seems to be 
related to this, so I hope he posts his ideas here pretty soon. :-)

-- Gary


On 10/3/2014 1:00 AM, luciash d' being wrote:
> Thanks Jonny, I think it is no problem at all when it is on homepage
> (landing page) only ;)
>
> luci
>
>
> On 10/02/2014 03:37 PM, Jonny Bradley wrote:
>> Looks good Luci, although i'm a bit unsure about the huge logo or heading at the top, while i appreciate the "lots of white space is cool" argument, personally i think it pushes all the real content too far down the page...
>>
>> Just my 2¢, definitely an improvement though, thanks again and well done! :)
>>
>> jonny
>>
>>
>> On 2 Oct 2014, at 02:34, luciash d' being <lu...@ti...> wrote:
>>
>>> Hi Artsy Tiki ppl! :)
>>>
>>> Here is my attempt to simplify fivealive-lite and make it look nicer with some customizations for the homepage of community tiki.org site:
>>>
>>> <com-tiki-org-page-homepage.png>
>>>
>>> The idea is to make the home page uncluttered and stand out. It is just a mockup made in Inkscape (I can provide the SVG to interested     ppl) with branding colors and fonts.
>>> Fonts used are Paneuropa Street and Lato + FontAwesome icon font.
>>>
>>> I imagine it could work like this when you scroll down: The top header gets scrolled up and large logo hidden (collapsed) between the black bar and the "orange" menu, only the top black bar becomes 80% opaque and when touched/swiped/hovered it reveals the top header again. Will show up on following mockups in another email...
>>>
>>> luci
>>>
>>> ------------------------------------------------------------------------------
>>> Meet PCI DSS 3.0 Compliance Requirements with EventLog Analyzer
>>> Achieve PCI DSS 3.0 Compliant Status with Out-of-the-box PCI DSS Reports
>>> Are you Audit-Ready for PCI DSS 3.0 Compliance? Download White paper
>>> Comply to PCI DSS 3.0 Requirement 10 and 11.5 with EventLog Analyzer
>>> http://pubads.g.doubleclick.net/gampad/clk?id=154622311&iu=/4140/ostg.clktrk_______________________________________________
>>> Tikiwiki-artwork mailing list
>>> Tik...@li...
>>> https://lists.sourceforge.net/lists/listinfo/tikiwiki-artwork
>>
>> ------------------------------------------------------------------------------
>> Meet PCI DSS 3.0 Compliance Requirements with EventLog Analyzer
>> Achieve PCI DSS 3.0 Compliant Status with Out-of-the-box PCI DSS Reports
>> Are you Audit-Ready for PCI DSS 3.0 Compliance? Download White paper
>> Comply to PCI DSS 3.0 Requirement 10 and 11.5 with EventLog Analyzer
>> http://pubads.g.doubleclick.net/gampad/clk?id=154622311&iu=/4140/ostg.clktrk
>> _______________________________________________
>> Tikiwiki-artwork mailing list
>> Tik...@li...
>> https://lists.sourceforge.net/lists/listinfo/tikiwiki-artwork
>
>
> ------------------------------------------------------------------------------
> Meet PCI DSS 3.0 Compliance Requirements with EventLog Analyzer
> Achieve PCI DSS 3.0 Compliant Status with Out-of-the-box PCI DSS Reports
> Are you Audit-Ready for PCI DSS 3.0 Compliance? Download White paper
> Comply to PCI DSS 3.0 Requirement 10 and 11.5 with EventLog Analyzer
> http://pubads.g.doubleclick.net/gampad/clk?id=154622311&iu=/4140/ostg.clktrk
> _______________________________________________
> Tikiwiki-artwork mailing list
> Tik...@li...
> https://lists.sourceforge.net/lists/listinfo/tikiwiki-artwork
>

Re: [Tikiwiki-artwork] Tiki.org (community) homepage theme mockup

[luciash d' b. <lu...@ti...>]

Thanks Jonny, I think it is no problem at all when it is on homepage 
(landing page) only ;)

luci


On 10/02/2014 03:37 PM, Jonny Bradley wrote:
> Looks good Luci, although i'm a bit unsure about the huge logo or heading at the top, while i appreciate the "lots of white space is cool" argument, personally i think it pushes all the real content too far down the page...
>
> Just my 2¢, definitely an improvement though, thanks again and well done! :)
>
> jonny
>
>
> On 2 Oct 2014, at 02:34, luciash d' being <lu...@ti...> wrote:
>
>> Hi Artsy Tiki ppl! :)
>>
>> Here is my attempt to simplify fivealive-lite and make it look nicer with some customizations for the homepage of community tiki.org site:
>>
>> <com-tiki-org-page-homepage.png>
>>
>> The idea is to make the home page uncluttered and stand out. It is just a mockup made in Inkscape (I can provide the SVG to interested     ppl) with branding colors and fonts.
>> Fonts used are Paneuropa Street and Lato + FontAwesome icon font.
>>
>> I imagine it could work like this when you scroll down: The top header gets scrolled up and large logo hidden (collapsed) between the black bar and the "orange" menu, only the top black bar becomes 80% opaque and when touched/swiped/hovered it reveals the top header again. Will show up on following mockups in another email...
>>
>> luci
>>
>> ------------------------------------------------------------------------------
>> Meet PCI DSS 3.0 Compliance Requirements with EventLog Analyzer
>> Achieve PCI DSS 3.0 Compliant Status with Out-of-the-box PCI DSS Reports
>> Are you Audit-Ready for PCI DSS 3.0 Compliance? Download White paper
>> Comply to PCI DSS 3.0 Requirement 10 and 11.5 with EventLog Analyzer
>> http://pubads.g.doubleclick.net/gampad/clk?id=154622311&iu=/4140/ostg.clktrk_______________________________________________
>> Tikiwiki-artwork mailing list
>> Tik...@li...
>> https://lists.sourceforge.net/lists/listinfo/tikiwiki-artwork
>
> ------------------------------------------------------------------------------
> Meet PCI DSS 3.0 Compliance Requirements with EventLog Analyzer
> Achieve PCI DSS 3.0 Compliant Status with Out-of-the-box PCI DSS Reports
> Are you Audit-Ready for PCI DSS 3.0 Compliance? Download White paper
> Comply to PCI DSS 3.0 Requirement 10 and 11.5 with EventLog Analyzer
> http://pubads.g.doubleclick.net/gampad/clk?id=154622311&iu=/4140/ostg.clktrk
> _______________________________________________
> Tikiwiki-artwork mailing list
> Tik...@li...
> https://lists.sourceforge.net/lists/listinfo/tikiwiki-artwork

Re: [Tikiwiki-artwork] Tiki.org (community) homepage theme mockup

[Jonny B. <jo...@ti...>]

Looks good Luci, although i'm a bit unsure about the huge logo or heading at the top, while i appreciate the "lots of white space is cool" argument, personally i think it pushes all the real content too far down the page...

Just my 2¢, definitely an improvement though, thanks again and well done! :)

jonny


On 2 Oct 2014, at 02:34, luciash d' being <lu...@ti...> wrote:

> Hi Artsy Tiki ppl! :)
> 
> Here is my attempt to simplify fivealive-lite and make it look nicer with some customizations for the homepage of community tiki.org site:
> 
> <com-tiki-org-page-homepage.png>
> 
> The idea is to make the home page uncluttered and stand out. It is just a mockup made in Inkscape (I can provide the SVG to interested     ppl) with branding colors and fonts.
> Fonts used are Paneuropa Street and Lato + FontAwesome icon font.
> 
> I imagine it could work like this when you scroll down: The top header gets scrolled up and large logo hidden (collapsed) between the black bar and the "orange" menu, only the top black bar becomes 80% opaque and when touched/swiped/hovered it reveals the top header again. Will show up on following mockups in another email...
> 
> luci
> 
> ------------------------------------------------------------------------------
> Meet PCI DSS 3.0 Compliance Requirements with EventLog Analyzer
> Achieve PCI DSS 3.0 Compliant Status with Out-of-the-box PCI DSS Reports
> Are you Audit-Ready for PCI DSS 3.0 Compliance? Download White paper
> Comply to PCI DSS 3.0 Requirement 10 and 11.5 with EventLog Analyzer
> http://pubads.g.doubleclick.net/gampad/clk?id=154622311&iu=/4140/ostg.clktrk_______________________________________________
> Tikiwiki-artwork mailing list
> Tik...@li...
> https://lists.sourceforge.net/lists/listinfo/tikiwiki-artwork

Re: [Tikiwiki-artwork] Iconsets

[gezzzan <ge...@ya...>]

hi!

yes, probably not everything can be done for Tiki14, but maybe we can complete phase2, see Tiki14 tab at http://dev.tiki.org/Icons
 
cheers,
gezza


On Thursday, October 2, 2014 4:04 AM, luciash d' being <lu...@ti...> wrote:
 


Hi Gezza!

Sounds awesome. Have to check it out! But I fear with branching at
    the end of October it is too little time to do that for 14.

luci



On 10/01/2014 11:45 AM, gezzzan wrote:

HiDevs
>
>
>With r52682 I commited a skeleton for having iconsets in Tiki. Some of you were interested in having iconsets, so please review and give feedback if you think this is easy enough for theme designers to use.
>
>
>If we continue this path, than the tpls have to be mass updated and also the iconset definition files need to be enhanced with icon definitions.
>Let me know if you are interested to help to get it done for Tiki14.
>
>
>thanks&cheers,
>gezza
> 
>
>
>------------------------------------------------------------------------------
Meet PCI DSS 3.0 Compliance Requirements with EventLog Analyzer
Achieve PCI DSS 3.0 Compliant Status with Out-of-the-box PCI DSS Reports
Are you Audit-Ready for PCI DSS 3.0 Compliance? Download White paper
Comply to PCI DSS 3.0 Requirement 10 and 11.5 with EventLog Analyzer http://pubads.g.doubleclick.net/gampad/clk?id=154622311&iu=/4140/ostg.clktrk
>
>
>_______________________________________________
Tikiwiki-artwork mailing list Tik...@li... https://lists.sourceforge.net/lists/listinfo/tikiwiki-artwork 

Re: [Tikiwiki-artwork] Iconsets

[luciash d' b. <lu...@ti...>]

Hi Gezza!

Sounds awesome. Have to check it out! But I fear with branching at the 
end of October it is too little time to do that for 14.

luci


On 10/01/2014 11:45 AM, gezzzan wrote:
> HiDevs
>
> With r52682 I commited a skeleton for having iconsets in Tiki. Some of 
> you were interested in having iconsets, so please review and give 
> feedback if you think this is easy enough for theme designers to use.
>
> If we continue this path, than the tpls have to be mass updated and 
> also the iconset definition files need to be enhanced with icon 
> definitions.
> Let me know if you are interested to help to get it done for Tiki14.
>
> thanks&cheers,
> gezza
>
>
> ------------------------------------------------------------------------------
> Meet PCI DSS 3.0 Compliance Requirements with EventLog Analyzer
> Achieve PCI DSS 3.0 Compliant Status with Out-of-the-box PCI DSS Reports
> Are you Audit-Ready for PCI DSS 3.0 Compliance? Download White paper
> Comply to PCI DSS 3.0 Requirement 10 and 11.5 with EventLog Analyzer
> http://pubads.g.doubleclick.net/gampad/clk?id=154622311&iu=/4140/ostg.clktrk
>
>
> _______________________________________________
> Tikiwiki-artwork mailing list
> Tik...@li...
> https://lists.sourceforge.net/lists/listinfo/tikiwiki-artwork

[Tikiwiki-artwork] Info.tiki.org theme option mockup

[luciash d' b. <lu...@ti...>]

When we would decide actually get rid of the Tiki 6.x LTS on 
info.tiki.org and upgrade at least to 12.x I would recommend to change 
the look and simplify using the fivealive-lite theme there too:




What do you think?

Let me know!

Greets,
luci

[Tikiwiki-artwork] Dev.tiki.org and doc theme option mockup

[luciash d' b. <lu...@ti...>]

This is how the dev site theme option would look like:



This is the doc site variant:




I think you get the picture (idea) ;)

luci

[Tikiwiki-artwork] Tiki.org (community) subpages theme mockup

[luciash d' b. <lu...@ti...>]

Here is how I think could the all other pages look like.

Please note all the exports are done for browser viewport resolution 
1024x640 and of course on larger screens there could be one of the side 
columns displayed (or both - but maybe that is becoming cluttered again 
- we should rethink if we really need all of those modules displayed 
around) and for smaller screens (tablets and smart phones) it would of 
course need to be designed and adjusted accordingly still.




This is how the top header would collapse (hide) up (with CSS animation) 
behind the viewport edge and menu bar would slide to top when page 
scrolled down a bit (also notice there would be shadow appearing and the 
black bar becomes semi-transparent so user gets indication the bars are 
floating above the page content and the top right arrow for scrolling to 
bottom of the page would change direction with rotation animation and 
points up to scroll to top now):




Now how the header would react when hovered near the top edge or 
touched/swiped on touch screen (it would reveal the top header again for 
quick access to the links placed in there):



Also notice the Search link with font-icon - it would reveal on click 
the search form with search, go and edit buttons + advanced link maybe.

luci

[Tikiwiki-artwork] Tiki.org (community) homepage theme mockup

[luciash d' b. <lu...@ti...>]

Hi Artsy Tiki ppl! :)

Here is my attempt to simplify fivealive-lite and make it look nicer 
with some customizations for the homepage of community tiki.org site:



The idea is to make the home page uncluttered and stand out. It is just 
a mockup made in Inkscape (I can provide the SVG to interested ppl) with 
branding colors and fonts.
Fonts used are Paneuropa Street and Lato + FontAwesome icon font.

I imagine it could work like this when you scroll down: The top header 
gets scrolled up and large logo hidden (collapsed) between the black bar 
and the "orange" menu, only the top black bar becomes 80% opaque and 
when touched/swiped/hovered it reveals the top header again. Will show 
up on following mockups in another email...

luci

[Tikiwiki-artwork] Iconsets

[gezzzan <ge...@ya...>]

HiDevs

With r52682 I commited a skeleton for having iconsets in Tiki. Some of you were interested in having iconsets, so please review and give feedback if you think this is easy enough for theme designers to use.

If we continue this path, than the tpls have to be mass updated and also the iconset definition files need to be enhanced with icon definitions.
Let me know if you are interested to help to get it done for Tiki14.

thanks&cheers,
gezza

Re: [Tikiwiki-artwork] Time frame for selectable icon sets

[luciash d' b. <lu...@ti...>]

I think it is more for Tiki 15 than 14.

luci


On 09/19/2014 06:04 AM, Gary Cunningham-Lee wrote:
> Hi,
>
> There seems to be a consensus to move from the default Glyphicons in
> Bootstrap to Font Awesome, assuming the icon information is still
> hard-coded in the template files so there is a single choice. This can
> be done in time for Tiki 14 probably.
>
> But what about the timeline of selectable iconsets, as described here:
> http://dev.tiki.org/Icons ? Is this possible for Tiki 14? (We're talking
> about branching in late October and final release in early December, I
> believe.) (If the method is clearly laid out, I can help with the
> template grunt work, but I don't know about the backend coding really.)
>
> -- Gary
>
> ------------------------------------------------------------------------------
> Slashdot TV.  Video for Nerds.  Stuff that Matters.
> http://pubads.g.doubleclick.net/gampad/clk?id=160591471&iu=/4140/ostg.clktrk
> _______________________________________________
> Tikiwiki-artwork mailing list
> Tik...@li...
> https://lists.sourceforge.net/lists/listinfo/tikiwiki-artwork

Re: [Tikiwiki-artwork] New theme roadmap

[luciash d' b. <lu...@ti...>]

Hi Gary,

yesterday was technically a TikiFest in London, indeed, but I think you 
meant Webinar ;)

I will try to do some mockups for Fivealive Lite including my vision of 
some KISS (keep it simple stupid) content soon...

luci


On 09/19/2014 06:17 AM, Gary Cunningham-Lee wrote:
> Hi,
>
> Reality is setting in a bit more strongly following yesterday's
> TikiFest. There's some backing for just cleaning up FiveAlive-lite as
> used at the sites, but also seems like there's a strong desire for a new
> theme. (Actually FiveAlive-lite should be improved any way it may need
> it, since it's a distributed theme as well as being used for now on the
> project sites.) So in view of the quickly approaching release time
> (branching at the end of October and release in early December, I
> believe), if anyone has plans to design, create, commission, rip off,
> etc. a new theme, please do so very soon. :-)
>
> Also it was mentioned again at the TikiFest how intertwined the theme
> design and the content of the pages are, so probably the theme designer
> also needs to think about how much and what kind of content is
> recommended for the sites, regarding layout and appearance. I brought up
> Marc's example of joomla.org. At that site, the theme itself is pretty
> minimal - as are many current sites - and visual impact relies a lot on
> typography and content images rather than heavy theme backgrounds,
> window/box chrome and other graphic elements. But we also want a
> distinct brand, so there's the challenge.
>
> -- Gary
>
> ------------------------------------------------------------------------------
> Slashdot TV.  Video for Nerds.  Stuff that Matters.
> http://pubads.g.doubleclick.net/gampad/clk?id=160591471&iu=/4140/ostg.clktrk
> _______________________________________________
> Tikiwiki-artwork mailing list
> Tik...@li...
> https://lists.sourceforge.net/lists/listinfo/tikiwiki-artwork

[Tikiwiki-artwork] New theme roadmap

[Gary Cunningham-L. <ga...@cu...>]

Hi,

Reality is setting in a bit more strongly following yesterday's
TikiFest. There's some backing for just cleaning up FiveAlive-lite as
used at the sites, but also seems like there's a strong desire for a new
theme. (Actually FiveAlive-lite should be improved any way it may need
it, since it's a distributed theme as well as being used for now on the
project sites.) So in view of the quickly approaching release time
(branching at the end of October and release in early December, I
believe), if anyone has plans to design, create, commission, rip off,
etc. a new theme, please do so very soon. :-)

Also it was mentioned again at the TikiFest how intertwined the theme
design and the content of the pages are, so probably the theme designer
also needs to think about how much and what kind of content is
recommended for the sites, regarding layout and appearance. I brought up
Marc's example of joomla.org. At that site, the theme itself is pretty
minimal - as are many current sites - and visual impact relies a lot on
typography and content images rather than heavy theme backgrounds,
window/box chrome and other graphic elements. But we also want a
distinct brand, so there's the challenge.

-- Gary

[Tikiwiki-artwork] Time frame for selectable icon sets

[Gary Cunningham-L. <ga...@cu...>]

Hi,

There seems to be a consensus to move from the default Glyphicons in
Bootstrap to Font Awesome, assuming the icon information is still
hard-coded in the template files so there is a single choice. This can
be done in time for Tiki 14 probably.

But what about the timeline of selectable iconsets, as described here:
http://dev.tiki.org/Icons ? Is this possible for Tiki 14? (We're talking
about branching in late October and final release in early December, I
believe.) (If the method is clearly laid out, I can help with the
template grunt work, but I don't know about the backend coding really.)

-- Gary

Re: [Tikiwiki-artwork] Gary's idea of an > icon set feature <

[luciash d' b. <lu...@ti...>]

Hi Gary,

obviously +1 for <symbol> element!

Don't forget you still need the <svg> element around it though!

luci


On 09/10/2014 03:49 PM, Gary Cunningham-Lee wrote:
> Hi,
>
> I only glanced at some examples but it seems that the HTML element that
> the CSS is applied to varies depending on the icon format. That is, one
> example showed SVG icons using "<svg>" or "<symbol>", not "<span>". I
> guess this means more than just a class needs to be "translated" -- also
> the HTML element, but maybe that's no big deal.
>
> Instead of the current:
> <a class="btn btn-default"><span class="glyphicon glyphicon-print
> tooltips"></span></a>
>
> The template can have <a class="btn btn-default">{icon_print}</a> or
> something.
>
> Then somehow
>
> {icon_print} can be replaced by <span class="glyphicon glyphicon-print
> tooltips"></span> or
>
> <span class="fa-pencil"></span> (Is this what Font Awesome needs?)
>
> or <symbol id="print" viewBox="214.7 0 182.6 792">
>      <!-- <path>s and whatever other shapes in here -->
>    </symbol>*
>
> etc. depending on the icon set chosen. Seems like it needs something
> like how language string replacement works.
>
> *(Symbol syntax from http://css-tricks.com/svg-symbol-good-choice-icons/
> as an example.)
>
> Bootstrap has a font path variable to do the switching on a CSS/theme
> level but I suppose that won't work for fonts that need some other HTML.
>
> -- Gary
>
>
> On 9/9/2014 6:10 AM, Torsten wrote:
>> Hello Gary and all,
>>
>> I just have seen your note regarding an "icon set feature" in the IRC
>> from a few hours ago.
>>
>> +1 absolutely, that it would be another killer feature to be able to
>> select icon sets (or to create icon sets) using "generic icon names" or
>> icon class names.
>>
>> Not being experienced in coding, I imagine that could be done with some
>> kind of a "mapping file" which could be altered by a preference.
>> Actually I am thinking, if we should not better use font-awesome as
>> default in the templates, as font-awesome has way more free icons than
>> glyphicon have.
>>
>> glyphicon mapping:
>> .icon-edit -> .glyphicon .glyphicon-pencil
>> .icon-user -> .glyphicon .glyphicon-user
>> .icon-mail -> .glyphicon .glyphicon-envelope
>> .icon-mail-inverse -> .glyphicon .glyphicon-envelope
>> .icon-mail-square -> .glyphicon .glyphicon-envelope
>> .icon-tool -> .glyphicon .glyphicon-envelope
>> etc.
>>
>> fontawesome mapping:
>> .generic-icon-edit -> .fa-pencil
>> .generic-icon-user -> .fa-user
>> .generic-icon-mail -> .fa-envelope
>> .generic-icon-mail-inverse -> .fa-envelope-o
>> .generic-icon-mail-square -> .fa-envelope-square
>> .generic-icon-tool -> .fa-wrench
>> etc.
>>
>> some svg mapping:
>> .icon-edit -> .svg-pencil
>> .icon-user -> .svg-user
>> .icon-mail -> .svg-envelope
>> .icon-mail-inverse -> .svg-envelope-o
>> .icon-mail-square -> .svg-envelope-square
>> .icon-tool -> .svg-wrench
>> etc.
>>
>> This way a user who want to create an icon set, needed only to
>> "translate" a mapping file and choose the "translated file" in the
>> icon-preference.
>> And he adds a css file with the classes and background urls to his icons:
>>
>> .svg-pencil { background ('themes/mytheme/icons/pencil.svg')}
>>              respectively
>> .svg-pencil { background ('mytheme/icons/pencil.svg')}
>>
>> No need to alter any template for the icons.
>>
>> Do I see that more or less right?
>>
>> Anyway, how so ever it could be done, a feature for custom icon sets
>> would ease the licence issue, as it would be easily possible for us and
>> for external designers to provide non-LGPL compatible icon sets for
>> subsequent download, not shipped with the installation core.
>>
>> I think that would very well fit to the idea of self-contained themes.
>>
>> My 2 ct.
>>
>> Best regards,
>> Torsten
>>
>>
>>
>>
>>
>> ------------------------------------------------------------------------------
>> Want excitement?
>> Manually upgrade your production database.
>> When you want reliability, choose Perforce
>> Perforce version control. Predictably reliable.
>> http://pubads.g.doubleclick.net/gampad/clk?id=157508191&iu=/4140/ostg.clktrk
>> _______________________________________________
>> Tikiwiki-artwork mailing list
>> Tik...@li...
>> https://lists.sourceforge.net/lists/listinfo/tikiwiki-artwork
>>
>
> ------------------------------------------------------------------------------
> Want excitement?
> Manually upgrade your production database.
> When you want reliability, choose Perforce
> Perforce version control. Predictably reliable.
> http://pubads.g.doubleclick.net/gampad/clk?id=157508191&iu=/4140/ostg.clktrk
> _______________________________________________
> Tikiwiki-artwork mailing list
> Tik...@li...
> https://lists.sourceforge.net/lists/listinfo/tikiwiki-artwork