wiki: Only match usernames when a word starts with @

[ipfire.org.git] / src / templates / blog / post.html

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

{% block title %}{{ post.title }}{% end block %}

{% block meta %}
	{% import ipfire.accounts as accounts %}

	<!-- Facebook OpenGraph -->
	<meta property="og:site_name" content="IPFire Blog" />
	<meta property="og:title" content="{{ post.title }} - The IPFire Blog" />
	<meta property="og:description" content="{{ post.excerpt }}" />
	<meta property="og:url" content="{{ request.full_url() }}" />
	<meta property="og:image" content="{{ static_url("img/ipfire-tux.png") }}" />

	<meta property="og:type" content="article" />
	{% if post.published_at %}
		<meta property="og:article:published_time" content="{{ post.published_at.isoformat() }}" />
	{% end %}
	<meta property="og:article:modified_time" content="{{ post.updated_at.isoformat() }}" />
	{% if isinstance(post.author, accounts.Account) %}
		<meta property="og:article:author:first_name" content="{{ post.author.first_name }}" />
		<meta property="og:article:author:last_name" content="{{ post.author.last_name }}" />
		<meta property="og:article:author:username" content="{{ post.author.uid }}" />
	{% end %}
	{% for tag in post.tags %}
		<meta property="og:article:tag" content="{{ tag }}" />
	{% end %}

	<!-- Twitter -->
	<meta property="twitter:site" content="@ipfire" />
	<meta property="twitter:card" content="summary_large_image" />
	<meta property="twitter:title" content="{{ post.title }} - The IPFire Blog" />
	<meta property="twitter:description" content="{{ post.excerpt }}" />
	<meta property="twitter:image" content="{{ static_url("img/ipfire-tux.png") }}" />
{% end block %}

{% block container %}
	{% import ipfire.accounts as accounts %}

	<section class="hero {% if "lightningwirelabs.com" in post.tags %}is-lwl{% elif post.is_published() %}is-primary{% else %}is-light{% end %}">
		<div class="hero-body">
			<div class="container">
				<nav class="breadcrumb" aria-label="breadcrumbs">
					<ul>
						<li>
							<a href="/">{{ _("Home") }}</a>
						</li>
						<li>
							<a href="/blog">{{ _("Blog") }}</a>
						</li>
						<li class="is-active">
							<a href="#" aria-current="page">{{ post.title }}</a>
						</li>
					</ul>
				</nav>

				<h1 class="title">{{ post.title }}</h1>

				<h6 class="subtitle">
					{{ _("by") }}

					{% if isinstance(post.author, accounts.Account) %}
						<a href="/users/{{ post.author.uid }}">{{ post.author.name }}</a>,
					{% else %}
						<strong>{{ post.author }}</strong>,
					{% end %}

					{% if post.is_published() %}
						{% if post.updated_at and post.updated_at > post.published_at %}
							{{ locale.format_date(post.published_at, shorter=True, relative=False) }},
							{{ _("Updated %s") % locale.format_date(post.updated_at, shorter=True) }}
						{% else %}
							{{ locale.format_date(post.published_at, shorter=True, relative=False) }}
						{% end %}
					{% elif post.published_at %}
						{{ _("Scheduled to be published %s") % locale.format_date(post.published_at, relative=False) }}
					{% else %}
						{{ _("Not published, yet") }}
					{% end %}
				</h6>
			</div>
		</div>
	</section>

	{# Encourage people to sign up & subscribe... #}
	{% if not current_user or not current_user.consents_to_promotional_emails %}
		<section class="has-background-light">
			<div class="container">
				<p class="has-text-centered px-2 py-1">
					{{ _("Do you like what you are reading?") }}
					{{ _("Subscribe to our newsletter and don't miss out on the latest...") }}

					&nbsp;

					{% if not current_user %}
						<a class="has-text-weight-bold" href="/join">
							{{ _("Join Now") }}
						</a>
					{% else %}
						<a class="has-text-weight-bold" href="/subscribe">
							{{ _("Subscribe Now") }}
						</a>
					{% end %}
				</p>
			</div>
		</section>
	{% end %}

	<section class="section">
		<div class="container">
			<div class="columns is-justify-content-space-between">
				<div class="column is-8">
					<div class="buttons are-medium">
						{% if "lightningwirelabs.com" in post.tags and post.link %}
							<a class="button is-lwl is-fullwidth" href="{{ post.link }}">
								<span class="icon">
									<i class="fas fa-external-link-alt"></i>
								</span>
								<span>{{ _("Go to Lightning Wire Labs") }}</span>
							</a>
						{% end %}

						{% if post.release or "donate" in post.tags %}
							<a class="button is-primary is-fullwidth" href="/donate">
								<span class="icon">
									<i class="fas fa-heart"></i>
								</span>
								<span>{{ _("Donate") }}</span>
							</a>
						{% end %}

						{% if post.release %}
							<a class="button is-dark is-fullwidth" href="/downloads/{{ post.release.slug }}">
								<span class="icon">
									<i class="fas fa-download"></i>
								</span>
								<span>{{ _("Download") }} <span class="is-hidden-mobile">{{ post.release }}</span></span>

							</a>
						{% end %}
					</div>

					<div class="block">
						<div class="content">
							{% raw post.html %}
						</div>
					</div>
				</div>

				{# Author Stuff #}

				{% if post.is_editable(current_user) %}
					<div class="column is-3">
						<div class="buttons">
							{% if not post.is_published() %}
								<a class="button is-primary is-fullwidth" href="/blog/{{ post.slug }}/publish">
									<span class="icon">
										<i class="fa-solid fa-users"></i>
									</span>
									<span>{{ _("Publish") }}</span>
								</a>
							{% end %}

							<a class="button is-light is-fullwidth" href="/blog/{{ post.slug }}/edit">
								<span class="icon">
									<i class="fas fa-edit"></i>
								</span>
								<span>{{ _("Edit") }}</span>
							</a>
						</div>
					</div>
				{% end %}
			</div>
		</div>
	</section>

	{# Analytics #}
	{% if post.is_published() %}
		{% if current_user and current_user.is_admin() %}
			<section class="hero is-dark">
				<div class="hero-body">
					<div class="container">
						<h4 class="title is-4">{{ _("Analytics") }}</h4>

						{% module AnalyticsSummary() %}
					</div>
				</div>
			</section>
		{% end %}
	{% end %}
{% end block %}