diff --git a/core/__pycache__/urls.cpython-311.pyc b/core/__pycache__/urls.cpython-311.pyc index 1f807fa..babbf4e 100644 Binary files a/core/__pycache__/urls.cpython-311.pyc and b/core/__pycache__/urls.cpython-311.pyc differ diff --git a/core/__pycache__/views.cpython-311.pyc b/core/__pycache__/views.cpython-311.pyc index 6867ddf..330cfe5 100644 Binary files a/core/__pycache__/views.cpython-311.pyc and b/core/__pycache__/views.cpython-311.pyc differ diff --git a/core/templates/base.html b/core/templates/base.html index 788576e..b7db09f 100644 --- a/core/templates/base.html +++ b/core/templates/base.html @@ -6,6 +6,90 @@ {% block head %}{% endblock %} - {% block content %}{% endblock %} + {% load static %} + + + + + + + {% block title %}Job Portal{% endblock title %} + + + + + + + + + + + + + +
+
+
+ + JobPortal + + + + +
+ + +
+
+
+
+ +
+ {% block content %}{% endblock content %} +
+ + + + + + diff --git a/core/templates/core/index.html b/core/templates/core/index.html index 0a3f404..df918cf 100644 --- a/core/templates/core/index.html +++ b/core/templates/core/index.html @@ -1,154 +1,59 @@ -{% extends "base.html" %} +{% extends 'base.html' %} +{% load static %} -{% block title %}{{ project_name }}{% endblock %} - -{% block head %} -{% if project_description %} - - - -{% endif %} -{% if project_image_url %} - - -{% endif %} - - - - -{% endblock %} +{% block title %}Find Your Next Job | Job Portal{% endblock title %} {% block content %} -
-
-

Analyzing your requirements and generating your app…

-
- Loading… +
+
+

Find Your Dream Job Today

+

The best place to discover opportunities and build your career.

+ +
+
+
+ + + +
+
+
-

AppWizzy AI is collecting your requirements and applying the first changes.

-

This page will refresh automatically as the plan is implemented.

-

- Runtime: Django {{ django_version }} · Python {{ python_version }} - — UTC {{ current_time|date:"Y-m-d H:i:s" }} -

-
-
- -{% endblock %} \ No newline at end of file + + +
+
+

Featured Jobs

+
+ {% for job in featured_jobs %} +
+
+
+ +
+

{{ job.title }}

+

{{ job.company }}

+
+
+
+

{{ job.location }}

+ {% if job.type == 'Full-time' %} + {{ job.type }} + {% elif job.type == 'Part-time' %} + {{ job.type }} + {% else %} + {{ job.type }} + {% endif %} +
+
+
+ {% endfor %} +
+
+ Browse All Jobs +
+
+
+{% endblock content %} diff --git a/core/urls.py b/core/urls.py index 6299e3d..8e0d0ae 100644 --- a/core/urls.py +++ b/core/urls.py @@ -1,7 +1,7 @@ from django.urls import path -from .views import home +from .views import index urlpatterns = [ - path("", home, name="home"), + path("", index, name="index"), ] diff --git a/core/views.py b/core/views.py index c9aed12..016d953 100644 --- a/core/views.py +++ b/core/views.py @@ -1,25 +1,53 @@ -import os -import platform - -from django import get_version as django_version from django.shortcuts import render -from django.utils import timezone - -def home(request): - """Render the landing screen with loader and environment details.""" - host_name = request.get_host().lower() - agent_brand = "AppWizzy" if host_name == "appwizzy.com" else "Flatlogic" - now = timezone.now() +def index(request): + # Placeholder data for featured jobs + featured_jobs = [ + { + 'title': 'Senior Frontend Developer', + 'company': 'Innovate Inc.', + 'location': 'New York, NY', + 'type': 'Full-time', + 'logo_initial': 'I' + }, + { + 'title': 'UX/UI Designer', + 'company': 'Creative Solutions', + 'location': 'Remote', + 'type': 'Contract', + 'logo_initial': 'C' + }, + { + 'title': 'Data Scientist', + 'company': 'Analytics Co.', + 'location': 'San Francisco, CA', + 'type': 'Full-time', + 'logo_initial': 'A' + }, + { + 'title': 'Junior Backend Developer', + 'company': 'Tech Starters', + 'location': 'Austin, TX', + 'type': 'Part-time', + 'logo_initial': 'T' + }, + { + 'title': 'Product Manager', + 'company': 'Visionary Products', + 'location': 'Boston, MA', + 'type': 'Full-time', + 'logo_initial': 'V' + }, + { + 'title': 'DevOps Engineer', + 'company': 'Cloud Services Ltd.', + 'location': 'Remote', + 'type': 'Full-time', + 'logo_initial': 'C' + }, + ] context = { - "project_name": "New Style", - "agent_brand": agent_brand, - "django_version": django_version(), - "python_version": platform.python_version(), - "current_time": now, - "host_name": host_name, - "project_description": os.getenv("PROJECT_DESCRIPTION", ""), - "project_image_url": os.getenv("PROJECT_IMAGE_URL", ""), + 'featured_jobs': featured_jobs } - return render(request, "core/index.html", context) + return render(request, 'core/index.html', context) \ No newline at end of file diff --git a/static/css/custom.css b/static/css/custom.css new file mode 100644 index 0000000..ed832b9 --- /dev/null +++ b/static/css/custom.css @@ -0,0 +1,172 @@ +/* static/css/custom.css */ + +/* Google Fonts */ +@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Poppins:wght@600;700&display=swap'); + +:root { + --primary-color: #2563EB; + --secondary-color: #F97316; + --neutral-base: #F8FAFC; + --text-color: #1E293B; + --card-bg: #FFFFFF; + --card-border: #E2E8F0; + --font-family-headings: 'Poppins', sans-serif; + --font-family-body: 'Inter', sans-serif; +} + +body { + background-color: var(--neutral-base); + font-family: var(--font-family-body); + color: var(--text-color); +} + +h1, h2, h3, h4, h5, h6 { + font-family: var(--font-family-headings); + font-weight: 700; +} + +.btn-primary { + background-color: var(--primary-color); + border-color: var(--primary-color); + font-weight: 600; + transition: background-color 0.2s ease-in-out, transform 0.2s ease-in-out; +} + +.btn-primary:hover { + background-color: #1D4ED8; /* Darker shade of primary */ + transform: translateY(-2px); +} + +.btn-secondary { + background-color: var(--secondary-color); + border-color: var(--secondary-color); + color: #FFFFFF; + font-weight: 600; + transition: background-color 0.2s ease-in-out, transform 0.2s ease-in-out; +} + +.btn-secondary:hover { + background-color: #EA580C; /* Darker shade of secondary */ + transform: translateY(-2px); +} + +/* Hero Section */ +.hero-section { + background: linear-gradient(135deg, #EFF6FF 0%, #E0F2FE 100%); + padding: 6rem 0; +} + +.hero-section h1 { + font-size: 3.5rem; + font-weight: 700; +} + +.hero-section .lead { + font-size: 1.25rem; + color: #475569; +} + +/* Search Form */ +.search-form { + background: var(--card-bg); + padding: 1rem; + border-radius: 0.75rem; + box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.05), 0 4px 6px -2px rgba(0, 0, 0, 0.05); +} + +.search-form .form-control { + border: none; + padding: 1rem; + font-size: 1rem; +} + +.search-form .form-control:focus { + box-shadow: none; + outline: none; +} + +/* Job Card */ +.job-card { + background-color: var(--card-bg); + border: 1px solid var(--card-border); + border-radius: 0.75rem; + padding: 1.5rem; + transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out; + height: 100%; +} + +.job-card:hover { + transform: translateY(-5px); + box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); +} + +.job-card .company-logo { + width: 50px; + height: 50px; + border-radius: 0.5rem; + background-color: #E0F2FE; + display: flex; + align-items: center; + justify-content: center; + font-weight: 600; + color: var(--primary-color); + font-size: 1.5rem; +} + +.job-card .job-title { + font-size: 1.25rem; + font-weight: 600; + color: var(--text-color); +} + +.job-card .job-company { + font-weight: 500; + color: #475569; +} + +.job-card .job-location { + color: #64748B; +} + +.job-badge { + display: inline-block; + padding: 0.35em 0.65em; + font-size: .75em; + font-weight: 700; + line-height: 1; + color: #fff; + text-align: center; + white-space: nowrap; + vertical-align: baseline; + border-radius: 0.375rem; +} + +.job-badge.full-time { + background-color: #34D399; +} + +.job-badge.part-time { + background-color: #FBBF24; +} + +.job-badge.contract { + background-color: #A78BFA; +} + +/* Footer */ +.footer { + background-color: #1E293B; + color: #94A3B8; + padding: 3rem 0; + margin-top: 5rem; +} + +.footer a { + color: #E2E8F0; + text-decoration: none; + transition: color 0.2s ease-in-out; +} + +.footer a:hover { + color: #FFFFFF; +}