| layout | title |
|---|---|
color-test |
Color Test Page |
-
Oxford Blue (#061A40) or Xiketic (#041F1E) can be used as a background.
-
“Cultured” white (#F5F5F5) can be used as a foreground with Oxford Blue (#061A40) or Xiketic (#070413) background with sufficient contrast to WCAG 2.0 AAA for regular font, larger font, and visual components (icons, etc.).
-
Turquoise (#00D5C0) can be used as a foreground with Oxford Blue (#061A40) or Xiketic (#070413) background with sufficient contrast to WCAG 2.0 AAA for regular font, larger font, and visual components (icons, etc.) (Results with Xiketic; Results with Oxford Blue)
-
Shocking Crayola Pink (#F971F0) can be used as a foreground with Xiketic (#070413) background with sufficient contrast to WCAG 2.0 AAA for regular font, larger font, and visual components (icons, etc.) (Results with Xiketic; Results with Oxford Blue)
-
Honey Yellow (#FDB827) can be used as a foreground with Xiketic (#070413) background with sufficient contrast to WCAG 2.0 AAA for regular font, larger font, and visual components (icons, etc.) (Results with Xiketic; Results with Oxford Blue)
-
For any other combination (e.g. “Cultured” white (#F5F5F5) on Turquoise (#00D5C0) , Shocking Crayola Pink (#F971F0) on Oxford Blue (#061A40), do a test.)
-
Feel free to use shades or tints of colors to achieve accessible results.
Customized buttons here button light light outline
Customized buttons here button middle middle outline
Customized buttons here button dark middle dark
<div class="speaker-box text-center selected" id="alison-langmead-id" data-speaker-info="#alison-langmead-info"
style="order: 1;">
<div class="speaker-box-inner">
<a href="#" class="speaker-info-toggle" data-target="#alison-langmead" aria-expanded="false"
aria-controls="alison-langmead">
<img class="clip-circle-lg" src="/assets/img/keynotes/alison-langmead.jpg" alt="Alison Langmead">
</a>
<h2 class="h4 speaker-name"><a href="#" class="speaker-info-toggle" data-target="#alison-langmead"
aria-expanded="false" aria-controls="alison-langmead">Alison Langmead</a></h2>
<div class="speaker-mini">
<p class="speaker-title">Associate Professor, School of Information Sciences</p>
<p class="speaker-inst">University of Pittsburgh</p>
</div>
<div class="arrow-down"></div>
</div>
</div>
<div class="speaker-info show" id="alison-langmead-info" style="order: 4;">
<div class="speaker-info-inner">
<p class="speaker-bio">
Alison Langmead holds a joint faculty appointment between the Dietrich School of Arts and Sciences
and the School of Computing and Information at the University of Pittsburgh. She teaches and
researches in the field of the digital humanities, focusing especially on applying digital methods
mindfully within the context of visual and material culture studies. For the Department of Art
History and Architecture, Alison serves as the Director of the Visual Media Workshop (VMW). The
mission of the VMW is to develop and encourage the creation of innovative methods for producing,
disseminating, and preserving the academic work using digital technologies as a fundamental
component of our scholarly toolkit. To achieve these objectives, she directs a
technologically-focused environment of collaboration and creativity where students and faculty from
a number of departments across the University come together to work on projects that apply digital
methods and techniques with focus and intention. For the School of Computing and Information (SCI),
Alison researches the relationship between the historical practice of information management and
digital computing, both as a historical narrative and also as a complex, changing process in
contemporary America. This research, plus all of the theories, concepts, and models that she teaches
at SCI, are put into daily practice in her work directing the VMW.
</p>
</div>
</div>
<div class="speaker-box text-center" id="alison-macrina-id" data-speaker-info="#alison-macrina-info"
style="order: 2;">
<div class="speaker-box-inner">
<a href="#" class="speaker-info-toggle" data-target="#alison-macrina" aria-expanded="false"
aria-controls="alison-macrina">
<img class="clip-circle-lg" src="/assets/img/keynotes/alison-macrina.jpg" alt="Alison Macrina">
</a>
<h2 class="h4 speaker-name"><a href="#" class="speaker-info-toggle" data-target="#alison-macrina"
aria-expanded="false" aria-controls="alison-macrina">Alison Macrina</a></h2>
<div class="speaker-mini">
<p class="speaker-title">Founder and Executive Director</p>
<p class="speaker-inst">Library Freedom Project</p>
</div>
<div class="arrow-down"></div>
</div>
</div>
<div class="speaker-info" id="alison-macrina-info" style="order: 5;">
<div class="speaker-info-inner">
<p class="speaker-bio">
From <a href="https://libraryfreedom.org">LibraryFreedom.org</a>: "Along with founding the Library
Freedom Project, Alison is a librarian, internet activist, and a core contributor to The Tor
Project. Alison is passionate about fighting surveillance and connecting privacy issues to other
struggles for justice. She believes that a world without pervasive surveillance is possible."
Library Freedom is a unique, progressive venture in the privacy sphere, putting on training
workshops for libraries and librarians as well as advocating for political change.
</p>
</div>
</div>
<div class="speaker-box text-center" id="tara-robertson-id" data-speaker-info="#tara-robertson-info"
style="order: 3;">
<div class="speaker-box-inner">
<a href="#" class="speaker-info-toggle" data-target="#tara-robertson" aria-expanded="false"
aria-controls="tara-robertson">
<img class="clip-circle-lg" src="/assets/img/keynotes/robertson_tara.jpg" alt="Tara Robertson">
</a>
<h2 class="h4 speaker-name"><a href="#" class="speaker-info-toggle" data-target="#tara-robertson"
aria-expanded="false" aria-controls="tara-robertson">Tara Robertson</a></h2>
<div class="speaker-mini">
<p class="speaker-title">Diversity & Inclusion Strategic Partner</p>
<p class="speaker-inst">Mozilla</p>
</div>
<div class="arrow-down"></div>
</div>
</div>
<div class="speaker-info" id="tara-robertson-info" style="order: 6;">
<div class="speaker-info-inner">
<p class="speaker-bio">
Tara Robertson is an intersectional feminist who uses data and research to advocate for equality and
inclusion. She has more than 10 years experience making open source and tech communities more
diverse and welcoming. Her core values are social justice, collaboration and all things open–open
source, open access and open education. Her curiosity and delight in connecting people come together
in person and online, where she can often be found asking good questions. <a
href="https://tararobertson.ca/about/">Read more on her personal website</a>.
</p>
</div>
</div>
</div>