todo-list/index.html at main · eldarlrd/todo-list · GitHub

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
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
<!doctype html>
<html class='scroll-smooth' lang='en' style='scrollbar-width:thin'>
  <head>
    <meta charset='utf-8'>
    <meta name='viewport' content='width=device-width, initial-scale=1'>
    <meta name='description' content='A Complex Todo List with Projects'>
    <meta name='keywords' content='todo list, projects, todo'>
    <meta name='author' content='Eldar Pashazade'>
    <meta name='theme-color' content='#5b21b6'>

    <meta content='Todo List' property='og:title'>
    <meta content='A Complex Todo List with Projects' property='og:description'>
    <meta content='https://eldarlrd.is-a.dev/todo-list' property='og:url'>
    <meta content='https://repository-images.githubusercontent.com/672655216/4b7918b1-d150-4add-bf30-7df68680c93a'
      property='og:image'>

    <link href='/site.webmanifest' rel='manifest' type='application/manifest+json'>
    <link href='/favicon.png' rel='icon' sizes='512x512' type='image/png'>
    <title>Todo List</title>
  </head>

  <body style='margin:0'>
    <div
      id='launch'
      style='display:flex;justify-content:center;align-items:center;min-height:100svh;background-color:#f1f5f9'>
      <svg width='120' height='120' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='#5b21b6'>
        <style>
          rect {
            animation: loading .9s linear infinite;
            animation-delay: -.9s;
          }
          .bar-inner {
            animation-delay: -.7s;
          }
          .bar-outer {
            animation-delay: -.5s;
          }
          @keyframes loading {
            0%, 66.66% {
              animation-timing-function: cubic-bezier(.14, .73, .34, 1);
              height: 12px;
              y: 6px;
            }
            33.33% {
              animation-timing-function: cubic-bezier(.65, .26, .82, .45);
              height: 22px;
              y: 1px;
            }
          }
        </style>
        <rect class='bar-outer' x='1' y='6' width='2.8' height='12' />
        <rect class='bar-inner' x='5.8' y='6' width='2.8' height='12' />
        <rect x='10.6' y='6' width='2.8' height='12' />
        <rect class='bar-inner' x='15.4' y='6' width='2.8' height='12' />
        <rect class='bar-outer' x='20.2' y='6' width='2.8' height='12' />
      </svg>
    </div>
    <script type='module' src='src/main.tsx'></script>
  </body>
</html>