home.html

 {% extends "base.html" %}{% block title %}HOME{% endblock %}


{% block content %}
<br>
<h1 class="border border-primary rounded" align="center">This is the homepage</h1>

<h1 align="center" class="bg-danger">Notes</h1>
<ul class="list-group list-group-flush" id="notes"> 

    {% for note in user.notes %}

    <li class="list-group-item">
        {{note.userNote}}
        <button type="button" class="close" onClick="deleteNote({{ note.id }})">
        <span aria-hidden="true">&times;</span>
        </button>
    </li>
    {% endfor %}

    

</ul>
<form action="" method="POST">
    <textarea name="note" class='form-control' id="note" rows="2"></textarea>
    <div align="center">
        <br>
        <button type="submit" class="btn btn-primary">Add Notes</button>
    </div>
</form>

{% endblock %}