Skip to content

Commit

Permalink
Add files via upload
Browse files Browse the repository at this point in the history
  • Loading branch information
@thepiratex
thepiratex committed Apr 17, 2020
1 parent bf4a623 commit 0e73000
Show file tree
Hide file tree
Showing 3 changed files with 235 additions and 0 deletions.
85 changes: 85 additions & 0 deletions templates/base.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,85 @@
{% block doc -%}
<!DOCTYPE html>
<html lang="en">
{%- block html %}
<head>
{%- block head %}
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-158815873-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());

gtag('config', 'UA-158815873-1');
</script>

<link rel='icon' href="{{ url_for('static', filename='favicon.ico')}}" type='image/x-icon'/ >
<title>{% block title %}{{ title|default }}{% endblock title %}</title>

{%- block metas %}
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
{%- endblock metas %}

{%- block styles %}
<!-- Bootstrap CSS -->
<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"
rel="stylesheet"
integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN"
crossorigin="anonymous">
<link rel="stylesheet"
href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"
integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh"
crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
<script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.6/d3.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.js"></script>
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
{%- endblock styles %}
{%- endblock head %}
</head>
<body{% block body_attribs %}{% endblock body_attribs %}>
{% block body -%}
{% block navbar %}

<nav class="navbar navbar-expand-md navbar-dark bg-dark mb-4">
<a class="navbar-brand" href="{{ (url_for('index')) }}">TV Show Analyser</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse"
aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarCollapse">
<ul class="navbar-nav mr-auto">

</ul>

<a class="navbar-brand" href="https://dataiszen.com">Blog</a>

</div>
</nav>


{%- endblock navbar %}
{% block content -%}
{%- endblock content %}

{% block scripts %}
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->

<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js"
integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo"
crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"
integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6"
crossorigin="anonymous"></script>

{%- endblock scripts %}
{%- endblock body %}
</body>
{%- endblock html %}
</html>
{% endblock doc -%}
82 changes: 82 additions & 0 deletions templates/index.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,82 @@
{% extends "base.html" %}
{% import "bootstrap/wtf.html" as wtf %}

{% block title %} TV Series Rating Heatmap {% endblock %}

{% block head %}
{{ super() }}
<Style>
html, body {
height: 100%;
}

.container {
height: 80%;
font-family: 'Roboto', sans-serif;
}

p {
font-family: 'Roboto', sans-serif;
}
</Style>
{% endblock %}

{% block content %}



<div class="container">
<div class="row text-center">
<div class="col-lg-12">
<img src="https://gifimage.net/wp-content/uploads/2018/06/watch-tv-gif-3.gif">
</div>
</div>

<div class="row text-center mt-4">
<div class="col-lg-12">
<h3 class="text-uppercase font-weight-bold">Pick a TV Show to see a detailed analysis</h3>
</div>
</div>


<div class="row ">
<div class="col-lg-12 my-auto text-center">
<form method="post" enctype="multipart/form-data">
{{ form.hidden_tag() }}
<div class="form-group">
{{ form.option(class='form-control') }}
</div>

<button type="submit" id="sub" class="btn btn-warning center">Submit</button>
</form>
{# <img src="https://mir-s3-cdn-cf.behance.net/project_modules/disp/35771931234507.564a1d2403b3a.gif"#}
{# id="img" style="display:none"/ >#}

<img src="https://www.premierhealth.com/Content/images/loading.gif" id="img" style="display:none"/ >

</div>
</div>

<div class="row text-center mt-4">
<div class="col-lg-12">
<i class="fa fa-github"> </i> Complete Code on Github
<p id="comment" class="text-secondary" style=" display:none">
This webapp is hosted on a student budget. It might take more than a few seconds. Please hold your horses.
</p>
</div>

</div>

</div>
{% endblock %}

{% block scripts %}
{{ super() }}

<script>
$('#sub').click(function () {
$('#img').show();
$('#comment').css('display', 'block');
});
</script>
{% endblock %}
68 changes: 68 additions & 0 deletions templates/viz.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,68 @@
{% extends "base.html" %}

{% block title %} TV Series Rating Heatmap {% endblock %}

{% block head %}
{{ super() }}

{% endblock %}

{% block content %}

<div class="container">
<h1 class="text-center text-uppercase">{{ title }}</h1>

<div class="row mt-4">
<div class="col-lg-6">
<div class="row ">
<div class="col-lg-2 text-center">
<i class="fa fa-thumbs-up fa-4x text-center"></i>
</div>
<div class="col-lg-8">
<div class="alert alert-success" role="alert">
<strong>Best Episode</strong>
<p style="margin-bottom: 0">{{ best_ep_num |safe }} : {{ best_ep_name |safe }} </p>
</div>
</div>
</div>

</div>
<div class="col-lg-6">
<div class="row ">
<div class="col-lg-2 col-lg-offset-1 text-center">
<i class="fa fa-thumbs-down fa-4x text-center"></i>
</div>
<div class="col-lg-8">
<div class="alert alert-danger" role="alert">
<strong>Worst Episode</strong>
<p style="margin-bottom: 0">{{ worst_ep_num |safe }} : {{ worst_ep_name |safe }} </p>
</div>
</div>
</div>
</div>
</div>
<h2 class="text-center">Heatmap</h2>
<div class="border-top my-2">
<div class="row">
<div class="col-lg-12">
{{ hm | safe }}
</div>
</div>
<h2 class="text-center">Trendline</h2>
<div class="border-top my-2"></div>
<div class="row">
<div class="col-lg-12">
{{ lc | safe }}
</div>
</div>
<div class="row text-center">
<div class="col-lg-12">
<a href="{{ (url_for('index')) }}" class="btn btn-warning center">Try Another TV Show</a>
</div>
</div>
</div>
{% endblock %}

{% block scripts %}
{{ super() }}
{% endblock %}

0 comments on commit 0e73000

Please sign in to comment.