Skip to content

Commit

Permalink
Merge pull request 0xFloyd#11 from 0xFloyd/heroku-22-update
Browse files Browse the repository at this point in the history
update to heroku 22
  • Loading branch information
0xFloyd authored Aug 22, 2022
2 parents 7460700 + fd627f7 commit 32ebc88
Show file tree
Hide file tree
Showing 9 changed files with 7,729 additions and 2,408 deletions.
8 changes: 4 additions & 4 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,12 +1,12 @@
# Ryan Floyd's Portfolio
# Portfolio 2020

This was my quarantine project! I decided to revamp my portfolio into an interactive 3D world built using [Three.js](https://github.com/mrdoob/three.js) for graphics ( WebGL under the hood) and [Ammo.js](https://github.com/kripken/ammo.js), a port of the [Bullet physics engine](https://pybullet.org/wordpress/) to JavaScript. I had an absolute blast making this!
As a quarantine project, I wanted to learn 3D web development, and decided to revamp my portfolio into an interactive 3D world built using [Three.js](https://github.com/mrdoob/three.js) and [Ammo.js](https://github.com/kripken/ammo.js), a port of the [Bullet physics engine](https://pybullet.org/wordpress/) to JavaScript. I had an absolute blast making this!

Try it out! [https://www.ryan-floyd.com/](https://www.ryan-floyd.com/)

I wrote an article explaining the site [here](https://dev.to/mrryanfloyd/create-an-interactive-3d-portfolio-website-that-stands-out-to-employers-47gc)
I wrote an article explaining the site [here](https://dev.to/0xfloyd/create-an-interactive-3d-portfolio-website-that-stands-out-to-employers-47gc)

![alt text](/ryan_floyd_portfolio_gif.gif)
![alt text](/portfolio_2020.gif)

## Motivation

Expand Down
7 changes: 3 additions & 4 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -21,8 +21,8 @@

<link rel="icon" href="favicon.ico" />
<link rel="alternate" type="application/json+oembed" href="%PUBLIC_URL%/website-screenshot.png"/>
<meta property="og:title" content="Ryan Floyd's Portfolio" />
<meta property="og:description" content="The personal website of Ryan Floyd"/>
<meta property="og:title" content="Portfolio 2020" />
<meta property="og:description" content="Portfolio 2020"/>
<meta property="og:url" content="www.ryan-floyd.com" />
<meta name="image" property="og:image" content="https://ryanfloyd-dev.herokuapp.com/website-screenshot.png"/>

Expand All @@ -31,7 +31,7 @@
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<link href="https://fonts.googleapis.com/css2?family=Roboto&display=swap" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="style.css" />
<title>Ryan Floyd's Portfolio</title>
<title>Portfolio 2020</title>
</head>
<body id="document-body">
<!-- Google Tag Manager (noscript) -->
Expand All @@ -42,7 +42,6 @@
<div id="joystick-wrapper"></div>
<div class="fadeOutDiv preload-overlay" id="preload-overlay">
<div class="start-page-content-div fadeOutDiv">
<h1 class="ryan-text postload fadeOutDiv">Hi, I'm <span class="yellow-text">Ryan Floyd!</span></h1>
<h1 class="postload start-page-text interactive-site-text fadeOutDiv">This is an interactive 3D site built with Three.js!</h1>
<h1 id="appDirections" class="start-page-text joystick-directions-text postload fadeOutDiv">Move the ball around with the arrow keys on the keyboard.</h1>
<button id="start-button" class="postload fadeOutDiv">EXPLORE</button>
Expand Down
Loading

0 comments on commit 32ebc88

Please sign in to comment.