Change title to a variable and implement opengraph metatdata tags

This commit is contained in:
Jeremy Zhang 2017-07-14 04:04:04 +00:00
parent 82db716b61
commit 415d03e7c0
10 changed files with 26 additions and 10 deletions

View File

@ -1,5 +1,5 @@
{% extends 'site_layout.html.j2' %} {% extends 'site_layout.html.j2' %}
{% block title %}About Titan{% endblock %} {% set title="About Titan" %}
{% block content %} {% block content %}
<p class="flow-text center-align">In the beginning, there was <strong>silence</strong>.</p> <p class="flow-text center-align">In the beginning, there was <strong>silence</strong>.</p>

View File

@ -1,5 +1,5 @@
{% extends 'site_layout.html.j2' %} {% extends 'site_layout.html.j2' %}
{% block title %}Adding bot to server{% endblock %} {% set title="Adding bot to server" %}
{% block content %} {% block content %}
<h1>Would you like to invite Titan to your server?</h1> <h1>Would you like to invite Titan to your server?</h1>

View File

@ -1,5 +1,5 @@
{% extends 'site_layout.html.j2' %} {% extends 'site_layout.html.j2' %}
{% block title %}Admin{% endblock %} {% set title="Admin" %}
{% block content %} {% block content %}

View File

@ -1,5 +1,5 @@
{% extends 'site_layout.html.j2' %} {% extends 'site_layout.html.j2' %}
{% block title %}Administrate Guild: {{ guild['name'] }}{% endblock %} {% set title="Administrate Guild: " + guild['name'] %}
{% block additional_head_elements %} {% block additional_head_elements %}
<link type="text/css" rel="stylesheet" href="{{ url_for('static', filename='css/administrate_guild.css') }}"> <link type="text/css" rel="stylesheet" href="{{ url_for('static', filename='css/administrate_guild.css') }}">

View File

@ -1,5 +1,5 @@
{% extends 'site_layout.html.j2' %} {% extends 'site_layout.html.j2' %}
{% block title %}Dashboard{% endblock %} {% set title="Dashboard" %}
{% block content %} {% block content %}
<h1>User Dashboard</h1> <h1>User Dashboard</h1>

View File

@ -1,5 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html prefix="og: http://ogp.me/ns#">
<head> <head>
<!--Import Google Icon Font--> <!--Import Google Icon Font-->
<link href="//fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> <link href="//fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
@ -12,6 +12,9 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"/> <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
{% include 'seo_meta.html.j2' %} {% include 'seo_meta.html.j2' %}
{% with title="Visit " + guild['name'] + " embed", description="Visit " + guild['name'] + " on Titan Embeds and chat with your friends from the comfort of your own website. This page is 100% embeddable, iFrameable and looks good on any webpages. Titan is hassle free and designed as easy to setup!", image=generate_guild_icon( guild['id'], guild['icon']) %}
{% include "opengraph_tags.html.j2" %}
{% endwith %}
<title>{{ guild['name'] }} - Embed - Titan Embeds for Discord</title> <title>{{ guild['name'] }} - Embed - Titan Embeds for Discord</title>
{% include 'google_analytics.html.j2' %} {% include 'google_analytics.html.j2' %}

View File

@ -1,5 +1,5 @@
{% extends 'site_layout.html.j2' %} {% extends 'site_layout.html.j2' %}
{% block title %}Index{% endblock %} {% set title="Index" %}
{% block content %} {% block content %}
<h1 class="center-align">Embed Discord like a<br><strong>true Titan</strong></h1> <h1 class="center-align">Embed Discord like a<br><strong>true Titan</strong></h1>

View File

@ -0,0 +1,5 @@
<meta property="og:title" content="{{ title }} page on Titan Embeds for Discord" />
<meta property="og:type" content="website" />
<meta property="og:url" content="{{ request.base_url }}" />
<meta property="og:image" content="{{ url_for('static', filename='img/titanembeds_round.png', _external=True) if not image else image }}" />
<meta property="og:description" content="{{ description }}" />

View File

@ -1,5 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html prefix="og: http://ogp.me/ns#">
<head> <head>
<!--Import Google Icon Font--> <!--Import Google Icon Font-->
<link href="//fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> <link href="//fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
@ -10,10 +10,14 @@
<!--Let browser know website is optimized for mobile--> <!--Let browser know website is optimized for mobile-->
<meta name="viewport" content="width=device-width, initial-scale=1.0"/> <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>{% block title %}{% endblock %} - Titan Embeds for Discord</title> <title>{{ title }} - Titan Embeds for Discord</title>
{% include 'seo_meta.html.j2' %} {% include 'seo_meta.html.j2' %}
{% with title=title, description="Embed your Discord server in any website. Titan is hassle free and designed as easy to setup." %}
{% include "opengraph_tags.html.j2" %}
{% endwith %}
{% block additional_head_elements %}{% endblock %} {% block additional_head_elements %}{% endblock %}
{% include 'google_analytics.html.j2' %} {% include 'google_analytics.html.j2' %}

View File

@ -1,5 +1,9 @@
{% extends 'site_layout.html.j2' %} {% extends 'site_layout.html.j2' %}
{% block title %}{% if new %}New{% else %}Editing {{ css.name }} -{% endif %} User CSS{% endblock %} {% if new %}
{% set title="New - User CSS" %}
{% else %}
{% set title="Editing " + css.name + " - User CSS" %}
{% endif %}
{% block content %} {% block content %}
<h1>{% if new %}New{% else %}Editing {{ css.name }}{% endif %} - User Defined CSS</h1> <h1>{% if new %}New{% else %}Editing {{ css.name }}{% endif %} - User Defined CSS</h1>