Issues:
1<!DOCTYPE html>
2<html lang="en"><!-- InstanceBegin template="/Templates/Nieuws.dwt" codeOutsideHTMLIsLocked="false" -->
3<head>
4<meta charset="UTF-8">
5<meta name="viewport" content="width=device-width, initial-scale=1">
6<meta name="Description" content="Hans Keesom provides services to photographers who want to make panoramas virtual tours and 3D models">
7<meta name="Keywords" content="Photography panoramas virtual tour 3d models">
8<meta name="robots" content="all" />
9<meta name="copyright" content="Hans Keesom" />
10<meta name="author" content="Hans Keesom" />
11<meta property="og:url" content="http://hanskeesom.com" />
12<meta property="og:type" content="website" />
13<meta property="og:title" content="Hans Keesom Photographic Services" />
14<meta property="og:description" content="Your DSLR and drone photo's stitched into virtual tours, gigapixels maps and 3d models" />
15<meta property="og:image" content="http://hanskeesom.com/images/3DmodelFromDrone.png" />
16<meta property="og:site_name" content="Hans Keesom" />
17<meta property="og:updated_time" content="2017-01-18 15:17:40" />
18<!-- formaat is: YYYY-MM-DD hh:mm:ss -->
19
20<!-- InstanceBeginEditable name="doctitle" -->
21<title>Hans Keesom Photographic Services News</title>
22<!-- InstanceEndEditable -->
23<link href="../css/bootstrap-3.3.7.css" rel="stylesheet" type="text/css">
24<link href="../css/hanskeesom.css" rel="stylesheet" type="text/css">
25
26<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
27<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
28<!--[if lt IE 9]>
29 <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
30 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
31 <![endif]-->
32<!-- InstanceBeginEditable name="head" -->
33<!-- InstanceEndEditable -->
34<!-- InstanceParam name="OptionalRegion" type="boolean" value="true" -->
35<script type="text/javascript">
36 /*A bit of javascript to make the menu work a bit better. MM_goToUrl adds allows for some behavior to the menu.*/
37function MM_goToURL() { //v3.0
38 var i, args=MM_goToURL.arguments; document.MM_returnValue = false;
39 for (i=0; i<(args.length-1); i+=2) eval(args[i]+".location='"+args[i+1]+"'");
40}
41</script>
42</head>
43<body class="nieuws" >
44<nav class="navbar navbar-default">
45 <div class="container-fluid">
46 <!-- Brand and toggle get grouped for better mobile display -->
47 <div class="navbar-header">
48 <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#defaultNavbar1"><span class="sr-only">Toggle navigation</span></button>
49 <a class="navbar-brand" href="../index.html"> <img id="brand-image" alt="Website logo" width="105" height="83" src="../images/logoHansKeesom.png" /> </a></div>
50 <!-- Collect the nav links, forms, and other content for toggling -->
51 <div class="collapse navbar-collapse" id="defaultNavbar1">
52 <ul class="nav navbar-nav navbar">
53 <li class="dropdown nieuws active"><a href="index.html" class="dropdown-toggle" onClick="MM_goToURL('parent','index.html');return document.MM_returnValue" onMouseUp="MM_goToURL('parent','index.html');return document.MM_returnValue" aria-expanded="false" role="button" data-toggle="dropdown">News<span class="caret"></span></a>
54 <ul class="dropdown-menu" role="menu">
55 <li><a href="pages/vechtloop2016.html">Vechtloop 2016</a></li>
56 <li><a href="pages/drones.html">3D models from Drone footage</a></li>
57 </ul>
58 </li>
59 <li class="dropdown producten" ><a href="../producten/index.html" class="dropdown-toggle" onClick="MM_goToURL('parent','../producten/index.html');return document.MM_returnValue" onMouseUp="MM_goToURL('parent','../producten/index.html');return document.MM_returnValue" aria-expanded="false" role="button" data-toggle="dropdown">Products<span class="opalcaret"></span></a> </li>
60 <li class="dropdown" ><a href="pages/contact.html" class="dropdown-toggle" onClick="MM_goToURL('parent','../pages/contact.html');return document.MM_returnValue" onMouseUp="MM_goToURL('parent','../pages/contact.html');return document.MM_returnValue" aria-expanded="false" role="button" data-toggle="dropdown">Contact</a> </li>
61 </ul>
62 <form class="navbar-form navbar-left" method="get" action="http://www.google.com/search">
63 <label for="q" class="hidden">search for</label><input type="text" name="q" id="q" size="31" maxlength="255" value="" />
64 <label for="submit" class="hidden">Submit</label><input type="submit" name="submit" id="submit" value="Search" />
65 <label for="sitesearch" class="hidden">Search the web</label>
66 <input type="radio" name="sitesearch" id="sitesearch" value="" />The Web<br/>
67 <label for="localsearch" class="hidden">Search HansKeesom.com</label>
68 <input type="radio" name="sitesearch" id="localsearch" value="hanskeesom.com" checked /> HansKeesom.com<br />
69 </form>
70 </div>
71 <!-- /.navbar-collapse -->
72 </div>
73 <!-- /.container-fluid -->
74</nav>
75<!-- InstanceBeginEditable name="Breadcrumb" -->
76<ol class="breadcrumb">
77 <li><a href="../index.html">Home</a></li>
78 <li class="active">News</li>
79</ol>
80<!-- InstanceEndEditable -->
81<div role="banner" class="container-fluid">
82 <div class="row">
83 <div class="col-md-6 col-md-offset-3">
84 <h1 class="text-center"><!-- InstanceBeginEditable name="Nieuws Content" -->News<!-- InstanceEndEditable --></h1>
85 </div>
86 </div>
87 <hr>
88</div>
89<div class="container">
90 <div role="complementary" class="row text-center">
91 <div class="col-md-6 col-md-offset-3"><!-- InstanceBeginEditable name="NewsContent" -->There is news everyday but not enough time to report all of it.<!-- InstanceEndEditable --></div>
92 </div>
93 <hr>
94 <div class="row">
95 <article class="text-justify col-sm-4"><!-- InstanceBeginEditable name="EditRegionOne" --><h2>More storage</h2> For years I have been juggling and struggling with bigger and bigger external hard-drives trying to keep an good archive. As almost a tradition I used to buy two new hard-disks at the end of a each year, starting the year new fresh on new disks. The result of a 10 years working like this : about 20 drives that were just gathering dust waiting for the day to be used again and a lot of unused space here and there.<br> At the same time, having only two drives for each year did not feel safe, something had to change.<br>
96 <img width="277" height="59" src="../images/manageStorageSpaces.png" alt="Menu to start managing Storage Spaces in Windows 10"/><br> A solution was needed and found in Storage Spaces that comes with Microsoft Windows (8+). It allowed me to take all the drives I had and Storage Space presented them to me as one big storage space. In this storage space I can create drives as big as I want ever bigger then the actual space I have. And I can tell windows to store each piece of data on two or even three different drives so when one drives crashes I can continue without a worry. No more worries about loosing data or waisting space. <br>
97 <img width="535" height="343" src="../images/storagePool.png" alt="Startwindow for Storages Spaces."/> <br> There is one downside however, I find myself buying even more drives. Fortunately I now just have to plug them in and tell Storage Spaces to use that drive and I am done.<br>Great feeling to have a safe place for all the files that come in and get processed to new files.<!-- InstanceEndEditable --></article>
98 <article class="col-sm-4 text-justify"><!-- InstanceBeginEditable name="EditRegionThree" --><h2>New Website</h2>As you might have noticed, I have a new website. Totally build by myself to better present the services I offer photographers. It is also part of a training on webdesign and front-end programming and will function both as testbed and as a show-case.<br>That does not mean this website will became very colorful and dynamic. I want this website todo well went it comes to accessibility and usability, so it can be used by many, regardles of their (dis)abilities and devices they see it on. Do let me know if you have troubles with my website in that regard. <!-- InstanceEndEditable --></article>
99 <article class="col-sm-4 text-justify"><!-- InstanceBeginRepeat name="RepeatRegion1" --><!-- InstanceBeginRepeatEntry --><!-- InstanceBeginEditable name="EditRegion8" -->
100 <h2>Working with Drones</h2>
101 <p>One of the photographers I make panoramas for, bought himself a drone. He uses it to make photo's and video's on weddings and other occasions that he cannot make with his regular camera's. As he is creative and in contact with his clients and always on the look-out for new ideas, he got the idea to <a href="pages/drones.html">make 3D-models from the photo's made by his drone.</a></p>
102 <!-- InstanceEndEditable --><!-- InstanceEndRepeatEntry --><!-- InstanceEndRepeat --></article>
103 <aside class="col-sm-4 text-justify"><!-- InstanceBeginEditable name="EditRegionTwo" --><h2>No more Vechtloop</h2>2016 was the last year we made photo's at the Vechtloop. The Vechtloop is a running event very dear to me because it had everything one could wish for on a sunny summer-day. <a href="pages/vechtloop2016.html">Read more (in dutch)</a>.<!-- InstanceEndEditable --></aside>
104 <br>
105 </div>
106 <hr>
107 <div class="row">
108 <div role="main" class="text-center col-md-12">
109 <div class="well">
110 <div id="carousel1" class="carousel slide" data-ride="carousel">
111 <ol class="carousel-indicators">
112 <li data-target="#carousel1" data-slide-to="0" class="active"></li>
113 <li data-target="#carousel1" data-slide-to="1"></li>
114 <li data-target="#carousel1" data-slide-to="2"></li>
115 </ol>
116 <div class="carousel-inner" role="listbox">
117 <div class="item active"><a href="../producten/pages/panoramatours.html">
<img width="600" height="476" src="../images/alsofjeerbent.nl.png" alt="Virtual Panorama Tours for alsofjeerbent.nl" class="center-block"></a>
118 <div class="carousel-caption">
119 <h2>Virtual panorama tours</h2>
120 <p>You make the photo's, I stitch the panorama's and create a tour for you!</p>
121 </div>
122 </div>
123 <div class="item"><a href="../producten/pages/gigamap.html">
<img width="600" height="476" src="../images/giganticAerialPhotoFromDroneFootage.png" alt="3D model from Drone photos" class="center-block"></a>
124 <div class="carousel-caption">
125 <h2>Gigantic Aerial Photo map from Drone Photo's</h2>
126 <p>You do the flying, I make you a gigantic photo with incredible detail.</p>
127 </div>
128 </div>
129 <div class="item"><a href="../producten/pages/3dmodels.html"><img width="600" height="476" src="../images/3DmodelFromDrone.png" alt="3D model from Drone photos" class="center-block"></a>
130 <div class="carousel-caption">
131 <h2>3D models from Drone Photo's</h2>
132 <p>You do the flying, I make the 3D model.</p>
133 </div>
134 </div>
135 </div>
136 <a class="left carousel-control" href="#carousel1" role="button" data-slide="prev"><span class="sr-only">Previous</span></a><a class="right carousel-control" href="#carousel1" role="button" data-slide="next"><span class="sr-only">Next</span></a></div>
137 </div>
138 </div>
139 </div>
140</div>
141<hr>
142<footer class="row">
143 <div class="text-center col-md-6 col-md-offset-3">
144 <h2>Have a nice day. Make it good one. </h2>
145 <p>Copyright © 2017 · All Rights Reserved · <a href="http://hanskeesom.com/" >Hanskeesom.com</a></p>
146 </div>
147</footer>
148<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
149<script src="../js/jquery-1.11.3.min.js"></script>
150
151<!-- Include all compiled plugins (below), or include individual files as needed -->
152<!-- <script src="../js/bootstrap.js"></script> -->
153<script src="../js/bootstrap-3.3.7.js"></script>
154</body>
155<!-- InstanceEnd --></html>