pBlog/about_me.html at master · escapecode/pBlog · 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
<html>
	<head>
		<link href="app/style.css" rel="stylesheet" type="text/css">
		<link rel='shortcut icon' 				type='image/png' href='favicon.png' />
		<style>
			aside {
				width: 10em;
				float: left;
			}
			aside span {
				cursor: pointer;
				color : blue;
			}
			article {
				float: left;
				max-width: calc(100% - 11em);
			}
		</style>

		<script>
			function showArticle(a) {
				divs = document.getElementsByTagName('article');
				for (var i = 0; i < divs.length; i++) {
				  divs[i].style.display = 'none';
				}

				document.getElementById(a).style.display = 'block';
			}
					</script>
	</head>
	<body>
		<div id="top">
			<img src="app/media/logo.png" style="position: absolute; left: 0;"> <a href="index.pl?page=1" style="padding-left: 200px;"><button>&lt; Back to Blog System</button></a>
			<h2><center>About Me</center></h2>
		</div>
		<aside>
			<h3>Menu</h3>
			<span onclick="showArticle('intro');">About Me</span><br />
			<span onclick="showArticle('interests');">My Interests</span><br />
			<span onclick="showArticle('blog_purpose');">Purpose of Blog</span><br />
		</aside>
		<article id='intro'>
			<h4>About Me</h4>
			<p>
				I am awesome
				<p>
					You can update your "About Me" content by editing the "about_me.html" file.  The file is located in the directory where you are running this blog system from.
				</p>
			</p>
		</article>

		<article id='interests'>
			<h4>My Interests</h4>
			<p>
				Lots of things
			</p>
		</article>

		<article id='blog_purpose'>
			<h4>Blog Purpose</h4>
			<p>
				To blog about blog type stuff
			</p>
		</article>

		<script>
			showArticle('intro');
		</script>
	</body>
</html>