ianjanicki.github.io/index.html at master · ianjanicki/ianjanicki.github.io · 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
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
<html class="w-mod-js">

<head>
    <meta charset="utf-8">
    <meta name="author" content="Ian Janicki">
    <meta name="copyright" content="Ian Janicki">
    <meta name="description" content="Ian Janicki, product manager, designer, based in San Francisco">
    <meta name="robots" content="all">
    <meta name="viewport" content="width=device-width">
    <title>ian janicki</title>
    <link rel="stylesheet" href="/assets/css/normalize.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flexboxgrid/6.3.1/flexboxgrid.min.css" />
    <link rel="stylesheet" href="/assets/css/main.min.css">
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
    <script src="https://use.typekit.net/rha5chy.js"></script>
    <script>try { Typekit.load({ async: true }); } catch (e) { }</script>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    <script type="text/javascript" src="/assets/js/jquery.easing.1.3.js"></script>

    <script type="text/javascript" src="https://s3.us-east-2.amazonaws.com/js.autotune.xyz/b12cb0f1-9ab5-4b63-adfd-d6c55728b507.js"></script>
</head>

<body class="container">
    <div class="content">
        <div id="about">
            <div class="sketchbookContainer" data-ix="work-transition">
                <img class="sketchbook" src="/assets/img/sketchbook.png">
            </div>
            <div class="aboutContainer">
                <div class="about1">
                    <autotune experiment="main title">
                        <div class="hi" data-ix="text-slide-2">Greetings
                            <img class="emoji" src="/assets/img/wave.png">
                        </div>
                        <div class="hi" data-ix="text-slide-2">Hello
                            <img class="emoji" src="/assets/img/wave.png">
                        </div>
                        <div class="hi" data-ix="text-slide-2">Hi there
                            <img class="emoji" src="/assets/img/wave.png">
                        </div>
                    </autotune>
                    <br>
                    <br>
                    <div class="paragraph" data-ix="text-slide">
                        <span>My name is Ian Janicki.</br>
                            </br>
                            <span>I’m a product creator with a passion for startups, product design, and personal growth.</span>
                            <span>I’m an architect by training, product manager by vocation, and now a full-stack programmer working on something new 🎉
                            </span>
                            <br>
                            <br>
                            <span>Check out some of my earlier projects of just say hello!</span>
                            <br>
                    </div>
                </div>
                <div class="about2 row start-xs" data-ix="social">
                    <a href="https://twitter.com/ianjanicki" target="_blank">
                        <div class="twitter social"></div>
                    </a>
                    <a href="https://medium.com/@ianjanicki" target="_blank">
                        <div class="medium social"></div>
                    </a>
                    <a href="https://linkedin.com/in/ianjanicki" target="_blank">
                        <div class="linkedin social"></div>
                    </a>
                    <a href="https://angel.co/ianjanicki" target="_blank">
                        <div class="angellist social"></div>
                    </a>
                    <a href="https://www.producthunt.com/@ianjanicki" target="_blank">
                        <div class="producthunt social"></div>
                    </a>
                </div>
                <div class="about3 row start-xs" data-ix="text-slide">
                    <a href="mailto:ianjanicki@gmail.com?subject=Saying hello" target="_blank" autotune>
                        <div class="button-primary">
                            <autotune experiment="contact me cta">
                                <span>say hello</span>
                                <span>say hi</span>
                                <span>get in touch</span>
                                <span>contact me</span>
                                <span>lets talk</span>
                                <span>lets chat</span>
                            </autotune>
                            <i class="material-icons">arrow_forward</i>
                        </div>
                    </a>
                </div>
            </div>
        </div>

        <div id="work">
            <div class="workContainer">
                <div class="project">
                    <h1 data-ix="text-slide">MealStack</h1>
                    <h4 data-ix="text-slide">may 2018</h4>
                    <div class="multipleContainer row" data-ix="text-slide-2">
                        <div class="mobileContainer">
                            <div class="mobileImage" id="mealstack"></div>
                        </div>
                        <div class="mobileContainer">
                            <div class="mobileImage" id="mealstack"></div>
                        </div>
                        <div class="mobileContainer">
                            <div class="mobileImage" id="mealstack"></div>
                        </div>
                    </div>
                    <p data-ix="text-slide">First app developed from scratch. Allows a user to plan their diet around macronutrients.
                    </p>
                </div>
                <div class="project">
                    <h1 data-ix="text-slide">offsetmyride.io</h1>
                    <h4 data-ix="text-slide">december 2016</h4>
                    <div class="multipleContainer row" data-ix="text-slide-2">
                        <div class="mobileContainer">
                            <div class="mobileImage" id="offset"></div>
                        </div>
                        <div class="mobileContainer">
                            <div class="mobileImage" id="offset"></div>
                        </div>
                        <div class="mobileContainer">
                            <div class="mobileImage" id="offset"></div>
                        </div>
                    </div>
                    <p data-ix="text-slide">Responsive app that allows users to purchase a carbon offset through
                        <a href="https://carbonfund.org/" target="_blank">carbonfund.org</a> by measuring their total rideshare miles utilizing the Uber and Lyft APIs.
                        <br>
                        <span>in collaboration with
                            <a href="https://twitter.com/a5huynh" target="_blank">andrew huynh</a>
                        </span>
                    </p>
                    <a href="https://offsetmyride.io" target="_blank">
                        <div class="button-secondary" data-ix="text-slide">visit project
                            <i class="material-icons">arrow_forward</i>
                        </div>
                    </a>
                </div>
                <div class="project">
                    <h1 data-ix="text-slide">Zerø</h1>
                    <h4 data-ix="text-slide">2016</h4>
                    <div class="desktopContainer" data-ix="text-slide-2">
                        <div class="desktopImage" id="zero"></div>
                    </div>
                    <p data-ix="text-slide">Corporate Social Responsibility platform to help businesses measure, audit, and improve their carbon
                        and water footprint.
                        <br>
                        <span>in collaboration with
                            <a href="https://twitter.com/a5huynh" target="_blank">andrew huynh</a>
                        </span>
                    </p>
                </div>
                <div class="project">
                    <h1 data-ix="text-slide">Visual Studio Mobile Center</h1>
                    <h4 data-ix="text-slide">2016 - present</h4>
                    <div class="desktopContainer" data-ix="text-slide-2">
                        <div class="desktopImage" id="visual_studio"></div>
                    </div>
                    <p data-ix="text-slide">Mobile developer tools to help customers ship higher-quality apps, faster. All-in-one solution for building
                        (continious integration, UI testing), powering (Azure backend services), and learning (crashes, analytics).
                        Currently in Preview, try it today!</p>
                    <a href="https://appcenter.ms" target="_blank">
                        <div class="button-secondary" data-ix="text-slide">visit project
                            <i class="material-icons">arrow_forward</i>
                        </div>
                    </a>
                </div>
                <div class="project">
                    <h1 data-ix="text-slide">Xamarin Insights</h1>
                    <h4 data-ix="text-slide">2015 - 2016</h4>
                    <div class="desktopContainer" data-ix="text-slide-2">
                        <div class="desktopImage" id="insights"></div>
                    </div>
                    <p>Mobile app monitoring solution to help catch crashes, view user activity, measure groth, and capture
                        custom events — all in one package. Sunsetted upon Microsoft aquisition.</p>
                </div>
            </div>
        </div>

    </div>

    <div class="footer row center-xs middle-xs">© IAN JANICKI, 2018</div>
</body>

<script src="https://daks2k3a4ib2z.cloudfront.net/57c5dd245cc3aa553acf1266/js/webflow.5f98b8ec0.js" type="text/javascript"></script>

</html>