Skip to content

Commit fa58e88

Browse files
paulmwatsonpaulmwatson
authored
Merge pull request #522 from OpenUpSA/6th-parliament-review
Add 6th Parliament Review routes and templates
2 parents db49693 + 18dff13 commit fa58e88

File tree

10 files changed

+506
-0
lines changed

10 files changed

+506
-0
lines changed

‎pmg/static/resources/css/pr6.css

Lines changed: 238 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,238 @@
1+
#wrapper > .container {
2+
width: 100% !important;
3+
padding: 0;
4+
margin: 0;
5+
}
6+
7+
.page {
8+
margin-top: 0 !important;
9+
}
10+
11+
.pr6-section .header {
12+
background-color: #f8f5ec;
13+
height: 350px;
14+
}
15+
16+
.header-container {
17+
background: url('/static/resources/images/pr6/header.jpg');
18+
background-position: center center;
19+
background-repeat: no-repeat;
20+
height: 100%;
21+
}
22+
23+
.pr6-title {
24+
width: 350px;
25+
margin: 0 auto;
26+
display: block;
27+
}
28+
29+
.pr6-page-container {
30+
background-color: #fff;
31+
border-radius: 42px 42px 0 0;
32+
padding: 2em 3em;
33+
position: relative;
34+
top: -100px;
35+
}
36+
37+
.pr6-intro h2 {
38+
font-size: 32px;
39+
font-weight: bold;
40+
margin: 0;
41+
}
42+
43+
.pr6-intro p {
44+
font-size: 18px;
45+
margin: 2em 0 1.5em;
46+
}
47+
48+
.pr6-intro img {
49+
width: 230px;
50+
}
51+
52+
.pr6-section-title {
53+
margin: 2em 0;
54+
}
55+
56+
.pr6-articles article, .pr6-interviews article, .pr6-statistics article {
57+
background-color: #fbfaf5;
58+
border: 1px solid rgba(0,0,0,0.05);
59+
border-radius: 5px;
60+
padding: 1em;
61+
}
62+
63+
.pr6-interviews article {
64+
background-color: #f3f8f6;
65+
}
66+
67+
.pr6-statistics article {
68+
background-color: #f8f3f3;
69+
}
70+
71+
.pr6-articles article h3, .pr6-interviews article h3, .pr6-statistics article h3{
72+
font-size: 18px;
73+
margin: 0 0 1em;
74+
font-weight: bold;
75+
}
76+
77+
.pr6-articles article .article-meta, .pr6-interviews article .article-meta, .pr6-statistics article .article-meta {
78+
font-size: 12px;
79+
}
80+
81+
.pr6-articles article p, .pr6-interviews article p, .pr6-statistics article p {
82+
margin-top: 1em;
83+
font-size: 14px;
84+
}
85+
86+
.full-article h1 {
87+
font-size: 40px;
88+
line-height: 1.3em;
89+
text-align: center;
90+
padding: 0 3em;
91+
margin: 0 0 0.8em 0;
92+
}
93+
94+
.full-article .article-meta {
95+
font-size: 18px;
96+
color: #82BDA6;
97+
text-align: center;
98+
margin: 0 0 1em 0;
99+
text-transform: uppercase;
100+
}
101+
102+
103+
.full-article .article-intro {
104+
font-size: 20px;
105+
padding: 0 3em;
106+
text-align: center;
107+
margin: 2em 0 3em;
108+
}
109+
110+
.full-article .article-content {
111+
font-size: 16px;
112+
line-height: 1.4em;
113+
padding: 0 4em;
114+
}
115+
116+
.full-article .article-content p {
117+
margin-bottom: 2em;
118+
text-align: justify;
119+
}
120+
121+
.full-article .article-extra {
122+
font-size: 14px;
123+
margin: 2em 0;
124+
}
125+
126+
127+
/* Design Elements */
128+
129+
.pr6-design-element2 {
130+
width: 100px;
131+
}
132+
133+
.pr6-design-element2 {
134+
margin: 2em auto;
135+
}
136+
137+
.pr6-design-element img {
138+
width: 100%
139+
}
140+
141+
142+
/* Grid Container */
143+
.pr6-row {
144+
display: flex;
145+
flex-wrap: wrap;
146+
margin-left: -0.75rem;
147+
margin-right: -0.75rem;
148+
}
149+
150+
/* Grid Columns */
151+
.pr6-row [class^="col-"] {
152+
padding-left: 1rem;
153+
padding-right: 1rem;
154+
box-sizing: border-box;
155+
}
156+
157+
.pr6-row .col-1 {
158+
flex: 0 0 8.33333333%;
159+
max-width: 8.33333333%;
160+
}
161+
162+
.pr6-row .col-2 {
163+
flex: 0 0 16.66666667%;
164+
max-width: 16.66666667%;
165+
}
166+
167+
.pr6-row .col-3 {
168+
flex: 0 0 25%;
169+
max-width: 25%;
170+
}
171+
172+
.pr6-row .col-4 {
173+
flex: 0 0 33.33333333%;
174+
max-width: 33.33333333%;
175+
}
176+
177+
.pr6-row .col-5 {
178+
flex: 0 0 41.66666667%;
179+
max-width: 41.66666667%;
180+
}
181+
182+
.pr6-row .col-6 {
183+
flex: 0 0 50%;
184+
max-width: 50%;
185+
}
186+
187+
.pr6-row .col-7 {
188+
flex: 0 0 58.33333333%;
189+
max-width: 58.33333333%;
190+
}
191+
192+
.pr6-row .col-8 {
193+
flex: 0 0 66.66666667%;
194+
max-width: 66.66666667%;
195+
}
196+
197+
.pr6-row .col-9 {
198+
flex: 0 0 75%;
199+
max-width: 75%;
200+
}
201+
202+
.pr6-row .col-10 {
203+
flex: 0 0 83.33333333%;
204+
max-width: 83.33333333%;
205+
}
206+
207+
.pr6-row .col-11 {
208+
flex: 0 0 91.66666667%;
209+
max-width: 91.66666667%;
210+
}
211+
212+
.pr6-row .col-12 {
213+
flex: 0 0 100%;
214+
max-width: 100%;
215+
}
216+
217+
/* Clearfix for Rows */
218+
.pr6-row::after {
219+
content: "";
220+
display: table;
221+
clear: both;
222+
}
223+
224+
/* Typography & General */
225+
226+
.text-right {
227+
text-align: right;
228+
}
229+
230+
.hr {
231+
width: 100px;
232+
border-bottom: 2px solid #000;
233+
}
234+
235+
.pr6-section a {
236+
color: #F05532;
237+
}
238+

‎pmg/static/resources/images/pr6/dots1.png

1.49 KB
Loading

‎pmg/static/resources/images/pr6/header.jpg

20 KB
Loading

‎pmg/static/resources/images/pr6/pr6-design1.png

70.2 KB
Loading

‎pmg/static/resources/images/pr6/pr6-design2.png

18.7 KB
Loading

‎pmg/static/resources/images/pr6/title.png

14.1 KB
Loading

‎pmg/static/resources/javascript/admin/admin.js

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,7 @@ $(function() {
66
autoGrow_minHeight: 200,
77
autoGrow_maxHeight: 600,
88
disallowedContent: 'a[!name]',
9+
allowedContent: true
910
});
1011
});
1112
});

‎pmg/templates/pr6/article.html

Lines changed: 84 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,84 @@
1+
{% extends "base.html" %}
2+
3+
{% block title %}6th Parliament Review | PMG{% endblock %}
4+
5+
{% block page %}
6+
<link rel="stylesheet" href="/static/resources/css/pr6.css">
7+
8+
9+
<div class="pr6-section">
10+
11+
<div class="header">
12+
<div class="header-container">
13+
<div class="header-content">
14+
<img class="pr6-title" src="/static/resources/images/pr6/title.png" alt="6th Parliament Review Logo"/>
15+
</div>
16+
</div>
17+
</div>
18+
19+
<div class="container">
20+
<div class="pr6-page-container">
21+
22+
<article class="full-article">
23+
24+
<div class="pr6-design-element pr6-design-element2">
25+
<img src="/static/resources/images/pr6/pr6-design2.png" />
26+
</div>
27+
28+
<h1>{{ post.title | safe }}</h1>
29+
30+
{{ post.body | safe }}
31+
32+
33+
</article>
34+
35+
<!-- ARTICLE -->
36+
37+
<h2 class="pr6-section-title">ARTICLES</h2>
38+
39+
<section class="pr6-articles">
40+
<div class="pr6-row">
41+
<div class="col-4">
42+
<article>
43+
<h3><a href="#">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</a></h3>
44+
<span class="article-meta">By Author Name</span>
45+
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam interdum magna a purus ultricies varius.</p>
46+
</article>
47+
</div>
48+
<div class="col-4">
49+
<article>
50+
<h3><a href="#">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</a></h3>
51+
<span class="article-meta">By Author Name</span>
52+
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam interdum magna a purus ultricies varius.</p>
53+
</article>
54+
</div>
55+
<div class="col-4">
56+
<article>
57+
<h3><a href="#">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</a></h3>
58+
<span class="article-meta">By Author Name</span>
59+
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam interdum magna a purus ultricies varius.</p>
60+
</article>
61+
</div>
62+
</div>
63+
</section>
64+
65+
66+
</div>
67+
68+
69+
70+
71+
</div>
72+
73+
74+
75+
76+
77+
78+
79+
</div>
80+
81+
82+
83+
84+
{% endblock %}

0 commit comments

Comments
 (0)