From 2797d05389cb7c9f6d8427fa09562563075baf27 Mon Sep 17 00:00:00 2001 From: Derek Holloway Date: Sun, 20 Jul 2025 19:18:14 -0700 Subject: [PATCH] Create layout for homepage --- src/Client/src/app/app.css | 2 +- .../app/pages/main/home/home.component.css | 48 +++++++++ .../app/pages/main/home/home.component.html | 102 +++++++++++++----- src/Client/src/styles.css | 2 +- 4 files changed, 128 insertions(+), 26 deletions(-) diff --git a/src/Client/src/app/app.css b/src/Client/src/app/app.css index 1afe8cc..f8bee69 100644 --- a/src/Client/src/app/app.css +++ b/src/Client/src/app/app.css @@ -44,7 +44,7 @@ .active { background-color: #00000010; - color: var(--Mistox-Bright); + color: var(--Mistox-Frame); } .nav-button-login { diff --git a/src/Client/src/app/pages/main/home/home.component.css b/src/Client/src/app/pages/main/home/home.component.css index e69de29..1b670c7 100644 --- a/src/Client/src/app/pages/main/home/home.component.css +++ b/src/Client/src/app/pages/main/home/home.component.css @@ -0,0 +1,48 @@ +.center-frame { + margin: 0 200px; + width: calc(100% - 400px); +} + +.content-frame { + display: flex; + flex-direction: row; + justify-content: space-between; + width: 100%; +} + +.content-frame:nth-child(even) { + flex-direction: row-reverse; +} + +.floating-frame { + width: 450px; + background-color: var(--Mistox-Frame); + padding: 20px; + margin: 20px 0; + border: 1px solid #000; + border-radius: 10px; +} + +.title-block { + margin: 0; + margin-bottom: 20px; + white-space: nowrap; + text-align: center; + font-size: 0.8rem; +} + +.title-block h1 { + margin: 0; +} + +hr { + width: 90%; + margin: 20px 5%; +} + +.solution-frame { + height: 200px; + background-color: blueviolet; + width: calc(100% - 515px); + margin: 20px 0; +} \ No newline at end of file diff --git a/src/Client/src/app/pages/main/home/home.component.html b/src/Client/src/app/pages/main/home/home.component.html index 9141b33..d36ac97 100644 --- a/src/Client/src/app/pages/main/home/home.component.html +++ b/src/Client/src/app/pages/main/home/home.component.html @@ -1,27 +1,81 @@ -
-

Death by a thousand slops

- - If you were a company and wanted to go through your applications. Today that is near impossible with the - thousands of auto applications. - - - We have multiple measures in place to stop applicants from applying with outside tools. Making it faster to apply - and easier for companies to filter for what they need. - -
+
+
+
+
+

death by a thousand applicants

+
+
+

Everyone’s applying to everything. With automation tools, job seekers blast out hundreds of applications in minutes.

+

It’s turned the job market into noise — a flood of résumés that no recruiter can realistically sift through.

+

Volume wins the race, but nobody’s really being heard.

+
+
+
-
-

AI Resume's

- - If you were to be going through resumes and see that they were all made with AI - You would start using AI to filter your resumes. - -
+
+
-
-

AI Resume's

- - If you were to be going through resumes and see that they were all made with AI - You would start using AI to filter your resumes. - +
+
+
+

keyword frenzie

+
+
+

AI is scanning your resume, not a human. And it’s not looking for personality — it’s hunting for keywords.

+

In today’s job market, crafting a resume isn’t about telling your story. It’s about guessing the right terms an algorithm wants to see.

+

It’s no longer about standing out — it’s about fitting the filter.

+
+
+
+ +
+
+ +
+
+
+

response black-hole

+
+
+

Companies are overwhelmed, and most simply don’t have the time to respond to every application.

+

With hundreds — sometimes thousands — of resumes coming in for a single role, even automated responses fall short.

+

Silence isn't personal. It’s just capacity.

+
+
+
+ +
+
+ +
+
+
+

zombie postings

+
+
+

Not every job posting is real. Some listings stay up long after the role is filled — or worse, never existed in the first place.

+

These "zombie listings" inflate the perception of a healthy job market or act as bait to collect resumes and personal data.

+

You're not always applying — sometimes you're just feeding the machine.

+
+
+
+ +
+
+ +
+
+
+

caveman tools

+
+
+

Hiring tools haven't kept up. Most companies still rely on outdated systems to manage a flood of modern, automated applications.

+

What should be a streamlined process turns into digital clutter — messy dashboards, keyword roulette, and missed talent.

+

The tools are broken, but the workload keeps growing.

+
+
+
+ +
+
\ No newline at end of file diff --git a/src/Client/src/styles.css b/src/Client/src/styles.css index b37f794..99bb268 100644 --- a/src/Client/src/styles.css +++ b/src/Client/src/styles.css @@ -5,7 +5,7 @@ --Mistox-Medium: #890620; --Mistox-Light: #B6465F; --Mistox-Bright: #FC440F; - --Mistox-Frame: #ff000078; + --Mistox-Frame: #FF5A00CC; --Mistox-Button: #ff9999; --Mistox-Button-Hover: #ff999977; --Mistox-White: #FFF;