{% extends "base.html" %}
{% load static %}
{% block title %}Hidden Layer Visualizations{% endblock %}

{% block content %}

<h1 style="text-align: center;">Available Models</h1>
<div class="ui segment">
	<div class="ui four column grid">
	    <div class="column">
	    	<div class="ui fluid inverted card">
		      <div class="image">
		        <img src="{% static 'mnist.png' %}" style="height: 15em;">
		      </div>
		      <div class="content">
		        <a class="header">Mnist Visualization</a>
		        <div class="meta">
		          By: <a>Darshan Prabhu</a>
		        </div>
		        <div class="description">
		          Mnist dataset is the set of handwritten digits. The model comprises of 2 convolution layers.
		        </div>
		      </div>
		      <div class="extra content">
		        <div class="content" style="text-align: center;">
                    <a class="ui teal button" href="{% url 'mnist' %}">View</a>
                </div>
		      </div>
		    </div>
	    </div>
	    <div class="column">
	    	<div class="ui fluid inverted card">
		      <div class="image">
		        <img src="{% static 'flower.png' %}" style="height: 15em;">
		      </div>
		      <div class="content">
		        <a class="header">Flower Visualization</a>
		        <div class="meta">
		          By: <a>Priyesh Jain</a>
		        </div>
		        <div class="description">
		          Flower dataset is collection of images of 5 different flowers. The model contains 5 convolution layers.
		        </div>
		      </div>
		      <div class="extra content">
		        <div class="content" style="text-align: center;">
                    <a class="ui teal button" href="{% url 'flower' %}">View</a>
                </div>
		      </div>
		    </div>
	    </div>
	    <div class="column">
	    	<div class="ui fluid inverted card">
		      <div class="image">
		        <img src="{% static 'cat_dog.png' %}" style="height: 15em;">
		      </div>
		      <div class="content">
		        <a class="header">Cat-Dog Visualization</a>
		        <div class="meta">
		          By: <a>Aditya Singh</a>
		        </div>
		        <div class="description">
		          Cat-Dog dataset is a binary classification task. It comprises of 4 convolution layers.
		        </div>
		      </div>
		      <div class="extra content">
		        <div class="content" style="text-align: center;">
                    <a class="ui teal button" href="{% url 'catDog' %}">View</a>
                </div>
		      </div>
		    </div>
	    </div>
	    <div class="column">
	    	<div class="ui fluid inverted card">
		      <div class="image">
		        <img src="{% static 'vgg.png' %}" style="height: 15em;">
		      </div>
		      <div class="content">
		        <a class="header">Vgg Feature Visualization</a>
		        <div class="meta">
		          By: <a>Piyush Sharma</a>
		        </div>
		        <div class="description">
		          VGG19 is a pretrained model widely used for feature extraction. The model contains 16 convolution layers.
		        </div>
		      </div>
		      <div class="extra content">
		        <div class="content" style="text-align: center;">
		        	<a class="ui brown button" href="{% url 'vggInput' %}">Update Image</a>
                    <a class="ui teal button" href="{% url 'vgg' %}">View</a>
                </div>
		      </div>
		    </div>
	    </div>
	</div>
</div>
{% endblock %}