Add support for metatags
This commit is contained in:
Alex
parent
ae440be40c
commit
4564aa9534
25 changed files with 230 additions and 22 deletions
|
|
@ -20,6 +20,24 @@
|
|||
<script src="https://cdn.jsdelivr.net/npm/idiomorph"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/frankenphp-hot-reload/+esm" type="module"></script>
|
||||
{% endif %}
|
||||
|
||||
<!-- Metatags -->
|
||||
<meta name="title" content="{% block metatitle %}{% endblock %}" />
|
||||
<meta name="description" content="{% block metadescription %}{% endblock %}" />
|
||||
|
||||
<meta property="og:type" content="website" />
|
||||
<meta property="og:url" content="https://alexdaniels.me" />
|
||||
<meta property="og:title" content="{% block ogtitle %}{% endblock %}" />
|
||||
<meta property="og:description" content="{% block ogdescription %}{% endblock %}" />
|
||||
<meta property="og:image" content="{% block ogimage %}{% endblock %}" />
|
||||
|
||||
<!-- X (Twitter) -->
|
||||
<meta property="twitter:card" content="summary_large_image" />
|
||||
<meta property="twitter:url" content="https://alexdaniels.me" />
|
||||
<meta property="twitter:title" content="{% block twittertitle %}{% endblock %}" />
|
||||
<meta property="twitter:description" content="{% block twitterdescription %}{% endblock %}" />
|
||||
<meta property="twitter:image" content="{% block twitterimage %}{% endblock %}" />
|
||||
|
||||
</head>
|
||||
<body class="secondary layout--v1 {{ app.user ? 'auth': '' }}">
|
||||
<div id="root">
|
||||
|
|
|
|||
|
|
@ -1,25 +1,33 @@
|
|||
{% extends 'base.html.twig' %}
|
||||
|
||||
{% block title %}Categories | Alex Daniels{% endblock %}
|
||||
{% block title %}{{title}} - Categories | Alex Daniels{% endblock %}
|
||||
|
||||
{% block metatitle %}{{title}} - Categories | Alex Daniels {% endblock %}
|
||||
{% block ogtitle %}{{title}} - Categories | Alex Daniels {% endblock %}
|
||||
{% block twittertitle %}Writing and Albums that contain the category '{{title}}'{% endblock %}
|
||||
{% block metadescription %}Writing and Albums that contain the category '{{title}}'{% endblock %}
|
||||
{% block ogdescription %}Writing and Albums that contain the category '{{title}}'{% endblock %}
|
||||
{% block twitterdescription %}Writing and Albums that contain the category '{{title}}'{% endblock %}
|
||||
|
||||
{% block body %}
|
||||
<section class="category">
|
||||
<h2>{{title}}</h2>
|
||||
{% if posts|length %}
|
||||
<div class="posts">
|
||||
<h2>Posts</h2>
|
||||
<h3>Posts</h3>
|
||||
<ul>
|
||||
{% for post in posts %}
|
||||
<li><a href="/words/{{post.url}}">{{post.title}}</a></li>
|
||||
<li><a href="/words/{{post.url}}">{{post.title}} - {{ post.date|date('l M d Y') }}</a></li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if photos|length %}
|
||||
<div class="photos">
|
||||
<h2>Photos</h2>
|
||||
<h3>Photos</h3>
|
||||
<ul>
|
||||
{% for photo in photos %}
|
||||
<li><a href="/photos/{{photo.url}}">{{photo.title}}</a></li>
|
||||
<li><a href="/photos/{{photo.url}}">{{photo.title}} - {{ photo.date|date('l M d Y') }}</a></li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -2,6 +2,13 @@
|
|||
|
||||
{% block title %}Categories | Alex Daniels{% endblock %}
|
||||
|
||||
{% block metatitle %}Categories | Alex Daniels {% endblock %}
|
||||
{% block ogtitle %}Categories | Alex Daniels {% endblock %}
|
||||
{% block twittertitle %}Categories used in posts and albums{% endblock %}
|
||||
{% block metadescription %}Categories used in posts and albums{% endblock %}
|
||||
{% block ogdescription %}Categories used in posts and albums{% endblock %}
|
||||
{% block twitterdescription %}Categories used in posts and albums{% endblock %}
|
||||
|
||||
{% block body %}
|
||||
<section class="categories">
|
||||
<h2>Categories</h2>
|
||||
|
|
|
|||
|
|
@ -2,6 +2,13 @@
|
|||
|
||||
{% block title %}{{page.title}} | Alex Daniels{% endblock %}
|
||||
|
||||
{% block metatitle %}{{page.title}} | Alex Daniels {% endblock %}
|
||||
{% block ogtitle %}{{page.title}} | Alex Daniels {% endblock %}
|
||||
{% block twittertitle %}{{page.title}} | Alex Daniels{% endblock %}
|
||||
{% block metadescription %}{{page.description }} {% endblock %}
|
||||
{% block ogdescription %}{{page.description }} {% endblock %}
|
||||
{% block twitterdescription %}{{page.description }} {% endblock %}
|
||||
|
||||
{% block body %}
|
||||
<section class="page">
|
||||
<h2>{{page.title}}</h2>
|
||||
|
|
|
|||
|
|
@ -2,6 +2,15 @@
|
|||
|
||||
{% block title %}{{photos['title']}} - Photography | Alex Daniels{% endblock %}
|
||||
|
||||
{% block metatitle %}{{photos['title']}} | Alex Daniels {% endblock %}
|
||||
{% block ogtitle %}{{photos['title']}} | Alex Daniels {% endblock %}
|
||||
{% block twittertitle %}{{photos['title']}} | Alex Daniels{% endblock %}
|
||||
{% block metadescription %}{{photos['description']}} {% endblock %}
|
||||
{% block ogdescription %}{{photos['description']}} {% endblock %}
|
||||
{% block twitterdescription %}{{photos['description'] }} {% endblock %}
|
||||
{% block ogimage %}{{ photos['thumbnail']}}{% endblock %}
|
||||
{% block twitterimage %}{{ photos['thumbnail']}}{% endblock %}
|
||||
|
||||
{% block body %}
|
||||
<article id="album">
|
||||
<h2 class="title">{{photos['title']}}</h2>
|
||||
|
|
|
|||
|
|
@ -2,6 +2,15 @@
|
|||
|
||||
{% block title %}Photography | Alex Daniels{% endblock %}
|
||||
|
||||
{% block metatitle %}Photography | Alex Daniels {% endblock %}
|
||||
{% block ogtitle %}Photography | Alex Daniels {% endblock %}
|
||||
{% block twittertitle %}Photography | Alex Daniels{% endblock %}
|
||||
{% block metadescription %}Photo Albums of things I find neat{% endblock %}
|
||||
{% block ogdescription %}Photo Albums of things I find neat{% endblock %}
|
||||
{% block twitterdescription %}Photo Albums of things I find neat{% endblock %}
|
||||
{# {% block ogimage %}{{ photos['thumbnail']}}{% endblock %}
|
||||
{% block twitterimage %}{{ photos['thumbnail']}}{% endblock %} #}
|
||||
|
||||
{% block body %}
|
||||
<h2>Photography</h2>
|
||||
<div class="photos">
|
||||
|
|
|
|||
|
|
@ -1,6 +1,12 @@
|
|||
{% extends 'base.html.twig' %}
|
||||
|
||||
{% block title %}{{post.title}} - Writing | Alex Daniels{% endblock %}
|
||||
{% block title %} {{post.title}} - Writing | Alex Daniels{% endblock %}
|
||||
|
||||
{% block metatitle %}{{post.title}} - Writing | Alex Daniels {% endblock %}
|
||||
{% block twittertitle %}{{post.title}} - Writing | Alex Daniels{% endblock %}
|
||||
{% block metadescription %}{{post.description }} {% endblock %}
|
||||
{% block ogdescription %}{{post.description }} {% endblock %}
|
||||
{% block twitterdescription %}{{post.description }} {% endblock %}
|
||||
|
||||
{% block body %}
|
||||
<article class="post">
|
||||
|
|
|
|||
|
|
@ -2,6 +2,13 @@
|
|||
|
||||
{% block title %}Writing | Alex Daniels{% endblock %}
|
||||
|
||||
{% block metatitle %}Writing | Alex Daniels {% endblock %}
|
||||
{% block ogtitle %}Writing | Alex Daniels {% endblock %}
|
||||
{% block twittertitle %}A truly random smattering of thoughts and feelings. Things may not always be relevant, but they will always be irreverant.{% endblock %}
|
||||
{% block metadescription %}A truly random smattering of thoughts and feelings. Things may not always be relevant, but they will always be irreverant.{% endblock %}
|
||||
{% block ogdescription %}A truly random smattering of thoughts and feelings. Things may not always be relevant, but they will always be irreverant.{% endblock %}
|
||||
{% block twitterdescription %}A truly random smattering of thoughts and feelings. Things may not always be relevant, but they will always be irreverant.{% endblock %}
|
||||
|
||||
{% block body %}
|
||||
<section class="posts">
|
||||
<h2>Writing</h2>
|
||||
|
|
|
|||
|
|
@ -1,25 +1,35 @@
|
|||
{% extends 'base.html.twig' %}
|
||||
|
||||
{% block title %}Tags | Alex Daniels{% endblock %}
|
||||
{% block title %}{{title}} - Tags | Alex Daniels{% endblock %}
|
||||
|
||||
|
||||
{% block metatitle %}{{title}} - Tags | Alex Daniels {% endblock %}
|
||||
{% block ogtitle %}{{title}} - Tags | Alex Daniels {% endblock %}
|
||||
{% block twittertitle %}Writing and Albums that contain the tag '{{title}}'{% endblock %}
|
||||
{% block metadescription %}Writing and Albums that contain the tag '{{title}}'{% endblock %}
|
||||
{% block ogdescription %}Writing and Albums that contain the tag '{{title}}'{% endblock %}
|
||||
{% block twitterdescription %}Writing and Albums that contain the tag '{{title}}'{% endblock %}
|
||||
|
||||
|
||||
{% block body %}
|
||||
<section class="tag">
|
||||
<h2>{{title}}</h2>
|
||||
{% if posts|length %}
|
||||
<div class="posts">
|
||||
<h2>Posts</h2>
|
||||
<h3>Posts</h3>
|
||||
<ul>
|
||||
{% for post in posts %}
|
||||
<li><a href="/words/{{post.url}}">{{post.title}}</a></li>
|
||||
<li><a href="/words/{{post.url}}">{{post.title}} - {{ post.date|date('l M d Y') }}</a></li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if photos|length %}
|
||||
<div class="photos">
|
||||
<h2>Photos</h2>
|
||||
<h3>Photos</h3>
|
||||
<ul>
|
||||
{% for photo in photos %}
|
||||
<li><a href="/photos/{{photo.url}}">{{photo.title}}</a></li>
|
||||
<li><a href="/photos/{{photo.url}}">{{photo.title}} - {{ photo.date|date('l M d Y') }}</a></li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -2,6 +2,13 @@
|
|||
|
||||
{% block title %}Tags | Alex Daniels{% endblock %}
|
||||
|
||||
{% block metatitle %}Tags | Alex Daniels {% endblock %}
|
||||
{% block ogtitle %}Tags | Alex Daniels {% endblock %}
|
||||
{% block twittertitle %}Tags used in posts and albums{% endblock %}
|
||||
{% block metadescription %}Tags used in posts and albums{% endblock %}
|
||||
{% block ogdescription %}Tags used in posts and albums{% endblock %}
|
||||
{% block twitterdescription %}Tags used in posts and albums{% endblock %}
|
||||
|
||||
{% block body %}
|
||||
<section class="tags">
|
||||
<h2>Tags</h2>
|
||||
|
|
|
|||
|
|
@ -20,6 +20,24 @@
|
|||
<script src="https://cdn.jsdelivr.net/npm/idiomorph"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/frankenphp-hot-reload/+esm" type="module"></script>
|
||||
{% endif %}
|
||||
|
||||
<!-- Metatags -->
|
||||
<meta name="title" content="Alex Daniels" />
|
||||
<meta name="description" content="hello, i'm alex i'm a web developer based in portland, oregon in my free time i enjoy hiking, camping, reading, photography, and more. welcome to my little corner of the internet" />
|
||||
|
||||
<meta property="og:type" content="website" />
|
||||
<meta property="og:url" content="https://alexdaniels.me" />
|
||||
<meta property="og:title" content="Alex Daniels" />
|
||||
<meta property="og:description" content="hello, i'm alex i'm a web developer based in portland, oregon in my free time i enjoy hiking, camping, reading, photography, and more. welcome to my little corner of the internet" />
|
||||
{# <meta property="og:image" content="https://metatags.io/images/meta-tags.png" /> #}
|
||||
|
||||
<!-- X (Twitter) -->
|
||||
<meta property="twitter:card" content="summary_large_image" />
|
||||
<meta property="twitter:url" content="https://alexdaniels.me" />
|
||||
<meta property="twitter:title" content="Alex Daniels" />
|
||||
<meta property="twitter:description" content="hello, i'm alex i'm a web developer based in portland, oregon in my free time i enjoy hiking, camping, reading, photography, and more. welcome to my little corner of the internet" />
|
||||
{# <meta property="twitter:image" content="https://metatags.io/images/meta-tags.png" /> #}
|
||||
|
||||
</head>
|
||||
<body class="home layout--v1 {{ app.user ? 'auth': '' }}">
|
||||
<header>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue