website/index.html at main · tudelft3d/website · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
---
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">


        <script type="text/javascript">
          var randomIndexUsed = [];
          var counter = 0;
          var numberOfImages = 9;
          var frontImageGrid = document.getElementById('frontimggrid');

          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];

              // Create elements instead of using document.write()
              var colDiv = document.createElement('div');
              colDiv.className = 'col-sm-4 col-xs-4';
              colDiv.style.height = 'auto';

              var linkElement = document.createElement('a');
              linkElement.href = coverLink;

              var imgElement = document.createElement('img');
              imgElement.className = 'img-responsive';
              imgElement.style.paddingTop = '15px';
              imgElement.style.paddingBottom = '15px';
              imgElement.style.maxHeight = '300px';
              imgElement.style.objectFit = 'cover';
              imgElement.src = coverImage;

              linkElement.appendChild(imgElement);
              colDiv.appendChild(linkElement);
              frontImageGrid.appendChild(colDiv);

              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>