microdraw/blog.html at master · rdvincent/microdraw · 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
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>MicroDraw</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="css/style.css" type="text/css" />
<script src="lib/jquery-1.11.0.min.js"></script>
<script src="lib/html-sanitizer-minified.js"></script>
</head>

<body>

	<header class="header-container">
		<div class="header">
			<img src="img/microdraw.svg" style="width:6em" />
			<h1>MicroDraw</h1>
		</div>
	</header>

	<nav class="layout-tabs">
		<section class="tab-wrapper">
			<span class="divider"></span>
			<ul class="grid3col tabs">
				<li class="column one"><a href="index.html">Home</a></li>
				<li class="column two active"><a href="blog.html">Blog</a></li>
			</ul>
		</section>
	</nav>

	<!-- Start Content -->

	<div id="content">
	</div>

	<!-- End Content -->


<div style="position:fixed;bottom:1em;right:0;width:0.5em;height:2em;background-color:red"></div>
</div>
<div class="col sidespace"></div>
</div>

<script>
var blog=$.get("http://siphonophore.org/blog.php", function(){
	var i;
	var decoded;

	for(i=0;i<blog.responseJSON.length;i++) {
	var i;
	var decoded;

	for(i=0;i<blog.responseJSON.length;i++) {
		decoded=$.parseHTML(blog.responseJSON[i].content);
		$("#content").append(
			$("<div>",{style:"width:600px;margin-left:auto;margin-right:auto;margin-top:2rem"})
				.append("<large><strong>"+new Date(blog.responseJSON[i].date_gmt)+"</strong></large>")
				.append("<h2 class='blog'><a href='"+blog.responseJSON[i].link+"' rel='bookmark' title='Permanent Link to "+blog.responseJSON[i].date_gmt+"'>"+blog.responseJSON[i].title+"</a></h2>")
				.append($("<div>",{style:"background-color:#f8f8f8;padding:1rem"}).append(decoded))
		);
	}
}
});

</script>
</body>
</html>