Edit index template to have native parallax
- Author
- Maarten 'Vngngdn' Vangeneugden
- Date
- July 8, 2017, 4:10 a.m.
- Hash
- db501314437f683ba19717a8be86debcb5786620
- Parent
-
d2102dbff1230d9b5fbb7903e8c2ea968de6daa4
- Modified file
- templates/about/index.html
templates/about/index.html ¶
31 additions and 15 deletions.
View changes Hide changes
1 |
1 |
{% load i18n %} |
2 |
2 |
|
3 |
3 |
{% block title %}{% trans "Maarten | Main page" %}{% endblock title %} |
4 |
4 |
{% block header %} |
5 |
5 |
{#{% include "website/navbar.html" %}#} |
6 |
6 |
{#{{ block.super }}#} |
7 |
7 |
<div class="section {{ materialDesign_color }} lighten-2"> |
8 |
- | <p class="flow-text container white-text">{{ status }}</p> |
9 |
- | {% comment %}{% if quote.link %} |
10 |
8 |
<p class="container white-text"> |
11 |
9 |
<a class="white-text" href="{{ quote.link }}" target="_blank"> |
12 |
10 |
{% endif %} |
13 |
11 |
{{ quote.author }} |
14 |
12 |
{% if quote.link %} |
15 |
13 |
</a> |
16 |
14 |
{% endif %} |
17 |
15 |
</p> |
18 |
16 |
{% endcomment %} |
19 |
17 |
</div> |
20 |
18 |
{% endblock header %} |
21 |
19 |
{% block description %}{% blocktrans %}Maarten's personal place on the internet. Make yourself at home!{% endblocktrans %} |
22 |
20 |
{% endblock description %} |
23 |
21 |
{% block main %} |
24 |
22 |
{{ block.super }} |
25 |
- | {% with mdac=materialDesign_accentColor %} {# You'll see why this is handy shortly. #} |
26 |
23 |
{% with mdc=materialDesign_color %} {# You'll see why this is handy shortly. #} |
27 |
24 |
{# TODO: Make the "quote section" less obtrusive, i.e. make it smaller #} |
28 |
- | <div class="section {{ materialDesign_color }} z-depth-3"> |
29 |
- | <div class="container"> |
30 |
- | <div class="white-text"> |
31 |
- | <h3>{% trans "Welcome!" %}</h3> |
32 |
- | <p> |
33 |
- | {% blocktrans %}Hello there! I'm Maarten, a happy |
34 |
- | hacker from Belgium, and this is my amazing personal website. |
35 |
- | I like a lot of things, and I share some of those in here. Take |
36 |
- | a look around, read a bit, talk with me, and most importantly, |
37 |
- | enjoy your stay!{% endblocktrans %} |
38 |
- | </p> |
39 |
- | <!-- Congratulations! You've found a piece of my website that I didn't |
| + |
25 |
<div class="parallax_group"> |
| + |
26 |
<div class="parallax_layer parallax_layer-base"> |
| + |
27 |
<header> |
| + |
28 |
{% include "website/navbar.html" %} |
| + |
29 |
</header> |
| + |
30 |
</div> |
| + |
31 |
</div> |
| + |
32 |
<div class="parallax_group"> |
| + |
33 |
<div class="parallax_layer parallax_layer-back"> |
| + |
34 |
{{ parallax_src|safe }} |
| + |
35 |
</div> |
| + |
36 |
<div class="parallax_layer parallax_layer-base"> |
| + |
37 |
<div class="section {{ materialDesign_color }} lighten-2"> |
| + |
38 |
<p class="flow-text container white-text">{{ status }}</p> |
| + |
39 |
{# TODO: Make the "quote section" less obtrusive, i.e. make it smaller #} |
| + |
40 |
<div class="section {{ materialDesign_color }} z-depth-3"> |
| + |
41 |
<div class="container"> |
| + |
42 |
<div class="white-text"> |
| + |
43 |
<h3>{% trans "Welcome!" %}</h3> |
| + |
44 |
<p> |
| + |
45 |
{% blocktrans %}Hello there! I'm Maarten, a happy |
| + |
46 |
hacker from Belgium, and this is my amazing personal website. |
| + |
47 |
I like a lot of things, and I share some of those in here. Take |
| + |
48 |
a look around, read a bit, talk with me, and most importantly, |
| + |
49 |
enjoy your stay!{% endblocktrans %} |
| + |
50 |
</p> |
| + |
51 |
</div> |
| + |
52 |
</div> |
| + |
53 |
</div> |
| + |
54 |
</div> |
| + |
55 |
<!-- Congratulations! You've found a piece of my website that I didn't |
40 |
56 |
remove because of being lazy. You sneaky HTML inspector =3 |
41 |
57 |
</div> |
42 |
58 |
<a class="waves-effect waves-red btn white |
43 |
59 |
orange-text text-accent-4" |
44 |
60 |
href="mailto:mannu.lambrichts@student.uhasselt.be"><i class="material-icons |
45 |
61 |
left">email</i>Thank bookmarker</a>--> |
46 |
62 |
</div> |
47 |
63 |
</div> |
48 |
64 |
</div> |
49 |
65 |
{% include "about/main_content.html" %} |
50 |
66 |
{% endwith %} |
51 |
67 |
{% endwith %} |
52 |
68 |
{% endblock main %} |
53 |
69 |