skeleton done

src/templates/profile.html

@@ -0,0 +1,37 @@
+{% extends 'webapp/base.html' %}
+
+{% block content %}
+{% if current_user.is_authenticated %}
+<div>
+    <h1>Welcome {{ user.username }}</h1>
+    <a href="upload.html" class="btn btn-primary">Upload</a>
+</div>
+<br>
+{% if images %}
+<div class="row mx-2">
+    {% for image in images %}
+    <div class="col-12 col-sm-6 col-md-4 px-2 mb-3">
+        <div class="card">
+            <a href="{{ url_for('item', id=image.id) }}">
+                <img src="{{image.preview}}" class="img-fluid" style="padding: 30px" alt="{{image.caption}}">
+            </a>
+            <div class="card-body">
+                <h5 class="card-title">{{image.creator}}</h5>
+                <p class="card-text">
+                    {{image.caption}}
+                </p>
+                <a href="{{ url_for('download', id=image.id) }}" class="btn btn-primary" target="_blank">Download</a>
+                <a href="{{ url_for('delete', id=image.id) }}" class="btn btn-primary" target="_blank">Delete</a>
+            </div>
+        </div>
+    </div>
+    {% endfor %}
+</div>
+
+{% else %}
+<p>No images available.</p>
+{% endif %}
+{% else %}
+<p><a href="{{ url_for('login') }}">Log in</a> to view your profile.</p>
+{% endif %}
+{% endblock %}