CINXE.COM
The Mission
<!DOCTYPE HTML> <html lang=""> <head> <title>The Mission </title> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link href='//fonts.googleapis.com/css?family=Roboto:400,700,500' rel='stylesheet' type='text/css'> <link href='//fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'> <link href="https://fonts.googleapis.com/css?family=Kanit:100,200,300,400" rel="stylesheet"> <link href="/user/themes/strand/css/pure-0.5.0/grids-min.css" type="text/css" rel="stylesheet"> <link href="/user/themes/strand/css/bootstrap.min.css" type="text/css" rel="stylesheet"> <link href="/user/themes/strand/fonts/font-awesome/css/font-awesome.min.css" type="text/css" rel="stylesheet"> <link href="/user/themes/strand/css/style.css" type="text/css" rel="stylesheet"> <link href="/user/themes/strand/css/mobile-menu.css" type="text/css" rel="stylesheet"> <link href="/user/themes/strand/js/slick/slick.css" type="text/css" rel="stylesheet"> <link href="/user/themes/strand/js/slick/slick-theme.css" type="text/css" rel="stylesheet"> <link href="/user/themes/strand/css/strand.css" type="text/css" rel="stylesheet"> <link href="/user/plugins/markdown-notices/assets/notices.css" type="text/css" rel="stylesheet"> <link href="/user/plugins/form/assets/form-styles.css" type="text/css" rel="stylesheet"> <link href="/user/plugins/lightslider/css/lightslider.css" type="text/css" rel="stylesheet"> <link href="/user/plugins/lightslider/css/lightslider-custom.css" type="text/css" rel="stylesheet"> <link href="/user/plugins/simplesearch/css/simplesearch.css" type="text/css" rel="stylesheet"> <link href="/user/plugins/youtube/css/youtube.css" type="text/css" rel="stylesheet"> <link href="/user/plugins/featherlight/css/featherlight.min.css" type="text/css" rel="stylesheet"> <link href="/user/plugins/login/css/login.css" type="text/css" rel="stylesheet"> <script src="//oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> <script src="//oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <script src="/system/assets/jquery/jquery-2.x.min.js"></script> <script src="/user/plugins/lightslider/js/lightslider.min.js"></script> <script src="/user/plugins/featherlight/js/featherlight.min.js"></script> <script src="/user/themes/strand/js/jquery-2.1.4.min.js"></script> <script src="/user/themes/strand/js/smoothscroll.js"></script> <script src="/user/themes/strand/js/mobile-menu.js"></script> <script src="/user/themes/strand/js/flexSlider/jquery.flexslider-min.js"></script> <script src="/user/themes/strand/js/scripts.js"></script> <script src="/user/themes/strand/js/bootstrap.min.js"></script> <script src="/user/themes/strand/js/lightslider.min.js"></script> <script src="/user/themes/strand/js/slick/slick.min.js"></script> <script src="/user/themes/strand/js/featherlight.min.js"></script> <script> $(document).ready(function(){ $('a[rel="lightbox"]').featherlight({ openSpeed: 250, closeSpeed: 250, closeOnClick: 'background', closeOnEsc: '1', root: 'body' }); }); </script> </head> <body> <div id="main-wrapper"> <div id="preloader"> <div id="status"> <div class="status-mes"></div> </div> </div> <div class="uc-mobile-menu-pusher"> <div class="content-wrapper"> <nav class="navbar m-menu navbar-default navbar-fixed-top"> <div class="container-fluid"> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse-1"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="/"> <img class="imglogo" src="/user/themes/strand/img/s_99a.png" alt=""> </a> </div> <div class="collapse navbar-collapse" id="#navbar-collapse-1"> <ul class="nav navbar-nav navbar-right main-nav"> <li class=""> <a href="/">Home</a> </li> <li class="active"> <a href="/about">About</a> </li> <li class="dropdown m-menu-fw "> <a href="/games" >Games <span><i class="fa fa-angle-down"></i></span></a> <ul class="dropdown-menu"> <li class="m-menu-content"> <a href="/games/thepawn">The Pawn</a> </li> <li class="m-menu-content"> <a href="/games/theguild">The Guild of Thieves</a> </li> <li class="m-menu-content"> <a href="/games/jinxter">Jinxter</a> </li> </ul> </li> <li class=""> <a href="/blog">Blog</a> </li> <li class=""> <a href="/help">Help</a> </li> <li class="dropdown m-menu-fw "> <a href="/projects" >Projects <span><i class="fa fa-angle-down"></i></span></a> <ul class="dropdown-menu"> <li class="m-menu-content"> <a href="/projects/zxnext">Spectrum Next Games</a> </li> </ul> </li> <li class=""> <a href="/community">Community</a> </li> </ul> </div> </div> </nav> <section class="single-page-title" style="background-image: url(/user/pages/02.about/computer3-fs8.png);"> <div class="container text-center"> <h2 >The Mission</h2> </div> </section> <section class="about-text ptb-100"> <section class="section-title"> <div class="container text-center"> <h2>Preserving - Remastering - Evolving</h2> <span class="bordered-icon"><i class="fa fa-circle-thin"></i></span> </div> </section> <div class="container"> <div class="x-about""> <p>In the mid 80's the dominant form of computer entertainment was playing text adventures. It was also the first time that non-technophiles used computers for diving into fantasy worlds. A whole generation was fascinated by the engrossing stories and captivating puzzles of Infocom, Level9, and <strong>Magnetic Scrolls</strong>. It was the time when stories were being told by firing a powerful imagination, rather than the reliance on powerful graphic cards. Many people still love walking down memory lane and especially the games from London based Magnetic Scrolls have kept a loyal fanbase and invite to reminisce. Some years ago, Niclas Karlsson provided the fans of Magnetic Scrolls with a fantastic interpreter that allowed them to play the games on modern computer systems. But while the games got preserved, a lot of the knowledge about the works, technology and achievements of the Magnetic Scrolls team was at risk of falling into oblivion. Until now! Incorporating Niclas Karlsson's interpreter a widely enhanced engine is created that not only ensures future access to the classic Magnetic Scrolls games, but sets the stage for progress and emergence.</p> </div> <div class="x-about""> <p>What is <em>Strand Games?</em> Strand Games was started by Hugh Steers - a founding member and core developer of Magnetic Scrolls and Stefan Meier, curator of <a href="http://msmemorial.if-legends.org/memorial.php">if-legends.org</a>. The initiative also has the support of several members of the original Magnetic Scrolls team including; Anita Sinclair, Ken Gordon, Rob Steggles and Servan Keondjian. Strand Games is about <strong>preserving</strong> the classic masterpieces and the history of Magnetic Scrolls. But Strandgames is much more. We aim to make the games fun to play in the 21st century. A lot has changed since the 80's - the devices have changed, the way we communicate has changed and the way we use computers and mobiles has changed. <strong>Remastering</strong> the classic games will free them from the shortcomings of the past and make playing the games enjoyable on modern mobile devices.</p> </div> <div class="x-about""> <p>But Strandgames is even more. Based around the knowledge of Magnetic Scrolls and the Brahman system as the logical advancement, we aim to <strong>evolve</strong> interactive fiction by developing new, completely free and open source, tools and technologies aimed primarily at mobile IF authoring, plus new content - a new generation interactive fiction for mobiles - making it fun and appealing to a much broader audience.</p> </div> </div> </section> <section class="contact-form ptb-30b"> <div class="container text-center"> <h2>Contact</h2> <div class="row"> <div class="col-md-8 col-md-offset-2"> <form name="contact-form" action="/about" method="POST" id="contact-form" > <div class="row"> <div class="col-md-6"> <div class="form-group user-name"> <label for="name" class="sr-only">Name</label> <input name="data[name]" value="" type="text" class="form-control form-control" placeholder="Name" required="required" /> </div> <div class="form-group user-email"> <label for="email" class="sr-only">Email</label> <input name="data[email]" value="" type="email" class="form-control form-control" placeholder="Email Address" required="required" /> </div> <div class="form-group user-phone"> <label for="phone" class="sr-only">Phone</label> <input name="data[phone]" value="" type="text" class="form-control form-control" placeholder="Phone" /> </div> </div> <div class="col-md-6"> <div class="form-group user-message"> <label for="message" class="sr-only">Message</label> <textarea class="form-control" name="data[message]" class="form-control" placeholder="Write Message" required="required" rows="6" ></textarea> </div> </div> </div> <input type="hidden" name="__form-name__" value="contact-form" /> <div class="buttons"> <button class="btn btn-primary" type="submit" > Send Message </button> </div> <input type="hidden" name="form-nonce" value="9fb14e343649fe0ed3fe0779a21c5ac6" /> </form> </div> </div> </div> </section> </div> </div> <div class="uc-mobile-menu uc-mobile-menu-effect"> <button type="button" class="close" aria-hidden="true" data-toggle="offcanvas" id="uc-mobile-menu-close-btn">×</button> <div> <div> <ul id="menu"> <li class=""> <a href="/">Home</a> </li> <li class="active"> <a href="/about">About</a> </li> <li class=""> <a href="/games">Games</a> </li> <li class=""> <a href="/blog">Blog</a> </li> <li class=""> <a href="/help">Help</a> </li> <li class=""> <a href="/projects">Projects</a> </li> <li class=""> <a href="/community">Community</a> </li> </ul> </div> </div> </div> </div> <footer class="footer"> <div class="footer-widget-section"> <div class="container text-center"> <div class="row"> <div class="col-sm-4 footer-block"> <div class="footer-widget widget_text"> <div class="footer-logo"> <a href="/"> <img src="/user/themes/strand/img/s_99a.png" alt=""> </a> </div> Strand Games<br/>History, Technology and Interactive Fiction </div> </div> <div class="col-sm-4 footer-block"> <div class="footer-widget widget_text"> <h3>Become a Strand</h3> Help us make IF.<br/>We are an open-source organisation.<br/><br/>Each strand makes us stronger </div> </div> <div class="col-sm-4 footer-block"> <div class="footer-widget widget_text"> <h3>Contact Us</h3> Email <a href="mailto:contact@strandgames.com">contact@strandgames.com</a> <ul class="list-inline social-links"> <li><a href="https://www.facebook.com/"><i class="fa fa-facebook"></i></a></li> <li><a href="https://www.twitter.com/"><i class="fa fa fa-twitter"></i></a></li> <li><a href="https://www.google.com/"><i class="fa fa-google-plus"></i></a></li> <li><a href="https://www.dribbble.com/"><i class="fa fa-dribbble"></i></a></li> </ul> </div> </div> </div> </div> </div> <div class="copyright-section"> <div class="container clearfix"> <span class="copytext">Copyright © Strand Games 2022</span> <ul class="list-inline pull-right"> <li class=""><a href="/">Home</a></li> <li class="active"><a href="/about">About</a></li> <li class=""><a href="/games">Games</a></li> <li class=""><a href="/help">Help</a></li> <li class=""><a href="/projects">Projects</a></li> <li class=""><a href="/community">Community</a></li> </ul> </div> </div> </footer> <script src="/system/assets/jquery/jquery-2.x.min.js"></script> <script src="/user/plugins/lightslider/js/lightslider.min.js"></script> <script src="/user/plugins/featherlight/js/featherlight.min.js"></script> <script src="/user/themes/strand/js/jquery-2.1.4.min.js"></script> <script src="/user/themes/strand/js/smoothscroll.js"></script> <script src="/user/themes/strand/js/mobile-menu.js"></script> <script src="/user/themes/strand/js/flexSlider/jquery.flexslider-min.js"></script> <script src="/user/themes/strand/js/scripts.js"></script> <script src="/user/themes/strand/js/bootstrap.min.js"></script> <script src="/user/themes/strand/js/lightslider.min.js"></script> <script src="/user/themes/strand/js/slick/slick.min.js"></script> <script src="/user/themes/strand/js/featherlight.min.js"></script> <script> $(document).ready(function(){ $('a[rel="lightbox"]').featherlight({ openSpeed: 250, closeSpeed: 250, closeOnClick: 'background', closeOnEsc: '1', root: 'body' }); }); </script> <script> $(window).load(function (){ $('#acc-banner').slick({ slidesToShow: 2, slidesToScroll: 1, autoplay: false, dots: false, infinite: false, responsive: [ { breakpoint: 1024, settings: { slidesToShow: 2, slidesToScroll: 1, infinite: false, dots: false } }, { breakpoint: 768, settings: { slidesToShow: 2, slidesToScroll: 1, infinite: false, dots: false, vertical: true } } ] }); $('#acc-products').slick({ slidesToShow: 3, slidesToScroll: 1, autoplay: true, autoplaySpeed: 3500, dots: true, infinite: true, responsive: [ { breakpoint: 1024, settings: { slidesToShow: 2, slidesToScroll: 1, infinite: true, dots: true } }, { breakpoint: 768, settings: { slidesToShow: 1, slidesToScroll: 1, infinite: true, dots: true } } ] }); var stHeight = $('#acc-products .slick-track').height(); $('#acc-products .slick-slide').css('height',stHeight + 'px' ); $('#acc-products').on('setPosition', function () { $(this).find('#acc-products .slick-slide').height('auto'); var slickTrack = $(this).find('#acc-products .slick-track'); var slickTrackHeight = $(slickTrack).height(); $(this).find('#acc-products .slick-slide').css('height', slickTrackHeight + 'px'); }); /* var stHeight = $('#acc-banner .slick-track').height(); $('#acc-banner .slick-slide').css('height',stHeight + 'px' ); $('#acc-banner').on('setPosition', function () { $(this).find('#acc-banner .slick-slide').height('auto'); var slickTrack = $(this).find('#acc-banner .slick-track'); var slickTrackHeight = $(slickTrack).height(); $(this).find('#acc-banner .slick-slide').css('height', slickTrackHeight + 'px'); }); */ }); </script> <script> $(document).ready(function() { var $window = $(window); var windowWidth = $window.width(); if ($('#ddmenu').length) { $('#ddmenu').menu(hints); jQuery(window).resize(function() { if ($window.width() != windowWidth) { windowWidth = $window.width(); $('#ddmenu').empty(); $('#ddmenu').menu(hints); } }); } }); </script> </body> </html>