mano-project.github.io/index.html at main · mano-project/mano-project.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
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" translate="no" class="notranslate" lang="en">
    <head>
        <title>MANO - Manuscripts online | Digital Platform for Manuscript Studies</title>
        <meta name="keywords" content="MANO, Manuscripts Online, Michela Parma">
        <meta name="description" content="MANO (Manuscripts Online) is a collaborative platform for digital manuscript studies, offering open tools for metadata creation and collection, manuscript transcription, and educational resources.">
        <meta name="keywords" content="manuscripts, TEI-XML, digital humanities, metadata, transcription, open data, manuscript studies">
        <meta charset="UTF-8"/>
        <meta name="viewport" content="width=device-width, initial-scale=1.0 shrink-to-fit=no"/>
        <meta name="google" content="notranslate"/>
        <link rel="canonical" href="https://mano-project.github.io"/>
        <link rel="icon" type="image/png" href="images/mano-logo_nuovoFont.png">
        <link rel="alternate" hreflang="en" href="URL">
        <link rel="sitemap" type="application/xml" href="sitemap.xml" />
        <meta name="google-site-verification" content="V9mZtVmijU08JS88WwX32Rk3LbapvPqsquqvhUAX9f0" />
        <!-- Open Graph -->
        <meta property="og:type" content="website">
        <meta property="og:title" content="MANO – Manuscripts Online">
        <meta property="og:description" content="Collaborative platform for digital manuscript studies: metadata editor, collection, transcription viewer, and resources.">
        <meta property="og:image" content="https://mano-project.github.io/images/mano-logo_nuovoFont.png">
        <meta property="og:url" content="https://mano-project.github.io/">

        <script type="application/ld+json">
        {
        "@context": "https://schema.org",
        "@type": "EducationalOrganization",
        "name": "MANO – Manuscripts Online",
        "url": "https://mano-project.github.io/",
        "description": "Digital platform for manuscript metadata creation and collection, manuscript transcription, and educational resources.",
        "logo": "https://mano-project.github.io/images/mano-logo_nuovoFont.png",
        "founder": {
            "@type": "Person",
            "name": "Michela Parma",
            "affiliation": "University of Mainz"
        }
        "inLanguage": "en"
        }
        </script>

        <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css">

        <link rel="stylesheet" type="text/css" href="css/style.css" media="screen"/>
    </head>
    <body>
        <nav class="navbar bg-body-tertiary ">
            <div class="container-fluid d-flex justify-content-between align-items-center position-relative py-2">

                <!-- Invisible spacer to balance layout -->
                <div style="width: 80px;"></div>

                <!-- Centered logo -->
                <div class="position-absolute start-50 translate-middle-x text-center">
                <a class="navbar-brand" href="index.html">
                    <img src="images/mano-logo_nuovoFont.png" alt="MANO project logo" width="65" class="d-inline-block align-text-top">
                </a>
                </div>

                <!-- Offcanvas toggle aligned right -->
                <button class="navbar-toggler" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasNavbar"
                aria-controls="offcanvasNavbar" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
                </button>

                <div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvasNavbar" aria-labelledby="offcanvasNavbarLabel">
                <div class="offcanvas-header">
                    <h5 class="offcanvas-title" id="offcanvasNavbarLabel">&lt;MANO&gt;</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
                </div>
                <div class="offcanvas-body">
                    <ul class="navbar-nav justify-content-end flex-grow-1 pe-3">
                    <li class="nav-item"><a class="nav-link active" href="index.html">Home</a></li>
                    <li class="nav-item"><a class="nav-link" href="resources.html">Resources</a></li>
                    <li class="nav-item"><a class="nav-link" href="editor.html">Metadata Editor</a></li>
                    <li class="nav-item"><a class="nav-link" href="collection.html">Metadata Collection</a></li>
                    <li class="nav-item"><a class="nav-link" href="viewer.html">Transcription Viewer</a></li>
                    <li class="nav-item"><a class="nav-link" href="documentation.html">Documentation</a></li>
                    <li class="nav-item"><a class="nav-link" href="about.html">About</a></li>
                    <hr class="my-3">
                    <div class="text-center">
                        <h6 class="mb-3">Participate in shaping the future of &lt;MANO&gt;</h6>
                        <a href="https://survey.zdv.uni-mainz.de/index.php/822542?newtest=Y&lang=en" class="btn btn-sm btn-outline-primary" target="_blank" rel="noopener">Take the user survey</a>
                    </div>
                    </ul>
                </div>
                </div>
            </div>
        </nav>

        <div class="text-center hero-section">
            <div class="typewriter">
                <h1>&lt;MANO&gt;</h1>
            </div>
            <h3 class="hp-subtitle">Manuscripts Online</h3>
            <p class="lead px-5">A collaborative platform for digital manuscript studies</p>
        </div>


        <section class="bg-light py-2 my-3">
            <div class="container my-5">
                <div class="row text-center">
                   <div class="col-12 col-lg-4 mb-4 mb-lg-0">
                        <div class="h-100 d-flex flex-column">
                            <h3>Resources</h3>
                            <p>Access freely shared learning materials provided by teachers to support manuscript studies</p>
                            <div class="mt-auto">
                            <a href="resources.html" class="btn btn-sm btn-outline-primary">Explore resources</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-lg-4 mb-4 mb-lg-0">
                        <div class="h-100 d-flex flex-column">
                            <h3>Editor and Collection</h3>
                            <p>Enter manuscript metadata or browse the collection of descriptions contributed by users</p>

                            <div class="mt-auto d-flex flex-row gap-2 justify-content-center">
                                <a href="editor.html" class="btn btn-sm btn-outline-primary me-3">Enter the data</a>
                                <a href="collection.html" class="btn btn-sm btn-outline-primary">Browse the collection</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-lg-4">
                        <div class="h-100 d-flex flex-column">
                            <h3>Transcription Viewer</h3>
                            <p>Work with XML transcriptions side-by-side with facsimiles and live preview</p>

                            <div class="mt-auto">
                            <a href="viewer.html" class="btn btn-sm btn-outline-primary">View your transcription</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <section class="container my-5">
            <h2 class="text-center">What is &lt;MANO&gt;?</h2>

            <p style="text-align: justify;"><span class="mano">&lt;MANO&gt; - Manuscripts Online</span> is a digital platform designed to support the scholarly study, structured description, and transcription of manuscripts. Developed for academic research and teaching, it provides a workspace where users can create and share manuscript metadata, view transcriptions alongside facsimiles, and access learning resources.</p>
            <p style="text-align: justify;">The <a href="resources.html">Resources</a> section gathers learning materials in manuscript studies, TEI encoding, and digital editing practices, openly shared under Creative Commons licenses.</p>
            <p style="text-align: justify;">The <a href="editor.html">Metadata Editor</a> facilitates detailed documentation of a manuscript’s physical, historical, and codicological features - such as origin, provenance, script, dimensions and more - while offering download options for further analysis or archival purposes. Once metadata is finalized, the resulting JSON files can be contributed to the &lt;MANO&gt; GitHub repository. All records become part of the <a href="collection.html">Metadata Collection</a>, where community-contributed descriptions can be explored, searched, and filtered. </p>
            <p style="text-align: justify;">The <a href="viewer.html">Transcription Viewer</a> supports TEI-XML transcriptions and provides a visual interface where users can view XML code, rendered text, and digitized manuscript facsimiles in a synchronized layout.</p>
            <p style="text-align: justify;">Through this combination of structured metadata management, collaborative sharing, transcription tools, and open educational resources, &lt;MANO&gt; serves as a practical tool for teaching, research, and the collaborative creation of digital scholarly resources.</p>
        </section>


        <section class="user-survey py-5 bg-light">
            <div class="container text-center">
                <h4 class="mb-4">Participate in shaping the future of &lt;MANO&gt;</h4>
                <p class="mb-2">By sharing your experience with digital tools for manuscript studies, you help us understand current practices and needs, and inform the future development of &lt;MANO&gt;.
                </p>
                <p class="small text-muted mb-4">
                    The survey takes about 5-7 minutes and is completely anonymous.
                </p>
                <a href="https://survey.zdv.uni-mainz.de/index.php/822542?newtest=Y&lang=en" class="btn btn-outline-primary" target="_blank" rel="noopener">Take the user survey</a>
            </div>
        </section>


        <footer class="footer bg-body-tertiary text-center py-4">
            <div class="container">

            <!-- Logo centered -->
            <div class="mb-3">
                <a class="navbar-brand" href="index.html">
                <img src="images/mano-logo_nuovoFont.png" alt="MANO project logo" width="50">
                </a>
            </div>

            <!-- Links centered in one line -->
            <div class="mb-3">
                <a class="footer-link mx-2" href="index.html">Home</a>
                <a class="footer-link mx-2" href="resources.html">Resources</a>
                <a class="footer-link mx-2" href="editor.html">Metadata Editor</a>
                <a class="footer-link mx-2" href="collection.html">Metadata Collection</a>
                <a class="footer-link mx-2" href="viewer.html">Transcription Viewer</a>
                <a class="footer-link mx-2" href="documentation.html">Documentation</a>
                <a class="footer-link mx-2" href="about.html">About</a>
            </div>

            <!-- Copyright centered -->
            <div class="text-center mt-2">
                <span>© 2025 <span class="mano">&lt;MANO&gt;</span></span>
            </div>
        </footer>
        <div class="py-1 text-center">
            <small>
            <span class="m-1">
                <a href="imprint.html" style="color: black!important">Imprint & Privacy</a>
            </span> |
            <span class="m-1">
                <a href="https://github.com/orgs/mano-project/repositories" target="_blank" style="color: black!important"><i class="fa-brands fa-github"></i> GitHub Repositories</a>
            </span> |
            <span class="m-1">
                <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/" target="_blank" style="color: black!important">CC BY-NC-SA 4.0</a><img src="https://mirrors.creativecommons.org/presskit/icons/cc.svg" alt="Creative Commons" style="max-width: 1em;max-height:1em;margin-left: .2em;"><img src="https://mirrors.creativecommons.org/presskit/icons/by.svg" alt="Attribution" style="max-width: 1em;max-height:1em;margin-left: .2em;"><img src="https://mirrors.creativecommons.org/presskit/icons/nc.svg" alt="Non Commercial" style="max-width: 1em;max-height:1em;margin-left: .2em;"><img src="https://mirrors.creativecommons.org/presskit/icons/sa.svg" alt="Share Alike" style="max-width: 1em;max-height:1em;margin-left: .2em;">
            </span>
            </small>
        </div>

    </body>
</html>