iPERDance.github.io/index.html at master · iPERDance/iPERDance.github.io · 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
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
<!DOCTYPE html><!--  This site was created in Webflow. http://www.webflow.com  -->
<!--  Last Published: Tue Nov 17 2020 15:53:36 GMT+0000 (Coordinated Universal Time)  -->
<html data-wf-page="5fac074bd8bc94228d482df5" data-wf-site="5fac074a6b2e910cf4d1b21c">
<head>
  <meta charset="utf-8">
  <title>Impersonator</title>
  <meta content="Impersonator" property="og:title">
  <meta content="Impersonator" property="twitter:title">
  <meta content="width=device-width, initial-scale=1" name="viewport">
  <meta content="Webflow" name="generator">
  <link href="css/normalize.css" rel="stylesheet" type="text/css">
  <link href="css/webflow.css" rel="stylesheet" type="text/css">
  <link href="css/piaos-business-starter.webflow.css" rel="stylesheet" type="text/css">
  <script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script>
  <script type="text/javascript">WebFont.load({  google: {    families: ["Montserrat:100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic"]  }});</script>
  <!-- [if lt IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js" type="text/javascript"></script><![endif] -->
  <script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
  <link href="images/favicon.ico" rel="shortcut icon" type="image/x-icon">
  <link href="images/webclip.png" rel="apple-touch-icon">
</head>
<body>
  <div data-collapse="medium" data-animation="default" data-duration="400" role="banner" class="navigation w-nav">
    <div class="navigation-wrap">
      <a href="index.html" aria-current="page" class="logo-link w-nav-brand w--current">
        <div class="text-block">impersonator</div>
      </a>
      <div class="menu">
        <nav role="navigation" class="navigation-items w-nav-menu">
          <a href="index.html" aria-current="page" class="navigation-item w-nav-link w--current">HOME</a>
          <a href="projects.html" class="navigation-item w-nav-link">PrOJECTS</a>
          <a href="https://discuss.impersonator.org/" target="_blank" class="navigation-item w-nav-link">DISCUSS</a>
        </nav>
        <div class="menu-button w-nav-button"><img src="images/menu-icon_1menu-icon.png" width="22" alt="" class="menu-icon"></div>
      </div>
      <a href="mailto:impersonator.org@gmail.com?subject=Hi" class="button cc-contact-us w-inline-block">
        <div>Contact US</div>
      </a>
    </div>
  </div>
  <div class="section cc-store-home-wrap">
    <div class="intro-header">
      <div class="intro-content cc-homepage">
        <div class="intro-text">
          <div class="heading-jumbo">Impersonator</div>
          <div class="paragraph-bigger cc-bigger-white-light">Unleash Your Creativity<br></div>
        </div>
      </div>
    </div>
    <div class="container">
      <div class="motto-wrap">
        <div class="label cc-light">we believe in</div>
        <div class="heading-jumbo-small">Everyone is an artist with unlimited creativity. AI helps everyone make art creativity possible.<br></div>
      </div>
      <div class="divider"></div>
      <div class="home-content-wrap">
        <div class="w-layout-grid about-grid">
          <div id="w-node-76c147234d34-8d482df5">
            <div class="home-section-wrap">
              <div class="label cc-light">PROJECT</div>
              <h2 class="section-heading">iPER-Dance</h2>
              <p class="paragraph-light">This project is a video-editing tool for human motion imitation, appearance transfer, and novel view synthesis.</p>
            </div>
            <a href="#" class="button w-inline-block">
              <div>Coming soon</div>
            </a>
          </div><img src="images/iPER-Desktop-Lite.png" id="w-node-76c147234d3f-8d482df5" sizes="(max-width: 479px) 94vw, (max-width: 767px) 96vw, 94vw" srcset="images/iPER-Desktop-Lite-p-500.png 500w, images/iPER-Desktop-Lite-p-800.png 800w, images/iPER-Desktop-Lite-p-1080.png 1080w, images/iPER-Desktop-Lite-p-1600.png 1600w, images/iPER-Desktop-Lite-p-2000.png 2000w, images/iPER-Desktop-Lite-p-2600.png 2600w, images/iPER-Desktop-Lite-p-3200.png 3200w, images/iPER-Desktop-Lite.png 3609w" alt="">
        </div>
        <div class="w-layout-grid about-grid cc-about-2">
          <div id="w-node-76c147234d41-8d482df5">
            <div class="home-section-wrap">
              <div class="label cc-light">PROJECT</div>
              <h2 class="section-heading">Impersonator++</h2>
              <p class="paragraph-light">This project is the core algorithm for human motion imitation,appearance transfer, and novel view synthesis.</p>
            </div>
            <a href="work/impersonator-plus-plus.html" class="button w-inline-block">
              <div>Learn More</div>
            </a>
          </div><img src="images/motion_results.png" id="w-node-76c147234d4c-8d482df5" sizes="(max-width: 479px) 94vw, (max-width: 767px) 96vw, 94vw" srcset="images/motion_results-p-500.png 500w, images/motion_results-p-800.png 800w, images/motion_results-p-1080.png 1080w, images/motion_results-p-1600.png 1600w, images/motion_results-p-2000.png 2000w, images/motion_results.png 2888w" alt="">
        </div>
      </div>
    </div>
  </div>
  <section id="cards-section" class="cards-section">
    <div class="centered-container w-container">
      <h2>Community Mission</h2>
      <p><br>Impersonator is an open community, and its mission will develop powerful tools for everyone to make art creation. All codes and tools are open source.<br><br> </p>
      <p></p>
      <div class="cards-grid-container">
        <div id="w-node-78ea6d4881fa-8d482df5">
          <div class="cards-image-mask"><img src="images/virtual-mirror.jpg" sizes="(max-width: 479px) 100vw, (max-width: 767px) 95vw, (max-width: 991px) 229.328125px, 286.65625px" srcset="images/virtual-mirror-p-800.jpeg 800w, images/virtual-mirror.jpg 1023w" alt="" class="cards-image"></div>
          <h3>Virtual Try-On</h3>
          <p></p>
        </div>
        <div id="w-node-78ea6d488201-8d482df5">
          <div class="cards-image-mask"><img src="images/1.png" sizes="(max-width: 479px) 100vw, (max-width: 767px) 95vw, (max-width: 991px) 229.328125px, 286.65625px" srcset="images/1-p-500.png 500w, images/1.png 800w" alt="" class="cards-image"></div>
          <h3 id="w-node-78ea6d488204-8d482df5">Short-Video</h3>
          <p id="w-node-78ea6d488206-8d482df5"> </p>
        </div>
        <div id="w-node-78ea6d488208-8d482df5">
          <div class="cards-image-mask"><img src="images/2.jpg" alt="" class="cards-image"></div>
          <h3 id="w-node-78ea6d48820b-8d482df5">Variety Show</h3>
          <p id="w-node-78ea6d48820d-8d482df5"></p>
        </div>
      </div>
      <div class="cards-grid-container">
        <div id="w-node-fea7e81a6110-8d482df5">
          <div class="cards-image-mask"><img src="images/4.png" sizes="(max-width: 479px) 100vw, (max-width: 767px) 95vw, (max-width: 991px) 229.328125px, 286.65625px" srcset="images/4-p-500.png 500w, images/4.png 960w" alt="" class="cards-image"></div>
          <h3>Virtual Living and Commerce</h3>
          <p></p>
        </div>
        <div id="w-node-fea7e81a6117-8d482df5">
          <div class="cards-image-mask"><img src="images/vr_games.gif" alt="" class="cards-image"></div>
          <h3 id="w-node-fea7e81a611a-8d482df5">VR Games</h3>
          <p id="w-node-fea7e81a611c-8d482df5"> </p>
        </div>
        <div id="w-node-fea7e81a611e-8d482df5">
          <div class="cards-image-mask"><img src="images/3.jpg" sizes="(max-width: 479px) 100vw, (max-width: 767px) 95vw, (max-width: 991px) 229.328125px, 286.65625px" srcset="images/3-p-500.jpeg 500w, images/3-p-1080.jpeg 1080w, images/3.jpg 1320w" alt="" class="cards-image"></div>
          <h3 id="w-node-fea7e81a6121-8d482df5">Intelligent Video Editing</h3>
          <p id="w-node-fea7e81a6123-8d482df5"> </p>
        </div>
      </div>
    </div>
  </section>
  <div class="section">
    <div class="container">
      <div class="footer-wrap">
        <a href="index.html" target="_blank" aria-current="page" class="webflow-link w-inline-block w--current">
          <div class="paragraph-tiny">© 2020 Impersonator.org - All rights reserved</div>
        </a>
      </div>
    </div>
  </div>
  <script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=5fac074a6b2e910cf4d1b21c" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
  <script src="js/webflow.js" type="text/javascript"></script>
  <!-- [if lte IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/placeholders/3.0.2/placeholders.min.js"></script><![endif] -->
</body>
</html>