From 38c20ec99a5b9af57794180d2332a0e31dec7119 Mon Sep 17 00:00:00 2001 From: Stephanie Gredell Date: Sat, 16 Nov 2024 04:41:29 -0500 Subject: [PATCH] flatten css classes and move css to own file --- assets/css/welcome.css | 71 ++++++++++++++++++++++ templates/welcome.html | 132 +++++++++-------------------------------- 2 files changed, 100 insertions(+), 103 deletions(-) create mode 100644 assets/css/welcome.css diff --git a/assets/css/welcome.css b/assets/css/welcome.css new file mode 100644 index 0000000..d14b87b --- /dev/null +++ b/assets/css/welcome.css @@ -0,0 +1,71 @@ +.dashboard-container { + max-width: 1200px; + margin: 0 auto; + padding: 20px; +} + +.welcome { + text-align: center; + margin-bottom: 30px; +} + +.welcome-title { + color: #457b9d; + margin-bottom: 10px; +} + +.tagline { + font-size: 1.2em; + color: #495057; +} + +.section { + margin-bottom: 40px; + padding: 20px; + border-radius: 8px; +} + +.section-title { + color: #457b9d; + margin-bottom: 20px; + text-align: center; +} + +.cards { + display: grid; + grid-template-columns: repeat(2, 1fr); /* Two columns layout */ + gap: 20px; /* Space between cards */ +} + +.card { + background-color: #ffffff; + border-radius: 8px; + box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); + padding: 15px; + text-align: center; +} + +.card-title { + margin: 0 0 10px 0; + color: #495057; +} + +.card-content { + font-size: 0.9em; + color: #666; + margin-bottom: 15px; +} + +.card-button { + padding: 10px 20px; + border: none; + border-radius: 5px; + background-color: #a3c1ad; + color: white; + font-size: 1em; + cursor: pointer; +} + +.card-button:hover { + background-color: #91a4b1; +} \ No newline at end of file diff --git a/templates/welcome.html b/templates/welcome.html index 5345934..6766316 100644 --- a/templates/welcome.html +++ b/templates/welcome.html @@ -4,140 +4,66 @@ + Dashboard - {{template "pageheader" . }}
-

Welcome, Codegirl007!

-

Find your path, fund futures, or inspire a community today.

+

Welcome, Codegirl007!

+

Find your path, fund futures, or inspire a community today.

-

Build Your Tech Future

+

Build Your Tech Future

-

Your Wishlist

-

Track your certifications and courses. Update or add goals to keep your community engaged.

- +

Your Wishlist

+

Track your certifications and courses. Update or add goals to keep your community engaged.

+
-

Community Opportunities

-

Join upcoming hackathons or community events to grow your skills and network.

- +

Community Opportunities

+

Join upcoming hackathons or community events to grow your skills and network.

+
-

Learning Resources

-

Access curated tutorials, guides, and practice challenges to enhance your skills.

- +

Learning Resources

+

Access curated tutorials, guides, and practice challenges to enhance your skills.

+
-

Connect with Mentors

-

Get advice and guidance from experienced professionals to boost your learning journey.

- +

Connect with Mentors

+

Get advice and guidance from experienced professionals to boost your learning journey.

+
-

Help Make Dreams Happen

+

Help Make Dreams Happen

-

Fund a Goal

-

Choose a learner’s wishlist item and contribute to their education journey.

- +

Fund a Goal

+

Choose a learner’s wishlist item and contribute to their education journey.

+
-

Host or Sponsor a Hackathon

-

Support innovation by organizing or sponsoring a hackathon for the community.

- +

Host or Sponsor a Hackathon

+

Support innovation by organizing or sponsoring a hackathon for the community.

+
-

Support a Streamer

-

Boost streamers who are funding education for members of their community.

- +

Support a Streamer

+

Boost streamers who are funding education for members of their community.

+
-

Track Your Impact

-

See the difference your contributions are making through real-time progress updates.

- +

Track Your Impact

+

See the difference your contributions are making through real-time progress updates.

+