SMTM-project/main.html at master · H2-won/SMTM-project · 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
<html>

<head>
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-DSN2X7PHMK"></script>
    <script>
        window.dataLayer = window.dataLayer || [];

        function gtag() {
            dataLayer.push(arguments);
        }
        gtag('js', new Date());
        gtag('config', 'G-DSN2X7PHMK');
    </script>
    <meta charset="utf-8">
    <link rel="canonical" href="https://resemble.ga/">
    <link rel="shortcut icon" href="https://resemble.ga/favicon.ico">
    <link rel="apple-touch-icon" sizes="180x180" href="./icons/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="./icons/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="./icons/favicon-16x16.png">
    <link rel="manifest" href="./icons/site.webmanifest">
    <link rel="mask-icon" href="./icons/safari-pinned-tab.svg" color="#242424">
    <meta name="msapplication-TileColor" content="#da532c">
    <title>쇼미더머니 닮은꼴 테스트</title>
    <meta name="viewport" content="width=device-width">
    <meta name="description" content="쇼미더머니 모든 시즌 출연진 중, 나와 닮은 래퍼는? 인공지능(AI) 모델을 통해 알아보자.">
    <meta name="robots" content="index,follow">
    <meta property="og:type" content="website">
    <meta property="og:title" content="쇼미더머니 닮은꼴 테스트">
    <meta property="og:description" content="쇼미더머니 모든 시즌 출연진 중, 나와 닮은 래퍼는? 인공지능(AI) 모델을 통해 알아보자.">
    <meta property="og:image" content="https://resemble.ga/preview.png">
    <meta property="og:url" content="https://resemble.ga/">
    <meta name="naver-site-verification" content="dbd831a88a57498a4e1b50f0dd6a7e71b5fb7b3d" />
    <meta name="NaverBot" content="All" />
    <meta name="NaverBot" content="index,follow" />
    <meta name="Yeti" content="All" />
    <meta name="Yeti" content="index,follow" />
    <meta name="google-site-verification" content="uMv8OjIpteHL9dBTn1u2bMBW0j-zmCyU-ONcPbu_YAE" />
    <script data-ad-client="ca-pub-5362137044409911" async
        src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/cropperjs/1.5.9/cropper.css"
        integrity="sha512-949FvIQOibfhLTgmNws4F3DVlYz3FmCRRhJznR22hx76SKkcpZiVV5Kwo0iwK9L6BFuY+6mpdqB2+vDIGVuyHg=="
        crossorigin="anonymous" />
    <link rel="preload" href='src/static/css/index.css' as="style" />
    <link rel="stylesheet" href="src/static/css/index.css">
    <link rel="preload" href='src/static/css/main.css' as="style" />
    <link rel="stylesheet" href="src/static/css/main.css">
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css" rel="stylesheet">
</head>

<body>
    <header>
        <div class="navContainer">
            <a href="/" class="logo">Resemble</a>
        </div>
    </header>

    <div class="mainContainer">
        <div class="titleContainer">
            <div class="title">
                <div>쇼미더머니</div>
                <div>닮은꼴 테스트</div>
            </div>
            <div class="subTitle1">모든 시즌 출연진 중, 나와 닮은 래퍼는?</div>
            <div class="subTitle2">인공지능(AI) 모델을 통해 알아보자</div>
        </div>

        <div class="imageContainer">
            <input type="file" class="imageInput" accept="image/*" onchange="imagePreview(event)">
            <div class="description">
                <i class="fas fa-arrow-circle-up"></i>
                <h2>(사진 업로드)</h2>
                <p class="imageHelp"><i class="fas fa-user-circle"></i> 얼굴만 나올수록 정확도가 올라가며,</p>
                <p>사진은 어디에도 저장되지 않습니다.</p>
            </div>
        </div>
    </div>

    <div class="kakaoAd kakaoMiddle">
        <ins class="kakao_ad_area" style="display:none;" data-ad-unit="DAN-AZaDKv2o7OD1ItQ2" data-ad-width="300"
            data-ad-height="250"></ins>
    </div>

    <div class="kakaoAd kakaoBottom">
        <ins class="kakao_ad_area" style="display:none;" data-ad-unit="DAN-WLZuOxdxK8elCx7O" data-ad-width="320"
            data-ad-height="100"></ins>
        <ins class="kakao_ad_area" style="display:none;" data-ad-unit="DAN-0qkI8Vn5mUJLddKd" data-ad-width="320"
            data-ad-height="50"></ins>
        <div>
            <p style="color:#A9A298;">제작 도움</p>
            <img src="src/static/img/jocoding.png" style="width: 320px; height: 100px; cursor: pointer;"
                onclick="jocodingLink()">
        </div>
    </div>

    <footer>
        <div>
            <div class="footerLogo">Resemble</div>
            <div class="footerCopyright"><i class="far fa-copyright"></i> Resemble 2021. All Rights Reserved.</div>
        </div>
        <div>
            <div class="footerContact">
                <p class="footerTitle">Contact Us</p>
                <p class="footerContents footerEmail"><i class="far fa-envelope"></i> resemble11365@gmail.com</p>
            </div>
            <div class="footerDevelopers">
                <p class="footerTitle">Developers</p>
                <p class="footerContents"><a href="https://github.com/H2-won/SMTM-project"><i
                            class="fab fa-github"></i>H2-won</a><a href="https://github.com/woosin0113/SMTM-project"><i
                            class="fab fa-github"></i>Kang-kev</a></p>
            </div>
        </div>
    </footer>

    <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
    <!-- 사각형 광고 -->
    <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-5362137044409911" data-ad-slot="6317056131"
        data-ad-format="auto" data-full-width-responsive="true"></ins>
    <script>
        (adsbygoogle = window.adsbygoogle || []).push({});
    </script>
    <script type="text/javascript" src="//t1.daumcdn.net/kas/static/ba.min.js" async></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/cropperjs/1.5.9/cropper.js"
        integrity="sha512-oqBsjjSHWqkDx4UKoU+5IUZN2nW2qDp2GFSKw9+mcFm+ZywqfBKp79nfWmGPco2wzTWuE46XpjtCjZ9tFmI12g=="
        crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/@tensorflow/tfjs@1.3.1/dist/tf.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/@teachablemachine/image@0.8/dist/teachablemachine-image.min.js"></script>
    <script src="src/static/js/main.js"></script>
</body>


</html>