{"id":51514,"date":"2024-08-15T15:14:15","date_gmt":"2024-08-15T20:14:15","guid":{"rendered":"https:\/\/www.tarleton.edu\/news\/?page_id=51514"},"modified":"2026-04-07T12:54:13","modified_gmt":"2026-04-07T17:54:13","slug":"cover","status":"publish","type":"page","link":"https:\/\/www.tarleton.edu\/news\/cover\/","title":{"rendered":"Cover"},"content":{"rendered":"<style>\r\n* {\r\n    margin: 0;\r\n    padding: 0;\r\n    box-sizing: border-box;\r\n}\r\n\t.hero-section {\r\n    position: relative;\r\n    height: 60vh; \r\n    overflow: hidden; \/* Hide any potential overflow *\/\r\n}\r\n.hero-image {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: scale-down; \r\n    position: absolute; \r\n    top: 70%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n}\r\n.container-fluid{\r\n    padding-left: unset !important;\r\n    padding-right: unset !important;\r\n}\r\n\r\n.hero-section {\r\n    position: relative;\r\n    height: 60vh;\r\n\tbackground-image: unset;\r\n    background-size: cover;\r\n    background-position: 50% 0%;\r\n}\r\n\r\n.hero-overlay {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    background-color: rgba(0, 0, 0, 0.28);\r\n}\r\n\r\n.hero-content {\r\n    position: absolute;\r\n    bottom: 50px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    color: #fff;\r\n    text-align: center;\r\n}\r\n\r\n.hero-content h2 {\r\n    font-size: 48px;\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.hero-content p {\r\n    font-size: 20px;\r\n}\r\n\t\r\n@media (max-width: 1582px){\r\n\t.hero-image{\r\n\t\tdisplay:none;\r\n\t}\r\n\t.hero-section{\r\n\tbackground-image: url('https:\/\/www.tarleton.edu\/news\/wp-content\/uploads\/sites\/65\/2026\/04\/Texans-Student-Lounge-Web-1.png'); \/* Replace with your image path *\/\r\n\t}\r\n}\r\n\r\n\/* Responsive adjustments *\/\r\n@media (max-width: 1024px) {\r\n    .hero-content h1 {\r\n        font-size: 36px;\r\n    }\r\n\r\n    .hero-content p {\r\n        font-size: 18px;\r\n    }\r\n\t\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .hero-section {\r\n        height: 50vh;\r\n        background-position: center;\r\n    }\r\n\r\n    .hero-content h2 {\r\n        font-size: 25px;\r\n    }\r\n\r\n    .hero-content p {\r\n        font-size: 16px;\r\n    }\r\n\r\n    .hero-content {\r\n        bottom: 30px;\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .hero-section {\r\n        height: 40vh;\r\n    }\r\n\r\n    .hero-content h2 {\r\n        font-size: 24px;\r\n    }\r\n\r\n    .hero-content p {\r\n        font-size: 14px;\r\n    }\r\n\r\n    .hero-content {\r\n        bottom: 20px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<header class=\"hero-section\">\r\n    <img decoding=\"async\" class=\"hero-image\" src=\"https:\/\/www.tarleton.edu\/news\/wp-content\/uploads\/sites\/65\/2026\/04\/Texans-Student-Lounge-Web-1.png\" alt=\"Hero Image\"> \r\n    <div class=\"hero-overlay\"><\/div>\r\n    <div class=\"hero-content\">\r\n        <h1 style=\"color:white;\">Texans Student Lounge Opens With Ribbon Cutting<\/h1>\r\n        <p>A new campus space designed to support student connection, collaboration and community.<\/p>\r\n        <a class=\"btn btn-theme-primary btn-lg\" href=\"https:\/\/www.tarleton.edu\/news\/texans-student-lounge-opens-with-ribbon-cutting\/\">Read more<\/a>\r\n    <\/div>\r\n<\/header>\r\n\r\n<script>\r\n  function adjustHeroImage() {\r\n    const heroSection = document.querySelector('.hero-section');\r\n    const heroImage = document.querySelector('.hero-image');\r\n\r\n    const sectionAspectRatio = heroSection.offsetWidth \/ heroSection.offsetHeight;\r\n    const imageAspectRatio = heroImage.naturalWidth \/ heroImage.naturalHeight;\r\n\r\n    if (sectionAspectRatio > imageAspectRatio) {\r\n      heroImage.style.width = '100%';\r\n      heroImage.style.height = 'auto';\r\n    } else {\r\n      heroImage.style.width = 'auto';\r\n      heroImage.style.height = '100%';\r\n    }\r\n  }\r\n\r\n  \/\/ Initial adjustment\r\n  adjustHeroImage();\r\n\r\n\/\/ Adjust on window load\r\nwindow.addEventListener('load', adjustHeroImage);\r\n\r\n\/\/ Adjust on window resize\r\nwindow.addEventListener('resize', adjustHeroImage); \r\n<\/script>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":3,"featured_media":49676,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-fullwidth-stretched.php","meta":{"_acf_changed":false,"inline_featured_image":false,"advgb_blocks_editor_width":"","advgb_blocks_columns_visual_guide":"","footnotes":""},"class_list":["post-51514","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"coauthors":[],"author_meta":{"author_link":"https:\/\/www.tarleton.edu\/news\/author\/keegan-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2\/","display_name":"keegan"},"relative_dates":{"created":"Posted 2 years ago","modified":"Updated 1 week ago"},"absolute_dates":{"created":"Posted on August 15, 2024","modified":"Updated on April 7, 2026"},"absolute_dates_time":{"created":"Posted on August 15, 2024 3:14 pm","modified":"Updated on April 7, 2026 12:54 pm"},"featured_img_caption":"Tarleton State University entrance with flags and flowers.","featured_img":"https:\/\/www.tarleton.edu\/news\/wp-content\/uploads\/sites\/65\/2023\/10\/Spring-Flowers-Admin-Gates_7545.jpg","series_order":"","_links":{"self":[{"href":"https:\/\/www.tarleton.edu\/news\/wp-json\/wp\/v2\/pages\/51514","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.tarleton.edu\/news\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.tarleton.edu\/news\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.tarleton.edu\/news\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.tarleton.edu\/news\/wp-json\/wp\/v2\/comments?post=51514"}],"version-history":[{"count":52,"href":"https:\/\/www.tarleton.edu\/news\/wp-json\/wp\/v2\/pages\/51514\/revisions"}],"predecessor-version":[{"id":55009,"href":"https:\/\/www.tarleton.edu\/news\/wp-json\/wp\/v2\/pages\/51514\/revisions\/55009"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.tarleton.edu\/news\/wp-json\/wp\/v2\/media\/49676"}],"wp:attachment":[{"href":"https:\/\/www.tarleton.edu\/news\/wp-json\/wp\/v2\/media?parent=51514"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}