File: /home/awaldron/www/archive/blueliner/portfolio2.php
<?php include('include/functions/f_mail_encode.php'); ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>Blueliner.net : Portfolio : Web Development Services : Pittsburgh, PA</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<link rel="stylesheet" href="include/js/sifr/all.css" type="text/css" media="all" />
<link rel="stylesheet" href="include/js/sifr/sIFR-screen.css" type="text/css" media="screen" />
<link rel="stylesheet" href="include/js/sifr/sIFR-print.css" type="text/css" media="print" />
<link rel="stylesheet" type="text/css" href="style.css" />
<script src="include/js/jquery/jquery.pack.js" type="text/javascript"></script>
<script src="include/js/interface/interface.js" type="text/javascript" ></script>
<script src="include/js/sifr/sifr.js" type="text/javascript"></script>
<script src="include/js/sifr/sifr.js" type="text/javascript"></script>
<script src="include/js/sifr/sifr-addons.js" type="text/javascript"></script>
<script type="text/javascript">
<!--
$(document).ready(function() {
if(typeof sIFR == "function"){
sIFR.replaceElement("body h3", named({sFlashSrc: "./euro.swf", sWmode:"transparent"}));
};
// Set 'title' attribute = to alt
$('img').attr('alt', function() { return this.alt; } ).attr('title', function() { return this.alt } );
$('div.project-detail> div').hide();
$('div.project-detail> div').addClass('project-detail-instance');
$('p.project-detail-link> a').attr("onclick","window.open(this.href); return false;");
$('div.project-detail> #pd1x').show();
$("img[@id^='pd']").click(function() {
var $divName = $(this).attr('id');
$('div.project-detail> div:visible').slideUp('slow', function() { $("div.project-detail> div[@id="+$divName+"x]").slideDown('slow'); });
});
$('.portfolio> div> img').hover(
function() { $(this).addClass('imghover'); },
function() { $(this).removeClass('imghover'); }
);
$('.portfolio> div> img').click( function() { $(this).animate({ opacity: 'show' }, "slow", "easein"); });
});
-->
</script>
</head>
<body>
<div class="header">
<div class="inner">
<div class="top-nav">
<a href="index.php">Home</a>
<a href="services.php">Services</a>
<a href="spotlight.php">Spotlight</a>
<a href="portfolio.php" class="on">Portfolio</a>
<a href="quote.php">Quote</a>
</div>
</div>
</div>
<div class="green-divide-top"><img src="gui/clear.gif" alt="clear" width="3" height="3" /></div>
<div class="main-body">
<div class="l-col">
<div class="title"><h3>portfolio</h3></div>
<p><b>We have been developing web sites since 1995.</b> The projects displayed in this portfolio are merely a sample of our complete body of work.</p>
<p class="instruction">* Click on a thumbnail for more information about a project.</p><br />
<div class="portfolio">
<div class="portfolio-l"><img src="gui/screenshots/aww.jpg" id="pd1" alt="Alan W. Waldron Screen Capture" /></div>
<div class="portfolio-r"><img src="gui/screenshots/gpsatwork.jpg" id="pd3" alt="GPS at Work Screen Capture" /></div>
<div class="portfolio-c"><img src="gui/screenshots/rindy.jpg" id="pd2" alt="Rindy Bliss Real Estate Screen Capture" /></div>
</div>
<div class="portfolio">
<div class="portfolio-l"><img src="gui/screenshots/bigdog.jpg" id="pd4" alt="Big Dog Vending Screen Capture" /></div>
<div class="portfolio-r"><img src="gui/screenshots/nsc1.jpg" id="pd6" alt="National Sports Challenge Screen Capture" /></div>
<div class="portfolio-c"><img src="gui/screenshots/lytehousebay.jpg" id="pd5" alt="Lytehouse Bay Candle Co. Screen Capture" /></div>
</div>
<div class="portfolio">
<div class="portfolio-l"><img src="gui/screenshots/usace.jpg" id="pd7" alt="US Army Corps of Engineers Screen Capture" /></div>
<div class="portfolio-r"><img src="gui/screenshots/damratoski.jpg" id="pd9" alt="Damratoksi Screen Capture" /></div>
<div class="portfolio-c"><img src="gui/screenshots/trilogy.jpg" id="pd8" alt="Trilogy Screen Capture" /></div>
</div>
<!-- <div class="portfolio">
<div class="portfolio-l"><img src="gui/screenshots/psu100.jpg" id="pd10" alt="Orientation 100 Screen Capture" /></div>
<div class="portfolio-r"><img src="gui/screenshots/resume.jpg" id="pd12" alt="Themed Resume Screen Capture" /></div>
<div class="portfolio-r"><img src="gui/screenshots/americanforum.jpg" id="pd11" alt="AmericanForum.net Screen Capture" /></div>
</div>
<div class="portfolio">
<div class="portfolio-l"><img src="gui/screenshots/imagecuts.jpg" id="pd13" alt="ImageCuts.com Screen Capture" /></div>
</div>
-->
<br /><br />
<p class="center">« <a href="portfolio.php">Portfolio : Page 1</a></p>
</div>
<div class="r-col">
<div class="title"><h3>detail</h3></div>
<div class="project-detail">
<div></div>
<div id="pd1x">
<p class="project-detail-title">Alan W. Waldron<br />Web Development Services</p>
<p class="center"><img src="gui/screenshots/aww_lg.jpg" alt="Alan W. Waldron Screen Capture" /></p>
<p class="project-detail-date">Launched May 2007</p>
<p>This is Blueliner's mirror site, and home of primary developer, Alan Waldron.</p>
<p class="project-detail-link"><a href="http://www.alanwaldron.com">Visit AlanWaldron.com</a> »</p>
</div>
<div id="pd2x">
<p class="project-detail-title">Real Estate Agent<br />Rindy Bliss</p>
<p class="center"><img src="gui/screenshots/rindy_lg.jpg" alt="Rindy Bliss Real Estate Screen Capture" /></p>
<p class="project-detail-date">Web Site Prototype</p>
<p>This prototype was developed for local real estate agent, Rindy Bliss. No web site was actually built because the project is currently on hiatus.</p>
<p class="project-detail-link"><a href="http://www.alanwaldron.com/rindy/p2/">View the Rindy Bliss Demo</a> »</p>
</div>
<div id="pd3x">
<p class="project-detail-title">GPSatWork.com</p>
<p class="center"><img src="gui/screenshots/gpsatwork_lg.jpg" alt="GPS at Work Screen Capture" /></p>
<p class="project-detail-date">Launched January 2005</p>
<p>GPS@Work was a start-up company that sold GPS devices to install into vehicles and offered web applications that geographically tracked the movements of the devices.</p>
<p>We built a simple brochure-ware web site for the company that briefly described the services, contact information, news items and pricing information.</p>
<p>The company has since closed, but a demo of the site is available.</p>
<p class="project-detail-link"><a href="http://www.alanwaldron.com/gpsatwork">View the GPSatWork Demo</a> »</p>
</div>
<div id="pd4x">
<p class="project-detail-title">Big Dog Vending</p>
<p class="center"><img src="gui/screenshots/bigdog_lg.jpg" alt="Big Dog Vending Screen Capture" /></p>
<p class="project-detail-date">Launched March, 2002</p>
<p>Big Dog Vending is a company that distributes vending machines, such as gumball machines and coffee makers. They also run Dart Leagues all across the Pittsburgh area.</p>
<p>They use their web site to promote their business and to post Dart League statistics and standings.</p>
<p>We also designed the company's logo, which is my favorite logo design to this day.</p>
<p class="project-detail-link"><a href="http://www.alanwaldron.com/blueliner/portfolio/bdv/index.htm">View Big Dog Demo</a> »</p>
</div>
<div id="pd5x">
<p class="project-detail-title">Lytehouse Bay Candle Company</p>
<p class="center"><img src="gui/screenshots/na.jpg" alt="Lytehouse Bay Candle Co. Screen Capture" /></p>
<p class="project-detail-date">Launched October, 2003</p>
<p>This was a project put together for a small, home-based candle manufacturer. The web site allowed the owner to sell her candles and supplies to anyone in the world. Leveraging PayPal's shopping cart tools kept client costs down.</p>
<p class="project-detail-link">-- No Link Available --</p>
</div>
<div id="pd6x">
<p class="project-detail-title">National Sports Challenge</p>
<p class="center"><img src="gui/screenshots/nsc1_lg.jpg" alt="National Sports Challenge Screen Capture" /></p>
<p class="project-detail-date">Launched July, 1999</p>
<p>The National Sports Challenge was the first attempt at creating a tournament for Playstation gamers to compete to be crowned the best Madden 2000 player in Pittsburgh.</p>
<p>The website built for this client was used to promote tournaments and to post standings and statistics.</p>
<p>It was a great idea, but slightly ahead of its time. And promotion was difficult due to the lack of social networking on the internet at the time.</p>
<p class="project-detail-link"><a href="http://www.alanwaldron.com/blueliner/portfolio/nsc/index.html">View NSC1.com Demo</a> »</p>
</div>
<div id="pd7x">
<p class="project-detail-title">US Army Corps of Engineers</p>
<p class="center"><img src="gui/screenshots/usace_lg.jpg" alt="US Army Corps of Engineers Screen Capture" /></p>
<p class="project-detail-date">Launched February, 2000</p>
<p>At the time, we were responsible for maintaining and improving the intranet for the Pittsburgh District. They were kind enough to buy a copy of Macromedia Flash, a technology that was new and hot at the time, and we quickly dove into toying with the product.</p>
<p>Interestingly, they allowed us to make one of our first Flash creations the home page for the intranet. And if you view the demo below, you might just flash back to early 2000, when sites like these, with their mediaocre vector graphics and animations, were all too common.</p>
<p class="project-detail-link"><a href="http://www.alanwaldron.com/blueliner/portfolio/usace/index.htm">View USACE Demo</a> »</p>
</div>
<div id="pd8x">
<p class="project-detail-title">Trilogy</p>
<p class="center"><img src="gui/screenshots/trilogy_lg.jpg" alt="Trilogy Screen Capture" /></p>
<p class="project-detail-date">Launched February, 2000</p>
<p>In an attempt to capitalize on the Pop Band rage of the late nineties, a local trio of performers formed Trilogy, an all-girl pop group.</p>
<p>They recorded a demo, hired us to build a web site, then fought over the creative direction of the group and broke up. That's Hollywood for ya...</p>
<p class="project-detail-link"><a href="http://www.alanwaldron.com/blueliner/portfolio/trilogy/index.html">View Trilogy Demo</a> »</p>
</div>
<div id="pd9x">
<p class="project-detail-title">John Damratoski<br />Contemporary Metal</p>
<p class="center"><img src="gui/screenshots/damratoski_lg.jpg" alt="John Damratoski Screen Capture" /></p>
<p class="project-detail-date">Launched October, 2003</p>
<p>This web site is another simple, brochure site meant to display the work of John Damratoski. He created spectacular handrails, tables and artworks.</p>
<p>The gallery on the site was promotion enough, but the services pages provided more information about his work.</p>
<p class="project-detail-link"><a href="http://www.blueliner.net/portfolio/damratoski/about.php">View Damratoski Demo</a> »</p>
</div>
<div id="pd10x">
<p class="project-detail-title">Penn State University<br />Orientation 100</p>
<p class="center"><img src="gui/screenshots/psu100_lg.jpg" alt="Orientation 100 Screen Capture" /></p>
<p class="project-detail-date">Launched November 1997</p>
<p>This website was built for Penn State University and the Office of Information and Communications. Their main responsibility was freshmen orientaiton. We built a web site called Orientation 100, it had a read and quiz format. Students would read a page about a certain topic at Penn State, and then be quizzed on afterward.</p>
<p>We created a character called "The Dean" who guides the student through the website.</p>
<p class="project-detail-link"><a href="http://www.psu.edu/ouic/orientation100/">Visit Orientation 100</a> »</p>
</div>
<div id="pd11x">
<p class="project-detail-title">AmericanForum.net</p>
<p class="center"><img src="gui/screenshots/na.jpg" alt="AmericanForum.net Screen Capture" /></p>
<p class="project-detail-date">Launched January 2004</p>
<p>AmericanForum.net was built in early 2004 as a way to capitalize on the buzz surrounding the upcoming Bush/Gore presidential election. Some of our employees had an hour long commute to and from work at the time and listened to a lot of political talk radio, so they knew what was going on in the world.</p>
<p>A user base was successfully built up in only a few months, and was sold to a buyer that April. We made a profit... Mission accomplished!</p>
<p class="project-detail-link">-- No Link Available --</p>
</div>
<!--
<div id="pd12x">
<p class="project-detail-title">Personal Themed Resume</p>
<p class="center"><img src="gui/screenshots/resume_lg.jpg" alt="Themed Resume Screen Capture" /></p>
<p class="project-detail-date">Launched June 2001</p>
<p>I built this themed resume for a class project in college. It was a fun little project to build an interactive resume, I took things a step further and gave it an "America's Most Wanted" theme.</p>
<p>If you view the resume, please note that it is not up-to-date!</p>
<p class="project-detail-link"><a href="http://www.alanwaldron.com/blueliner/portfolio/resume/index.html">View Themed Resume</a> »</p>
</div>
<div id="pd13x">
<p class="project-detail-title">ImageCuts.com</p>
<p class="center"><img src="gui/screenshots/imagecuts_lg.jpg" alt="ImageCuts.com Screen Capture" /></p>
<p class="project-detail-date">Launched August 2004</p>
<p>The Adjutor Photo & Statuette Company is a small shop with big ideas. They specialize in taking photographs and turning them into stand-up, wooden statuettes. Over the years, they've positioned themselves as a leader offering this service to photographers across the country.</p>
<p>With the boom in digital photography, Adjutor had to adjust as well. Their solution was ImageCuts.com, a web site where photographers and individuals can upload and maintain albums of digital photographs, and use the site tools to place orders for statuettes. Now, Adjutor's clients enjoy the value-added ease-of-use that a web site can provide.</p>
<p class="project-detail-link"><a href="http://www.imagecuts.com">Visit ImageCuts.com</a> »</p>
</div>
-->
</div>
</div>
</div>
<?php include('_footer.php'); ?>