GeoRETRO| 1UP for NASA Earth

Team Updates

<!DOCTYPE html>
<htmllang="en">
<head>
<metacharset="UTF-8">
<metaname="viewport" content="width=device-width, initial-scale=1.0">
<metahttp-equiv="X-UA-Compatible" content="ie=edge">
<title>GeoRETRO Memory Matching Game</title>
<linkrel="stylesheet" href="style.css">
</head>
<body>
<header>
<h1>GeoRETRO Memory Game <span></h1>
<spanclass="tool-tip">
<buttonaria-label="how to play" onClick="openHelpModal()">
<svgwidth="40" height="40">
<circlecx="20" cy="20" r="15" stroke-width="2" fill="#000000" />
<textx="50%" y="50%" text-anchor="middle" fill="white" font-size="1em" dy=".4em">❓</text>
❓
</svg>
</button>
<spanclass="tool-tip-text">How to Play</span>
</span>
</header>
<main>
<sectionstyle="background-image: url('./img/space.jpg');">
<divclass="game-status-details">
<divclass="rating">
<spanclass="star">🌟</span>
<spanclass="star">🌟</span>
<spanclass="star">🌟</span>
<spanclass="star">🌟</span>
<spanclass="star">🌟</span>
</div>
<spanclass="move-counter" id="moveCounter"></span>
<spanclass="timer" id="timer">0 mins 0 secs</span>
<buttonclass="restart-btn" id="restartBtn" onClick="startGame()" aria-label="restart game">↻</button>
</div>
<tableclass="game-board">
<tbodyclass="game-grid">
<trclass="game-grid-row">
<tdclass="game-card">
<imgclass="game-card-img" src="img/1.jpg" alt="cake1">
</td>
<tdclass="game-card">
<imgclass="game-card-img" src="img/2.jpg" alt="cake2">
</td>
<tdclass="game-card">
<imgclass="game-card-img" src="img/3.jpg" alt="cake3">
</td>
<tdclass="game-card">
<imgclass="game-card-img" src="img/4.jpg" alt="cake4">
</td>
</tr>
<trclass="game-grid-row">
<tdclass="game-card">
<imgclass="game-card-img" src="img/5.jpg" alt="cake5">
</td>
<tdclass="game-card">
<imgclass="game-card-img" src="img/6.jpg" alt="cake6">
</td>
<tdclass="game-card">
<imgclass="game-card-img" src="img/7.jpg" alt="cake7">
</td>
<tdclass="game-card">
<imgclass="game-card-img" src="img/8.jpg" alt="cake8">
</td>
</tr>
<trclass="game-grid-row">
<tdclass="game-card">
<imgclass="game-card-img" src="img/1.jpg" alt="cake1">
</td>
<tdclass="game-card">
<imgclass="game-card-img" src="img/2.jpg" alt="cake2">
</td>
<tdclass="game-card">
<imgclass="game-card-img" src="img/3.jpg" alt="cake3">
</td>
<tdclass="game-card">
<imgclass="game-card-img" src="img/4.jpg" alt="cake4">
</td>
</tr>
<trclass="game-grid-row">
<tdclass="game-card">
<imgclass="game-card-img" src="img/5.jpg" alt="cake5">
</td>
<tdclass="game-card">
<imgclass="game-card-img" src="img/6.jpg" alt="cake6">
</td>
<tdclass="game-card">
<imgclass="game-card-img" src="img/7.jpg" alt="cake7">
</td>
<tdclass="game-card">
<imgclass="game-card-img" src="img/8.jpg" alt="cake8">
</td>
</tr>
</tbody>
</table>
<divclass="restart-button-div">
<buttonclass="restart-button brown-button" id="restartButton" onClick="startGame()">Restart ↻</button>
</div>
view raw gameboard.html hosted with ❤ by GitHub
I
Isaac Miti
Are they matching?
Are they matching?
I
Isaac Miti