Merge remote-tracking branch 'origin/main'

Author: leonardozilli

docs/analysis.html

@@ -128,8 +128,8 @@ <h3 class="analysis-title">Time and space analysis</h3>
             <div class="grid-container">
               <div class="grid-item-1">
                 <p class="text1">Metascript is an open source tool that provides a basic textual analysis framework for the comparison of an original text (novels, short stories, etc.) and its film transposition (screenplays). The goal of Metascript is to provide a set of guidelines for the markup and the metadata enrichment among multimodal texts, such as a book with its screenplay adaptation for audiovisual transposition. </p>
-                <p class="text1">This work is distributed with the license <a rel="license" href="http://creativecommons.org/licenses/by-nc-nd/3.0/" target="_blank">Creative Commons Attribuzione - Non commerciale - Non opere derivate 3.0 Unported</a>.</p>
-                <a class="text1" rel="license" class="icon-link" href="http://creativecommons.org/licenses/by-nc-nd/3.0/" target="_blank"><img alt="Licenza Creative Commons" style="border-width:0" src="https://i.creativecommons.org/l/by-nc-nd/3.0/88x31.png"></a>
+                <p class="text1">This work is distributed with the license <a rel="license" href="https://creativecommons.org/licenses/by/4.0/" target="_blank">CC-BY-4.0 Deed</a>.</p>
+                <a class="text1" rel="license" class="icon-link" href="https://creativecommons.org/licenses/by/4.0/" target="_blank"><img alt="Licenza Creative Commons" style="border-width:0; width:100px;" src="https://mirrors.creativecommons.org/presskit/buttons/88x31/png/by.png"></a>
               </div>
               <div class="grid-item-2">
                 <h6>Contacts</h6>

docs/css/style.css

@@ -49,6 +49,10 @@ table {
 	border-spacing: 0;
 }
 
+main {
+    display: flex;
+    flex-direction: column;
+}
 
 :root {
     --verdino: #a6c9b5;
@@ -59,11 +63,6 @@ table {
     --violino: #aea7d0;
 }
 
-main {
-    display: flex !important;
-    flex-direction: column;
-}
-
 /* Hide scrollbar for Chrome, Safari and Opera */
 body::-webkit-scrollbar {
     display: none;
@@ -339,6 +338,7 @@ p {
 .comparison-section {
     background-color: var(--viola);
     z-index: 2;
+    
 }
 
 .comparison-section>.sectitle>h3 {

docs/documentation.html

@@ -1163,13 +1163,8 @@ <h2>BIBLIOGRAPHY</h2>
                         metadata enrichment among multimodal texts, such as a book with its screenplay adaptation for
                         audiovisual transposition. </p>
 
-                    <p class="text1">This work is distributed with the license <a rel="license"
-                            href="http://creativecommons.org/licenses/by-nc-nd/3.0/" target="_blank">Creative Commons
-                            Attribuzione - Non commerciale - Non opere derivate 3.0 Unported</a>.</p>
-                    <a class="text1" rel="license" class="icon-link"
-                        href="http://creativecommons.org/licenses/by-nc-nd/3.0/" target="_blank"><img
-                            alt="Licenza Creative Commons" style="border-width:0"
-                            src="https://i.creativecommons.org/l/by-nc-nd/3.0/88x31.png"></a>
+                        <p class="text1">This work is distributed with the license <a rel="license" href="https://creativecommons.org/licenses/by/4.0/" target="_blank">CC-BY-4.0 Deed</a>.</p>
+                        <a class="text1" rel="license" class="icon-link" href="https://creativecommons.org/licenses/by/4.0/" target="_blank"><img alt="Licenza Creative Commons" style="border-width:0; width:100px;" src="https://mirrors.creativecommons.org/presskit/buttons/88x31/png/by.png"></a>
                 </div>
                 <div class="grid-item-2">
                     <h6>Contacts</h6>
@@ -1220,19 +1215,24 @@ <h6>Team</h6>
 
     </footer>
     <style>
+        main {
+        display: flex !important;
+        flex-direction: row;
+        height: 100vh;
+        }
         .footer {
             position: relative;
-            left: 20vw !important;
+            margin:0 auto;
             top: 65px;
             width: 80vw;
         }
 
         .content {
             padding: 5vh 7vw !important;
             position: relative;
-            left: 20vw;
             top: 65px !important;
             width: 80vw;
+            overflow: auto;
         }
 
         .navbar {
@@ -1245,13 +1245,12 @@ <h6>Team</h6>
 
         .sidebar {
             background-color: var(--giallino);
-            padding: 30px 10px 40px 10px !important;
-            position: fixed;
-            top: 65px;
+            padding: 100px 10px 40px 10px !important;
+            position: sticky;
             left: 0;
             height: 100%;
             width: 20vw;
-            overflow-x: scroll;
+            margin-top: 65px !important;
         }
 
         .sidebar ul {

docs/index.html

@@ -242,8 +242,8 @@ <h5 class="comparison-item-title">Movie Transcription</h5>
               <div class="grid-item-1">
                 <p class="text1">Metascript is an open source tool that provides a basic textual analysis framework for the comparison of an original text (novels, short stories, etc.) and its film transposition (screenplays). The goal of Metascript is to provide a set of guidelines for the markup and the metadata enrichment among multimodal texts, such as a book with its screenplay adaptation for audiovisual transposition. </p>
 
-                <p class="text1">This work is distributed with the license <a rel="license" href="http://creativecommons.org/licenses/by-nc-nd/3.0/" target="_blank">Creative Commons Attribuzione - Non commerciale - Non opere derivate 3.0 Unported</a>.</p>
-                <a class="text1" rel="license" class="icon-link" href="http://creativecommons.org/licenses/by-nc-nd/3.0/" target="_blank"><img alt="Licenza Creative Commons" style="border-width:0" src="https://i.creativecommons.org/l/by-nc-nd/3.0/88x31.png"></a>
+                <p class="text1">This work is distributed with the license <a rel="license" href="https://creativecommons.org/licenses/by/4.0/" target="_blank">CC-BY-4.0 Deed</a>.</p>
+                <a class="text1" rel="license" class="icon-link" href="https://creativecommons.org/licenses/by/4.0/" target="_blank"><img alt="Licenza Creative Commons" style="border-width:0; width:100px;" src="https://mirrors.creativecommons.org/presskit/buttons/88x31/png/by.png"></a>
               </div>
               <div class="grid-item-2">
                 <h6 >Contacts</h6>