From 767b3fd315e7457ad4045cd070df7604ba135a3f Mon Sep 17 00:00:00 2001 From: NLChung9 <55558755+NewtonLC@users.noreply.github.com> Date: Mon, 3 Jun 2024 19:37:55 -0700 Subject: [PATCH 1/2] Added Progress Bar assets -Added the 3 PNG's and made them function within the project --- assets/images/FireBackground_Pixelart.png | Bin 0 -> 6483 bytes assets/images/SpaceBackground_Pixelart.png | Bin 0 -> 9660 bytes assets/images/Spaceship_Pixelart.png | Bin 0 -> 951 bytes assets/scripts/ProjectCard.js | 32 ++++++++++++++++----- 4 files changed, 25 insertions(+), 7 deletions(-) create mode 100644 assets/images/FireBackground_Pixelart.png create mode 100644 assets/images/SpaceBackground_Pixelart.png create mode 100644 assets/images/Spaceship_Pixelart.png diff --git a/assets/images/FireBackground_Pixelart.png b/assets/images/FireBackground_Pixelart.png new file mode 100644 index 0000000000000000000000000000000000000000..9d3f8281b18ee634b1564269c6d24fe665afe9df GIT binary patch literal 6483 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 .progress-bar-fill { - width: 12%; + position: absolute; height: 100%; - background-color: rgb(0, 128, 122); + background-image: url('assets/images/FireBackground_Pixelart.png'); + background-size: 100% cover; + background-position: center; + background-repeat: no-repeat; text-align: center; color: white; } + .progress-bar > .cursor { + position: absolute; + height: 100%; + width: 12%; + background-image: url('assets/images/Spaceship_Pixelart.png'); + background-size: 100% 100%; + background-position: center; + background-repeat: no-repeat; + } /** * accessibility: 3 stages @@ -208,6 +223,9 @@ class ProjectCard extends HTMLElement {
${data.progress || 0}%
+
From 746d33d3d939b274f0d284c2a0efbd5af3528739 Mon Sep 17 00:00:00 2001 From: NLChung9 <55558755+NewtonLC@users.noreply.github.com> Date: Wed, 5 Jun 2024 12:57:24 -0700 Subject: [PATCH 2/2] Update homepage.css --- assets/styles/homepage.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/assets/styles/homepage.css b/assets/styles/homepage.css index d591511..95adeab 100644 --- a/assets/styles/homepage.css +++ b/assets/styles/homepage.css @@ -18,7 +18,7 @@ body, html { box-sizing: border-box; height: 100%; font-family: 'Arial', sans-serif; /* Temporary */ - background: url('assets/images/space-background.jpg') no-repeat center center fixed; /* Add the starry background image */ + background: url('../images/background.jpg') no-repeat center center fixed; /* Add the starry background image */ background-size: cover; min-height: 500px; }