diff --git a/favicon.ico b/images/favicon.ico similarity index 100% rename from favicon.ico rename to images/favicon.ico diff --git a/index.html b/index.html index a8e4d3f..d066a68 100644 --- a/index.html +++ b/index.html @@ -1,18 +1,24 @@ + - + + Badge Showcase 2022 + - + + +
@@ -21,6 +27,7 @@
+

3D Modeling

@@ -48,6 +55,8 @@
Vedanth's Room
+ +

MakeCode Arcade

@@ -87,32 +96,39 @@
Ash: ASH SPACE
+ +

Minecraft Marvel

- Easton's Maze-Solver - open_in_new + Easton's Maze-Solver + open_in_new
+ +

Roblox Rebel

- Weinan's Landmarks - open_in_new + Weinan's Landmarks + open_in_new
+ +

Web Dev 1

- Kade's Website - open_in_new - + Kade's Website open_in_new
Ethan's Website - open_in_new + open_in_new
@@ -120,4 +136,4 @@
- \ No newline at end of file diff --git a/main.css b/main.css index 4dbfbba..219ce1f 100644 --- a/main.css +++ b/main.css @@ -60,6 +60,7 @@ h5 { } .container { + /* 2x2 grid system */ margin: 20px auto; background-color: #fff; display: grid; @@ -70,6 +71,7 @@ h5 { } .container .box { + /* each individual box inside the grid */ padding: 20px; background-color: #eee; height: fit-content; @@ -79,13 +81,16 @@ h5 { } div .container { + /* fix scaling on thin screens */ --bs-gutter-x: 2vw; } .Sirv { + /* padding between 3D model embed and lower text */ padding-bottom: 10px; } iframe { + /* padding between makeCode embed and lower text */ padding-bottom: 10px; } \ No newline at end of file