This repository has been archived by the owner on Aug 25, 2020. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 1
/
starterpack.php
125 lines (107 loc) · 3.57 KB
/
starterpack.php
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
116
117
118
119
120
121
122
123
124
125
<?php
require_once 'functions.php';
$section = 2;
$page = 6;
$get = '492,131,184,223';
$list = $db->query("SELECT * FROM papers WHERE status = 'active' AND id IN ($get) ORDER BY year DESC, title");
$videos = $db->query("SELECT * FROM videos WHERE id IN (4,11,3) ORDER BY title");
?>
<!DOCTYPE html>
<html lang="en">
<head>
<?php echo $header ?>
<title>Urban Metabolis Starter Pack | <?php echo SITENAME ?></title>
<style type="text/css">
.videos {
list-style:none;
margin:0;
padding:0;
}
.videos li {
display:inline-block;
width:320px;
vertical-align:top;
}
.videos img {
width:320px;
}
.videos li a {
max-height:280px;
overflow:hidden;
display:block;
border:1px solid #ccc;
padding:2px;
}
.panel-body {
padding:0;
}
.panel-default > .panel-heading {
height:55px;
}
</style>
</head>
<body>
<?php require_once 'include.header.php'; ?>
<div class="jumbotron">
<h1>Starter Pack</h1>
<p>Are you new to urban metabolism? Your journey starts here! The page below lists useful publications to read
and videos to watch in order to get a good understanding of urban metabolism.</p>
<p>
<a class="btn btn-lg btn-primary" href="starterpack#publications" role="button">Publications</a>
<a class="btn btn-lg btn-primary" href="starterpack#videos" role="button">Videos</a>
<a class="btn btn-lg btn-primary" href="starterpack#data" role="button">Data</a>
</p>
</div>
<h1 id="publications">Publications</h1>
<p>Below we list a few publications that are some of the "best reads" when it comes to urban metabolism. We hand-picked
these publications because they explain the concept from the ground up, and often review the work that has been done so far
and explain more about this research field and its future direction.
</p>
<table class="table table-striped">
<thead>
<tr>
<th>Title</th>
<th width="330">Author(s)</th>
<th width="80">Year</th>
</tr>
</thead>
<tbody>
<?php foreach ($list as $row) { ?>
<tr>
<td><a href="publication/<?php echo $row['id'] ?>"><?php echo $row['title'] ?></a></td>
<td><?php echo $row['author'] ?></td>
<td><?php echo $row['year'] ?></td>
</tr>
<?php } ?>
</tbody>
</table>
<h1 id="videos">Videos</h1>
<p>Want to get a crash course into urban metabolism? Have a look at the videos below!</p>
<ul class="videos">
<?php foreach ($videos as $row) { ?>
<li>
<div class="panel panel-default">
<div class="panel-heading"><?php echo $row['title'] ?></div>
<div class="panel-body">
<span>
<a href="videos/<?php echo $row['id'] ?>-<?php echo flatten($row['title']) ?>">
<?php if ($row['site'] == 'youtube') { ?>
<img src="https://img.youtube.com/vi/<?php echo $row['url'] ?>/0.jpg" alt="" />
<?php } else { ?>
<img src="media/videothumbs/<?php echo $row['id'] ?>.jpg" alt="" />
<?php } ?>
</a>
</span>
</div>
</div>
</li>
<?php } ?>
</ul>
<h1 id="data">Data</h1>
<p>To understand how urban metabolism research works, explore this online dataset. You can see what kind of information
is collected when undertaking urban metabolism research, and how it is presented.</p>
<p><a href="omat/1/projectinfo"><img src="img/datasample.png" alt="" /></a></p>
<p><a href="omat/1/projectinfo">View dataset for Cape Town</a></p>
<?php require_once 'include.footer.php'; ?>
</body>
</html>