Maroubra Sunrise or more accurately ‘cloud rise’

Some days one must make the best of what is provided, cannot let a little bit of rain and clouds dampen the morning out, quite to the contrary, some of me best images have been made on cloudy, sunless days. Its all about finding that shot admist the conditions and environment that is presented.

Maroubra, more correctly Mahon’s Pool and the surrounding rocks do have some nice compositions and opportunities for some good water based shots, however, having been there twice now, it does feel a bit limited, maybe I am just used to be able to clamber as far along the coast as I can go to track down something interestign or different, maybe its just me stuck in a mindset with this location!

Any any case it was a nice morning out!

Its always interestign to check out how one has changed, in a photographic sense, this is best achieved by taking alook at the images form the last session last year – less than 10 months ago. I actually reckon both sets have their merits, but am leaning towards last years effort!

Customising Gallery3

More of a record of what I have done then anything else!

Theme installed; Gerrys modified version of Dark Canvas Theme

Why I modded it? I wanted drop shadows around my albums, no crappy icons, fluid width and my own CSS header.

The great thing about Gallery3 is the way you mod the theme and how things look, the only files you have to touch (well for me anyway) are;

1) /dark_canvas/views/page.html.php

2)/dark_canvas/css/screen.css

So, onto the mods

Drop shadows;

Insert the following into the top of /dark_canvas/views/page.html.php

<style>
img.g-thumbnail, img.g-resize{
border:0;
-moz-box-shadow: 5px 5px 5px #111;
-webkit-box-shadow: 5px 5px 5px #111;
box-shadow: 5px 5px 5px #111;
}
</style>

and

<script type=”text/javascript”> $(document).ready(function() { $(“img.g-thumbnail, img.g-resize”).css({‘behavior': ‘url(/PIE.htc)’}); }) </script>

and get hold of PIE to hopefully sort out some the older IE issues!

http://css3pie.com/

Just extract this into the root gallery3 directory

Icons;

just delete them from the images directory, quick and dirty!

Fluid width;

Change

<div id=”doc4″ class=”yui-t5 g-view”>

which gives you a fixed 974px width
to

<div id=”doc3″ class=”yui-t5 g-view”>

which gives you 100% width!

thats the easy bit, now to jump into the CSS and play with teh containers to get the content to not be fixed to a set number of columns!

I have tweaked a few little things like heading text size, but forgot to note where I changed stuff, normally I try and comment when I change stuff so when I drop by in 6months time I know whats changed!

This is what I ended up with

/*gerry*/
#g-content {
padding-left: 20px;
position: relative;
width: 95%
}

/*gerry*/
#g-sidebar {
padding: 10px 10px;
float: left;
width: 220px;

This makes the gallery a true fluid width, just adjust the number of items on the page thru the theme options and your good to go!

Custom header and footer;

This is pretty easy, gallery3 gives a place to include html for the header and footer, however you have to be careful since it strips away CSS, this makes things a bit interesting when you want your CSS header!

All I did was modify the

/dark_canvas/views/page.html.php

to include my CSS code and hey it worked! you may also need the html_purifier module which helps – not sure how or why.

probably a better way would be to include your CSS in the screen.css file!

this is my code for the CSS stuff;

<style type=”text/css”>

.gbutton, .gbutton:visited {
background: #222;
display: inline-block;
padding: 3px 10px 3px;
color: #ddd;
text-decoration: none;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-moz-box-shadow: 2px 3px 8px rgba(255,255,255,0.50);
-webkit-box-shadow: 2px 3px 8px rgba(255,255,255,0.50);
text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
border-bottom: 1px solid rgba(0,0,0,0.25);
position: relative;
cursor: pointer;
}

.gbutton:hover                            { background-color: #111; color: #fff; }
.gbutton:active                            { top: 1px; }
.small.gbutton, .small.gbutton:visited             { font-size: 10px; padding: ; }
.gbutton, .gbutton:visited,
.medium.gbutton, .medium.gbutton:visited         { font-size: 13px; font-weight: normal; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
.grey.gbutton, .blue.gbutton:visited        { background-color: #505050 ; }
.grey.gbutton:hover                            { background-color: #707070; }

</style>

and my header text, which is set through -> Appearance ->Theme Options

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html >
<head>

</head>

<body>

<body bgcolor=”#222222″><img name=”galleryheader” src=”http://www.avernus.com.au/gallery-header_V4.gif” width=”850″ height=”80″ border=”0″ id=”galleryheader” alt=”” /><br />
<br />
<div align=”left”><a href=’http://www.avernus.com.au/’ class=’small grey gbutton’>Avernus »</a>
<a href=’http://blog.avernus.com.au/’ class=’small grey gbutton’>Blog</a>
<a href=’http://gerry.avernus.com.au/avernus/IS/’ class=’small grey gbutton’>Imagery</a>
<a href=’http://gallery.avernus.com.au/’ class=’small grey gbutton’>Gallery</a>
<a href=’http://gerry.avernus.com.au/slide/’ class=’small grey gbutton’>File Repository</a>
<a href=’http://www.avernus.com.au/avernus/pages/hardware/temperature/temperature.htm’ class=’small grey gbutton’>Temperature</a>
<a href=’http://www.avernus.com.au/avernus/pages/misc/about-avernus.htm’ class=’small grey gbutton’>About</a>
</div>
<br />
</body>
</html>

and footer;

<html> <head>    <!– function MM_openBrWindow(theURL,winName,features) { //v2.0   window.open(theURL,winName,features); } //–>  </head>  <body link=”#CCCCCC” vlink=”#CCCCCC” alink=”#CCCCCC”> <div align=”center”><font size=”1″ color=”#999999″>© Copyright 2001-2011, www.avernus.com.au ,<a href=”http://www.avernus.com.au/avernus/pages/misc/copyright.htm” target=”_self” /avernus/pages/misc/copyright.htm’,”,’scrollbars=yes,width=700,height=800′)”>[View Copyright and Terms of Use]</a><br>   Pages maintained by: <a href=”mailto:webmaster@avernus.com.au”><i>Gerard Blacklock</i> </a> Last Modified –   <!– #BeginDate format:fcAm1m –>Thursday, January 6, 2011  23:04<!– #EndDate –>   </font></div> </body> </html>

Getting Sharp images out of Gallery3

The default settings and graphic package for Gallery3 will make any real photographer shudder at the look of the images, by default they are way too compressed and pixelated, a couple of things to get them looking better, and for me it was trial and error until I was happy with the quality and file sizes!

Firstly get hold of ImageMagick version 6.xx and get it installed! its a better processor.

Secondly, get into the advanced settings tab and tweak the following settings, these values are what I have ended up with – after about 5 iterations!

gallery     image_quality     95
gallery     image_sharpen     16

Gallery 3 – the revolution is here!

Alright, so to try and get myself motivated to get more of my images back on a gallery I thought I would check out the latest offerings from Menatlo Gallery. Gallery3 has been in the pipelines for quite some time and there was a significant focus shift in the way the software was to be used, in a nutshell and looking in hindsight I think that was primarily to reduce the complexity of teh software and move towards a simple clean interface which concentrated more on easy quick photo management.

I was dubious at the start, however Gallery1 and Gallery2 were a bit painful in managing images, moving things around and other little quirks made me neglect my gallery.

A couple of issues came to mind when thinking about upgrading;

1) I had a nicely modified theme which I liked the look of this would not work with gallery3

2) How would the import process go? with 5k images this could be a breaking point.

3) I wanted to move the address from somewhere deep in the server to a nice easy possie like /gallery with a subdomain of gallery.avernus.com.au this could throw a spanner in the works.

4) I had a multi gallery site to confuse issues as well!

Anyway, installed the latest release of Gallery3 which was first non beta version, talk about great timing huh! The install was very easy and i put it in the new location with teh new domain name. The whole interface and software reminds me very much of wordpress, it now has a dashboard and a sidebar with ‘widgets’ i guess you could call them that! And has modules, which were there before in gallery2.

So first thing was first get the module called ‘gallery2 import’  thats a good place to start, ran that baby for quite a few hours and it imported all albums and images flawlessly, took a while but it did it! It also left the old gallery2 install in place – great if it all went pear shaped.

Themes were always gonna be an issue, there is only a few themes out there, I realised I was gonna have to tweak them to get what I want – check the next entry for details about this.

Getting Sharp Images from Gallery3

and

Customising Gallery3

In terms of modules – I have steadily added to the module collection and I think I am pretty close to what I want now;

Akismet    –     Filter comments through the Akismet web service to detect and eliminate spam (http://akismet.com). You’ll need a WordPress.com API key to use it.
Shopping Basket     –     Provides a simple shopping basket and checkout with paypal integration
Carousel     –     Add a vertical carousel for recent & popular items in the sidebar.
Comments    –     Allows users and guests to leave comments on photos and albums.
Digibug   –      Digibug Photo Printing Module
Exif Data     –     Extract Exif data and display it on photo pages.

Read More