-
Notifications
You must be signed in to change notification settings - Fork 1
/
slide.html
41 lines (37 loc) · 5.26 KB
/
slide.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
<!doctype html>
<html lang="en-US" data-theme="light">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<meta name="generator" content="VuePress 2.0.0-rc.18" />
<meta name="theme" content="VuePress Theme Hope 2.0.0-rc.59" />
<style>
:root {
--vp-c-bg: #fff;
}
[data-theme="dark"] {
--vp-c-bg: #1b1b1f;
}
html,
body {
background: var(--vp-c-bg);
}
</style>
<script>
const userMode = localStorage.getItem("vuepress-theme-hope-scheme");
const systemDarkMode =
window.matchMedia &&
window.matchMedia("(prefers-color-scheme: dark)").matches;
if (userMode === "dark" || (userMode !== "light" && systemDarkMode)) {
document.documentElement.setAttribute("data-theme", "dark");
}
</script>
<link rel="canonical" href="https://theme-hope-blog-demo.vuejs.press/slide.html"><link rel="alternate" hreflang="zh-cn" href="https://vuepress-theme-hope.github.io/blog-demo/zh/slide.html"><meta property="og:url" content="https://vuepress-theme-hope.github.io/blog-demo/slide.html"><meta property="og:site_name" content="Blog Demo"><meta property="og:title" content="Slide page"><meta property="og:type" content="article"><meta property="og:image" content="https://theme-hope-assets.vuejs.press/logo.svg"><meta property="og:locale" content="en-US"><meta property="og:locale:alternate" content="zh-CN"><meta property="og:updated_time" content="2024-11-28T14:28:16.000Z"><meta property="article:modified_time" content="2024-11-28T14:28:16.000Z"><script type="application/ld+json">{"@context":"https://schema.org","@type":"Article","headline":"Slide page","image":["https://theme-hope-assets.vuejs.press/logo.svg"],"dateModified":"2024-11-28T14:28:16.000Z","author":[{"@type":"Person","name":"Mr.Hope","url":"https://mister-hope.com"}]}</script><link rel="icon" href="/blog-demo/favicon.ico"><link rel="icon" href="/blog-demo/assets/icon/chrome-mask-512.png" type="image/png" sizes="512x512"><link rel="icon" href="/blog-demo/assets/icon/chrome-mask-192.png" type="image/png" sizes="192x192"><link rel="icon" href="/blog-demo/assets/icon/chrome-512.png" type="image/png" sizes="512x512"><link rel="icon" href="/blog-demo/assets/icon/chrome-192.png" type="image/png" sizes="192x192"><link rel="manifest" href="/blog-demo/manifest.webmanifest" crossorigin="use-credentials"><meta name="theme-color" content="#46bd87"><link rel="apple-touch-icon" href="/blog-demo/assets/icon/apple-icon-152.png"><meta name="apple-mobile-web-app-capable" content="yes"><meta name="apple-mobile-web-app-status-bar-style" content="black"><meta name="msapplication-TileImage" content="/blog-demo/assets/icon/ms-icon-144.png"><meta name="msapplication-TileColor" content="#ffffff"><title>Slide page | Blog Demo</title><meta name="description" content="A blog demo for vuepress-theme-hope">
<link rel="preload" href="/blog-demo/assets/style-Dp42LDzu.css" as="style"><link rel="stylesheet" href="/blog-demo/assets/style-Dp42LDzu.css">
<link rel="modulepreload" href="/blog-demo/assets/app-5I3WrL0I.js"><link rel="modulepreload" href="/blog-demo/assets/slide.html-B72Tpx2v.js">
</head>
<body>
<div id="app"><!--[--><div class="vp-reveal-page"><div><!-- markdownlint-disable MD024 MD051 --><div class="vp-reveal"><div class="reveal reveal-viewport"><div class="slides"><section data-markdown><script type="text/template"></script></section></div></div><div class="loading-icon-wrapper reveal-loading" style="display:flex;align-items:center;justify-content:center;height:400px;"><svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" preserveAspectRatio="xMidYMid" viewBox="25 25 50 50"><animateTransform attributeName="transform" type="rotate" dur="2s" keyTimes="0;1" repeatCount="indefinite" values="0;360"></animateTransform><circle cx="50" cy="50" r="20" fill="none" stroke="currentColor" stroke-width="4" stroke-linecap="round"><animate attributeName="stroke-dasharray" dur="1.5s" keyTimes="0;0.5;1" repeatCount="indefinite" values="1,200;90,200;1,200"></animate><animate attributeName="stroke-dashoffset" dur="1.5s" keyTimes="0;0.5;1" repeatCount="indefinite" values="0;-35px;-125px"></animate></circle></svg></div></div></div><div class="vp-reveal-menu"><button type="button" class="menu-button"><span class="icon"></span></button><button type="button" class="back-button"><svg xmlns="http://www.w3.org/2000/svg" class="back-icon" viewBox="0 0 1024 1024" fill="currentColor"><path d="M1014.749 449.156v125.688H260.626l345.64 345.64-89.239 89.237L19.307 512l497.72-497.721 89.238 89.238-345.64 345.64h754.124z"></path></svg></button><button type="button" class="home-button"><svg xmlns="http://www.w3.org/2000/svg" class="icon home-icon" viewBox="0 0 1024 1024" fill="currentColor"><path d="M780.106 420.978L506.994 147.866 233.882 420.978h.045v455.11H780.06v-455.11h.046zm90.977 90.976V876.09a91.022 91.022 0 01-91.023 91.022H233.927a91.022 91.022 0 01-91.022-91.022V511.954l-67.22 67.175-64.307-64.307 431.309-431.31c35.498-35.498 93.115-35.498 128.614 0l431.309 431.31-64.307 64.307L871.083 512z"></path></svg></button></div></div><!--[--><!----><!----><!--[--><!--]--><!--]--><!--]--></div>
<script type="module" src="/blog-demo/assets/app-5I3WrL0I.js" defer></script>
</body>
</html>