PageSourceSearch

https://southernpottery.com/jugo-in-space/

html southernpottery.com collected 2026-09-27 13:13:40 UTC 34,466 bytes, 746 lines download raw bytes

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&amp;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 &copy; 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.