-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·146 lines (93 loc) · 7.24 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
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Christy Nyiri</title>
<meta name="description" content="Zomg it's the Github home of Christy Nyiri!">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="normalize.css">
<link rel="stylesheet" href="style.css">
<link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
<link href="http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
<script src="js/vendor/modernizr-2.6.2.min.js"></script>
</head>
<body>
<div class="container" id="top">
<header>
<h1><a href="#top" class="scroll">Christy Nyiri</a></h1>
<nav>
<ul>
<li><a href="#about" class="scroll">About Me</a></li>
<li><a href="#groups" class="scroll">Mentoring Groups</a></li>
<li><a href="#projects" class="scroll">My Projects</a></li>
</ul>
</nav>
</header>
<section id="intro">
<div>
<h2>GirlDev Assessment Site</h2>
<p>(Yes, I'm consolidating these 3 pages into one. Sorry!)</p>
</div>
</section>
<section id="about">
<div class="inner">
<h2>Oh hey there!</h2>
<img src="moi.gif" alt="moi">
<p>I'm a full-time freelance designer/developer/karaoke-er who makes websites, drawings, designs and the sporadic wedding cake in Vancouver.</p>
<p>Along with having red hair, I hold a Bachelor of Media Arts from Emily Carr University. My last salary job was an Interactive Art Director at an <a href="http://wasserman-partners.com" target="_blank">ad agency</a>, and I <a href="http://karaoke.weekendleisure.ca" target="_blank">DJ karaoke at a dive bar</a> every week.</p>
<dl>
<dt>Technical skillset</dt>
<dd>Adobe Creative Suite, Final Cut Pro, DVD Studio Pro</dd>
<dd>HTML5, CSS3, jQuery, JavaScript, Actionscript, PHP, MySQL, Git Version Control, SVN</dd>
<dd>Responsive & mobile first development, cross-browser compatibility & SEO optimization</dd>
<dd>Wordpress, Tumblr, Indexhibit, Shopify & Big Cartel front-end development</dd>
<dd>I am a command line n00b</dd>
</dl>
<p>When it comes to design, I believe in simplicity and efficiency... hence why I've kept this assessment site as low-key as possible.</p>
<p>When it comes to life, I believe in biking, singing loudly to bad music, and plenty of whiskey.</p>
</div>
</section>
<section id="groups">
<div class="inner">
<h2>Group preference</h2>
<p>I'd like to join the <strong>JavaScript and jQuery</strong> group because I'm pretty ace at HTML/CSS, but my js skills are lacking. I'd like to be able to write efficient js without having to constantly look up what I want to do, and to also have a better idea of what I <em>can</em> do in the first place.</p>
<p>Having volunteered as a mentor at several into-level Ladies Learning Code workshops, I'd like to keep improving my skills so I can also teach more advanced courses. Another goal I have is to become an instructor in the Interactive program at Emily Carr University (my Alma Mater), so I can help increase the art-world female-coder count.</p>
</div>
</section>
<section id="projects">
<div class="inner">
<h2>Les Projects</h2>
<p>Most of my work can be found on <a href="http://christynyiri.com" target="_blank">my portfolio</a>. I like to work in many different mediums, exemplified by the fact that a few yet-to-be-released projects include a book cover, a music video, and branding for a craft brewery. (You know, in addition to the multiple sites I'm currently working on.)</p>
<p>Much of my work, a lot of which is pro-bono, involves branding and site design/development for local small businesses, groups and arts organizations... people that I feel need high-calibre collateral but usually lack the funding.</p>
<p>Some of my more recent jobs/projects/collaborations are listed below:</p>
<dl>
<dt><a href="http://welcometobcom.sauder.ubc.ca" target="_blank">Sauder School of Business</a></dt>
<dd>Design & dev of a microsite for new BComm recruits. Tried to use an SVG sprite but ran into an insolvable bug in IE. Went for parallax, too. #trendy</dd>
<dt><a href="http://blindtigercomedy.ca" target="_blank">Blind Tiger Comedy</a></dt>
<dd>A quick job with an even tighter deadline, this was a fun exercise in "How fast can you whip up some branding without going crazy?"</dd>
<dt><a href="http://vancouverartbookfair.com" target="_blank">Vancouver Art/Book Fair</a></dt>
<dd>Design & dev of an annual book fair site. The identity (and WP theme) changes every year, which is a fun challenge... this site is a great testing ground for trying crazy techniques.</dd>
<dt><a href="http://weekendleisure.ca" target="_blank">Weekend Leisure</a></dt>
<dd>A 3-person art/video collective I work with. We're working on a <a href="http://steelviperforcemovie.com" target="_blank">feature film</a> and also <a href="http://karaoke.weekendleisure.ca" target="_blank">DJ karaoke</a> on Mondays at the Astoria Hotel. I'm in the midst of trying to develop a karaoke catalogue web app with a friend who deals in databases.</dd>
<dt><a href="http://homeworking.christynyiri.com" target="_blank">Homeworking</a></dt>
<dd>Lastly, a satire lifestyle & fashion blog about working from home. Involves much sweatpant.</dd>
</dl>
<a href="#top" class="scroll top">Top</a>
</div>
</section>
<footer>
<a href="http://christynyiri.com" target="_blank"><i class="fa fa-briefcase"></i><span>Portfolio</span></a>
<a href="https://github.com/Nyiriland/" target="_blank"><i class="fa fa-github"></i><span>GitHub</span></a>
<a href="http://twitter.com/nyiriland" target="_blank"><i class="fa fa-twitter"></i><span>Twitter</span></a>
<a href="http://facebook.com/christy.nyiri" target="_blank"><i class="fa fa-facebook"></i><span>Facebook</span></a>
<a href="http://tumblr.christynyiri.com" target="_blank"><i class="fa fa-tumblr"></i><span>Tumblr</span></a>
<a href="http://dribbble.com/Nyiriland" target="_blank"><i class="fa fa-dribbble"></i><span>Dribbble</span></a>
<a href="http://ca.linkedin.com/in/christynyiri" target="_blank"><i class="fa fa-linkedin"></i><span>LinkedIn</span></a>
<a href="mailto:christy@nyiri.ca" target="_blank"><i class="fa fa-envelope-o"></i><span>Email</span></a>
</footer>
</div> <!-- container -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.10.2.min.js"><\/script>')</script>
<script src="js/global.js"></script>
</body>
</html>