DigArchMerch/index.html at main · MariaJGamboa/DigArchMerch · 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
<!DOCTYPE html>
<html>
	<head>
    <meta NAME="DC.Title" CONTENT="Digital Archives of Mercantesca">
    <meta NAME="DC.Creator" CONTENT="Maria Juliana Gamboa">
    <meta NAME="DC.Subject" CONTENT="Collezione di un Manoscritto in Mercantesca, dentro un sito di archivi digitali">
    <meta NAME="DC.Description" CONTENT="Un archivio digitale, con l’informazione riguardo la digitalizzazione in cui viene presentato un manoscritto in mercantesca">
    <meta NAME="DC.Publisher" CONTENT="Ghithub">
    <meta NAME="DC.Date" CONTENT="13/02/2024">
    <meta NAME="DC.Language" CONTENT="Italiano">
		<meta charset="utf-8">
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <link href='https://fonts.googleapis.com/css?family=Aboreto' rel='stylesheet'>
    <link href='https://fonts.googleapis.com/css?family=Advent Pro' rel='stylesheet'>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
		<title>Digital Archives of Merchantesca</title>
	</head>
  <body>
	 <header class="header">
    <div class="row">
		  <h1>Digital Archives of Merchantesca</h1>
    </div>
	 </header>
	  <nav class="topnav">
        <a><span class="attiva">Home</span></a>
        <a href="Manoscritti.html">Manoscritto</a>
        <a href="Adlab.html">Adlab</a>
        <a href="DigArch.html">Digital Archives</a>
    </nav>

    <ul class="breadcrumb">
      <li><a href="index.html">Home</a></li>
    </ul>
    <div id="mySidenav">
      <a href="#" id="search">
          <form action="/action_page.php">
           <i class="fa fa-search"></i>
          </form></a>
      <a href="#" id="login">Log In</a>
      <a href="#" id="language">English</a>
      <a href="#" id="language2">Español</a>
    </div>

    <section class="home" style="padding-left: 15px;padding-right: 15px;">
      <h2>Digital Archives of Merchantesca</h2>
        <p>Il sito Digital Archives of Merchantesca nasce come un progetto di  archivio virtuale in cui vogliamo valorizzare dei manoscritti che sono stati digitalizzati. I manoscritti fanno parte del patriamionio del Centro RAM Unibo e sono conservati attualmente a Bologna, nell’Alma Mater Studiorum, Università di Bologna, nel dipartimento di Filologia classica e Italianistica (FICLIT). Questo progetto nasce dal lavoro della tesi triennale di una studentessa di Storia per la conclusione dei suoi studi.
        </p>
        <p>Lo studio e il lavoro fatto sui manoscritti ha l’obbiettivo di riproporre a livello digitale una ricostruzione virtuale del manoscritto, con l’intenzione di poter accedere al manoscritto e sfogliarlo come se fosse un codice completo, anche se abbiamo soltanto alcuni fogli. Il fine è quello di far conoscere a un pubblico maggiore un manoscritto che sembrava perso, in modo tale che chiunque possa accedere e sfogliarlo, mettendo a disposizione lo studio storico-paleografico che si è costruito in seno a questo lavoro, riguardante il codice. Si è preso in considerazione a modello il progetto <i>“From manuscript fragments to book history (2012-2017)”</i> from Bergen University, Norway, in cui hanno sperimentato diverse forme di riassemblaggio di frammenti in manoscritti virtuali.</p>
        <p>La conversione in chiave digitale di un progetto che ha gli obiettivi originari di ricerca storica e paleografica è fondamentale nel contesto attuale presente considerando che viviamo in un’era digitale. Mediante gli strumenti che esistono per la digitalizzazione della cultura è possibile portare al mondo contemporaneo un manoscritto medievale. Farlo esaminare da uno studente o un ricercatore che riesca ad apprezzare il lavoro di ricerca più tradizionale attraverso le novità della digitalizzazione dei beni culturali è uno dei più grandi vantaggi che offre il mondo moderno.</p>

        <p> Si è creato un sito web efficace e semplice da usare, che ha come obbiettivo valorizzare la cultura scritta medievale attraverso la digitalizzazione e la preservazione digitale di un bene culturale peculiare come i frammenti RAM. È stato creato con i linguaggi di markup HTML e CSS, creandone un sito web compatibile ad altri dispositivi e interattivo con gli utenti. In futuro si spera di poterne aggiornare i contenuti. </p>
        <div class="slideshow-container">

        <div class="mySlides fade">
          <div class="numbertext">1 / 6</div>
            <a target="_blank" href="Item.html"><img src="img/mano1.jpeg" style="width:100%"></a>
            <div class="text">Frammento 20, Verso</div>
        </div>

        <div class="mySlides fade">
          <div class="numbertext">2 / 6</div>
            <a target="_blank" href="img/mano5.jpeg"><img src="img/mano5.jpeg" style="width:100%"></a>
            <div class="text">Frammento 9, Verso</div>
        </div>

        <div class="mySlides fade">
         <div class="numbertext">3 / 6</div>
          <a target="_blank" href="img/mano9.jpeg"><img src="img/mano9.jpeg" style="width:100%"></a>
          <div class="text">Frammento 10, Recto</div>
        </div>

        <div class="mySlides fade">
         <div class="numbertext">4 / 6</div>
          <a target="_blank" href="img/mano12.jpeg"><img src="img/mano12.jpeg" style="width:100%"></a>
          <div class="text">Frammento 11, Verso</div>
        </div>

        <div class="mySlides fade">
         <div class="numbertext">5 / 6</div>
          <a target="_blank" href="img/mano24.jpeg"><img src="img/mano24.jpeg" style="width:100%"></a>
          <div class="text">Frammento 13, Verso</div>
        </div>

        <div class="mySlides fade">
         <div class="numbertext">6 / 6</div>
          <a target="_blank" href="img/mano36.jpeg"><img src="img/mano36.jpeg" style="width:100%"></a>
          <div class="text">Frammento 15, Verso</div>
        </div>

        <a class="prev" onclick="plusSlides(-1)">❮</a>
        <a class="next" onclick="plusSlides(1)">❯</a>
        </div>
        <br>

        <div style="text-align:center">
         <span class="dot" onclick="currentSlide(1)"></span>
         <span class="dot" onclick="currentSlide(2)"></span>
         <span class="dot" onclick="currentSlide(3)"></span>
         <span class="dot" onclick="currentSlide(4)"></span>
         <span class="dot" onclick="currentSlide(5)"></span>
         <span class="dot" onclick="currentSlide(6)"></span>
        </div>

        <p> In questo sito troverai tutta l’informazione riguardo il manoscritto, che abbiamo reso possibile attraverso una rapida navigazione.
        Troverai tutte le immagini digitalizzate dei frammenti, e la ricostruzione virtuale che si pe prodotta. Si sono anche inserite le informazioni coerenti all’analisi paleografica e codicologica riguardante i frammenti. Troverai anche le immagini che si sono fatte in fase di digitalizzazione col Color Checker.
        </p>
        <p>Inoltre, si è incluso un collegamento al laboratorio di digitalizzazione dell’Università di Bologna, ADLab, dato che i frammenti RAM sono stati digitalizzati e resi disponibili grazie al lavoro fatto nel laboratorio. Oltre a ciò, si è aggiunta una piccola introduzione sulla digitalizzazione e sugli archivi e biblioteche digitali, per coloro che non conoscono le nuove tecnologie impiegate per la divulgazione culturale nel mondo digitale.</p>
        <p>Il sito “Digital Archives of Merchantesca” rappresenta un piccolo progetto per la ricostruzione dei frammenti manoscritti RAM, in cui si descrive il lavoro compiuto per la ricostruzione del testo presente e le difficoltà incontrate. <b>Se in un futuro il progetto si volesse espandere e portare avanti attraverso nuove metodologie digitali si potrà partire da esso: si tratta insomma di un sito aperto e perfettibile alle possibilità che il futuro può offrire.</b></p>
        <h3>Esplora le collezioni degli Archivi Digitali</h3>
        <div class="collezioni">
          <a target="_blank" href="Manoscritti.html"><p><img src="img/imgman.jpg" alt="sfondo" style="width :105%;">Manoscritto</p></a>
          <p><img src="img/undcos.jpg" alt="sfondo" style="width:90%;">Coming soon...</p>
          <p><img src="img/undcos.jpg" alt="sfondo" style="width:90%;">Coming soon...</p>
        </div>
      </div>

      </section>
      <section>
        <button onclick="topFunction()" id="myBtn" title="Go to top">Top</button>
      </section>
    <footer>
        <h3>Seguici su</h3>
          <p><a href="#" class="fa fa-facebook"></a>
             <a href="#" class="fa fa-twitter"></a>
             <a href="#" class="fa fa-instagram"></a></p>
        <p><a href="wpp.html" class="button" target="_blank">Web Project Plan</a></p>
      <article>
        <form action="/action_page.php">
          <div class="newsletter">
            <h3>Subscribe to our Newsletter</h3>
          </div>
          <div class="newsletter">
            <input type="text1" placeholder="Name" name="name" required>
            <input type="text1" placeholder="Email address" name="mail" required>
            <label>
              <input type="checkbox" checked="checked" name="subscribe"> Montly Newsletter
            </label>
          </div>
        </form>
      </article>
      <article>
        <p>Digital Archives of Merchantesca © Maria Juliana Gamboa 2024</p>
        <p>ALMA MATER STUDIORUM - Università di Bologna</p>
        <p> <a href="">Chi Siamo</a> | <a href="">Contatti</a> | <a href="">FAQ</a> | <a href="">Privacy</a></p>
        <p>17/01/2024 | Ultimo aggiornamento 12/02/2024</p>
        <p>License</p>
      </article>
    </footer>
    <script>
    let slideIndex = 1;
    showSlides(slideIndex);

    function plusSlides(n) {
    showSlides(slideIndex += n);
    }

    function currentSlide(n) {
    showSlides(slideIndex = n);
    }

    function showSlides(n) {
      let i;
      let slides = document.getElementsByClassName("mySlides");
      let dots = document.getElementsByClassName("dot");
      if (n > slides.length) {slideIndex = 1}
      if (n < 1) {slideIndex = slides.length}
      for (i = 0; i < slides.length; i++) {
      slides[i].style.display = "none";
    }
    for (i = 0; i < dots.length; i++) {
      dots[i].className = dots[i].className.replace(" active", "");
    }
    slides[slideIndex-1].style.display = "block";
    dots[slideIndex-1].className += " active";
    }

    // Get the button
    let mybutton = document.getElementById("myBtn");

    // When the user scrolls down 20px from the top of the document, show the button
    window.onscroll = function() {scrollFunction()};

    function scrollFunction() {
      if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
      mybutton.style.display = "block";
      } else {
     mybutton.style.display = "none";
      }
    }
    // When the user clicks on the button, scroll to the top of the document
    function topFunction() {
      document.body.scrollTop = 0;
      document.documentElement.scrollTop = 0;
    }
    </script>
  </body>
</html>