initial commit

newspaper/partials/components/big-card.hbs

@@ -0,0 +1,45 @@
+<div class="big-card">
+    {{#if feature_image}}
+        <a href="{{url}}" class="big-card-image-link hover-image-opacity">                   
+            <figure class="big-card-image-wrapper">
+                <img             
+                    srcset="{{img_url feature_image size="s" format="webp"}} 320w,
+                            {{img_url feature_image size="xm" format="webp"}} 440w,
+                            {{img_url feature_image size="m" format="webp"}} 600w,
+                            {{img_url feature_image size="l" format="webp"}} 960w"
+                    src="{{img_url feature_image size="m"}}"
+                    alt="{{#if feature_image_alt}}{{feature_image_alt}}{{else}}{{title}}{{/if}}"
+                >
+            </figure> 
+        </a>                            
+    {{/if}}
+
+    <small class="small-card-small-text">
+        {{#unless access}}
+            <span class="restricted-access-icon">
+                {{> "icons/lock-icon" }}
+            </span>
+        {{/unless}}
+        
+        {{#primary_tag}}
+            <a href="{{url}}" class="hover-underline">{{name}}</a>
+            <span>&nbsp;&nbsp;-&nbsp;&nbsp;</span>
+        {{/primary_tag}}
+        
+        <span class="small-card-date">
+            {{date published_at format="MMM DD, YYYY"}}  
+        </span>
+    </small>
+ 
+    <a href="{{url}}" class="big-text hover-underline big-card-heading">
+        {{title}}
+    </a>
+
+    <p class="big-card-text three-lines{{#if @custom.use_initials}} initial-paragraph{{/if}} initial-paragraph-reset">
+        {{excerpt}}
+    </p>
+
+    <small class="small-card-bottom-text">
+        {{authors separator=" & " prefix="by "}}
+    </small>
+</div>