icons

assets/sass/_theme/_configuration.sass

@@ -275,39 +275,60 @@ $breadcrumb-icon-color: var(--color-text-alt) !default
 // Icons
 $icons: ()
 $icons: map-merge($icons, ("arrow": "\ff01"))
+$icons: map-merge($icons, ("arrow-raw": "\e93a"))
 $icons: map-merge($icons, ("arrow-first": "\e906"))
 $icons: map-merge($icons, ("arrow-last": "\e907"))
 $icons: map-merge($icons, ("arrow-left": "\ff02"))
+$icons: map-merge($icons, ("arrow-left-raw": "\e938"))
 $icons: map-merge($icons, ("arrow-next": "\e909"))
 $icons: map-merge($icons, ("arrow-previous": "\e908"))
 $icons: map-merge($icons, ("arrow-right": "\ff00"))
+$icons: map-merge($icons, ("arrow-right-raw": "\e939"))
+$icons: map-merge($icons, ("arrow-alt": "\e931"))
+$icons: map-merge($icons, ("arrow-alt-raw": "\e936"))
 $icons: map-merge($icons, ("burger": "\e902"))
 $icons: map-merge($icons, ("burger-close": "\e905"))
 $icons: map-merge($icons, ("caret": "\e904"))
+$icons: map-merge($icons, ("caret-raw": "\e940"))
+$icons: map-merge($icons, ("caret-bottom": "\e911"))
+$icons: map-merge($icons, ("caret-bottom-raw": "\e944"))
+$icons: map-merge($icons, ("caret-left": "\e912"))
+$icons: map-merge($icons, ("caret-left-raw": "\e942"))
 $icons: map-merge($icons, ("caret-top": "\e914"))
+$icons: map-merge($icons, ("caret-top-raw": "\e941"))
 $icons: map-merge($icons, ("caret-right": "\e913"))
-$icons: map-merge($icons, ("caret-left": "\e912"))
-$icons: map-merge($icons, ("caret-bottom": "\e911"))
+$icons: map-merge($icons, ("caret-right-raw": "\e943"))
 $icons: map-merge($icons, ("check": "\ff06"))
 $icons: map-merge($icons, ("check-inline": "\ff07"))
+$icons: map-merge($icons, ("check-inline-raw": "\e945"))
 $icons: map-merge($icons, ("close": "\e90e"))
 $icons: map-merge($icons, ("copy": "\ff03"))
+$icons: map-merge($icons, ("copy-raw": "\e946"))
 $icons: map-merge($icons, ("copy-inline": "\ff04"))
 $icons: map-merge($icons, ("download": "\e900"))
 $icons: map-merge($icons, ("download-inline": "\e92f"))
+$icons: map-merge($icons, ("download-raw": "\e937"))
 $icons: map-merge($icons, ("eye": "\e901"))
 $icons: map-merge($icons, ("facebook": "\e90b"))
+$icons: map-merge($icons, ("facebook-raw": "\e93e"))
 $icons: map-merge($icons, ("globe": "\ff10"))
+$icons: map-merge($icons, ("globe-raw": "\e934"))
 $icons: map-merge($icons, ("instagram": "\e90a"))
+$icons: map-merge($icons, ("instagram-raw": "\e93b"))
 $icons: map-merge($icons, ("link-blank": "\e903"))
 $icons: map-merge($icons, ("link-blank-block": "\ff05"))
+$icons: map-merge($icons, ("link-blank-raw": "\e932"))
 $icons: map-merge($icons, ("linkedin": "\e90c"))
+$icons: map-merge($icons, ("linkedin-raw": "\e93c"))
 $icons: map-merge($icons, ("list-hyphen": "\e917"))
+$icons: map-merge($icons, ("list-hyphen-raw": "\e93f"))
 $icons: map-merge($icons, ("pause": "\e90f"))
 $icons: map-merge($icons, ("play": "\e910"))
 $icons: map-merge($icons, ("search": "\e916"))
 $icons: map-merge($icons, ("search-inline": "\ee13"))
+$icons: map-merge($icons, ("search-raw": "\e933"))
 $icons: map-merge($icons, ("social": "\e915"))
+$icons: map-merge($icons, ("social-raw": "\e935"))
 $icons: map-merge($icons, ("social-inline": "\e92e"))
 $icons: map-merge($icons, ("social-facebook": "\ee01"))
 $icons: map-merge($icons, ("social-instagram": "\ee02"))
@@ -323,6 +344,7 @@ $icons: map-merge($icons, ("social-github": "\ee10"))
 $icons: map-merge($icons, ("social-email": "\ee11"))
 $icons: map-merge($icons, ("toc": "\e918"))
 $icons: map-merge($icons, ("twitter": "\e90d"))
+$icons: map-merge($icons, ("twitter-raw": "\e90d"))
 $icons: map-merge($icons, ("whatsapp": "\e919"))
 $icons: map-merge($icons, ("email": "\e920"))
 $icons: map-merge($icons, ("telegram": "\e921"))

assets/sass/_theme/design-system/button.sass

@@ -57,18 +57,6 @@
             border-color: transparent
             color: var(--color-background)
 
-
-// TODO: check usage in journal
-.link-btn
-    @extend .button
-    @include media-breakpoint-up(desktop)
-        padding: $spacing-2
-    &[target="_blank"]:not(.icon)
-        display: flex
-        justify-content: space-between
-        align-items: center
-        @include icon-block(link-blank-block, after)
-
 @mixin link-icon($icon: false)
     @include button-reset
     line-height: $body-line-height
@@ -86,6 +74,9 @@
     @if $icon
         @include icon($icon, after)
 
+a.btn[target="_blank"]
+    @include button-icon(link-blank-raw)
+
 .dropdown-share
     position: relative
     .dropdown-menu

assets/sass/_theme/sections/programs.sass

@@ -25,10 +25,9 @@ ol.programs
         .document-content
             .lead
                 font-family: $lead-font-family
+                font-size: var(--lead-size)
                 font-weight: $lead-weight
-                line-height: $lead-line-height
-                @include media-breakpoint-up(desktop)
-                    font-size: $lead-size-desktop
+                line-height: var(--lead-line-height)
 
     ol.programs
         margin-bottom: $spacing-5
@@ -36,13 +35,11 @@ ol.programs
             line-height: 1
 
     .document-content
-        @include media-breakpoint-up(desktop)
+        .program-summary
+            margin-bottom: $spacing-6
             .lead
-                padding-bottom: $spacing-4
-            .program-heading
-                margin-bottom: $spacing-6
-                .lead
-                    margin-bottom: 0
+                margin-bottom: $spacing-3
+            
         .content
             padding-bottom: $spacing-4
             section:not(.block) > * + *
@@ -93,15 +90,7 @@ ol.programs
             section:first-of-type
                 .content
                     border-top: none
-    .program-website
-        a
-            @include icon(link-blank, after)
-                font-size: $body-size
-                margin-left: $spacing-1
-                vertical-align: baseline
-                @include media-breakpoint-up(desktop)
-                    font-size: $body-size-desktop
-                
+
     .program-table
         tr
             font-size: unset

layouts/partials/footer/debug.html

@@ -114,7 +114,6 @@
     left: 0;
     pointer-events: none;
     width: 100%;
-    mix-blend-mode: difference;
     opacity: 0.5;
     font-family: sans-serif;
     font-size: 12px;
@@ -131,7 +130,7 @@
   }
   .d-spacing > div {
     width: 100%;
-    border-bottom: 1px solid white;
+    border-bottom: 1px solid var(--color-text);;
     display: block;
     color: white;
     text-indent: 5px;

layouts/partials/header/hero.html

@@ -11,6 +11,8 @@
 {{ $summary := .context.Params.summary | safeHTML }}
 {{ $subtitle_is_summary := false }}
 
+{{ $button := .button | default .context.Params.header_cta }}
+
 {{ if not $subtitle }}
   {{ if and (eq site.Params.summary.position "hero") $summary }}
     {{ $subtitle = $summary }}
@@ -38,7 +40,8 @@
         {{ else }}
           <h1>{{ partial "PrepareHTML" .title }}</h1>
         {{ end }}
-        {{ with .context.Params.header_cta }}
+
+        {{ with $button }}
           {{ if and .display .target .label }}
             <a href="{{ .target }}" class="btn">{{ .label }}</a>
           {{ end }}

layouts/partials/programs/essential.html

 <div class="essential-container" id="#{{ urlize (i18n "programs.toc.essential") }}">
-  {{- if and (eq site.Params.summary.position "hero") .Params.website_url -}}
-    {{- partial "programs/website.html" . -}}
-  {{- end -}}
   <div class="container">
     {{ $parent := .Params.parent }}
     {{- with .Params.diplomas -}}

layouts/partials/programs/hero-single.html

 {{- $title := or .Params.header_text .Title -}}
+{{- $button := false -}}
+{{- if and (eq site.Params.summary.position "hero") .Params.website_url -}}
+  {{ $button = (dict 
+    "display" true
+    "target" .Params.website_url
+    "label" (i18n "programs.website")
+  ) }}
+{{- end -}}
+
 {{ partial "header/hero.html"
       (dict
         "title" $title
         "context" .
+        "button" $button
         "hero_complement" "programs/essential.html"
       )}}

layouts/partials/programs/summary.html

-{{- $has_website := .context.Params.website_url -}}
-
-{{- if eq site.Params.summary.position "content" -}}
-  {{- if and $has_website -}}
-    <div class="program-heading">
-  {{- end -}}
-  {{- partial "commons/summary-in-content.html" . -}}
-  {{- if $has_website -}}
-      {{- partial "programs/website.html" . -}}
-    </div>
-  {{- end -}}
-{{- end -}}
+{{ $summary := .summary | default (.context.Params.summary | safeHTML) }}
+{{ if and (eq site.Params.summary.position "content") $summary }}
+  <div class="container program-summary">
+    <p class="lead" role="heading" aria-level="2">
+      {{ $summary }}
+    </p>
+    {{ if .context.Params.website_url }}
+      <a href="{{- .context.Params.website_url -}}" target="_blank" class="btn">{{ i18n "programs.website" }}</a>
+    {{ end }}
+  </div>
+{{ end }}
\ No newline at end of file