File: /home/burgaska/MISC/files/index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>ketchup with kim</title>
<link href="css/style.css" rel="stylesheet" type="text/css" media="screen"/>
<link href="css/lightbox.css" rel="stylesheet" type="text/css" media="screen"/>
<link rel="shortcut icon" type="image/x-icon" href="../../assets/imgs/favicon.ico">
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.anchor.js"></script>
<script type="text/javascript" src="js/jquery.easing-1.3.pack.js"></script>
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
<script type="text/javascript" src="js/captify.tiny.js"></script>
<script type="text/javascript">
$(function(){
$('img.captify').captify({
// all of these options are... optional
// ---
// speed of the mouseover effect
speedOver: 'fast',
// speed of the mouseout effect
speedOut: 'normal',
// how long to delay the hiding of the caption after mouseout (ms)
hideDelay: 500,
// 'fade', 'slide', 'always-on'
animation: 'slide',
// text/html to be placed at the beginning of every caption
prefix: '',
// opacity of the caption on mouse over
opacity: '0.6',
// the name of the CSS class to apply to the caption box
className: 'caption-bottom',
// position of the caption (top or bottom)
position: 'bottom',
// caption span % of the image
spanWidth: '100%'
});
});
</script>
</head>
<body>
<div id="wrapper_main">
<a name="anchorhome" id="anchorhome"></a>
<a id="goherelink" href="http://www.kimburgas.com"></a>
<div id="wrapper_new">
<div class="spacer40"><a name="anchornew" id="anchornew"></a>
</div>
<div id="newcontainer">
<div class="title">
Phyllis Weston Gallery - Vanguard of Six </div>
<div class="newcontent">
This past weekend Terence Hammonds, Matt Morris, John Humphries, Josh Rectenwald, Devin Stoddard and I celebrated the opening of A Vanguard of Six at the <a href="http://www.phylliswestongallery.com/">Phyllis Weston Gallery</a> in Cincinnati, Ohio. The evening was full of delightful visitors, lively conversation and, of course, great art.
The show is on display until October 30th, so please do make a point to stop by. The Phyllis Weston Gallery is located at 2005 1/2 Madison Rd., Cincinnati, Ohio 45208 with gallery hours Tuesday - Satuday 11:00am - 5:00pm.
Also, check out
</div>
<div class="title">Project M Session
</div>
<div class="newcontent">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum. </div>
<div class="title">Project M Session </div>
<div class="newcontent">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum. </div>
</div>
</div>
<div id="wrapper_portfolio">
<a class="spacer40" name="anchorportfolio" id="anchorportfolio"></a>
<a class="thumbnail" href="../assets/imgs/portfolio/morningalready.jpg" rel="lightbox[portfolio]"><img class="captify" src="../assets/imgs/portfolio/oldman_218x218_web.jpg" width="218" height="218" alt="illustration | old man" />
</a>
<a class="thumbnail" href="../assets/imgs/portfolio/1008_projectcincinnatus_otrsignage_218x218_web.jpg" rel="lightbox[portfolio]"><img class="captify" src="../assets/imgs/portfolio/1008_projectcincinnatus_otrsignage_218x218_web.jpg" width="218" height="218" alt="infographic | over-the-rhine signage" /></a>
<a class="thumbnail" href="../assets/imgs/portfolio/1008_projectcincinnatus_otrsignage_218x218_web.jpg" rel="lightbox[portfolio]"><img class="captify" src="../assets/imgs/portfolio/1008_projectcincinnatus_otrsignage_218x218_web.jpg" width="218" height="218" alt="infographic | over-the-rhine signage" /></a>
<a class="thumbnail" href="../assets/imgs/portfolio/1008_projectcincinnatus_otrsignage_218x218_web.jpg" rel="lightbox[portfolio]"><img class="captify" src="../assets/imgs/portfolio/1008_projectcincinnatus_otrsignage_218x218_web.jpg" width="218" height="218" alt="infographic | over-the-rhine signage" /></a>
</div>
<div id="wrapper_contact">
<a name="anchorcontact" id="anchorcontact"></a>
<div id="youare" class="contact"> Looking to chat about design? Grab a coffee? Hire me? Discuss condiments and their magical powers? Play Risk? </div>
<div id="iam" class="contact"> Yes. All those things. And that doesn’t even make sense.
so contact me already! (sheesh) </div>
<a id="emailmelink" href="mailto:burgaska@gmail.com"></a>
</div>
<div id="footer">
<div id="nav">
<a href="#anchornew" id="nav_whatsnew" class="anchorLink"></a>
<a href="#anchorportfolio" id="nav_portfolio" class="anchorLink"></a>
<a href="#anchorcontact" id="nav_contact" class="anchorLink"></a>
<a href="#anchorhome" id="home" class="anchorLink"></a> </div>
</div>
</div>
</div>
</body>
</html>