60 lines
1.9 KiB
HTML
Executable File
60 lines
1.9 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, itsRainingShrimp} from "./shrimply-the-best.js"
|
|
window.getProjectData = getProjectData;
|
|
window.itsRainingShrimp = itsRainingShrimp;
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<div id="shrimply-the-rain"></div>
|
|
<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 id="seafoodDelightsBtn" type="button">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 id='biotama'>BIOTAMA</div>
|
|
<div id='htp'>HACK THE PLANET</div>
|
|
</section>
|
|
<section id="shrimp-project-content">
|
|
<div class="upper">
|
|
<img id="image-left" class="smol-image"/>
|
|
<div id="project-content"></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>
|
|
|
|
|
|
<!--
|
|
|
|
todo list
|
|
- more shrimpy font
|
|
- shrimp profiles (about us)
|
|
- menu i guess, hamburger, but the lines are waves
|
|
- animations
|
|
- shirmp cursor for hover
|
|
- clean up click handling
|
|
- try it out into button
|
|
--> |