-
Notifications
You must be signed in to change notification settings - Fork 11
/
workywork.html
114 lines (95 loc) · 4.86 KB
/
workywork.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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Chris DeChamplain - Graphic, UX/UI and Web Designer</title>
<meta name="description" content="Chris DeChamplain - Graphic, UX/UI and Web Designer">
<meta name="author" content="Chris DeChamplain">
<link rel="stylesheet" type="text/css" href="css/font-awesome.css">
<link rel="stylesheet" href="css/colorbox.css">
<link rel="stylesheet" href="css/justifiedGallery.css">
<link rel="stylesheet" href="css/stylesmainwork.css">
<link rel="stylesheet" href="css/jquery.animatedheadline.css">
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Merriweather|Poppins" rel="stylesheet">
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<div id="menu">
<nav class="main_navigation plain">
<a class="logo cta" href="index.html">
<span class="icon_logo"><img class="tinylogo" src="images/logotiny.png"/></span>
</a>
<ul class="nostyle">
<li class="start"><a href="#work">WORK</a></li>
<li><a href="https://github.com/sayterdarkwynd" target="_new">PROJECTS</a></li>
<li><a href="#about">ABOUT</a></li>
<li class="end"><a href="#contact">CONTACT</a></li>
</ul>
</nav>
</div>
<div class="container">
<!-- <div id="bg">
<img class="bg" src="images/parallax1.jpg">
</div>-->
<nav class="main_navigation plain">
<a class="logo cta work" href="">
<span class="icon_logo"><img class="tinylogo" src="images/logotinywhite.png"/></span>
</a>
<ul class="nostyle">
<li class="start selected"><a class="whitetext" href="#work">WORK</a></li>
<li><a class="whitetext" href="#gaming">PROJECTS</a></li>
<li><a class="whitetext" href="#about">ABOUT</a></li>
<li class="end"><a class="whitetext" href="#contact">CONTACT</a></li>
</ul>
</nav>
<section class="about breaker">
<a id="about" > </a>
<div class="plain">
<h2 class="spacing_mid">About Me:</h2>
<p class="firstp"><img src="images/port/me1.png" class="bottombreak self">With more than 12 years experience in <strong>Web Design</strong> and <strong>UX/UI Design</strong>, I've had the pleasure to work with many big-name clients on projects covering a wide range of areas developing industry-leading websites, apps and user experiences. My primary skills include <strong>HTML, CSS, LESS/SASS, UX/UI Design, Graphic Design, Storyboarding and Wireframing</strong>, while <strong>Sound and Video Editing, Spriting, Illustration, Inking, Colorist, Lua programming and JSON scripting</strong> round out my secondary skills.</p>
<p>I am adept with Adobe CS suite programs (Photoshop, Illustrator), have experience with Sketch, Excel, Omnigraffle, Powerpoint and most other tools of the trade. A fast learner, I can pick up new skills with minimal supervision.</p>
<p>A die-hard gamer, Tabletop roleplaying, videogames, board games...anything that engages the player in a fun and meaningful way calls to me. I also love taking things apart and turning them into something bigger...better. I've been tinkering with games since I was a kid and have made a second job out of modifying games into new experiences. My current project, <a class="warningtext" href="https://steamcommunity.com/sharedfiles/filedetails/?id=729480149" target="_new">FrackinUniverse</a>, has <strong>200,000 players worldwide</strong>!</p>
<p>I'm always seeking ways to improve both myself and the product to make the most out of every pixel. My philosophy is simple: Make design fun. If the user isn't engaged and interested...what's the point?</p>
<p>I bring many talents to the fore, and am willing and able to apply them in ways to truly make your project shine. If you're interested in reaching out to me for any sort of work you require, you can <a href="#contact" class="warningtext">contact me</a> below.</p>
</div>
</section>
<div class="footer"></div>
</div>
<!-- jQ plugins -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
<script src="js/jquery.colorbox-min.js"></script>
<script src="js/jquery.justifiedGallery.min.js"></script>
<script type="text/javascript">
$("#basicExample").justifiedGallery(
{
"rowHeight" : 250,
"margins" : 0,
"lastRow" : "nojustify",
"cssAnimation" : true,
"imagesAnimationDuration" : 240,
"captionSettings" : {
animationDuration :200,
visibleOpacity:0.9,
nonVisibleOpacity : 0
}
}
);
</script>
<script type="text/javascript">
(function($) {
$(document).ready(function(){
$(window).scroll(function(){
if ($(this).scrollTop() > 200) {
$('#menu').fadeIn(500);
} else {
$('#menu').fadeOut(500);
}
});
});
})(jQuery);
</script>
</body>
</html>