{% extends "base.html" %}


{% block extra_css %}
<link rel="stylesheet" href="/static/explore/css/welcome.css">
{% endblock %}

{% block contentwrapper %}
  <div class="container">
    <div class="row gx-4 align-items-center">
      <div class="col col-md-5 homepage-column" id="homepage-left-column">
        <div class="welcome-content-wrapper">
          {% block content %}
            {{pageContent | safe}}
          {% endblock %}
        </div>
        <div class="welcome-login-button-wrapper">
        <!-- <a href="/login"> -->
          {% if not user.is_authenticated %}
          <button type="button" class="btn welcome-login-btn"  data-bs-toggle="modal" data-bs-target="#loginModal">Login <span class="arrow-right"></span></button>
          {% else %}
          <a href="/explore" type="button" class="btn welcome-login-btn">Explore <span class="arrow-right"></span></a>
          {% endif %}
        <!-- </a> -->
        </div>
      </div>
      <div class="col col-md-7 homepage-column" id="homepage-right-column">
        <div class="proj-image-select-wrapper">
          <img src="{{ proj_image_select }}" alt="project image">
        </div>
        {% if home_image_attribution %}<div id="proj-image-attribution"><p>{{ home_image_attribution|safe }}</p></div>{% endif %}
      </div>
  </div>
{% endblock %}

{% extends "base.html" %}


{% block extra_css %}
<link rel="stylesheet" href="/static/explore/css/welcome.css">
{% endblock %}

{% block contentwrapper %}
  <div class="container">
    <div class="row gx-4 align-items-center">
      <div class="col-lg-5 homepage-column" id="homepage-left-column">
        <div class="welcome-content-wrapper">
          {% block content %}
            {{pageContent | safe}}
          {% endblock %}
        </div>
        <div class="welcome-login-button-wrapper">
        <!-- <a href="/login"> -->
          {% if not user.is_authenticated %}
          <button type="button" class="btn welcome-login-btn"  data-bs-toggle="modal" data-bs-target="#loginModal">Login <span class="arrow-right"></span></button>
          {% else %}
          <a href="/explore" type="button" class="btn welcome-login-btn">Explore <span class="arrow-right"></span></a>
          {% endif %}
        <!-- </a> -->
        </div>
      </div>
      <div class="col-lg-7 homepage-column" id="homepage-right-column">
        <div class="proj-image-select-wrapper">
          <img src="{{ proj_image_select }}" alt="project image">
        </div>
        {% if home_image_attribution %}<div id="proj-image-attribution"><p>{{ home_image_attribution|safe }}</p></div>{% endif %}
      </div>
  </div>
{% endblock %}

Solve homepage full height alignment
Solve homepage full height alignment
