forked from madchops1/karl-2017
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
79 lines (75 loc) · 4.39 KB
/
index.html
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
<!doctype html>
<html lang="en" ng-app="karl">
<head>
<meta charset="utf-8">
<title>Karl Steltenpohl's Terminal</title>
<meta name="description" content="Karl Steltenpohl">
<meta name="author" content="Karl Steltenpohl">
<link rel="stylesheet" href="styles/css/styles.css?v1.0.0">
<!--[if lt IE 9]>
<script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.js"></script>
<![endif]-->
<base href="/">
</head>
<body ng-controller="karlCtrl as vm">
<div class="page-bg" ng-style="vm.background"> </div>
<div id="list-wrapper">
<a href="https://docs.google.com/document/d/1cz2569FN5G4RYnMY7FaOhcpqbF1E6jhAsrGLL0KPplA/edit?usp=sharing" title="resume" target="_blank"><i class="fa fa-paperclip fa-2x" aria-hidden="true"></i></a>
<a href="https://github.com/madchops1" title="github" target="_blank"><i class="fa fa-github-alt fa-2x" aria-hidden="true"></i></a>
<a href="https://www.patreon.com/karlsteltenpohl" title="Patreon" target="_blank"><i class="fa fa-pencil fa-2x" aria-hidden="true"></i></a>
<a href="https://dutchess.ai" title="Dutchess.ai" target="_blank"><i class="fa fa-line-chart fa-2x" aria-hidden="true"></i></a>
<a href="http://botmap.io" title="Botmap.io" target="_blank"><i class="fa fa-bolt fa-2x" aria-hidden="true"></i></a>
<a href="https://soundcloud.com/user-948003850" title="SoundCloud" target="_blank"><i class="fa fa-soundcloud fa-2x" aria-hidden="true"></i></a>
<a href="https://twitter.com/madchops1" title="Twitter" target="_blank"><i class="fa fa-twitter fa-2x" aria-hidden="true"></i></a>
</div>
<div id="view-wrapper" >
<header>
<div>
<div>
</div>
</div>
</header>
<div id="terminal-wrapper" class="sublime-theme" ng-click="vm.focusTerminal()">
<div id="inner">
<ul>
<li ng-repeat="item in vm.output track by $index">
<span ng-hide="item.plain" class="host">karlsteltenpohl.com:</span>
<span ng-hide="item.plain" class="root">/</span><span ng-hide="item.plain" class="location">{{item.pwdString}}</span>
<span ng-hide="item.plain" class="user">you$</span>
<span ng-bind-html="item.text"></span>
</li>
</ul>
<div id="terminal" ng-click="vm.focusTerminal()">
<input type="text" id="setter" ng-model="vm.originalText" ng-focus="vm.focus()" ng-trim="false" ng-blur="vm.blur()" ng-keydown="vm.keydown($event, true)" ng-keyup="vm.keydown($event, false)" />
<input type="text" id="faketab" ng-focus="vm.tabFocus()" ng-blur="" ng-keydown="" ng-keyup="" />
<div id="getter">
<span class="host">karlsteltenpohl.com:</span>
<span class="root">/</span><span class="location">{{vm.pwdString}}</span>
<span class="user">you</span>$
<span ng-bind-html="item.text"></span>
<span id="writer" ng-bind-html="vm.cloneText"></span><b class="cursor blink" ng-hide="vm.hideCarrot" id="cursor" ng-style="vm.cursorStyle"> <div id="container"></div></b>
</div>
</div>
</div>
</div>
<div>
<style type="text/css">
header div div { background-image: {{vm.background['background-image']}}}; }
</style>
<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.2/angular.min.js"></script> -->
<script src="bower_components/angular/angular.min.js"></script>
<script src="js/vendor/sketch.min.js"></script>
<script src="js/vendor/particle.js"></script>
<script src="js/services/terminal.service.js"></script>
<script src="js/services/input.service.js"></script>
<script src="js/services/output.service.js"></script>
<script src="js/services/cat.service.js"></script>
<script src="js/services/ls.service.js"></script>
<script src="js/services/pwd.service.js"></script>
<script src="js/services/cd.service.js"></script>
<script src="js/services/tab.service.js"></script>
<script src="js/controllers/karl.controller.js"></script>
<script src="js/app.js"></script>
<script src="https://use.fontawesome.com/3272ed3dcc.js"></script>
</body>
</html>