class of 2024
Alyssa
Major: B.S. in Business Administration option in Marketing
High School: Monache High School
Hometown: Porterville, CA
Campus Involvement: OSP Student Ambassador and Marketing Internship with the Athletic Department.
What you aspire to be: “I aspire to be a Social Media Marketing Manager/Assistant. I also aspire to have my own gym apparel brand and to open up my own private gym in the Central Valley.”
class of 2024
Alyssa
Major: B.S. in Business Administration option in Marketing
High School: Monache High School
Hometown: Porterville, CA
Campus Involvement: OSP Student Ambassador and Marketing Internship with the Athletic Department.
What you aspire to be: “I aspire to be a Social Media Marketing Manager/Assistant. I also aspire to have my own gym apparel brand and to open up my own private gym in the Central Valley.”
class of 2024
Alyssa
Major: B.S. in Business Administration option in Marketing
High School: Monache High School
Hometown: Porterville, CA
Campus Involvement: OSP Student Ambassador and Marketing Internship with the Athletic Department.
What you aspire to be: “I aspire to be a Social Media Marketing Manager/Assistant. I also aspire to have my own gym apparel brand and to open up my own private gym in the Central Valley.”
class of 2024
Alyssa
Major: B.S. in Business Administration option in Marketing
High School: Monache High School
Hometown: Porterville, CA
Campus Involvement: OSP Student Ambassador and Marketing Internship with the Athletic Department.
What you aspire to be: “I aspire to be a Social Media Marketing Manager/Assistant. I also aspire to have my own gym apparel brand and to open up my own private gym in the Central Valley.”
| Special Program Borrower Affiliation Type | Circulation Period | Item Check-Out Limit | Interlibrary Loan/UBorrow | Off-Campus Access to Electronic Resources | |
|---|---|---|---|---|---|
| Special Programs (ELI, REU, SSTP) | 1 week | 5 | No | On-site only | No fees |
| General Public (community borrowers) | 3 weeks | 10 | Fees | ||
| Alum |
test background color
test text color
Full calendar
Mini Calendar
Search
Search details
Library Catalog – search all the books and materials from the UF Libraries<br> One Search – search most of the library's electronic and print resources<br> E-Journals – search journals online<br> A-Z database list – search all our databases<br> UFDC – Unique UF items, with over 300 outstanding digital collections<br> Finding Aids – search archival records and manuscript collections
search
Search descriptions
Library Catalog – search all the books and materials from the UF Libraries
One Search – search most of the library’s electronic and print resources
E-Journals – search journals online
A-Z database list – search all our databases
UFDC – Unique UF items, with over 300 outstanding digital collections
Finding Aids – search archival records and manuscript collections
Search
Library Catalog – search for books and materials from the UF Libraries
One Search – search most databases and the catalog in one search
E-Journals – search journals online
A-Z database list – view a list of all our databases
UFDC – Search for unique UF items and digital collections
Finding Aids – search archival records and manuscript collections
Search
Have you heard about details?
It’s a pretty useful element that handles accordion / collapsed text natively!
So how does it work?
You wrap a details element around any block of HTML content. The browser will collapse that block of text until a user opens the details block.
Once a user opens a details block, they’ll be able to read all that hidden content!
If you want the details block open by default, include the open attribute on the opening tag:
...But how do I set a custom title?
That’s pretty manageable too! Use the summary element.
Put a summary at the beginning of your details element and Boom! – you’ve got a custom title for your details block.
No worries if you don’t add a summary. The browser will put the word “Details” in there for you. (After all, users need something to click!)
That’s cool, but what about styles?
Yes, you’re covered there too! Style the details element however you like. Give it a border, some padding, whatever.
The summary element is where the ▸ marker lives. If you want to get rid of that, there is a prefixed pseudo-element selector ::-webkit-details-marker: set that to display: none for WebKit browsers. In Firefox, it’s much simpler: set the summary to display: block or flex (anything but the native display: list-item) and you’ll get rid of the ▸ for you.
Ok, ok, but what about styling based on state?
Once again, details has got your back! When a details block is open, it has the open attribute that I mentioned earlier. To style it (or its children) based on its state, use details[open] { }.
Note: there’s no closed attribute: styles you apply by “default” will be used on the closed state.
But this requires JavaScript, right?
Open the JS panel on this pen. Clean as a whistle! This is handled totally by the browser.
What about accessibility? Is that the catch?
Sorry to disappoint you. Since these are native HTML elements, they provide useful semantic information to screen readers.
Screen readers will typically read the summary for a collapsed details block (and communicate that it’s collapsed). They’ll also provide an interactive hook for users to open the details block. If the details is already expanded, they’ll read the whole content.
I don’t rely on assistive tech to read the web, so I’m probably not aware of some limitations or drawbacks to using details and summary, but I suspect their AX is at least as good as (if not better than) most JavaScript-dependent accordion solutions.
Excellent! More information, please!
You bet! Here are some great resources on details & summary:
But what about cross-browser compatibility?
Yeah, sorry. Here’s some bad news. IE, Edge, and Opera Mini don’t currently support details/summary with native open/close behavior (check out caniuse data for details).
These browsers will show all your details elements expanded. That’s not the worst though: it’s a bit of progressive enhancement: if the browser doesn’t support the native UI behavior, the content will still be visible to users.
It’s unlikey IE11 will be getting any updates on this front, but there’s hope for Edge! If this is important to you, please cast a vote a vote for Edge to support details/summary. (Or just wait for Edge to use Chromium, I guess. 😕)
If you do need to have open/close behavior in IE11 (or any other non-supporting browser), you’ll probably need a polyfill. This Smashing Magazine details polyfill tutorial looks like a good place to start.
‘Recent Posts’ block
Pulls in from ‘Posts’ on the same site.
Fungus the Bogeyman
A Clockwork Orange
RSS block
Pulls in from another site, or feed. RSS feed URL (in this instance): https://rarebooks.uflib.ufl.edu/posts/ (1st 4 posts) followed by Communications RSS feed: https://communications.uflib.ufl.edu/posts/
Le Comte Ory
One particularly valuable item within the Rare Book Collection is a copy of the original 1816 libretto Le Comte Ory that recounts the escapades of a lascivious French aristocrat, Count…
Moods
Moods is Louisa May Alcott’s lesser known first novel, originally published in 1864. The novel and context surrounding its publishing present an interesting glimpse into the life and mind of…
The Faerie Queene
Edmund Spenser’s The Fairie Queene is likely not be the first work of literature to come to mind when asking the question: where can we find authors who subvert gender…
The Metamorphoses
Lastly, Caeneus—born Caenis—who appears in Book Eight, but whose origin is only explained in the twelfth book. After Caenis’s rape at the hands of Neptune, or Poseidon in Greek mythology,…
UF’s First Computational Literacy Librarian Selected as a 2026 Global Fellow
The George A. Smathers Libraries are proud to announce that Dr. Francisca Javiera (Javi) Rudolph, Assistant University Librarian in the Academic Research Consulting and Services (ARCS) department, has been selected…
Special Feature Story: The University of Florida Designer
By Aimee Sullivan, Communications InternA special feature writing piece for the centennial of the Smathers Library The rise of industrialization in America throughout the late 1800s brought public education to the…
UF Students Thrive During Fall Library Events
Fall Fest The annual Libraries student outreach event took place on Wednesday, October 22 at the Reitz Union. 513 participants visited tables featuring information on borrowing, spaces and tools and…
Senator Nelson Celebrates the Smathers Centennial with Keynote Address
On Saturday, October 25, Senator Bill Nelson spoke with guests about George A. Smathers’ legacy at the University of Florida and beyond as a part of the Smathers Centennial celebration.…
Posts below are from an external RSS feed at https://ufl.libcal.com/calendar/training
Post Tenure Review in the Libraries
Date: Monday, December 8, 2025 Time: 3:00pm – 4:15pm Location: Online Join this session to hear from libraries faculty that have successfully navigated the PTR process. We'll briefly cover the…
Resolution Reset: How to Set and Keep Your 2026 Goals – UF's Prioritize your well-being ahead of the holiday season
Date: Tuesday, December 9, 2025 Time: 12:00pm – 1:00pm Presenter: UF.Gatorcare Location: Online Step into the New Year feeling energized and ready to succeed! Reflect on the past year and…
Thriving in the Middle – Lyrasis
Date: Tuesday, December 9, 2025 Time: 2:00pm – 3:00pm Presenter: Lyrasis Location: Online Being a middle manager comes with unique challenges! You’re expected to carry out leadership directives while also…
UF GPT: Microsoft Copilot – UF AI Assistant for Work (CITT)
Date: Tuesday, December 9, 2025 Time: 2:00pm – 3:00pm Presenter: UF CITT Location: Online Fly head first into the future with UF GPT: Microsoft Copilot, your UF AI Assistant for…
<iframe src="https://www.google.com/maps/d/embed?mid=1oTXcYq7ErsJOdSe2QJQXr81qdB2G1VU&hl=en&ehbc=2E312F" width="640" height="480"></iframe>
UF LIBRARIES
Upcoming Events
-
Mar 31
-
Annual Michael Gannon Lecture-Lecturer
4:00pm to 5:00pm
-
Training
Test event for UF Libraries
12/15/2023
This is a test event for the George A. Smathers libraries to explore what the new calendar can do
Details block
Accordian Header
content 1
Accordian header 2
detail 2
Accordian header 3
content 3
Custom HTML accordion in column block
Do I have to pay to put something on Course Reserves?
No. The George A. Smathers Libraries pay fees associated with making copyrighted material available for electronic reserves; we do reserve the right to deny requests in cases where the fee is deemed excessive. In the event of this, the instructor will be contacted. If the library does not currently own an item, an attempt to purchase will be made with instructor’s approval. Price and availability may affect the ability of the Course Reserves unit to purchase items.
What types of items can be placed on Reserve?
- Personal copies of materials for hard copy reserve
- Library-owned items (books, DVDs, etc.) for hard copy reserve
- Journal articles for electronic reserve
- Book chapters/excerpts for electronic reserve
- E-books for electronic reserve
- Video/streaming video
Can I place a personal copy of an item on Reserve?
Yes, the item is processed and placed in the Course Reserves area behind the designated library circulation desk requested by the instructor. A Gator 1 ID is required to check out items. The library is not responsible for any damages to or theft of personal items placed on reserves. At the end of the semester, items are removed from Course Reserves, and instructors may pick up the items at the circulation desk of the processing library. After three weeks into the following semester, the Course Reserves units will send the items back to the instructor’s department via campus mail, for distribution to the instructor by the department.
When may I place a Course Reserves request?
As soon as possible. The Course Reserves unit will send out an email to active instructors notifying them when the units are accepting course reserves requests for the following semester. Course reserves requests may be placed throughout the current semester, as needed.
How long does it take for a Course Reserves request to be processed?
It varies depending on the volume of requests submitted since the requests are processed in the order received. Some factors may delay processing such as submitting requests during the first two weeks of a new semester; requests with incomplete bibliographic information; materials that are currently unavailable; or requests for purchase. If the library does not own an item and you want to request it for course use, please note this in your request.
How long can patrons check out materials on Course Reserves?
There are several categories of checkout times for books or media in Course Reserves.
2 Hours: Materials are checked out for two hours and cannot be taken out of the library. Fines for overdue materials are accrued on a per hour basis.
24 Hours: Materials with this designation can leave the library and are due back 24 hours from the time of checkout. Fines for overdue materials are accrued on a per hour basis.
3 Day: Materials can be checked out of the library for 3 days. Fines for overdue materials are accrued on a per day basis.
7 Day: Materials can be checked out of the library for 7 days. Fines for overdue materials are accrued on a per day basis.
*This does not apply to libraries open 24 hours.
Can students in my class be permitted to check out material longer than the assigned loan period?
Yes. Please contact the Course Reserves unit for more information. It is recommended that instructors give the Course Reserves unit 24-hours notice in this situation, so we can be certain that another instructor does not need the material for in-class use.
I want to check out a DVD (or other material) currently on Course Reserves to use in my class. Can this material be held for me?
Yes. If you have a DVD or other item on reserves for your course and need it for in-class use, please contact the Course Reserves unit 24-48 hours before your class. We will put a hold on the item so that it does not circulate, and it will be available for class use. If another instructor has a DVD on course reserves and you need it for course use, please notify the Course Reserves unit. We will contact the instructor that has the item on reserves and ask for permission from that instructor to let the material circulate for class use.
What can I do if a link to an article or streaming video is not working?
First, be sure that you are using the UF Gatorlink VPN service. We recommend using Chrome or Firefox while using the VPN. You may also contact the Course Reserves unit at 352-273-2520 or email us at eres@uflib.ufl.edu to notify Course Reserves staff. It generally takes only a few minutes to fix a broken link.
I am an instructor/teaching assistant and I need a chapter of a book for class. Who should I contact?
Please email all class related requests to eres@uflib.ufl.edu.
Have you heard about details?
It’s a pretty useful element that handles accordion / collapsed text natively!
So how does it work?
You wrap a details element around any block of HTML content. The browser will collapse that block of text until a user opens the details block.
Once a user opens a details block, they’ll be able to read all that hidden content!
If you want the details block open by default, include the open attribute on the opening tag:
...But how do I set a custom title?
That’s pretty manageable too! Use the summary element.
Put a summary at the beginning of your details element and Boom! – you’ve got a custom title for your details block.
No worries if you don’t add a summary. The browser will put the word “Details” in there for you. (After all, users need something to click!)
That’s cool, but what about styles?
Yes, you’re covered there too! Style the details element however you like. Give it a border, some padding, whatever.
The summary element is where the ▸ marker lives. If you want to get rid of that, there is a prefixed pseudo-element selector ::-webkit-details-marker: set that to display: none for WebKit browsers. In Firefox, it’s much simpler: set the summary to display: block or flex (anything but the native display: list-item) and you’ll get rid of the ▸ for you.
Ok, ok, but what about styling based on state?
Once again, details has got your back! When a details block is open, it has the open attribute that I mentioned earlier. To style it (or its children) based on its state, use details[open] { }.
Note: there’s no closed attribute: styles you apply by “default” will be used on the closed state.
But this requires JavaScript, right?
Open the JS panel on this pen. Clean as a whistle! This is handled totally by the browser.
What about accessibility? Is that the catch?
Sorry to disappoint you. Since these are native HTML elements, they provide useful semantic information to screen readers.
Screen readers will typically read the summary for a collapsed details block (and communicate that it’s collapsed). They’ll also provide an interactive hook for users to open the details block. If the details is already expanded, they’ll read the whole content.
I don’t rely on assistive tech to read the web, so I’m probably not aware of some limitations or drawbacks to using details and summary, but I suspect their AX is at least as good as (if not better than) most JavaScript-dependent accordion solutions.
Excellent! More information, please!
You bet! Here are some great resources on details & summary:
But what about cross-browser compatibility?
Yeah, sorry. Here’s some bad news. IE, Edge, and Opera Mini don’t currently support details/summary with native open/close behavior (check out caniuse data for details).
These browsers will show all your details elements expanded. That’s not the worst though: it’s a bit of progressive enhancement: if the browser doesn’t support the native UI behavior, the content will still be visible to users.
It’s unlikey IE11 will be getting any updates on this front, but there’s hope for Edge! If this is important to you, please cast a vote a vote for Edge to support details/summary. (Or just wait for Edge to use Chromium, I guess. 😕)
If you do need to have open/close behavior in IE11 (or any other non-supporting browser), you’ll probably need a polyfill. This Smashing Magazine details polyfill tutorial looks like a good place to start.
How Interlibrary Loan Works
- You submit a request using the library catalog
- ILL staff process your request
- A library provides your request
- Physical items (books, DVDs, etc.) will be processed for pickup or distance delivery
- PDF requests (articles and book chapters) will be uploaded to your library account
- It’s that easy!