-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
124 lines (119 loc) · 5.67 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
<html>
<head>
<link rel="stylesheet" href="./css/main.css" type="text/css">
<link href='./Font.css' rel='stylesheet' type='text/css'>
<link href='./jquery-ui-1.11.4.custom/jquery-ui.css' rel='stylesheet' type='text/css'>
<link href='./jquery-ui-1.11.4.custom/jquery-ui.structure.css' rel='stylesheet' type='text/css'>
<script src='./jquery-ui-1.11.4.custom/external/jquery/jquery.js'></script>
<script src='./jquery-ui-1.11.4.custom/jquery-ui.js'></script>
</head>
<body>
<figure class="backdrop"></figure>
<header>
<nav>
<ul class="logo-buttons">
<li id="logo"><a href="#Main">Joshua Weiss</a></li>
</ul>
<ul class="nav-buttons">
<li><a href="#Skills">Skills</a></li>
<li><a href="#Projects">Projects</a></li>
<li><a href="#Resume">Resume</a></li>
<li><a href="#ContactMe">Contact Me</a></li>
</ul>
</nav>
</header>
<section id="Main">
<figure class="main-image">
<figure class="personal-picture"></figure>
</figure>
<h1>Joshua Weiss</h1>
<h5>Software Engineer</h5>
</section>
<section id="AboutMe">
<p> I am a New York-based full stack web developer. I have experience using front and back end technologies such as React, Redux, VueJs, Angular, Rails, MySQL. I'm comfortable in programming languages such as Ruby, Javascript, Typescript, Swift, and am learning Haskell. When I am not learning more about computers, I read about other interesting topics such as Math, Music Theory, and Art. I also play the guitar well and piano fairly decently. Feel free to explore my Github, and website to learn more.</p>
</section>
<section id="Skills">
<h1>Skills</h1>
<ul class="skill-list">
<li class="ruby-logo" data-label="Ruby"></li>
<li class="rails-logo" data-label="Ruby On Rails"></li>
<li class="rspec-logo" data-label="RSpec"></li>
<li class="git-logo" data-label="Git"></li>
<li class="es6-logo" data-label="ES6"></li>
<li class="ts-logo" data-label="TypeScript"></li>
<li class="angular-logo" data-label="Angular"></li>
<li class="postgresql-logo" data-label="PostgreSQL"></li>
<li class="html-logo" data-label="HTML"></li>
<li class="css-logo" data-label="CSS"></li>
<li class="webpack-logo" data-label="Webpack"></li>
<li class="swift-logo" data-label="Swift"></li>
</ul>
</section>
<section id="Projects">
<h1>Projects</h1>
<ul class="project-list">
<li>
<a href="https://github.com/Joshuaweiss/QuizCzar" class="project-git-link">Git</a>
<a href="https://github.com/Joshuaweiss/QuizCzar">
<figure class="quiz-czar-snapshot"></figure>
</a>
<section class="project-info">
<h2><a href="https://github.com/Joshuaweiss/QuizCzar">Quiz Czar</a></h2>
<p>QuizCzar is a single-page app built on Rails and Backbone. Its goal is to provide a native app-like experience inside the browser, giving users a comfortable and intuitive interface with powerful features. Integration with Facebook's API allows users to share quizzes they make or find with their friends.</p>
</section>
</li>
<li>
<a href="https://github.com/Joshuaweiss/Asteroids" class="project-git-link">Git</a>
<a href="http://joshuaweiss.github.io/Asteroids/">
<figure class="asteroids-snapshot"></figure>
</a>
<section class="project-info">
<h2><a href="http://joshuaweiss.github.io/Asteroids/">Asteroids</a></h2>
<p>Asteroids is created from the ground up using JavaScript and HTML5 Canvas. A major focus was on the physics system which supports elastic collisions as well as the partial object wrapping.</p>
</section>
</li>
<li>
<a href="https://github.com/Joshuaweiss/Rails-Lite" class="project-git-link">Git</a>
<a href="https://github.com/Joshuaweiss/Rails-Lite">
<figure class="rails-lite-snapshot"></figure>
</a>
<section class="project-info">
<h2><a href="https://github.com/Joshuaweiss/Rails-Lite">Rails-Lite</a></h2>
<p>Rails-Lite is a basic HTTP server framework focused on RESTful web development. Ruby's extensive metaprogramming capabilities are used fully to apply programming patterns and methodologies embraced by Rails such as DRY (Don't Repeat Yourself) coding, and CoC (Convention Over Configuration).</p>
</section>
</li>
</ul>
</section>
<section id="Resume">
<h1>Resume</h1>
<iframe src="https://drive.google.com/file/d/0B0mf_kSny4sDNWZEOVJGTV95UWM/preview" width="740" height="960"></iframe>
</section>
<section id="ContactMe">
<h1>Contact Me</h1>
<ul class="contact-list">
<li class="linked-in-logo"><a href="https://www.linkedin.com/in/joshuatweiss"></a></li>
<li class="git-hub-logo"><a href="https://github.com/Joshuaweiss"></a></li>
<li class="email-logo"><a href="mailto:jtw@joshuatweiss.com"></a></li>
</ul>
</section>
</body>
</html>
<script>
$(function() {
$('a[href*=#]:not([href=#])').click(function() {
if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
var target = $(this.hash);
target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
if (target.length) {
$('html,body').animate({
scrollTop: target.offset().top
},{
easing: "easeOutExpo",
duration: 700
});
return false;
}
}
});
});
</script>