/
index.html
154 lines (139 loc) · 6.38 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
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
<!DOCTYPE HTML>
<html>
<head>
<title>Chris Frantz</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!--[if lte IE 8]><script src="assets/js/html5shiv.js"></script><![endif]-->
<link rel="stylesheet" href="assets/css/main.css" />
<!--[if lte IE 9]><link rel="stylesheet" href="assets/css/ie9.css" /><![endif]-->
<!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]-->
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script>
</head>
<body class="is-loading">
<!-- Wrapper -->
<div id="wrapper">
<!-- Main -->
<section id="main">
<header>
<span class="avatar"><img src="images/avatar.jpg" alt="" /></span>
<h1>Chris Frantz</h1>
<div id="Bio">
<p> Strategy / Marketing / Product</p>
<p> Currently:</br> Director @ <a href="https://curiositystream.com">CuriosityStream</a></p>
<a href="#" onclick="toggler('Projects'); toggler('Bio');" class="button">Projects</a>
</header>
<div id="Projects" style="display: none;">
<h2>Projects</h2>
<hr style="margin-top: 5px; margin-bottom: 30px;">
<ul style="list-style: none; text-align: center;";>
<div class="project-section">
<h4 style="font-weight: 900;">🚀 Live</h4>
<hr class="hr-divider">
</div>
<li><a href="http://officeunbound.com">Office Unbound</a></li>
<li><p class="text-muted">Interviews with remote workers all over the world.</p></li>
<li><a href="https://agencyloft.com">Agency Loft (sold! 🤑)</a></li>
<li><p class="text-muted">Agency RFP service and directory.</p></li>
<li><a href="http://sickdaybox.com">Sick Day Box</a></li>
<li><p class="text-muted">Everything you need for a sick day at home, from chicken noodle soup to a thermometer.</p></li>
<li><a href="https://mustloveplants.com">Must Love Plants</a></li>
<li><p class="text-muted">Product reviews of plant-based foods.</p></li>
<li><a href="https://twitter.com/pitchandpoll">Pitch and Poll Bot</a></li>
<li><p class="text-muted">DM a pitch and have it ranked by founders.</p></li>
<li><a href="https://twitter.com/ar_break">AR Break</a></li>
<li><p class="text-muted">RT'ing cool AR videos.</p></li>
<div class="project-section">
<h4 style="font-weight: 900;">👨💻 In Progress</h4>
<hr class="hr-divider">
</div>
<li><a href="https://presskite.com">Press Kite</a></li>
<li><p class="text-muted">Simply Amazing Press Kits</p></li>
<div class="project-section">
<h4 style="font-weight: 900;">👻 Deprecated</h4>
<hr class="hr-divider">
</div>
<li><a href="http://stockframe.com">Stockframe</a></li>
<li><p class="text-muted">License any video clip, image or music sample.</p></li>
<li><a href="http://centurylightmedia.com">Century Light Media (closed)</a></li>
<li><p class="text-muted">Boutique creative agency.</p></li>
<li><a href="http://centurylightmedia.com">No Free Work</a></li>
<li><p class="text-muted">Personal blog about freelance life.</p></li>
<div class="project-section">
<h4 style="font-weight: 900;">🤷🏻♂️ Never Launched</h4>
<hr class="hr-divider">
</div>
<li><a href="http://centurylightmedia.com">Movihunt</a></li>
<li><p class="text-muted">Film and TV Production News. Built in Meteor, data fed by RSS. </p></li>
<li><a href="https://alldemprotests.org">All Dem Protests</a></li>
<li><p class="text-muted">Organizing protests and rallies.</p></li>
</ul>
<a href="#" onclick="toggler('Projects'); toggler('Bio');" class="button"> < Back to bio</a>
</div>
<!--
<hr />
<h2>Extra Stuff!</h2>
<form method="post" action="#">
<div class="field">
<input type="text" name="name" id="name" placeholder="Name" />
</div>
<div class="field">
<input type="email" name="email" id="email" placeholder="Email" />
</div>
<div class="field">
<div class="select-wrapper">
<select name="department" id="department">
<option value="">Department</option>
<option value="sales">Sales</option>
<option value="tech">Tech Support</option>
<option value="null">/dev/null</option>
</select>
</div>
</div>
<div class="field">
<textarea name="message" id="message" placeholder="Message" rows="4"></textarea>
</div>
<div class="field">
<input type="checkbox" id="human" name="human" /><label for="human">I'm a human</label>
</div>
<div class="field">
<label>But are you a robot?</label>
<input type="radio" id="robot_yes" name="robot" /><label for="robot_yes">Yes</label>
<input type="radio" id="robot_no" name="robot" /><label for="robot_no">No</label>
</div>
<ul class="actions">
<li><a href="#" class="button">Get Started</a></li>
</ul>
</form>
<hr />
-->
</br>
<footer>
<ul class="icons">
<li><a href="https://twitter.com/frantzfries" class="fa-twitter">Twitter</a></li>
<li><a href="https://www.linkedin.com/in/ctfrantz/" class="fa-linkedin">LinkedIn</a></li>
<li><a href="https://www.github.com/chrisfrantz/" class="fa-github">Github</a></li>
<li><a href="mailto:ctfrantz@gmail.com" class="fa-envelope">Email</a></li>
</ul>
</footer>
</section>
<!-- Footer -->
<footer id="footer">
<ul class="copyright">
</ul>
</footer>
</div>
<!-- Scripts -->
<!--[if lte IE 8]><script src="assets/js/respond.min.js"></script><![endif]-->
<script>
if ('addEventListener' in window) {
window.addEventListener('load', function() { document.body.className = document.body.className.replace(/\bis-loading\b/, ''); });
document.body.className += (navigator.userAgent.match(/(MSIE|rv:11\.0)/) ? ' is-ie' : '');
}
</script>
<script type="text/javascript">function toggler(divId) {
$("#" + divId).toggle();
}</script>
</body>
</html>