Personal-Website-With-JS-Terminal-Emulator/index.html at master · nodejsapps/Personal-Website-With-JS-Terminal-Emulator · 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
<html>
	<head>
		<script src="files/js/jquery-3.1.0.min.js"></script>
		<meta charset="UTF-8">

		<script src="https://use.fontawesome.com/fd96a89fe9.js"></script>
		<script type="text/javascript" src="files/js/shell.js"></script>
		<script src="files/js/classie.js"></script>

		<link rel="stylesheet" type="text/css" href="files/css/page.css">

		<link rel="icon" href="files/misc/favicon.ico" type="image/x-icon"/>
		<link rel="shortcut icon" href="files/misc/favicon.ico" type="image/x-icon"/>

		<title>TJZimmerman.com</title>
	</head>
	<body>
		<div class="pageContainer">
			<div class="vertAlign">

				<div class="header">
					Thomas Zimmerman
				</div>

				<div class="subHeader">
					<font color="#A3BE8C">Infrastructure Engineer</font>
					<font color="#EFF1F5"> | </font>
					<font color="#CCD7E4">Linux Guru</font>
					<font color="#eff1f5"> | </font>
					<font color="#A0EcD0">Cloud Architect</font>
					<font color="#eff1f5"> | </font>
					<font color="#F6Ca83">Site Reliability</font>
					<font color="#eff1f5"> | </font>
					<font color="#D1FAFF">Microservice Orchestration</font>
				</div>

				<div class="underline">
				</div>

				<div class="boxContainer">
					<div class="box">
						<div class="boxHeader" id="boxHeader1">Professional</div>
							<div class="boxContent" id="boxContent">
							<ul>
								<a class="list-group-item"  href="https://github.com/zimmertr"><i class="fa fa-github fa-fw" aria-hidden="true"></i> GitHub</a>
								<br><a class="list-group-item"  href="https://www.linkedin.com/in/zimmermanthomas"><i class="fa fa-linkedin fa-fw" aria-hidden="true"></i> LinkedIn</a>
								<br><a class="list-group-item"  href="http://tjzimmerman.com/Files/Resume%20-%20Thomas%20Zimmerman.pdf"><i class="fa fa-file-text fa-fw" aria-hidden="true"></i> Resume</a>
								<br><a class="list-group-item"  href="https://tjzimmerman.com/Files/Professional%20Portfolio%20-%20Thomas%20Zimmerman.pdf"><i class="fa fa-file-pdf-o fa-fw" aria-hidden="true"></i> Portfolio</a>
							</ul>
						</div>
					</div>
					<div class="box">
						<div class="boxHeader" id="boxHeader2">Homelab</div>
							<div class="boxContent" id="boxContent">
							<ul>
							 	<a class="list-group-item"  href="https://grafana.tjzimmerman.com"><i class="fa fa-bar-chart fa-fw" aria-hidden="true"></i> Grafana</a>
                                <br><a class="list-group-item"  href="https://vpn.tjzimmerman.com"><i class="fa fa-server fa-fw" aria-hidden="true"></i> OpenVPN</a>
                                <br><a class="list-group-item"  href="https://rp.tjzimmerman.com"><i class="fa fa-area-chart fa-fw" aria-hidden="true"></i> Netdata</a>
                                <br><a class="list-group-item" href="https://nextcloud.tjzimmerman.com"><i class="fa fa-cloud fa-fw" aria-hidden="true"></i> Nextcloud</a>

							</ul>
						</div>
					</div>
					<div class="box">
						<div class="boxHeader" id="boxHeader3">Social</div>
							<div class="boxContent" id="boxContent">
							<ul>
								<a class="list-group-item"  href="https://www.instagram.com/zimmertr"><i class="fa fa-instagram fa-fw" aria-hidden="true"></i> Instagram</a>
								<br><a class="list-group-item"  href="https://www.last.fm/user/tsclover"><i class="fa fa-lastfm fa-fw" aria-hidden="true"></i> Last.fm</a>
								<br><a class="list-group-item"  href="https://twitter.com/zimmertr"><i class="fa fa-twitter-square fa-fw" aria-hidden="true"></i> Twitter</a>
							    <br><a class="list-group-item"  href="http://tjzimmerman.com/Files/Stallman.png"><i class="fa fa-image fa-fw" aria-hidden="true"></i> RMS</a>
							</ul>
						</div>
					</div>
				</div>

				<div class="search">
					<form class="searchForm" method="GET" action="#">

						<input id="shell" class="searchInput" type="text" autocomplete="off" name="shell" autofocus onkeypress="handle(event)" placeholder="root@tjsh >" />
						<br>
						<textarea id="outbox" class="searchInput" rows="25" readonly name="outbox" placeholder="Type 'help' to see a list of supported commands. Each command has a dedicated manpage."></textarea>
					</form>
				</div>
			</div>
		</div>
	</body>
</html>