HTML preprocessors can make writing HTML more powerful or convenient. For instance, Markdown is designed to be easier to write and read for text documents and you could write a loop in Pug.
In CodePen, whatever you write in the HTML editor is what goes within the <body>
tags in a basic HTML5 template. So you don't have access to higher-up elements like the <html>
tag. If you want to add classes there that can affect the whole document, this is the place to do it.
In CodePen, whatever you write in the HTML editor is what goes within the <body>
tags in a basic HTML5 template. If you need things in the <head>
of the document, put that code here.
The resource you are linking to is using the 'http' protocol, which may not work when the browser is using https.
CSS preprocessors help make authoring CSS easier. All of them offer things like variables and mixins to provide convenient abstractions.
It's a common practice to apply CSS to a page that styles elements such that they are consistent across all browsers. We offer two of the most popular choices: normalize.css and a reset. Or, choose Neither and nothing will be applied.
To get the best cross-browser support, it is a common practice to apply vendor prefixes to CSS properties and values that require them to work. For instance -webkit-
or -moz-
.
We offer two popular choices: Autoprefixer (which processes your CSS server-side) and -prefix-free (which applies prefixes via a script, client-side).
Any URLs added here will be added as <link>
s in order, and before the CSS in the editor. You can use the CSS from another Pen by using its URL and the proper URL extension.
You can apply CSS to your Pen from any stylesheet on the web. Just put a URL to it here and we'll apply it, in the order you have them, before the CSS in the Pen itself.
You can also link to another Pen here (use the .css
URL Extension) and we'll pull the CSS from that Pen and include it. If it's using a matching preprocessor, use the appropriate URL Extension and we'll combine the code before preprocessing, so you can use the linked Pen as a true dependency.
JavaScript preprocessors can help make authoring JavaScript easier and more convenient.
Babel includes JSX processing.
Any URL's added here will be added as <script>
s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.
You can apply a script from anywhere on the web to your Pen. Just put a URL to it here and we'll add it, in the order you have them, before the JavaScript in the Pen itself.
If the script you link to has the file extension of a preprocessor, we'll attempt to process it before applying.
You can also link to another Pen here, and we'll pull the JavaScript from that Pen and include it. If it's using a matching preprocessor, we'll combine the code before preprocessing, so you can use the linked Pen as a true dependency.
Search for and use JavaScript packages from npm here. By selecting a package, an import
statement will be added to the top of the JavaScript editor for this package.
Using packages here is powered by esm.sh, which makes packages from npm not only available on a CDN, but prepares them for native JavaScript ESM usage.
All packages are different, so refer to their docs for how they work.
If you're using React / ReactDOM, make sure to turn on Babel for the JSX processing.
If active, Pens will autosave every 30 seconds after being saved once.
If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.
If enabled, your code will be formatted when you actively save your Pen. Note: your code becomes un-folded during formatting.
Visit your global Editor Settings.
<h4 class="widgettitle">Regular H4 Title</h4>
<div id="sidebar1" class="sidebar bit-25" role="complementary">
<div id="tag_cloud-2" class="widget widget_tag_cloud">
<h4 class="widgettitle">Tags</h4>
<div class="tagcloud"><a href="https://cobe.vcu.edu/tag/addiction/" class="tag-cloud-link tag-link-103 tag-link-position-1" style="font-size: 17.109589041096pt;" aria-label="Addiction (26 items)">Addiction</a>
<a href="https://cobe.vcu.edu/tag/alcohol-use/" class="tag-cloud-link tag-link-139 tag-link-position-2" style="font-size: 10.109589041096pt;" aria-label="Alcohol Use (4 items)">Alcohol Use</a>
<a href="https://cobe.vcu.edu/tag/artfulness/" class="tag-cloud-link tag-link-86 tag-link-position-3" style="font-size: 8pt;" aria-label="Artfulness (2 items)">Artfulness</a>
<a href="https://cobe.vcu.edu/tag/cobe-connect/" class="tag-cloud-link tag-link-75 tag-link-position-4" style="font-size: 15.479452054795pt;" aria-label="COBE Connect (17 items)">COBE Connect</a>
<a href="https://cobe.vcu.edu/tag/cobe-events/" class="tag-cloud-link tag-link-143 tag-link-position-5" style="font-size: 12.027397260274pt;" aria-label="COBE Events (7 items)">COBE Events</a>
<a href="https://cobe.vcu.edu/tag/cobe-news/" class="tag-cloud-link tag-link-80 tag-link-position-6" style="font-size: 18.164383561644pt;" aria-label="COBE News (34 items)">COBE News</a>
<a href="https://cobe.vcu.edu/tag/cobe-town-hall/" class="tag-cloud-link tag-link-95 tag-link-position-7" style="font-size: 17.301369863014pt;" aria-label="COBE Town Hall (27 items)">COBE Town Hall</a>
<a href="https://cobe.vcu.edu/tag/contemplative-science/" class="tag-cloud-link tag-link-82 tag-link-position-8" style="font-size: 14.904109589041pt;" aria-label="Contemplative Science (15 items)">Contemplative Science</a>
<a href="https://cobe.vcu.edu/tag/coursework/" class="tag-cloud-link tag-link-85 tag-link-position-9" style="font-size: 17.109589041096pt;" aria-label="Coursework (26 items)">Coursework</a>
<a href="https://cobe.vcu.edu/tag/eating-disorders/" class="tag-cloud-link tag-link-111 tag-link-position-10" style="font-size: 8pt;" aria-label="Eating Disorders (2 items)">Eating Disorders</a>
<a href="https://cobe.vcu.edu/tag/events/" class="tag-cloud-link tag-link-83 tag-link-position-11" style="font-size: 15.86301369863pt;" aria-label="Events (19 items)">Events</a>
<a href="https://cobe.vcu.edu/tag/genetics/" class="tag-cloud-link tag-link-112 tag-link-position-12" style="font-size: 14.424657534247pt;" aria-label="Genetics (13 items)">Genetics</a>
<a href="https://cobe.vcu.edu/tag/guest-blog/" class="tag-cloud-link tag-link-90 tag-link-position-13" style="font-size: 14.712328767123pt;" aria-label="Guest Blog (14 items)">Guest Blog</a>
<a href="https://cobe.vcu.edu/tag/harm-reduction/" class="tag-cloud-link tag-link-89 tag-link-position-14" style="font-size: 14.424657534247pt;" aria-label="Harm Reduction (13 items)">Harm Reduction</a>
<a href="https://cobe.vcu.edu/tag/heart-disease/" class="tag-cloud-link tag-link-148 tag-link-position-15" style="font-size: 8pt;" aria-label="Heart Disease (2 items)">Heart Disease</a>
<a href="https://cobe.vcu.edu/tag/impulsivity/" class="tag-cloud-link tag-link-108 tag-link-position-16" style="font-size: 8pt;" aria-label="Impulsivity (2 items)">Impulsivity</a>
<a href="https://cobe.vcu.edu/tag/infographic/" class="tag-cloud-link tag-link-137 tag-link-position-17" style="font-size: 11.547945205479pt;" aria-label="Infographic (6 items)">Infographic</a>
<a href="https://cobe.vcu.edu/tag/meditation/" class="tag-cloud-link tag-link-149 tag-link-position-18" style="font-size: 9.1506849315068pt;" aria-label="Meditation (3 items)">Meditation</a>
<a href="https://cobe.vcu.edu/tag/mental-health/" class="tag-cloud-link tag-link-98 tag-link-position-19" style="font-size: 20.657534246575pt;" aria-label="Mental Health (62 items)">Mental Health</a>
<a href="https://cobe.vcu.edu/tag/messy-media/" class="tag-cloud-link tag-link-92 tag-link-position-20" style="font-size: 8pt;" aria-label="Messy Media (2 items)">Messy Media</a>
<a href="https://cobe.vcu.edu/tag/mindfulness/" class="tag-cloud-link tag-link-121 tag-link-position-21" style="font-size: 13.753424657534pt;" aria-label="Mindfulness (11 items)">Mindfulness</a>
<a href="https://cobe.vcu.edu/tag/opioid-crisis/" class="tag-cloud-link tag-link-114 tag-link-position-22" style="font-size: 11.547945205479pt;" aria-label="Opioid Crisis (6 items)">Opioid Crisis</a>
<a href="https://cobe.vcu.edu/tag/opioids/" class="tag-cloud-link tag-link-129 tag-link-position-23" style="font-size: 8pt;" aria-label="Opioids (2 items)">Opioids</a>
<a href="https://cobe.vcu.edu/tag/peer-influences/" class="tag-cloud-link tag-link-141 tag-link-position-24" style="font-size: 8pt;" aria-label="Peer Influences (2 items)">Peer Influences</a>
<a href="https://cobe.vcu.edu/tag/podcast/" class="tag-cloud-link tag-link-116 tag-link-position-25" style="font-size: 15.191780821918pt;" aria-label="Podcast (16 items)">Podcast</a>
<a href="https://cobe.vcu.edu/tag/prescription-drugs/" class="tag-cloud-link tag-link-115 tag-link-position-26" style="font-size: 10.876712328767pt;" aria-label="Prescription Drugs (5 items)">Prescription Drugs</a>
<a href="https://cobe.vcu.edu/tag/prevention/" class="tag-cloud-link tag-link-107 tag-link-position-27" style="font-size: 12.506849315068pt;" aria-label="Prevention (8 items)">Prevention</a>
<a href="https://cobe.vcu.edu/tag/public-health/" class="tag-cloud-link tag-link-79 tag-link-position-28" style="font-size: 22pt;" aria-label="Public Health (87 items)">Public Health</a>
<a href="https://cobe.vcu.edu/tag/race/" class="tag-cloud-link tag-link-102 tag-link-position-29" style="font-size: 10.876712328767pt;" aria-label="Race (5 items)">Race</a>
<a href="https://cobe.vcu.edu/tag/recovery/" class="tag-cloud-link tag-link-105 tag-link-position-30" style="font-size: 13.753424657534pt;" aria-label="Recovery (11 items)">Recovery</a>
<a href="https://cobe.vcu.edu/tag/research-review/" class="tag-cloud-link tag-link-81 tag-link-position-31" style="font-size: 10.876712328767pt;" aria-label="Research Review (5 items)">Research Review</a>
<a href="https://cobe.vcu.edu/tag/research-study/" class="tag-cloud-link tag-link-109 tag-link-position-32" style="font-size: 8pt;" aria-label="Research Study (2 items)">Research Study</a>
<a href="https://cobe.vcu.edu/tag/research-translation/" class="tag-cloud-link tag-link-78 tag-link-position-33" style="font-size: 20.178082191781pt;" aria-label="Research Translation (55 items)">Research Translation</a>
<a href="https://cobe.vcu.edu/tag/resilience/" class="tag-cloud-link tag-link-127 tag-link-position-34" style="font-size: 8pt;" aria-label="Resilience (2 items)">Resilience</a>
<a href="https://cobe.vcu.edu/tag/spit-for-science/" class="tag-cloud-link tag-link-76 tag-link-position-35" style="font-size: 19.315068493151pt;" aria-label="Spit for Science (45 items)">Spit for Science</a>
<a href="https://cobe.vcu.edu/tag/stress/" class="tag-cloud-link tag-link-106 tag-link-position-36" style="font-size: 8pt;" aria-label="Stress (2 items)">Stress</a>
<a href="https://cobe.vcu.edu/tag/substance-use/" class="tag-cloud-link tag-link-97 tag-link-position-37" style="font-size: 21.904109589041pt;" aria-label="Substance Use (85 items)">Substance Use</a>
<a href="https://cobe.vcu.edu/tag/support-services/" class="tag-cloud-link tag-link-123 tag-link-position-38" style="font-size: 10.876712328767pt;" aria-label="Support Services (5 items)">Support Services</a>
<a href="https://cobe.vcu.edu/tag/the-well/" class="tag-cloud-link tag-link-84 tag-link-position-39" style="font-size: 10.109589041096pt;" aria-label="The Well (4 items)">The Well</a>
<a href="https://cobe.vcu.edu/tag/thrive/" class="tag-cloud-link tag-link-94 tag-link-position-40" style="font-size: 8pt;" aria-label="THRIVE (2 items)">THRIVE</a>
<a href="https://cobe.vcu.edu/tag/tpmh/" class="tag-cloud-link tag-link-91 tag-link-position-41" style="font-size: 8pt;" aria-label="TPMH (2 items)">TPMH</a>
<a href="https://cobe.vcu.edu/tag/trauma/" class="tag-cloud-link tag-link-126 tag-link-position-42" style="font-size: 8pt;" aria-label="Trauma (2 items)">Trauma</a>
<a href="https://cobe.vcu.edu/tag/undergraduate-research/" class="tag-cloud-link tag-link-113 tag-link-position-43" style="font-size: 8pt;" aria-label="Undergraduate Research (2 items)">Undergraduate Research</a>
<a href="https://cobe.vcu.edu/tag/videos/" class="tag-cloud-link tag-link-96 tag-link-position-44" style="font-size: 19.315068493151pt;" aria-label="Videos (45 items)">Videos</a>
<a href="https://cobe.vcu.edu/tag/young-adults/" class="tag-cloud-link tag-link-140 tag-link-position-45" style="font-size: 10.109589041096pt;" aria-label="Young Adults (4 items)">Young Adults</a></div>
</div>
<div id="recent-posts-2" class="widget widget_recent_entries">
<h4 class="widgettitle">Recent Posts</h4>
<ul>
<li>
<a href="https://cobe.vcu.edu/fathers-alcohol-problems-increase-adolescents-risk-for-alcohol-and-conduct-problems/">Alcohol and Parenting: Where Things Go Wrong</a>
</li>
<li>
<a href="https://cobe.vcu.edu/spit-for-science-spring-collaborator-clinic-schedule/">Spit for Science Fall Collaborator Clinic Schedule</a>
</li>
<li>
<a href="https://cobe.vcu.edu/microaggressions-and-racial-socialization-impact-alcohol-use-in-african-americans/">Microaggressions and Racial Socialization Impact Alcohol Use</a>
</li>
<li>
<a href="https://cobe.vcu.edu/the-science-of-happiness-changed-my-life/">#MindfulFinals: How The Science of Happiness Changed My Life</a>
</li>
<li>
<a href="https://cobe.vcu.edu/mindfulfinals-what-is-resilience/">#MindfulFinals: What Is Resilience?</a>
</li>
</ul>
</div>
<div id="wpp-2" class="widget popular-posts">
<h4 class="widgettitle">Popular Posts</h4>
<!-- WordPress Popular Posts -->
<ul class="wpp-list">
<li>
<a href="https://cobe.vcu.edu/does-prescription-drug-use-change-from-high-school-to-college/" title="Does Prescription Drug Use Change From High School to College?" class="wpp-post-title">Does Prescription Drug Use Change From High School to College?</a>
</li>
<li>
<a href="https://cobe.vcu.edu/vcu-students-use-research-to-combat-the-opioid-crisis/" title="VCU Students Use Research to Combat the Opioid Crisis" class="wpp-post-title">VCU Students Use Research to Combat the Opioid Crisis</a>
</li>
<li>
<a href="https://cobe.vcu.edu/cobe-partners-with-students-to-promote-research-and-public-health/" title="COBE Partners with Students to Promote Research and Public Health" class="wpp-post-title">COBE Partners with Students to Promote Research and Public Health</a>
</li>
<li>
<a href="https://cobe.vcu.edu/spit-for-science-researchers-publish-longitudinal-study-on-e-cigarettes/" title="How Is Vaping Different than Smoking?" class="wpp-post-title">How Is Vaping Different than Smoking?</a>
</li>
<li>
<a href="https://cobe.vcu.edu/from-research-to-recovery-town-hall-in-photos/" title="From Research to Recovery Town Hall in Photos" class="wpp-post-title">From Research to Recovery Town Hall in Photos</a>
</li>
</ul>
</div>
<div id="archives_calendar-2" class="widget widget_archives_calendar">
<h4 class="widgettitle">Archives</h4>
<!-- Archives Calendar Widget by Aleksei Polechin - alek´ - http://alek.be -->
<div class="calendar-archives classiclight" id="arc-Archives-61">
<div class="calendar-navigation"><a href="" class="prev-year"><span><</span></a>
<div class="menu-container months"><a href="https://cobe.vcu.edu/2018/11/" class="title">November 2018</a>
<ul class="menu" style="top: 0px;">
<li><a href="https://cobe.vcu.edu/2018/11/" class="2018 11 current selected" rel="0">November 2018</a></li>
<li><a href="https://cobe.vcu.edu/2018/01/" class="2018 1" rel="1">January 2018</a></li>
<li><a href="https://cobe.vcu.edu/2017/12/" class="2017 12" rel="2">December 2017</a></li>
<li><a href="https://cobe.vcu.edu/2017/11/" class="2017 11" rel="3">November 2017</a></li>
<li><a href="https://cobe.vcu.edu/2017/10/" class="2017 10" rel="4">October 2017</a></li>
<li><a href="https://cobe.vcu.edu/2017/09/" class="2017 9" rel="5">September 2017</a></li>
<li><a href="https://cobe.vcu.edu/2017/08/" class="2017 8" rel="6">August 2017</a></li>
<li><a href="https://cobe.vcu.edu/2017/06/" class="2017 6" rel="7">June 2017</a></li>
<li><a href="https://cobe.vcu.edu/2017/05/" class="2017 5" rel="8">May 2017</a></li>
<li><a href="https://cobe.vcu.edu/2017/04/" class="2017 4" rel="9">April 2017</a></li>
<li><a href="https://cobe.vcu.edu/2017/03/" class="2017 3" rel="10">March 2017</a></li>
<li><a href="https://cobe.vcu.edu/2017/02/" class="2017 2" rel="11">February 2017</a></li>
<li><a href="https://cobe.vcu.edu/2017/01/" class="2017 1" rel="12">January 2017</a></li>
<li><a href="https://cobe.vcu.edu/2016/12/" class="2016 12" rel="13">December 2016</a></li>
<li><a href="https://cobe.vcu.edu/2016/11/" class="2016 11" rel="14">November 2016</a></li>
<li><a href="https://cobe.vcu.edu/2016/10/" class="2016 10" rel="15">October 2016</a></li>
<li><a href="https://cobe.vcu.edu/2016/09/" class="2016 9" rel="16">September 2016</a></li>
<li><a href="https://cobe.vcu.edu/2016/08/" class="2016 8" rel="17">August 2016</a></li>
<li><a href="https://cobe.vcu.edu/2016/06/" class="2016 6" rel="18">June 2016</a></li>
<li><a href="https://cobe.vcu.edu/2016/04/" class="2016 4" rel="19">April 2016</a></li>
<li><a href="https://cobe.vcu.edu/2016/03/" class="2016 3" rel="20">March 2016</a></li>
<li><a href="https://cobe.vcu.edu/2016/01/" class="2016 1" rel="21">January 2016</a></li>
<li><a href="https://cobe.vcu.edu/2015/11/" class="2015 11" rel="22">November 2015</a></li>
</ul>
<div class="arrow-down"><span>▼</span></div>
</div><a href="" class="next-year disabled"><span>></span></a></div>
<div class="week-row weekdays"><span class="day weekday">Mon</span><span class="day weekday">Tue</span><span class="day weekday">Wed</span><span class="day weekday">Thu</span><span class="day weekday">Fri</span><span class="day weekday">Sat</span><span class="day weekday last">Sun</span></div>
<div
class="archives-years">
<div class="year 11 2018 current" rel="0">
<div class="week-row"><span class="day noday"> </span><span class="day noday"> </span><span class="day noday"> </span><span class="day">1</span><span class="day has-posts"><a href="https://cobe.vcu.edu/2018/11/02/" title="November 2, 2018" data-date="2018-11-2">2</a></span>
<span
class="day">3</span><span class="day last">4</span></div>
<div class="week-row">
<span class="day">5</span><span class="day">6</span><span class="day">7</span><span class="day">8</span><span class="day">9</span><span class="day">10</span><span class="day last">11</span></div>
<div class="week-row">
<span class="day">12</span><span class="day">13</span><span class="day">14</span><span class="day">15</span><span class="day">16</span><span class="day">17</span><span class="day last">18</span></div>
<div class="week-row">
<span class="day">19</span><span class="day">20</span><span class="day">21</span><span class="day">22</span><span class="day">23</span><span class="day">24</span><span class="day last">25</span></div>
<div class="week-row">
<span class="day">26</span><span class="day">27</span><span class="day">28</span><span class="day">29</span><span class="day">30</span><span class="day noday"> </span><span class="day noday last"> </span></div>
<div class="week-row">
<span class="day noday"> </span><span class="day noday"> </span><span class="day noday"> </span><span class="day noday"> </span><span class="day noday"> </span><span class="day noday"> </span><span class="day noday last"> </span></div>
<div class="week-row">
</div>
</div>
<div class="year 1 2018" rel="1">
<div class="week-row"><span class="day">1</span><span class="day">2</span><span class="day">3</span><span class="day">4</span><span class="day">5</span><span class="day">6</span><span class="day last">7</span></div>
<div class="week-row">
<span class="day">8</span><span class="day">9</span><span class="day">10</span><span class="day">11</span><span class="day">12</span><span class="day">13</span><span class="day last">14</span></div>
<div class="week-row">
<span class="day">15</span><span class="day">16</span><span class="day">17</span><span class="day">18</span><span class="day">19</span><span class="day">20</span><span class="day last has-posts"><a href="https://cobe.vcu.edu/2018/01/21/" title="January 21, 2018" data-date="2018-1-21">21</a></span></div>
<div class="week-row">
<span class="day">22</span><span class="day">23</span><span class="day">24</span><span class="day">25</span><span class="day">26</span><span class="day">27</span><span class="day last">28</span></div>
<div class="week-row">
<span class="day">29</span><span class="day">30</span><span class="day">31</span><span class="day noday"> </span><span class="day noday"> </span><span class="day noday"> </span><span class="day noday last"> </span></div>
<div class="week-row">
<span class="day noday"> </span><span class="day noday"> </span><span class="day noday"> </span><span class="day noday"> </span><span class="day noday"> </span><span class="day noday"> </span><span class="day noday last"> </span></div>
<div class="week-row">
</div>
</div>
<div class="year 12 2017" rel="2">
<div class="week-row"><span class="day noday"> </span><span class="day noday"> </span><span class="day noday"> </span><span class="day noday"> </span><span class="day has-posts"><a href="https://cobe.vcu.edu/2017/12/01/" title="December 1, 2017" data-date="2017-12-1">1</a></span>
<span
class="day">2</span><span class="day last">3</span></div>
<div class="week-row">
<span class="day">4</span><span class="day">5</span><span class="day has-posts"><a href="https://cobe.vcu.edu/2017/12/06/" title="December 6, 2017" data-date="2017-12-6">6</a></span><span class="day has-posts"><a href="https://cobe.vcu.edu/2017/12/07/" title="December 7, 2017" data-date="2017-12-7">7</a></span>
<span
class="day">8</span><span class="day">9</span><span class="day last">10</span></div>
<div class="week-row">
<span class="day">11</span><span class="day">12</span><span class="day">13</span><span class="day">14</span><span class="day">15</span><span class="day">16</span><span class="day last">17</span></div>
<div class="week-row">
<span class="day">18</span><span class="day">19</span><span class="day">20</span><span class="day">21</span><span class="day">22</span><span class="day">23</span><span class="day last">24</span></div>
<div class="week-row">
<span class="day">25</span><span class="day">26</span><span class="day">27</span><span class="day">28</span><span class="day">29</span><span class="day">30</span><span class="day last">31</span></div>
<div class="week-row">
<span class="day noday"> </span><span class="day noday"> </span><span class="day noday"> </span><span class="day noday"> </span><span class="day noday"> </span><span class="day noday"> </span><span class="day noday last"> </span></div>
<div class="week-row">
</div>
</div>
<div class="year 11 2017" rel="3">
<div class="week-row"><span class="day noday"> </span><span class="day noday"> </span><span class="day has-posts"><a href="https://cobe.vcu.edu/2017/11/01/" title="November 1, 2017" data-date="2017-11-1">1</a></span><span class="day has-posts"><a href="https://cobe.vcu.edu/2017/11/02/" title="November 2, 2017" data-date="2017-11-2">2</a></span>
<span
class="day has-posts"><a href="https://cobe.vcu.edu/2017/11/03/" title="November 3, 2017" data-date="2017-11-3">3</a></span><span class="day">4</span><span class="day last">5</span></div>
<div class="week-row">
<span class="day">6</span><span class="day">7</span><span class="day has-posts"><a href="https://cobe.vcu.edu/2017/11/08/" title="November 8, 2017" data-date="2017-11-8">8</a></span><span class="day">9</span><span class="day has-posts"><a href="https://cobe.vcu.edu/2017/11/10/" title="November 10, 2017" data-date="2017-11-10">10</a></span>
<span
class="day">11</span><span class="day last">12</span></div>
<div class="week-row">
<span class="day">13</span><span class="day">14</span><span class="day has-posts"><a href="https://cobe.vcu.edu/2017/11/15/" title="November 15, 2017" data-date="2017-11-15">15</a></span><span class="day has-posts"><a href="https://cobe.vcu.edu/2017/11/16/" title="November 16, 2017" data-date="2017-11-16">16</a></span>
<span
class="day has-posts"><a href="https://cobe.vcu.edu/2017/11/17/" title="November 17, 2017" data-date="2017-11-17">17</a></span><span class="day">18</span><span class="day last">19</span></div>
<div class="week-row">
<span class="day has-posts"><a href="https://cobe.vcu.edu/2017/11/20/" title="November 20, 2017" data-date="2017-11-20">20</a></span><span class="day has-posts"><a href="https://cobe.vcu.edu/2017/11/21/" title="November 21, 2017" data-date="2017-11-21">21</a></span>
<span
class="day has-posts"><a href="https://cobe.vcu.edu/2017/11/22/" title="November 22, 2017" data-date="2017-11-22">22</a></span><span class="day">23</span><span class="day">24</span><span class="day">25</span><span class="day last">26</span></div>
<div class="week-row">
<span class="day">27</span><span class="day">28</span><span class="day has-posts"><a href="https://cobe.vcu.edu/2017/11/29/" title="November 29, 2017" data-date="2017-11-29">29</a></span><span class="day has-posts"><a href="https://cobe.vcu.edu/2017/11/30/" title="November 30, 2017" data-date="2017-11-30">30</a></span>
<span
class="day noday"> </span><span class="day noday"> </span><span class="day noday last"> </span></div>
<div class="week-row">
<span class="day noday"> </span><span class="day noday"> </span><span class="day noday"> </span><span class="day noday"> </span><span class="day noday"> </span><span class="day noday"> </span><span class="day noday last"> </span></div>
<div class="week-row">
</div>
</div>
<div class="year 10 2017" rel="4">
<div class="week-row"><span class="day noday"> </span><span class="day noday"> </span><span class="day noday"> </span><span class="day noday"> </span><span class="day noday"> </span><span class="day noday"> </span><span class="day last">1</span></div>
<div class="week-row">
<span class="day">2</span><span class="day">3</span><span class="day">4</span><span class="day">5</span><span class="day has-posts"><a href="https://cobe.vcu.edu/2017/10/06/" title="October 6, 2017" data-date="2017-10-6">6</a></span>
<span
class="day">7</span><span class="day last">8</span></div>
<div class="week-row">
<span class="day">9</span><span class="day">10</span><span class="day">11</span><span class="day">12</span><span class="day">13</span><span class="day">14</span><span class="day last">15</span></div>
<div class="week-row">
<span class="day">16</span><span class="day">17</span><span class="day">18</span><span class="day has-posts"><a href="https://cobe.vcu.edu/2017/10/19/" title="October 19, 2017" data-date="2017-10-19">19</a></span><span class="day has-posts"><a href="https://cobe.vcu.edu/2017/10/20/" title="October 20, 2017" data-date="2017-10-20">20</a></span>
<span
class="day">21</span><span class="day last">22</span></div>
<div class="week-row">
<span class="day">23</span><span class="day">24</span><span class="day">25</span><span class="day">26</span><span class="day">27</span><span class="day">28</span><span class="day last">29</span></div>
<div class="week-row">
<span class="day">30</span><span class="day">31</span><span class="day noday"> </span><span class="day noday"> </span><span class="day noday"> </span><span class="day noday"> </span><span class="day noday last"> </span></div>
<div class="week-row">
</div>
</div>
<div class="year 9 2017" rel="5">
<div class="week-row"><span class="day noday"> </span><span class="day noday"> </span><span class="day noday"> </span><span class="day noday"> </span><span class="day">1</span><span class="day">2</span><span class="day last">3</span></div>
<div class="week-row">
<span class="day">4</span><span class="day">5</span><span class="day">6</span><span class="day">7</span><span class="day has-posts"><a href="https://cobe.vcu.edu/2017/09/08/" title="September 8, 2017" data-date="2017-9-8">8</a></span>
<span
class="day">9</span><span class="day last">10</span></div>
<div class="week-row">
<span class="day">11</span><span class="day">12</span><span class="day">13</span><span class="day">14</span><span class="day">15</span><span class="day">16</span><span class="day last">17</span></div>
<div class="week-row">
<span class="day">18</span><span class="day has-posts"><a href="https://cobe.vcu.edu/2017/09/19/" title="September 19, 2017" data-date="2017-9-19">19</a></span><span class="day">20</span><span class="day">21</span><span class="day">22</span>
<span
class="day">23</span><span class="day last">24</span></div>
<div class="week-row">
<span class="day">25</span><span class="day">26</span><span class="day">27</span><span class="day">28</span><span class="day">29</span><span class="day">30</span><span class="day noday last"> </span></div>
<div class="week-row">
<span class="day noday"> </span><span class="day noday"> </span><span class="day noday"> </span><span class="day noday"> </span><span class="day noday"> </span><span class="day noday"> </span><span class="day noday last"> </span></div>
<div class="week-row">
</div>
</div>
<div class="year 8 2017" rel="6">
<div class="week-row"><span class="day noday"> </span><span class="day">1</span><span class="day">2</span><span class="day">3</span><span class="day">4</span><span class="day">5</span><span class="day last">6</span></div>
<div class="week-row">
<span class="day">7</span><span class="day">8</span><span class="day">9</span><span class="day">10</span><span class="day">11</span><span class="day">12</span><span class="day last">13</span></div>
<div class="week-row">
<span class="day">14</span><span class="day">15</span><span class="day">16</span><span class="day">17</span><span class="day">18</span><span class="day">19</span><span class="day last">20</span></div>
<div class="week-row">
<span class="day">21</span><span class="day">22</span><span class="day has-posts"><a href="https://cobe.vcu.edu/2017/08/23/" title="August 23, 2017" data-date="2017-8-23">23</a></span><span class="day">24</span><span class="day">25</span>
<span
class="day">26</span><span class="day last">27</span></div>
<div class="week-row">
<span class="day">28</span><span class="day has-posts"><a href="https://cobe.vcu.edu/2017/08/29/" title="August 29, 2017" data-date="2017-8-29">29</a></span><span class="day has-posts"><a href="https://cobe.vcu.edu/2017/08/30/" title="August 30, 2017" data-date="2017-8-30">30</a></span>
<span
class="day">31</span><span class="day noday"> </span><span class="day noday"> </span><span class="day noday last"> </span></div>
<div class="week-row">
<span class="day noday"> </span><span class="day noday"> </span><span class="day noday"> </span><span class="day noday"> </span><span class="day noday"> </span><span class="day noday"> </span><span class="day noday last"> </span></div>
<div class="week-row">
</div>
</div>
<div class="year 6 2017" rel="7">
<div class="week-row"><span class="day noday"> </span><span class="day noday"> </span><span class="day noday"> </span><span class="day">1</span><span class="day">2</span><span class="day">3</span><span class="day last">4</span></div>
<div class="week-row">
<span class="day">5</span><span class="day">6</span><span class="day">7</span><span class="day">8</span><span class="day">9</span><span class="day">10</span><span class="day last">11</span></div>
<div class="week-row">
<span class="day">12</span><span class="day">13</span><span class="day">14</span><span class="day">15</span><span class="day has-posts"><a href="https://cobe.vcu.edu/2017/06/16/" title="June 16, 2017" data-date="2017-6-16">16</a></span>
<span
class="day">17</span><span class="day last">18</span></div>
<div class="week-row">
<span class="day">19</span><span class="day">20</span><span class="day">21</span><span class="day">22</span><span class="day">23</span><span class="day">24</span><span class="day last">25</span></div>
<div class="week-row">
<span class="day">26</span><span class="day">27</span><span class="day">28</span><span class="day">29</span><span class="day">30</span><span class="day noday"> </span><span class="day noday last"> </span></div>
<div class="week-row">
<span class="day noday"> </span><span class="day noday"> </span><span class="day noday"> </span><span class="day noday"> </span><span class="day noday"> </span><span class="day noday"> </span><span class="day noday last"> </span></div>
<div class="week-row">
</div>
</div>
<div class="year 5 2017" rel="8">
<div class="week-row"><span class="day has-posts"><a href="https://cobe.vcu.edu/2017/05/01/" title="May 1, 2017" data-date="2017-5-1">1</a></span><span class="day">2</span><span class="day">3</span><span class="day">4</span><span class="day">5</span><span class="day">6</span>
<span
class="day last">7</span>
</div>
<div class="week-row">
<span class="day has-posts"><a href="https://cobe.vcu.edu/2017/05/08/" title="May 8, 2017" data-date="2017-5-8">8</a></span><span class="day">9</span><span class="day">10</span><span class="day">11</span><span class="day">12</span><span class="day">13</span>
<span
class="day last">14</span>
</div>
<div class="week-row">
<span class="day">15</span><span class="day">16</span><span class="day">17</span><span class="day">18</span><span class="day">19</span><span class="day">20</span><span class="day last">21</span></div>
<div class="week-row">
<span class="day">22</span><span class="day">23</span><span class="day">24</span><span class="day">25</span><span class="day">26</span><span class="day">27</span><span class="day last">28</span></div>
<div class="week-row">
<span class="day">29</span><span class="day">30</span><span class="day">31</span><span class="day noday"> </span><span class="day noday"> </span><span class="day noday"> </span><span class="day noday last"> </span></div>
<div class="week-row">
<span class="day noday"> </span><span class="day noday"> </span><span class="day noday"> </span><span class="day noday"> </span><span class="day noday"> </span><span class="day noday"> </span><span class="day noday last"> </span></div>
<div class="week-row">
</div>
</div>
<div class="year 4 2017" rel="9">
<div class="week-row"><span class="day noday"> </span><span class="day noday"> </span><span class="day noday"> </span><span class="day noday"> </span><span class="day noday"> </span><span class="day">1</span><span class="day last">2</span></div>
<div class="week-row">
<span class="day">3</span><span class="day">4</span><span class="day">5</span><span class="day">6</span><span class="day has-posts"><a href="https://cobe.vcu.edu/2017/04/07/" title="April 7, 2017" data-date="2017-4-7">7</a></span><span class="day">8</span>
<span
class="day last">9</span>
</div>
<div class="week-row">
<span class="day">10</span><span class="day has-posts"><a href="https://cobe.vcu.edu/2017/04/11/" title="April 11, 2017" data-date="2017-4-11">11</a></span><span class="day">12</span><span class="day">13</span><span class="day">14</span>
<span
class="day">15</span><span class="day last">16</span></div>
<div class="week-row">
<span class="day">17</span><span class="day">18</span><span class="day">19</span><span class="day">20</span><span class="day">21</span><span class="day">22</span><span class="day last">23</span></div>
<div class="week-row">
<span class="day">24</span><span class="day has-posts"><a href="https://cobe.vcu.edu/2017/04/25/" title="April 25, 2017" data-date="2017-4-25">25</a></span><span class="day has-posts"><a href="https://cobe.vcu.edu/2017/04/26/" title="April 26, 2017" data-date="2017-4-26">26</a></span>
<span
class="day has-posts"><a href="https://cobe.vcu.edu/2017/04/27/" title="April 27, 2017" data-date="2017-4-27">27</a></span><span class="day">28</span><span class="day">29</span><span class="day last">30</span></div>
<div class="week-row">
<span class="day noday"> </span><span class="day noday"> </span><span class="day noday"> </span><span class="day noday"> </span><span class="day noday"> </span><span class="day noday"> </span><span class="day noday last"> </span></div>
<div class="week-row">
</div>
</div>
<div class="year 3 2017" rel="10">
<div class="week-row"><span class="day noday"> </span><span class="day noday"> </span><span class="day">1</span><span class="day">2</span><span class="day">3</span><span class="day">4</span><span class="day last">5</span></div>
<div class="week-row">
<span class="day">6</span><span class="day has-posts"><a href="https://cobe.vcu.edu/2017/03/07/" title="March 7, 2017" data-date="2017-3-7">7</a></span><span class="day">8</span><span class="day">9</span><span class="day has-posts"><a href="https://cobe.vcu.edu/2017/03/10/" title="March 10, 2017" data-date="2017-3-10">10</a></span>
<span
class="day">11</span><span class="day last">12</span></div>
<div class="week-row">
<span class="day">13</span><span class="day">14</span><span class="day">15</span><span class="day has-posts"><a href="https://cobe.vcu.edu/2017/03/16/" title="March 16, 2017" data-date="2017-3-16">16</a></span><span class="day has-posts"><a href="https://cobe.vcu.edu/2017/03/17/" title="March 17, 2017" data-date="2017-3-17">17</a></span>
<span
class="day">18</span><span class="day last">19</span></div>
<div class="week-row">
<span class="day">20</span><span class="day">21</span><span class="day has-posts"><a href="https://cobe.vcu.edu/2017/03/22/" title="March 22, 2017" data-date="2017-3-22">22</a></span><span class="day">23</span><span class="day has-posts"><a href="https://cobe.vcu.edu/2017/03/24/" title="March 24, 2017" data-date="2017-3-24">24</a></span>
<span
class="day">25</span><span class="day last">26</span></div>
<div class="week-row">
<span class="day has-posts"><a href="https://cobe.vcu.edu/2017/03/27/" title="March 27, 2017" data-date="2017-3-27">27</a></span><span class="day has-posts"><a href="https://cobe.vcu.edu/2017/03/28/" title="March 28, 2017" data-date="2017-3-28">28</a></span>
<span
class="day">29</span><span class="day">30</span><span class="day">31</span><span class="day noday"> </span><span class="day noday last"> </span></div>
<div class="week-row">
<span class="day noday"> </span><span class="day noday"> </span><span class="day noday"> </span><span class="day noday"> </span><span class="day noday"> </span><span class="day noday"> </span><span class="day noday last"> </span></div>
<div class="week-row">
</div>
</div>
<div class="year 2 2017" rel="11">
<div class="week-row"><span class="day noday"> </span><span class="day noday"> </span><span class="day">1</span><span class="day has-posts"><a href="https://cobe.vcu.edu/2017/02/02/" title="February 2, 2017" data-date="2017-2-2">2</a></span><span class="day">3</span>
<span
class="day">4</span><span class="day last">5</span></div>
<div class="week-row">
<span class="day">6</span><span class="day has-posts"><a href="https://cobe.vcu.edu/2017/02/07/" title="February 7, 2017" data-date="2017-2-7">7</a></span><span class="day">8</span><span class="day has-posts"><a href="https://cobe.vcu.edu/2017/02/09/" title="February 9, 2017" data-date="2017-2-9">9</a></span>
<span
class="day">10</span><span class="day">11</span><span class="day last">12</span></div>
<div class="week-row">
<span class="day">13</span><span class="day has-posts"><a href="https://cobe.vcu.edu/2017/02/14/" title="February 14, 2017" data-date="2017-2-14">14</a></span><span class="day">15</span><span class="day">16</span><span class="day">17</span>
<span
class="day">18</span><span class="day last">19</span></div>
<div class="week-row">
<span class="day has-posts"><a href="https://cobe.vcu.edu/2017/02/20/" title="February 20, 2017" data-date="2017-2-20">20</a></span><span class="day">21</span><span class="day">22</span><span class="day has-posts"><a href="https://cobe.vcu.edu/2017/02/23/" title="February 23, 2017" data-date="2017-2-23">23</a></span>
<span
class="day">24</span><span class="day">25</span><span class="day last">26</span></div>
<div class="week-row">
<span class="day">27</span><span class="day has-posts"><a href="https://cobe.vcu.edu/2017/02/28/" title="February 28, 2017" data-date="2017-2-28">28</a></span><span class="day noday"> </span><span class="day noday"> </span>
<span
class="day noday"> </span><span class="day noday"> </span><span class="day noday last"> </span></div>
<div class="week-row">
<span class="day noday"> </span><span class="day noday"> </span><span class="day noday"> </span><span class="day noday"> </span><span class="day noday"> </span><span class="day noday"> </span><span class="day noday last"> </span></div>
<div class="week-row">
</div>
</div>
<div class="year 1 2017" rel="12">
<div class="week-row"><span class="day noday"> </span><span class="day noday"> </span><span class="day noday"> </span><span class="day noday"> </span><span class="day noday"> </span><span class="day noday"> </span><span class="day last">1</span></div>
<div class="week-row">
<span class="day">2</span><span class="day">3</span><span class="day">4</span><span class="day">5</span><span class="day">6</span><span class="day">7</span><span class="day last">8</span></div>
<div class="week-row">
<span class="day">9</span><span class="day has-posts"><a href="https://cobe.vcu.edu/2017/01/10/" title="January 10, 2017" data-date="2017-1-10">10</a></span><span class="day">11</span><span class="day has-posts"><a href="https://cobe.vcu.edu/2017/01/12/" title="January 12, 2017" data-date="2017-1-12">12</a></span>
<span
class="day">13</span><span class="day">14</span><span class="day last">15</span></div>
<div class="week-row">
<span class="day">16</span><span class="day has-posts"><a href="https://cobe.vcu.edu/2017/01/17/" title="January 17, 2017" data-date="2017-1-17">17</a></span><span class="day">18</span><span class="day has-posts"><a href="https://cobe.vcu.edu/2017/01/19/" title="January 19, 2017" data-date="2017-1-19">19</a></span>
<span
class="day">20</span><span class="day">21</span><span class="day last">22</span></div>
<div class="week-row">
<span class="day">23</span><span class="day">24</span><span class="day">25</span><span class="day has-posts"><a href="https://cobe.vcu.edu/2017/01/26/" title="January 26, 2017" data-date="2017-1-26">26</a></span><span class="day">27</span>
<span
class="day">28</span><span class="day last">29</span></div>
<div class="week-row">
<span class="day">30</span><span class="day">31</span><span class="day noday"> </span><span class="day noday"> </span><span class="day noday"> </span><span class="day noday"> </span><span class="day noday last"> </span></div>
<div class="week-row">
</div>
</div>
<div class="year 12 2016" rel="13">
<div class="week-row"><span class="day noday"> </span><span class="day noday"> </span><span class="day noday"> </span><span class="day">1</span><span class="day">2</span><span class="day">3</span><span class="day last">4</span></div>
<div class="week-row">
<span class="day has-posts"><a href="https://cobe.vcu.edu/2016/12/05/" title="December 5, 2016" data-date="2016-12-5">5</a></span><span class="day">6</span><span class="day">7</span><span class="day has-posts"><a href="https://cobe.vcu.edu/2016/12/08/" title="December 8, 2016" data-date="2016-12-8">8</a></span>
<span
class="day">9</span><span class="day">10</span><span class="day last">11</span></div>
<div class="week-row">
<span class="day">12</span><span class="day has-posts"><a href="https://cobe.vcu.edu/2016/12/13/" title="December 13, 2016" data-date="2016-12-13">13</a></span><span class="day has-posts"><a href="https://cobe.vcu.edu/2016/12/14/" title="December 14, 2016" data-date="2016-12-14">14</a></span>
<span
class="day">15</span><span class="day">16</span><span class="day">17</span><span class="day last">18</span></div>
<div class="week-row">
<span class="day">19</span><span class="day">20</span><span class="day">21</span><span class="day">22</span><span class="day">23</span><span class="day">24</span><span class="day last">25</span></div>
<div class="week-row">
<span class="day">26</span><span class="day">27</span><span class="day">28</span><span class="day">29</span><span class="day">30</span><span class="day">31</span><span class="day noday last"> </span></div>
<div class="week-row">
<span class="day noday"> </span><span class="day noday"> </span><span class="day noday"> </span><span class="day noday"> </span><span class="day noday"> </span><span class="day noday"> </span><span class="day noday last"> </span></div>
<div class="week-row">
</div>
</div>
<div class="year 11 2016" rel="14">
<div class="week-row"><span class="day noday"> </span><span class="day">1</span><span class="day">2</span><span class="day has-posts"><a href="https://cobe.vcu.edu/2016/11/03/" title="November 3, 2016" data-date="2016-11-3">3</a></span><span class="day">4</span>
<span
class="day">5</span><span class="day last">6</span></div>
<div class="week-row">
<span class="day has-posts"><a href="https://cobe.vcu.edu/2016/11/07/" title="November 7, 2016" data-date="2016-11-7">7</a></span><span class="day has-posts"><a href="https://cobe.vcu.edu/2016/11/08/" title="November 8, 2016" data-date="2016-11-8">8</a></span>
<span
class="day">9</span><span class="day">10</span><span class="day">11</span><span class="day">12</span><span class="day last">13</span></div>
<div class="week-row">
<span class="day">14</span><span class="day has-posts"><a href="https://cobe.vcu.edu/2016/11/15/" title="November 15, 2016" data-date="2016-11-15">15</a></span><span class="day">16</span><span class="day has-posts"><a href="https://cobe.vcu.edu/2016/11/17/" title="November 17, 2016" data-date="2016-11-17">17</a></span>
<span
class="day">18</span><span class="day">19</span><span class="day last">20</span></div>
<div class="week-row">
<span class="day">21</span><span class="day has-posts"><a href="https://cobe.vcu.edu/2016/11/22/" title="November 22, 2016" data-date="2016-11-22">22</a></span><span class="day">23</span><span class="day">24</span><span class="day">25</span>
<span
class="day">26</span><span class="day last">27</span></div>
<div class="week-row">
<span class="day has-posts"><a href="https://cobe.vcu.edu/2016/11/28/" title="November 28, 2016" data-date="2016-11-28">28</a></span><span class="day has-posts"><a href="https://cobe.vcu.edu/2016/11/29/" title="November 29, 2016" data-date="2016-11-29">29</a></span>
<span
class="day">30</span><span class="day noday"> </span><span class="day noday"> </span><span class="day noday"> </span><span class="day noday last"> </span></div>
<div class="week-row">
<span class="day noday"> </span><span class="day noday"> </span><span class="day noday"> </span><span class="day noday"> </span><span class="day noday"> </span><span class="day noday"> </span><span class="day noday last"> </span></div>
<div class="week-row">
</div>
</div>
<div class="year 10 2016" rel="15">
<div class="week-row"><span class="day noday"> </span><span class="day noday"> </span><span class="day noday"> </span><span class="day noday"> </span><span class="day noday"> </span><span class="day">1</span><span class="day last">2</span></div>
<div class="week-row">
<span class="day">3</span><span class="day">4</span><span class="day has-posts"><a href="https://cobe.vcu.edu/2016/10/05/" title="October 5, 2016" data-date="2016-10-5">5</a></span><span class="day has-posts"><a href="https://cobe.vcu.edu/2016/10/06/" title="October 6, 2016" data-date="2016-10-6">6</a></span>
<span
class="day">7</span><span class="day">8</span><span class="day last">9</span></div>
<div class="week-row">
<span class="day">10</span><span class="day has-posts"><a href="https://cobe.vcu.edu/2016/10/11/" title="October 11, 2016" data-date="2016-10-11">11</a></span><span class="day">12</span><span class="day">13</span><span class="day">14</span>
<span
class="day">15</span><span class="day last">16</span></div>
<div class="week-row">
<span class="day">17</span><span class="day has-posts"><a href="https://cobe.vcu.edu/2016/10/18/" title="October 18, 2016" data-date="2016-10-18">18</a></span><span class="day">19</span><span class="day has-posts"><a href="https://cobe.vcu.edu/2016/10/20/" title="October 20, 2016" data-date="2016-10-20">20</a></span>
<span
class="day">21</span><span class="day">22</span><span class="day last">23</span></div>
<div class="week-row">
<span class="day">24</span><span class="day has-posts"><a href="https://cobe.vcu.edu/2016/10/25/" title="October 25, 2016" data-date="2016-10-25">25</a></span><span class="day">26</span><span class="day">27</span><span class="day">28</span>
<span
class="day">29</span><span class="day last">30</span></div>
<div class="week-row">
<span class="day">31</span><span class="day noday"> </span><span class="day noday"> </span><span class="day noday"> </span><span class="day noday"> </span><span class="day noday"> </span><span class="day noday last"> </span></div>
<div class="week-row">
</div>
</div>
<div class="year 9 2016" rel="16">
<div class="week-row"><span class="day noday"> </span><span class="day noday"> </span><span class="day noday"> </span><span class="day">1</span><span class="day">2</span><span class="day">3</span><span class="day last">4</span></div>
<div class="week-row">
<span class="day">5</span><span class="day has-posts"><a href="https://cobe.vcu.edu/2016/09/06/" title="September 6, 2016" data-date="2016-9-6">6</a></span><span class="day">7</span><span class="day has-posts"><a href="https://cobe.vcu.edu/2016/09/08/" title="September 8, 2016" data-date="2016-9-8">8</a></span>
<span
class="day">9</span><span class="day">10</span><span class="day last">11</span></div>
<div class="week-row">
<span class="day">12</span><span class="day has-posts"><a href="https://cobe.vcu.edu/2016/09/13/" title="September 13, 2016" data-date="2016-9-13">13</a></span><span class="day">14</span><span class="day">15</span><span class="day">16</span>
<span
class="day">17</span><span class="day last">18</span></div>
<div class="week-row">
<span class="day">19</span><span class="day has-posts"><a href="https://cobe.vcu.edu/2016/09/20/" title="September 20, 2016" data-date="2016-9-20">20</a></span><span class="day">21</span><span class="day has-posts"><a href="https://cobe.vcu.edu/2016/09/22/" title="September 22, 2016" data-date="2016-9-22">22</a></span>
<span
class="day">23</span><span class="day">24</span><span class="day last">25</span></div>
<div class="week-row">
<span class="day">26</span><span class="day has-posts"><a href="https://cobe.vcu.edu/2016/09/27/" title="September 27, 2016" data-date="2016-9-27">27</a></span><span class="day">28</span><span class="day">29</span><span class="day">30</span>
<span
class="day noday"> </span><span class="day noday last"> </span></div>
<div class="week-row">
<span class="day noday"> </span><span class="day noday"> </span><span class="day noday"> </span><span class="day noday"> </span><span class="day noday"> </span><span class="day noday"> </span><span class="day noday last"> </span></div>
<div class="week-row">
</div>
</div>
<div class="year 8 2016" rel="17">
<div class="week-row"><span class="day">1</span><span class="day">2</span><span class="day">3</span><span class="day">4</span><span class="day">5</span><span class="day">6</span><span class="day last">7</span></div>
<div class="week-row">
<span class="day">8</span><span class="day">9</span><span class="day">10</span><span class="day">11</span><span class="day">12</span><span class="day">13</span><span class="day last">14</span></div>
<div class="week-row">
<span class="day">15</span><span class="day">16</span><span class="day">17</span><span class="day">18</span><span class="day">19</span><span class="day">20</span><span class="day last">21</span></div>
<div class="week-row">
<span class="day">22</span><span class="day">23</span><span class="day">24</span><span class="day">25</span><span class="day">26</span><span class="day">27</span><span class="day last">28</span></div>
<div class="week-row">
<span class="day">29</span><span class="day has-posts"><a href="https://cobe.vcu.edu/2016/08/30/" title="August 30, 2016" data-date="2016-8-30">30</a></span><span class="day">31</span><span class="day noday"> </span><span class="day noday"> </span>
<span
class="day noday"> </span><span class="day noday last"> </span></div>
<div class="week-row">
<span class="day noday"> </span><span class="day noday"> </span><span class="day noday"> </span><span class="day noday"> </span><span class="day noday"> </span><span class="day noday"> </span><span class="day noday last"> </span></div>
<div class="week-row">
</div>
</div>
<div class="year 6 2016" rel="18">
<div class="week-row"><span class="day noday"> </span><span class="day noday"> </span><span class="day">1</span><span class="day">2</span><span class="day">3</span><span class="day">4</span><span class="day last">5</span></div>
<div class="week-row">
<span class="day">6</span><span class="day">7</span><span class="day">8</span><span class="day">9</span><span class="day">10</span><span class="day">11</span><span class="day last">12</span></div>
<div class="week-row">
<span class="day">13</span><span class="day">14</span><span class="day">15</span><span class="day">16</span><span class="day">17</span><span class="day">18</span><span class="day last">19</span></div>
<div class="week-row">
<span class="day">20</span><span class="day">21</span><span class="day">22</span><span class="day">23</span><span class="day has-posts"><a href="https://cobe.vcu.edu/2016/06/24/" title="June 24, 2016" data-date="2016-6-24">24</a></span>
<span
class="day">25</span><span class="day last">26</span></div>
<div class="week-row">
<span class="day">27</span><span class="day">28</span><span class="day">29</span><span class="day">30</span><span class="day noday"> </span><span class="day noday"> </span><span class="day noday last"> </span></div>
<div class="week-row">
<span class="day noday"> </span><span class="day noday"> </span><span class="day noday"> </span><span class="day noday"> </span><span class="day noday"> </span><span class="day noday"> </span><span class="day noday last"> </span></div>
<div class="week-row">
</div>
</div>
<div class="year 4 2016" rel="19">
<div class="week-row"><span class="day noday"> </span><span class="day noday"> </span><span class="day noday"> </span><span class="day noday"> </span><span class="day">1</span><span class="day">2</span><span class="day last">3</span></div>
<div class="week-row">
<span class="day">4</span><span class="day">5</span><span class="day">6</span><span class="day">7</span><span class="day">8</span><span class="day">9</span><span class="day last">10</span></div>
<div class="week-row">
<span class="day">11</span><span class="day">12</span><span class="day">13</span><span class="day">14</span><span class="day">15</span><span class="day">16</span><span class="day last">17</span></div>
<div class="week-row">
<span class="day">18</span><span class="day has-posts"><a href="https://cobe.vcu.edu/2016/04/19/" title="April 19, 2016" data-date="2016-4-19">19</a></span><span class="day">20</span><span class="day">21</span><span class="day">22</span>
<span
class="day">23</span><span class="day last">24</span></div>
<div class="week-row">
<span class="day">25</span><span class="day">26</span><span class="day">27</span><span class="day">28</span><span class="day">29</span><span class="day">30</span><span class="day noday last"> </span></div>
<div class="week-row">
<span class="day noday"> </span><span class="day noday"> </span><span class="day noday"> </span><span class="day noday"> </span><span class="day noday"> </span><span class="day noday"> </span><span class="day noday last"> </span></div>
<div class="week-row">
</div>
</div>
<div class="year 3 2016" rel="20">
<div class="week-row"><span class="day noday"> </span><span class="day">1</span><span class="day">2</span><span class="day">3</span><span class="day">4</span><span class="day">5</span><span class="day last">6</span></div>
<div class="week-row">
<span class="day">7</span><span class="day has-posts"><a href="https://cobe.vcu.edu/2016/03/08/" title="March 8, 2016" data-date="2016-3-8">8</a></span><span class="day">9</span><span class="day">10</span><span class="day">11</span><span class="day">12</span>
<span
class="day last">13</span>
</div>
<div class="week-row">
<span class="day">14</span><span class="day">15</span><span class="day has-posts"><a href="https://cobe.vcu.edu/2016/03/16/" title="March 16, 2016" data-date="2016-3-16">16</a></span><span class="day">17</span><span class="day">18</span>
<span
class="day">19</span><span class="day last">20</span></div>
<div class="week-row">
<span class="day has-posts"><a href="https://cobe.vcu.edu/2016/03/21/" title="March 21, 2016" data-date="2016-3-21">21</a></span><span class="day">22</span><span class="day">23</span><span class="day">24</span><span class="day">25</span>
<span
class="day">26</span><span class="day last">27</span></div>
<div class="week-row">
<span class="day">28</span><span class="day">29</span><span class="day">30</span><span class="day">31</span><span class="day noday"> </span><span class="day noday"> </span><span class="day noday last"> </span></div>
<div class="week-row">
<span class="day noday"> </span><span class="day noday"> </span><span class="day noday"> </span><span class="day noday"> </span><span class="day noday"> </span><span class="day noday"> </span><span class="day noday last"> </span></div>
<div class="week-row">
</div>
</div>
<div class="year 1 2016" rel="21">
<div class="week-row"><span class="day noday"> </span><span class="day noday"> </span><span class="day noday"> </span><span class="day noday"> </span><span class="day">1</span><span class="day">2</span><span class="day last">3</span></div>
<div class="week-row">
<span class="day">4</span><span class="day">5</span><span class="day">6</span><span class="day">7</span><span class="day">8</span><span class="day">9</span><span class="day last">10</span></div>
<div class="week-row">
<span class="day">11</span><span class="day">12</span><span class="day">13</span><span class="day">14</span><span class="day">15</span><span class="day">16</span><span class="day last">17</span></div>
<div class="week-row">
<span class="day">18</span><span class="day has-posts"><a href="https://cobe.vcu.edu/2016/01/19/" title="January 19, 2016" data-date="2016-1-19">19</a></span><span class="day">20</span><span class="day">21</span><span class="day">22</span>
<span
class="day">23</span><span class="day last">24</span></div>
<div class="week-row">
<span class="day">25</span><span class="day">26</span><span class="day">27</span><span class="day">28</span><span class="day">29</span><span class="day">30</span><span class="day last">31</span></div>
<div class="week-row">
<span class="day noday"> </span><span class="day noday"> </span><span class="day noday"> </span><span class="day noday"> </span><span class="day noday"> </span><span class="day noday"> </span><span class="day noday last"> </span></div>
<div class="week-row">
</div>
</div>
<div class="year 11 2015 last" rel="22">
<div class="week-row"><span class="day noday"> </span><span class="day noday"> </span><span class="day noday"> </span><span class="day noday"> </span><span class="day noday"> </span><span class="day noday"> </span><span class="day last">1</span></div>
<div class="week-row">
<span class="day">2</span><span class="day has-posts"><a href="https://cobe.vcu.edu/2015/11/03/" title="November 3, 2015" data-date="2015-11-3">3</a></span><span class="day has-posts"><a href="https://cobe.vcu.edu/2015/11/04/" title="November 4, 2015" data-date="2015-11-4">4</a></span>
<span
class="day">5</span><span class="day">6</span><span class="day">7</span><span class="day last">8</span></div>
<div class="week-row">
<span class="day has-posts"><a href="https://cobe.vcu.edu/2015/11/09/" title="November 9, 2015" data-date="2015-11-9">9</a></span><span class="day">10</span><span class="day">11</span><span class="day has-posts"><a href="https://cobe.vcu.edu/2015/11/12/" title="November 12, 2015" data-date="2015-11-12">12</a></span>
<span
class="day">13</span><span class="day">14</span><span class="day last">15</span></div>
<div class="week-row">
<span class="day">16</span><span class="day">17</span><span class="day">18</span><span class="day">19</span><span class="day">20</span><span class="day">21</span><span class="day last">22</span></div>
<div class="week-row">
<span class="day">23</span><span class="day">24</span><span class="day">25</span><span class="day">26</span><span class="day">27</span><span class="day">28</span><span class="day last">29</span></div>
<div class="week-row">
<span class="day">30</span><span class="day noday"> </span><span class="day noday"> </span><span class="day noday"> </span><span class="day noday"> </span><span class="day noday"> </span><span class="day noday last"> </span></div>
<div class="week-row">
</div>
</div>
</div>
</div>
<!-- END - Archives Calendar Widget by Aleksei Polechin - alek´ - http://alek.be -->
</div>
</div>
/*make it easy to see when they get replaced*/
div.widgettitle {
background-color: red;
}
h4.widgettitle {
background-color: blue;
color: #fff;
}
// if (document.getElementById("tag_cloud-2")) {
// let tags = document.getElementById("tag_cloud-2");
// let div = document.createElement("div");
// div.innerHTML = "Tags";
// div.classList.add("widgettitle");
// tags.replaceChild(div, tags.querySelector('h4'));
// }
function replaceWidgetTitles(id,text){
if (document.getElementById(id)) {
let widget = document.getElementById(id);
let newTitle = document.createElement("div");
newTitle.innerHTML = text;
newTitle.classList.add("widgettitle");
widget.replaceChild(newTitle, widget.querySelector('h4'));
}
}
replaceWidgetTitles('tag_cloud-2','Tags')
replaceWidgetTitles('recent-posts-2','Recent Posts')
replaceWidgetTitles('wpp-2','Popular Posts')
replaceWidgetTitles('archives_calendar-2','Archives')
Also see: Tab Triggers