Add breadcrumb list structured data using JSON-LD

Bugfix: No "Experiment" suffix in the heading text
master
Muhammad Rifqi Priyo Susanto 2021-03-06 10:00:00 +07:00
parent e7c4f161f3
commit 23982a14a6
13 changed files with 206 additions and 3 deletions

View File

@ -7,6 +7,22 @@
<meta name="description" content="Addition game: Play until you don't have numbers in your hand">
<meta name="viewport" content="width=device-width,height=device-height,initial-scale=1">
<link rel="stylesheet" href="/main.css">
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "BreadcrumbList",
"itemListElement": [{
"@type": "ListItem",
"position": 1,
"name": "Experiments",
"item": "https://srifqi.github.io/experiment/"
}, {
"@type": "ListItem",
"position": 2,
"name": "Addition Game"
}]
}
</script>
</head>
<body style="border: 0; max-width: 100%;">
<header><h1>Addition Game Experiment</h1></header>

View File

@ -7,9 +7,25 @@
<meta name="description" content="An example of contrast enhancement in digital image processing">
<meta name="viewport" content="width=device-width,height=device-height,initial-scale=1">
<link rel="stylesheet" href="/main.css">
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "BreadcrumbList",
"itemListElement": [{
"@type": "ListItem",
"position": 1,
"name": "Experiments",
"item": "https://srifqi.github.io/experiment/"
}, {
"@type": "ListItem",
"position": 2,
"name": "Contrast Enhancement"
}]
}
</script>
</head>
<body style="border: 0; max-width: 100%;">
<header><h1>Contrast Enhancement</h1></header>
<header><h1>Contrast Enhancement Experiment</h1></header>
<main>
<nav>
<ul class="left-menu">

View File

@ -7,9 +7,25 @@
<meta name="description" content="An example of point and edge detection using filters in digital image processing">
<meta name="viewport" content="width=device-width,height=device-height,initial-scale=1">
<link rel="stylesheet" href="/main.css">
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "BreadcrumbList",
"itemListElement": [{
"@type": "ListItem",
"position": 1,
"name": "Experiments",
"item": "https://srifqi.github.io/experiment/"
}, {
"@type": "ListItem",
"position": 2,
"name": "Point and Edge Detection"
}]
}
</script>
</head>
<body style="border: 0; max-width: 100%;">
<header><h1>Point and Edge Detection</h1></header>
<header><h1>Point and Edge Detection Experiment</h1></header>
<main>
<nav>
<ul class="left-menu">

View File

@ -7,6 +7,22 @@
<meta name="description" content="An example of greyscale transformation in digital image processing">
<meta name="viewport" content="width=device-width,height=device-height,initial-scale=1">
<link rel="stylesheet" href="/main.css">
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "BreadcrumbList",
"itemListElement": [{
"@type": "ListItem",
"position": 1,
"name": "Experiments",
"item": "https://srifqi.github.io/experiment/"
}, {
"@type": "ListItem",
"position": 2,
"name": "Greyscale Transformation"
}]
}
</script>
</head>
<body style="border: 0; max-width: 100%;">
<header><h1>Greyscale Transformation Experiment</h1></header>

View File

@ -7,6 +7,22 @@
<meta name="description" content="An example of image smoothing (mean, Gaussian, and median filter) in digital image processing">
<meta name="viewport" content="width=device-width,height=device-height,initial-scale=1">
<link rel="stylesheet" href="/main.css">
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "BreadcrumbList",
"itemListElement": [{
"@type": "ListItem",
"position": 1,
"name": "Experiments",
"item": "https://srifqi.github.io/experiment/"
}, {
"@type": "ListItem",
"position": 2,
"name": "Image Smoothing"
}]
}
</script>
</head>
<body style="border: 0; max-width: 100%;">
<header><h1>Image Smoothing Experiment</h1></header>

View File

@ -7,6 +7,22 @@
<meta name="description" content="Drive a car and avoid obstacles!">
<meta name="viewport" content="width=device-width,height=device-height,initial-scale=1">
<link rel="stylesheet" href="/main.css">
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "BreadcrumbList",
"itemListElement": [{
"@type": "ListItem",
"position": 1,
"name": "Experiments",
"item": "https://srifqi.github.io/experiment/"
}, {
"@type": "ListItem",
"position": 2,
"name": "Drive A Car"
}]
}
</script>
</head>
<body style="border: 0; max-width: 100%;">
<header><h1>Drive A Car Experiment</h1></header>

View File

@ -7,6 +7,22 @@
<meta name="description" content="An example of genetic algorithm in action">
<meta name="viewport" content="width=device-width,height=device-height,initial-scale=1">
<link rel="stylesheet" href="/main.css">
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "BreadcrumbList",
"itemListElement": [{
"@type": "ListItem",
"position": 1,
"name": "Experiments",
"item": "https://srifqi.github.io/experiment/"
}, {
"@type": "ListItem",
"position": 2,
"name": "Genetic Algorithm"
}]
}
</script>
</head>
<body style="border: 0; max-width: 100%;">
<header><h1>Genetic Algorithm Experiment</h1></header>

View File

@ -7,6 +7,17 @@
<meta name="description" content="srifqi's experiments">
<meta name="viewport" content="width=device-width,height=device-height,initial-scale=1">
<link rel="stylesheet" href="/main.css">
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "BreadcrumbList",
"itemListElement": [{
"@type": "ListItem",
"position": 1,
"name": "Experiments"
}]
}
</script>
</head>
<body>
<header><h1>Experiments</h1></header>

View File

@ -7,9 +7,25 @@
<meta name="description" content="Local outlier factor calculator">
<meta name="viewport" content="width=device-width,height=device-height,initial-scale=1">
<link rel="stylesheet" href="/main.css">
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "BreadcrumbList",
"itemListElement": [{
"@type": "ListItem",
"position": 1,
"name": "Experiments",
"item": "https://srifqi.github.io/experiment/"
}, {
"@type": "ListItem",
"position": 2,
"name": "Local Outlier Factor"
}]
}
</script>
</head>
<body style="border: 0; max-width: 100%;">
<header><h1>Local Outlier Factor</h1></header>
<header><h1>Local Outlier Factor Experiment</h1></header>
<main>
<nav>
<ul class="left-menu">

View File

@ -7,6 +7,22 @@
<meta name="description" content="Simulation of a ray of light goes through negative lens">
<meta name="viewport" content="width=device-width,height=device-height,initial-scale=1">
<link rel="stylesheet" href="/main.css">
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "BreadcrumbList",
"itemListElement": [{
"@type": "ListItem",
"position": 1,
"name": "Experiments",
"item": "https://srifqi.github.io/experiment/"
}, {
"@type": "ListItem",
"position": 2,
"name": "Negative Lens"
}]
}
</script>
</head>
<body style="border: 0; max-width: 100%;">
<header><h1>Negative Lens Experiment</h1></header>

View File

@ -7,6 +7,22 @@
<meta name="description" content="Simulation of a ray of light goes through positive lens">
<meta name="viewport" content="width=device-width,height=device-height,initial-scale=1">
<link rel="stylesheet" href="/main.css">
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "BreadcrumbList",
"itemListElement": [{
"@type": "ListItem",
"position": 1,
"name": "Experiments",
"item": "https://srifqi.github.io/experiment/"
}, {
"@type": "ListItem",
"position": 2,
"name": "Positive Lens"
}]
}
</script>
</head>
<body style="border: 0; max-width: 100%;">
<header><h1>Positive Lens Experiment</h1></header>

View File

@ -7,6 +7,22 @@
<meta name="description" content="Vibrate your device from Web!">
<meta name="viewport" content="width=device-width,height=device-height,initial-scale=1">
<link rel="stylesheet" href="/main.css">
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "BreadcrumbList",
"itemListElement": [{
"@type": "ListItem",
"position": 1,
"name": "Experiments",
"item": "https://srifqi.github.io/experiment/"
}, {
"@type": "ListItem",
"position": 2,
"name": "Web Vibration API"
}]
}
</script>
</head>
<body style="border: 0; max-width: 100%;">
<header><h1>Web Vibration API Experiment</h1></header>

View File

@ -7,6 +7,22 @@
<meta name="description" content="Watch every drop of water drops">
<meta name="viewport" content="width=device-width,height=device-height,initial-scale=1">
<link rel="stylesheet" href="/main.css">
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "BreadcrumbList",
"itemListElement": [{
"@type": "ListItem",
"position": 1,
"name": "Experiments",
"item": "https://srifqi.github.io/experiment/"
}, {
"@type": "ListItem",
"position": 2,
"name": "Waterdrop"
}]
}
</script>
</head>
<body style="border: 0; max-width: 100%;">
<header><h1>Waterdrop Experiment</h1></header>