To do:
- Pagination
- Floating Action Button
- Mobile styling cleanup
Theme Colors
Blue
#003262
Teal
#3b7ea1
Dark Grey
#46535E
Beige
#DDD5C7
Pink (AA)
#CC1E54
Light Pink
#EE1F60
Light Green
#B9D3B6
Black
#333333
TYPOGRAPHY
Heading One
Heading Two
Heading Three
Heading Four
Lead Copy. Ullamcorper bibendum donec dictum facilisis nulla ut. Tempor egestas venenatis adipiscing turpis adipiscing. Gravida nam amet laoreet mauris aenean massa viverra turpis egestas.
Body copy. Cras diam tristique pharetra, molestie in arcu dolor. Sit aliquet mauris velit tortor diam sed elit. Tortor condimentum nisl, porttitor pretium. Sapien lorem enim nisl tincidunt et. Risus, faucibus auctor
Buttons
Buttons with External Links
Add the class external-link to the field Additional CSS class(es) field under Advanced Settings
SMALL BUTTONS
Add the class small to the field Additional CSS class(es) field under Advanced Settings
Style Tile
Icons
These are currently set up as SVG icons. You can add these icons by adding the classes “icon icon-name” to a span. ie:
<span class="icon icon-date"></span>
Headers / Hero’s for Interior Pages
Hero – Landing Page .hero .hero–landing
Research
Enabling civil society organizations to use technology to fulfill their missions.
Hero – Research .hero .hero–research
Citizen Clinic
Enabling civil society organizations to use technology to fulfill their missions.
Hero – About .hero .hero–about
Our Values
Our mission to change the world
Hero – News & Events .hero .hero–events
Cybersecurity Spring 2022 Capstone Project Showcase
Hero – Get Involved .hero .hero–get-involved
Corporate Partnership Program
Build and expand our future-focused research agenda
Cards
Card – Featured Card .card-featured
Report / March 22, 2022
2021 Center for Long-Term Cybersecurity Annual Report
CLTC’s activities and impact in 2021
Card – With Image Cap .card-image-cap
Initiative / April 23, 2022
AI Policy Hub
Advancing interdisciplinary research to anticipate and address AI policy opportunities
Card – With Image Cap .card-image-cap
White Paper / April 23, 2022
Choices, Risks, and Reward Reports: Charing Public Policy fo Reinforcement Learning Systems
A new report
Card – Featured Card .card-horizontal
Report / March 31, 2022 / AI #Strategy #Universities
Jordan Famularo in Brookings TechStream: “Better understanding of data lifecycles can reduce digital harms.”
Following the Style Tile Designs, we need to have an option for these Cards to NOT have an image. In that case, the text will span the full width of its container. Can’t really demonstrate it using WordPress’ Media & Text Blocks. Maybe: use some HTML code in the meantime so that I can style accordingly.
Report / March 31, 2022 / AI #Strategy #Universities
2021 Center for Long-Term Cybersecurity Annual Report
Presentation
Guidance for the Development of AI Risk and Impact Assessments
Blockquote with attribute Quote Block
“The Master’s Program changed the course of my life and career. Porttitor nec nibh risus amet lectus vitae. Eget quisque euismod potenti integer neque, quis. Habitant consequat nisi feugiat commodo. Nibh est sed etiam ac. In quam posuere hendrerit auctor phasellus nibh.”
June Carter Cash, MICS graduate 2010
Table Table Block
| Device | Usage Percentage | N |
|---|---|---|
| Apple iPhone | 77% | 78 |
| Apple iPad Pro | 43% | 74 |
| Microsoft Surface | 59% | 71 |
Alerts
Enrollment Fall enrollment is happening now. Apply for grant funding. Read More
Emergency Alert Campus is closed March 14, 2022 due to winter weather. Read More
Calls to Action
CTA – Small CTA .cta-small (media – 28% wide)
To be prescient is powerful
The Center for Long-Term Cybersecurity actively seeks partners with whom to build and expand our future-focused research agenda.
CTA – Footer CTA .cta-footer (media – 30% wide)
Build and expand our future-focused research agenda
By joining CLTC’s Corporate Membership Program, companies gain access to insights and talent that better prepare them for tomorrow’s security landscape.
