61 lines
2.0 KiB
HTML
Executable File
61 lines
2.0 KiB
HTML
Executable File
<!DOCTYPE html>
|
|
<html lang="en-CA">
|
|
<head>
|
|
<title>Dive into Seafood Delights</title>
|
|
<link rel="icon" type="image/x-icon" href="./shrimpmoji.ico">
|
|
<link rel="stylesheet" href="shrimpy-styles.css"/>
|
|
<script type="module">
|
|
import { getProjectData, scrollToProjects} from "./shrimply-the-best.js"
|
|
window.getProjectData = getProjectData;
|
|
window.scrollToProjects = scrollToProjects;
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<section class="we-are-shrimp-squad">
|
|
<img src="assets/shrimp.png"/>
|
|
SHRIMP SQUAD
|
|
<img class="flip" src="assets/shrimp.png"/>
|
|
</section>
|
|
<section>
|
|
<div class="shrimp-info">
|
|
<div> We are Shrimp Squad and we make things. There's no project we can't mantis punch. Shrimply take a look at what we're known for.</div>
|
|
<button type="button" onclick="scrollToProjects()">Dive into Seafood Delights</button>
|
|
</div>
|
|
</section>
|
|
<section class="shrimp-hero">
|
|
<img src="assets/hero-shrimp.png"/>
|
|
</section>
|
|
<section class="shrimp-projects">
|
|
<section class="shrimp-project-list">
|
|
<div onclick="getProjectData('biotama')">BIOTAMA</div>
|
|
<div onclick="getProjectData('htp')">HACK THE PLANET</div>
|
|
</section>
|
|
<section id="shrimp-project-content">
|
|
<div class="upper">
|
|
<img id="image-left" class="smol-image"/>
|
|
<div><p id="project-content"></p></div>
|
|
<img id="image-right" class="smol-image"/>
|
|
</div>
|
|
<img id="image-central"/>
|
|
</section>
|
|
</section>
|
|
<section class="footer">
|
|
<div id="shrimp-gif"></div>
|
|
</section>
|
|
</body>
|
|
</html>
|
|
|
|
|
|
<!-- cookies? we only offer shrimp
|
|
Turn dive into seafood delights into a cookies bar popup?
|
|
|
|
todo list
|
|
- style text in game descriptions
|
|
- more shrimpy font
|
|
- silly cookie bar (maybe)
|
|
- shrimp profiles (about us)
|
|
- menu i guess
|
|
- animations
|
|
- shirmp cursor for hover
|
|
- shrimp rain when button
|
|
--> |