diff --git a/src/patterns/03-layouts/ofis/_ofis-profile.scss b/src/patterns/03-layouts/ofis/_ofis-profile.scss index 7154d9c5ba794b63d8ca40263e35c828fbeb1045..35f111786d0e162fb06fea5b6ee539ceafc422dc 100644 --- a/src/patterns/03-layouts/ofis/_ofis-profile.scss +++ b/src/patterns/03-layouts/ofis/_ofis-profile.scss @@ -48,4 +48,20 @@ @media(min-width: $screen-lg) { width: 50%; } + + & > .ofis-video__link { + padding: 1rem; + text-align: center; + + a { + font-family: var(--font-systemmedium); + font-size: var(--font-size-0); + text-decoration: underline; + + &:hover { + text-decoration: none; + } + } + + } } diff --git a/src/patterns/03-layouts/ofis/ofis-profile.twig b/src/patterns/03-layouts/ofis/ofis-profile.twig index a7249e109d5225ede660dbe9888b082aee7f92c7..82d4f0a078d5a99536640f22ea85eff527553894 100644 --- a/src/patterns/03-layouts/ofis/ofis-profile.twig +++ b/src/patterns/03-layouts/ofis/ofis-profile.twig @@ -48,6 +48,9 @@ allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe> + <div class="ofis-video__link"> + <a href="{{ ofis_data.profile.video }}">Watch on Youtube</a> + </div> {% endif %} {% endif %} </div>