246 lines
8.8 KiB
HTML
246 lines
8.8 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
|
<title>Dominic DiTaranto - Portfolio</title>
|
|
<link rel="stylesheet" href="./assets/css/style.css">
|
|
|
|
<script type="text/javascript" src="./assets/js/renderer.js" defer></script>
|
|
<script type="text/javascript" src="./assets/js/constants.js" defer></script>
|
|
<script type="text/javascript" src="./assets/js/player.js" defer></script>
|
|
<script type="text/javascript" src="./assets/js/window.js" defer></script>
|
|
<script type="text/javascript" src="./assets/js/terminal.js" defer></script>
|
|
<script type="text/javascript" src="./assets/js/games.js" defer></script>
|
|
<script type="text/javascript" src="./assets/js/music.js" defer></script>
|
|
<script type="text/javascript" src="./assets/js/resume.js" defer></script>
|
|
<script type="text/javascript" src="./assets/js/portfolio.js" defer></script>
|
|
<script type="text/javascript" src="./assets/js/dialog.js" defer></script>
|
|
<script type="text/javascript" src="./assets/js/indicator.js" defer></script>
|
|
<script type="text/javascript" src="./assets/js/keystroke.js" defer></script>
|
|
<script type="text/javascript" src="./assets/js/app.js" defer></script>
|
|
</head>
|
|
|
|
<body>
|
|
<div class="outer-container">
|
|
<div class="container">
|
|
<h1 style="margin-bottom: -3px;">Dominic DiTaranto</h1>
|
|
Software Developer & Architect
|
|
</div>
|
|
<div class="container">
|
|
<canvas id="canvas"></canvas>
|
|
|
|
<span class="indicator" id='resume-indicator'></span>
|
|
<span class="indicator" id='portfolio-indicator'></span>
|
|
<span class="indicator" id='computer-indicator'></span>
|
|
<span class="indicator" id='tv-indicator'></span>
|
|
<span class="indicator" id='guitar-indicator'></span>
|
|
|
|
<div class="dialog" id="dialog">
|
|
<span id="dialog-text"></span>
|
|
<div class="enter-indicator">PRESS ENTER</div>
|
|
</div>
|
|
|
|
<!-- Terminal -->
|
|
<div class="window-container" id="term-container">
|
|
<div class="window-bar">
|
|
<div style="float:inline-start;">
|
|
💻 Terminal
|
|
</div>
|
|
<div style="float:inline-end;">
|
|
<button class="close-button" onclick="terminal.hide()">X</button>
|
|
</div>
|
|
<div style="clear:both;"></div>
|
|
</div>
|
|
<div id="term">
|
|
DD-Term 1.0.0 (main, Dec 14 2025, 23:35:36) on javascript <br>
|
|
Type "help" for more information.<br>
|
|
<div id="prompt-container" class="prompt-container"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Resume -->
|
|
<div class="window-container" id="resume-container">
|
|
<div class="window-bar">
|
|
<div style="float:inline-start;">
|
|
📄 Resume
|
|
</div>
|
|
<div style="float:inline-end;">
|
|
<button class="close-button" onclick="resume.hide()">X</button>
|
|
</div>
|
|
<div style="clear:both;"></div>
|
|
</div>
|
|
<div id="resume">
|
|
Resume placeholder
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Portfolio -->
|
|
<div class="window-container" id="portfolio-container">
|
|
<div class="window-bar">
|
|
<div style="float:inline-start;">
|
|
💼 Portfolio
|
|
</div>
|
|
<div style="float:inline-end;">
|
|
<button class="close-button" onclick="portfolio.hide()">X</button>
|
|
</div>
|
|
<div style="clear:both;"></div>
|
|
</div>
|
|
<div id="portfolio">
|
|
Portfolio placeholder
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Music -->
|
|
<div class="window-container" id="music-container">
|
|
<div class="window-bar">
|
|
<div style="float:inline-start;">
|
|
🎸 Music
|
|
</div>
|
|
<div style="float:inline-end;">
|
|
<button class="close-button" onclick="music.hide()">X</button>
|
|
</div>
|
|
<div style="clear:both;"></div>
|
|
</div>
|
|
<div id="music" class="music-inner-container">
|
|
<center>
|
|
<div id="album-thumb">
|
|
<img id="album-art" src="./assets/img/thumbnails/shrinkinminkin.jpg" alt=""><br>
|
|
<div class="audio-controls">
|
|
<span onclick="music.prev()">⏮</span>
|
|
<span onclick="music.resume()">▶</span>
|
|
<span onclick="music.pause()">⏸</span>
|
|
<span onclick="music.next()">⏭</span>
|
|
</div>
|
|
Currently Playing: <span id="currently-playing">None</span>
|
|
<br>
|
|
<br>
|
|
|
|
</div>
|
|
<table>
|
|
<tr>
|
|
<th>Song</th>
|
|
<th>Artist</th>
|
|
<th>Album</th>
|
|
<th>Actions</th>
|
|
</tr>
|
|
<tr>
|
|
<td>Down Polypore Wood</td>
|
|
<td>shrinkin-minkin</td>
|
|
<td>Tyrannizing Harmonics</td>
|
|
<td><a href="#" onclick="music.play('Down Polypore Wood')">play</a></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Sneaking Out Alone</td>
|
|
<td>shrinkin-minkin</td>
|
|
<td>Tyrannizing Harmonics</td>
|
|
<td><a href="#" onclick="music.play('Sneaking Out Alone')">play</a></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Ritual Dance of The...</td>
|
|
<td>shrinkin-minkin</td>
|
|
<td>Tyrannizing Harmonics</td>
|
|
<td><a href="#" onclick="music.play('Ritual Dance of The Cavern Walls Cult')">play</a></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Tatari</td>
|
|
<td>Dominic Ditaranto</td>
|
|
<td>Tatari</td>
|
|
<td><a href="#" onclick="music.play('Tatari')">play</a></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Buranko</td>
|
|
<td>Dominic Ditaranto</td>
|
|
<td>Tatari</td>
|
|
<td><a href="#" onclick="music.play('Buranko')">play</a></td>
|
|
</tr>
|
|
<tr>
|
|
<td>New Jersey Again</td>
|
|
<td>Dominic Ditaranto</td>
|
|
<td>Chicago-New Jersey</td>
|
|
<td><a href="#" onclick="music.play('New Jersey Again')">play</a></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Asteroids</td>
|
|
<td>Dominic Ditaranto</td>
|
|
<td>Amphibians And Asteroids</td>
|
|
<td><a href="#" onclick="music.play('Asteroids')">play</a></td>
|
|
</tr>
|
|
</table>
|
|
<span style="font-size: 12px;">
|
|
I am the singer, guitarist and composer for the band <a href="https://shrinkinminkin.com/" target="_blank">shrinkin-minkin</a> <br>All songs by Dominic DiTaranto are from my <a href="https://dominicditaranto.bandcamp.com/" target="_blank">solo project</a>
|
|
</span>
|
|
</center>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Games -->
|
|
<div class="window-container" id="games-container">
|
|
<div class="window-bar">
|
|
<div style="float:inline-start;">
|
|
🕹️ Games
|
|
</div>
|
|
<div style="float:inline-end;">
|
|
<button class="close-button" onclick="games.hide()">X</button>
|
|
</div>
|
|
<div style="clear:both;"></div>
|
|
</div>
|
|
<div id="games" class="games-inner-container">
|
|
Take a break and enjoy the games I have made!
|
|
<br>
|
|
<br>
|
|
<div class="single-game-container" onclick="window.open('https://asteroids.domdit.com', '_blank')">
|
|
<div class="game-thumbnail-container">
|
|
<img src="./assets/img/thumbnails/asteroids.png" alt="">
|
|
</div>
|
|
<div class="game-description-container">
|
|
<u><h3>Asteroids</h3></u>
|
|
<b>Description:</b> Asteroids port with a few extra features like power ups and a space ship that shoots homing missiles at you. <br><br>
|
|
<b>Technology:</b> p5.js, JavaScript
|
|
</div>
|
|
<div style="clear:both;"></div>
|
|
</div>
|
|
|
|
<div class="single-game-container" onclick="window.open('https://sokobanya.domdit.com', '_blank')">
|
|
<div class="game-thumbnail-container">
|
|
<img src="./assets/img/thumbnails/sokobanya.png" alt="">
|
|
</div>
|
|
<div class="game-description-container">
|
|
<u><h3>Sokobanya</h3></u>
|
|
<b>Description:</b> A puzzle game where you are an old man pushing coal onto burners to keep your sauna hot! <br><br>
|
|
<b>Technology:</b> JavaScript
|
|
</div>
|
|
<div style="clear:both;"></div>
|
|
</div>
|
|
|
|
<div class="single-game-container" onclick="window.open('https://git.domdit.com/dominic/scoundrel', '_blank')">
|
|
<div class="game-thumbnail-container">
|
|
<img src="./assets/img/thumbnails/scoundrel.png" alt="">
|
|
</div>
|
|
<div class="game-description-container">
|
|
<u><h3>Scoundrel</h3></u>
|
|
<b>Description:</b> TUI port of the rogue-like card game. I was inspired by Balatro to code a card game for the terminal.<br><br>
|
|
<b>Technology:</b> Python
|
|
</div>
|
|
<div style="clear:both;"></div>
|
|
</div>
|
|
|
|
<div class="single-game-container" onclick="window.open('https://pong.domdit.com', '_blank')">
|
|
<div class="game-thumbnail-container">
|
|
<img src="./assets/img/thumbnails/pong.png" alt="">
|
|
</div>
|
|
<div class="game-description-container">
|
|
<u><h3>Pong</h3></u>
|
|
<b>Description:</b> You know I had to do it. One of my first coding projects, PONG!<br><br>
|
|
<b>Technology:</b> p5.js, JavaScript
|
|
</div>
|
|
<div style="clear:both;"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</body>
|
|
</html>
|