index.html

---
layout: frontpage
title: 3D geoinformation at TU Delft
---

<div class="jumbotron">
  <div class="container" style="max-width: 750px;">
    <img src="{{ "/logo/logo-url-white.svg" | prepend: site.baseurl }}" />
  </div>
</div>

<!-- alerts for new job position or others -->
<div class="container">
  <div class="row">
	  <div class="col-md-10 col-md-offset-1">
		  {% for alert in site.data.alerts %}
		    <div class="alert alert-blue text-center" role="alert">
		    	<b>{{ alert.type }}</b> {{ alert.description }}
		    </div>
		  {% endfor %}
	  </div>
	  <br />
  </div>
  <div class="row">
    <div class="col-sm-4">
      <div class="panel panel-default">
        <div class="panel-heading">
          <h4>Latest news <a href="{{ "/feed.xml" | prepend: site.baseurl }}"><i class="fas fa-rss"></i></a></h4>
        </div>
        <div class="panel-body">
          <div class="firstpost">
            <a href="{{ site.posts[0].url | prepend: site.baseurl }}">{{ site.posts[0].title }}</a>
            <br><span>{{ site.posts[0].date | date_to_string }}</span>
            <br />{{ site.posts[0].excerpt | strip_html | truncatewords:100 }}
            <br /><a href="{{ site.posts[0].url | prepend: site.baseurl }}">read more</a>
            <hr />
          </div>
          <ul class="posts">
            {% for post in site.posts offset:1 limit:5 %}
              <li><span>{{ post.date | date_to_string }}</span> <a class="post-link" href="{{ post.url | prepend: site.baseurl }}">{{ post.title }}</a></li>
            {% endfor %}
          </ul>
          <a href="{{ site.baseurl }}/news">All news</a>
        </div>
      </div>
    </div>
    <div class="col-sm-8">
      <div id="frontimggrid" class="row">
        
        <!-- merry xmas -->
        <!-- <img class="img-responsive" src="{{ "/img/2023/merryxmas.jpg" | prepend: site.baseurl }}"/> -->

        <script type="text/javascript">
          var randomIndexUsed = [];
          var counter = 0;
          var numberOfImages = 9;
          while (counter < numberOfImages) {
            var randomIndex;
            var coverLink;
            var coverImage;

            randomIndex = Math.floor(Math.random() * coverLinks.length);

            if (randomIndexUsed.indexOf(randomIndex) == "-1") {
              coverLink = coverLinks[randomIndex];
              coverImage = coverImages[randomIndex];
              document.write('<div class="col-sm-4 col-xs-4">');
              document.write('<a href="' + coverLink + '"><img class="img-responsive" style="padding-top: 15px; padding-bottom: 15px;" src="' + coverImage + '"></a>');
              document.write('</div>');
              randomIndexUsed.push(randomIndex);
              counter++;
            }
          }
        </script>

      </div>
    </div>
  </div>
  <br>  
  <div class="row">     
    <div class="col-md-12">
    <div class="panel panel-default">
    <div class="panel-body">
    <div class="row">
      <div class="col-sm-2 col-xs-4"><a href="https://erc.europa.eu"><img class="img-responsive" src="{{ "/img/partners/erc.svg" | prepend: site.baseurl }}" alt="ERC logo" style="height: 100px; margin: auto;" /></a></div>
		  <div class="col-sm-2 col-xs-4"><a href="https://www.nwo.nl"><img class="img-responsive" src="{{ "/img/partners/nwo.svg" | prepend: site.baseurl }}" alt="NWO logo" style="height: 100px; margin: auto;" /></a></div>
		  <div class="col-sm-2 col-xs-4"><a href="https://www.ams-institute.org"><img class="img-responsive" src="{{ "/img/partners/ams.svg" | prepend: site.baseurl }}" alt="AMS logo" style="height: 100px; margin: auto;" /></a></div>
		  <div class="col-sm-2 col-xs-4"><a href="https://www.kadaster.nl"><img class="img-responsive" src="{{ "/img/partners/kadaster.svg" | prepend: site.baseurl }}" alt="Kadaster logo" style="height: 100px; margin: auto;" /></a></div>
		  <div class="col-sm-2 col-xs-4"><a href="https://www.rijkswaterstaat.nl"><img class="img-responsive" src="{{ "/img/partners/rws.svg" | prepend: site.baseurl }}" alt="RWS logo" style="height: 100px; margin: auto;" /></a></div>
      <div class="col-sm-2 col-xs-4"><a href="https://www.cgal.org"><img class="img-responsive" src="{{ "/img/partners/cgal.png" | prepend: site.baseurl }}" alt="CGAL logo" style="height: 100px; margin: auto;" /></a></div>      
    </div>
    </div>
    </div>
    </div>
  </div>
  <a rel="me" href="https://social.edu.nl/@tudelft3d"></a>
</div>