1<!DOCTYPE html> 2<html lang="en"> 3<head> 4 <meta charset="utf-8" /> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge" /> 6 <title>Jugo in space</title> 7 <meta name="description" content="" /> 8 <meta name="keywords" content=""> 9 <meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1, user-scalable=no" /> 10 <!-- fav icons --> 11 <link rel="shortcut icon" href="/assets/images/favicon.ico?v=586ae77dad"> 12 <link rel="apple-touch-icon" sizes="57x57" href="/assets/images/apple-icon-57x57.png?v=586ae77dad"> 13 <link rel="apple-touch-icon" sizes="60x60" href="/assets/images/apple-icon-60x60.png?v=586ae77dad"> 14 <link rel="apple-touch-icon" sizes="72x72" href="/assets/images/apple-icon-72x72.png?v=586ae77dad"> 15 <link rel="apple-touch-icon" sizes="76x76" href="/assets/images/apple-icon-76x76.png?v=586ae77dad"> 16 <link rel="apple-touch-icon" sizes="114x114" href="/assets/images/apple-icon-114x114.png?v=586ae77dad"> 17 <link rel="apple-touch-icon" sizes="120x120" href="/assets/images/apple-icon-120x120.png?v=586ae77dad"> 18 <link rel="apple-touch-icon" sizes="144x144" href="/assets/images/apple-icon-144x144.png?v=586ae77dad"> 19 <link rel="apple-touch-icon" sizes="152x152" href="/assets/images/apple-icon-152x152.png?v=586ae77dad"> 20 <link rel="apple-touch-icon" sizes="180x180" href="/assets/images/apple-icon-180x180.png?v=586ae77dad"> 21 <link rel="icon" type="image/png" sizes="192x192" href="/assets/images/android-icon-192x192.png?v=586ae77dad"> 22 <link rel="icon" type="image/png" sizes="32x32" href="/assets/images/favicon-32x32.png?v=586ae77dad"> 23 <link rel="icon" type="image/png" sizes="96x96" href="/assets/images/favicon-96x96.png?v=586ae77dad"> 24 <link rel="icon" type="image/png" sizes="16x16" href="/assets/images/favicon-16x16.png?v=586ae77dad"> 25 <link rel="manifest" href="/assets/images/manifest.json?v=586ae77dad"> 26 <meta name="msapplication-TileColor" content="#ffffff"> 27 <meta name="msapplication-TileImage" content="/assets/images/ms-icon-144x144.png?v=586ae77dad"> 28 <!-- stylesheets --> 29 <link href='http://fonts.googleapis.com/css?family=Arimo:400,700,400italic,700italic' rel='stylesheet' type='text/css'> 30 <link rel="stylesheet" href="/assets/css/bootstrap.min.css?v=586ae77dad"> 31 <link rel="stylesheet" href="/assets/css/font-awesome.min.css?v=586ae77dad"> 32 <link rel="stylesheet" type="text/css" href="/assets/css/hl-styles/solarized_light.css?v=586ae77dad"> 33 <link rel="stylesheet" type="text/css" href="/assets/css/screen.css?v=586ae77dad"> 34 <link rel="stylesheet" type="text/css" href="/assets/css/custom.css?v=586ae77dad"> 35
35<script> 36/*==================================================== 37 THEME SETTINGS & GLOBAL VARIABLES 38====================================================*/ 39// 1. Disqus comment settings 40var disqus_shortname = 'saltydogdigital'; // required: replace example with your forum shortname 41 42// 2. Recent Post count 43var recent_post_count = 3; 44 45// 3. Twitter Setting 46var twitter_url = 'https://twitter.com/WoofSalty'; 47var twitter_widget_id = '635191767499862017'; 48var number_of_tweet = 3; 49 50// 4. Mailchimp signup form Setting 51//var mailchimp_form_url = 'http://gbjsolution.us4.list-manage.com/subscribe?u=a63b2fed3ed61b70bf56d1aed&id=1e3806b1d4'; 52//var success_message = "Please check your inbox and confirm your email address. Thanks!"; 53</script>
53 <link rel="canonical" href="http://saltydog.digital/jugo-in-space/" /> 54 <meta name="referrer" content="origin" /> 55 56 <meta property="og:site_name" content="Salty Dog Digital" /> 57 <meta property="og:type" content="article" /> 58 <meta property="og:title" content="Jugo in space" /> 59 <meta property="og:description" content="Screenshots It may be premature to write an extensive history of Jugo, but for those interested in the look and feel of the game and how they have changed and may change again, here are⦠pictures. Whee! Our current prototype..." /> 60 <meta property="og:url" content="http://saltydog.digital/jugo-in-space/" /> 61 <meta property="og:image" content="http://saltydog.digital/content/images/screenshots/jugo/landscape/Jugo-v8d.jpg" /> 62 <meta property="article:published_time" content="2016-03-03T19:32:05.029Z" /> 63 <meta property="article:modified_time" content="2016-03-04T18:11:49.518Z" /> 64 <meta property="article:tag" content="screenshots" /> 65 66 <meta name="twitter:card" content="summary_large_image" /> 67 <meta name="twitter:title" content="Jugo in space" /> 68 <meta name="twitter:description" content="Screenshots It may be premature to write an extensive history of Jugo, but for those interested in the look and feel of the game and how they have changed and may change again, here are⦠pictures. Whee! Our current prototype..." /> 69 <meta name="twitter:url" content="http://saltydog.digital/jugo-in-space/" /> 70 <meta name="twitter:image:src" content="http://saltydog.digital/content/images/screenshots/jugo/landscape/Jugo-v8d.jpg" /> 71 72
72<script type="application/ld+json"> 73{ 74 "@context": "http://schema.org", 75 "@type": "Article", 76 "publisher": "Salty Dog Digital", 77 "author": { 78 "@type": "Person", 79 "name": "Lorin Drum", 80 "image": "http://saltydog.digital/content/images/2015/08/lorin.jpg", 81 "url": "http://saltydog.digital/author/lorin", 82 "sameAs": null, 83 "description": "Storyteller of Salty Yarns! He works on idea development, prototyping and weird and wonderful words and sounds." 84 }, 85 "headline": "Jugo in space", 86 "url": "https://saltydog.digital/jugo-in-space/", 87 "datePublished": "2016-03-03T19:32:05.029Z", 88 "dateModified": "2016-03-04T18:11:49.518Z", 89 "image": "http://saltydog.digital/content/images/screenshots/jugo/landscape/Jugo-v8d.jpg", 90 "keywords": "screenshots", 91 "description": "Screenshots It may be premature to write an extensive history of Jugo, but for those interested in the look and feel of the game and how they have changed and may change again, here are⦠pictures. Whee! Our current prototype..." 92} 93 </script>
93 94 95
95<script type="text/javascript" src="/shared/ghost-url.min.js?v=586ae77dad"></script>
vendor: 1 bytes, line 95
95
96<script type="text/javascript"> 97ghost.init({ 98 clientId: "ghost-frontend", 99 clientSecret: "9f27a692893f" 100}); 101</script>
101 102 <meta name="generator" content="Ghost 0.7" /> 103 <link rel="alternate" type="application/rss+xml" title="Salty Dog Digital" href="https://saltydog.digital/rss/" /> 104 <style type="text/css"> 105ul { 106 -webkit-padding-start: 2em; 107} 108.navbar-brand { 109 font-size: 2em; 110 max-width: 75%; 111 padding-left: 2%; 112 font-weight: 700; 113} 114.tag-poetry PRE { 115 background-color: transparent; 116 border: none; 117 color: #999999; 118 } 119div.poetry-notes { 120 font-style: italic; 121} 122pre code { 123 white-space: pre; 124 word-break: normal; 125 word-wrap: normal; 126} 127.desc .social-links-wrap { 128 margin-bottom: 14px; 129} 130.desc .social-links { 131 padding: 0px; 132 margin: 0; 133 line-height: 0; 134} 135.desc .social-links li { 136 display: inline-block; 137 list-style: none; 138 line-height: 18px; 139 font-size: 22px; 140} 141.desc .social-links li a { 142 display: inline-block; 143} 144.desc .social-links li a i { 145 width: 24px; 146 height: 24px; 147 line-height: 24px; 148 color: #202020; 149 -webkit-border-radius: 50%; 150 -moz-border-radius: 50%; 151 border-radius: 50%; 152} 153.desc .social-links li a:hover i { 154 color: #ff9900; 155} 156div.desc, div.desc ul { 157 display: inline; 158} 159.share-wrap .share-wrap-inner ul li { 160 font-size: 26px; 161} 162 163 164.main-footer .social-links li { 165 font-size: 26px; 166} 167.widget-navigation { 168 padding-top: 12px; 169} 170</style> 171 172<meta name="google-site-verification" content="UX8pdIQLlkid1rewJRK85tRbJ8Nr0UfaAHZAjvSgeGc" />
173<script>
vendor: 338 bytes, lines 173-178
173 174 (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ 175 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), 176 m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) 177 })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); 178 ga('create', '
178UA-52967522-3
vendor: 38 bytes, lines 178-179
178', 'auto'); 179 ga('send', 'pageview');
180</script>
180 181</head> 182<body class="post-template tag-screenshots"> 183 <!-- start main header --> 184<div class="header-wrap hidden-xs " style="background-image: url(/content/images/2015/08/slider-screen4.jpg)"> 185 <header class="main-header"> 186 <div class="logo"> 187 <a class="image-logo" href="http://saltydog.digital"><img src="/content/images/2015/08/saltydog-logo-v4.png" alt="Salty Dog Digital"></a> 188 </div> 189 <!-- start navigation --> 190 <nav class="main-navigation"> 191 <ul class="menu"> 192 <li class="home "><a href="https://saltydog.digital/">Home</a></li> 193<li class="games "><a href="https://saltydog.digital/games/">Games</a></li> 194<li class="poetry "><a href="https://saltydog.digital/tag/poetry/">Poetry</a></li> 195<li class="about "><a href="https://saltydog.digital/about/">About</a></li> 196<li class="contact "><a href="https://saltydog.digital/contact/">Contact</a></li> 197<li class="presskit "><a href="https://saltydog.digital/press">Presskit</a></li> 198 199 </ul> 200 </nav> 201 <!-- end navigation --> 202 <div class="description"> 203 imagine // create // play 204 </div> 205 </header> 206</div> 207<!-- end main header --> 208 209<div class="content-area-wrap"> 210 <!-- start mobile header --> 211<div class="mobile-header hidden-sm hidden-md hidden-lg"> 212 <nav class="navbar"> 213 <div class="container-fluid"> 214 <div class="navbar-content-wrap"> 215 <div class="navbar-header"> 216 <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#main-menu" aria-expanded="false"> 217 <span class="sr-only">Toggle navigation</span> 218 <span class="icon-bar"></span> 219 <span class="icon-bar"></span> 220 <span class="icon-bar"></span> 221 </button> 222 <!-- <div class="search-toggle-wrap pull-right hidden-sm hidden-md hidden-lg"> 223 <a href="" class="search-toggle"><i class="fa fa-search"></i></a> 224 </div> --> 225 <a class="navbar-brand" href="http://saltydog.digital">Salty Dog Digital</a> 226 </div> 227 <!-- <div class="search-toggle-wrap pull-right hidden-xs"> 228 <a href="" class="search-toggle"><i class="fa fa-search"></i></a> 229 </div> --> 230 <div class="collapse navbar-collapse" id="main-menu"> 231 <!-- start navigation --> 232 <ul class="menu navbar-right nav navbar-nav"> 233 <li class="home "><a href="https://saltydog.digital/">Home</a></li> 234<li class="games "><a href="https://saltydog.digital/games/">Games</a></li> 235<li class="poetry "><a href="https://saltydog.digital/tag/poetry/">Poetry</a></li> 236<li class="about "><a href="https://saltydog.digital/about/">About</a></li> 237<li class="contact "><a href="https://saltydog.digital/contact/">Contact</a></li> 238<li class="presskit "><a href="https://saltydog.digital/press">Presskit</a></li> 239 240 </ul> 241 <!-- end navigation --> 242 </div> 243 </div> 244 </div> 245 </nav> 246</div> 247<!-- end mobile header --> <!-- start main content --> 248 <div class="container-fluid main-content-wrap"> 249 <div class="row"> 250 <div class="col-md-8 single-post-wrap"> 251 <article id="282" class="post tag-screenshots single-post-full"> 252 <div class="post-content-wrap"> 253 <header class="post-header"> 254 <div class="post-meta"> 255 <span class="post-date">March 03, 2016</span> 256 / <span class="post-author-name"><a href="/author/lorin/">Lorin Drum</a></span> 257 </div> 258 <h2 class="post-title">Jugo in space</h2> 259 </header> 260 <div class="featured-media"> 261 <img src="/content/images/screenshots/jugo/landscape/Jugo-v8d.jpg" alt="Jugo in space"> 262 </div> 263 <div class="post-content-full"> 264 <h3 id="screenshots">Screenshots</h3> 265 266<div class="row"> 267 <div class="col-md-12"> 268 269 <div id="jugo-landscape-screenshots" class="screenshots"> 270 271 <a href="/content/images/screenshots/jugo/landscape/Jugo-v6a.jpg" class="screenshot" data-size="1000x680" > 272 <img src="/content/images/screenshots/jugo/landscape/small/Jugo-v6a.png" alt="" /> 273 <figure></figure> 274 </a> 275 276 <a href="/content/images/screenshots/jugo/landscape/Jugo-v7a.jpg" class="screenshot" data-size="1000x680" > 277 <img src="/content/images/screenshots/jugo/landscape/small/Jugo-v7a.png" alt="" /> 278 <figure></figure> 279 </a> 280 281 <a href="/content/images/screenshots/jugo/landscape/Jugo-v8d.jpg" class="screenshot" data-size="1000x680" > 282 <img src="/content/images/screenshots/jugo/landscape/small/Jugo-v8d.png" alt="" /> 283 <figure></figure> 284 </a> 285 286 287 <a href="/content/images/screenshots/jugo/landscape/Jugo-v3a.jpg" class="screenshot" data-size="1000x680" > 288 <img src="/content/images/screenshots/jugo/landscape/small/Jugo-v3a.png" alt="" /> 289 <figure></figure> 290 </a> 291 292 <a href="/content/images/screenshots/jugo/landscape/Jugo-v4d.jpg" class="screenshot" data-size="1000x680" > 293 <img src="/content/images/screenshots/jugo/landscape/small/Jugo-v4d.png" alt="" /> 294 <figure></figure> 295 </a> 296 297 <a href="/content/images/screenshots/jugo/landscape/Jugo-v9a.jpg" class="screenshot" data-size="1000x563" > 298 <img src="/content/images/screenshots/jugo/landscape/small/Jugo-v9a.png" alt="" /> 299 <figure></figure> 300 </a> 301 </div> 302 303 </div> 304</div> 305 306<p>It may be premature to write an extensive history of Jugo, but for those interested in the look and feel of the game and how they have changed and may change again, here are⦠pictures. Whee!</p> 307 308<p>Our current prototype had two primary paths of evolution: the game-play itself, and the artwork.</p> 309 310<p>Our talented artist Steve came up with many cool layout versions while we pondered what the game was supposed to do. Several had a space-based them, with a dark background that soon became filled with space-stuff like a nebula, or more than one nebula, i.e. nebulae. And claws.</p> 311 312<p>I think we all really liked the stone backgrounds. They were abandoned due to technical reasons, primarily the time element for making the graphics and any animations work correctly. Now that game-play is fully worked out, however, there is a chance we may all get together and say...let there be rock. </p> 313 314<p>The last screenshots show various early versions of game play, which at one time was apparently pretty complicated. Still, there are probably one or tw
314o different versions that might be fun, so we are hoping some day we have a chance and a reason to explore some alternate play modes.</p> 315 316<p>Jugo is now trying to make its way through the Greenlight process on Steam, so we encourage any of you who havenât done so yet to head over there and give Jugo a vote. </p> 317 318<iframe src="http://steamcommunity.com/sharedfiles/widget/614602755" width="336" height="137" frameborder="0" scrolling="no"></iframe> 319 <!-- Root element of PhotoSwipe. Must have class pswp. --> 320<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true"> 321 322 <!-- Background of PhotoSwipe. 323 It's a separate element as animating opacity is faster than rgba(). --> 324 <div class="pswp__bg"></div> 325 326 <!-- Slides wrapper with overflow:hidden. --> 327 <div class="pswp__scroll-wrap"> 328 329 <!-- Container that holds slides. 330 PhotoSwipe keeps only 3 of them in the DOM to save memory. 331 Don't modify these 3 pswp__item elements, data is added later on. --> 332 <div class="pswp__container"> 333 <div class="pswp__item"></div> 334 <div class="pswp__item"></div> 335 <div class="pswp__item"></div> 336 </div> 337 338 <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> 339 <div class="pswp__ui pswp__ui--hidden"> 340 341 <div class="pswp__top-bar"> 342 343 <!-- Controls are self-explanatory. Order can be changed. --> 344 345 <div class="pswp__counter"></div> 346 347 <button class="pswp__button pswp__button--close" title="Close (Esc)"></button> 348 349 <button class="pswp__button pswp__button--share" title="Share"></button> 350 351 <button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button> 352 353 <button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button> 354 355 <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> 356 <!-- element will get class pswp__preloader--active when preloader is running --> 357 <div class="pswp__preloader"> 358 <div class="pswp__preloader__icn"> 359 <div class="pswp__preloader__cut"> 360 <div class="pswp__preloader__donut"></div> 361 </div> 362 </div> 363 </div> 364 </div> 365 366 <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> 367 <div class="pswp__share-tooltip"></div> 368 </div> 369 370 <button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> 371 </button> 372 373 <button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> 374 </button> 375 376 <div class="pswp__caption"> 377 <div class="pswp__caption__center"></div> 378 </div> 379 380 </div> 381 382 </div> 383 384</div> 385 386<!-- Core CSS file --> 387<link rel="stylesheet" href="/assets/css/photoswipe/photoswipe.css?v=586ae77dad"> 388 389<!-- Skin CSS file (styling of UI - buttons, caption, etc.) 390 In the folder of skin CSS file there are also: 391 - .png and .svg icons sprite, 392 - preloader.gif (for browsers that do not support CSS animations) --> 393<link rel="stylesheet" href="/assets/css/photoswipe/default-skin/default-skin.css?v=586ae77dad"> 394 395<link rel="stylesheet" href="/assets/css/screenshots.css?v=586ae77dad"> 396 397<!-- Core JS file -->
398<script src="/assets/js/photoswipe.min.js?v=586ae77dad"></script>
398 399 400<!-- UI JS file -->
401<script src="/assets/js/photoswipe-ui-default.min.js?v=586ae77dad"></script>
401 402 403<!-- buid up the gallery on DOM classes '.screenshots -->
404<script type="text/javascript"> 405 (function() { 406 var initPhotoSwipeFromDOM = function(gallerySelector) { 407 var parseThumbnailElements = function(el) { 408 var thumbElements = el.childNodes, 409 numNodes = thumbElements.length, 410 items = [], 411 el, 412 childElements, 413 thumbnailEl, 414 size, 415 item; 416 for (var i = 0; i < numNodes; i++) { 417 el = thumbElements[i]; 418 // include only element nodes 419 if (el.nodeType !== 1) { 420 continue; 421 } 422 childElements = el.children; 423 size = el.getAttribute('data-size').split('x'); 424 // create slide object 425 item = { 426 src: el.getAttribute('href'), 427 w: parseInt(size[0], 10), 428 h: parseInt(size[1], 10) 429 }; 430 item.el = el; // save link to element for getThumbBoundsFn 431 if (childElements.length > 0) { 432 item.msrc = childElements[0].getAttribute('src'); // thumbnail url 433 if (childElements.length > 1) { 434 item.title = childElements[1].innerHTML; // caption (contents of figure) 435 } 436 } 437 var mediumSrc = el.getAttribute('data-med'); 438 if (mediumSrc) { 439 size = el.getAttribute('data-med-size').split('x'); 440 // "medium-sized" image 441 item.m = { 442 src: mediumSrc, 443 w: parseInt(size[0], 10), 444 h: parseInt(size[1], 10) 445 }; 446 } 447 // original image 448 item.o = { 449 src: item.src, 450 w: item.w, 451 h: item.h 452 }; 453 items.push(item); 454 } 455 return items; 456 }; 457 // find nearest parent element 458 var closest = function closest(el, fn) { 459 return el && (fn(el) ? el : closest(el.parentNode, fn)); 460 }; 461 var onThumbnailsClick = function(e) { 462 e = e || window.event; 463 e.preventDefault ? e.preventDefault() : e.returnValue = false; 464 var eTarget = e.target || e.srcElement; 465 var clickedListItem = closest(eTarget, function(el) { 466 return el.tagName === 'A'; 467 }); 468 if (!clickedListItem) { 469 return; 470 } 471 var clickedGallery = clickedListItem.parentNode; 472 var childNodes = clickedListItem.parentNode.childNodes, 473 numChildNodes = childNodes.length, 474 nodeIndex = 0, 475 index; 476 for (var i = 0; i < numChildNodes; i++) { 477 if (childNodes[i].nodeType !== 1) { 478 continue; 479 } 480 if (childNodes[i] === clickedListItem) { 481 index = nodeIndex; 482 break; 483 } 484 nodeIndex++; 485 } 486 if (index >= 0) { 487 openPhotoSwipe(index, clickedGallery); 488 } 489 return false; 490 }; 491 var photoswipeParseHash = function() { 492 var hash = window.location.hash.substring(1), 493 params = {}; 494 if (hash.length < 5) { // pid=1 495 return params; 496 } 497 var vars = hash.split('&'); 498 for (var i = 0; i < vars.length; i++) { 499 if (!vars[i]) { 500 continue; 501 } 502 var pair = vars[i].split('='); 503 if (pair.length < 2) { 504 continue; 505 } 506 params[pair[0]] = pair[1]; 507 } 508 if (params.gid) { 509 params.gid = parseInt(params.gid, 10); 510 } 511 return params; 512 }; 513 var openPhotoSwipe = function(index, galleryElement, disableAnimation, fromURL) { 514 var pswpElement = document.querySelectorAll('.pswp')[0], 515 gallery, 516 options, 517 items; 518 items = parseThumbnailElements(galleryElement); 519 // define options (if needed) 520 options = { 521 galleryUID: galleryElement.getAttribute('data-pswp-uid'), 522 getThumbBoundsFn: function(index) { 523 // See Options->getThumbBoundsFn section of docs for more info 524 var thumbnail = items[index].el.children[0], 525 pageYScroll = window.pageYOffset || document.documentElement.scrollTop, 526 rect = thumbnail.getBoundingClientRect(); 527 return { 528 x: rect.left, 529 y: rect.top + pageYScroll, 530 w: rect.width 531 }; 532 }, 533 addCaptionHTMLFn: function(item, captionEl, isFake) { 534 if (!item.title) { 535 captionEl.children[0].innerText = ''; 536 return false; 537 } 538 captionEl.children[0].innerHTML = item.title; 539 return true; 540 } 541 542 }; 543 if (fromURL) { 544 if (options.galleryPIDs) { 545 // parse real index when custom PIDs are used 546 // http://photoswipe.com/documentation/faq.html#custom-pid-in-url 547 for (var j = 0; j < items.length; j++) { 548 if (items[j].pid == index) { 549 options.index = j; 550 break; 551 } 552 } 553 } else { 554 options.index = parseInt(index, 10) - 1; 555 } 556 } else { 557 options.index = parseInt(index, 10); 558 } 559 // exit if index not found 560 if (isNaN(options.index)) { 561 return; 562 } 563 var radios = document.getElementsByName('gallery-style'); 564 for (var i = 0, length = radios.length; i < length; i++) { 565 if (radios[i].checked) {
566 if (radios[i].id == 'radio-all-controls') {} else if (radios[i].id == 'radio-minimal-black') { 567 options.mainClass = 'pswp--minimal--dark'; 568 options.barsSize = { 569 top: 0, 570 bottom: 0 571 }; 572 options.captionEl = false; 573 options.fullscreenEl = false; 574 options.shareEl = false; 575 options.bgOpacity = 0.85; 576 options.tapToClose = true; 577 options.tapToToggleControls = false; 578 } 579 break; 580 } 581 } 582 if (disableAnimation) { 583 options.showAnimationDuration = 0; 584 } 585 // Pass data to PhotoSwipe and initialize it 586 gallery = new PhotoSwipe(pswpElement, PhotoSwipeUI_Default, items, options); 587 gallery.init(); 588 }; 589 // select all gallery elements 590 var galleryElements = document.querySelectorAll(gallerySelector); 591 for (var i = 0, l = galleryElements.length; i < l; i++) { 592 galleryElements[i].setAttribute('data-pswp-uid', i + 1); 593 galleryElements[i].onclick = onThumbnailsClick; 594 } 595 // Parse URL and open gallery if it contains #&pid=3&gid=1 596 var hashData = photoswipeParseHash(); 597 if (hashData.pid && hashData.gid) { 598 openPhotoSwipe(hashData.pid, galleryElements[hashData.gid - 1], true, true); 599 } 600 }; 601 602 initPhotoSwipeFromDOM('.screenshots'); 603 })(); 604</script>
604 </div> 605 </div> 606 </article> 607 <div class="tag-wrap"> 608 <div class="tag-wrap-inner"> 609 <a href="/tag/screenshots/">screenshots</a> 610 </div> 611 </div> 612 <div class="share-wrap"> 613 <div class="share-wrap-inner clearfix"> 614 <div class="share-text">Share this article:</div> 615 616 <ul> 617 <!-- facebook --> 618 <li> 619 <a href="https://www.facebook.com/sharer/sharer.php?u=https://saltydog.digital/jugo-in-space/" onclick="window.open(this.href, 'facebook-share','width=580,height=296');return false;"><i class="fa fa-facebook"></i></a> 620 </li> 621 <!-- twitter --> 622 <li> 623 <a href="https://twitter.com/share?text=Jugo%20in%20space&url=https://saltydog.digital/jugo-in-space/" onclick="window.open(this.href, 'twitter-share', 'width=550,height=235');return false;"><i class="fa fa-twitter"></i></a> 624 </li> 625 <!-- google plus --> 626 <li> 627 <a href="https://plus.google.com/share?url=https://saltydog.digital/jugo-in-space/" onclick="window.open(this.href, 'google-plus-share', 'width=490,height=530');return false;"><i class="fa fa-google-plus"></i></a> 628 </li> 629 <!-- digg --> 630 <li> 631 <a href="http://www.digg.com/submit?url=https://saltydog.digital/jugo-in-space/" onclick="window.open(this.href, 'digg-share', 'width=490,height=530');return false;"><i class="fa fa-digg"></i></a> 632 </li> 633 <!-- reddit --> 634 <li> 635 <a href="http://reddit.com/submit?url=https://saltydog.digital/jugo-in-space/&title=Jugo in space" onclick="window.open(this.href, 'reddit-share', 'width=490,height=530');return false;"><i class="fa fa-reddit"></i></a> 636 </li> 637 <!-- linkedin --> 638 <li> 639 <a href="http://www.linkedin.com/shareArticle?mini=true&url=https://saltydog.digital/jugo-in-space/" onclick="window.open(this.href, 'linkedin-share', 'width=490,height=530');return false;"><i class="fa fa-linkedin"></i></a> 640 </li> 641 <!-- pinterest --> 642 <li> 643 <a href="javascript:void((function()%7Bvar%20e=document.createElement('script');e.setAttribute('type','text/javascript');e.setAttribute('charset','UTF-8');e.setAttribute('src','http://assets.pinterest.com/js/pinmarklet.js?r='+Math.random()*99999999);document.body.appendChild(e)%7D)());"><i class="fa fa-pinterest"></i></a> 644 </li> 645 <!-- StumbleUpon--> 646 <li> 647 <a href="http://www.stumbleupon.com/submit?url=https://saltydog.digital/jugo-in-space/&title=Jugo in space" onclick="window.open(this.href, 'stumbleupon-share', 'width=490,height=530');return false;"><i class="fa fa-stumbleupon"></i></a> 648 </li> 649 </ul> 650 651 </div> 652</div> <div class="author-comment-wrap"> 653 <!-- start about the author --> 654<div class="about-author clearfix"> 655 <a href="/author/lorin/"><img src="/content/images/2015/08/lorin.jpg" alt="Author image" class="avatar pull-left"></a> 656 <div class="details"> 657 <div class="author"> 658 <a href="/author/lorin/">Lorin Drum</a> 659 </div> 660 <div class="bio"> 661 Storyteller of Salty Yarns! He works on idea development, prototyping and weird and wonderful words and sounds. 662 </div> 663 <div class="meta-info"> 664 <span class="loaction"><i class="fa fa-home"></i>US</span> 665 </div> 666 </div> 667</div> 668<!-- end about the author --> <div class="prev-next-wrap clearfix"> 669 <a class="previous-post pull-left " style="background-image: url(/content/images/2017/04/jugo_capsule_616x353.jpg)" href="/jugo-launches-april-13/"> 670 <div class="prev-next-inner"> 671 <span class="link-text">Previous Post</span> 672 <h4 class="title">Fourtex Jugo launches on Steam April 13th!</h4> 673 </div> 674 </a> 675 <a class="next-post pull-right " style="background-image: url(/content/images/2016/02/EventManager.png)" href="/usage-pattern-for-a-type-safe-unity-event-system/"> 676 <div class="prev-next-inner"> 677 <span class="link-text">Next Post</span> 678 <h4 class="title">Usage Pattern for a Type-Safe Unity Event System</h4> 679 </div> 680 </a> 681</div> </div> 682 </div> 683 <!-- start sidebar --> 684<div class="col-md-4 sidebar-wrap"> 685 <!-- start widget --> 686<div class="widget"> 687 <h4 class="title">fourtex zen</h4> 688 <div class="content"> 689 690 <div class="row"> 691 <div class="col-md-12"> 692 <a href="/zen"><img class="img-responsive" src="/content/images/2015/08/fourtex_zen_icon.png" alt="zen icon"/></a> 693 <p>Fourtex Zen is a match-4 game with unique game mechanics. Play tactically in the moment or look ahead and play strategically.</p> 694 <p><a href="/zen" class="read-more btn btn-default">Read More <i class="fa fa-long-arrow-right"></i></a></p> 695 </div> 696 </div> 697 698 </div> 699</div> 700<!-- end widget --> <!-- start widget --> 701<div class="widget"> 702 <h4 class="title">Recent Posts</h4> 703 <div class="content recent-post"></div> 704</div> 705<!-- end widget --> <!-- start tag cloud widget --> 706<div class="widget"> 707 <h4 class="title">Tags</h4> 708 <div class="content tag-cloud"></div> 709</div> 710<!-- end tag cloud widget --></div> 711<!-- end sidebar --> </div> 712 </div> 713 <!-- end main content --> 714</div> 715 716 <!-- start footer --> 717<footer class="main-footer"> 718 <div class="container-fluid"> 719 <div class="row"> 720 <!-- replace the # with your own profile link address --> 721<div class="col-md-12 social-links-wrap"> 722 <ul class="social-links"> 723 <li><a href="https://twitter.com/WoofSalty"><i class="fa fa-twitter"></i></a></li> 724 <li><a href="https://www.facebook.com/saltydogdigital"><i class="fa fa-facebook"></i></a></li> 725 <li><a href="https://plus.google.com/100777266819505326259"><i class="fa fa-google-plus"></i></a></li> 726 <li><a href="https://www.linkedin.com/company/5223392"><i class="fa fa-linkedin"></i></a></li> 727 <li><a href="/rss/"><i class="fa fa-rss"></i></a></li> 728 </ul> 729</div> <div class="col-md-12 copyright-wrap"> 730 <span class="copyright">
730Copyright © 2026 <a href="http://saltydog.digital">Salty Dog Digital</a></span> | <a href="/privacy-policy">Privacy policy</a> 731</div> </div> 732 </div> 733</footer> 734<a href="#" id="back-to-top"> 735 <i class="fa fa-long-arrow-up"></i> 736 <span>top</span> 737</a> 738 739<!-- end footer -->
740<script src="/assets/js/jquery-1.11.3.min.js?v=586ae77dad"></script>
vendor: 2 bytes, line 740
740
741<script src="/assets/js/bootstrap.min.js?v=586ae77dad"></script>
vendor: 2 bytes, line 741
741
742<script src="/assets/js/jquery.fitvids.js?v=586ae77dad"></script>
vendor: 2 bytes, line 742
742
743<script src="/assets/js/highlight.pack.js?v=586ae77dad"></script>
vendor: 2 bytes, line 743
743
744<script src="/assets/js/main.js?v=586ae77dad"></script>
744 745</body> 746</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.