Print

Custom elements visible only in print view.

      
<div style="page-break-after: always; height: 1260px;">
  <div class="d-flex flex-column h-100">
    <div class="d-flex flex-column bg-white-gray">
      <div class="d-flex flex-row-reverse p-5 mb-5">
         <% if @type == "PAT Real Estate" %>
        <img class="d-flex m-3" width="75%" style="max-width: 200px;" src="<%= asset_url('/assets/logo/re_hor.svg') %>" alt="GRESB RE logo"/>
        <% else %>
        <img class="d-flex m-3" width="75%" style="max-width: 200px;" src="<%= asset_url('/assets/logo/infra-horizontal.svg') %>" alt="GRESB Infra logo"/>
        <% end %>
      </div>
      <div class="p-5 mt-5">
        <p class="m-3 ml-3" style="font-size: 64px"><%= @type_name %></p>
        
        <% rating = @gresb_rating.to_i %>
        <% if (@gresb_rating && @gresb_rating >= 0 && @gresb_rating < 6) %>
        <div class="d-flex align-items-center">
          <h1 class="mr-3 ml-3" style="margin-bottom:-7px;"><%= @year %></h1>
           <div style="width: 250px">
            <%= render '/partials/custom-components/rating-stars.erb', rating: rating %>
          </div>
        </div>
        <% end %>
      </div>
    </div>

    <div class="bg-primary text-white p-5">
      <h1 class="p-3 m-0"><%= @pat_name %></h1>
    </div>

     <% if @type == "PAT Real Estate"  %>
    <div class="flex-grow-1" style="
        background-image: linear-gradient(102.1deg, rgba(133, 166, 132, 0.3) 0%, rgba(247, 250, 252, 0.3) 94.83%);
      ">
    </div>
    <% else %>
    <div class="flex-grow-1" style="
          background-image: linear-gradient(102.1deg, rgba(0, 105, 92, 0.3) 0%, rgba(247, 250, 252, 0.3) 94.83%);
      ">
    </div>
    <% end %>
    
  </div>
</div>
      
    

TCFD Alignment Report

|

      
<link rel="preload" as="image" href="<%= asset_url('assets/img/tcfd_re_cover.jpg') %>">
<link rel="preload" as="image" href="<%= asset_url('assets/img/tcfd_asset_cover.jpg') %>">
<link rel="preload" as="image" href="<%= asset_url('assets/img/tcfd_fund_cover.jpg') %>">
<div style="page-break-after: always; height: 1260px;">
  <div class="d-flex flex-column h-100">
    <div class="d-flex flex-column bg-white-gray">
      <div class="d-flex flex-row-reverse p-5 mb-5">
       <% if @typeName == "Real Estate" %>
        <img class="d-flex m-3" width="75%" style="max-width: 200px;" src="<%= asset_url('/assets/logo/re_hor.svg') %>" alt="GRESB RE logo"/>
        <% else %>
        <img class="d-flex m-3" width="75%" style="max-width: 200px;" src="<%= asset_url('/assets/logo/infra-horizontal.svg') %>" alt="GRESB Infra logo"/>
        <% end %>
      </div>
      <div class="p-5 mt-5">
         <p class="m-3 ml-3" style="font-size: 64px"> TCFD Alignment Report</p>
        <h1 class="mt-1 ml-3"><%= @typeName %> | <%= @year %></h1>
      </div>
    </div>
    <div class="bg-primary text-white p-5">
      <h1 class="p-3 m-0"><%= @fund_name %></h1>
      <h2 class="pl-3 m-0 text-white"><%= @manager_name %></h2>
    </div>

     <% if @typeName == "Real Estate" %>
    <div class="flex-grow-1" style="
        background-image: linear-gradient(102.1deg, rgba(133, 166, 132, 0.3) 0%, rgba(247, 250, 252, 0.3) 94.83%);
      ">
    </div>
    <% else %>
    <div class="flex-grow-1" style="
       background-image: linear-gradient(102.1deg, rgba(0, 105, 92, 0.3) 0%, rgba(247, 250, 252, 0.3) 94.83%);        
      ">
    </div>
    <% end %>

  </div>  
</div>
      
    

      
<% if @type_name == "GRESB Infrastructure Fund Benchmark Report" %>
<div style="page-break-after: always; height: 1260px;">
<% else %>
<div style="page-break-after: always; height: 1360px;">
<% end %>
  <div class="d-flex flex-column h-100">
    <div class="d-flex flex-column bg-white-gray">
      <div class="d-flex flex-row-reverse p-5 mb-5">
      <% if @infra %>
        <img style="width: 3in;" src="<%= asset_url('/assets/logo/infra-horizontal.svg') %>" alt="GRESB Infrastructure logo"/>
       <% else %>
        <img style="width: 3in;" src="<%= asset_url('/assets/logo/re_hor.svg') %>" alt="GRESB Real Estate logo"/>
      <% end %>
      </div>
      <div class="p-5 mt-5">
        <p class="m-3 ml-3" style="font-size: 64px"><%= @type_name %></p>
        <h1 class="mt-1 ml-3"><%= @year %></h1>
      </div>
    </div>

    <div class="bg-primary text-white p-5">
      <h1 class="p-3 m-0"><%= @fund_name %></h1>
      <h2 class="pl-3 m-0"><%= @manager_name %></h2>
    </div>

    <% if @infra %>
    <div class="flex-grow-1" style="
        background-image: linear-gradient(102.1deg, rgba(0, 105, 92, 0.3) 0%, rgba(247, 250, 252, 0.3) 94.83%);
      ">
    </div>
    <% else %>
    <div class="flex-grow-1" style="
        background-image: linear-gradient(102.1deg, rgba(133, 166, 132, 0.3) 0%, rgba(247, 250, 252, 0.3) 94.83%);
      ">
    </div>
    <% end %>
    
  </div>
</div>