mirror of
https://github.com/sergeyyarkov/yarkov.tech.git
synced 2026-10-11 10:29:21 +03:00
added some microdata
This commit is contained in:
parent
09dcb4df2c
commit
2ce791412d
@ -13,14 +13,14 @@ export const ArticleItem: Component<ArticleItemProps> = (props) => {
|
|||||||
const isNonDefaultLanguage = props.data.lang && props.data.lang !== props.lang;
|
const isNonDefaultLanguage = props.data.lang && props.data.lang !== props.lang;
|
||||||
const hrefLangPrefix = props.data.lang && props.data.lang !== DEFAULT_LANGUAGE ? `/${props.data.lang}` : "";
|
const hrefLangPrefix = props.data.lang && props.data.lang !== DEFAULT_LANGUAGE ? `/${props.data.lang}` : "";
|
||||||
return (
|
return (
|
||||||
<article class="article-item">
|
<article itemprop="blogPosts" itemscope itemtype="http://schema.org/BlogPosting" class="article-item">
|
||||||
<a
|
<a
|
||||||
href={`${hrefLangPrefix}/blog/${new Date(props.data.published_at).toLocaleDateString("en-CA")}/${
|
href={`${hrefLangPrefix}/blog/${new Date(props.data.published_at).toLocaleDateString("en-CA")}/${
|
||||||
props.data.slug
|
props.data.slug
|
||||||
}/`}
|
}/`}
|
||||||
>
|
>
|
||||||
<div class="flex">
|
<div class="flex">
|
||||||
<h3>{props.data.title}</h3>
|
<h3 itemprop="headline">{props.data.title}</h3>
|
||||||
{isNonDefaultLanguage && <sup>{props.data.lang.toLocaleUpperCase()}</sup>}
|
{isNonDefaultLanguage && <sup>{props.data.lang.toLocaleUpperCase()}</sup>}
|
||||||
</div>
|
</div>
|
||||||
<p>
|
<p>
|
||||||
|
|||||||
@ -72,7 +72,7 @@ const ArticlesList: Component<ArticlesListProps> = (props) => {
|
|||||||
<>
|
<>
|
||||||
<SearchInput count={getLength()} placeholder={props.i18n["input.search"]} />
|
<SearchInput count={getLength()} placeholder={props.i18n["input.search"]} />
|
||||||
<TagsList data={props.data.tags} />
|
<TagsList data={props.data.tags} />
|
||||||
<div class="articles-list">
|
<div itemscope itemtype="http://schema.org/Blog" class="articles-list">
|
||||||
{isEmpty() ? (
|
{isEmpty() ? (
|
||||||
<div class="articles-list__empty">
|
<div class="articles-list__empty">
|
||||||
<p>{props.i18n["articles.empty"]}</p>
|
<p>{props.i18n["articles.empty"]}</p>
|
||||||
|
|||||||
@ -19,12 +19,13 @@ const { pathname } = Astro.url;
|
|||||||
{name}
|
{name}
|
||||||
</TranslatedLink>
|
</TranslatedLink>
|
||||||
</div>
|
</div>
|
||||||
<nav>
|
<nav itemscope itemtype="http://schema.org/SiteNavigationElement">
|
||||||
<ul>
|
<ul>
|
||||||
{
|
{
|
||||||
nav.map((link) => (
|
nav.map((link) => (
|
||||||
<li>
|
<li>
|
||||||
<TranslatedLink
|
<TranslatedLink
|
||||||
|
itemprop="url"
|
||||||
class={pathname.includes(removeSlashes(link.url)) && pathname.split("/").length < 5 && "active"}
|
class={pathname.includes(removeSlashes(link.url)) && pathname.split("/").length < 5 && "active"}
|
||||||
to={link.url}
|
to={link.url}
|
||||||
>
|
>
|
||||||
|
|||||||
@ -26,7 +26,7 @@ const isEmpty = recent.length === 0;
|
|||||||
</TranslatedLink>
|
</TranslatedLink>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div>
|
<div itemscope itemtype="http://schema.org/Blog">
|
||||||
{!isEmpty ? recent.slice(0, length).map((article) => <ArticleItem lang={lang} data={article} />) : <EmptyList />}
|
{!isEmpty ? recent.slice(0, length).map((article) => <ArticleItem lang={lang} data={article} />) : <EmptyList />}
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user