diff --git a/backend/core/static/css/index.css b/backend/core/static/css/index.css new file mode 100644 index 0000000..e336422 --- /dev/null +++ b/backend/core/static/css/index.css @@ -0,0 +1,215 @@ +body { + font-family: "Darker Grotesque", sans-serif; +} + +.inner-container { + display: grid; + grid-template-columns: 1fr; + background: linear-gradient(90deg, rgb(2, 0, 36) 0%, rgb(9, 9, 121) 50%, rgb(10, 8, 37) 100%); + color: white; + margin: 0; + width: 100%; + padding: 0; + gap: 3%; + padding: 60px; + text-align: center; +} + +.gif-container { + display: flex; + justify-content: center; + align-items: center; + padding: 20px; +} + +.gif-container img { + height: auto; + display: block; + max-width: 700px; +} +.insight-main { + display: flex; + justify-content: center; + padding: 20px; +} +.insight-content { + display: flex; + width: 80%; + box-shadow: 0 0 143px #f2f0fb; +} +.left-side { + flex: 1; + display: flex; + align-items: center; + justify-content: center; + padding: 20px; +} +.right-side { + flex: 1; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + padding: 20px; +} +.insight-grid { + display: flex; + flex-direction: column; + align-items: center; + text-align: center; +} +.insight-grid img { + max-width: 100%; + height: auto; +} +.out-risk-management { + width: 100%; + background-color: white; + display: flex; + justify-content: center; + align-items: center; + padding: 20px; +} + +.risk-management { + width: 80%; + display: grid; + grid-template-columns: 1fr; + text-align: center; + justify-content: center; + align-items: center; + gap: 20px; + padding: 20px; + background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(223,240,255,1) 48%, rgba(255,255,255,1) 100%); +} +.risklet-action { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + text-align: center; + padding: 20px; +} +.btn-bl{ + background: linear-gradient(230deg, #3652f3 16.03%, #a862ee 90.73%); + color: #fff; + border: none; + border-radius: 11px; + height: 100%; + width: 100%; + text-transform: uppercase; + padding: 15px 20px; + min-width: 200px; + max-width: 300px; + text-decoration: none; + text-align: center; +} +.btn-bl-small{ + background: linear-gradient(230deg, #3652f3 16.03%, #a862ee 90.73%); + color: #fff; + border: none; + border-radius: 11px; + text-transform: uppercase; + padding: 15px 20px; + text-decoration: none; + text-align: center; +} +.btn-bl:hover{ + color: white; +} +.btn-bl-small:hover{ + color: white; +} +.buttons { + display: flex; + gap: 20px; + justify-content: center; + text-align: center; +} +.demo-buttons{ + display: flex; + justify-content: center; + gap: 10px; +} +.sf-insight-main { + padding: 8rem; + border-radius: 2rem; + box-shadow: 0 0 143px #f2f0fb; + display: flex; +} +.insight-grid{ + display: grid; + gap: 3rem; +} + +.video-container { + display: flex; + justify-content: center; + align-items: center; + width: 100%; + max-width: 500px; + height: auto; + max-height: 500px; + aspect-ratio: 16 / 9; + background: #000; + margin: 0 auto; +} + +.iframe { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; +} + +@media (max-width: 768px) { + .inner-container { + padding: 60px; + } + .gif-container img { + width: 100%; + max-width: 400px; + } + .insight-content { + flex-direction: column; + width: 100%; + } + + .left-side, .right-side { + flex: none; + width: 100%; + padding: 10px; + } + + .insight-main { + flex-direction: column; + } + + .risk-management { + padding: 10px; + } + + .risklet-action { + padding: 10px; + } + + .btn-bl, .btn-bl-small { + width: 90%; + min-width: auto; + max-width: none; + } + + .buttons { + flex-direction: column; + gap: 10px; + } + + .sf-insight-main { + padding: 4rem; + } + + .insight-grid { + grid-template-columns: 1fr; + } +} \ No newline at end of file diff --git a/backend/core/static/css/main.css b/backend/core/static/css/main.css index cf61923..456ba2b 100644 --- a/backend/core/static/css/main.css +++ b/backend/core/static/css/main.css @@ -1,7 +1,5 @@ - body { - font-family: 'Jost', sans-serif; - font-size: var(--bs-body-font-size); + font-family: "Darker Grotesque", sans-serif; } :root { diff --git a/backend/core/static/img/risklet-poll.png b/backend/core/static/img/risklet-poll.png new file mode 100644 index 0000000..19dd8c3 Binary files /dev/null and b/backend/core/static/img/risklet-poll.png differ diff --git a/backend/core/static/img/risklet-scatter-plot.png b/backend/core/static/img/risklet-scatter-plot.png new file mode 100644 index 0000000..43eeb5a Binary files /dev/null and b/backend/core/static/img/risklet-scatter-plot.png differ diff --git a/backend/core/templates/base.html b/backend/core/templates/base.html index 543a7ec..e7d4b7c 100644 --- a/backend/core/templates/base.html +++ b/backend/core/templates/base.html @@ -9,6 +9,8 @@ + + {% block css %}{% endblock css %} @@ -36,7 +38,7 @@ -
+
{% block content %}{% endblock content %}
diff --git a/backend/core/templates/index.html b/backend/core/templates/index.html index 1e9337f..ef9562d 100644 --- a/backend/core/templates/index.html +++ b/backend/core/templates/index.html @@ -1,6 +1,45 @@ - {% extends "base.html" %} +{% load static %} {% block content %} - -{% endblock content %} \ No newline at end of file +
+

Gen-AI Powered Business Risk Analysis

+
+ Risklet Poll +
+

Actionable | Intelligent | Simple

+
+ Learn More + Watch Keynote +
+
+
+
+
+

What are your top cybersecurity risks?

+
+
+
+

Your Top Cyber Risks Quantified in Loss Magnitude ($) and Likelihood (Probability)

+ Risklet Plot +
+
+
+
+
+
+

The Only Unified Platform to Manage your Third-Party & First-Party Cyber Risk

+
+ +
+
+ First-party Business risks + Third-party Business risks +
+
+
+
+

See Risklet in Action

+ Demo +
+{% endblock %} \ No newline at end of file diff --git a/backend/core/views.py b/backend/core/views.py index 3940a79..52c4453 100644 --- a/backend/core/views.py +++ b/backend/core/views.py @@ -21,11 +21,8 @@ def signup(request): form = OrganizationForm(request.POST) if form.is_valid(): organization = form.save() - print(f"Organization :{organization}") top_risk_ids = get_top_risk(organization) - print(f"Top risks: {top_risk_ids}") top_risks = Risk.objects.filter(risk_id__in = top_risk_ids) - print(f"Final: {top_risks}") document = Document.objects.create(organization=organization) document.add_segment('h1', "Top 10 Risk Identified")