Customize Anthology CSS

You will modify your anthology using the .scss file in your anthology’s css directory, which is a child of the site directory. For example, the path to the .scss file for the QME anthology is lemdo/data/anthologies/qme/site/css/qme.scss.
Note that modifying your anthology requires at least an intermediate ability in CSS/SCSS. This documentation page presupposes that you have intermediate ability. If you are an anthology lead and do not have the necessary skills, you will want to hire someone who does.
Your .scss file is a blank slate. You are limited only by your design vision and by LEMDO’s Document Object Model (DOM) when changing the look and feel of your anthology.
You can create your own style for your anthology by overriding the default style found in lemdo-dev.scss. To do this you must make the changes in your anthology’s .scss file. These changes will then override LEMDO’s default style. Your .scss file is located in your anthology’s site/css folder.
LEMDO uses many different CSS selectors. Some are global, like var(--highlightColor), but others appear only in certain zones of the site, like side menus or top navigation components. Where possible CSS variables have been organized in the ._variables.scss file used by LEMDO into four different regions: Top Navigation, Left Panel, Popup, Main Content, and Footer.
Screenshot of a play on the LEMDO website with the following sections labelled: 1 Left Panel, 2 Top Navigation, 3 Main, 4 Popup, and 5 Footer. Left panel is on the left side of the page, top navigation is the menu bar at the top of the page, main is a large section in the middle of the page, popup is a window on the right side of the page, and footer is at the bottom of the page.
LEMDO site regions.
Overriding highlight colours, fonts, and typography can be done using the CSS variables, allowing for a change done once to appear everywhere the variable is applied, but it is not a requirement. Sometimes it will be more efficient to use an inspector to locate the element that you wish to change and add that element directly to your site’s .scss file in order to make the change.

Example: Font-Style Changes

If you wanted to change to change the sans-serif style font from Alegreya (the default) to Arial you could change the css variable --primarySans
from:
--primarySans: "Alegreya Sans", "Helvetica Neue", Arial, sans-serif;
to:
--primarySans: Arial, sans-serif;
This will change the font-face across your anthologyʼs entire site.
You can also use a developer tool to locate the HTML element being styled, recreate it in your .scss file, and override the style that way. You may want to do this if the element you are changing does not have a variable applied to it, or you do not wish an existing variable to be applied.

Prosopography

Janelle Jenstad

Janelle Jenstad is a Professor of English at the University of Victoria, Director of The Map of Early Modern London, and Director of Linked Early Modern Drama Online. With Jennifer Roberts-Smith and Mark Kaethler, she co-edited Shakespeare’s Language in Digital Media: Old Words, New Tools (Routledge). She has edited John Stow’s A Survey of London (1598 text) for MoEML and is currently editing The Merchant of Venice (with Stephen Wittek) and Heywood’s 2 If You Know Not Me You Know Nobody for DRE. Her articles have appeared in Digital Humanities Quarterly, Elizabethan Theatre, Early Modern Literary Studies, Shakespeare Bulletin, Renaissance and Reformation, and The Journal of Medieval and Early Modern Studies. She contributed chapters to Approaches to Teaching Othello (MLA); Teaching Early Modern Literature from the Archives (MLA); Institutional Culture in Early Modern England (Brill); Shakespeare, Language, and the Stage (Arden); Performing Maternity in Early Modern England (Ashgate); New Directions in the Geohumanities (Routledge); Early Modern Studies and the Digital Turn (Iter); Placing Names: Enriching and Integrating Gazetteers (Indiana); Making Things and Drawing Boundaries (Minnesota); Rethinking Shakespeare Source Study: Audiences, Authors, and Digital Technologies (Routledge); and Civic Performance: Pageantry and Entertainments in Early Modern London (Routledge). For more details, see janellejenstad.com.

Joey Takeda

Joey Takeda is LEMDO’s Consulting Programmer and Designer, a role he assumed in 2020 after three years as the Lead Developer on LEMDO.

Martin Holmes

Martin Holmes has worked as a developer in the UVicʼs Humanities Computing and Media Centre for over two decades, and has been involved with dozens of Digital Humanities projects. He has served on the TEI Technical Council and as Managing Editor of the Journal of the TEI. He took over from Joey Takeda as lead developer on LEMDO in 2020. He is a collaborator on the SSHRC Partnership Grant led by Janelle Jenstad.

Navarra Houldin

Project manager 2022–present. Textual remediator 2021–present. Navarra Houldin (they/them) completed their BA in History and Spanish at the University of Victoria in 2022. During their degree, they worked as a teaching assistant with the University of Victoriaʼs Department of Hispanic and Italian Studies. Their primary research was on gender and sexuality in early modern Europe and Latin America.

Nicole Vatcher

Technical Documentation Writer, 2020–2022. Nicole Vatcher completed her BA (Hons.) in English at the University of Victoria in 2021. Her primary research focus was womenʼs writing in the modernist period.

Patrick Szpak

Patrick Szpak is a Programmer Consultant and Web Designer in the Humanities Computing and Media Centre at the University of Victoria.

Tracey El Hajj

Junior Programmer 2019–2020. Research Associate 2020–2021. Tracey received her PhD from the Department of English at the University of Victoria in the field of Science and Technology Studies. Her research focuses on the algorhythmics of networked communications. She was a 2019–2020 President’s Fellow in Research-Enriched Teaching at UVic, where she taught an advanced course on Artificial Intelligence and Everyday Life. Tracey was also a member of the Map of Early Modern London team, between 2018 and 2021. Between 2020 and 2021, she was a fellow in residence at the Praxis Studio for Comparative Media Studies, where she investigated the relationships between artificial intelligence, creativity, health, and justice. As of July 2021, Tracey has moved into the alt-ac world for a term position, while also teaching in the English Department at the University of Victoria.

Orgography

LEMDO Team (LEMD1)

The LEMDO Team is based at the University of Victoria and normally comprises the project director, the lead developer, project manager, junior developers(s), remediators, encoders, and remediating editors.

Metadata

Authority title Customize Anthology CSS
Type of text Documentation
Short title
Publisher University of Victoria on the Linked Early Modern Drama Online Platform
Series Linked Early Modern Drama Online
Source
TEI Customization created by Martin Holmes, Joey Takeda, and Janelle Jenstad; documentation written by members of the LEMDO Team
Editorial declaration n/a
Edition Released with Linked Early Modern Drama Online 1.0
Encoding description Encoded in TEI P5 according to the LEMDO Customization and Encoding Guidelines
Document status prgGenerated
Funder(s) Social Sciences and Humanities Research Council of Canada
License/availability This file is licensed under a CC BY-NC_ND 4.0 license, which means that it is freely downloadable without permission under the following conditions: (1) credit must be given to the author and LEMDO in any subsequent use of the files and/or data; (2) the content cannot be adapted or repurposed (except in quotations for the purposes of academic review and citation); and (3) commercial uses are not permitted without the knowledge and consent of the editor and LEMDO. This license allows for pedagogical use of the documentation in the classroom.