-
Notifications
You must be signed in to change notification settings - Fork 3
/
index.html
128 lines (122 loc) · 6.64 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
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
<!DOCTYPE html>
<html moznomarginboxes lang="en">
<head>
<meta charset="UTF-8">
<title>Resume - Quark Wei</title>
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/resume.css">
<link rel="stylesheet" href="font-awesome/css/font-awesome.min.css">
</head>
<body>
<div class="container print">
<header>
<div class="alert alert-info text-center">
<strong>Go ahead and print me!</strong> Best printed in <i data-bind="html: getIcon('safari','','24px')"></i> or <i data-bind="html: getIcon('chrome','','24px')"></i>
</div>
<div class="row">
<table class="w-100">
<tr>
<td data-bind="html: phone"></td>
<td rowspan="2" class="text-xs-center">
<h2 data-bind="html: fullName" class="text-uppercase text-letter-spacing-1px"></h2>
</td>
<td class="text-xs-right">
<a data-bind="html: getIcon('github','black','24px') + github, attr: {href: 'https:\/\/' + github}"></a>
</td>
</tr>
<tr>
<td>
<a data-bind="html: email, attr: {href: 'email:' + email}"></a>
</td>
<td class="text-xs-right">
<a data-bind="html: website, attr: {href: 'http:\/\/' + website}"></a>
</td>
</tr>
</table>
</div>
</header>
<main data-bind="foreach: sections, handlePageBreak: false">
<div class="row" data-bind="css: { 'no-print': $data.noPrint }">
<table class="table table-sm section">
<thead class="font-weight-bold">
<tr>
<td class="w-100">
<div class="row text-uppercase text-letter-spacing-1px" data-bind="foreach: header">
<div data-bind="attr: { class: classesFromArray($index(), $parent.header) }">
<span data-bind="html: $data"></span>
</div>
</div>
</td>
</tr>
</thead>
<tbody data-bind="foreach: $data.subsections">
<tr class="subsection" data-bind="css: { 'no-print': $data.noPrint }">
<td>
<!-- ko if: $data.header != undefined -->
<div class="row font-weight-bold" data-bind="foreach: header">
<div data-bind="attr: { class: classesFromArray($index(), $parent.header) }">
<!-- ko if: $index() == 0 -->
<!-- ko if: $parent.decorators && $parent.decorators.url -->
<a data-bind="attr: {href: $parent.decorators.url }">
<span data-bind="html: getIcon($parent.decorators ? $parent.decorators.icon : '','black') + $data"></span>
</a>
<!-- /ko -->
<!-- ko ifnot: $parent.decorators && $parent.decorators.url -->
<span data-bind="html: getIcon($parent.decorators ? $parent.decorators.icon : '','black') + $data"></span>
<!-- /ko -->
<!-- /ko -->
<!--ko ifnot: $index() == 0 -->
<span data-bind="html: $data"></span>
<!-- /ko -->
</div>
</div>
<!-- /ko -->
<div class="row small" data-bind="if: $data.bullets != undefined">
<ul data-bind="foreach: bullets">
<!-- ko if: typeof $data === "string" -->
<li data-bind="html: removeMarkup($data), css: { 'no-print': shouldHide($data) }"></li>
<!-- /ko -->
<!-- ko if: $data.constructor === Array -->
<ul data-bind="foreach: $data">
<li data-bind="html: removeMarkup($data), css: { 'no-print': shouldHide($data) }"></li>
</ul>
<!-- /ko -->
</ul>
</div>
<div class="row small" data-bind="if: $data.notes != undefined">
<ul data-bind="foreach: notes" class="font-italic">
<li data-bind="html: removeMarkup($data), css: { 'no-print': shouldHide($data) }" class="list-inline-item"></li>
</ul>
</div>
<div class="row small font-weight-bold" data-bind="if: $data.list != undefined">
<div class="col-xs-12 text-xs-center list" data-bind="html: createList($data.list), trimList: true"></div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</main>
<footer>
<span class="footer">
<span class="fa-stack">
<i class="fa fa-circle fa-stack-2x"></i>
<strong class="fa-stack-1x page-number" style="color:white"></strong>
</span>
of
<span class="fa-stack">
<i class="fa fa-circle-o fa-stack-2x"></i>
<strong class="fa-stack-1x page-count"></strong>
</span>
</span>
</footer>
</div>
<script src="js/jquery-3.1.1.min.js"></script>
<script src="js/tether.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/knockout-3.4.0.js"></script>
<script src="js/PDFreactor.js"></script>
<script src="js/resume.js"></script>
<script src="js/helper-functions.js"></script>
</body>
</html>