{"id":2596,"date":"2018-03-10T22:22:09","date_gmt":"2018-03-10T22:22:09","guid":{"rendered":"http:\/\/timtrompeter.net\/overview\/?page_id=2596"},"modified":"2022-11-25T09:46:36","modified_gmt":"2022-11-25T14:46:36","slug":"design-and-photography","status":"publish","type":"page","link":"https:\/\/timtrompeter.net\/overview\/design-and-photography\/","title":{"rendered":"design"},"content":{"rendered":"<p><b>LARGE SCALE THEATRICAL PROJECTIONS<\/b> (1993-95)<br \/>\nA shout-out to wonderful Wendall K Harrington, Sage Carter and Elaine McCarthy.  We made good stuff, and it was a blast!<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-2039 lazyload\" data-src=\"https:\/\/timtrompeter.net\/overview\/wp-content\/uploads\/2017\/11\/12-orpheus-slider.jpg\" alt=\"\" width=\"960\" height=\"700\" data-srcset=\"https:\/\/timtrompeter.net\/overview\/wp-content\/uploads\/2017\/11\/12-orpheus-slider.jpg 960w, https:\/\/timtrompeter.net\/overview\/wp-content\/uploads\/2017\/11\/12-orpheus-slider-300x219.jpg 300w, https:\/\/timtrompeter.net\/overview\/wp-content\/uploads\/2017\/11\/12-orpheus-slider-768x560.jpg 768w\" data-sizes=\"(max-width: 960px) 100vw, 960px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 960px; --smush-placeholder-aspect-ratio: 960\/700;\" \/><\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-2174 lazyload\" data-src=\"https:\/\/timtrompeter.net\/overview\/wp-content\/uploads\/2017\/11\/transatlantic-slider4.jpg\" alt=\"\" width=\"960\" height=\"700\" data-srcset=\"https:\/\/timtrompeter.net\/overview\/wp-content\/uploads\/2017\/11\/transatlantic-slider4.jpg 960w, https:\/\/timtrompeter.net\/overview\/wp-content\/uploads\/2017\/11\/transatlantic-slider4-300x219.jpg 300w, https:\/\/timtrompeter.net\/overview\/wp-content\/uploads\/2017\/11\/transatlantic-slider4-768x560.jpg 768w\" data-sizes=\"(max-width: 960px) 100vw, 960px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 960px; --smush-placeholder-aspect-ratio: 960\/700;\" \/><\/p>\n<div class='white' style='background:rgba(0,0,0,0); border:solid 0px rgba(0,0,0,0); border-radius:0px; padding:0px 0px 0px 0px;'>\n<div id='slider_1978' class='owl-carousel sa_owl_theme owl-pagination-true autohide-arrows' data-slider-id='slider_1978' style='visibility:hidden;'>\n<div id='slider_1978_slide01' class='sa_hover_container lazyload' style='padding:0% 0%; margin:0px 0%; background-image:inherit; background-position:center center; background-size:contain; background-repeat:no-repeat; ' data-bg-image='url(&quot;https:\/\/timtrompeter.net\/overview\/wp-content\/uploads\/2017\/11\/x-abs960.jpg&quot;)'><\/div>\n<div id='slider_1978_slide02' class='sa_hover_container lazyload' style='padding:0% 0%; margin:0px 0%; background-image:inherit; background-position:center center; background-size:contain; background-repeat:no-repeat; ' data-bg-image='url(&quot;https:\/\/timtrompeter.net\/overview\/wp-content\/uploads\/2018\/01\/dnet5.jpg&quot;)'><\/div>\n<div id='slider_1978_slide03' class='sa_hover_container lazyload' style='padding:0% 0%; margin:0px 0%; background-image:inherit; background-position:center center; background-size:contain; background-repeat:no-repeat; ' data-bg-image='url(&quot;https:\/\/timtrompeter.net\/overview\/wp-content\/uploads\/2017\/11\/03-dnet-beauty960.jpg&quot;)'><\/div>\n<div id='slider_1978_slide04' class='sa_hover_container lazyload' style='padding:0% 0%; margin:0px 0%; background-image:inherit; background-position:center center; background-size:contain; background-repeat:no-repeat; ' data-bg-image='url(&quot;https:\/\/timtrompeter.net\/overview\/wp-content\/uploads\/2017\/11\/06-fashionface960.jpg&quot;)'><\/div>\n<div id='slider_1978_slide05' class='sa_hover_container lazyload' style='padding:0% 0%; margin:0px 0%; background-image:inherit; background-position:center center; background-size:contain; background-repeat:no-repeat; ' data-bg-image='url(&quot;https:\/\/timtrompeter.net\/overview\/wp-content\/uploads\/2017\/11\/01-bowermaster-antarctica960.jpg&quot;)'><\/div>\n<div id='slider_1978_slide06' class='sa_hover_container lazyload' style='padding:0% 0%; margin:0px 0%; background-image:inherit; background-position:center center; background-size:contain; background-repeat:no-repeat; ' data-bg-image='url(&quot;https:\/\/timtrompeter.net\/overview\/wp-content\/uploads\/2018\/01\/jb-vietnam.jpg&quot;)'><\/div>\n<div id='slider_1978_slide07' class='sa_hover_container lazyload' style='padding:0% 0%; margin:0px 0%; background-image:inherit; background-position:center center; background-size:contain; background-repeat:no-repeat; ' data-bg-image='url(&quot;https:\/\/timtrompeter.net\/overview\/wp-content\/uploads\/2018\/01\/andrea.jpg&quot;)'><\/div>\n<div id='slider_1978_slide08' class='sa_hover_container lazyload' style='padding:0% 0%; margin:0px 0%; background-image:inherit; background-position:center center; background-size:contain; background-repeat:no-repeat; ' data-bg-image='url(&quot;https:\/\/timtrompeter.net\/overview\/wp-content\/uploads\/2019\/03\/artseensoho-ruscha960.jpg&quot;)'><\/div>\n<div id='slider_1978_slide09' class='sa_hover_container lazyload' style='padding:0% 0%; margin:0px 0%; background-image:inherit; background-position:center center; background-size:contain; background-repeat:no-repeat; ' data-bg-image='url(&quot;https:\/\/timtrompeter.net\/overview\/wp-content\/uploads\/2018\/01\/artseensoho-review.jpg&quot;)'><\/div>\n<div id='slider_1978_slide10' class='sa_hover_container lazyload' style='padding:0% 0%; margin:0px 0%; background-image:inherit; background-position:center center; background-size:contain; background-repeat:no-repeat; ' data-bg-image='url(&quot;https:\/\/timtrompeter.net\/overview\/wp-content\/uploads\/2019\/03\/firstview960-2.jpg&quot;)'><\/div>\n<div id='slider_1978_slide11' class='sa_hover_container lazyload' style='padding:0% 0%; margin:0px 0%; background-image:inherit; background-position:center center; background-size:contain; background-repeat:no-repeat; ' data-bg-image='url(&quot;https:\/\/timtrompeter.net\/overview\/wp-content\/uploads\/2017\/11\/whit2-960.jpg&quot;)'><\/div>\n<div id='slider_1978_slide12' class='sa_hover_container lazyload' style='padding:0% 0%; margin:0px 0%; background-image:inherit; background-position:center center; background-size:contain; background-repeat:no-repeat; ' data-bg-image='url(&quot;https:\/\/timtrompeter.net\/overview\/wp-content\/uploads\/2019\/03\/mintmoda-screen960.jpg&quot;)'><\/div>\n<\/div>\n<\/div>\n<script type='text\/javascript'>\n\tjQuery(document).ready(function() {\n\t\tjQuery('#slider_1978').owlCarousel({\n\t\t\titems : 1,\n\t\t\tanimateOut : 'fadeOut',\n\t\t\tsmartSpeed : 500,\n\t\t\tautoplay : false,\n\t\t\tautoplayHoverPause : false,\n\t\t\tsmartSpeed : 500,\n\t\t\tfluidSpeed : 500,\n\t\t\tautoplaySpeed : 500,\n\t\t\tnavSpeed : 500,\n\t\t\tdotsSpeed : 500,\n\t\t\tloop : true,\n\t\t\tnav : true,\n\t\t\tnavText : ['Previous','Next'],\n\t\t\tdots : true,\n\t\t\tresponsiveRefreshRate : 200,\n\t\t\tslideBy : 1,\n\t\t\tmergeFit : true,\n\t\t\tautoHeight : false,\n\t\t\tmouseDrag : true,\n\t\t\ttouchDrag : true\n\t\t});\n\t\tjQuery('#slider_1978').css('visibility', 'visible');\n\t\tsa_resize_slider_1978();\n\t\twindow.addEventListener('resize', sa_resize_slider_1978);\n\t\tfunction sa_resize_slider_1978() {\n\t\t\tvar min_height = '60';\n\t\t\tvar win_width = jQuery(window).width();\n\t\t\tvar slider_width = jQuery('#slider_1978').width();\n\t\t\tif (win_width < 480) {\n\t\t\t\tvar slide_width = slider_width \/ 1;\n\t\t\t} else if (win_width < 768) {\n\t\t\t\tvar slide_width = slider_width \/ 1;\n\t\t\t} else if (win_width < 980) {\n\t\t\t\tvar slide_width = slider_width \/ 1;\n\t\t\t} else if (win_width < 1200) {\n\t\t\t\tvar slide_width = slider_width \/ 1;\n\t\t\t} else if (win_width < 1500) {\n\t\t\t\tvar slide_width = slider_width \/ 1;\n\t\t\t} else {\n\t\t\t\tvar slide_width = slider_width \/ 1;\n\t\t\t}\n\t\t\tslide_width = Math.round(slide_width);\n\t\t\tvar slide_height = '0';\n\t\t\tif (min_height == 'aspect43') {\n\t\t\t\tslide_height = (slide_width \/ 4) * 3;\t\t\t\tslide_height = Math.round(slide_height);\n\t\t\t} else if (min_height == 'aspect169') {\n\t\t\t\tslide_height = (slide_width \/ 16) * 9;\t\t\t\tslide_height = Math.round(slide_height);\n\t\t\t} else {\n\t\t\t\tslide_height = (slide_width \/ 100) * min_height;\t\t\t\tslide_height = Math.round(slide_height);\n\t\t\t}\n\t\t\tjQuery('#slider_1978 .owl-item .sa_hover_container').css('min-height', slide_height+'px');\n\t\t}\n\t\tvar owl_goto = jQuery('#slider_1978');\n\t\tjQuery('.slider_1978_goto1').click(function(event){\n\t\t\towl_goto.trigger('to.owl.carousel', 0);\n\t\t});\n\t\tjQuery('.slider_1978_goto2').click(function(event){\n\t\t\towl_goto.trigger('to.owl.carousel', 1);\n\t\t});\n\t\tjQuery('.slider_1978_goto3').click(function(event){\n\t\t\towl_goto.trigger('to.owl.carousel', 2);\n\t\t});\n\t\tjQuery('.slider_1978_goto4').click(function(event){\n\t\t\towl_goto.trigger('to.owl.carousel', 3);\n\t\t});\n\t\tjQuery('.slider_1978_goto5').click(function(event){\n\t\t\towl_goto.trigger('to.owl.carousel', 4);\n\t\t});\n\t\tjQuery('.slider_1978_goto6').click(function(event){\n\t\t\towl_goto.trigger('to.owl.carousel', 5);\n\t\t});\n\t\tjQuery('.slider_1978_goto7').click(function(event){\n\t\t\towl_goto.trigger('to.owl.carousel', 6);\n\t\t});\n\t\tjQuery('.slider_1978_goto8').click(function(event){\n\t\t\towl_goto.trigger('to.owl.carousel', 7);\n\t\t});\n\t\tjQuery('.slider_1978_goto9').click(function(event){\n\t\t\towl_goto.trigger('to.owl.carousel', 8);\n\t\t});\n\t\tjQuery('.slider_1978_goto10').click(function(event){\n\t\t\towl_goto.trigger('to.owl.carousel', 9);\n\t\t});\n\t\tjQuery('.slider_1978_goto11').click(function(event){\n\t\t\towl_goto.trigger('to.owl.carousel', 10);\n\t\t});\n\t\tjQuery('.slider_1978_goto12').click(function(event){\n\t\t\towl_goto.trigger('to.owl.carousel', 11);\n\t\t});\n\t\tvar resize_1978 = jQuery('.owl-carousel');\n\t\tresize_1978.on('initialized.owl.carousel', function(e) {\n\t\t\tif (typeof(Event) === 'function') {\n\t\t\t\twindow.dispatchEvent(new Event('resize'));\n\t\t\t} else {\n\t\t\t\tvar evt = window.document.createEvent('UIEvents');\n\t\t\t\tevt.initUIEvent('resize', true, false, window, 0);\n\t\t\t\twindow.dispatchEvent(evt);\n\t\t\t}\n\t\t});\n\t});\n<\/script>\n\n<p><b>WEB WORLD<\/b> (1996-2020)<\/p>\n<p>Back in the day before corporate swamped freelance, template solutions for making a website did not exist.\u00a0 So, people made things for other people.\u00a0 It is my privilege to have collaborated with people deeply into their work. I&#8217;ve been a designer, programmer and creative director on major web projects that lasted for years: co-creator as well as designer and programmer of artseensoho.com in the nineties; then designer, programmer and webmaster for a small, elite clientele that included photographer Patrick Demarchelier as well as National Geographic adventurer, filmmaker and writer Jon Bowermaster, and Vogue fashion editor Tonne Goodman. I&#8217;ve coded and consulted with both firstview.com and mintmoda.com. Together, we have accomplished a lot, and we broke new web design ground along the way. <\/p>\n<p><b>ART DIRECTION, DESIGN and PROGRAMMING<\/b> \u00a0(1993 &#8211; ongoing)<\/p>\n<div><\/div>\n<table width=\"960\" cellspacing=\"0\" cellpadding=\"0\">\n<tbody>\n<tr>\n<td align=\"left\" width=\"620\"><img decoding=\"async\" class=\"alignleft size-full wp-image-848 lazyload\" data-src=\"https:\/\/timtrompeter.net\/webwork\/wp-content\/uploads\/2014\/11\/tiger-time-e1416782250453.jpg\" alt=\"tiger-time\" width=\"599\" height=\"430\" data-srcset=\"https:\/\/timtrompeter.net\/overview\/wp-content\/uploads\/2014\/11\/tiger-time-e1416782250453.jpg 599w, https:\/\/timtrompeter.net\/overview\/wp-content\/uploads\/2014\/11\/tiger-time-e1416782250453-300x215.jpg 300w\" data-sizes=\"(max-width: 599px) 100vw, 599px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 599px; --smush-placeholder-aspect-ratio: 599\/430;\" \/><\/td>\n<td align=\"left\" valign=\"middle\" width=\"340\">I wore multiple hats for this early National Geographic project: web designer, graphic designer and programmer. In the early days of the web, dial-up bandwidth was narrow and restrictive, meaning that pictures and graphics had to be tiny little GIFS, minuscule by today&#8217;s standards. Getting things to look good was like an arcane science. Entire websites were designed to accommodate a postage-stamp computer screen resolution of 640 x 480 pixels. It was fresh.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<div>\n<table border=\"0\" width=\"500\" cellspacing=\"0\" cellpadding=\"0\">\n<tbody>\n<tr>\n<td align=\"\" width=\"500\" height=\"20\"><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<p><img decoding=\"async\" class=\"alignleft size-full wp-image-573 lazyload\" data-src=\"https:\/\/timtrompeter.net\/webwork\/wp-content\/uploads\/2014\/10\/artseensoho.jpg\" alt=\"artseensoho\" width=\"617\" height=\"339\" data-srcset=\"https:\/\/timtrompeter.net\/overview\/wp-content\/uploads\/2014\/10\/artseensoho.jpg 617w, https:\/\/timtrompeter.net\/overview\/wp-content\/uploads\/2014\/10\/artseensoho-300x164.jpg 300w\" data-sizes=\"(max-width: 617px) 100vw, 617px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 617px; --smush-placeholder-aspect-ratio: 617\/339;\" \/><b>artseensoho.com<\/b> This home page (circa 1999) comes alive with multiple rollovers when the visitor&#8217;s cursor moves across the surface. It is structurally a very detailed graphic interface that was built on sound fundamentals &#8211; it works today just as it did years ago. As a designer-builder, I&#8217;m irked that much of my detailed, handmade work has been bumped offline by the march toward automation and do-it-yourself template solutions.<\/p>\n<p><b>AWARDS:<\/b> USA Today Hot Site; Wired Magazine Spotlight; Rockport Press, Best of the Web &#8211; Navigation; Communication Arts Web Site of the Week.<\/p>\n<div>\n<table border=\"0\" width=\"500\" cellspacing=\"0\" cellpadding=\"0\">\n<tbody>\n<tr>\n<td align=\"\" width=\"500\" height=\"20\"><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<div>\n<table width=\"500\">\n<tbody>\n<tr>\n<td><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<p><a href=\"https:\/\/timtrompeter.net\/webwork\/wp-content\/uploads\/2014\/10\/dnet6.jpg\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-171 lazyload\" data-src=\"https:\/\/timtrompeter.net\/webwork\/wp-content\/uploads\/2014\/10\/dnet6.jpg\" alt=\"dnet6\" width=\"1055\" height=\"795\" data-srcset=\"https:\/\/timtrompeter.net\/overview\/wp-content\/uploads\/2014\/10\/dnet6.jpg 1055w, https:\/\/timtrompeter.net\/overview\/wp-content\/uploads\/2014\/10\/dnet6-300x226.jpg 300w, https:\/\/timtrompeter.net\/overview\/wp-content\/uploads\/2014\/10\/dnet6-1024x771.jpg 1024w, https:\/\/timtrompeter.net\/overview\/wp-content\/uploads\/2014\/10\/dnet6-320x240.jpg 320w, https:\/\/timtrompeter.net\/overview\/wp-content\/uploads\/2014\/10\/dnet6-240x180.jpg 240w\" data-sizes=\"(max-width: 1055px) 100vw, 1055px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1055px; --smush-placeholder-aspect-ratio: 1055\/795;\" \/><\/a><\/p>\n<p><b>GRAPHIC NAVIGATION<\/b><\/p>\n<p>One of my strengths is the conception and design of intuitive graphic interfaces that invite the visitor to explore. The goal is to visually engage the visitor at each level &#8211; from the main home page all the way down to pages buried four clicks into the mix. To do so means that every detail of design and navigation must be consciously attended to &#8211; it&#8217;s important to sweat the little stuff.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-865 lazyload\" data-src=\"https:\/\/timtrompeter.net\/webwork\/wp-content\/uploads\/2014\/11\/jb-original960.jpg\" alt=\"jb-original960\" width=\"960\" height=\"720\" data-srcset=\"https:\/\/timtrompeter.net\/overview\/wp-content\/uploads\/2014\/11\/jb-original960.jpg 960w, https:\/\/timtrompeter.net\/overview\/wp-content\/uploads\/2014\/11\/jb-original960-300x225.jpg 300w, https:\/\/timtrompeter.net\/overview\/wp-content\/uploads\/2014\/11\/jb-original960-480x360.jpg 480w, https:\/\/timtrompeter.net\/overview\/wp-content\/uploads\/2014\/11\/jb-original960-320x240.jpg 320w, https:\/\/timtrompeter.net\/overview\/wp-content\/uploads\/2014\/11\/jb-original960-240x180.jpg 240w\" data-sizes=\"(max-width: 960px) 100vw, 960px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 960px; --smush-placeholder-aspect-ratio: 960\/720;\" \/><\/p>\n<div>\n<table border=\"0\" width=\"500\" cellspacing=\"0\" cellpadding=\"0\">\n<tbody>\n<tr>\n<td width=\"500\" height=\"40\"><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<div><b>WEB GRAPHICS: BANNERS AND BUTTONS<\/b><\/p>\n<table border=\"0\" width=\"690\" cellspacing=\"0\" cellpadding=\"0\">\n<tbody>\n<tr>\n<td align=\"left\" valign=\"bottom\" width=\"690\" height=\"40\">This project of banner creation for Jon Bowermaster&#8217;s blog site involved grabbing images from video clips that I found to be strong enough to make a lasting impression while conveying the spirit of his Oceans 8 project. For me, giving a light-filled, natural appearance to the whole project was essential.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-759 lazyload\" data-src=\"https:\/\/timtrompeter.net\/webwork\/wp-content\/uploads\/2014\/10\/jb-notes-trio960-e1415725886499.jpg\" alt=\"jb-notes-trio960crop\" width=\"957\" height=\"201\" data-srcset=\"https:\/\/timtrompeter.net\/overview\/wp-content\/uploads\/2014\/10\/jb-notes-trio960-e1415725886499.jpg 957w, https:\/\/timtrompeter.net\/overview\/wp-content\/uploads\/2014\/10\/jb-notes-trio960-e1415725886499-300x63.jpg 300w\" data-sizes=\"(max-width: 957px) 100vw, 957px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 957px; --smush-placeholder-aspect-ratio: 957\/201;\" \/><\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-758 lazyload\" data-src=\"https:\/\/timtrompeter.net\/webwork\/wp-content\/uploads\/2014\/10\/jb-dispatch-o8logo-960.jpg\" alt=\"jb-dispatch-o8logo-960\" width=\"960\" height=\"300\" data-srcset=\"https:\/\/timtrompeter.net\/overview\/wp-content\/uploads\/2014\/10\/jb-dispatch-o8logo-960.jpg 960w, https:\/\/timtrompeter.net\/overview\/wp-content\/uploads\/2014\/10\/jb-dispatch-o8logo-960-300x93.jpg 300w\" data-sizes=\"(max-width: 960px) 100vw, 960px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 960px; --smush-placeholder-aspect-ratio: 960\/300;\" \/><\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-757 lazyload\" data-src=\"https:\/\/timtrompeter.net\/webwork\/wp-content\/uploads\/2014\/10\/jb-banner-trio960.jpg\" alt=\"jb-banner-trio960\" width=\"960\" height=\"260\" data-srcset=\"https:\/\/timtrompeter.net\/overview\/wp-content\/uploads\/2014\/10\/jb-banner-trio960.jpg 960w, https:\/\/timtrompeter.net\/overview\/wp-content\/uploads\/2014\/10\/jb-banner-trio960-300x81.jpg 300w\" data-sizes=\"(max-width: 960px) 100vw, 960px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 960px; --smush-placeholder-aspect-ratio: 960\/260;\" \/><\/p>\n<div>\n<table border=\"0\" width=\"500\" cellspacing=\"0\" cellpadding=\"0\">\n<tbody>\n<tr>\n<td width=\"500\" height=\"60\"><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<p><b>UNIFIED DESIGN<\/b><\/p>\n<p>A clean, consistent look and feel across the board &#8211; for navigation elements, fonts, spacing and incidental buttons &#8211; establishes an atmospheric quality that works as a kind of environment through which the visitor moves.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-767 lazyload\" data-src=\"https:\/\/timtrompeter.net\/webwork\/wp-content\/uploads\/2014\/10\/jb-antarctica-nav-vid960.jpg\" alt=\"jb-antarctica-nav-vid960\" width=\"960\" height=\"316\" data-srcset=\"https:\/\/timtrompeter.net\/overview\/wp-content\/uploads\/2014\/10\/jb-antarctica-nav-vid960.jpg 960w, https:\/\/timtrompeter.net\/overview\/wp-content\/uploads\/2014\/10\/jb-antarctica-nav-vid960-300x98.jpg 300w, https:\/\/timtrompeter.net\/overview\/wp-content\/uploads\/2014\/10\/jb-antarctica-nav-vid960-240x80.jpg 240w\" data-sizes=\"(max-width: 960px) 100vw, 960px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 960px; --smush-placeholder-aspect-ratio: 960\/316;\" \/><\/p>\n<p><center>&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;..<\/center><\/p>\n<p><a href=\"https:\/\/timtrompeter.net\/webwork\/wp-content\/uploads\/2014\/10\/bsocial-memo.jpg\"><img decoding=\"async\" class=\"alignnone size-full wp-image-588 lazyload\" data-src=\"https:\/\/timtrompeter.net\/webwork\/wp-content\/uploads\/2014\/10\/bsocial-memo.jpg\" alt=\"\" width=\"960\" height=\"356\" data-srcset=\"https:\/\/timtrompeter.net\/overview\/wp-content\/uploads\/2014\/10\/bsocial-memo.jpg 960w, https:\/\/timtrompeter.net\/overview\/wp-content\/uploads\/2014\/10\/bsocial-memo-300x111.jpg 300w\" data-sizes=\"(max-width: 960px) 100vw, 960px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 960px; --smush-placeholder-aspect-ratio: 960\/356;\" \/><\/a><\/p>\n<div>\n<table border=\"0\" width=\"500\" cellspacing=\"0\" cellpadding=\"0\">\n<tbody>\n<tr>\n<td width=\"500\" height=\"20\"><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<div class='white' style='background:rgba(0,0,0,0); border:solid 0px rgba(0,0,0,0); border-radius:0px; padding:0px 0px 10px 0px;'>\n<div id='slider_2006' class='owl-carousel sa_owl_theme owl-pagination-true autohide-arrows' data-slider-id='slider_2006' style='visibility:hidden;'>\n<div id='slider_2006_slide01' class='sa_hover_container lazyload' style='padding:0% 0%; margin:0px 0%; background-image:inherit; background-position:center center; background-size:contain; background-repeat:no-repeat; ' data-bg-image='url(&quot;https:\/\/timtrompeter.net\/overview\/wp-content\/uploads\/2017\/11\/04-df05.jpg&quot;)'><\/div>\n<div id='slider_2006_slide02' class='sa_hover_container lazyload' style='padding:0% 0%; margin:0px 0%; background-image:inherit; background-position:center center; background-size:contain; background-repeat:no-repeat; ' data-bg-image='url(&quot;https:\/\/timtrompeter.net\/overview\/wp-content\/uploads\/2017\/11\/05-df06.jpg&quot;)'><\/div>\n<div id='slider_2006_slide03' class='sa_hover_container lazyload' style='padding:0% 0%; margin:0px 0%; background-image:inherit; background-position:center center; background-size:contain; background-repeat:no-repeat; ' data-bg-image='url(&quot;https:\/\/timtrompeter.net\/overview\/wp-content\/uploads\/2017\/11\/11-df11.jpg&quot;)'><\/div>\n<div id='slider_2006_slide04' class='sa_hover_container lazyload' style='padding:0% 0%; margin:0px 0%; background-image:inherit; background-position:center center; background-size:contain; background-repeat:no-repeat; ' data-bg-image='url(&quot;https:\/\/timtrompeter.net\/overview\/wp-content\/uploads\/2017\/11\/12-df12.jpg&quot;)'><\/div>\n<div id='slider_2006_slide05' class='sa_hover_container lazyload' style='padding:0% 0%; margin:0px 0%; background-image:inherit; background-position:center center; background-size:contain; background-repeat:no-repeat; ' data-bg-image='url(&quot;https:\/\/timtrompeter.net\/overview\/wp-content\/uploads\/2017\/11\/15-df08b.jpg&quot;)'><\/div>\n<div id='slider_2006_slide06' class='sa_hover_container lazyload' style='padding:0% 0%; margin:0px 0%; background-image:inherit; background-position:center center; background-size:contain; background-repeat:no-repeat; ' data-bg-image='url(&quot;https:\/\/timtrompeter.net\/overview\/wp-content\/uploads\/2017\/11\/16-df08c.jpg&quot;)'><\/div>\n<div id='slider_2006_slide07' class='sa_hover_container lazyload' style='padding:0% 0%; margin:0px 0%; background-image:inherit; background-position:center center; background-size:contain; background-repeat:no-repeat; ' data-bg-image='url(&quot;https:\/\/timtrompeter.net\/overview\/wp-content\/uploads\/2017\/11\/df01.jpg&quot;)'><\/div>\n<div id='slider_2006_slide08' class='sa_hover_container lazyload' style='padding:0% 0%; margin:0px 0%; background-image:inherit; background-position:center center; background-size:contain; background-repeat:no-repeat; ' data-bg-image='url(&quot;https:\/\/timtrompeter.net\/overview\/wp-content\/uploads\/2017\/11\/df02.jpg&quot;)'><\/div>\n<div id='slider_2006_slide09' class='sa_hover_container lazyload' style='padding:0% 0%; margin:0px 0%; background-image:inherit; background-position:center center; background-size:contain; background-repeat:no-repeat; ' data-bg-image='url(&quot;https:\/\/timtrompeter.net\/overview\/wp-content\/uploads\/2017\/11\/df03.jpg&quot;)'><\/div>\n<div id='slider_2006_slide10' class='sa_hover_container lazyload' style='padding:0% 0%; margin:0px 0%; background-image:inherit; background-position:center center; background-size:contain; background-repeat:no-repeat; ' data-bg-image='url(&quot;https:\/\/timtrompeter.net\/overview\/wp-content\/uploads\/2017\/11\/df04.jpg&quot;)'><\/div>\n<div id='slider_2006_slide11' class='sa_hover_container lazyload' style='padding:0% 0%; margin:0px 0%; background-image:inherit; background-position:center center; background-size:contain; background-repeat:no-repeat; ' data-bg-image='url(&quot;https:\/\/timtrompeter.net\/overview\/wp-content\/uploads\/2017\/11\/df07.jpg&quot;)'><\/div>\n<div id='slider_2006_slide12' class='sa_hover_container lazyload' style='padding:0% 0%; margin:0px 0%; background-image:inherit; background-position:center center; background-size:contain; background-repeat:no-repeat; ' data-bg-image='url(&quot;https:\/\/timtrompeter.net\/overview\/wp-content\/uploads\/2017\/11\/df08.jpg&quot;)'><\/div>\n<div id='slider_2006_slide13' class='sa_hover_container lazyload' style='padding:0% 0%; margin:0px 0%; background-image:inherit; background-position:center center; background-size:contain; background-repeat:no-repeat; ' data-bg-image='url(&quot;https:\/\/timtrompeter.net\/overview\/wp-content\/uploads\/2017\/11\/df09.jpg&quot;)'><\/div>\n<div id='slider_2006_slide14' class='sa_hover_container lazyload' style='padding:0% 0%; margin:0px 0%; background-image:inherit; background-position:center center; background-size:contain; background-repeat:no-repeat; ' data-bg-image='url(&quot;https:\/\/timtrompeter.net\/overview\/wp-content\/uploads\/2017\/11\/df10.jpg&quot;)'><\/div>\n<\/div>\n<\/div>\n<script type='text\/javascript'>\n\tjQuery(document).ready(function() {\n\t\tjQuery('#slider_2006').owlCarousel({\n\t\t\titems : 1,\n\t\t\tanimateOut : 'fadeOut',\n\t\t\tsmartSpeed : 200,\n\t\t\tautoplay : true,\n\t\t\tautoplayTimeout : 3000,\n\t\t\tautoplayHoverPause : true,\n\t\t\tsmartSpeed : 200,\n\t\t\tfluidSpeed : 200,\n\t\t\tautoplaySpeed : 200,\n\t\t\tnavSpeed : 200,\n\t\t\tdotsSpeed : 200,\n\t\t\tloop : true,\n\t\t\tnav : false,\n\t\t\tnavText : ['Previous','Next'],\n\t\t\tdots : true,\n\t\t\tresponsiveRefreshRate : 200,\n\t\t\tslideBy : 1,\n\t\t\tmergeFit : true,\n\t\t\tautoHeight : false,\n\t\t\tmouseDrag : true,\n\t\t\ttouchDrag : true\n\t\t});\n\t\tjQuery('#slider_2006').css('visibility', 'visible');\n\t\tsa_resize_slider_2006();\n\t\twindow.addEventListener('resize', sa_resize_slider_2006);\n\t\tfunction sa_resize_slider_2006() {\n\t\t\tvar min_height = '60';\n\t\t\tvar win_width = jQuery(window).width();\n\t\t\tvar slider_width = jQuery('#slider_2006').width();\n\t\t\tif (win_width < 480) {\n\t\t\t\tvar slide_width = slider_width \/ 1;\n\t\t\t} else if (win_width < 768) {\n\t\t\t\tvar slide_width = slider_width \/ 1;\n\t\t\t} else if (win_width < 980) {\n\t\t\t\tvar slide_width = slider_width \/ 1;\n\t\t\t} else if (win_width < 1200) {\n\t\t\t\tvar slide_width = slider_width \/ 1;\n\t\t\t} else if (win_width < 1500) {\n\t\t\t\tvar slide_width = slider_width \/ 1;\n\t\t\t} else {\n\t\t\t\tvar slide_width = slider_width \/ 1;\n\t\t\t}\n\t\t\tslide_width = Math.round(slide_width);\n\t\t\tvar slide_height = '0';\n\t\t\tif (min_height == 'aspect43') {\n\t\t\t\tslide_height = (slide_width \/ 4) * 3;\t\t\t\tslide_height = Math.round(slide_height);\n\t\t\t} else if (min_height == 'aspect169') {\n\t\t\t\tslide_height = (slide_width \/ 16) * 9;\t\t\t\tslide_height = Math.round(slide_height);\n\t\t\t} else {\n\t\t\t\tslide_height = (slide_width \/ 100) * min_height;\t\t\t\tslide_height = Math.round(slide_height);\n\t\t\t}\n\t\t\tjQuery('#slider_2006 .owl-item .sa_hover_container').css('min-height', slide_height+'px');\n\t\t}\n\t\tvar owl_goto = jQuery('#slider_2006');\n\t\tjQuery('.slider_2006_goto1').click(function(event){\n\t\t\towl_goto.trigger('to.owl.carousel', 0);\n\t\t});\n\t\tjQuery('.slider_2006_goto2').click(function(event){\n\t\t\towl_goto.trigger('to.owl.carousel', 1);\n\t\t});\n\t\tjQuery('.slider_2006_goto3').click(function(event){\n\t\t\towl_goto.trigger('to.owl.carousel', 2);\n\t\t});\n\t\tjQuery('.slider_2006_goto4').click(function(event){\n\t\t\towl_goto.trigger('to.owl.carousel', 3);\n\t\t});\n\t\tjQuery('.slider_2006_goto5').click(function(event){\n\t\t\towl_goto.trigger('to.owl.carousel', 4);\n\t\t});\n\t\tjQuery('.slider_2006_goto6').click(function(event){\n\t\t\towl_goto.trigger('to.owl.carousel', 5);\n\t\t});\n\t\tjQuery('.slider_2006_goto7').click(function(event){\n\t\t\towl_goto.trigger('to.owl.carousel', 6);\n\t\t});\n\t\tjQuery('.slider_2006_goto8').click(function(event){\n\t\t\towl_goto.trigger('to.owl.carousel', 7);\n\t\t});\n\t\tjQuery('.slider_2006_goto9').click(function(event){\n\t\t\towl_goto.trigger('to.owl.carousel', 8);\n\t\t});\n\t\tjQuery('.slider_2006_goto10').click(function(event){\n\t\t\towl_goto.trigger('to.owl.carousel', 9);\n\t\t});\n\t\tjQuery('.slider_2006_goto11').click(function(event){\n\t\t\towl_goto.trigger('to.owl.carousel', 10);\n\t\t});\n\t\tjQuery('.slider_2006_goto12').click(function(event){\n\t\t\towl_goto.trigger('to.owl.carousel', 11);\n\t\t});\n\t\tjQuery('.slider_2006_goto13').click(function(event){\n\t\t\towl_goto.trigger('to.owl.carousel', 12);\n\t\t});\n\t\tjQuery('.slider_2006_goto14').click(function(event){\n\t\t\towl_goto.trigger('to.owl.carousel', 13);\n\t\t});\n\t\tvar resize_2006 = jQuery('.owl-carousel');\n\t\tresize_2006.on('initialized.owl.carousel', function(e) {\n\t\t\tif (typeof(Event) === 'function') {\n\t\t\t\twindow.dispatchEvent(new Event('resize'));\n\t\t\t} else {\n\t\t\t\tvar evt = window.document.createEvent('UIEvents');\n\t\t\t\tevt.initUIEvent('resize', true, false, window, 0);\n\t\t\t\twindow.dispatchEvent(evt);\n\t\t\t}\n\t\t});\n\t});\n<\/script>\n\n<div>\n<table border=\"0\" width=\"500\" cellspacing=\"0\" cellpadding=\"0\">\n<tbody>\n<tr>\n<td width=\"500\" height=\"60\"><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<div>\n<table border=\"0\" width=\"700\" cellspacing=\"0\" cellpadding=\"0\">\n<tbody>\n<tr>\n<td align=\"left\" valign=\"top\" width=\"700\" height=\"100\"><b>FORM and FUNCTION<\/b><\/p>\n<p>Photo editing, cropping and web optimization &#8211; the design and programming framework &#8211; the javascript drop down menu &#8211; every detail and every function\u2026 below is one of many slideshows I have created by following my own methods. Unlike the little breakdowns in a boilerplate template, there&#8217;s nothing random about this. It&#8217;s not entirely mechanical, either. Knowing how to build this myself really helps me get the most out of today&#8217;s off-the-shelf image galleries and templates.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-765 lazyload\" data-src=\"https:\/\/timtrompeter.net\/webwork\/wp-content\/uploads\/2014\/10\/bowermaster-slideshow960.jpg\" alt=\"bowermaster-slideshow960\" width=\"960\" height=\"930\" data-srcset=\"https:\/\/timtrompeter.net\/overview\/wp-content\/uploads\/2014\/10\/bowermaster-slideshow960.jpg 960w, https:\/\/timtrompeter.net\/overview\/wp-content\/uploads\/2014\/10\/bowermaster-slideshow960-300x290.jpg 300w\" data-sizes=\"(max-width: 960px) 100vw, 960px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 960px; --smush-placeholder-aspect-ratio: 960\/930;\" \/><\/p>\n<div>\n<table border=\"0\" width=\"500\" cellspacing=\"0\" cellpadding=\"0\">\n<tbody>\n<tr>\n<td width=\"500\" height=\"50\"><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<p><b>INTERACTIVE DESIGN<\/b> (2013)<br \/>\nThis project involved the design refinement of an interactive flash media player.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-746 lazyload\" data-src=\"https:\/\/timtrompeter.net\/webwork\/wp-content\/uploads\/2014\/10\/engadin-mediaplayer.jpg\" alt=\"engadin-mediaplayer\" width=\"950\" height=\"708\" data-srcset=\"https:\/\/timtrompeter.net\/overview\/wp-content\/uploads\/2014\/10\/engadin-mediaplayer.jpg 950w, https:\/\/timtrompeter.net\/overview\/wp-content\/uploads\/2014\/10\/engadin-mediaplayer-300x223.jpg 300w, https:\/\/timtrompeter.net\/overview\/wp-content\/uploads\/2014\/10\/engadin-mediaplayer-240x180.jpg 240w\" data-sizes=\"(max-width: 950px) 100vw, 950px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 950px; --smush-placeholder-aspect-ratio: 950\/708;\" \/><\/p>\n<div>\n<table border=\"0\" width=\"500\" cellspacing=\"0\" cellpadding=\"0\">\n<tbody>\n<tr>\n<td width=\"500\" height=\"20\"><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<p><!---\n\n\n<div>\n\n\n<table cellpadding=0 cellspacing=0 border=0 width=500 height=40>\n\n\n<tr>\n\n\n<td width=500 height=50>&nbsp;<\/td>\n\n\n<\/tr>\n\n\n<\/table>\n\n\n<\/div>\n\n\n<b>HYPOTHETICAL MUSIC BIZ ART<\/b>  OK, so none of this part has been actualized in the marketplace, it's all just digital design fooling around. But, hey, if you're not fooling around, what is it you ARE doing?  \n[slide-anything id=\"2473\"]\n\n\n<div>\n\n\n<table cellpadding=0 cellspacing=0 border=0 width=500 height=40>\n\n\n<tr>\n\n\n<td width=500 height=50>&nbsp;<\/td>\n\n\n<\/tr>\n\n\n<\/table>\n\n\n<\/div>\n\n --><\/p>\n","protected":false},"excerpt":{"rendered":"<p>LARGE SCALE THEATRICAL PROJECTIONS (1993-95) A shout-out to wonderful Wendall K Harrington, Sage Carter and Elaine McCarthy. We made good stuff, and it was a blast! WEB WORLD (1996-2020) Back in the day before corporate swamped freelance, template solutions for making a website did not exist.\u00a0 So, people made things for other people.\u00a0 It is [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"categories":[],"tags":[],"class_list":["post-2596","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/timtrompeter.net\/overview\/wp-json\/wp\/v2\/pages\/2596","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/timtrompeter.net\/overview\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/timtrompeter.net\/overview\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/timtrompeter.net\/overview\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/timtrompeter.net\/overview\/wp-json\/wp\/v2\/comments?post=2596"}],"version-history":[{"count":52,"href":"https:\/\/timtrompeter.net\/overview\/wp-json\/wp\/v2\/pages\/2596\/revisions"}],"predecessor-version":[{"id":4842,"href":"https:\/\/timtrompeter.net\/overview\/wp-json\/wp\/v2\/pages\/2596\/revisions\/4842"}],"wp:attachment":[{"href":"https:\/\/timtrompeter.net\/overview\/wp-json\/wp\/v2\/media?parent=2596"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/timtrompeter.net\/overview\/wp-json\/wp\/v2\/categories?post=2596"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/timtrompeter.net\/overview\/wp-json\/wp\/v2\/tags?post=2596"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}