home

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