SAM 600


Portfolios: Featured and Joomla.

The Society of Antique Modellers needed to update their old site to something that was easy to maintain and mobile compatible. Joomla and the included Protostar template.

[intense_image image=”1538″ size=”portraitSmall” align=”right” alt=”SAM 600, Joomla 3 website.” title=”SAM 600, Joomla 3 website.” caption=”SAM 600, Joomla 3 website.” lightbox_type=”colorbox”]

My second site using Joomla 3.x and it’s getting easier. I used one of the templates that comes with the installation, Protostar. Continuing the space theme (Solarflare from 1.0 and Milkyway from 1.5), Protostar is the Joomla 3 site template based on Bootstrap from Twitter.

The site is responsive and it’s quite easy to use on a mobile or tablet device. The bottom slide show shrinks nicely as the screen size decreases.

On the Our Events page I made use of Twitter Bootstrap’s scaffolding. It works well for all screen sizes.

[intense_spacer height=”0px” clear=”both”]

Calculators

The Our Calculators page uses Javascript to help members with adhering to rules. Once the fields are filled out and tabbed out by the user, the following Javascript code is run and the results are displayed on the page.

function calcWingArea()     {
    var wingChord = 0.0;
    var wingLength = 0.0;
    wingChord = parseFloat(document.getElementById('wingChord').value);
    wingLength = parseFloat(document.getElementById('wingLength').value);
    wingArea = wingChord * wingLength;
    if (!(isNaN(wingArea))) {
        document.getElementById('wingArea').value = wingArea.toFixed(0) + " square inches";
        document.getElementById('sizeLimit2stroke225').value = (wingArea *.1 / 225).toFixed(2) + " cubic inches";
        document.getElementById('sizeLimit4stroke225').value = (wingArea  / (225*6)).toFixed(2) + " cubic inches";
        document.getElementById('sizeLimit2stroke170').value = (wingArea *.1 / 170).toFixed(2) + " cubic inches";
        document.getElementById('sizeLimit4stroke170').value = (wingArea  / (170*6)).toFixed(2) + " cubic inches";        
    }
}

If you look at the URL it says http://www.sam600.com/number-crunches. For some reason I can’t get to “our-calculators”. Must be a bug in the way the database is set up. Time for messing around in PHPmyadmin when I get a chance.

The site can be viewed by going to http://www.sam600.com/