Merge pull request #147 from OpenTechStrategies/146-add-top-text-cita…

…tion Add top text citation
OpenTechStrategies · Oct 16, 2024 · 607024c · 607024c
2 parents 818c6fc + d316669
commit 607024c
Show file tree

Hide file tree

Showing 6 changed files with 65 additions and 46 deletions.
diff --git a/archesdataviewer/static/vite_build/.vite/manifest.json b/archesdataviewer/static/vite_build/.vite/manifest.json
@@ -1,11 +1,11 @@
 {
   "index.html": {
-    "file": "assets/index-DmGzCBcG.js",
+    "file": "assets/index-DFgKWHlY.js",
     "name": "index",
     "src": "index.html",
     "isEntry": true,
     "css": [
-      "assets/index-Bf22cgUD.css"
+      "assets/index-AxqwSCVS.css"
     ]
   }
 }
diff --git a/...atic/vite_build/assets/index-Bf22cgUD.css → ...atic/vite_build/assets/index-AxqwSCVS.css b/...atic/vite_build/assets/index-Bf22cgUD.css → ...atic/vite_build/assets/index-AxqwSCVS.css
diff --git a/archesdataviewer/static/vite_build/assets/index-DFgKWHlY.js b/archesdataviewer/static/vite_build/assets/index-DFgKWHlY.js
diff --git a/archesdataviewer/static/vite_build/assets/index-DmGzCBcG.js b/archesdataviewer/static/vite_build/assets/index-DmGzCBcG.js
diff --git a/archesdataviewer/static/vite_build/index.html b/archesdataviewer/static/vite_build/index.html
@@ -4,8 +4,8 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Arches Data Viewer</title>
-    <script type="module" crossorigin src="/assets/index-DmGzCBcG.js"></script>
-    <link rel="stylesheet" crossorigin href="/assets/index-Bf22cgUD.css">
+    <script type="module" crossorigin src="/assets/index-DFgKWHlY.js"></script>
+    <link rel="stylesheet" crossorigin href="/assets/index-AxqwSCVS.css">
   </head>
   <body>
     <div id="app"></div>

diff --git a/front-end/src/App.vue b/front-end/src/App.vue
@@ -14,15 +14,24 @@
           <XMarkIcon :class="showTopText ? 'button-icon shown' : 'button-icon hidden'" />
         </button>
       </div>
-      <p :class="showTopText ? 'top-text expanded' : 'top-text collapsed'">
-        In 2013, Columbia College Chicago launched the Wabash Arts Corridor to immerse students in
-        the creative spirit by using urban spaces and reclaimable resources to revitalize and
-        transform the South Loop business district into one of the city’s major cultural assets. The
-        heart of WAC is Wabash Avenue from Van Buren to Roosevelt and is framed to the east by
-        Michigan Avenue and to the west by State Street. The corridor is regarded as an “living
-        urban canvas” due to its ever-growing number of large-scale mural installations and
-        collaborative projects.
-      </p>
+      <div :class="showTopText ? 'top-text expanded' : 'top-text collapsed'">
+        <p>
+          In 2013, Columbia College Chicago launched the Wabash Arts Corridor to immerse students in
+          the creative spirit by using urban spaces and reclaimable resources to revitalize and
+          transform the South Loop business district into one of the city’s major cultural assets.
+          The heart of WAC is Wabash Avenue from Van Buren to Roosevelt and is framed to the east by
+          Michigan Avenue and to the west by State Street. The corridor is regarded as an “living
+          urban canvas” due to its ever-growing number of large-scale mural installations and
+          collaborative projects.
+        </p>
+        <p class="citation">
+          See Columbia College's
+          <a href="https://students.colum.edu/ssac/wabash-arts-corridor"
+            >page about the Wabash Arts Corridor</a
+          >
+          for more information.
+        </p>
+      </div>
     </header>
     <main>
       <div id="map-container">
@@ -179,8 +188,14 @@ main {
     padding 300ms ease;
 }
 
+.citation {
+  line-height: var(--wac--line-height);
+  font-size: var(--wac--font-size);
+  padding-top: 10px;
+}
+
 .top-text.expanded {
-  max-height: 350px;
+  max-height: 400px;
   padding-top: 10px;
 }
 
@@ -213,6 +228,10 @@ main {
     font-size: var(--wac--font-size--xxl);
   }
 
+  .citation {
+    font-size: var(--wac--font-size--lg);
+  }
+
   main {
     flex-direction: row-reverse;
   }