About the "siriux" theme

nicokaiser

Joined: 2004-10-04
Posts: 118
Posted: Mon, 2005-08-08 12:30

I just wanted to start to clean up the siriux theme in Gallery 2.0 RC-1 again, as it's quite ugly right now.

Before doing that, I'd like to ask a little bit about its intention. The reason why I wrote this theme for my personal website siriux.net was that I wanted to have a nice, clean theme that can be styled entirely with CSS. No bells, no whistles, just thumbnails and a photo view. No dropdown menus under each thumbnail, no unnecessary options to clutter up the screen and which make browsing complicated.

In the G2 theme "siriux" I see a clean nice theme that can be altered by just changing a few things in the CSS, maybe adding a personal header/footer (just as I did on siriux.net), done. To do this, the CSS has to be semantical. And the current G2 CSS isn't semantical.

In my opinion the theme doesn't need <body class="gallery"> (why? The current <body> will be a G2 page, so why add the class on every page?), and gbBlock, giInfo, etc. are not semantical enough. The current style (e.g. Matrix) adds classes to each h2/h3 (and by the way, where is h1?) and renders loads of nested <div>'s.

I'd like to have (and maybe publish) a siriux theme that is very general in its look, easy to use and easy to do little adjustments with (thumbnails size, colors, margins, fonts...), yet coded with *very* simple XHTML/CSS.
And this would make the inclusion of some eyecandy (like the JavaScript next/prev hover or the blending "Details" panel on my Photo pages) quite easy, and people love eyecandy (again, as long as it does not clutter up something).

Opinions?

 
ozgreg
ozgreg's picture

Joined: 2003-10-18
Posts: 1378
Posted: Mon, 2005-08-08 13:02

I believe the G2 developers would welcome any new themes (you might want to call it something else although not to be confused with the G2 Siriux theme..

If you are also in theme designing mood feel free to also express it over on the WPG2 forums because we would love a few new embedded Gallery2 Themes..

 
fryfrog

Joined: 2002-10-30
Posts: 3236
Posted: Mon, 2005-08-08 13:23

Actually, I think he is the author of Siriux!

 
valiant

Joined: 2003-01-04
Posts: 32509
Posted: Mon, 2005-08-08 14:08

Yes, of course he is :)

nicokaiser, I agree that Siriux looked better in beta 3 and it needs a little cleanup.
I'm not quite sure if we need the gallery class in the body tag. But at least in a div around the whole G2 content. When embedding G2 in other pages, we need to select / adress the g2 elements, else we'll get more css conflicts / interferences.

 
rogermh

Joined: 2005-01-09
Posts: 102
Posted: Mon, 2005-08-08 15:33

nicokaiser, I think what you're proposing is great! I really like your approach to CSS - it is very clean and understandable. In Beta3 and before, I found the siriux theme to be the easiest to customize, largely because you structured things so that the classes were relatively limited in number and used descriptions that made a lot of sense (e.g. .gallery-thumb, .gallery-album, etc.).

I too am trying to create a look that is relatively clean and simple without all the bells and whistles, and am currently modifying the siriux theme on my work-in-progress site ( http://rohjuh.com/gallery/ ). I've found the following problems with siriux:

1. Does not render properly in Safari as described here:
http://gallery.menalto.com/index.php?name=PNphpBB2&file=viewtopic&t=33965

2. The 'View Fullsize' option does not work (either from the drop-down or the link). It looks like the fullsize photo is loaded, but is then scaled down to fit within the confines of the content box (the rounded rectangular box). Perhaps this was your intent, but I would like the full-size photo to show (just the photo itself without the content box).

Again, great job on the siriux theme and I eagerly look forward to any improvements that you may be making to it!

 
mindless
mindless's picture

Joined: 2004-01-04
Posts: 8601
Posted: Tue, 2005-08-09 03:00

class="gallery" on the body tag was originally added so CSS could be applied to standalone gallery only, not to embedded pages (back when we had embedBody.tpl).. I guess this may no longer work as intended following the theme refactor.

Edit: actually i think this does still work.. embed will pick out the contents of the <body> to return and omit the body tag itself.

 
mindless
mindless's picture

Joined: 2004-01-04
Posts: 8601
Posted: Tue, 2005-08-09 03:03

I also hacked up siriux css quite a bit to make it fit with old style G2 themes... siriux in cvs now still has remnants of that work. Now we have colorpacks instead which are totally optional for a theme to support, so it would be fine for you to rework siriux css back to a simpler state.

 
hawkin
hawkin's picture

Joined: 2002-08-15
Posts: 45
Posted: Wed, 2005-08-10 12:29

I also have to agree that the beta 3 version of siriux looked much better. was much cleaner, and almost worked out of the box for embedding. The one in RC1 looks nice standalone, but not for embedding.

The real feat of siriux theme (I think) is the dynamic layout of thumbnails (not like matrix where it has to be a layout matrix). The layout change in accordance to how wide the browser is and has space for (very nice for "liquid" design)

 
analog_retentive

Joined: 2005-07-07
Posts: 10
Posted: Wed, 2005-08-17 19:16

The thing that I would most like to see updated in siriux is the ability to neatly display album pages where there are a mixture of horizontally and vertically oriented photos:

http://photos.tuttletree.com/main.php?g2_view=core.ShowItem&g2_itemId=659

 
nicokaiser

Joined: 2004-10-04
Posts: 118
Posted: Wed, 2005-08-17 19:25

Well, this is a problem for which I don't have a real good solution yet. The reason is that the script (the theme, smarty or whoever) doesn't know the thumbnail dimensions.

You could easily add "width: 180px; height: 180px;" to the ".gallery-thumb" class in your theme.css (or even better in your local/theme.css ;-)), but this works only if the thumbnail size is 150x150, which is not true for everybody (for me, i'm using 75x75 square thumbs, e.g.)...

 
mindless
mindless's picture

Joined: 2004-01-04
Posts: 8601
Posted: Wed, 2005-08-17 21:19

you can use squarethumb module with fit-to-square mode.

 
nicokaiser

Joined: 2004-10-04
Posts: 118
Posted: Thu, 2005-08-18 23:27

So here is a cleaned-up version:

http://siriux.net/news/2005/08/19/siriuxnet-gallery-20-theme/

Please tell me if you like it, I tried to make it look nice by default, but as I said before, it's intended to be customized...

 
analog_retentive

Joined: 2005-07-07
Posts: 10
Posted: Fri, 2005-08-19 16:55
mindless wrote:
you can use squarethumb module with fit-to-square mode.

Alright, I activated SquareThumb and set it to crop instead of fitting (Prefer that =P)...

Now how do I recreate all my thumbs?

 
nicokaiser

Joined: 2004-10-04
Posts: 118
Posted: Sat, 2005-08-20 17:28
 
MattMc

Joined: 2005-08-14
Posts: 1
Posted: Sat, 2005-08-20 20:57

I just wanted to thank you for this theme. I think it's great.

Just came back (US) from a trip to Austria and Germany, We saw quite a few of the Smart cars - and a few of the Roadsters - can't wait to get one....

Matt

 
nicokaiser

Joined: 2004-10-04
Posts: 118
Posted: Sun, 2005-08-21 18:21

Yes, the smart roadster is really fun, had the chance to test-drive two of them for a week (each)...

 
rogermh

Joined: 2005-01-09
Posts: 102
Posted: Tue, 2005-08-23 04:08

The new version still doesn't seem to render properly in Safari and I'm pulling my hair out trying to figure out why, especially since it looks fine in Firefox. I'm using version 0.9.9 of the Siriux theme that came with the Aug 22 nightly. Any ideas?

 
rogermh

Joined: 2005-01-09
Posts: 102
Posted: Wed, 2005-08-24 05:17

Ya gotta love coding. You spend hours troubleshooting something just to finally realize that the problem is due to the smallest syntax error. I've found out why Siriux doesn't render in Safari. The culprit is a single end parenthesis!!!

#gallery {
  margin: 0;
  padding: 5px;
  text-align: center;
  font-family: 'Lucida Grande', Verdana, Arial, sans-serif;
  color: #333;
  background: #efeee7 url('images/background.png') repeat;)
}

Notice the end parenthesis after the final semi-colon? Well, it shouldn't be there and when it is removed, everything renders fine in Safari. Can the devs please make this correction to the Sirius theme.css file?

 
mindless
mindless's picture

Joined: 2004-01-04
Posts: 8601
Posted: Wed, 2005-08-24 16:13

committed to cvs, thanks!

 
bobosch

Joined: 2005-06-22
Posts: 3
Posted: Wed, 2005-08-24 22:31

I agree to hawkin: The really new on this theme was in G2b3 the dynamic layout. No other theme have this feature!

 
theredfox

Joined: 2004-11-01
Posts: 133
Posted: Thu, 2005-08-25 14:26

Hey Nico.....I think I was one of the first people to admire Siriux, and ask you for a download before you were making it publically available - I think your first public .zip was a response to my request.

I've just grabbed your latest version and yay! - a nice, clean, elegant G2 interface again.

Keep it up, dude! Siriux is way cool.

 
nicokaiser

Joined: 2004-10-04
Posts: 118
Posted: Fri, 2005-08-26 17:13
mindless wrote:
committed to cvs, thanks!

mindless, this is not the "updated" siriux theme in CVS, is it? I'd rather supply the updated and cleaned up code for the G2 release next week...

 
nicokaiser

Joined: 2004-10-04
Posts: 118
Posted: Fri, 2005-08-26 17:15

Regarding the dynamic layout: this can be done by setting the width of the .content class from 660px to, say 80%.

 
mindless
mindless's picture

Joined: 2004-01-04
Posts: 8601
Posted: Fri, 2005-08-26 17:26

rogermh, doh.. so that's why i had to tweak a bunch of font-size things when i migrated siriux to the new theme system.. i guess it broke safari in a more obvious way, but in gecko the extra ) just caused the font-size on the following line to not work.. now that the syntax error is fixed, fonts are too small in gecko browsers.. will fix.

 
mindless
mindless's picture

Joined: 2004-01-04
Posts: 8601
Posted: Fri, 2005-08-26 17:28

nicokaiser, is that code ready to go? if you want an update in g2 final we'll need it very soon.

 
nicokaiser

Joined: 2004-10-04
Posts: 118
Posted: Fri, 2005-08-26 17:35

mindless, I'd consider it to be more ready than the current CVS code is. While it has other flaws, e.g. admin pages looking ugly, it simply looks better in my opinion.

However I don't want to offend those who successfully adapted the current CVS siriux theme and customized it already...

 
stephenju
stephenju's picture

Joined: 2005-07-05
Posts: 172
Posted: Mon, 2005-08-29 16:47

When is the Siriux theme going to be ready in the CVS? The current one has several places that has unlocalizable strings like the "Powered by Gallery 2.0" at the bottom of the page and the images count. I am wondering if I should file bugs against those or wait a little bit.

 
mindless
mindless's picture

Joined: 2004-01-04
Posts: 8601
Posted: Mon, 2005-08-29 17:13

nicokaiser, I'm not having much luck integrating this code.. there are several tpl files referenced that are not present, smarty variables that are not defined (groupByYear and currentYear in album.tpl), admin.tpl has html header that was already rendered by theme.tpl, rendering issues with different size thumbnails (yes, saw your comment in the css.. can't it be more flexible or adaptive?), and some german text rather than english inside {g->text}. :(

 
mindless
mindless's picture

Joined: 2004-01-04
Posts: 8601
Posted: Mon, 2005-08-29 17:15

stephenju, filing bugs against code not in cvs won't make us happy :)

 
stephenju
stephenju's picture

Joined: 2005-07-05
Posts: 172
Posted: Mon, 2005-08-29 17:40

mindless, I am talking about the code in CVS.

 
mindless
mindless's picture

Joined: 2004-01-04
Posts: 8601
Posted: Mon, 2005-08-29 17:54

stephenju, I don't see either of those in cvs but I do see them in nico's zip file. Anyway, wait a bit.

 
mindless
mindless's picture

Joined: 2004-01-04
Posts: 8601
Posted: Mon, 2005-08-29 19:21

Ok, nico's latest code has been integrated into CVS.
Brought several files up to date with changes in CVS, fixed unlocalizable stuff, removed bad tpl references, defined smarty vars, and the biggest change: overall content width is now a theme parameter and cell size in album display is now dynamic based no the thubmnail size for that album.

nico, I'd appreciate it if your next update is based on this cvs version to make it easier to integrate back into cvs.. thanks!

 
stephenju
stephenju's picture

Joined: 2005-07-05
Posts: 172
Posted: Mon, 2005-08-29 19:21

I must have screwed up something for they show up after I update my site with CVS download this morning. I will wait for the final (or updated) version.

 
nicokaiser

Joined: 2004-10-04
Posts: 118
Posted: Mon, 2005-09-05 07:25

Rendering issues with differend size thumbnails are a problem, yes, but I can't imagine a way to do something about it (and stay flexible, no tables, etc.).

currentYear is used when albums are grouped by year, and groupByYear is set when there is no parent album (so the root album is grouped by year). However this makes it important that the album is sorted by date.

I tried to implement the groupByYear into the theme options so this can be set in the admin interface, but I failed to integrate any new config option to the theme...

 
mindless
mindless's picture

Joined: 2004-01-04
Posts: 8601
Posted: Tue, 2005-09-06 01:13

nicokaiser, I hope you'll take a look at the siriux code in G2 cvs.. it handles different thumbnail sizes now and resolves the other problems mentioned above..

 
pjfenneran
pjfenneran's picture

Joined: 2005-09-23
Posts: 7
Posted: Mon, 2005-09-26 14:24

For the record I am absolute newbie....but I have had had some success in the installation and tweaking. This theme is exactly what I have been looking for but the .css file in the download is practically unreadable (has character sets all throughout) therefore I can't read it to put in some placers to modify to what I would like. Any offline help would be greatly appreciated. All I want is to add an image at the top with a textbox overlaying that image and possibly changing the background color. Simple I know but...

Thanks Patrick

 
nivekiam
nivekiam's picture

Joined: 2002-12-10
Posts: 16504
Posted: Mon, 2005-09-26 19:41

Can you post an example of what you're seeing? When I look at the theme.css included with the Siriux theme, it's completely readable to me, as far as CSS goes that is :)

____________________________________________
Like Gallery? Like the support? Donate now!!! See G2 live [url=href="http://photos.kevinnehls.com]here[/url]

 
pjfenneran
pjfenneran's picture

Joined: 2005-09-23
Posts: 7
Posted: Tue, 2005-09-27 02:13

ok this is weird, I went to post it and the characters went away and it is readable. So no worries there except where would I put the coding for adding an image and a textbox.

 
nivekiam
nivekiam's picture

Joined: 2002-12-10
Posts: 16504
Posted: Tue, 2005-09-27 02:23

Depending on where you want it and in what view, theme.tpl, album.tpl, photo.tpl, etc

They're located in /themes/siriux/templates/ Be sure to save your changes to /themes/siriux/templates/local or look into cloning the Siriux theme into your own
http://codex.gallery2.org/index.php/Gallery2:Themes#Cloning_a_theme

____________________________________________
Like Gallery? Like the support? Donate now!!! See G2 live [url="http://photos.kevinnehls.com]here[/url]

 
pjfenneran
pjfenneran's picture

Joined: 2005-09-23
Posts: 7
Posted: Wed, 2005-09-28 03:33

Thanks for the link niv, I didn't realize this was going to be all that complicated but it is now seems that it is. But to answer the question just in the main body (start page) of the theme. I found a website that I would like to model http://blog.hoktong.net/wp-gallery.php but not attached to a blog.

 
nivekiam
nivekiam's picture

Joined: 2002-12-10
Posts: 16504
Posted: Wed, 2005-09-28 05:15

It's really not that hard once you get into it. I'm not 100% sure what you mean by image and a textbox. That site is using the WordPress theme for G2 embedded into WordPress. If you check out Nico's site as well it may give you some ideas, http://siriux.net/photos/main.php

Really, if you're looking to just add a header image to the top of the page you only need to edit theme.tpl. If you're familiar with HTML it shouldn't be to difficult to edit the template files G2 uses to get what you want, esspecially since you can just pure HTML in them :)

____________________________________________
Like Gallery? Like the support? Donate now!!! See G2 live here

 
adam126

Joined: 2003-08-05
Posts: 3
Posted: Tue, 2005-10-04 02:06

I'm a long time gallery user starting out with G2. It looks great and the Siriux theme is exactly what I've been looking for. It's a great stepping stone to customize my gallery. I am also using WordPress which makes it even more ideal. Couple quick questions though:

1) Where is the most recent version. Is it the one on siriux's website or included with gallery G2?

2) I really like how it splits up the albums by year. How would I change this to sort by either a custom field or keyword as well. What I want is to be able to group my family albums by year, group my work albums, etc. Something like this:

-- Work -----

-- 2005 -----

ALBUM 1

ALBUM 2

-- Family -----

-- 2005 -----

ALBUM 1

ALBUM 2

ALBUM 1

-- 2004 -----

ALBUM 1

ALBUM 2

I think thats it for now. Thanks for the help!!

 
nivekiam
nivekiam's picture

Joined: 2002-12-10
Posts: 16504
Posted: Tue, 2005-10-04 03:14

The most current version of the Siriux theme is the one shipped with G2.

I don't know about your other question though. Maybe not use the Siriux theme for the top level album, the one that contains the Work and Family albums. Then use the Siriux theme for the Work and Family albums.

____________________________________________
Like Gallery? Like the support? Donate now!!! See G2 live here