{% extends 'core/base.html' %}
{% load static %}

{% block title %} About {% endblock %}

{% block content %}
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">

        <link rel="stylesheet" , href="{% static 'css/about.css' %}">

    </head>

    <div class="flex flex-column items-center justify-evenly pt-5">
        <div class="w-4/5 p-6 bg-white rounded-3xl shadow bg-opacity-10 backdrop-filter backdrop-blur-md">
            <h5 class="mb-2 text-2xl font-bold tracking-tight text-gray-900 text-white text-center">What is this project
                about</h5>
            <p class="font-normal text-white">This project is made as an educational tool for starting developers. It
                aims to educate beginner programmers on the importance of security in their projects and help avoid
                fatal mistakes that could create unnecessary trouble, which people can easily avoid. It is meant to
                explain the issue simply and clearly, show some examples and best practices, and showcase code to
                understand the subject better. The project takes guidelines from
                <a href="https://owasp.org/Top10/" class="font-bold underline">OWASP</a> and explains them in a more
                detailed manner. Be wary that this project doesn't provide optimal and best User Experience, such as a
                stylized profile tab, as it isn't the point of the website. Many of the graphical and functional
                components aren't optimized and made for, i.e., business-based websites, as it is unnecessary for the
                educational theme of this project. This website can be used as a tool to try the showcased security
                issues and see what
                the correct implementation should look like. However, a single implementation is never the answer to
                everything, it is a showcase of possible implementations and practices, and the final decision falls on
                you as a developer. It should serve you as a guideline and teaching material rather than a copy-paste
                website to grab implementation from. It also establishes that you should always look if your issue is
                already solved in the form of libraries, frameworks, or other components. It is always better to use
                code that teams of specialized people worked on rather than your implementation. Many frameworks solve
                many of the issues discussed here by default, but understanding and paying attention to them is always
                beneficial. Security should always be one of your priorities, so let's look at how to tackle them.
            </p>
        </div>

    </div>
{% endblock %}