mpag.github.io/index.html at master · mpag/mpag.github.io · 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
<!DOCTYPE html>
<html>
<head>
	<title>BVN - WebGL Dashboard</title>
	<script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>
	<link rel="stylesheet" type="text/css" href="style.css">
	<link href="https://fonts.googleapis.com/css?family=Advent+Pro:500|Open+Sans" rel="stylesheet">
</head>

<body>

	<div id="title">
	  <!-- <h3 style="display: inline-block; font-size: 60px; margin: 0">/</h3> -->
	  <img style="height:40px; padding-right: 6px;" src="img/BVN_Black_Small.png">
	  <img style="height:40px;" src="img/draftlogo.gif">
	  <img style="height:50px; padding-left: 6px;" src="img/icon_animated.gif">
	  <h1 id="titleText">WebGL Interactives Lab</h1>
	  <p id="paragraph">Experimental WebGL Projects for Architectural Practice</p>
	  <br>
	</div>

	<div class="grid">
	  	<a href="/systemsReef"><div class="module"><img src="img/robot.png" style="height: 100%;"></div></a>
		<a href="/stem/stemFacade"><div class="module"><img src="img/stemFacade.png" style="height: 100%;"></div></a>
		<a href="/stem/stemSolar"><div class="module"><img src="img/stemSolar.png" style="height: 100%;"></div></a>
		<a href="/mlc/mlcAxo2"><div class="module"><img src="img/mlcAxoV3.png" style="height: 100%;"></div></a>
		<a href="/mlc/mlcPano"><div class="module"><img src="img/mlcPano.png" style="height: 100%;"></div></a>
		<a href="/misc/jamesSketch"><div class="module"><img src="img/james.png" style="height: 100%;"></div></a>
		<a href="/mlc/mlcAbstract"><div class="module"><img src="img/mlcAxoV2.png" style="height: 100%;"></div></a>
		<a href="/mlc/mlcSect"><div class="module"><img src="img/mlcAxoSect.png" style="height: 100%;"></div></a>
		<a href="/ola/olaAxo2"><div class="module"><img src="img/olaSplit.png" style="height: 100%;"></div></a>
		<a href="/ola/olaPlans"><div class="module"><img src="img/olaPlans.png" style="height: 100%;"></div></a>
		<a href="/ola/olaPlansSplit"><div class="module"><img src="img/olaSplitPlan.png" style="height: 100%;"></div></a>
		<a href="/misc/flower"><div class="module"><img src="img/mq.png" style="height: 100%;"></div></a>
		<a href="/qAndC/fitoutDisplayer"><div class="module"><img src="img/stemRoom.png" style="height: 100%;"></div></a>
		<a href="/qAndC/fitoutDisplayer_V2"><div class="module"><img src="img/stemRoom.png" style="height: 100%;"></div></a>
		<a href="/misc/boxBird"><div class="module"><img src="img/bird.png" style="height: 100%;"></div></a>
	</div>

	<div id="footer" style="width:250px">
		<img src="img/500px-CC-BY-SA_icon.png" style="width:50px">
	  	<p id="paragraph" style="font-size:0.6em">This work is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.</p>
	</div>

</body>


</html>