SmartLensTester/index.html at main · ReInHerit/SmartLensTester · 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
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>ReInHerit SmartLens Tester</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="carousel.css">
    <link href="libraries/boxicons/css/boxicons.min.css" rel="stylesheet">
    <link href="libraries/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <link rel="icon" type="image/png" href="./images/favicon.png">
</head>

<body>
<!-- ======= Header ======= -->
<header id="header" class="fixed-top  d-flex align-items-center header-transparent"> <!-- justify-content-center -->
    <a href="https://reinherit-hub.eu/applications" target="_blank" title="ReInHerit Digital Hub">
        <img id="header_logo" alt="reinherit logo"
             src="images/Reinherit-Logo.jpg">
    </a>
    <div id="header_title">
        <em>Re</em><strong>InHerit</strong>
        <div id="undertitle">Redefining the Future of Cultural Heritage</div>
    </div>
    <nav class="nav-menu d-none d-lg-block">
        <ul>
            <li class="active menu_active"><a href="index.html">Test the app !</a></li>
            <li class="menu_passive"><a href="instructions.html">Instructions</a></li>
        </ul>
    </nav><!-- .nav-menu -->
</header><!-- End Header -->
<!-- ======= Header ======= -->

<div class="instructions2">
    <p>The gallery images of this tester app include a limited selection of artworks and contents provided by museums participating in the ReinHerit project. Selected artworks were used by visitors via SmartLens during the <a href="https://reinherit-hub.eu/travellingexhibitions">ReInHerit ReThinking live exhibitions</a> held at the <a href="https://www.grazmuseum.at/en/">Graz Museum</a> (Austria), the <a href="https://cycladic.gr/en/">Museum of Cycladic Art</a> (Athens, Greece), and the <a href="https://www.boccf.org/en-gb/homepage/">Bank of Cyprus Cultural Foundation</a> (Nicosia, Cyprus).</p>
    <p>The visitors of the exhibitions used the app to discover details of the artworks selected by the curators. All the materials have been provided and validated by the curators of the exhibitions.<br>
    <a href="./instructions.html">Get the SmartLens app and learn how to use this
    tester.</a></p>
</div>
<main>
    <button class="prev-btn">&#10094;</button>
    <div class="carousel">
        <div class="media-container active">
            <video class="media" controls muted preload="metadata">
                <source src="./media/pyxis.mp4" type="video/mp4">
            </video>
        </div>
        <div class="media-container">
            <img class="media" src="./media/cherry_rage.jpg" alt="Cherry rage">
        </div>
        <div class="media-container">
            <video class="media" controls muted preload="metadata">
                <source src="./media/lekytos.mp4" type="video/mp4">
            </video>
        </div>
        <div class="media-container">
            <img class="media" src="./media/self_portrait.jpg" alt="Self protrait">
        </div>
    </div>

    <button class="next-btn">&#10095;</button>
</main>

<!-- ======= Footer ======= -->
<footer id="footer">
    <div class="footer_container">
        <h3><em>Re</em><strong>InHerit</strong> Toolkit - SmartLens tester </h3>

        <div class="social-links">
            <a href="https://twitter.com/reinherit_" target="_blank" title="twitter" class="twitter"><i
                    class="bx bxl-twitter"></i></a>
            <a href="https://www.facebook.com/ReInHerit/" target="_blank" title="facebook" class="facebook"><i
                    class="bx bxl-facebook"></i></a>
            <a href="https://www.instagram.com/reinherit_/" target="_blank" title="instagram" class="instagram"><i
                    class="bx bxl-instagram"></i></a>
            <a href="https://www.linkedin.com/company/reinherit-h2020" target="_blank" title="linkedin"
               class="linkedin"><i class="bx bxl-linkedin"></i></a>
            <a href="https://www.youtube.com/channel/UCWg6SySC2I-RQ41qjxZmTmA" target="_blank" title="youtube"
               class="youtube"><i class="bx bxl-youtube"></i></a>
        </div>
    </div>
</footer>
<!-- End Footer -->

<script src="carousel.js"></script>
</body>

</html>