<!-- Error rendering component -->
<!-- TypeError: file.split is not a function -->
<!-- Error: TypeError: file.split is not a function
    at /builds/lehigh-drupal/design-systems/college-of-business/node_modules/@frctl/twig/src/adapter.js:156:24
    at new Promise (<anonymous>)
    at TwigAdapter.render (/builds/lehigh-drupal/design-systems/college-of-business/node_modules/@frctl/twig/src/adapter.js:134:16)
    at ComponentSource._renderVariant (/builds/lehigh-drupal/design-systems/college-of-business/node_modules/@frctl/fractal/src/api/components/source.js:212:30)
    at _renderVariant.next (<anonymous>)
    at onFulfilled (/builds/lehigh-drupal/design-systems/college-of-business/node_modules/co/index.js:65:19) -->
{% extends "@story_profile" %}

{% block top %}
  <h1 class="podcast">{{ page_header }}</h1>
  {% if secondary_header %}
    <h2>{{ secondary_header }}</h2>
  {% endif %}
  {% render "@video_banner" %}
  {% render "@spokenlayer_player" %}
  {% render "@podcast_buttons--right_align" %}
{% endblock top %}

{% block main %}
  {{ parent() }}
  {% render "@tags" %}
  {% render "@author_bio" %}
{% endblock main %}

{% block bottom %}
  {% include "@media_section" with {
      media_items: media_items
    }
  %}
{% endblock bottom %}
{
  "share": "yes",
  "blog": "yes",
  "shell_page": "yes",
  "breadcrumb": [
    {
      "url": "#",
      "page_name": "Home",
      "active_link": "yes"
    },
    {
      "url": "#",
      "page_name": "Blog Post Shell"
    }
  ],
  "page_header": "Blog Post Shell Header",
  "secondary_header": "By line",
  "main_content": "<p>This is the content block.</p>",
  "media_items": [
    {
      "img_src": "/images/Hulvat-2017-2.png",
      "media_type": "podcast",
      "box_url": "#",
      "title": "What You Need to Know About the New Tax Law",
      "color": "gold",
      "tags": {
        "1": {
          "tag_name": "Taxes",
          "url": "#"
        }
      }
    },
    {
      "img_src": "/images/Hulvat-2017-2.png",
      "media_type": "videos",
      "box_url": "#",
      "title": "Leadership Insight with Mr. Joseph Perella",
      "color": "brown",
      "tags": [
        {
          "tag_name": "Leadership",
          "url": "#"
        }
      ]
    },
    {
      "img_src": "/images/Hulvat-2017-2.png",
      "media_type": "podcast",
      "box_url": "#",
      "title": "In Marketing, is Co-creation a Double-edged Sword?",
      "color": "teal",
      "tags": [
        {
          "tag_name": "Branding",
          "url": "#"
        },
        {
          "tag_name": "Co-creation",
          "url": "#"
        },
        {
          "tag_name": "Consumers",
          "url": "#"
        }
      ]
    }
  ],
  "icons": [
    {
      "platform_name": "Twitter",
      "additional_tags": "data-title=\"We have a new name!\" data-hashtags=\"CollegeOfBusiness\"",
      "tagline": "Share on Twitter",
      "icon_class": "fab fa-twitter"
    },
    {
      "platform_name": "Facebook",
      "additional_tags": "data-hashtags=\"CollegeOfBusiness\"",
      "tagline": "Share on Facebook",
      "icon_class": "fab fa-facebook-f"
    },
    {
      "platform_name": "LinkedIn",
      "tagline": "Share on LinkedIn",
      "icon_class": "fab fa-linkedin"
    },
    {
      "platform_name": "Email",
      "additional_tags": "data-title=\"We have a new name!\" data-subject=\"We have a new name!\" data-to=\"some@email.com\"",
      "tagline": "Share via Email",
      "icon_class": "fas fa-envelope"
    }
  ]
}
  • Content:
    .shell-wrapper-nonav-blog {
      padding: $space-double;
      background-color: $white;
    
      @media only screen and (min-width: $break-desktop) {
        padding: $space $space-triple $space-triple $space-triple;
      }
    
      main {
        margin: $space-quadruple 0 0 0;
    
        .shell-nonav {
          margin: 0;
    
          @media only screen and (min-width: $break-desktop) {
            margin: 0 $space-sextuple;
          }
        }
      }
    
      .blog--podcast {
        &::before {
          font-family: $font-awesome;
          content: "\f2ce";
          font-size: 2.5rem;
          font-weight: normal;
          margin: 0 $space 0 0;
        }
      }
    }
    
    .media-section {
      &.shell {
        @media only screen and (max-width: $break-mobile) {
          .media-box {
            display: none;
    
            &:first-of-type {
              display: block;
            }
          }
        }
      }
    }
    
  • URL: /components/raw/blog_post/blog_post.scss
  • Filesystem Path: components/04-layouts/13-shells/04-blog_post/blog_post.scss
  • Size: 798 Bytes

No notes defined.