people: Encourage people to add a description

[ipfire.org.git] / src / templates / people / index.html

{% extends "../base.html" %}

{% block title %}{{ _("Home") }}{% end block %}

{% block content %}
	<section>
		<div class="row mb-5">
			<div class="col col-lg-6">
				<h1>{{ _("Hello, %s!") % current_user.first_name }}</h1>

				<p>
					{{ _("Welcome to the IPFire People Portal where you can manage your account and get in touch with others") }}
				</p>
			</div>
		</div>

		{% if hints %}
			<div class="card my-5">
				<div class="card-body">
					<div class="row">
						<div class="col-12 col-md-2 text-center">
							<i class="far fa-smile-wink fa-4x my-3"></i>
						</div>

						<div class="col-12 col-md-10">
							<h4 class="mb-0">{{ _("Tell us more about you!") }}</h4>
							<p>
								{{ _("Become a part of our community and allow other people to connect with you!") }}
							</p>
						</div>
					</div>
				</div>

				<div class="list-group list-group-flush">
					{% for hint in hints %}
						<a class="list-group-item list-group-item-action" href="/users/{{ current_user.uid }}/edit">
							{% if hint == "avatar" %}
								<h6 class="mb-0">{{ _("Upload an avatar!") }}</h6>

								<p class="card-text">
									{{ _("A picture says more than a thousand words.") }}
								</p>
							{% elif hint == "description" %}
								<h6 class="mb-0">{{ _("Tell Us Who You Are!" ) }}</h6>

								<p class="card-text">
									{{ _("Add a couple of lines about yourself to your profile so that others get to know you better!") }}
								</p>
							{% end %}
						</a>
					{% end %}
				</div>
			</div>
		{% end %}
	</section>
{% end block %}