Add code for future contact form
- Author
- Maarten Vangeneugden
- Date
- Oct. 4, 2020, 7:25 p.m.
- Hash
- bd57a90a17fccb1ff27b25336e550351e307273f
- Parent
- d4cd62a75b48e5a2799cec9f1ae8e896a97701e6
- Modified file
- templates/about/main_content.djhtml
templates/about/main_content.djhtml ¶
13 additions and 0 deletions.
View changes Hide changes
1 |
1 |
{% load static %} |
2 |
2 |
<section class="emphasis"> |
3 |
3 |
<h1>{% trans "Welcome!" %}</h1> |
4 |
4 |
<p> |
5 |
5 |
{% blocktrans %}Hello there! I'm Maarten, a happy |
6 |
6 |
student from Belgium, and this is my amazing personal website. |
7 |
7 |
I like a lot of things, and I share some of those in here. Take |
8 |
8 |
a look around, read a bit, talk with me, and most importantly, |
9 |
9 |
enjoy your stay!{% endblocktrans %} |
10 |
10 |
</p> |
11 |
11 |
</section> |
12 |
12 |
<div class="cards"> |
13 |
13 |
{# Blog card #} |
14 |
14 |
<div id="blog" class="card"> |
15 |
15 |
<img src="/media/main/blog.jpg" /> |
16 |
16 |
<h3>{% trans "Blog" %}</h3> |
17 |
17 |
<p> |
18 |
18 |
{% blocktrans %}My personal scribblepad, written from scratch, |
19 |
19 |
on which I ramble about everything I like. Highly recommended |
20 |
20 |
while eating breakfast.{% endblocktrans %} |
21 |
21 |
</p> |
22 |
22 |
<a class="btn text" href="{% url 'blog-index' %}">{% trans "Visit blog" %}</a> |
23 |
23 |
</div> |
24 |
24 |
|
25 |
25 |
{# Gitar card #} |
26 |
26 |
<div id="gitar" class="card" style="flex-grow: 2"> |
27 |
27 |
<!-- HAHAHAA I CAN'T DESIGN LOGOS --> |
28 |
28 |
<img src="/media/main/gitar.png" /> |
29 |
29 |
<h3>Gitar</h3> |
30 |
30 |
<p> |
31 |
31 |
{% blocktrans %}I actually don't use GitHub to host my code, |
32 |
32 |
contrary to a lot of other coders. Instead, I've been trying to |
33 |
33 |
create something that's just fit to my taste. I host a couple of |
34 |
34 |
archive repositories there, as well as dotfiles, and that jazz. It's |
35 |
35 |
a continuing work, so don't flip your desk if the layout is upside |
36 |
36 |
down tomorrow =3{% endblocktrans %} |
37 |
37 |
</p> |
38 |
38 |
<a class="btn text" href="{% url 'gitar-index' %}"> |
39 |
39 |
{% trans "Check code" %}</a> |
40 |
40 |
</div> |
41 |
41 |
|
42 |
42 |
{# About myself card #} |
43 |
43 |
<div id="about" class="card"> |
44 |
44 |
<img src="/media/about/images/parallax.png" /> |
45 |
45 |
<!-- I still don't have a good picture or still life about |
46 |
46 |
myself, so yes, I'm copying my parallax for a while. Sorry! --> |
47 |
47 |
<h3>{% trans "About me" %}</h3> |
48 |
48 |
<p> |
49 |
49 |
{% blocktrans %}Well, if you wish to know more of me, I have a page |
50 |
50 |
where I describe myself in a couple more sentences. You know, |
51 |
51 |
because I can =) |
52 |
52 |
{% endblocktrans %} |
53 |
53 |
</p> |
54 |
54 |
<a class="btn text" href="{% url "main-myself" %}">{% trans "Read on" %}</a> |
55 |
55 |
</div> |
56 |
56 |
|
57 |
57 |
{# Publications card #} |
58 |
58 |
<div id="eldonoj" class="card"> |
59 |
59 |
<!--<img src="/media/about/images/publications.png" />--> |
60 |
60 |
<h3>{% translate "Publications" %}</h3> |
61 |
61 |
<p> |
62 |
62 |
{% blocktranslate %}Throughout my academic career, I've written a lot, |
63 |
63 |
sometimes together with other people. To avoid that these papers get |
64 |
64 |
lost to the passing of time, I've decided to publish them on my website, should somebody |
65 |
65 |
want to read them.{% endblocktranslate %} |
66 |
66 |
</p> |
67 |
67 |
<a class="btn text" href="{% url "publications-index" %}">{% translate "Consult publications" %}</a> |
68 |
68 |
</div> |
69 |
69 |
|
70 |
70 |
{# Projects card #} |
71 |
71 |
<div id="project" class="card"> |
72 |
72 |
<h3>{% trans "Other projects" %}</h3> |
73 |
73 |
<p> |
74 |
74 |
{% blocktrans %}Projects come and go, and with my website I can |
75 |
75 |
present them to you. This cards takes you to the |
76 |
76 |
archive of past projects. |
77 |
77 |
{% endblocktrans %} |
78 |
78 |
</p> |
79 |
79 |
<a class="btn text disabled" href="{% url "main-project-archive" %}"> |
80 |
80 |
{% trans "View projects" %}</a> |
81 |
81 |
</div> |
82 |
82 |
|
83 |
83 |
{# Activism card #} |
84 |
84 |
<div id="aktivismo" class="card"> |
85 |
85 |
<h3>{% trans "Activism" %}</h3> |
86 |
86 |
<p> |
87 |
87 |
{% blocktrans %}Trying to make this place better takes some time. So |
88 |
88 |
I made a page in the hopes that it can engage you to partake in that |
89 |
89 |
process. Because it's never too late to begin. |
90 |
90 |
{% endblocktrans %} |
91 |
91 |
</p> |
92 |
92 |
<a class="btn text" href="{% url "activism" %}"> |
93 |
93 |
{% trans "List talking points" %}</a> |
94 |
94 |
</div> |
95 |
95 |
|
96 |
96 |
</div> |
97 |
97 |
|
+ |
98 |
<h2>{% translate "Contact me" %}</h2> |
+ |
99 |
<p>{% blocktranslate %}If you wish to contact me, use this convenient form, |
+ |
100 |
and leave some contact info of yourself so I can get back to you. Abuse |
+ |
101 |
will literally make your computer explode, so don't anger |
+ |
102 |
my server.{% endblocktranslate %}</p> |
+ |
103 |
<form action="" method="post"> |
+ |
104 |
<input type="text" name="name" mozactionhint="send" enterkeyhint="send" maxlength="64" placeholder="{% translate "Your name" %}" required> |
+ |
105 |
<textarea name="" maxlength="2000" spellcheck="true" name="message" required |
+ |
106 |
<input type="submit" value="{% translate "Send" %}"> |
+ |
107 |
</form> |
+ |
108 |
</section> |
+ |
109 |
|
+ |
110 |