ba-thesis/app/medwings/templates/medwings/index.html

52 lines
2.8 KiB
HTML

{% extends 'core/base.html' %}
{% load static %}
{% block title %}
Medwings | Home
{% endblock title %}
{% block content %}
<div class="flex flex-col justify-center items-center gap-8 sm:gap-16 px-2 py-4 mx-4 max-w-4xl">
<div class="flex flex-col justify-around items-center gap-2 min-h-[92vh] w-screen bg-hand-portrait md:bg-hand-landscape bg-center bg-cover">
<div class="flex flex-col justify-center items-center">
<p class="text-3xl sm:text-4xl text-secondary">Welcome to</p>
<h1 class="title text-6xl sm:text-8xl text-center drop-shadow-xl">Medwings</h1>
</div>
<h2 class="text-accent-300 font-sans text-xl sm:text-2xl font-semibold text-center sm:backdrop-blur">The Mobile Early Deterioration Warning System</h2>
</div>
<p>
Welcome to Medwings, a pioneering research project at the intersection of medical science and technology.
With a focus on data-driven diagnostics, and cutting-edge medical devices, Medwings is committed to shaping the future of healthcare.
</p>
<p>
Our platform leverages smart medical sensor devices to keep track of your vital signs - such as heart rate,
blood pressure, and body temperature - providing you with a detailed and continuous picture of your health status.
</p>
<div class="flex flex-col gap-2 items-center call-to-action-box max-w-md">
{% if not request.user.is_authenticated %}
<p class="font-semibold">To use the platform, please log in. If you do not have an account yet, please register.</p>
<div class="flex items-center justify-evenly text-center gap-x-8 w-full">
<a class="btn block max-w-fit" href="{% url 'login' %}">Log In</a>
<a class="btn block max-w-fit" href="{% url 'register-init' %}">Register</a>
</div>
{% else %}
<p class="font-semibold">View your latest health data to stay up to date:</p>
<a class="btn text-lg" href="{% url 'dashboard' %}">Go to your personal dashboard</a>
{% endif %}
</div>
<p>
Medwings has the ability to calculate your Modified Early Warning Score (MEWS) from your vitals data.
Prompted by periodic reminders, you'll be asked to take measurements which will be sent automatically to our platform.
Here, we calculate your MEWS and generate alerts if we detect an increased risk of health deterioration.
</p>
<p class="text-secondary-400 font-sans text-xl font-semibold text-center">
Stay in control of your health with us, your personal health guardian.
Welcome aboard!
</p>
</div>
<script>
const logoSignal = document.getElementById("logo-signal");
const maxStrokeLength = logoSignal.getTotalLength();
logoSignal.style.setProperty("--maxStrokeLength", maxStrokeLength)
logoSignal.style.setProperty("--maxStrokeLengthNeg", -maxStrokeLength)
</script>
{% endblock content %}