No known key found for this signature in database
GPG Key ID: 5E2EF5A63E3718CC
5 changed files with
74 additions and
26 deletions
-
hbbs/static/css/styles.css
-
BIN
hbbs/static/images/.DS_Store
-
hbbs/templates/collection.html
-
hbbs/templates/layout.html
-
hbbs/templates/programmes.html
|
|
@ -1,28 +1,32 @@ |
|
|
|
/* GRID DEBUG MODE */ |
|
|
|
/* html * { */ |
|
|
|
/* border: 1px black solid; */ |
|
|
|
/* } */ |
|
|
|
|
|
|
|
@font-face { |
|
|
|
font-family: "Compagnon Roman"; |
|
|
|
src: url("../fonts/Compagnon-Roman.woff") format("woff"); |
|
|
|
font-style: normal; |
|
|
|
} |
|
|
|
|
|
|
|
@keyframes gradient { |
|
|
|
0% { |
|
|
|
background-color: pink; |
|
|
|
} |
|
|
|
25% { |
|
|
|
background-color: lightgreen; |
|
|
|
} |
|
|
|
50% { |
|
|
|
background-color: lightblue; |
|
|
|
} |
|
|
|
100% { |
|
|
|
background-color: cornsilk; |
|
|
|
} |
|
|
|
a { |
|
|
|
color: white; |
|
|
|
} |
|
|
|
|
|
|
|
html { |
|
|
|
background: rgb(4, 0, 255); |
|
|
|
} |
|
|
|
|
|
|
|
body { |
|
|
|
font-family: "Compagnon Roman", serif; |
|
|
|
animation-name: gradient; |
|
|
|
animation-duration: 120s; |
|
|
|
background: linear-gradient( |
|
|
|
0deg, |
|
|
|
rgba(4, 0, 255, 1) 1%, |
|
|
|
rgba(255, 0, 255, 1) 86% |
|
|
|
); |
|
|
|
font-size: 1.4rem; |
|
|
|
line-height: 1.2; |
|
|
|
color: white; |
|
|
|
} |
|
|
|
|
|
|
|
@media (max-width: 768px) { |
|
|
@ -35,15 +39,59 @@ ul { |
|
|
|
padding-left: 0; |
|
|
|
} |
|
|
|
|
|
|
|
#collection-list li { |
|
|
|
list-style-type: circle; |
|
|
|
#navbar-list { |
|
|
|
margin: 5px; |
|
|
|
} |
|
|
|
|
|
|
|
#collection-list li::before { |
|
|
|
content: " ⃝ "; |
|
|
|
color: magenta; |
|
|
|
} |
|
|
|
|
|
|
|
#content p, |
|
|
|
ul { |
|
|
|
margin: 0; |
|
|
|
} |
|
|
|
|
|
|
|
#content p { |
|
|
|
margin: 5px; |
|
|
|
} |
|
|
|
|
|
|
|
.no-style-list { |
|
|
|
list-style: none; |
|
|
|
} |
|
|
|
|
|
|
|
#programmes-list h1, |
|
|
|
#programmes-list h2 { |
|
|
|
font-size: 1.4rem; |
|
|
|
} |
|
|
|
|
|
|
|
#programmes-list h2 { |
|
|
|
padding-left: 50px; |
|
|
|
} |
|
|
|
|
|
|
|
#films-list li::before { |
|
|
|
content: " ⃝ "; |
|
|
|
color: magenta; |
|
|
|
} |
|
|
|
|
|
|
|
#programmes-list li * { |
|
|
|
margin-bottom: 0; |
|
|
|
} |
|
|
|
|
|
|
|
#programmes-list li:nth-child(2) { |
|
|
|
margin-top: 10px; |
|
|
|
} |
|
|
|
|
|
|
|
#hbbs-logo, |
|
|
|
#hbbs-bubbles-top, |
|
|
|
#hbbs-bubbles-bottom { |
|
|
|
width: 100%; |
|
|
|
} |
|
|
|
|
|
|
|
#hbbs-bubbles-bottom { |
|
|
|
margin-top: 10px; |
|
|
|
} |
|
|
|
|
|
|
|
.film-indent { |
|
|
|
padding-left: 25px; |
|
|
|
} |
|
|
|
|
|
@ -1,7 +1,7 @@ |
|
|
|
{% extends "layout.html" %} |
|
|
|
|
|
|
|
{% block content %} |
|
|
|
<ul id="collection-list"> |
|
|
|
<ul id="collection-list" class="no-style-list"> |
|
|
|
{% for film in collection %} |
|
|
|
<li>{{ film.Title }}</li> |
|
|
|
{% endfor %} |
|
|
|
|
|
@ -30,7 +30,7 @@ |
|
|
|
<div id="navigation" class="col-md-4"> |
|
|
|
<img |
|
|
|
id="hbbs-logo" |
|
|
|
class="img-fluid mx-auto d-block" |
|
|
|
class="img-fluid" |
|
|
|
src="/static/images/hbbs_logo.png" |
|
|
|
alt="hbbs logo" |
|
|
|
/> |
|
|
@ -44,7 +44,7 @@ |
|
|
|
<div id="content" class="col-md-4"> |
|
|
|
<img |
|
|
|
id="hbbs-bubbles-top" |
|
|
|
class="img-fluid mx-auto d-block" |
|
|
|
class="img-fluid" |
|
|
|
src="/static/images/bubbles_1_outline.png" |
|
|
|
alt="hbbs bubbles 1" |
|
|
|
/> |
|
|
@ -55,7 +55,7 @@ |
|
|
|
|
|
|
|
<img |
|
|
|
id="hbbs-bubbles-bottom" |
|
|
|
class="img-fluid mx-auto d-block" |
|
|
|
class="img-fluid" |
|
|
|
src="/static/images/bubbles_2_outline.png" |
|
|
|
alt="hbbs bubbles 2" |
|
|
|
/> |
|
|
|
|
|
@ -1,14 +1,14 @@ |
|
|
|
{% extends "layout.html" %} |
|
|
|
|
|
|
|
{% block content %} |
|
|
|
<ul class="no-style-list"> |
|
|
|
<ul id="programmes-list" class="no-style-list"> |
|
|
|
{% for programme in programmes %} |
|
|
|
<li> |
|
|
|
<h1> <a href="/programme/{{ programme.title | replace(' ', '-') | lower }}/">{{ programme.title }}</a> </h1> |
|
|
|
<h1> <a href="/programme/{{ programme.title | replace(' ', '-') | lower }}/">/{{ programme.title }}</a> </h1> |
|
|
|
<h2> {{ programme.tagline }} </h2> |
|
|
|
<ul class="no-style-list"> |
|
|
|
<ul id="films-list" class="no-style-list"> |
|
|
|
{% for film in programme.films %} |
|
|
|
<li>{{ film }}</li> |
|
|
|
<li><span class="film-indent">{{ film }}</span></li> |
|
|
|
{% endfor %} |
|
|
|
</ul> |
|
|
|
</li> |
|
|
|