pinglinh.github.io/mywork.html at master · pinglinh/pinglinh.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
---
layout: page
title: My Work
permalink: /mywork/
---

	<div class="container-fluid">
		<div class="row">
			<div class="col-md-12 text-center">
				<h3 class="mywork-subheading">Penguin Eats Game</h3>

				<img class="work-preview" src="{{ "/photos/penguineats.gif" | prepend: site.baseurl }}" alt="Penguin Eats Game">

					<p>This is a continuing project I am working on with <a href="https://github.com/taw">Tomasz Wegrzanowski</a> based on in-browser games using Ruby. We used a game framework called <a href="http://http://phaser.io">phaser</a> and Ruby to Javascript compiler <a href="http://http://opalrb.org">Opal</a>.</p>

					<p><a href="https://taw.github.io/phaser-opal-minigames/games/penguin_eats">Play the game</a></p>
					<p><a href="https://github.com/taw/phaser-opal-minigames">GitHub repository</a></p>
			</div>

			<div class="col-md-12 text-center">
				<h3 class="mywork-subheading">Wikipedia Viewer</h3>

				<img class="work-preview" src="{{ "/photos/wikipedia_viewer.png" | prepend: site.baseurl }}" alt="Wikipedia Viewer">
					<p>Part of the <a href="https://www.freecodecamp.com">FreeCodeCamp</a> front end project.</p>

					<p><a href="http://pinglinh.com/wikipedia_viewer/">See live project</a></p>
					<p><a href="https://github.com/pinglinh/wikipedia_viewer">GitHub repository</a></p>
			</div>

			<div class="col-md-12 text-center">
				<h3 class="mywork-subheading">Weather App</h3>

				<img class="work-preview" src="{{ "/photos/weather_app_giphy.gif" | prepend: site.baseurl }}" alt="Weather App">
					<p>Part of the <a href="https://www.freecodecamp.com">FreeCodeCamp</a> front end project.</p>

					<p><a href="http://pinglinh.com/weather_app/">See live project</a></p>
					<p><a href="https://github.com/pinglinh/weather_app">GitHub repository</a></p>
			</div>


			<!-- <div class="col-md-6 text-center">
				<h3 class="mywork-subheading">Other Project</h3>

				<img class="work-preview" src="http://placehold.it/450x250">
					<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eius veritatis impedit vero recusandae, dignissimos eveniet atque doloremque ullam unde, consequuntur quas voluptas, tenetur pariatur quae minus hic incidunt facere, molestiae. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sequi nulla assumenda accusamus esse obcaecati beatae, illum commodi ea ipsam dolores officiis dignissimos officia porro, fugit quisquam mollitia? Velit itaque, ducimus.</p>
			</div> -->
		</div>
	</div>