VGS Online -Version

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>VGS Online -Version</title> <link href="/Content/css?v=9jyy4FqqAvNy1z88b-iB1ZsnLJ9_DguoTgP90HjBEgs1" rel="stylesheet"/> <link rel="stylesheet" type="text/css" href="/DXR.axd?r=1_75,1_69,1_70,1_71,1_74,1_251,1_248,1_250-9acVs" /><link rel="stylesheet" type="text/css" href="/DXR.axd?r=1_247,1_293,1_292,1_109,6_2,6_0,6_4-9acVs" /><link rel="stylesheet" type="text/css" href="/DXR.axd?r=24_378-7acVs" /><link rel="stylesheet" type="text/css" href="/DXR.axd?r=24_379-7acVs" /><link rel="stylesheet" type="text/css" href="/DXR.axd?r=24_383,1_12-9acVs" /><link rel="stylesheet" type="text/css" href="/DXR.axd?r=26_37-facVs" /><link rel="stylesheet" type="text/css" href="/DXR.axd?r=26_36,26_33,26_35,26_31,26_29,26_32,1_85-facVs" /> <script src="/Scripts/jquery-3.3.1.min.js"></script> <script src="/Scripts/jquery-ui-1.12.1.js"></script> <script id="dxis_1866616566" src="/DXR.axd?r=1_6,1_8,1_9,1_10,1_16,1_66,1_17,1_18,1_19,1_20,1_21,1_25,1_68,1_51,1_22,1_14,17_8,17_15,1_32,1_42,1_34,17_42,1_28,1_58,17_41,1_44,1_57,1_56,17_40,1_225,1_226,1_29,1_36,1_49,1_254,1_252,1_280,1_50,1_55,17_14,1_54,17_22,1_26,1_27,1_43,1_37,1_24,1_265,1_266,1_253,1_259,1_257,1_260,1_261,1_258,1_262,1_255,1_263,1_264,1_268,1_276,1_278,1_279,1_267,1_271,1_272,1_273,1_256,1_269,1_270,1_274,1_275,1_277,17_1,17_10,1_62,1_60,17_44,1_59,17_45,1_61,17_46,17_47,1_63,17_11,1_52,17_16,17_17,1_38,17_5,1_65,17_19,1_53,1_41,17_3,1_46,17_20,17_21,1_227,1_224,17_31,1_246,17_32,1_235,17_25,1_244,17_27,1_229,1_231,1_239,1_240,1_241,1_245,1_228,1_234,17_35,17_29,1_233,17_26,1_64,1_236,1_230,17_7,1_238,1_232,17_24,1_243,6_14,6_15,6_16,6_17,6_18,6_19,6_21,6_20,17_43,1_7,24_364,24_365,24_366,24_367,24_359,24_362,24_363,24_360,24_361,1_11,24_401,24_402,26_20,26_22,24_368,17_33,26_25,17_34,26_12,26_17,26_19,17_18,26_16,26_14,26_15,26_13,26_18-facVs" type="text/javascript"></script> <script src="/bundles/bootstrap?v=lescQEuG5u4jd-GcVDBcbpUOSyTDIg0Kk9zHDX55GCw1"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-contextmenu/2.7.1/jquery.contextMenu.min.css"> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-contextmenu/2.7.1/jquery.contextMenu.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-contextmenu/2.7.1/jquery.ui.position.js"></script>  <link rel="stylesheet" href="https://cdn.uadigital.arizona.edu/lib/ua-brand-icons/latest/ua-brand-icons.css">  <link rel="stylesheet" href="https://cdn.uadigital.arizona.edu/lib/ua-bootstrap/v1.0.0-beta.19/ua-bootstrap.min.css"> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.12.0/css/all.css"> <link rel="stylesheet" href="https://js.arcgis.com/4.12/esri/css/main.css"> <script src="https://js.arcgis.com/4.12/"></script> <link href="/Content/Custom.css" rel="stylesheet" /> </head> <script async src="https://www.googletagmanager.com/gtag/js?id=G-6SPT4FTE91"></script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'G-6SPT4FTE91'); gtag('config', 'G-32P0VZVSW1'); </script> <body> <div class="container body-content navbar navbar-inverse navbar-fixed-top navbar-custom-bg" style=""> <style> /* body { justify-content: center; }*/ .navbar-toggle .icon-bar { background-color: #ffffff; } </style> <div class="navbar navbar-custom-bg" style="border-bottom: none;"> <div class="navbar-header navbar-custom-bg"> <button class="navbar-toggle navbar-custom-bg" type="button" data-target="#navbar-collapse"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar" style="border-radius: 5px; background-color: !important"></span> <span class="icon-bar" style="border-radius: 5px; background-color: !important"></span> <span class="icon-bar" style="border-radius: 5px; background-color: !important"></span> <span class="close-icon"></span> </button> <a href="/Home/" class="topmenulinkheight"> <img src="/Content/Images/vgs_logo_white.png" style="height: 32px; margin-top: 10px" id="brand-image" /> </a> </div> <div class="navbar-collapse-wrapper"> <div class="collapse navbar-collapse navbar-custom-bg" id="navbar-collapse"> <ul class="nav navbar-nav"> </ul> </div> </div> </div> <script> var navbarToggle = document.querySelector(".navbar-toggle"); var navbarCollapse = document.querySelector("#navbar-collapse"); navbarToggle.addEventListener("click", function () { navbarCollapse.classList.toggle("expanded"); }); if (!('' && '')) { // default color document.querySelector('.navbar').classList.add('navbar-custom-bg'); document.querySelector('.navbar').style.backgroundColor = '#626b3f !important'; document.querySelector('.navbar').style.color = '#FFFFFF !important'; } else { // organization colors document.querySelector('.navbar').classList.remove('navbar-custom-bg'); document.querySelector('.navbar').style.backgroundColor = ''; document.querySelector('.navbar').style.color = ''; } </script> <style> body, html { margin: 0; padding: 0; width: 100%; } .dropdown-menu { top: 40px; } .navbar-custom-bg { background-color: #626b3f; } .navbar { border-bottom: 1px solid ; font-family: 'Inter', sans-serif; color: ; display: flex; } .navbar.navbar-custom-bg { background-color: !important; } .navbar-header { background-color: !important; } .nav-link.items.active { text-decoration: none; border-bottom: 1px solid ; position: absolute; bottom: -5px; } .nav-item.dropdown .nav-link { font-size: 15px; } .nav.navbar-nav { height: 50px; } .navbar-nav li a { font-size: 16px; font-family: 'Inter', sans-serif; } .navbar-nav li .nav-link:hover { color: !important; text-decoration: none; transition: color 0.3s; } .dropdown-menu { background-color: !important; transition: 0.2s ease-out; margin-top: 0; } .navbar-right { margin-top: -20px; background-color: !important; } .navbar-nav .dropdown-menu { width: 100%; background-color: !important; } .navbar-collapse-wrapper { display: flex; flex-grow: 1; background-color: !important; } .navbar-collapse { display: flex; align-items: center; } .nav-item.dropdown { background-color: !important; z-index: 2; } .login-partial-visible { display: none; right:0; } .nav-item { height: 50px; } .nav-link.items { font-size: 15px; height: 50px; background-color: !important; /*font-family: 'Verandan', sans-serif;*/ text-decoration: none; /*font-family: 'Geneva', sans-serif;*/ font-family: 'Inter', sans-serif; color : ; } .nav-link.items:hover { color: ; text-decoration: none; border-bottom: 2px solid ; transition: color 0.3s, text-decoration 0.3s; } .nav-link.items.active { text-decoration: none; border-bottom: 2px solid ; color: ; } /* for admin */ .nav-link.dropdown-toggle-menu { font-size: 20px; height: 50px; font-family: 'Inter', sans-serif; background-color: !important; } .login-partial-visible { margin-right: 10px; position: absolute; right: -300px; } .navbar-nav .nav-item.dropdown { right: 0; } @media (max-width: 1200px) { .login-partial-visible { right: -200px; } } @media (max-width: 996px) { .login-partial-visible { right: -100px; } } @media (max-width: 767px) { .navbar { position: fixed; top: 0; left: 0; width: 100%; background-color: ; color: ; height: 48px; z-index: 999; display: flex; align-items: center; justify-content: center; border-bottom: 1px solid !important; } .navbar-header { text-align: center; position: relative; width: 100%; } .nav.navbar-nav { min-height: 600px; width: 100%; background-color: !important; } #brand-image { display: inline-block; height: 30px; align-items: center; top: -10px; } .navbar-collapse { max-height: 0; overflow: hidden; transition: max-height 0.6s ease; width: 100%; border-bottom: 1px solid !important; } .dropdown-menu { margin-top: 20px; justify-content: left; border-bottom: 1px solid !important; left: -48px; } .dropdown-menu ul li:hover { color: ; /*transition: underline 0.3s;*/ text-decoration: none; } .navbar-collapse-wrapper .navbar-collapse { display: flex; flex-direction: column; justify-content: center; background-color: ; padding: 10px; position: absolute; top: -50px; width: 100%; } .navbar-collapse-wrapper { padding: 0; margin: 0; } .navbar-nav { display: flex; align-items: center; background-color: ; } .nav-item.dropdown { margin: 0; padding: 0; text-align: left; } .nav-item.dropdown .nav-link { font-size: 18px; } .nav-item.dropdown:hover .dropdown-menu { display: block; width: 100%; } .nav-logo-container { position: absolute; top: 5px; margin-right: calc(70% - 20px); transform: translate(50%, -50%); z-index: 1; } .nav-link.items { font-size: 18px; width: 100%; display: block; } .navbar-nav .nav-link.items { width: 100%; } .nav-link.items:hover { width: 100%; } .navbar-nav li:hover { color: ; border-radius: 5px; transition: color 0.3s; } .dropdown-menu ul li { padding: 5px 0; } .profile-icon-container { display: none; } .navbar-toggle { position: absolute; top: -12px; left: 0; margin-right: auto; height: 48px; border: none; background-color: ; width: 40px; } .navbar-toggle .icon-bar { display: block; width: 22px; height: 3px; margin: 5px 0; background-color: !important; } .navbar-collapse.expanded .navbar-nav { display: flex; flex-direction: column; align-items: center; border-bottom: ; background-color: ; padding: 10px; margin-right: 5px; } .navbar-collapse.expanded { top: 48px; background-color: ; padding: 10px; left: 0; max-height: 1000px; transition: max-height 0.6s ease; } .navbar-collapse:not(.expanded) { left: -100%; max-height: 0; } .login-partial-visible { display: block; margin-top: 90px; right:0; } /*.login-partial-visible { right: 0;*/ /*}*/ .mobile-dropdown-menu { display: block; background-color: transparent; box-shadow: none; } .navbar-nav .mobile-li-hover:hover, .navbar-nav li .nav-link:hover { color: !important; transition: color 0.3s; } } </style> </div> <div class="container body-content "> <a href="javascript:history.back()" class="back-button">Back</a> <h1>Latest Features</h1> <div class="tabs-container"> <div class="tabs"> <input type="radio" id="radio-1" name="tabs" checked /> <label class="tab" for="radio-1">VGS Windows</span></label> <input type="radio" id="radio-2" name="tabs" /> <label class="tab" for="radio-2">VGS Online</label> <input type="radio" id="radio-3" name="tabs" /> <label class="tab" for="radio-3">VGS Android</label> <input type="radio" id="radio-4" name="tabs" /> <label class="tab" for="radio-4">VGS iOS</label> <span class="glider"></span> </div> </div> <br/> <div id="tab-content-1" class="tab-content"> <h2>VGS Build 5.1.0 (12/04/2023) - Current</h2> <br> <ul class="listfont"> <li> Added Math, Min, Max, Median, and Mode questions to surveys. </li> <li> Added popup warning for new protocols or lists being added to contact VGS for syncing support. </li> <li> Added options to Item Qualities to save and display as midpoint and endpoint. </li> <li> Added date time to site descriptions on surveys dropdown. </li> <li> Added functionality to limit one open instance of VGS Desktop. </li> <li> Added ability to have a drawing question in surveys. </li> <li> Added ability to add photos to surveys. </li> <li> Added ability to have a species selection question in surveys with both exclusive and non-exclusive list types. </li> <li> Added bar graph to report. Enhanced bar graph graphics. </li> <li> Added ability to mark questions as required in surveys. </li> <li> Fixed bug that gives an error if species qualifier typed in from list manager. </li> <li> Fixed null exception when entering northing first for UTM data. </li> <li> Fixed prompting for save between each checkbox change on List Manager. </li> <li> Fixed bug that threw application error when changing the abbreviation on a numeric list item. </li> <li> Fixed null exception for new Survey Report </li> <li> Fixed null exception when entering partial UTM data </li> <li> Fixed creating a repeat species row on third click of species NRCS Line Point Intercept </li> </ul> <h2>Coming Soon</h2> <h3>UI Improvements</h3> <h2>Previous Builds</h2> <button type="button" class="new-collapsible">VGS Build 5.0.35 (01/27/2023)</button> <div class="collapsible-content"> <ul class="listfont"> <li> Added warning feature to restrict large downloads without express permission </li> <li> Fixed bug in species panel where modules using multiple list types were displaying codes for non-species categories</li> <li> Fixed Tally-Form reports – Reports were using ground cover totals (when present) to calculate other methods stats (like percent frequency) and when ground cover data was missing is would skew other method reports. Added a function to check attribute form for number of quadrats and set count to higher number of the two.</li> <li> User can now have blanks or zeros for wet weights and still get lbs./acre report for Clipping Production method.</li> <li> Survey report update to show comment on all note sections</li> <li> Update to app config file for sql express string.</li> </ul> </div> <button type="button" class="new-collapsible">VGS Build 5.0.33 (06/06/2022)</button> <div class="collapsible-content"> <ul class="listfont"> <li> Fixes to server sync, local sync, method reporting, raw export, and API URL </li> <li> Removal of named numeric lists</li> <li> Added Extended Validation Code Signing Certificate and Timestamps</li> </ul> </div> <button type="button" class="new-collapsible">VGS Build 5.0.13 (12/11/2020)</button> <div class="collapsible-content"> <ul class="listfont"> <li> Species notes from species selection panel are now properly propagated to or removed from protocol notes. </li> <li> Added new input module/method for creating species occurrence lists or lists of other items. </li> <li> Now checks for existence of file when uploading image files for survey report headers/footers so doesn’t error out. </li> <li> Corrected display of conflicts in syncing process </li> <li> When using SQL Server, symbols only were displayed in display modules regardless of user setting. </li> <li> Fixed ability to hide methods/event types under development or not ready for public use. </li> <li> ** Incomplete – need report and other list types = Added new “Species Occurrence List” method module for use in protocols. </li> <li> Added to base survey report a check for existence of file or not. </li> <li> Fixed glitch in ground cover method where if ground cover is used alone, after filling all points in a sample, the species input panel highlighted species for all points whether active or not. </li> <li> Added empty-line/transect enforcement option to line-intercept method. </li> <li> Corrected a query for pulling locators when using SQL Server. </li> <li> Fixed tabular data entry form for gap data. Now allows selection of gap type. </li> <li> Field data form now updates when returning from tabular view to reflect changes made in tabular view for Gap and Line Intercept modules </li> <li> Tabular view for line intercept now auto-calculates extents and prohibits manual entry of extent values </li> </ul> </div> <button type="button" class="new-collapsible">VGS Build 5.0.12 (11/04/2020)</button> <div class="collapsible-content"> <ul class="listfont"> <li> Changed the server download process to allow clearing the device data before downloading from the server even if there are changes on the server, as long as there are no changes on the device to be pushed to the server. </li> <li> Edited some messages associated with the download process to improve clarity.</li> </ul> </div> <button type="button" class="new-collapsible">VGS Build 5.0.11 (10/30/2020)</button> <div class="collapsible-content"> <ul class="listfont"> <li> Further adjusted decimal display for transect summary reports. </li> <li> Sorting of species in the species input panel was corrected to properly perpetuate sorting selections across events. </li> <li> Form Summary report was fixed so that all transects with data are displayed in the frequency panel even if one or more transects have no data. This allows reporting of data spread across multiple devices. </li> <li> Sync process was changed to allow download of data from server without syncing even if the server has changes that might apply to data currently on the device. Now can simply clear the device data and download new data. </li> <li> Records entered but not yet saved were being dropped when changing the species label display options. </li> <li> Click a site in the sites panel on the main VGS screen no longer activates folder tool buttons in the main toolbar </li> </ul> </div> <button type="button" class="new-collapsible">VGS Build 5.0.10 (10/22/2020)</button> <div class="collapsible-content"> <ul class="listfont"> <li> Fetch now advances automatically when filled (only when recording a single value per sample). </li> <li> Refactored component used by direct entry methods to handle deleted items correctly. </li> <li> Added an internal data repair tool for moving/correcting transects. </li> <li> Added trap for condition where user fails to enter endpoints correctly for input of numeric. ranges. </li> <li>Readjusted default number of decimal places displayed in transect summary reports. </li> </ul> </div> <button type="button" class="new-collapsible">VGS Build 5.0.8 (09/16/2020)</button> <div class="collapsible-content"> <ul class="listfont"> <li> Added missing entry enforcement to Ground Cover methods </li> <li> Refactored base component used by several methods to eliminate concurrency errors under certain circumstances. </li> <li> Minor UI and wording adjustments. </li> <li> Changed to prohibit deleting of contacts on devices that have been synced with server in case those contacts are associated with data of which the device is unaware (not downloaded). </li> </ul> </div> <button type="button" class="new-collapsible">VGS Build 5.0.7 (07/28/2020)</button> <div class="collapsible-content"> <ul class="listfont"> <li>Survey report viewer now opens full-screen.</li> <li> Transect summary report for generic measurements was not displaying values when not reporting by species. </li> <li> Navigating from sample to sample was very slow for generic measurement and similar methods. Speed now not an issue. </li> <li> Production reports now display “T” for trace when values round to zero. </li> <li>Several minor UI tweaks</li> </ul> </div> </div> <div id="tab-content-2" class="tab-content"> <h2>April - June 2024 (Current)</h2> <ul class="listfont"> <li> Feature to edit site event notes added to VGS Online. </li> <li> Uploading pdfs/docs and improvements to photo UI/UX now released on main production server. </li> <li> Improvements to UI/UX for reporting dashboard. </li> <li> More reporting options for Density count (include species qualifiers). </li> <li>Server maintenance to improve server performance.</li> <li>Various bug fixes</li> </ul> <h2>Previous Builds</h2> <button type="button" class="new-collapsible">Jan - Mar 2024</button> <div class="collapsible-content"> <ul class="listfont"> <li> Website UI/UX improvements to various web pages (site, reporting, docs, pics, quick reports, and others). </li> <li> Website development (re-vamped request access portal-in development, re-vamped filter tool-in development). </li> <li> Continued development for data entry for historical data entry for 3-step parker data online-in development (gathering region-based parker info to accommodate different methods of parker data that has been collected differently depending on the region). </li> <li>Added protocols/surveys options to download from front facing website. </li> <li>Continued adaptation of historical batch import data app (additional methods and forest specific import scripts added). </li> <li>Server maintenance to improve server performance. </li> <li>Various bug fixes. </li> </ul> </div> <button type="button" class="new-collapsible">Oct - Dec 2023</button> <div class="collapsible-content"> <ul class="listfont"> <li> N/A </li> </ul> </div> <button type="button" class="new-collapsible">July - Sept 2023</button> <div class="collapsible-content"> <ul class="listfont"> <li> New VGS front facing website created and combined with VGS Online data portal. </li> <li> Website features added (UI/UX improvements, download protocols/lists option based on map location and other general improvements made). </li> <li> Map features added (site display alias and color options by site folder) </li> <li> Created prototype for historical data entry for 3-step parker online </li> <li>Improvements to UI/UX for merging sites, reporting options for data exports, buttons for navigating site image section and 404-page error handling </li> <li>Reporting features added (survey graphs, survey photos and a photo compare report) </li> <li>Added download item for downloading site alias table and species list for new survey features </li> <li>Developed various R Scripts for inserting historical data into VGS and for list creation for larger surveys. </li> <li>Server maintenance to improve server performance. </li> <li>Various bug fixes (catching user errors, photo report fix, and report fix for site names being cut off in comparison reports). </li> </ul> </div> </div> <div id="tab-content-3" class="tab-content"> <h2>April - June 2024</h2> <ul class="listfont"> <li> Continued to work through bug fixes for Android build. </li> <li> Improvements to UI/UX (button sizes, locations, and layout) </li> <li> Continued working on high prioritized bugs </li> <li> Continued to test new .apk builds </li> </ul> <h2>Previous Builds</h2> <button type="button" class="new-collapsible">Jan - Mar 2024</button> <div class="collapsible-content"> <ul class="listfont"> <li> Implementing VGS features for mobile build (species input lists, species search window by common/species name, sample number tracking for database storage, site species toggle, save button on method swipe, and additional survey question types). </li> <li> Improvements/updates to UI/UX (protocol manager page, login page fail message, various icons, ordering protocols when selecting/downloading, ordering log tab of protocols by newest event on top, sorting frequency species data when entered [ABC order], adding save buttons on various pages, fixing button cut offs, adding scroll bars to survey questions, got rid of redundant locator clear button, drop down for viewing species by different name types, double click to open events, and messaging for creating database backups added) </li> <li> Mobile specific development for android phone use in portrait mode (methods, download page, locator page, species entry buttons scaled to fit in phone view) </li> <li> Mobile database storage fixes/updates (fixed or confirmed correct storage on backend for various methods [Fetch, Point GC, Line Intercept, Density, Frequency, Nested Frequency, Dry Weight Rank]) </li> <li>Crash fixes (method specific crash fixes, locator primary selection issue, entering species too fast in search window, GPS question entry, comment saving issue, and survey child record [multi-text] crash fixed). </li> </ul> </div> <button type="button" class="new-collapsible">Oct - Dev 2023</button> <div class="collapsible-content"> <ul class="listfont"> <li> N/A </li> </ul> </div> <button type="button" class="new-collapsible">July - Sept 2023</button> <div class="collapsible-content"> <ul class="listfont"> <li> Various bug fixes (data insert process for various methods, inserting/importing protocol fix.) </li> <li> Improvements to UI/UX (back buttons, login page, slider for samples). </li> <li> Continued working on high prioritized bugs </li> <li> Continued to test new .apk builds. </li> </ul> </div> </div> <div id="tab-content-4" class="tab-content"> <h2>VGS iOS coming soon!</h2> </div> <script> //Collapsible content document.addEventListener("DOMContentLoaded", function () { var coll = document.getElementsByClassName("new-collapsible"); var i; for (i = 0; i < coll.length; i++) { coll[i].addEventListener("click", function () { this.classList.toggle("new-active"); var content = this.nextElementSibling; if (content.style.maxHeight) { content.style.maxHeight = null; } else { content.style.maxHeight = content.scrollHeight + "px"; } }); } // hides all other tab content except first one const tabContents = document.querySelectorAll('.tab-content'); tabContents.forEach((content, index) => { if (index !== 0) { content.style.display = 'none'; } }); }); // JavaScript to show/hide tab contents based on radio button selection document.addEventListener('DOMContentLoaded', function () { const tabs = document.querySelectorAll('.tabs input[type="radio"]'); const tabContents = document.querySelectorAll('.tab-content'); tabs.forEach(tab => { tab.addEventListener('change', function () { const selectedTabId = this.id.replace('radio-', 'tab-content-'); const selectedTabContent = document.getElementById(selectedTabId); // Hide all tab info tabContents.forEach(content => { content.style.display = 'none'; }); // Display selected tab info if (selectedTabContent) { selectedTabContent.style.display = 'block'; } }); }); }); </script> <style> @import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap"); :root { --primary-color: #283618; --secondary-color: #ccd5ae; } *, *:after, *:before { box-sizing: border-box; } .tabs-container { display: flex; justify-content: center; } .tabs { display: flex; position: relative; background-color: #fff; box-shadow: 0 0 1px 0 rgba(24, 94, 224, 0.15), 0 6px 12px 0 rgba(24, 94, 224, 0.15); padding: 0.75rem; border-radius: 99px; z-index: 1; } input[type="radio"] { display: none; } .tab { display: flex; align-items: center; justify-content: center; height: 54px; width: 200px; font-size: 1.25rem; font-weight: 500; border-radius: 99px; cursor: pointer; transition: color 0.15s ease-in; z-index: 2; } .notification { display: flex; align-items: center; justify-content: center; width: 2rem; height: 2rem; margin-left: 0.75rem; border-radius: 50%; background-color: var(--secondary-color); transition: 0.15s ease-in; } input[type="radio"]:checked + label { color: var(--primary-color); } input[type="radio"]:checked + label > .notification { background-color: var(--primary-color); color: #fff; } input[id="radio-1"]:checked ~ .glider { transform: translateX(0); } input[id="radio-2"]:checked ~ .glider { transform: translateX(100%); } input[id="radio-3"]:checked ~ .glider { transform: translateX(200%); } input[id="radio-4"]:checked ~ .glider { transform: translateX(300%); } .glider { position: absolute; display: flex; height: 54px; width: 200px; background-color: var(--secondary-color); z-index: 5; border-radius: 99px; transition: 0.25s ease-out; z-index: 1; } @media (max-width: 700px) { .tabs { transform: scale(0.6); } } </style> <style> .back-button { background-color: #ccc; color: #000; padding: 10px 15px; text-decoration: none; border-radius: 5px; margin-bottom: 10px; display: inline-block; } .back-button:hover { text-decoration: none; background-color: #aaa; } body { margin-top: 70px; } h1 { text-align: center; margin-top: 10px; } h2, h3 { text-align: center; } .list-container { max-width: 800px; margin: 0 auto; padding: 20px; } .listfont { list-style: disc; margin-left: 20px; } .listfont li { margin-bottom: 10px; } .new-collapsible { background-color: #dbd3cb; color: #444; cursor: pointer; padding: 18px; width: 100%; border: none; text-align: left; outline: none; font-size: 18px; position: relative; } .new-active, .new-collapsible:hover { background-color: #848c75; color: white; } .collapsible-content { padding: 0 18px; background-color: white; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; } .new-collapsible:after { /* "plus" sign (+) */ content: '\002B'; font-size: 25px; font-weight: bold; float: right; margin-left: 5px; } .new-active:after { /* "minus" sign (-) */ content: '\2212'; } .back-button { background-color: #ccc; color: #000; padding: 10px 15px; text-decoration: none; border-radius: 5px; margin-bottom: 10px; display: inline-block; } .back-button:hover { text-decoration: none; background-color: #aaa; } body { margin-top: 70px; } h1 { text-align: center; margin-top: 10px; } h2, h3 { text-align: center; } .list-container { max-width: 800px; margin: 0 auto; padding: 20px; } .listfont { list-style: disc; margin-left: 20px; } .listfont li { margin-bottom: 10px; } .new-collapsible { background-color: #dbd3cb; color: #444; cursor: pointer; padding: 18px; width: 100%; border: none; text-align: left; outline: none; font-size: 18px; position: relative; } .new-active, .new-collapsible:hover { background-color: #848c75; color: white; } .collapsible-content { padding: 0 18px; background-color: white; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; } .new-collapsible:after { /* "plus" sign (+) */ content: '\002B'; font-size: 25px; font-weight: bold; float: right; margin-left: 5px; } .new-active:after { /* "minus" sign (-) */ content: '\2212'; } </style> </div> <div id="viewDiv"></div> <div class="container body-content"> <text class="line"></text> <footer class="footer"> <img src="/Content/Images/VGS_DarkGreen.png" class="logo" alt="VGS Logo" style="width: 100px; height: auto;"/> <p class="copyright-text"> © 2025 - University of Arizona <a href="https://privacy.arizona.edu/privacy-statement" class="privacy-link">Privacy Policy</a> </p> <img src="/Content/Images/ua_horiz_rgb-preview_4.png" class="ua-logo" alt="University of Arizona Logo" /> </footer> </div> <style> .line { display: inline-block; width: 100%; height: .5px; background-color: #999; } .footer { text-align: center; padding: 20px; background-color: #FFFFFF; } .logo { display: block; margin: 0 auto; max-height: 100px; } .copyright-text { color: #888888; margin-bottom: 0px; margin-right: 10px; } .privacy-link { color: #888888; text-decoration: none; margin-right: 10px; font-size: 22px; } .ua-logo { display: block; margin: 0 auto; max-height: 60px; } </style> </body> </html> <style> .authenticated { margin-top: 65px; } .pagination { display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px; } .pagination > li { display: inline; } .pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #2c351c; text-decoration: none; background-color: #fff; border: 1px solid #ddd; } .pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .pagination > li:last-child > a, .pagination > li:last-child > span { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { z-index: 2; color: #626b3f; background-color: #eee; border-color: #ddd; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { z-index: 3; color: #fff; cursor: default; background-color: #7d835e; border-color: #7d835e; } .pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { color: #777; cursor: not-allowed; background-color: #fff; border-color: #ddd; } .pagination-lg > li > a, .pagination-lg > li > span { padding: 10px 16px; font-size: 18px; line-height: 1.3333333; } .pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } .pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .pagination-sm > li > a, .pagination-sm > li > span { padding: 5px 10px; font-size: 12px; line-height: 1.5; } .pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } </style>

CINXE.COM

VGS Online -Version