kcc-gem-theme 1.96.1 → 2.0.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 419ee2fb95a3cdc0b948a0722cafe8b87b2e3ea0c1a240bbcb23dcfc2ea82870
-  data.tar.gz: 7156b5ba57202504a652886386beafaf20e44394c092bf1566839b5a3bece452
+  metadata.gz: 4f376137c9d04a28a037b3402d6a2f1a900873f00723a224b5288886c6ad9fd1
+  data.tar.gz: 30ce69ddbd9cfc060b1623ebfcf34ce2c913c1be070b7831dc2fd476d829ee9a
 SHA512:
-  metadata.gz: d9ebd6c3da8bf4946215a164c7240dcc0b51c7d71d831a5c9be21f2b7e8fb19b4d81e2d84823e84d65dd893526f532cce895a4dca8ef01eb85f3fd01a8d52aac
-  data.tar.gz: 3983084ccf9ab9d98a22ea024ab00a30e464965f4ea92a0000b2731dcd28237e31446d881c728443fed42346d05a7a7e28f6ecd4244125af16583a3babece3dd
+  metadata.gz: 61ad8cebb934d10c99526d6673216051f6996757000afb35b9197018476bc1e781f4c6e35444473512b4776345a12ca0eae88eea571fd249ff0a0c5f2ef3d743
+  data.tar.gz: 46a2210f463222ede10d73ca7a606e121d7bee24977d9bd1c7f83010c1f0792d7188db2dd293d5d9a59c8f20f816bd7b610a19593fa29bf9e1fd341de147549c

data/_data/cache_bust_css.yml

@@ -0,0 +1 @@
+f5ef3cae225fe016e27768c8cce4cf5b  ../assets/scss/kcc-theme.css

data/_includes/alerts.html

@@ -0,0 +1,2 @@
+<div id="campusAlerts" class="position__offset-core-nav">
+</div>

data/_includes/benefits.html

@@ -0,0 +1,98 @@
+<section class="benefits__first-section--marg">
+  <div class="container">
+    <div class="row">
+      <div class="col text-center">
+        <h5 class="text-center benefits__typography--h5  benefits__typography--h5--mb">Why Choose KCC?</h5>
+      </div>
+    </div>
+    <div class="row">
+      <div id="colSave" class="col-12 col-md-4">
+        <div class="text-center">
+          {% include svg/save-money.html %}
+        </div>
+        <h6 class="benefits__typography--h6 text-center editable">Save Money</h6>
+        <div class="editable">
+          <p class="text-center typography__larger-p"><strong>KCC costs 1/3 less</strong> than 4-year colleges and universities and offers the same great education. Plus, financial aid & scholarships can&nbsp;help.</p>
+        </div>
+      </div>
+      <div class="col-12 col-md-4">
+        <div class="text-center">
+          {% include svg/love.html %}
+        </div>
+        <h6 class="benefits__typography--h6 text-center editable">Love What You Do</h6>
+        <p class="text-center typography__larger-p">KCC has degree & certificate <strong>options to fit your interests</strong>. You can transfer after KCC to complete a bachelor’s degree, or enter the&nbsp;workforce.</p>
+      </div>
+      <div class="col-12 col-md-4">
+        <div class="text-center">
+          {% include svg/goals.html %}
+        </div>
+        <h6 class="benefits__typography--h6 text-center editable">Reach Your Goals</h6>
+        <p class="text-center typography__larger-p">We care about your progress and want you to succeed. KCC’s small class sizes, faculty and support services <strong>help you stay on track to&nbsp;graduate.</strong></p>
+      </div>
+    </div>
+  </div>
+</section>
+
+<section class="benefits__section--marg">
+  <div class="container">
+    <div class="row">
+      <div class="col">
+        <h5 class="benefits__typography--h5 benefits__testimonials--mb text-center">What Our Students Say</h5>
+      </div>
+    </div>
+    <div class="row">
+      <div class="col-12 col-md-4 text-center">
+        <img src="{{ page.baseurl }}assets/img/d-daun2.jpg" class="benefits__borders--circle-img img-fluid rounded-circle" alt="">
+      </div>
+      <div class="col-12 col-md-8 align-self-center">
+        <p class="benefits__typography--student-p"><em>“I completed finals the week of my 60th birthday, something I am proud of. In 1980 I received a B.S. in Biology, but this Associate’s Degree in Computer Graphics Technology means even more to me. Each thing I have learned has made me that much more capable in today’s world, allowing me to find job opportunities that I couldn’t have taken advantage of before. KCC has made a huge difference in my life, both in learning and in the people I have come to know here.”</em></p>
+        <span class="benefits__typography--img-cap">-&nbspDebra A. Daun, Class of 2018</span>
+      </div>
+    </div>
+    <div class="row benefits__row--pad">
+      <div class="col-12 col-md-8 order-2 order-md-1 align-self-center">
+        <p class="benefits__typography--student-p"><em>“I’m the first one in my family to graduate. The professors would take their time to know you. That’s what I really liked about this. It was smaller....everybody knows you here. I really liked KCC. I’m really excited to see where this takes me next.”</em></p>
+        <span class="benefits__typography--img-cap">-&nbsp;Miguel Angel Diaz Ramirez, Class of 2018</span>
+      </div>
+      <div class="col-12 col-md-4 text-center order-1 order-md-2">
+        <img src="{{ page.baseurl }}assets/img/miguel2.jpg" class="benefits__borders--circle-img img-fluid rounded-circle" alt="">
+      </div>
+    </div>
+  </div>
+</section>
+
+<section class="benefits__section--marg benefits__blue-section">
+  <div class="container">
+    <div class="row">
+      <div class="col">
+        <h5 class="benefits__typography--h5 benefits__typography--h5--mb text-center">Recognized & Accredited</h5>
+      </div>
+    </div>
+    <div class="row">
+      <div class="col-12 col-lg-4 text-center text-lg-left">
+        <div class="benefits__accredited--card mx-auto">
+          <div class="text-center">
+            {% include svg/check.html %}
+            <span class="benefits__accredited--span-l">KCC  is Accredited</span>
+            <span class="benefits__accredited--span-s">by the Higher Learning Commission (hlcommission.org), a regional accreditation agency recognized by the U.S. Department of Education.</span>
+          </div>
+        </div>
+      </div>
+      <div class="col-12 col-lg-4 text-center">
+        <img src="{{ page.baseurl }}assets/img/zippia.png" class="benefits__idfpr-img img-fluid" alt="#1 community college in Illinois for job placement according to Zippia.com">
+        <span class="benefits__accredited--span--source text-left w-50 mx-auto">Source: Zippia.com</span>
+      </div>
+      <div class="col-12 col-lg-4">
+        <div class="row">
+          <div class="col">
+            <img src="{{ page.baseurl }}assets/img/itransfer.png" alt="Illinois Itransfer logo" class="benefits__itransfer-img float-right
+            float-ls-none">
+          </div>
+          <div class="col">
+            <span class="benefits__typography-itransfer">Illinois<br> Transfer<br> Articulation<br></span>
+          </div>
+        </div>
+        </div>
+      </div>
+    </div>
+</section>

data/_includes/body.html

@@ -1,5 +1,10 @@
     <!-- Custom CSS Stylesheet for CloudCannon -->
     <link rel="stylesheet" href="{{page.baseurl}}assets/css/content.css">
+    {%- comment -%}
+    <!-- Uncomment to prevent IE-11 caching (for IE testing) -->
+    <!-- <META HTTP-EQUIV="Pragma" CONTENT="no-cache">
+    <META HTTP-EQUIV="Expires" CONTENT="-1"> -->
+    {% endcomment %}
   </head>
   <body{% if page.homepage == true %} id="homePage"{% endif %}>
-    <h1 class="sr-only">{%- if page.outline_title -%}{{ page.outline_title }}{% else %}{{ page.title }}{%- endif -%}</h1>
+    <h1 class="sr-only">{%- if page.outline_title -%}{{ page.outline_title }}{% else %}{{ page.title }}{%- endif -%}</h1>

data/_includes/bottom-action-call.html

@@ -0,0 +1,10 @@
+<section class="benefits__section--marg">
+  <div class="container">
+    <div class="row">
+      <div class="col text-center">
+        <h5 class="benefits__typography--h5--black text-center editable">Learn More About What Kankakee Community College Has to Offer.</h5>
+        <a href="#page-top" class="btn btn-primary btn-lg buttons__btn-marg buttons__blue-btn text-center">GET STARTED</a>
+      </div>
+    </div>
+  </div>
+</section>

data/_includes/check-mark.svg

@@ -0,0 +1,17 @@
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="50px" height="50px" viewBox="0 0 50 50" enable-background="new 0 0 50 50" xml:space="preserve" class="thank-you__check-mark text-center float-md-left">
+<g>
+	<g>
+		<path fill="#003056" d="M24.215,4.409c11.408,0,20.689,9.282,20.689,20.69c0,11.405-9.281,20.685-20.689,20.685
+			c-11.408,0-20.689-9.279-20.689-20.685C3.526,13.69,12.807,4.409,24.215,4.409 M24.215,1.758c-12.889,0-23.34,10.451-23.34,23.341
+			c0,12.893,10.451,23.336,23.34,23.336c12.891,0,23.341-10.443,23.341-23.336C47.556,12.209,37.105,1.758,24.215,1.758
+			L24.215,1.758z"/>
+	</g>
+	<g>
+		<path fill="#00A14B" d="M48.14,1.565l0.985,1.408c-4.016,3.022-8.487,7.682-13.408,13.973
+			c-4.922,6.292-8.676,12.168-11.268,17.634l-2.087,1.408c-1.727,1.209-2.9,2.101-3.52,2.681c-0.247-0.888-0.779-2.327-1.608-4.339
+			l-0.787-1.833c-1.128-2.63-2.173-4.571-3.14-5.833c-0.968-1.257-2.052-2.09-3.254-2.507c2.028-2.142,3.888-3.208,5.575-3.208
+			c1.448,0,3.054,1.96,4.819,5.889l0.873,1.972c3.175-5.356,7.251-10.554,12.227-15.609C38.524,8.15,43.385,4.271,48.14,1.565z"/>
+	</g>
+</g>
+</svg>

data/_includes/contacts.html

@@ -2,10 +2,12 @@
       <section>
         <div class="container">
           <div class="row">
-            <div class="col mt-1 home__col--heading-underline">
+            <div class="col mt-1 home__col--heading-underline{% if page.contacts_background_tan == true %} home__col--heading-underline-tan{% endif %}">
               <h3 id="contact" class="typography__section--heading margins__heading--btm links__offset">Contacts</h3>
             </div>
           </div>
+        {% if page.contacts_background_tan == true %}</div>
+      <div class="container contacts__padding-top background__color--tan">{% endif %}
           <div class="row editor-link">
             <div class="col editor-link mb-3">
               <a href="cloudcannon:collections/_contacts/" class="btn btn-success editor-button">Edit Contacts</a>
@@ -16,29 +18,11 @@
             {%- assign contact_name = contact.name | split: " " -%}
             {%- assign first = contact_name[0] -%}
             {%- assign last = contact_name[1] -%}
-            {% if contact.portrait_image != "For departments with no contact photos, do not change this field." and contact.portrait_image != 'none' %}
+            {% if contact.portrait_image != "For departments with no contact photos, do not change this field." %}
             <div class="col-md-6 contacts__col-bottom-margin">
               <div class="row">
                 <div class="col-4 contacts__col--img">
-                  <img src="{{ page.baseurl }}assets/img/blank-contact.svg" data-src="{{ page.baseurl }}{{ contact.portrait_image }}" alt="Photo of {{ contact.name }}" class="img-fluid contacts__portrait" />
-                </div>
-                <div class="col-8 float-right">
-                  <h5 class="typography__contacts--name notranslate">{{ contact.name }}</h5>
-                  {% if contact.contacts_title %}<h6 class="typography__contacts--title">{{ contact.contacts_title }}</h6>{% endif %}
-                  <p class="notranslate">
-                    {% if contact.phone %}<a href="tel:1{{ contact.phone | remove: '-' }}" class="links__darker-link">{{ contact.phone }}</a><br>{% endif %}
-                    {% if contact.email %}<a class="links__darker-link" target="_blank" href="https://secure.jotform.com/90435102482954?to[first]={{ first }}&amp;to[last]={{ last }}&amp;submitEmail={{ contact.email | remove: '@kcc.edu' }}%40kcc.edu">Email</a><br>{% endif %}
-                    {%- if contact.fax -%}Fax: {{ contact.fax }}{% endif %}
-                    {%- if contact.bio == true -%}<button type="button" class="btn btn-primary mt-2" data-toggle="modal" data-target="#{{ contact.name | downcase | replace: ' ', '-' | remove: '.' | remove: '/' | remove: "'" | remove: '’' }}">View Bio</button>{% endif %}
-                  </p>
-                </div>
-              </div>
-            </div>
-            {% elsif contact.portrait_image == 'none' %}
-            <div class="col-md-6 contacts__col-bottom-margin">
-              <div class="row">
-                <div class="col-4 contacts__col--img">
-                  <!-- No contact portrait -->
+                {% if contact.portrait_image != 'none' %}<img src="{{ page.baseurl }}assets/img/placeholder_square.jpg" data-src="{{ page.baseurl }}{{ contact.portrait_image }}" width="150px" height="150px" alt="Photo of {{ contact.name }}" class="img-fluid contacts__portrait" />{% endif %}
                 </div>
                 <div class="col-8 float-right">
                   <h5 class="typography__contacts--name notranslate">{{ contact.name }}</h5>
@@ -81,7 +65,7 @@
               </button>
             </div>
             <div class="modal-body">
-              {% if contact.portrait_image %}<img src="{{ page.baseurl }}assets/img/blank-contact.svg" data-src="{{ page.baseurl }}{{ contact.portrait_image }}" class="img-fluid float-left mr-2 mb-2" alt="Photo of {{ contact.name }} KCC's {{ contact.contacts_title }}">{% endif %}
+              {% if contact.portrait_image != 'For departments with no contact photos, do not change this field.' and contact.portrait_image != 'none' %}<img src="{{ page.baseurl }}assets/img/placeholder_square.jpg" data-src="{{ page.baseurl }}{{ contact.portrait_image }}" class="img-fluid float-left mr-2 mb-2" width="150px" height="150px" alt="Photo of {{ contact.name }} KCC's {{ contact.contacts_title }}">{% endif %}
               <h5 class="typography__contacts--name notranslate">{{ contact.name }}</h5>
               {% if contact.contacts_title %}<h6 class="typography__contacts--title">{{ contact.contacts_title }}</h6>{% endif %}
               {{ contact.content }}

data/_includes/document-head.html

@@ -7,9 +7,6 @@
     <title>{{page.title}} - {{site.title}}</title>
     <meta name="description" content="{{page.description}}">
     <meta name="viewport" content="width=device-width, initial-scale=1">
-    {%- if site.canonical_baseurl %}
-    <link rel="canonical" href="{% if page.url == '/' %}{{ site.canonical_baseurl }}{% else %}{{ site.canonical_baseurl }}{{ page.url }}{% endif %}">
-    {%- endif %}
     {% include preconnect.html %}
     <!-- ==============================
       KCC GEM THEME
@@ -22,4 +19,4 @@
     <link rel="author" type="text/plain" href="/humans.txt" />
     {%- endif -%}
     <!-- Standard Favicon -->
-    <link rel="icon" type="image/x-icon" href="{{page.baseurl}}favicon.ico"/>
+    <link rel="icon" type="image/x-icon" href="{{page.baseurl}}favicon.ico"/>

data/_includes/emergency-alert.html

@@ -0,0 +1,9 @@
+<div class="container position__offset-alert">
+  <div class="row">
+    <div class="col">
+      <div class="alert alert-warning">
+        <p class="typography__alert mb-0"><strong>Alert</strong>:&nbsp;All KCC facilities will be closed March 18-30. Credit classes resume online March 23. <a href="https://coronavirus.kcc.edu/" target="_blank" rel="noopener noreferrer">coronavirus.kcc.edu</a> has&nbsp;details.</p>
+      </div>
+    </div>
+  </div>
+</div>

data/_includes/footer.html

@@ -1,29 +1,17 @@
     <footer class="footer footer__margin">
-      <div class="container-fluid">
+      <div class="container">
         <div class="row">
-          <div class="col-lg-4 text-center mb-4">
-            <img
-              src="{{ page.baseurl }}assets/img/iccmc-logo_blue-transparent.png"
-              class="img-fluid"
-              height="171"
-              width="300"
-              alt="The Community Colleges of Illinois. For every student, for every community.">
-          </div>
-          <div class="col-lg-4 footer__mobile--margin-bottom mb-4 my-lg-auto">
+          <div class="col-lg-6 footer__mobile--margin-bottom">
             <div class="row">
               <div class="col-lg-12 text-center">
-                <a href="{{ site.public-url }}" class="footer-link">
-                  <h5 class="typography__footer-heading">
-                    {{ site.public-url | replace: "https://", "" | replace: "http://", "" }}
-                  </h5>
-                </a>
+                <a href="{{ site.public-url }}" class="footer-link"><h5 class="typography__footer-heading">{{ site.public-url | replace: "https://", "" | replace: "http://", "" }}</h5></a>
               </div>
             </div>
             <div class="row">
-              <div class="col-lg-12 px-0">
+              <div class="col-lg-12">
                 <div class="text-center">
                   <span>
-                    <a href="https://www.facebook.com/KankakeeCommunityCollege/" class="footer-social-links" target="_blank" rel="noopener">
+                    <a href="http://www.facebook.com/KankakeeCommunityCollege/" class="footer-social-links" target="_blank" rel="noopener">
                       <svg
                         id="facebook"
                         role="img"
@@ -45,27 +33,33 @@
                     </a>
                   </span>
                   <span>
-                    <a href="https://twitter.com/KCCedu" class="footer-social-links" target="_blank" rel="noopener">
+                    <a href="http://twitter.com/KCCedu" class="footer-social-links" target="_blank" rel="noopener">
                       <svg
-                        id="twitter"
-                        role="img"
-                        class="footer-icons"
-                        xmlns="http://www.w3.org/2000/svg"
-                        x="50px"
-                        y="50px"
-                        viewBox="0 0 50 50"
-                        aria-labelledby="twitter-title">
-                        <title id="twitter-title" lang="en">X</title>
-                        <path
-                          class="svg__fill--white"
-                          d="M27.6,22.9l10-11.7h-2.4l-8.7,10.1l-7-10.1h-8L22,26.5L11.5,38.8h2.4l9.2-10.7l7.3,10.7h8L27.6,22.9L27.6,22.9z
-                      	 M24.3,26.7l-1.1-1.5L14.8,13h3.6l6.8,9.8l1.1,1.5l8.9,12.7h-3.6L24.3,26.7L24.3,26.7z"
-                        />
+                      id="twitter"
+                      role="img"
+                      class="footer-icons"
+                      xmlns="http://www.w3.org/2000/svg"
+                      width="50px"
+                      height="50px"
+                      viewBox="0 0 512 512"
+                      aria-labelledby="twitter-title">
+                        <title id="twitter-title" lang="en">Twitter</title>
+                        <path class="svg__fill--white" d="M393.859,170.531c-10.142,4.498-21.039,7.539-32.479,8.905
+                        c11.677-6.998,20.642-18.081,24.865-31.286c-10.925,6.48-23.028,11.187-35.91,13.723
+                        c-10.315-10.991-25.015-17.858-41.278-17.858c-31.234,0-56.554,25.32-56.554,56.55
+                        c0,4.433,0.501,8.749,1.465,12.888c-47-2.358-88.67-24.873-116.562-59.087
+                        c-4.868,8.354-7.656,18.067-7.656,28.432c0,19.618,9.984,36.929,25.158,47.069
+                        c-9.271-0.293-17.99-2.837-25.615-7.073c-0.004,0.236-0.005,0.473-0.005,0.712
+                        c0,27.399,19.493,50.256,45.364,55.451c-4.746,1.292-9.742,1.982-14.899,1.982
+                        c-3.645,0-7.187-0.354-10.64-1.014c7.196,22.467,28.081,38.816,52.827,39.274
+                        c-19.354,15.166-43.738,24.208-70.233,24.208c-4.564,0-9.066-0.269-13.489-0.79
+                        c25.026,16.045,54.751,25.406,86.688,25.406c104.021,0,160.9-86.171,160.9-160.901
+                        c0-2.452-0.054-4.891-0.163-7.315C376.689,191.833,386.278,181.873,393.859,170.531z"/>
                       </svg>
                     </a>
                   </span>
                   <span>
-                    <a href="https://www.instagram.com/kccedu/" class="footer-social-links" target="_blank" rel="noopener">
+                    <a href="http://www.instagram.com/kccedu/" class="footer-social-links" target="_blank" rel="noopener">
                       <svg
                         id="instagram"
                         role="img"
@@ -97,7 +91,7 @@
                     </a>
                   </span>
                   <span>
-                    <a href="https://www.youtube.com/user/KankakeeCommCollege" class="footer-social-links" target="_blank" rel="noopener">
+                    <a href="http://www.youtube.com/user/KankakeeCommCollege" class="footer-social-links" target="_blank" rel="noopener">
                       <svg
                         id="youtube"
                         role="img"
@@ -116,7 +110,7 @@
                     </a>
                   </span>
                   <span>
-                    <a href="https://www.pinterest.com/kccedu/" class="footer-social-links" target="_blank" rel="noopener">
+                    <a href="http://www.pinterest.com/kccedu/" class="footer-social-links" target="_blank" rel="noopener">
                       <svg
                         id="pinterest"
                         role="img"
@@ -145,7 +139,7 @@
                     </a>
                   </span>
                   <span>
-                    <a href="https://www.linkedin.com/company/kankakee-community-college" class="footer-social-links" target="_blank" rel="noopener">
+                    <a href="http://www.linkedin.com/company/kankakee-community-college" class="footer-social-links" target="_blank" rel="noopener">
                       <svg
                         id="linkedin"
                         role="img"
@@ -172,8 +166,8 @@
               </div>
             </div>
           </div>
-          <div class="col-sm-8 offset-sm-2 col-md-6 offset-md-3 col-lg-4 offset-lg-0 my-auto">
-            <a href="https://www.kcc.edu" target="_blank" rel="noopener">
+          <div class="col-lg-6">
+            <a href="http://www.kcc.edu" target="_blank" rel="noopener">
               <svg
                 id="KCC-text-logo"
                 role="img"
@@ -269,11 +263,13 @@
               </svg>
             </a>
             <p>100 College Drive Kankakee, IL 60901 <br>
-            <a class="links__darker-link" href="tel:18158028100">815-802-8100</a><br>
-            <a class="links__darker-link" href="https://www.kcc.edu/about/contact-us/">Contact us</a><br>
-            &copy;&nbsp;<span id="currentYear">{{ "now" | date: "%Y" }}</span> Kankakee Community College</p>
+            <a class="links__darker-link" href="tel:18158028100">815-802-8100</a> <br>
+            © <span id="currentYear">2018</span> Kankakee Community College</p>
           </div>
         </div>
       </div>
     </footer>
-
+    <a href="/settings/"
+      class="setting__video"
+      title="Go to settings page">
+      <span class="sr-only">Settings</span></a>

data/_includes/hash/theme_hash.yml

@@ -1 +1 @@
-d6ecb9636c6c11fecba6
+90c80e0ab65f5c3b7ba4

data/_includes/hero-slider.html

@@ -3,33 +3,21 @@
   <div class="col hero-slider__slider">
   {% for slide in page.slides %}
   {% assign url_first_char = slide.url | slice: 0 %}
-  {%- if slide.url contains 'https://' or slide.url contains 'http://' or url_first_char == '.' or url_first_char == '/' -%}
-  {%- assign slide_url = slide.url -%}
-  {%- else -%}
-  {%- assign slide_url = slide.url | prepend: page.baseurl -%}
-  {%- endif -%}
+    {% if forloop.first == true %}
     <div>
-      <a
-        href="{{ slide_url }}"
-        {%- if slide.new_tab == true %}
-        target="_blank"
-        rel="noopener noreferrer"
-        {%- endif %}>
-        <img
-          {%- if forloop.first == true %}
-          src="{{ page.baseurl }}{{ slide.image }}"
-          {%- else %}
-          src="{{ page.baseurl }}assets/img/placeholder_16to9.jpg"
-          data-src="{{ page.baseurl }}{{ slide.image }}"
-          {%- endif %}
-          class="img-fluid hero-slider__slider--slide-img{% if slide.white_background %} hero-slider__slide-img--border{% endif %}"
-          alt="{{ slide.alt-text | replace: '"', '&quot;' }}">
-      </a>
-      {%- if slide.text %}
-      <div class="hero-slider__slider--heading-container text-center">
-        <h3 class="hero-slider__slider--slide-heading">{{ slide.text }}</h3>
+      <a {% if slide.url contains "https://" or slide.url contains "http://" %}href="{{ slide.url }}"{% elsif url_first_char == '.' or url_first_char == '/' %}href="{{ slide.url }}"{% else %}href="{{ page.baseurl }}{{ slide.url }}{% endif %}"{% if slide.new_tab == true %} target="_blank" rel="noopener noreferrer"{% endif %}><img src="{{page.baseurl}}{{slide.image}}" class="img-fluid hero-slider__slider--slide-img {% if slide.white_background %} hero-slider__slide-img--border{% endif %}" alt="{{slide.alt-text}}" /></a>
+      {% if slide.text and slide.text != '' %}<div class="hero-slider__slider--heading-container text-center">
+        <h3 class="hero-slider__slider--slide-heading">{{slide.text}}</h3>
       </div>{% endif %}
     </div>
+    {% else %}
+    <div>
+      <a {% if slide.url contains "https://" or slide.url contains "http://" %}href="{{ slide.url }}"{% elsif url_first_char == "." or url_first_char == "/" %}href="{{ slide.url }}"{% else %}href="{{ page.baseurl }}{{ slide.url }}{% endif %}"{% if slide.new_tab == true %} target="_blank" rel="noopener noreferrer"{% endif %}><img src="{{ page.baseurl }}assets/img/placeholder_16to9.jpg" data-src="{{page.baseurl}}{{slide.image}}" class="img-fluid hero-slider__slider--slide-img {% if slide.white_background %} hero-slider__slide-img--border{% endif %}" alt="{{slide.alt-text}}" /></a>
+      {% if slide.text and slide.text != "" %}<div class="hero-slider__slider--heading-container text-center">
+        <h3 class="hero-slider__slider--slide-heading">{{slide.text}}</h3>
+      </div>{% endif %}
+    </div>
+    {% endif %}
   {% endfor %}
   </div>
 </div>