Media Hits

This is a svelte project that creates cards to display information about media stories with a list of media hits below each story. Information is pulled from firebase to generate these cards. These cards display with information like so, with '{}' indicating dynamically generated information:

{mediaHit.title}
{mediaHit.title}

{mediaHit.title}

Attributes

  • data-source - this attribute takes a string as a parameter (case sensitive) and finds a file with that name for data that can be used in place of firebase data. The current options for this are:
    • "{dependency tag of test data}" - uses development data: for testing purposes, not to be used on client end
    • "" - uses firebase data: for client end

Implementation

							
<div 
id="media-hits" 
class="row justify-content-center" 
data-source=""> 
</div>
<script defer="" src="path to build javascript file"></script>

Example