{% extends "juice/templates/index.html" %}

{% block head %}
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" />
<link rel="stylesheet" href="/site.css" />
{% endblock head %}

{% block hero %}

<section class="text-center">
    <h1 class="heading-text animate__animated animate__jackInTheBox" style="font-size: 50px">
        Mine your own grades
    </h1>
    <h3 class="title-text">
        <b>Gradecoin</b> is the latest cutting edge blockchain technology agile grading framework that drives organic engagement powered by distributed neural networks and other buzzwords, with big data mining search engine optimization (now supports NFTs)
    </h3>
    <div>
    </div>
</section>
<img class="hero-image" style="width: 40%" src="{{ get_url(path="gradecoin.png") }}">

<div class="explore-more text"
     onclick="document.getElementById('welcome-to-gradecoin').scrollIntoView({behavior: 'smooth'})">
    ⇩ Learn How ⇩
</div>

{% endblock hero %}

{% block content %}
{{ section.content | safe }}
{% endblock content %}

{% block footer %}
<footer>
Built For CENG489 Introduction to Computer Security
</footer>
{% endblock footer %}