Skip to content

Commit 8a8a847

Browse files
hawkzhawkz
committed
Quick hack to demo
Not sure what the plan is with headers and footers.. but this gets something rendering to test.
1 parent f6e55fe commit 8a8a847

File tree

2 files changed

+199
-11
lines changed

2 files changed

+199
-11
lines changed

‎content/test.html‎

Lines changed: 199 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,199 @@
1+
type: page_en
2+
slug: home
3+
url: test.html
4+
title: Python in Education
5+
---
6+
<div class="about-block">
7+
<div class="container-fluid">
8+
<div class="row">
9+
<div class="col-md-4 col">
10+
<div class="image-holder">
11+
<img src="images/img1.png" alt="image">
12+
</div>
13+
<h2>learn</h2>
14+
<p>Lorem ipsum dolor sit amet, sit oporteat atomorum te, qui ad enim etiam congue. Cu homero propriae mea, ne vel invidunt phaedrum efficiendi. </p>
15+
<a href="#" class="more">get_started</a>
16+
</div>
17+
<div class="col-md-4 col">
18+
<div class="image-holder">
19+
<img src="images/img2.png" alt="image">
20+
</div>
21+
<h2>teach</h2>
22+
<p>Lorem ipsum dolor sit amet, sit oporteat atomorum te, qui ad enim etiam congue. Cu homero propriae mea, ne vel </p>
23+
<a href="#" class="more">fun resources</a>
24+
</div>
25+
<div class="col-md-4 col">
26+
<div class="image-holder">
27+
<img src="images/img3.png" alt="image">
28+
</div>
29+
<h2>build</h2>
30+
<p>Lorem ipsum dolor sit amet, sit oporteat atomorum te, qui ad enim etiam congue. Cu homero propriae mea, ne vel invidunt phaedrum efficiendi. Enim iudicabit cu eam, </p>
31+
<a href="#" class="more">lets go!</a>
32+
</div>
33+
</div>
34+
<span class="sticker"></span>
35+
</div>
36+
</div>
37+
<div class="illustration-block">
38+
<img src="images/img-visual.jpg" alt="image description" width="1440" height="942">
39+
</div>
40+
<section class="text-section">
41+
<div class="container-fluid">
42+
<div class="row">
43+
<div class="col-md-4 visual text-center">
44+
<img src="images/img4.png" alt="image description" width="187" height="186">
45+
</div>
46+
<div class="col-md-8 description">
47+
<h2>python is a programming language.</h2>
48+
<p>It's used all over the world by all sorts of people from professional coders to complete beginners. It's very easy to learn. Use Python to code cool stuff on your micro:bit or other computer.</p>
49+
</div>
50+
</div>
51+
<span class="sticker"></span>
52+
<span class="sticker sticker-top"></span>
53+
</div>
54+
</section>
55+
<section class="title-section" style="background: url(images/img5.png) no-repeat 100% 100%;">
56+
<div class="container-fluid">
57+
<div class="row">
58+
<div class="col-xs-6 col-lg-7 heading-col separator1">
59+
<h1>learning <span>is play</span></h1>
60+
</div>
61+
</div>
62+
</div>
63+
</section>
64+
<section class="info-section">
65+
<div class="container-fluid">
66+
<span class="sticker sticker1"></span>
67+
<h1> learn</h1>
68+
<div class="row">
69+
<div class="article">
70+
<div class="col-md-4 visual text-center">
71+
<img src="images/img6.png" alt="image description">
72+
</div>
73+
<div class="col-md-8">
74+
<div class="description">
75+
<h2>tutorials</h2>
76+
<p>Eum ei nisl idque offendit, oratio oporteat has ea, ius habeo vivendo ea. Nec erat audiam complectitur id. Viderer nominati maluisset vim in, cum in labores sensibus, eu purto dicit sed. Cu nec graeci accommodare. His duis doming urbanitas an, impetus gubergren ut mel. Eius dignissim theophrastus pri an, cu petentium consequat eum.</p>
77+
<a href="#" class="more">this is a link</a>
78+
</div>
79+
</div>
80+
</div>
81+
<div class="article">
82+
<div class="col-md-4 visual text-center">
83+
<img src="images/img7.png" alt="image description">
84+
</div>
85+
<div class="col-md-8">
86+
<div class="description">
87+
<h2>micro:bit</h2>
88+
<p>Eum ei nisl idque offendit, oratio oporteat has ea, ius habeo vivendo ea. Nec erat audiam complectitur id. Viderer nominati maluisset vim in, cum in labores sensibus, eu purto dicit sed. Cu nec graeci accommodare. His duis doming urbanitas an, impetus gubergren ut mel. Eius dignissim theophrastus pri an, cu petentium consequat eum.</p>
89+
<a href="#" class="more">code the future with micro:bit</a>
90+
</div>
91+
</div>
92+
</div>
93+
<div class="article">
94+
<div class="col-md-4 visual text-center">
95+
<img src="images/img8.png" alt="image description">
96+
</div>
97+
<div class="col-md-8">
98+
<div class="description">
99+
<h2>raspberry pi</h2>
100+
<p>Eum ei nisl idque offendit, oratio oporteat has ea, ius habeo vivendo ea. Nec erat audiam complectitur id. Viderer nominati maluisset vim in, cum in labores sensibus, eu purto dicit sed. Cu nec graeci accommodare. His duis doming urbanitas an, impetus gubergren ut mel. Eius dignissim theophrastus pri an, cu petentium consequat eum.</p>
101+
<a href="#" class="more">this is a link</a>
102+
</div>
103+
</div>
104+
</div>
105+
</div>
106+
<span class="sticker"></span>
107+
</div>
108+
</section>
109+
<section class="title-section" style="background: url(images/img9.png) no-repeat 85% 50%;">
110+
<div class="container-fluid">
111+
<div class="row">
112+
<div class="col-xs-6 col-lg-7 heading-col separator2">
113+
<h1>play is <span>creativity</span></h1>
114+
</div>
115+
</div>
116+
</div>
117+
</section>
118+
<section class="info-section">
119+
<div class="container-fluid">
120+
<span class="sticker sticker2"></span>
121+
<h1> teach</h1>
122+
<div class="row">
123+
<div class="article">
124+
<div class="col-md-4 visual text-center">
125+
<img src="images/img10.png" alt="image description">
126+
</div>
127+
<div class="col-md-8">
128+
<div class="description">
129+
<h2>resources</h2>
130+
<p>Eum ei nisl idque offendit, oratio oporteat has ea, ius habeo vivendo ea. Nec erat audiam complectitur id. Viderer nominati maluisset vim in, cum in labores sensibus, eu purto dicit sed. Cu nec graeci accommodare. His duis doming urbanitas an, impetus gubergren ut mel. Eius dignissim theophrastus pri an, cu petentium consequat eum.</p>
131+
<a href="#" class="more">this is a link</a>
132+
</div>
133+
</div>
134+
</div>
135+
<div class="article">
136+
<div class="col-md-4 visual text-center">
137+
<img src="images/img11.png" alt="image description">
138+
</div>
139+
<div class="col-md-8">
140+
<div class="description">
141+
<h2>community</h2>
142+
<p>Eum ei nisl idque offendit, oratio oporteat has ea, ius habeo vivendo ea. Nec erat audiam complectitur id. Viderer nominati maluisset vim in, cum in labores sensibus, eu purto dicit sed. Cu nec graeci accommodare. His duis doming urbanitas an, impetus gubergren ut mel. Eius dignissim theophrastus pri an, cu petentium consequat eum.</p>
143+
<a href="#" class="more">this is a link</a>
144+
</div>
145+
</div>
146+
</div>
147+
</div>
148+
</div>
149+
</section>
150+
<section class="title-section" style="background: url(images/img12.png) no-repeat 91% 100%;">
151+
<div class="container-fluid">
152+
<div class="row">
153+
<div class="col-xs-6 col-lg-7 heading-col separator3">
154+
<h1>creativity is <span>exploration</span></h1>
155+
</div>
156+
</div>
157+
</div>
158+
</section>
159+
<section class="info-section">
160+
<div class="container-fluid">
161+
<h1> build</h1>
162+
<div class="row">
163+
<div class="article">
164+
<div class="col-md-4 visual text-center">
165+
<img src="images/img7.png" alt="image description">
166+
</div>
167+
<div class="col-md-8">
168+
<div class="description">
169+
<h2>documentation</h2>
170+
<p>Eum ei nisl idque offendit, oratio oporteat has ea, ius habeo vivendo ea. Nec erat audiam complectitur id. Viderer nominati maluisset vim in, cum in labores sensibus, eu purto dicit sed. Cu nec graeci accommodare. His duis doming urbanitas an, impetus gubergren ut mel. Eius dignissim theophrastus pri an, cu petentium consequat eum.</p>
171+
<a href="#" class="more">this is a link</a>
172+
</div>
173+
</div>
174+
</div>
175+
<div class="article">
176+
<div class="col-md-4 visual text-center">
177+
<img src="images/img8.png" alt="image description">
178+
</div>
179+
<div class="col-md-8">
180+
<div class="description">
181+
<h2>source code</h2>
182+
<p>Eum ei nisl idque offendit, oratio oporteat has ea, ius habeo vivendo ea. Nec erat audiam complectitur id. Viderer nominati maluisset vim in, cum in labores sensibus, eu purto dicit sed. Cu nec graeci accommodare. His duis doming urbanitas an, impetus gubergren ut mel. Eius dignissim theophrastus pri an, cu petentium consequat eum.</p>
183+
<a href="#" class="more">this is a link</a>
184+
</div>
185+
</div>
186+
</div>
187+
</div>
188+
<span class="sticker sticker3"></span>
189+
</div>
190+
</section>
191+
<section class="title-section" style="background: url(images/img13.png) no-repeat 89% 100%;">
192+
<div class="container-fluid">
193+
<div class="row">
194+
<div class="col-xs-6 col-lg-7 heading-col separator4">
195+
<h1>explore with <span>python</span></h1>
196+
</div>
197+
</div>
198+
</div>
199+
</section>

‎templates/page_en.html‎

Lines changed: 0 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -17,18 +17,7 @@
1717
Best wishes!
1818
{% endblock %}
1919

20-
{% block header %}
21-
<header>
22-
<!-- A header in English -->
23-
</header>
24-
{% endblock %}
25-
2620
{% block content %}
2721
{{ page.content }}
2822
{% endblock %}
2923

30-
{% block footer %}
31-
<footer>
32-
<!-- A footer in English -->
33-
</footer>
34-
{% endblock %}

0 commit comments

Comments
 (0)