{
    "componentChunkName": "component---src-pages-slideshow-js",
    "path": "/touchscreens/dl00/slideshow/66",
    "result": {"data":{"strapiSlideshows":{"Slideshow":[{"Body":"(1900–1979)\n \n**Trotter Willetts designed and built champion centreboarders in the 1920s and 1930s and, with brother Farmer, was a top sailor in Auckland.**\n\n---\n\n**Affinity for speed**\n\nAuckland-born Albert Willetts was nicknamed Trotter for his tendency to trot rather than walk as a child. This affinity for speed would serve him well later on. \n\nWilletts had nine siblings, including older brother Alexander (1893–1957), known as Farmer. Their father, Arthur Willetts, worked at George Niccol’s shipyard as a designer and builder. The brothers learned to sail in Arthur’s mullet boat *Waitere*. \n\n**Racing brothers**\n\nSoon, Trotter and Farmer were well-known yachtsmen. Trotter excelled in small centreboarders. Farmer dominated in mullet boats, ruling the H Class in the 1920s. Later, he raced Charles Collings’s L Class mullet boat *Tamariki*, claiming 30 prizes in three seasons, including the coveted Lipton Cup.","Credit":"Photographer unknown, reproduced courtesy of Auckland Museum Tamaki Paenga Hira (C44088) / Profile: Photographer unknown, *Auckland Weekly News*, January 1947 (detail), Alexander Turnbull Library (N-P 1631-30)","MediaCaption":"*Belle* (1925) was the first boat that Trotter Willetts designed as well as built. ","Title":"ALBERT ‘TROTTER’ WILLETTS","PlayIconStyle":null,"id":224,"Media":{"localFile":{"publicURL":"/static/54770129a47cd86d65a6a5a27fc0af9e/Image_2_Albert_Willetts_BELLE_d286d155d3.jpg"},"mime":"image/jpeg"},"VideoPlaceholderImage":null},{"Body":"**Centreboard champions**\n\nTrotter was the brother to excel in yacht designing and building, which he pursued after leaving his trade of cabinetmaking. At 22, he built his first yacht, the Y Class *Cupid* (1922). \n\nIn his 16-foot (4.88m) *Mistral*, which he swapped for *Cupid* in 1927 and rebuilt, he won the Auckland S Class championship four years running. He later gained acclaim for his 18-Footers like *Irina* (1936), which he raced in the inaugural World 18-footer Championship of 1938. \n\nWilletts was prolific until World War II broke out in 1939. His final boat was a Bert Woollacott racer–cruiser named *Lady Pat* (1949), which he and Farmer built. \n\n![Image 4_Albert Willetts ESCAPADE.jpg](http://sandbox.timtait.co.nz/headless/uploads/Image_4_Albert_Willetts_ESCAPADE_bc9d961c0c.jpg)\n\n*Escapade* (1939) won all but one of its races in 10 years. Trotter Willetts designed and built this S Class centreboarder for Ronald Oliver.  \n\n###### Photographer unknown, reproduced courtesy of Auckland Museum Tamaki Paenga Hira, Marine Photos Collection (C43725) ######","Credit":"Photograph by Nelson Stedman, New Zealand Maritime Museum Hui Te Ananui a Tangaroa (1994.162)","MediaCaption":"Trotter Willetts designed and built *Irina*, this 18-foot (5.49-metre) V-class centreboarder, for Mr E. Carr in 1936. ","Title":"TROTTER WILLETTS","PlayIconStyle":null,"id":225,"Media":{"localFile":{"publicURL":"/static/abccaf6c6187f82d495956fab05c73a8/Image_3_Albert_Willets_IRINA_16679ac44c.jpg"},"mime":"image/jpeg"},"VideoPlaceholderImage":null}],"Title":"ALBERT ‘TROTTER’ WILLETTS","id":"Slideshows_66","strapiId":66,"TimeoutOverrideSeconds":null}},"pageContext":{"id":"Slideshows_66","slideshowData":{"Slideshow":[{"Body":"(1900–1979)\n \n**Trotter Willetts designed and built champion centreboarders in the 1920s and 1930s and, with brother Farmer, was a top sailor in Auckland.**\n\n---\n\n**Affinity for speed**\n\nAuckland-born Albert Willetts was nicknamed Trotter for his tendency to trot rather than walk as a child. This affinity for speed would serve him well later on. \n\nWilletts had nine siblings, including older brother Alexander (1893–1957), known as Farmer. Their father, Arthur Willetts, worked at George Niccol’s shipyard as a designer and builder. The brothers learned to sail in Arthur’s mullet boat *Waitere*. \n\n**Racing brothers**\n\nSoon, Trotter and Farmer were well-known yachtsmen. Trotter excelled in small centreboarders. Farmer dominated in mullet boats, ruling the H Class in the 1920s. Later, he raced Charles Collings’s L Class mullet boat *Tamariki*, claiming 30 prizes in three seasons, including the coveted Lipton Cup.","Credit":"Photographer unknown, reproduced courtesy of Auckland Museum Tamaki Paenga Hira (C44088) / Profile: Photographer unknown, *Auckland Weekly News*, January 1947 (detail), Alexander Turnbull Library (N-P 1631-30)","MediaCaption":"*Belle* (1925) was the first boat that Trotter Willetts designed as well as built. ","Title":"ALBERT ‘TROTTER’ WILLETTS","id":224,"PlayIconStyle":null,"Media":{"localFile":{"publicURL":"/static/54770129a47cd86d65a6a5a27fc0af9e/Image_2_Albert_Willetts_BELLE_d286d155d3.jpg"},"mime":"image/jpeg"}},{"Body":"**Centreboard champions**\n\nTrotter was the brother to excel in yacht designing and building, which he pursued after leaving his trade of cabinetmaking. At 22, he built his first yacht, the Y Class *Cupid* (1922). \n\nIn his 16-foot (4.88m) *Mistral*, which he swapped for *Cupid* in 1927 and rebuilt, he won the Auckland S Class championship four years running. He later gained acclaim for his 18-Footers like *Irina* (1936), which he raced in the inaugural World 18-footer Championship of 1938. \n\nWilletts was prolific until World War II broke out in 1939. His final boat was a Bert Woollacott racer–cruiser named *Lady Pat* (1949), which he and Farmer built. \n\n![Image 4_Albert Willetts ESCAPADE.jpg](http://sandbox.timtait.co.nz/headless/uploads/Image_4_Albert_Willetts_ESCAPADE_bc9d961c0c.jpg)\n\n*Escapade* (1939) won all but one of its races in 10 years. Trotter Willetts designed and built this S Class centreboarder for Ronald Oliver.  \n\n###### Photographer unknown, reproduced courtesy of Auckland Museum Tamaki Paenga Hira, Marine Photos Collection (C43725) ######","Credit":"Photograph by Nelson Stedman, New Zealand Maritime Museum Hui Te Ananui a Tangaroa (1994.162)","MediaCaption":"Trotter Willetts designed and built *Irina*, this 18-foot (5.49-metre) V-class centreboarder, for Mr E. Carr in 1936. ","Title":"TROTTER WILLETTS","id":225,"PlayIconStyle":null,"Media":{"localFile":{"publicURL":"/static/abccaf6c6187f82d495956fab05c73a8/Image_3_Albert_Willets_IRINA_16679ac44c.jpg"},"mime":"image/jpeg"}}],"Title":"ALBERT ‘TROTTER’ WILLETTS","id":"Slideshows_66","strapiId":66},"homePath":"/touchscreens/dl00","backPath":"/touchscreens/dl00/menu/4","title":"rem Original Test Touchscreen","styles":"html,body {\n  font-family: Gotham;\n  height: 100%;\n  margin: 0px;\n  padding: 0px;\n}\n\n* {\n  -webkit-user-select: none;\n  -khtml-user-select: none;\n  -moz-user-select: none;\n  -o-user-select: none;\n  user-select: none;\n}\n\nh1 {\n  color: #231f20;\n  margin: -20px 0 0 0;\n  font-family: 'IndustryIncInline';\n  font-size: 80px;\n  text-transform: uppercase;\n}\n\nh3 {\n  color: #231f20;\n  font-size: 12px;\n  text-transform: uppercase;\n  line-height: 2em;\n}\n\nh3.subpage-touchscreen-title {\n  font-family: 'DIN2014';\n  font-size: 20px;\n  text-transform: uppercase;\n  margin-top: -18px;\n}\n\na {\n  text-decoration: none;\n}\n\n.menu-page-icon-container h1, .touchscreen-menu-items-container h1 {\n  width: 900px;\n  min-height: 2em;\n}\n\n.menu-page-icon-container.with-sidebar h1 {\n  width: auto !important;\n}\n\n.page-container {\n  margin: 0;\n  padding: 70px 100px 0;\n  position: relative;\n  height: 100%;\n  background: #ebebeb;\n}\n\nmain {\n  width: 1920px;\n  height: 1080px;\n}\n\n.hidden {\n  display: none;\n}\n\n.nav {\n  position: absolute;\n  top: 60px;\n  left: 0;\n  z-index: 999;\n}\n\n.nav div, .nav a {\n  display: block;\n  width: 80px;\n  height: 80px;\n  float: left;\n}\n\n.nav .home {\n  background: url(\"/SVG/Buttons/btn_home_light.svg\");\n}\n\n.nav .back {\n  background: url(\"/SVG/Buttons/btn_arrow_prev.svg\");\n}\n\n.zoom-btn, .zoom-btn-fixed {\n  display: block;\n  width: 80px;\n  height: 80px;\n  position: absolute;\n  top: 60px;\n  right: 0;\n  z-index: 999;\n  background: url(\"/SVG/Buttons/btn_zoom_light.svg\");\n}\n\n.zoom-btn-fixed {\n  right: 576px;\n}\n\n.play-btn {\n  display: block;\n  width: 80px;\n  height: 80px;\n  position: absolute;\n  top: 50%;\n  right: 50%;\n  z-index: 999;\n  background: url(\"/SVG/Buttons/btn_play.svg\");\n  margin-right: -40px;\n  margin-top: -40px;\n}\n\n.play-btn-audio {\n  display: block;\n  width: 80px;\n  height: 80px;\n  position: absolute;\n  z-index: 999;\n  background: url(\"/SVG/Buttons/btn_Audio.svg\");\n}\n\n.fancybox-button--close, .fancybox-close-small {\n  position: fixed !important;\n  width: 80px !important;\n  height: 80px !important;\n  background: url(\"/SVG/Buttons/btn_close.svg\") !important;\n}\n\n.fancybox-button--close svg, .fancybox-close-small svg {\n  display: none !important;\n}\n\n.fancybox-button--zoom {\n  display: none !important;\n}\n\n.fancybox-toolbar {\n  width: 80px;\n}\n\n.video-js {\n  background-color: #212121 !important;\n}\n\n.bg-div {\n  background-size: cover !important;\n}\n\n.bg-video {\n  position: fixed;\n  right: 0;\n  bottom: 0;\n  min-width: 100%;\n  min-height: 100%;\n  z-index: 1;\n  transition: 1s;\n}\n\n.halfFade {\n  opacity: 0.2;\n}\n\n.touchscreen-page {\n  background-color: #ebebeb00;\n}\n\n.touchscreen-page .nav {\n  opacity: 0;\n  transition: 1s;\n}\n\n.fadeIn {\n  opacity: 1 !important;\n}\n\n.touchscreen-menu-items-container {\n  transition: 1s;\n  position: absolute;\n  left: 1920px;\n  top: 0;\n  width: 1920px;\n  height: 1080px;\n  z-index: 100;\n}\n\n.touchscreen-menu-items-container-slide-in {\n  left: 0;\n}\n\n.touchscreen-menu-items {\n  z-index: 100;\n  position: relative;\n  width: 1720px;\n  text-align: center;\n}\n\n.touchscreen-menu-items a {\n  width: 600px;\n  height: 600px;\n  max-width: 600px;\n  max-height: 600px;\n  display: inline-block;\n  margin: 90px 4px 0;\n}\n\n.touchscreen-menu-items a img {\n  max-width: 600px;\n  max-height: 600px;\n  filter: grayscale(100%);\n}\n\n.touchscreen-menu-items a p {\n  text-transform: uppercase;\n  margin: 0;\n  font-family: \"DIN2014\";\n  width: 600px;\n  padding: 10px;\n  color: #231f20;\n  white-space: nowrap;\n  position: absolute;\n  bottom: 0px;\n  background-color: rgba(208, 210, 211, 0.8);\n  height: 50px;\n  text-align: left;\n  bottom: 3px;\n}\n\n.touchscreen-text {\n  transition: 1s;\n  position: relative;\n  left: 0;\n  z-index: 100;\n}\n\n.touchscreen-text-slide-out {\n  left: -1920px;\n}\n\n.touchscreen-text h1 {\n  font-size: 160px;\n  margin: 0;\n}\n\n.touchscreen-text h3 {\n  font-size: 32px;\n  font-weight: 200;\n  padding-left: 20px;\n}\n\n.menu-page-items {\n  height: 760px;\n  position: relative;\n}\n\n.with-sidebar .menu-page-items {\n  height: 870px !important;\n}\n\n.vertical-align {\n/* Center slide text vertically */\n  <COMMENTFIX>\n\n\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: -webkit-flex;\n  display: flex;\n  -webkit-box-pack: center;\n  -ms-flex-pack: center;\n  -webkit-justify-content: center;\n  justify-content: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  -webkit-align-items: center;\n  align-items: center;\n}\n\n.menu-page-infobox {\n  display: none;\n}\n\n.menu-page-icon-container {\n  color: #fff;\n  width: 1820px;\n}\n\n.with-sidebar .menu-page-items-container {\n  width: 1244px !important;\n}\n\n.menu-page-sidebar .swiper-zoom-container {\n  position: relative;\n}\n\n.menu-page-sidebar .play-btn {\n  left: auto !important;\n  top: auto !important;\n  right: auto !important;\n}\n\n.menu_item {\n  position: relative;\n  float: left;\n  min-height: 1px;\n  width: 340px;\n  margin: 5px;\n}\n\n.menu_item img {\n  filter: sepia(0) grayscale(100%);\n  transition: .3s ease-in-out;\n  display: block;\n  width: 100%;\n  max-width: none;\n  height: 100%;\n  object-fit: cover;\n}\n\n.menu_item p {\n  text-transform: uppercase;\n  margin: 0;\n  font-family: \"DIN2014\";\n  width: 100%;\n  padding: 10px;\n  color: #231f20;\n  white-space: nowrap;\n  position: absolute;\n  bottom: 0;\n  background-color: rgba(208, 210, 211, 0.9);\n  min-height: 50px;\n}\n\n.menu_item.active p {\n  background-color: rgba(255, 255, 255, 0.9);\n}\n\n.menu_item.active img {\n  filter: sepia(75%) grayscale(0) !important;\n}\n\n.menu-page-icon-container.with-sidebar .menu_item {\n  width: 270px;\n}\n\n.menu-page-icon-container {\n  width: auto;\n}\n\n.tags-container {\n  position: fixed;\n  right: 50px;\n  top: 180px;\n}\n\n.with-sidebar .tags-container {\n  right: 530px !important;\n}\n\n.tags {\n  color: #231f20;\n  margin: -30px 0 0 0;\n  text-align: right;\n  margin-right: 70px;\n}\n\n.tags a {\n  font-family: \"DIN2014\";\n  text-transform: uppercase;\n  line-height: 20px;\n  display: inline-block;\n  padding: 0 10px;\n  margin: 0 15px;\n  text-align: center;\n  font-size: 15px;\n}\n\n.tags a:last-child {\n  margin-right: 0;\n}\n\n.tags a.active {\n  border-bottom: 1px solid #231f20;\n  ;\n}\n\n.main-slide {\n  width: 100%;\n  height: 100%;\n}\n\n.main-slide img {\n  max-width: 80% !important;\n  max-height: 910px !important;\n  box-shadow: 3px 2px 20px 0px rgba(0, 0, 0, 0.2);\n}\n\n.video-fullscreen {\n  width: 1820px;\n  background: transparent !important;\n}\n\n.swiper-container {\n  margin: 0 !important;\n  background: rgb(235, 235, 235);\n}\n\n.swiper-main {\n  width: 70%;\n  height: 88%;\n  position: absolute;\n  left: 0px;\n  top: 0;\n}\n\n.vjs-tech {\n  pointer-events: none;\n}\n\n\n\n/* .fancybox-bg {background:lightgrey !important;} */\n\n\n\n.swiper-infobox {\n  width: 30%;\n  height: 100%;\n  position: absolute !important;\n  right: 0;\n  top: 0;\n}\n\n.swiper-infobox .infobox h3 {\n  margin-top: 200px;\n  font-size: 32px;\n  font-family: \"DIN2014\";\n  letter-spacing: 0.1em;\n  line-height: 1em;\n}\n\n.swiper-infobox .infobox {\n  max-width: 410px;\n  margin-left: 30px;\n  font-weight: 100;\n}\n\n.swiper-infobox .infobox img {\n  width: 100%;\n}\n\n.swiper-infobox .infobox .text {\n  height: 780px;\n  overflow: auto;\n  padding-right: 10px;\n}\n\n.menu-page-sidebar .text {\n  height: 860px !important;\n  ;\n}\n\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n\n::-webkit-scrollbar-track {\n  background: rgba(0, 0, 0, 0.1);\n}\n\n::-webkit-scrollbar-thumb {\n  background: rgba(0, 0, 0, 0.5);\n}\n\n.swiper-scrollbar {\n  height: 6px;\n}\n\n.swiper-caption {\n  width: 70%;\n  height: 12%;\n  position: absolute;\n  left: 0px;\n  bottom: 0px;\n}\n\n.swiper-caption .caption {\n  position: absolute;\n  left: 30px;\n  top: 10px;\n  font-weight: 200;\n  text-align: left;\n  font-size: 14px;\n  max-width: 650px;\n  line-height: 1;\n}\n\n.swiper-caption .credit {\n  font-weight: 100;\n  ;\n  position: absolute;\n  left: 30px;\n  top: 60px;\n  text-align: left;\n  font-size: 12px;\n  max-width: 650px;\n  line-height: 1;\n}\n\n.swiper-scrollbar {\n  border-radius: 10px;\n  position: relative;\n  -ms-touch-action: none;\n  background: rgba(0, 0, 0, .1);\n}\n\n.swiper-container > .swiper-scrollbar {\n  top: 0 !important;\n  position: absolute;\n  left: 1%;\n  bottom: 3px;\n  z-index: 50;\n  height: 5px;\n  width: 98%;\n}\n\n.main-slide {\n  text-align: center;\n  font-size: 18px;\n  background: rgb(235, 235, 235);\n/* Center slide text vertically */\n  <COMMENTFIX>\n\n\n    display: -webkit-box;\n  display: -ms-flexbox;\n  display: -webkit-flex;\n  display: flex;\n  -webkit-box-pack: center;\n  -ms-flex-pack: center;\n  -webkit-justify-content: center;\n  justify-content: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  -webkit-align-items: center;\n  align-items: center;\n}\n\n.main-slide .media {\n  width: 100%;\n  max-height: 910px;\n}\n\n.swiper-button-prev {\n  background: url(\"/SVG/Buttons/btn_arrow_prev.svg\");\n  left: auto !important;\n  right: 81px !important;\n}\n\n.swiper-button-next {\n  background: url(\"/SVG/Buttons/btn_arrow_next.svg\");\n  right: 0 !important;\n}\n\n.swiper-button-prev, .swiper-button-next {\n  width: 80px !important;\n  height: 80px !important;\n  font-weight: bold;\n  position: absolute !important;\n  top: 30px !important;\n}\n\n.swiper-button-prev:after, .swiper-button-next:after {\n  content: \"\" !important;\n}\n\n.swiper-pagination-fraction {\n  font-family: 'IndustryIncInline';\n  left: 30px !important;\n  bottom: 50px !important;\n  text-align: left !important;\n  font-size: 50px;\n}\n\n.my-shuffle {\n  position: relative;\n  overflow: hidden;\n  top: 20px;\n/* padding-bottom:100%; */\n  <COMMENTFIX>\n}\n\n\n/* default styles so shuffle doesn't have to set them (it will if they're missing) */\n.my-shuffle {\n  position: relative;\n  overflow: hidden;\n}\n\n/* Ensure images take up the same space when they load */\n/* https://vestride.github.io/Shuffle/images */\n.aspect {\n  position: relative;\n  width: 100%;\n  height: 0;\n  padding-bottom: 100%;\n  overflow: hidden;\n}\n\n.aspect__inner {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n}\n\n\n/* img {\n  display: block;\n  width: 100%;\n  max-width: none;\n  height: 100%;\n  object-fit: cover;\n}  */\n\n/* Small reset */\n\n*,\n::before,\n::after {\n  box-sizing: border-box;\n}\n\nfigure {\n  margin: 0;\n  padding: 0;\n}\n\n.menu-page-items-container {\n  overflow-x: auto;\n}\n\n.fancybox-toolbar {\n  visibility: visible !important;\n  opacity: 1.0 !important;\n}\n\nvideo::-webkit-media-controls-overlay-play-button,\nvideo::-webkit-media-controls-volume-slider-container,\nvideo::-webkit-media-controls-mute-button,\nvideo::-webkit-media-controls-volume-slider,\nvideo::-webkit-media-controls-fullscreen-button,\nvideo::-webkit-media-controls-play-button,\nvideo::-webkit-media-controls-pausebutton {\n  display: none;\n}\n\n.menu-page-20 .menu_item {\n    width: 600px;\n}\n\n\n.menu-page-20 .menu-page-items {\n    width: 1500px !important;\n    position: absolute;\n    top: 275px;\n    left: 350px;\n}\n\n.menu-page-23 .menu_item {\n    width: 600px;\n}\n\n\n.menu-page-23 .menu-page-items {\n    width: 1500px !important;\n    position: absolute;\n    top: 275px;\n    left: 350px;\n}\n\n.menu-page-15 .menu-page-items-container {\n    overflow-x: auto;\n    position: absolute;\n    top: 180px;\n}\n\n.menu-page-19 .menu-page-items-container {\n    overflow-x: auto;\n    position: absolute;\n    top: 180px;\n}\n\n.menu-page-20 .grid-icon-size.without-sidebar,  .menu-page-20 .without-sidebar .grid-icon {\n    height: 600px;\n    width: 600px;\n    max-width: 600px;\n}\n\n.menu-page-23 .grid-icon-size.without-sidebar,  .menu-page-23 .without-sidebar .grid-icon {\n    height: 600px;\n    width: 600px;\n    max-width: 600px;\n}\n\n.grid-icon-size, .grid-icon {margin-right:10px;margin-top:10px;transition: width 0.5s ease-in-out;overflow:hidden;height:350px;width:350px;max-width:350px;position:relative;float:left;}\n.grid-icon-size.without-sidebar, .without-sidebar .grid-icon {height:350px;width:350px;max-width:350px;}\n.grid-icon-size.with-sidebar, .with-sidebar .grid-icon {height:270px;width:270px;max-width:270px;}\n.grid-icon img {transition: filter 0.5s ease-in-out; filter: sepia(0) grayscale(100%);width:100%;}\n.grid-icon img.highlight {filter: sepia(100%) grayscale(0);}\n.grid-icon p {text-transform: uppercase;margin: 0;font-family: 'DIN2014';width: 100%;padding: 10px;color: #231f20;white-space: nowrap;position: absolute;bottom: 0;background-color: rgba(208, 210, 211, 0.9);min-height: 50px;transition: opacity 0.25s ease-in-out;opacity:1;bottom:0;position:absolute;}\n.grid-icon.hidden-icon {width:0;margin:0;}\n.grid-icon.hidden-icon p {opacity:0;}\nbody {width: 1920px;height: 1080px;overflow: hidden;}\n\n.buttons-language {top:60px;right:0;position:fixed;z-index:99999999;font-size:18pt;\n.buttons-language a {display:inline-block;width:180px;background-color:#b7b7b7;#color:#000;line-height:80px;text-align:center;\n.buttons-language a.active {background-color:#000000;color:#cfcfce;"}},
    "staticQueryHashes": []}