|
|
@@ -1,9 +1,11 @@
|
|
|
<!DOCTYPE html>
|
|
|
<html lang="en">
|
|
|
+
|
|
|
<head>
|
|
|
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
|
|
|
<meta name="description" content="A collection of hobbies and amusing web toys and prototypes." />
|
|
|
- <meta name="keywords" content="eyeofmidas eye of midas game development programmer javascript processing impactjs" />
|
|
|
+ <meta name="keywords"
|
|
|
+ content="eyeofmidas eye of midas game development programmer javascript processing impactjs" />
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
|
<title>EyeOfMidas.com</title>
|
|
|
|
|
|
@@ -64,7 +66,8 @@
|
|
|
<div class="project">
|
|
|
<div class="teaser">
|
|
|
<a href="./rogueengine/vaporwave" target="_blank">
|
|
|
- <img src="./images/vaporwave.png" alt="A 3d rendered scene of a wireframe valley between mountains with a yellow to magenta sunset in the distance."/>
|
|
|
+ <img src="./images/vaporwave.png"
|
|
|
+ alt="A 3d rendered scene of a wireframe valley between mountains with a yellow to magenta sunset in the distance." />
|
|
|
</a>
|
|
|
</div>
|
|
|
<div class="description">
|
|
|
@@ -88,7 +91,8 @@
|
|
|
<div class="project">
|
|
|
<div class="teaser">
|
|
|
<a href="./rogueengine/spacestation" target="_blank">
|
|
|
- <img src="./images/spacestation.png" alt="a 3d rendered scene of a view out the window of a science fiction space station, looking at the Earth."/>
|
|
|
+ <img src="./images/spacestation.png"
|
|
|
+ alt="a 3d rendered scene of a view out the window of a science fiction space station, looking at the Earth." />
|
|
|
</a>
|
|
|
</div>
|
|
|
<div class="description">
|
|
|
@@ -106,15 +110,18 @@
|
|
|
</div>
|
|
|
<div class="description">
|
|
|
<h3><a href="./rogueengine/simcity" target="_blank">Wrecking Ball</a></h3>
|
|
|
- <p>A RogueEngine demo using Rapier physics where you roll a ball around and knock over buildings.</p>
|
|
|
+ <p>A RogueEngine demo using Rapier physics where you roll a ball around and knock over buildings.
|
|
|
+ </p>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="project">
|
|
|
<div class="teaser">
|
|
|
- <a href="http://eyeofmidas.net/honeycomb" target="_blank"><img src="./images/honeycomb.png" alt="a rendered scene of beehives and flowers, with yellow and red bee-balls flying between them"/></a>
|
|
|
+ <a href="http://eyeofmidas.net/honeycomb" target="_blank"><img src="./images/honeycomb.png"
|
|
|
+ alt="a rendered scene of beehives and flowers, with yellow and red bee-balls flying between them" /></a>
|
|
|
</div>
|
|
|
<div class="description">
|
|
|
- <h3><a href="http://eyeofmidas.net/honeycomb" target="_blank">ThreeJS bee-themed Conquest/RTS</a></h3>
|
|
|
+ <h3><a href="http://eyeofmidas.net/honeycomb" target="_blank">ThreeJS bee-themed Conquest/RTS</a>
|
|
|
+ </h3>
|
|
|
<p>A rough prototype to experiment with RTS-style controls in a 3D environment</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -159,11 +166,12 @@
|
|
|
<video autoplay loop style="display: none;">
|
|
|
<source src="./images/weighty_gameplay.mp4" type="video/mp4">
|
|
|
</video>
|
|
|
-</a>
|
|
|
+ </a>
|
|
|
<button class="image-carousel"></button>
|
|
|
</div>
|
|
|
<div class="description">
|
|
|
- <h3><a href="https://github.com/EyeOfMidas/impact-midas" target="_blank">ImpactJS Game Suite</a></h3>
|
|
|
+ <h3><a href="https://github.com/EyeOfMidas/impact-midas" target="_blank">ImpactJS Game Suite</a>
|
|
|
+ </h3>
|
|
|
<p>A few brain-training games made in ImpactJS</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -176,13 +184,16 @@
|
|
|
</a>
|
|
|
</div>
|
|
|
<div class="description">
|
|
|
- <h3><a href="https://eyeofmidas.github.io/canvas-asteroids/asteroids.html" target="_blank">Canvas Asteroids</a></h3>
|
|
|
+ <h3><a href="https://eyeofmidas.github.io/canvas-asteroids/asteroids.html" target="_blank">Canvas
|
|
|
+ Asteroids</a></h3>
|
|
|
<p>A quick tutorial HTML5 Canvas game recreating Asteroids</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="project">
|
|
|
<div class="teaser">
|
|
|
- <a href="https://github.com/EyeOfMidas/text-adventure" target="_blank"><img src="./images/textadventure.png" alt="a black console with descriptive white text, representing a text-based game in the browser" /></a>
|
|
|
+ <a href="https://github.com/EyeOfMidas/text-adventure" target="_blank"><img
|
|
|
+ src="./images/textadventure.png"
|
|
|
+ alt="a black console with descriptive white text, representing a text-based game in the browser" /></a>
|
|
|
</div>
|
|
|
<div class="description">
|
|
|
<h3><a href="https://github.com/EyeOfMidas/text-adventure" target="_blank">Text Adventure</a></h3>
|
|
|
@@ -238,17 +249,21 @@
|
|
|
</div>-->
|
|
|
<div class="project">
|
|
|
<div class="teaser">
|
|
|
- <a href="https://github.com/EyeOfMidas/tavern-name-generator" target="_blank"><img src="./images/tavernname.png" alt="a wooden board with the name of a randomly generated tavern on it: Triangular Bear Pub. A Generate button is displayed below." /></a>
|
|
|
+ <a href="https://github.com/EyeOfMidas/tavern-name-generator" target="_blank"><img
|
|
|
+ src="./images/tavernname.png"
|
|
|
+ alt="a wooden board with the name of a randomly generated tavern on it: Triangular Bear Pub. A Generate button is displayed below." /></a>
|
|
|
</div>
|
|
|
<div class="description">
|
|
|
- <h3><a href="https://github.com/EyeOfMidas/tavern-name-generator" target="_blank">Tavern Name Generator</a></h3>
|
|
|
+ <h3><a href="https://github.com/EyeOfMidas/tavern-name-generator" target="_blank">Tavern Name
|
|
|
+ Generator</a></h3>
|
|
|
<p>A simple generator for making creative D&D themed taverns</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<div class="project">
|
|
|
<div class="teaser">
|
|
|
- <a href="./vgs" target="_blank"><img src="./images/vgs.png" alt="a white page with the instructions Just start typing! Try VGS and a list of various Tribes voice commands" /></a>
|
|
|
+ <a href="./vgs" target="_blank"><img src="./images/vgs.png"
|
|
|
+ alt="a white page with the instructions Just start typing! Try VGS and a list of various Tribes voice commands" /></a>
|
|
|
</div>
|
|
|
<div class="description">
|
|
|
<h3><a href="./vgs" target="_blank">Tribes VGS Audio Chat</a></h3>
|
|
|
@@ -258,7 +273,8 @@
|
|
|
</div>
|
|
|
<div class="project">
|
|
|
<div class="teaser">
|
|
|
- <a href="http://eyeofmidas.net/mudmapper/" target="_blank"><img src="./images/mudmapper.png" alt="A gray field with a set of squiggle-connected white boxes. Each box has the name of a room: temple, street, guild. A drop-down menu shows the ability to add new rooms" /></a>
|
|
|
+ <a href="http://eyeofmidas.net/mudmapper/" target="_blank"><img src="./images/mudmapper.png"
|
|
|
+ alt="A gray field with a set of squiggle-connected white boxes. Each box has the name of a room: temple, street, guild. A drop-down menu shows the ability to add new rooms" /></a>
|
|
|
</div>
|
|
|
<div class="description">
|
|
|
<h3><a href="http://eyeofmidas.net/mudmapper/" target="_blank">Mud Mapper</a></h3>
|
|
|
@@ -344,7 +360,8 @@
|
|
|
</section>
|
|
|
<section id="contact-section">
|
|
|
<h2 id="contact">Contact</h2>
|
|
|
- <img src="https://www.gravatar.com/avatar/ae68a9c7e7e2599bfc3983256513892b?size=300" alt="a portrait of Midas wearing large headphones and round sunglasses. Reflected in the blue mirror sunglasses is a computer screen displaying program code." />
|
|
|
+ <img src="https://www.gravatar.com/avatar/ae68a9c7e7e2599bfc3983256513892b?size=300"
|
|
|
+ alt="a portrait of Midas wearing large headphones and round sunglasses. Reflected in the blue mirror sunglasses is a computer screen displaying program code." />
|
|
|
<ul>
|
|
|
<li>Gmail: eyeofmidas@gmail.com</li>
|
|
|
<li>GTalk: eyeofmidas@gmail.com</li>
|
|
|
@@ -359,7 +376,8 @@
|
|
|
<ul>
|
|
|
<li><a href="/scifi">Science Fiction Short Stories</a></li>
|
|
|
</ul>
|
|
|
- <a href="https://eyeofmidas.com" target="_blank"><img src="./images/eom_linkicon.svg" alt="The Eye of Midas 88x31" /></a>
|
|
|
+ <a href="https://eyeofmidas.com" target="_blank"><img src="./images/eom_linkicon.svg"
|
|
|
+ alt="The Eye of Midas 88x31" /></a>
|
|
|
<p>Website Provided by <a href="http://copperwirehosting.com" target="_blank">Copper Wire Hosting</a></p>
|
|
|
|
|
|
</footer>
|
|
|
@@ -391,19 +409,16 @@
|
|
|
});
|
|
|
</script>
|
|
|
<script type="module" crossorigin src="./night-and-day/assets/index-MyYpA6PZ.js"></script>
|
|
|
+ <!-- Google tag (gtag.js) -->
|
|
|
+ <script async src="https://www.googletagmanager.com/gtag/js?id=G-H4BYTFBKJT"></script>
|
|
|
<script>
|
|
|
- (function (i, s, o, g, r, a, m) {
|
|
|
- i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
|
|
|
- (i[r].q = i[r].q || []).push(arguments)
|
|
|
- }, i[r].l = 1 * new Date(); a = s.createElement(o),
|
|
|
- m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
|
|
|
- })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
|
|
|
-
|
|
|
- ga('create', 'UA-50800317-1', 'eyeofmidas.com');
|
|
|
- ga('send', 'pageview');
|
|
|
+ window.dataLayer = window.dataLayer || [];
|
|
|
+ function gtag() { dataLayer.push(arguments); }
|
|
|
+ gtag('js', new Date());
|
|
|
|
|
|
+ gtag('config', 'G-H4BYTFBKJT');
|
|
|
</script>
|
|
|
</body>
|
|
|
<!-- deploy test 11 -->
|
|
|
|
|
|
-</html>
|
|
|
+</html>
|
