-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
executable file
·199 lines (176 loc) · 9.88 KB
/
Copy pathindex.html
File metadata and controls
executable file
·199 lines (176 loc) · 9.88 KB
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
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
<!doctype html>
<html class="no-js" lang="">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title></title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="manifest" href="site.webmanifest">
<link rel="apple-touch-icon" href="icon.png">
<!-- Place favicon.ico in the root directory -->
<link href="./semantic/semantic.min.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="css/main.css">
<!-- Slick Modals main stylesheet -->
<link rel="stylesheet" type="text/css" href="./css/slickModal.min.css" media="screen" />
</head>
<body>
<!--[if lte IE 9]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p>
<![endif]-->
<!-- Add your site or application content here -->
<div id="page-container">
<header>
<nav id="main-nav">
<div class="ui secondary pointing menu">
<a class="item active">
Portfolio
</a>
<a href="resume.html" class="item">
Resume
</a>
<a href="contact.html" class="item">
Contact
</a>
<div class="right menu">
<span class="item">Taylor Watson</span>
<span class="item"><a id="night-toggle" href=""><img src="img/moon.svg"></a></span>
</div>
</div>
</nav>
</header>
<div class="ui very padded text container add50PxToTop">
<h1 class="ui header centered">Here is some stuff I made.</h1>
<h6 class="ui header centered">That I don't hate.</h6>
</div>
<!-- Swift Calc Start -->
<div class="ui very padded text container">
<div class="ui section inverted divider"></div>
<div class="ui relaxed grid">
<!-- left side -->
<div class="ten wide column">
<h3>onePlusEquals</h3>
<p><i class="circle icon"></i> A basic calculator for iOS.</p>
<p><i class="code icon"></i> Written entirely in swift.</p>
<p><i class="github alternate icon"></i> <a href="https://github.com/TaylorWatson/swift-calc">Here is the source code.</p></a>
</div>
<!-- right side -->
<div class="1 wide column ">
<button class="ui inverted button blue openSlickModal-1 manualLabel center">App Preview</button>
</div>
</div>
<!-- bottom -->
<h4>Interesting Things</h4>
<p>This idea and tutorials were based off Stanford's <a href="http://web.stanford.edu/class/cs193p/cgi-bin/drupal/">iOS course</a> and really helped me quickly understand Swift.</p>
<h4>Less Interesting</h4>
<p>I'm not done yet and still have a ways to go before I finally finish it. I am looking to create an iOS calculator that doesn't suck.</a></p>
<div id="popup-1" class="slickModal">
<div class="slickWindow">
<div>
<p>onePlusEquals content here.</p>
</div>
</div>
</div>
</div>
<!-- Shifts Start -->
<div class="ui very padded text container">
<div class="ui section inverted divider"></div>
<div class="ui relaxed grid">
<!-- left side -->
<div class="ten wide column">
<h3>Shifts</h3>
<p><i class="circle icon"></i> A tip tracker.</p>
<p><i class="code icon"></i> Written in JS/Meteor/React.</p>
<p><i class="github alternate icon"></i> <a href="https://github.com/TaylorWatson/meteor-shifts">Here is the source code.</p></a>
</div>
<!-- right side -->
<div class="1 wide column ">
<button class="ui inverted button blue openSlickModal-2 manualLabel center">App Preview</button>
</div>
</div>
<!-- bottom -->
<h4>Interesting Things</h4>
<p>For people doing shift work who work off tips (like pizza delivery guys). Written in JS/Meteor so it works across any mobile device. You can generate reports and track anything you want on device.</p>
<h4>Less Interesting</h4>
<p>We experimented with the UI but settled on materialize. We toned down the effects because of the UI lag. We also used Floobits which worked pretty interesting, being able to code together was a cool concept although let to commit issues. Would love to update it someday.</a></p>
<div id="popup-2" class="slickModal">
<div class="slickWindow">
<div>
<p>Shifts content here.</p>
</div>
</div>
</div>
</div>
<!-- Shifts Start -->
<div class="ui very padded text container">
<div class="ui section inverted divider"></div>
<div class="ui relaxed grid">
<!-- left side -->
<div class="ten wide column">
<h3>Todo</h3>
<p><i class="circle icon"></i> A todo list for mobile devices.</p>
<p><i class="code icon"></i> Written in JS/Meteor/React.</p>
<p><i class="github alternate icon"></i> <a href="https://github.com/TaylorWatson/meteor-web-final">Here is the source code.</p></a>
</div>
<!-- right side -->
<div class="1 wide column ">
<button class="ui inverted button blue openSlickModal-3 manualLabel center">App Preview</button>
</div>
</div>
<!-- bottom -->
<h4>Interesting Things</h4>
<p>It's a todo list that lets users collaborate on the same todo using multiple mobile phones. Works on both android and iOS.</p>
<h4>Less Interesting</h4>
<p>Again we used floobits and this time entirely gave up trying to share commits. We used one github account to push all updates to make it easier and it still didn't work well. Last time I used floobits.</a></p>
<div id="popup-3" class="slickModal">
<div class="slickWindow">
<div>
<p>Todo content here.</p>
</div>
</div>
</div>
</div>
<!-- Weedmaps Blog Start -->
<div class="ui very padded text container">
<div class="ui section inverted divider"></div>
<div class="ui relaxed grid">
<!-- left side -->
<div class="ten wide column">
<h3>Blog</h3>
<p><i class="circle icon"></i> An online blog.</p>
<p><i class="code icon"></i> Written in JS/Meteor/React.</p>
<p><i class="github alternate icon"></i> <a href="https://github.com/TaylorWatson/meteor-web-final">Here is the source code.</p></a>
</div>
<!-- right side -->
</div>
<!-- bottom -->
<h4>Interesting Things</h4>
<p>Not much to tell. It's a working blog that allows users to post on a main board and personal boards. Requires signing in before posting.</p>
<h4>Less Interesting</h4>
<p>It was the first thing I ever used meteor and react with. Was a fun experience, probably won't fix this up.</a></p>
</div>
<!-- Footer Start -->
<br/>
<div class="ui inverted segment footer">
<div class="ui very padded text container footer">
<h4 class="ui header centered inverted"><i class="heart icon"></i>Made in Canada // Cambridge - Ontario</h4>
</div>
</div>
</div>
<script src="js/vendor/modernizr-3.5.0.min.js"></script>
<script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-3.2.1.min.js"><\/script>')</script>
<!-- Semantic Scripts -->
<script src="./semantic/jquery.min.js"></script>
<script src="./semantic/semantic.min.js"></script>
<script src="js/slickModal.min.js"></script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
<!-- Google Analytics: change UA-XXXXX-Y to be your site's ID. -->
<script>
window.ga=function(){ga.q.push(arguments)};ga.q=[];ga.l=+new Date;
ga('create','UA-107589376-1','auto');ga('send','pageview')
</script>
<script src="https://www.google-analytics.com/analytics.js" async defer></script>
</body>
</html>