ShrimpSquad/ShrimpDelightSite
3
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

cool waves my dude

Browse Source
This commit is contained in:
Lah Shrimp 2026-03-04 15:36:18 -07:00
parent ba1f9d64fb
commit dfcab34491
3 changed files with 6 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
assets/waves-border.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 888 B

2
index.html
View File

@ -54,7 +54,7 @@ todo list
- more shrimpy font - more shrimpy font
- silly cookie bar (maybe) - silly cookie bar (maybe)
- shrimp profiles (about us) - shrimp profiles (about us)
- menu i guess - menu i guess, hamburger, but the lines are waves
- animations - animations
- shirmp cursor for hover - shirmp cursor for hover
- shrimp rain when button - shrimp rain when button

7
shrimpy-styles.css
View File

@ -68,7 +68,9 @@ body {
display: flex; display: flex;
gap: 20px; gap: 20px;
justify-content: space-evenly; justify-content: space-evenly;
background-color: var(--ashy-shrimp); border-image: url("./assets/waves-border.png") 27 fill / 15px / 15px 0 0 0 round;
position:relative;
color: var(--tangerine-dream-shrimp);
} }
#shrimp-project-content { #shrimp-project-content {
@ -82,6 +84,7 @@ body {
#shrimp-project-content .upper{ #shrimp-project-content .upper{
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
gap: 10px;
} }
#shrimp-project-content .upper > * { #shrimp-project-content .upper > * {
@ -94,7 +97,7 @@ body {
} }
#shrimp-project-content .smol-image{ #shrimp-project-content .smol-image{
width: 40%; width: 30%;
} }
#shrimp-project-content #image-central { #shrimp-project-content #image-central {