Changeset 35724 for main/trunk/model-interfaces-dev/atea/macron-restoration/src/App.vue

Timestamp:

2021-11-08T17:02:01+13:00 (2 years ago)

Author:

cstephen

Message:

Add footer information

File:

• main/trunk/model-interfaces-dev/atea/macron-restoration/src/App.vue (modified) (4 diffs)

main/trunk/model-interfaces-dev/atea/macron-restoration/src/App.vue

@@ -1 +1 @@
 <template>
+<div class="root">
     <div class="app-bar theme-primary">
         <div class="app-bar-content">
             <span class="heading1">{{ translations.get("Title") }}</span>
-
-            <a class="btn-primary theme-primary-l1" href="http://www.maramatanga.co.nz" target="_blank">
-                <span class="material-icons mdi-m">open_in_new</span>
-                <u>Ngā Pae o te Māramatanga (Replace with image)</u>
-            </a>
         </div>
     </div>
@@ -22 +18 @@
         </div>
     </div>
+
+    <div class="footer">
+        <img src="img/logo_waikato_uni.jpg" alt="The University of Waikato Logo" />
+
+        <div>
+            This service was funded by <a href="http://www.maramatanga.co.nz" target="_blank">Ngā Pae O Te Māramatanga</a> as
+            part of the research related to the digitalization of the Pei Jones collection,
+            and was developed at the <a href="https://www.waikato.ac.nz" target="_blank">University of Waikato</a>.
+        </div>
+        <img src="img/logo_nga_pae_o_te_maramatanga.jpg" alt="The Ngā Pae o te Māramatanga Logo" />
+        <div>
+            This website collects simple usage logs which will be used for development purposes only.
+            No details which could be used to identify individuals will be collected and the data will be kept secure at the University of Waikato.
+            If you do not wish for your activity to be included, click <a href="mailto:[email protected]">here</a> to notify Dr. Te Taka Keegan.
+            Copyright &copy; 2014 University of Waikato
+        </div>
+    </div>
+</div>
 </template>
 
 <style lang="scss">
-#transcription-list {
-    margin-bottom: 1em;
+html, body, #app {
+    height: 100%;
+}
+
+.root {
+    display: flex;
+    flex-direction: column;
+    height: 100%;
 }
 
@@ -57 +77 @@
     padding: 0;
     margin: 1em;
+    flex-grow: 1;
 }
 
@@ -63 +84 @@
 }
 
-// .transcription-list-item {
-//     transition: all 0.8s ease;
-//     margin-bottom: 1em;
+.footer {
+    display: grid;
+    grid-template-columns: auto 1fr;
+    gap: 1em;
 
-//     &:last-child {
-//         margin-bottom: 0;
-//     }
-// }
+    box-shadow: 0px 0px 3px 2px #8a8a8a;
+    padding: 1em;
+    background-color: var(--paper-color);
 
-// .transcription-list-leave-to {
-//     opacity: 0;
-// }
+    img {
+        grid-column: 1;
+        height: 48px;
+    }
 
-// .transcription-list-leave-active {
-//     position: absolute;
-// }
+    div {
+        grid-column: 2;
+    }
+}
+
+.funding {
+    display: flex;
+    gap: 1em;
+    align-items: center;
+}
 </style>