Done:

• Fixed: projects pages metrics 2-∞ have no labels on Y-axis (e.g. Pedestrian and Bicycle Counts)
• Changed iCAP Advocates to iCAP Clerks
• Added descriptions of the statuses to the Projects by Project Status page, per Morgan's email
• WIP: Metric Tracking and Metric Targets permissions - turns out to be a bit more complicated than I initially thought, but should be doable

Discussion:

• Daphne: Formally inquiring about whether this upcoming iSEE Seed Funding Project at the Waste Transfer Station should have its own project page on the iCAP Portal? This came about as I wanted to post on the portal that the seed funding had been approved, but I wasn’t sure where to house this information (& the updates that will come about during this project).
  • Yes, add under iSEE Campus as a Living Lab (CALL) Projects
• Should we show a "last updated" date on the projects?
  • Automatically show last time Project was updated?
  • Add field that is updated intentionally when a project's information has been reviewed & by whom?
  • Add a disclaimer about information being correct at the time it was entered?
  • Decided:
    • Remove user & date/time from search results
    • Add to bottom of project page, centered: "Project details last updated: _______" (greyed out a bit, italicized, don't draw attention)
• Question about a TODO: "Collections page: Add image upload option". At a previous meeting we had this TODO, but what was the context? Was it to have a thumbnail for each Collection? Or a banner image?
• Should we link to "Take Action" project from homepage?
• Archiving projects
  • Add "Archived" checkbox?
  • Add "Archived" to Visibility options?
  • Add "Archived" to Project Status options? (probably not - this mixes the status of the project itself with whether we still want it to show up on the site)
  • Remove from nested listings, still publicly available?

TODO:

• Add last updated date on Project page:
  • Remove user & date/time from search results
  • Add to bottom of project page, centered: "Project details last updated on: _______. Project Updates for recent activity." (greyed out a bit, italicized, don't draw attention)
    • <div><p style="text-align: center; color: #667; font-size: 0.9em;">Project details last updated on 3/24/2023.<br>Check Project Updates for recent activity.</p></div>
• (Low Priority) Make column headers click-sortable on Projects by Project Status page
• Add period (FY, monthly, etc.) somewhere in Metric info (not in accordion header, perhaps in legend?) (e.g. Pedestrian and Bicycle Counts)
• Permissions:
  • Metric Tracking:
    • Add/update: iCAP Admins, iCAP Moderators, iCAP Advocates
    • Delete: iCAP Admins, iCAP Moderators, NOT iCAP Advocates
  • Metric Targets:
    • Add/update: iCAP Admins, iCAP Moderators, NOT iCAP Advocates
    • Delete: iCAP Admins, iCAP Moderators, NOT iCAP Advocates
• Fancy project layout mockups - keep tweaking #3 to improve contrast
• Discuss metrics
  • Metrics with lots of data
  • Consider how to handle old metrics that no longer track new data. Archive somehow?
  • Fun with math (e.g. combining multiple metrics)
  • Calculated Metrics on Dev site

Done:

• Moved "Northeast of Nick Holonyak Micro and Nanotechnology Lab" Place from Null Island to where I think it should be. Could someone confirm it's now in the right spot?
• Objectives page: fixed some styling issues (buttons above table, margin above in-page links to account for sticky headers)
• Added LinkedIn & Reddit share buttons on Project Updates (see this Project Update for example)
• Added social sharing buttons on Projects (see iCAP Portal project for example)
• Finished testing improved method for setting a Project's location in the menu system (dropdown list was becoming unmanageable). A couple cautionary notes:
  • You can switch from single-item dropdown lists to multi-item lists by dragging the bar below them to expand them. If you drag bar back up to switch back to single-item dropdown lists, future changes to the items still fill them in as multi-item lists. Just drag the bar back down to expand them again.
  • **Do not select self in last dropdown list** - it will appear to work fine for that node, but it actually loses its place in the hierarchy, which can be seen in its children. If you go back in to edit the node, you'll have to find its location again from scratch.

Discussion:

• Should we show a "last updated" date on the projects?
  • Automatically show last time Project was updated?
  • Add field that is updated intentionally when a project's information has been reviewed & by whom?
  • Add a disclaimer about information being correct at the time it was entered?
• Some social sharing buttons not showing up in incognito mode? (e.g. Carbon Commitment)
• Question about a TODO: "Collections page: Add image upload option". At a previous meeting we had this TODO, but what was the context? Was it to have a thumbnail for each Collection? Or a banner image?
• Should we link to "Take Action" project from homepage?
• Archiving projects
  • Add "Archived" checkbox?
  • Add "Archived" to Visibility options?
  • Add "Archived" to Project Status options? (probably not - this mixes the status of the project itself with whether we still want it to show up on the site)

TODO:

• Can we limit access to menu selection for Projects to only certain users - e.g. iCAP Admins?
• Remove RSS Feeds from listings (e.g. Project Updates for collection: Geothermal Projects)
• Search: can it be less rigid? e.g. ignore punctuation, understand that "bikes" and "bicycles" are equivalent, etc.
• Fancy project layout mockups - keep tweaking #3 to improve contrast
• Discuss metrics
  • Metrics with lots of data
  • Consider how to handle old metrics that no longer track new data. Archive somehow?
  • Fun with math (e.g. combining multiple metrics)
  • Calculated Metrics on Dev site
• Track down and resolve informational message on full listing page for Project Updates by Key Objective (see, e.g. Projects Updates for key objective: 1.0 iCAP 2020 Illinois Climate Action Plan)

Done:

• Fancy project layout, Header project layout - make images in image banner clickable (go directly to image)
• Main nav: move focus to search box when Search is clicked
• Objectives page (DEV):
  • Fix bug: metric collapsing seems to scroll the page
  • Add "jump to chapter" option:
    • Dropdown list for mobile, theme icons for larger screens
    • Reporting Progress icon jumps to chapter 9
    • Don't show Funding icon

Discussion:

• Question about a TODO: "Collections page: Add image upload option". At a previous meeting we had this TODO, but what was the context? Was it to have a thumbnail for each Collection? Or a banner image?
• Should we link to "Take Action" project from homepage?
• Archiving projects

TODO:

• Set up GA4
• Homepage: make image in Image Gallery go to image gallery (in addition to button)
• Objectives page: disable the following styles:
  •   @media (min-width: 44em)
    .objectives-dashboard .view-header .options-chapter > *
• Search: can it be less rigid? e.g. ignore punctuation, understand that "bikes" and "bicycles" are equivalent, etc.
• Fancy project layout mockups - keep tweaking #3 to improve contrast
• Discuss metrics
  • Metrics with lots of data
  • Consider how to handle old metrics that no longer track new data. Archive somehow?
  • Fun with math (e.g. combining multiple metrics)
  • Calculated Metrics on Dev site
• Track down and resolve informational message on full listing page for Project Updates by Key Objective (see, e.g. Projects Updates for key objective: 1.0 iCAP 2020 Illinois Climate Action Plan)
• Why is the Achieve Zero Waste project map page not loading?

Done:

• Invoices in project updates
  • The following invoice documents have been moved from public to private:
    • Green Roof on Foreign Language Building: Prairie Moon Nursery Invoice - Seed Order
    • Torch Blinking bike lights received, Light assembly, and Volunteer Training:  Bike-Project-Invoice-UIUC-for-LTN-2019.pdf
    • Quote from TBP to purchase Torch Blinking bike lights: Bike-Project-Quote-UIUC-for-LTN-2019.pdf
    • invoices to pay RSOs:  Weatherization Invoice 2012_ASCE.pdf, Weatherization Invoice 2012_CUSA.pdf, Weatherization Invoice 2012_HKSA.pdf, Weatherization Invoice 2012_Hort Club.pdf, Weatherization Invoice 2012_SECS.pdf
    • Conclusion; Lessons learned; Issues encountered: invoice for missing hardware.pdf, UIUC Double Docker bike racks Return Authorization.pdf, Urbana Shelter (14X63) - Side Stage racks layout.pdf, University of Illinois Side Stage Bike Rack Estimate.pdf
    • New ECE Building Project Solar Panels: Inv_3411_from_Inovateus_Solar_LLC_5244.pdf, TM INVOICE SPECTRUM UPGRADE-4-PRELIMINARY.PDF
    • Quote from MTD to purchase silicone strap bike lights: Light the Night Quote for U of I Facilities & Services - FY19 - 08 29 19.pdf
  • Should we redact information from this project update: Invoice contact information for the University of Illinois?
  • I made the following tool while looking for additional invoice documents to make private: File search (only visible to privileged users). It may come in handy for future searches for uploaded files.
• Reorganize Collections pages (example on dev)
  • Put Project embed and Project Updates embed below their respective listings
  • Put each embed in a collapsible section

TODOs:

• Fancy project page - make images in image banner clickable (go directly to image)
• Fancy project layout mockups - keep tweaking #3 to improve contrast
• Collections page:
  • Add image upload option
• Discuss metrics
  • Metrics with lots of data
  • Consider how to handle old metrics that no longer track new data. Archive somehow?
  • Fun with math (e.g. combining multiple metrics)
  • Calculated Metrics on Dev site
• Use "Take Action" project to encourage students to get involved with sustainability (link from homepage?)
• Track down and resolve informational message on full listing page for Project Updates by Key Objective (see, e.g. Projects Updates for key objective: 1.0 iCAP 2020 Illinois Climate Action Plan)
• Why is the Achieve Zero Waste project map page not loading?

TODOs:

• Add "Take Action" project under Build a Culture of Sustainability project
• Fancy project layout:
  • Try out using first image in gallery as background for main content area of page (test with new Take Action project)
  • Mock-ups:
    • Example #1: background image mostly transparent in the center (white transparency) – a bit bright, but text mostly readable
    • Example #2: background image mostly transparent in the center (light blue transparency) – hard to see text
    • Example #3: background image w/transparent overlay (white transparency) – a bit bright, but text mostly readable
    • Example #4: background image w/transparent overlay (light blue transparency) – text more legible than #1, but orange on blue still a bit difficult to read.
• Track down and resolve informational message on full listing page for Project Updates by Key Objective (see, e.g. Projects Updates for key objective: 1.0 iCAP 2020 Illinois Climate Action Plan)
• Why is the Achieve Zero Waste project map page not loading?
• Discuss metrics at next meeting
  • Metrics with lots of data
  • Consider how to handle old metrics that no longer track new data. Archive somehow?
  • Fun with math (e.g. combining multiple metrics)
• Reorganize Collections pages
  • Keep project listing in top left
  • Move map to lower left
  • Move Updates to top right, show 5-7
  • Keep Hierarchy in lower right, link to hierarchy in separate page rather than loading in current page to speed up page loading time
• Related Files section on project pages: show as list rather than cards, add spacing between items, remove bullet points

Michael's updates to the iCAP Portal:

• Project Creation/Update page: added checkboxes for "Make ____ field collapsible" for each textarea (Description, Background, Conclusion)
• Project page: added a fallback message when there’s no content in the center column so the right-hand sidebar doesn't show up in the middle (e.g. Reduce Emissions from Travel)
• Project Header Layout (e.g. LEED Certification project): added padding below header image
• Theme pages (e.g. Energy theme page)
  • Added padding between Project Hierarchy & Other Projects
  • Moved to live site
• Set "Standard Project Layout" for all projects w/o a Project Layout already set
• Started work on advanced project search, see Project Search (DEV)

TODOs:

• Theme pages (e.g. Energy theme page): make description collapsible (may not want this any more - TBD)
• Theme pages (e.g. Land and Water theme page): can we put a max height on the images so portrait images aren't enormous?
• Projects Updates page: make search tips collapsible and put them after fields
• Project Search (DEV): order of search fields should match table columns
• Discuss metrics at next meeting
  • Metrics with lots of data
  • Outdated metrics
  • Fun with math (e.g. combining multiple metrics)
• Show the recent project history of the project Associated with an iCAP Objective on that Objective’s page
• Review the look of the related files on the Fancy Project Page layout at our next meeting. Right now, it looks like this:
  

Michael showed updates to the iCAP Portal:

• Added instructions below each map on live site
• Added image gallery for each theme, e.g. Dev site Energy Theme page (currently on dev2, not yet moved to live site)
• Metrics: removed "(Tracked by ...)" from titles
• New Project nodes default to "Sticky at top of lists" so they show up at top of search results
• Collections: changed Project Updates to look like other 3 sections; show only 1 update
• Collections: migrated Collections page updates to live site
• Image Gallery: made bg behind images white instead of blue, so transparent images don't have blue background

TODOs:

• Confirm it's safe to delete Collections on a dev site before deleting Collections on live site
• Project Collection page bug: project hierarchy shows all Collections for each project rather than only current Collection
• Create project page bug: input fields are overflowing their containers in Firefox
• Show listing of public/private projects

Below is sustainability intern, Alec McKay's permission request to use Jonathan Tomkin's lecture materials for the Land & Water theme. Professor Tomkin gave permission for his materials to be published on the theme page.

Hi Jonathan!

My name is Alec McKay, the guy who messed up scheduling the ENSU 310 final last semester, and I’m an intern working for Morgan White, the Associate Director for Sustainability. We’re working on updating the primary projects on the iCAP Portal. Here is an example of what the primary project page for the Land & Water theme looks like: https://icap.sustainability.illinois.edu/project/responsible-stewardship-campus-land-and-water

Our target audience is incoming freshmen and current students who are interested in sustainability at UIUC but have little to no knowledge about it. One of the things we want a primary project page to do is provide some motivation and background information for the theme. In the context of Land & Water, we’d like to answer the question, “Why conserve water?”

I think some of the videos from your Introduction to Sustainability Coursera course would be great for this! May I have your permission to put some of the videos from your course on the iCAP Portal? I don’t know how the copyright and intellectual property laws work, so is there any specific way you would want or need to be credited?

If you want more information regarding what we’re changing on the iCAP portal, feel free to let me know!

Thanks!

Alec