Skip to content

Commit

Permalink
Add consistent titles to demos
Browse files Browse the repository at this point in the history
  • Loading branch information
pepelsbey committed Jan 10, 2025
1 parent b62cd21 commit efe258a
Show file tree
Hide file tree
Showing 29 changed files with 29 additions and 29 deletions.
2 changes: 1 addition & 1 deletion src/articles/conditionally-adaptive/demo/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Conditionally Adaptive CSS</title>
<title>Demo — Conditionally Adaptive CSS — Vadim Makeev</title>

<link rel="stylesheet" href="styles/base.css">
<link rel="stylesheet" href="styles/mobile.css" media="(max-width: 767px)">
Expand Down
2 changes: 1 addition & 1 deletion src/articles/lazy-loading-safari/demo/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Lazy loading CSS</title>
<title>Demo — Lazy loading CSS — Vadim Makeev</title>
<link rel="stylesheet" href="critical.css">
<link rel="stylesheet" href="deferred.css" media="not all" onload="this.media='all'">
<noscript>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Color scheme switching — Native HTML light and dark color scheme switching</title>
<title>Color scheme switching — Native HTML light and dark color scheme switching — Vadim Makeev</title>

<meta name="color-scheme" content="light dark">

Expand Down
2 changes: 1 addition & 1 deletion src/articles/native-light-dark/demo/link-media/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Link media switching — Native HTML light and dark color scheme switching</title>
<title>Link media switching — Native HTML light and dark color scheme switching — Vadim Makeev</title>

<meta name="theme-color" media="(prefers-color-scheme: light)" content="#c1f07c">
<meta name="theme-color" media="(prefers-color-scheme: dark)" content="#9874d3">
Expand Down
2 changes: 1 addition & 1 deletion src/articles/skewed-highlight/demo/almost.html
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Skewed highlight: Almost</title>
<title>Almost there — A CSS challenge: skewed highlight — Vadim Makeev</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@900&display=swap&text=aAbcdeEfghilmnoprstTuy%20%E2%80%94">
Expand Down
2 changes: 1 addition & 1 deletion src/articles/skewed-highlight/demo/final.html
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Skewed highlight: Final</title>
<title>Final version — A CSS challenge: skewed highlight — Vadim Makeev</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@900&display=swap&text=aAbcdeEfghilmnoprstTuy%20%E2%80%94">
Expand Down
2 changes: 1 addition & 1 deletion src/articles/skewed-highlight/demo/mark.html
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Skewed highlight: Mark</title>
<title>Using mark element — A CSS challenge: skewed highlight — Vadim Makeev</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@900&display=swap&text=aAbcdeEfghilmnoprstTuy%20%E2%80%94">
Expand Down
2 changes: 1 addition & 1 deletion src/articles/skewed-highlight/demo/type.html
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Skewed highlight: Type</title>
<title>Adding type — A CSS challenge: skewed highlight — Vadim Makeev</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@900&display=swap&text=aAbcdeEfghilmnoprstTuy%20%E2%80%94">
Expand Down
2 changes: 1 addition & 1 deletion src/articles/svg-sprites/demo/fragments/id.html
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Unknown: Fragments via ID</title>
<title>Unknown: fragments via ID — SVG sprites: old-school, modern, unknown, and forgotten — Vadim Makeev</title>
<style>
html, body {
height: 100%;
Expand Down
2 changes: 1 addition & 1 deletion src/articles/svg-sprites/demo/fragments/view.html
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Unknown: Fragments via svgView</title>
<title>Unknown: fragments via svgView — SVG sprites: old-school, modern, unknown, and forgotten — Vadim Makeev</title>
<style>
html, body {
height: 100%;
Expand Down
2 changes: 1 addition & 1 deletion src/articles/svg-sprites/demo/old-school/background.html
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Old-school: Background image</title>
<title>Old-school: background image — SVG sprites: old-school, modern, unknown, and forgotten — Vadim Makeev</title>
<style>
html, body {
height: 100%;
Expand Down
2 changes: 1 addition & 1 deletion src/articles/svg-sprites/demo/old-school/img.html
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Old-school: Content image</title>
<title>Old-school: content image — SVG sprites: old-school, modern, unknown, and forgotten — Vadim Makeev</title>
<style>
html, body {
height: 100%;
Expand Down
2 changes: 1 addition & 1 deletion src/articles/svg-sprites/demo/old-school/naive.html
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Old-school: No sprite</title>
<title>Old-school: no sprite — SVG sprites: old-school, modern, unknown, and forgotten — Vadim Makeev</title>
<style>
html, body {
height: 100%;
Expand Down
2 changes: 1 addition & 1 deletion src/articles/svg-sprites/demo/stacks/background.html
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Forgotten: Background image stacks</title>
<title>Forgotten: background image stacks — SVG sprites: old-school, modern, unknown, and forgotten — Vadim Makeev</title>
<style>
html, body {
height: 100%;
Expand Down
2 changes: 1 addition & 1 deletion src/articles/svg-sprites/demo/stacks/img.html
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Forgotten: Content image stacks</title>
<title>Forgotten: content image stacks — SVG sprites: old-school, modern, unknown, and forgotten — Vadim Makeev</title>
<style>
html, body {
height: 100%;
Expand Down
2 changes: 1 addition & 1 deletion src/articles/svg-sprites/demo/stacks/inline.html
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Forgotten: Inline SVG stacks</title>
<title>Forgotten: inline SVG stacks — SVG sprites: old-school, modern, unknown, and forgotten — Vadim Makeev</title>
<style>
html, body {
height: 100%;
Expand Down
2 changes: 1 addition & 1 deletion src/articles/svg-sprites/demo/symbols/external.html
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Modern: External symbols</title>
<title>Modern: external symbols — SVG sprites: old-school, modern, unknown, and forgotten — Vadim Makeev</title>
<style>
html, body {
height: 100%;
Expand Down
2 changes: 1 addition & 1 deletion src/articles/svg-sprites/demo/symbols/inline.html
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Modern: Inline SVG</title>
<title>Modern: inline SVG — SVG sprites: old-school, modern, unknown, and forgotten — Vadim Makeev</title>
<style>
html, body {
height: 100%;
Expand Down
2 changes: 1 addition & 1 deletion src/articles/two-columns/demo/element.html
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Element — Two columns</title>
<title>Element — 6+5 ways to make a two-column layout — Vadim Makeev</title>
<link rel="stylesheet" href="page.css">
<link rel="stylesheet" href="news.css">
<style>
Expand Down
2 changes: 1 addition & 1 deletion src/articles/two-columns/demo/flexbox.html
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Flexbox — Two columns</title>
<title>Flexbox — 6+5 ways to make a two-column layout — Vadim Makeev</title>
<link rel="stylesheet" href="page.css">
<link rel="stylesheet" href="news.css">
<style>
Expand Down
2 changes: 1 addition & 1 deletion src/articles/two-columns/demo/float.html
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Floats — Two columns</title>
<title>Floats — 6+5 ways to make a two-column layout — Vadim Makeev</title>
<link rel="stylesheet" href="page.css">
<link rel="stylesheet" href="news.css">
<style>
Expand Down
2 changes: 1 addition & 1 deletion src/articles/two-columns/demo/frame.html
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Frames — Two columns</title>
<title>Frames — 6+5 ways to make a two-column layout — Vadim Makeev</title>
<link rel="stylesheet" href="page.css">
<style>
/* Columns */
Expand Down
2 changes: 1 addition & 1 deletion src/articles/two-columns/demo/grid.html
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Grid — Two columns</title>
<title>Grid — 6+5 ways to make a two-column layout — Vadim Makeev</title>
<link rel="stylesheet" href="page.css">
<link rel="stylesheet" href="news.css">
<style>
Expand Down
2 changes: 1 addition & 1 deletion src/articles/two-columns/demo/inline-block.html
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Inline — Two columns</title>
<title>Inline — 6+5 ways to make a two-column layout — Vadim Makeev</title>
<link rel="stylesheet" href="page.css">
<link rel="stylesheet" href="news.css">
<style>
Expand Down
2 changes: 1 addition & 1 deletion src/articles/two-columns/demo/multi-column.html
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Multi-columns — Two columns</title>
<title>Multi-columns — 6+5 ways to make a two-column layout — Vadim Makeev</title>
<link rel="stylesheet" href="page.css">
<link rel="stylesheet" href="news.css">
<style>
Expand Down
2 changes: 1 addition & 1 deletion src/articles/two-columns/demo/position.html
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Positioning — Two columns</title>
<title>Positioning — 6+5 ways to make a two-column layout — Vadim Makeev</title>
<link rel="stylesheet" href="page.css">
<link rel="stylesheet" href="news.css">
<style>
Expand Down
2 changes: 1 addition & 1 deletion src/articles/two-columns/demo/svg.html
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>SVG — Two columns</title>
<title>SVG — 6+5 ways to make a two-column layout — Vadim Makeev</title>
<link rel="stylesheet" href="page.css">
<link rel="stylesheet" href="news.css">
<style>
Expand Down
2 changes: 1 addition & 1 deletion src/articles/two-columns/demo/table.html
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Table — Two columns</title>
<title>Table — 6+5 ways to make a two-column layout — Vadim Makeev</title>
<link rel="stylesheet" href="page.css">
<link rel="stylesheet" href="news.css">
<style>
Expand Down
2 changes: 1 addition & 1 deletion src/articles/two-columns/demo/writing-mode.html
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Writing — Two columns</title>
<title>Writing — 6+5 ways to make a two-column layout — Vadim Makeev</title>
<link rel="stylesheet" href="page.css">
<link rel="stylesheet" href="news.css">
<style>
Expand Down

0 comments on commit efe258a

Please sign in to comment.