xevion/the-office
1
0
Fork 0
mirror of https://github.com/Xevion/the-office.git synced 2026-01-31 08:26:13 -06:00
Code Issues Packages Projects Releases Wiki Activity

add in milligram CSS framework and add in basic usage to content

Browse Source
This commit is contained in:
Xevion
2020-01-22 00:51:07 -06:00
parent cbf65f221a
commit 283f15794e
5 changed files with 45 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/templates/base.html
+3
View File
@@ -3,6 +3,9 @@
<head>
<title>The Office Quotes{% if title %} - {{ title }}{% endif %}</title>
{% block head %}
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Roboto:300,300italic,700,700italic">
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.css">
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/milligram/1.3.0/milligram.css">
{% endblock head %}
</head>
app/templates/content.html
+34
View File
@@ -1,4 +1,38 @@
{% extends 'base.html' %}
{% block head %}
{{ super() }}
<style>
.card {
background-color: white;
border-radius: 0.25rem;
box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.25);
display: flex;
flex-direction: column;
overflow: hidden;
position: relative;
min-height: 180px;
padding: 2.4rem 2.4rem 1.2rem 2.4rem;
border: solid transparent;
border-bottom-color: transparent;
border-bottom-color: rgb(38, 43, 44);
margin-left: auto;
margin-right: auto;
margin-bottom: 4rem;
}
</style>
{% endblock head %}
{% block body %}
{{ super() }}
<div class="container" style="text-align: center; margin-top: 30rem;">
<div class="row">
<div class="column column-20"></div>
<div class="column column-60">
<div class="card">
{% block content %}
{% endblock content %}
</div>
</div>
<div class="column column-20"></div>
</div>
</div>
{% endblock body %}
app/templates/episode.html
+2 -2
View File
@@ -1,5 +1,5 @@
{% extends 'content.html' %}
{% block body %}
{% block content %}
<a href="{{ url_for('viewSeason', season=episode.season_id) }}" >Go to Season {{ episode.season_id }}</a>
<br>
<a href="{{ url_for('rebuildEpisode', season=episode.season_id, episode=episode.number) }}">Rebuild Episode</a>
@@ -12,4 +12,4 @@
{% endfor %}
<br>
{% endfor %}
{% endblock body %}
{% endblock content %}
app/templates/season.html
+3 -3
View File
@@ -1,5 +1,5 @@
{% extends 'base.html' %}
{% block body %}
{% extends 'content.html' %}
{% block content %}
{{ super() }}
<a href="{{ url_for('index') }}" >See all Seasons</a>
@@ -12,4 +12,4 @@ Season {{ season.id }}
<br>
{% endfor %}
{% endblock body %}
{% endblock content %}
app/templates/view.html
+3 -3
View File
@@ -1,8 +1,8 @@
{% extends 'base.html' %}
{% block body %}
{% extends 'content.html' %}
{% block content %}
{{ super() }}
{% for season in seasons %}
<a href="/season/{{ season.id }}/" >Season {{ season.id }}</a>
<br>
{% endfor %}
{% endblock body %}
{% endblock content %}