|
|
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8" />
- <meta http-equiv="X-UA-Compatible" content="ie=edge">
- <meta name="viewport" content="width=device-width, initial-scale=1.0" />
- <link rel="icon" href="/favicon.png" />
- <!--
- Do not use @7 in production, use a complete version like x.x.x, see website for latest version:
- https://www.algolia.com/doc/guides/building-search-ui/installation/react/#load-the-style
- -->
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/instantsearch.css@7/themes/satellite-min.css">
- <title>yt-archive</title>
- <style>
- .header {
- display: flex;
- align-items: center;
- min-height: 50px;
- padding: 0.5rem 1rem;
- background-image: linear-gradient(to right, #4dba87, #2f9088);
- color: #fff;
- margin-bottom: 1rem;
- }
-
- .header a {
- color: #fff;
- text-decoration: none;
- padding: 0 0.5rem;
- }
-
- .header-title {
- font-size: 1.2rem;
- font-weight: normal;
- }
-
- .header-title::after {
- content: ' ▸ ';
- padding: 0 0.5rem;
- }
-
- .header-subtitle {
- font-size: 1.2rem;
- }
- </style>
- </head>
- <body>
- <div id="app">
- <header class="header">
- <h1 class="header-title">
- YouTube Disaster Plan
- </h1>
- <router-link class="navlink" to="/">Search/Request</router-link>
- <router-link class="navlink" to="/scrape">Scrape Video Metadata</router-link>
- </header>
- <router-view></router-view>
- </div>
- <script type="module" src="/src/main.js"></script>
- </body>
- </html>
|
