Minor data fixes

_data/config-browse.csv

@@ -1,8 +1,15 @@
 field,display_name,btn,hidden,sort_name
-date,Year,,,Date
-creator,Creator,,,
-subject,,true
-project_type,,true
-project_theme,,true
-location,,true
-identifier,,,true,Identifier
+description,,,,
+creator,By,,,Creator
+date,Year,,true,Year
+term,,true,,
+project_type,,true,,Specializiation Focus
+project_theme,,,true,
+industry_application,,,true,
+user_groups,,,true,
+subject,,,true,
+capstone_advisors,,,true,
+associate_instructors,,,true,
+source,,,true,
+course,,,true,
+objectid,,,true,

_data/config-metadata.csv

@@ -2,19 +2,19 @@ field,display_name,browse_link,external_link,dc_map,schema_map
 title,Title,,,DCTERMS.title,headline
 creator,Creator,,,DCTERMS.creator,creator
 description,Description,,,DCTERMS.description,description
+project_type,Specialization Focus,true,,DCTERMS.subject,
 course,Course,,,DCTERMS.coverage,
+term,Term,,,DCTERMS.coverage,
 date,Year,,,DCTERMS.date,dateCreated
-term,Semester,,,DCTERMS.coverage,
-capstone_advisors,Capstone Advisors,,,DCTERMS.contributor,
-associate_instructors,Associate Instructors,,,DCTERMS.contributor,
 thesis,Thesis,,true,DCTERMS.relation,
-subject,Subjects,true,,DCTERMS.subject,keywords
 prototype_link,Prototype Link,,true,DCTERMS.relation,
-project_type,Project Type,,true,DCTERMS.subject,
-project_theme,Project Theme,,true,DCTERMS.subject,
-industry_application,Industry Application,,true,DCTERMS.subject,
-user_groups,User Groups,,true,DCTERMS.subject,
+capstone_advisors,Capstone Advisors,true,,DCTERMS.contributor,
+associate_instructors,Associate Instructors,true,,DCTERMS.contributor,
 degree_book,Graduate Degree Book,,true,DCTERMS.relation,
+project_theme,Project Theme,true,,DCTERMS.subject,
+industry_application,Industry Application,true,,DCTERMS.subject,
+user_groups,User Groups,true,,DCTERMS.subject,
+subject,Keywords,true,,DCTERMS.subject,keywords
 source,Source,,,DCTERMS.source,
 identifier,Source Identifier,,,,
 type,Type,,,DCTERMS.type,

_data/config-nav.csv

@@ -1,11 +1,12 @@
 display_name,stub,dropdown_parent
 Home,/,
 Browse All,/browse.html,
-Browse by Project,,
-Type,/capstone-type.html,Browse by Project
-Theme,/capstone-theme.html,Browse by Project
-Industry Application,/capstone-industry-application.html,Browse by Project
-User Groups,/capstone-user-groups.html,Browse by Project
+Browse by Capstone,,
+Specialization Focus,/capstone-type.html,Browse by Capstone
+Theme,/capstone-theme.html,Browse by Capstone
+Industry Application,/capstone-industry-application.html,Browse by Capstone
+User Groups,/capstone-user-groups.html,Browse by Capstone
+Keywords,/subject.html,Browse by Capstone
 Timeline,/timeline.html,
 Data,,
 Data,/data.html,Data

_data/config-search.csv

@@ -1,10 +1,17 @@
 field,index,display
+objectid, true,true
 title,true,true
 date,true,true
+term,true,true
 creator,true,false
+course,true,false
 description,true,true
 subject,true,true
 project_type,true,true
 project_theme,true,true
-capstone-industry-application,true,true
-capstone-theme,true,true
+industry_application,true,true
+user_groups,true,true
+capstone_advisors,true,true
+associate_instructors,true,true
+source,true,true
+subject,true,true

_data/config-theme-colors.csv

@@ -1,8 +1,8 @@
 color_class,color
-primary,
+primary,#006298
 secondary,
 success,
-info,
+info,#006298
 warning,
 danger,
 light,

_includes/data-download-modal.html

@@ -6,7 +6,7 @@
 {%- endcomment -%}
 
 {%- assign stubs = site.data.config-nav | map: 'stub' | join: ';' -%}
-<button type="button" class="btn btn-primary btn-lg float-md-end" data-bs-toggle="modal" data-bs-target="#dataModal">Download Data</button>
+<button type="button" class="btn btn-iu-crimson float-md-end" data-bs-toggle="modal" data-bs-target="#dataModal">Download Data</button>
 <!-- Modal -->
 <div class="modal fade" id="dataModal" tabindex="-1" role="dialog" aria-labelledby="dataModalLabel" aria-hidden="true">
     <div class="modal-dialog modal-lg" role="document">

_includes/index/carousel.html

@@ -20,7 +20,7 @@
 
 {%- assign carousel-max = include.max | default: 9 -%}
 {%- assign btn-color = include.btn-color | default: "primary" -%}
-{%- assign btn-text = include.btn-text | default: "View Item" -%}
+{%- assign btn-text = include.btn-text | default: "View Capstone" -%}
 {% if site.data.theme.carousel-child-objects == true %}
 {%- assign carousel-items = site.data[site.metadata] | where_exp: 'item','item.objectid' | where_exp: "item","item.image_small != nil or item.image_thumb != nil"-%}
 {% else %}

_includes/js/browse-js.html

@@ -72,12 +72,12 @@
     // media type
     if(obj.template && obj.template != "") {
         mediaIcon = getIcon(obj.template,obj.format,"hidden");
-        // Uncomment this for showing if a object is pdf or jpg
-        // card += '<p class="card-text"><small><a class="btn btn-sm btn-outline-secondary" href="{{ page.url | relative_url }}#' + encodeURIComponent(obj.template) + '">' + 
-        // obj.template.toUpperCase() + ' ' + mediaIcon + '</a></small></p>';
+        //Uncomment this for showing if a object is pdf or jpg
+        //card += '<p class="card-text"><small><a class="btn btn-sm btn-outline-secondary" href="{{ page.url | relative_url }}#' + encodeURIComponent(obj.template) + '">' + 
+        //obj.template.toUpperCase() + ' ' + mediaIcon + '</a></small></p>';
     }
     // view button
-    // card += '<hr><a href="' + itemHref + '" class="btn btn-sm btn-light" title="link to ' + obj.title + '">View Full Record</a>';
+    card += '<hr><a href="' + itemHref + '" class="btn btn-sm btn-light" title="link to ' + obj.title + '">View Capstone</a>';
     card += '';
     // close divs
     card += '</div></div></div>';

_includes/js/table-js.html

@@ -1,6 +1,7 @@
 {% assign fcount = site.data.config-table | size %}
 <!-- load DataTables with jquery bundled -->
 <script type="text/javascript" language="javascript" src="{{ '/assets/lib/datatables/datatables.min.js' | relative_url }}"></script>
+
 <script>
 /* use jquery to initialize DataTables and load collection data */
 $(document).ready( function () {
@@ -28,5 +29,21 @@
         // sort based on the second column
         order: [[ 1, "asc" ]]
     });
+
+    $('#item-table1').DataTable( {
+        // defer render to speed up large sets
+        "deferRender": true,
+        "responsive": true,
+        // enable pagination 
+        "paging": true,
+        "lengthMenu": [[ 15, 25, 50, 100, -1], [ 15, 25, 50, 100, "All"]],
+        // sort based on the second column
+        order: [[ 1, "asc" ]],
+        dom: '<"row mt-2"<"col-md-6"l><"col-md-6"f>>t<"row"<"col-md-6"i><"col-md-6"p>>',
+
+
+    });
+
+
 });
 </script>

_layouts/browse.html

@@ -7,7 +7,7 @@
 {{ content }}
 
 <div class="row mb-3 justify-content-center">
-    <div class="col-md-8 text-center">
+    <div class="col-md-10 text-center">
         <form role="search" id="browseFilter" onsubmit="submitFilter(); return false;">
             <div class="input-group input-group-lg">
                 <input type="text" class="form-control" id="filterTextBox" placeholder="Filter ... " aria-label="Search"> 
@@ -19,7 +19,7 @@
     </div>
     <div class="col-md-2">
         <div class="dropdown">
-            <button class="btn btn-secondary mt-1 dropdown-toggle" type="button" id="browseSortButton" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+            <button class="btn btn-outline-secondary mt-1 dropdown-toggle" type="button" id="browseSortButton" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                 Sort by <span id="sortFilter">Random</span>
             </button>
             <div class="dropdown-menu browse-sort-menu" aria-labelledby="browseSortButton">
@@ -38,4 +38,4 @@
     <div class="spinner-border text-dark" role="status"><span class="visually-hidden">Loading...</span></div>
 </div>
 
-<div class="row" id="browseItems"></div>
+<div class="row" id="browseItems"></div>

_layouts/home-infographic.html

@@ -15,7 +15,7 @@
 
     {% include index/time.html %}
 
-    {% include index/featured-terms.html field="subject" title="Project Types" btn-color="primary" %}
+    {% include index/featured-terms.html field="project_type" title="Specialization Focus" btn-color="outline-iu-crimson" %}
 
     <!-- {% include index/featured-terms.html field="location" title="Locations" btn-color="outline-secondary" %} -->
 

_layouts/timeline.html

@@ -23,7 +23,7 @@
 {%- endif -%}
 {%- if navYears -%}
 <div class="dropdown float-end" id="year-nav">
-    <button class="btn btn-primary dropdown-toggle" type="button" id="yearButton" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+    <button class="btn btn-iu-crimson dropdown-toggle" type="button" id="yearButton" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
         Jump to Year
     </button>
     <div class="dropdown-menu" aria-labelledby="yearButton">

_sass/_custom.scss

@@ -101,4 +101,28 @@ th {
 
 // p {
 //     font-size: 1.125rem
-// }
+// }
+
+.dropdown-item.active{ 
+    background: #006298 !important;
+}
+
+.dropdown-item:focus{
+    background: #006298 !important;
+}
+
+.btn-link {
+
+    color: #006298 !important;
+}
+
+.page-item.active .page-link {
+    background-color: #006298 !important;
+    border-color: #006298 !important;
+}
+
+div.dataTables_wrapper div.dataTables_paginate {
+    margin: 0;
+    white-space: nowrap;
+    text-align: right !important;
+}

pages/capstone-industry-application.md

@@ -2,12 +2,13 @@
 title: Industry Application
 layout: cloud
 permalink: /capstone-industry-application.html
-# Default subject page is configured in "_data/theme.yml"
-# leave cloud-fields as "site.data.theme.subjects-fields"
-cloud-fields: site.data.theme.subjects-fields
+cloud-fields: industry_application
+cloud-min: 
+cloud-stopwords:
+button: btn btn-outline-iu-blue
 ---
 
-## Browse Subjects
+## Industry Application
 
 
 Use this word cloud visualization to explore capstone project types (e.g., interaction design, user research, service design, academic research) as well as project themes (e.g., accessibility, sustainability, etc.) and relevant categories (e.g., industry applications, user groups). These tags highlight key topics and descriptors from past HCI/d capstone projects, offering insights and inspiration for your own work.

pages/capstone-theme.md

@@ -5,9 +5,10 @@ permalink: /capstone-theme.html
 cloud-fields: project_theme
 cloud-min: 
 cloud-stopwords:
+button: btn btn-outline-iu-blue
 ---
 
-## Browse Capstone Themes
+## Capstone Themes
 
 
 Use this word cloud visualization to explore capstone project types (e.g., interaction design, user research, service design, academic research) as well as project themes (e.g., accessibility, sustainability, etc.) and relevant categories (e.g., industry applications, user groups). These tags highlight key topics and descriptors from past HCI/d capstone projects, offering insights and inspiration for your own work.

pages/capstone-type.md

@@ -7,10 +7,11 @@ permalink: /capstone-type.html
 cloud-fields: project_type
 cloud-min: 
 cloud-stopwords:
-background: dark
+# background: dark
+button: btn btn-outline-iu-blue
 ---
 
-## Browse Capstone Typeeee
+## Specialization Focus
 
 
 Use this word cloud visualization to explore capstone project types (e.g., interaction design, user research, service design, academic research) as well as project themes (e.g., accessibility, sustainability, etc.) and relevant categories (e.g., industry applications, user groups). These tags highlight key topics and descriptors from past HCI/d capstone projects, offering insights and inspiration for your own work.

pages/capstone-user-groups.md

@@ -2,12 +2,13 @@
 title: User Groups
 layout: cloud
 permalink: /capstone-user-groups.html
-# Default subject page is configured in "_data/theme.yml"
-# leave cloud-fields as "site.data.theme.subjects-fields"
-cloud-fields: site.data.theme.subjects-fields
+cloud-fields: user_groups
+cloud-min: 
+cloud-stopwords:
+button: btn btn-outline-iu-blue
 ---
 
-## Browse Subjects
+## User Groups
 
 
 Use this word cloud visualization to explore capstone project types (e.g., interaction design, user research, service design, academic research) as well as project themes (e.g., accessibility, sustainability, etc.) and relevant categories (e.g., industry applications, user groups). These tags highlight key topics and descriptors from past HCI/d capstone projects, offering insights and inspiration for your own work.

pages/documentation.md

@@ -10,10 +10,4 @@ The PDF document below provides information on the context, content, intended us
 
 You can also view this project's MAP in a table format here: [metadata application profile](metadata-profile.html).
 
-{% include feature/pdf.html objectid="https://sayheyakanksha.github.io/hcidepot/assets/pdf/metadataapplicationprofile.pdf" width="100" caption="Metadata Application Profile Documentation" %}
-
-<div>
-    <div>
-        Hello! 
-    </div>
-</div>
+{% include feature/pdf.html objectid="https://sayheyakanksha.github.io/hcidepot/assets/pdf/metadataapplicationprofile.pdf" width="100" caption="Metadata Application Profile Documentation" %}

pages/metadata-profile-controlled-vocab.md

@@ -8,7 +8,7 @@ credits: false
 # Look in _includes/feature for options to easily add features to the page
 ---
 
-## Project-Specific Controlled Vocabularies for HCI /depot
+## Project-Specific Controlled Vocabularies
 This page defines the controlled vocabularies for key metadata fields in the HCI /depot Capstone Collection. These controlled vocabularies will ensure consistency and standardization across capstone project entries in the digital archive.
 
 

pages/metadata-profile.md

@@ -2,16 +2,18 @@
 title: Metadata Profile
 layout: page
 permalink: /metadata-profile.html
+custom-foot: js/table-js.html 
 ---
 
+
 ## Metadata Profile for HCI /depot
 
 The table below shows the metadata application profile (MAP) for the *HCI /depot* collection, which will help you understand how to structure and categorize data in this collection for future additions.
 
 For more details about this MAP, see the project’s [documentation](documentation.html).
 
 <div class="table-responsive">
-    <table id="item-table" class="table table-striped">
+    <table id="item-table11" class="table table-striped">
         <thead>
             <tr>
                 <th>Element Name</th>
@@ -483,4 +485,4 @@ For more details about this MAP, see the project’s [documentation](documentati
         <li><code>1..n</code> : At least one value is required, with no upper limit.</li>
         <li><code>0..n</code> : Any number of values, including none.</li>
     </ul>
-</div>
+</div>