Add license text at bottom

chongyangshi · Nov 3, 2024 · 97ca607 · 97ca607
1 parent e6b01a7
commit 97ca607
Show file tree

Hide file tree

Showing 3 changed files with 38 additions and 8 deletions.
diff --git a/web/yronwood/index.html b/web/yronwood/index.html
@@ -31,16 +31,17 @@
         <ul class="navbar-nav ml-auto">
           <li class="nav-item">
             <a class="nav-link" data-toggle="modal" data-target="#authenticateModal"><span
-                class="oi oi-lock-locked index-icon clickable" aria-hidden="true" id="authenticateIcon"></span></a>
+                class="oi oi-lock-locked index-icon clickable" aria-hidden="true" id="authenticateIcon"
+                title="Login"></span></a>
           </li>
           <li class="nav-item">
             <a class="nav-link" href="https://github.com/chongyangshi/yronwood"><span class="oi oi-code index-icon"
-                aria-hidden="true"></span></a>
+                aria-hidden="true" title="Source Code"></span></a>
           </li>
           <li class="nav-item">
             <a class="nav-link" data-toggle="modal" data-target="#uploadModal"><span
                 class="oi oi-data-transfer-upload index-icon clickable" aria-hidden="true" id="uploadIcon"
-                hidden></span></a>
+                title="Upload" hidden></span></a>
           </li>
         </ul>
       </div>
@@ -57,7 +58,7 @@
   </div>
 
   <!-- Page Content -->
-  <div class="images-container" id="images-container"></div>
+  <div class="images-container container-with-background" id="images-container"></div>
 
   <!-- Pagination Navigation -->
   <div class="pagination-container">
@@ -75,6 +76,12 @@
     </nav>
   </div>
 
+  <!-- Content License Statement -->
+  <div class="license-container container-with-background">
+    <p class="license-text"></p>
+  </div>
+
+
   <!-- Bootstrap core JavaScript -->
   <script src="vendor/jquery/jquery.min.js"></script>
   <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>

diff --git a/web/yronwood/static/yronwood.css b/web/yronwood/static/yronwood.css
@@ -19,10 +19,6 @@
     text-align: center;
 }
 
-#images-container {
-    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAO0lEQVQoU2NkIAIwElJz6NCh/3gVgRTY2dkxEjQJZBNWRTATYE7BUISuAKdJ6J6Bm4TNBBTr8CkAKQQA6oYXT+kQKfMAAAAASUVORK5CYII=) repeat;
-}
-
 #yronwood-tags-info-text {
     display: inline
 }
@@ -33,8 +29,28 @@ button.disabled-paging-button {
     opacity: 75%;
 }
 
+div.container-with-background {
+    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAO0lEQVQoU2NkIAIwElJz6NCh/3gVgRTY2dkxEjQJZBNWRTATYE7BUISuAKdJ6J6Bm4TNBBTr8CkAKQQA6oYXT+kQKfMAAAAASUVORK5CYII=) repeat;
+}
+
 div.pagination-container {
     background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAG0lEQVQYV2NkYGD4z8DAwMgABXAGNgGwSgwVAFbmAgXQdISfAAAAAElFTkSuQmCC) repeat;
+    margin: 0;
+    padding: 0;
+}
+
+ul.pagination {
+    margin: 0;
+    padding: 0;
+}
+
+div.license-container {
+    text-align: center;
+}
+
+p.license-text {
+    margin: 0;
+    padding: 0;
 }
 
 span.index-icon {

diff --git a/web/yronwood/static/yronwood.js b/web/yronwood/static/yronwood.js
@@ -1,12 +1,17 @@
 const ACCESS_TYPE_PUBLIC = "public"
 const ACCESS_TYPE_PRIVATE = "private"
 
+// Change to the base address of your Yronwood backend server, whose CORS policy must
+// allow the origin of the web frontend if using different hostnames.
 var API_BASE = "https://i.doge.at"
 if (window.location.hostname == undefined || window.location.hostname == "") {
     // For local running, served by browser from file.
     API_BASE = "http://127.0.0.1:18080";
 }
 
+// Change text to reflect license choice for public images.
+var LICENSE_TEXT = "Unless otherwise stated, all public contents of this gallery are original works © Chongyang Shi, and are licensed for re-use under the terms of CC BY 4.0.";
+
 var current_accss_type = ACCESS_TYPE_PUBLIC
 var current_page = 1
 
@@ -16,6 +21,8 @@ $(document).ready(function () {
         set_authenticated();
     }
     list_images(current_accss_type, current_page);
+
+    $(".license-text").text(LICENSE_TEXT);
 });
 
 function list_images(access_type, page) {