updating shrimp
This commit is contained in:
parent
a7715f6d0e
commit
ba1f9d64fb
@ -1,8 +1,8 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="en-CA">
|
<html lang="en-CA">
|
||||||
<head>
|
<head>
|
||||||
<title>🦐🦐🦐</title>
|
<title>Dive into Seafood Delights</title>
|
||||||
<link rel="icon" type="image/x-icon" href="./ss.ico">
|
<link rel="icon" type="image/x-icon" href="./shrimpmoji.ico">
|
||||||
<link rel="stylesheet" href="shrimpy-styles.css"/>
|
<link rel="stylesheet" href="shrimpy-styles.css"/>
|
||||||
<script type="module">
|
<script type="module">
|
||||||
import { getProjectData, scrollToProjects} from "./shrimply-the-best.js"
|
import { getProjectData, scrollToProjects} from "./shrimply-the-best.js"
|
||||||
|
|||||||
@ -12,9 +12,9 @@ export const projects = {
|
|||||||
We are consulting with experts in biology where necessary to ensure accuracy to the real world.
|
We are consulting with experts in biology where necessary to ensure accuracy to the real world.
|
||||||
`,
|
`,
|
||||||
images: {
|
images: {
|
||||||
left: {src:"biotama2.png",alt:"alt1"},
|
left: {src:"biotama2.png",alt:"mother tree with a river and cliffs in the background"},
|
||||||
right: {src:"biotama3.png",alt:"alt2"},
|
right: {src:"biotama3.png",alt:"inside of an old brick house looking out the door onto a path leading to a bridge"},
|
||||||
central: {src:"biotama1.png",alt:"alt3"},
|
central: {src:"biotama1.png",alt:"top down view of the mother tree and greenery"},
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
"htp":{
|
"htp":{
|
||||||
@ -24,9 +24,9 @@ export const projects = {
|
|||||||
Which will then in turn let you HACK THE PLANET! <br/>
|
Which will then in turn let you HACK THE PLANET! <br/>
|
||||||
<a href='https://megsum.itch.io/hack-the-planet'> Try it out!</a>`,
|
<a href='https://megsum.itch.io/hack-the-planet'> Try it out!</a>`,
|
||||||
images: {
|
images: {
|
||||||
left: {src:"htp1.png",alt:""},
|
left: {src:"htp1.png",alt:"visual puzzle with different colours"},
|
||||||
right: {src:"htp2.png",alt:""},
|
right: {src:"htp2.png",alt:"the player character standing surrounded by various text characters"},
|
||||||
central: {src:"htp3.png",alt:""},
|
central: {src:"htp3.png",alt:"top down camera view of a black screen with hex codes randomly placed"},
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
}
|
}
|
||||||
@ -26,5 +26,5 @@ export function scrollToProjects(){
|
|||||||
|
|
||||||
export function createShrimpFooter() {
|
export function createShrimpFooter() {
|
||||||
const footer = document.getElementById("shrimp-gif");
|
const footer = document.getElementById("shrimp-gif");
|
||||||
footer.innerHTML = "<img src='./assets/dance-shrimp-dance.gif'>".repeat(10);
|
footer.innerHTML = "<img src='./assets/dance-shrimp-dance.gif' alt='a shrimp dancing'>".repeat(10);
|
||||||
}
|
}
|
||||||
BIN
shrimpmojo.ico
Normal file
BIN
shrimpmojo.ico
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
@ -104,10 +104,11 @@ body {
|
|||||||
|
|
||||||
#shrimp-gif {
|
#shrimp-gif {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
flex-flow: row wrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
#shrimp-gif > * {
|
#shrimp-gif > * {
|
||||||
width:30%;
|
width:50%;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (orientation: portrait) {
|
@media screen and (orientation: portrait) {
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user