basketballcantho/sisvietnamvn_01
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

feat: update footer with site policies, add CTA retrieval SQL, and refactor block content management

Browse Source
This commit is contained in:
Victor Phan
2026-07-17 22:07:01 +07:00
parent 49b8d2b2ea
commit 6af9240c22
59 changed files with 140 additions and 612 deletions
Download Patch File Download Diff File Expand all files Collapse all files
sisvietnamvn_main/html_snippets/content_main_blocks/block_9.html
+32 -332
View File
@@ -1,337 +1,37 @@
<body>
<div class="cc--component-container cc--news-events ">
<div class="c--component c--news-events">
<div class="news-events-section__header">
<h2 class="news-events-section__main-title"> NEWS &amp; EVENTS </h2>
<a class="news-events-section__cta news-events-section__cta--desktop" href="https://www.umass.edu/news/news-events"> More News &amp; Events </a>
</div>
<h3 class="section-title"> FEATURED ARTICLES </h3>
<div class="featured-grid">
<div class="featured-grid__item">
<article class="news-card news-card--featured">
<div class="news-card__image">
<div>
<img loading="lazy" src="./UMass Amherst _ UMass Amherst_files/NEWS-Operating Room Surgery viaAdobeStock.jpeg" width="1280" height="720" alt="Medical Team Performing Surgical Operation in Modern Operating Room">
</div>
</div>
<div class="news-card__content">
<div class="featured-grid__category">
<a href="https://www.umass.edu/taxonomy/term/811" hreflang="en">Research</a>
</div>
<h3 class="news-card__title">
<a href="https://www.umass.edu/news/article/scheduling-surgeons-umass-amherst-researchers-identify-factors-could-influence" rel="bookmark">
<span>Scheduling Surgeons: UMass Amherst Researchers Identify Factors That Could Influence Hospital Efficiency</span>
</a>
</h3>
<div class="news-card__date"> June 24, 2026 </div>
</div>
</article>
</div>
<div class="featured-grid__item">
<article class="news-card news-card--featured">
<div class="news-card__image">
<div>
<img loading="lazy" src="./UMass Amherst _ UMass Amherst_files/Yanfei Xu polymer figure.jpg" width="1280" height="720" alt="An illustration of THDBT (tetrahydroxy deoxybenzoin triazole) filler aggregates at the molecular level. In this “slow chaos” state, there are fewer vibrational pathways available for heat transport, resulting in lower thermal conductivity. Reproduced from Materials Horizons with permission from the Royal Society of Chemistry.">
</div>
</div>
<div class="news-card__content">
<div class="featured-grid__category">
<a href="https://www.umass.edu/taxonomy/term/811" hreflang="en">Research</a>
</div>
<h3 class="news-card__title">
<a href="https://www.umass.edu/news/article/umass-amherst-led-team-discovers-new-way-make-thermally-insulative-plastics" rel="bookmark">
<span>UMass Amherst-Led Team Discovers New Way to Make Thermally Insulative Plastics </span>
</a>
</h3>
<div class="news-card__date"> June 22, 2026 </div>
</div>
</article>
</div>
<div class="featured-grid__item">
<article class="news-card news-card--featured">
<div class="news-card__image">
<div>
<img loading="lazy" src="./UMass Amherst _ UMass Amherst_files/Anthropology Field School Dig-26.jpg" width="1280" height="720" alt="Students dig during UMass Amherst’s Bioarchaeology and Forensic Anthropology Field School">
</div>
</div>
<div class="news-card__content">
<div class="featured-grid__category">
<a href="https://www.umass.edu/taxonomy/term/646" hreflang="en">Academics</a>
</div>
<h3 class="news-card__title">
<a href="https://www.umass.edu/news/article/umass-bioarchaeology-and-forensic-anthropology-field-school-gives-students-hands" rel="bookmark">
<span>UMass Bioarchaeology and Forensic Anthropology Field School Gives Students Hands-On Experience in Forensic Anthropology</span>
</a>
</h3>
<div class="news-card__date"> June 17, 2026 </div>
</div>
</article>
</div>
<div class="featured-grid__item">
<article class="news-card news-card--featured">
<div class="news-card__image">
<div>
<img loading="lazy" src="./UMass Amherst _ UMass Amherst_files/NEWS-deli slicer.jpg" width="1280" height="720" alt="A worker slicing deli meat">
</div>
</div>
<div class="news-card__content">
<div class="featured-grid__category">
<a href="https://www.umass.edu/taxonomy/term/811" hreflang="en">Research</a>
</div>
<h3 class="news-card__title">
<a href="https://www.umass.edu/news/article/hands-why-human-touch-can-create-food-safety-blind-spot" rel="bookmark">
<span>Hands Off: Why Human Touch Can Create a Food-Safety Blind Spot </span>
</a>
</h3>
<div class="news-card__date"> June 17, 2026 </div>
</div>
</article>
</div>
</div>
<div class="news-events-row">
<div class="news-column">
<h3 class="section-title--news"> LATEST NEWS </h3>
<div class="news-list">
<div class="news-list__item">
<article class="news-teaser">
<div class="news-teaser__image">
<div>
<img loading="lazy" src="./UMass Amherst _ UMass Amherst_files/UMass Police Chief Tyrone Parham, Max Callahan, Senator Comerford on MA Senate Rostrum_crop.jpg" width="2833" height="1769" alt="UMass Police Chief Tyrone Parham, Max Callahan and Senator Comerford stand at the Massachusetts Senate Rostrum">
</div>
</div>
<div class="news-teaser__content">
<div class="news-list__category">
<a href="https://www.umass.edu/taxonomy/term/1001" hreflang="en">University News</a>
</div>
<h3 class="news-teaser__title">
<a href="https://www.umass.edu/news/article/umass-amherst-supported-effort-help-drivers-autism-interact-police-becomes-law" rel="bookmark">
<span>UMass Amherst-Supported Effort to Help Drivers with Autism Interact with Police Becomes Law </span>
</a>
</h3>
<div class="news-teaser__summary">
<div>
<p>A new law signed by Gov. Maura Healey aimed at helping people with autism during interactions with police has roots on the UMass Amherst campus. The so-called “Blue Envelope Bill” sets up a voluntary program where drivers or passengers can provide information helpful to law enforcement during traffic stops or other encounters.&nbsp;</p>
</div>
</div>
</div>
</article>
</div>
<div class="news-list__item">
<article class="news-teaser">
<div class="news-teaser__image">
<div>
<img loading="lazy" src="./UMass Amherst _ UMass Amherst_files/Giuliano Roberts Eye-Tracking IV Pumps Photo 2.jpg" width="4528" height="3016" alt="A student (left) wears eye-tracking glasses as doctoral student Seonhun Lee holds a laptop showing information about the study completed using the technology.">
</div>
</div>
<div class="news-teaser__content">
<div class="news-list__category">
<a href="https://www.umass.edu/taxonomy/term/811" hreflang="en">Research</a>
</div>
<h3 class="news-teaser__title">
<a href="https://www.umass.edu/news/article/eye-tracking-technology-helps-researchers-see-iv-pump-safety-through-student-nurses" rel="bookmark">
<span>Eye-Tracking Technology Helps Researchers See IV Pump Safety Through Student Nurses’ Eyes</span>
</a>
</h3>
<div class="news-teaser__summary">
<div>
<p>The approach, detailed in a study published in the June 2026 issue of Advancing Medical-Surgical Nursing, marks the first known use of eye-tracking technology to evaluate IV smart pumps.</p>
</div>
</div>
</div>
</article>
</div>
</div>
</div>
<div class="events-column">
<h3 class="events-title"> Events </h3>
<div class="events-widget">
<script type="text/javascript" src="./UMass Amherst _ UMass Amherst_files/view"></script>
<style>
/* ========================================== CAMPUS EVENTS ========================================== */
.campus-events-widget {
background: transparent;
padding: 0;
font-family: inherit;
}
<div class="cc--component-container cc--news-events">
<div class="c--component c--news-events">
.campus-events-widget .events-list {
list-style: none;
margin: 0;
padding: 0;
}
<!-- Phần 2 cột: Tin mới (Trái) và Sự kiện (Phải) -->
<div class="news-events-row">
<div class="news-column">
<h2 class="section-title--news" style="font-size: 2rem;">
TIN TỨC MỚI
</h2>
<div class="news-list">
<!-- Shortcode Tin Tức hiển thị dạng list (tuỳ chỉnh lại limit cho phù hợp) -->
[component:news-grid data-source="posts:tag=news,limit=2,collection=news_posts"]
</div>
</div>
/* ========================================== DESKTOP LIST LAYOUT ========================================== */
.campus-events-widget .teaser-item {
padding: 20px 0;
border-bottom: 1px solid #e5e5e5;
}
<div class="events-column">
<h2 class="events-title" style="font-size: 2rem;">
SỰ KIỆN
</h2>
<div class="events-widget">
<!-- Shortcode Sự kiện -->
[component:events-list data-source="posts:tag=event,limit=4,collection=event_posts"]
</div>
</div>
.campus-events-widget .teaser-item:last-child {
border-bottom: none;
}
</div>
.campus-events-widget .event-wrapper {
display: flex;
gap: 20px;
align-items: flex-start;
}
<!-- Header chung (Mobile) -->
<div class="news-events-section__footer">
<a href="/news/news-events" class="news-events-section__cta news-events-section__cta--mobile">
Xem Thêm
</a>
</div>
/* ===================================== DATE BLOCK ===================================== */
.campus-events-widget .event-date {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 0.125rem;
padding: 0.25rem;
background: #881C1C;
width: 2.875rem;
height: 3.125rem;
box-sizing: border-box;
}
.campus-events-widget .event-date__month {
font-size: 1rem;
font-weight: 800;
line-height: 1.25rem;
text-transform: uppercase;
text-align: center;
color: #fff;
}
.campus-events-widget .event-date__day {
font-size: 1rem;
font-weight: 800;
line-height: 1.25rem;
text-transform: uppercase;
text-align: center;
color: #fff;
}
/* ===================================== EVENT DETAILS ===================================== */
.campus-events-widget .event-details {
flex: 1;
position: relative;
}
/* Title */
.campus-events-widget .event-title {
font-size: 1rem;
font-weight: 800;
line-height: 1.25rem;
text-transform: uppercase;
color: #000;
position: relative;
margin: 0 0 0.375rem;
padding-right: 1.25rem;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.campus-events-widget .event-title a {
color: #222;
text-decoration: none;
}
.campus-events-widget .event-title a:hover {
color: #881c1c;
}
/* Chevron */
.campus-events-widget .event-title::after {
content: "";
position: absolute;
right: 0;
top: 0.2rem;
width: 0.3125rem;
height: 0.6875rem;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
background-image: url("data:image/svg+xml,%3Csvg width='5' height='11' viewBox='0 0 5 11' fill='none'
xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd'clip-rule='evenodd'd='M4.57143 5.14286L0 0V10.2857L4.57143 5.14286Z'fill='%23881C1C'/%3E%3C/svg%3E"); } /* Time */ .campus-events-widget .event-time { font-size: 16px; color: #000; margin-bottom: 4px; } /* Location */ .campus-events-widget .event-location { font-size: 1rem; font-weight: 400; line-height: 1.5rem; font-style: normal; color: #000; } /* Hide summaries */ .campus-events-widget .summary, .campus-events-widget .event-description { display: none !important; } /* ========================================== MOBILE CARD DESIGN ========================================== */ @media (max-width: 768px) { .campus-events-widget .event-title { font-size: 0.75rem; } .campus-events-widget .event-time { font-size: 0.75rem; } .campus-events-widget .event-location { font-size: 0.75rem; } .campus-events-widget .event-wrapper { display: flex; flex: 1; padding-right: 10px; align-items: stretch; gap: 12px; border: 1px solid #CCC; } .campus-events-widget .event-date { display: flex; padding: 4px 8px; flex-direction: column; justify-content: center; align-items: center; align-self: stretch; background: #881C1C; min-width: 48px; height: auto; } .campus-events-widget .event-details { padding: 8px 10px 8px 0; } .campus-events-widget .teaser-item { flex: 0 0 279px; display: flex; border: 0px solid #CCC; padding-bottom: 0; } .campus-events-widget .events-list { display: flex; gap: 1rem; } .campus-events-widget .events-list::before, .campus-events-widget .events-list::after { content: ""; flex: 0 0 8.333%; } } /* ========================================== SMALL MOBILE ADJUSTMENTS ========================================== */ @media (max-width: 480px) { .campus-events-widget .event-wrapper { gap: 10px; } .campus-events-widget .event-date__day { font-size: 18px; } }
</style>
<div id="lw" class="campus-events-widget">
<div class="events-list">
<div class="teaser-item">
<div class="event-wrapper">
<!-- DATE BLOCK -->
<div class="event-date">
<div class="event-date__month"> JUL </div>
<div class="event-date__day"> 07 </div>
</div>
<!-- DETAILS -->
<div class="event-details">
<div class="event-title">
<a href="https://events.umass.edu/event/hr-is-here-for-you-5678?utm_campaign=widget&amp;utm_medium=widget&amp;utm_source=UMass+Amherst+Events+Calendar"> HR is Here for You </a>
</div>
<div class="event-time"> 10:00 am – 4:00 pm </div>
<div class="event-location"> UMass Downtown </div>
</div>
</div>
</div>
<div class="teaser-item">
<div class="event-wrapper">
<!-- DATE BLOCK -->
<div class="event-date">
<div class="event-date__month"> JUL </div>
<div class="event-date__day"> 07 </div>
</div>
<!-- DETAILS -->
<div class="event-details">
<div class="event-title">
<a href="https://events.umass.edu/event/ms-in-accounting-virtual-information-session-1380?utm_campaign=widget&amp;utm_medium=widget&amp;utm_source=UMass+Amherst+Events+Calendar"> MS in Accounting Virtual Information Session </a>
</div>
<div class="event-time"> 12:00 pm – 1:00 pm </div>
<div class="event-location"></div>
</div>
</div>
</div>
<div class="teaser-item">
<div class="event-wrapper">
<!-- DATE BLOCK -->
<div class="event-date">
<div class="event-date__month"> JUL </div>
<div class="event-date__day"> 07 </div>
</div>
<!-- DETAILS -->
<div class="event-details">
<div class="event-title">
<a href="https://events.umass.edu/event/thrive-at-five-summer-yoga-and-mindfulness-series?utm_campaign=widget&amp;utm_medium=widget&amp;utm_source=UMass+Amherst+Events+Calendar"> Thrive at Five - Summer Yoga and Mindfulness Series </a>
</div>
<div class="event-time"> 5:00 pm – 6:00 pm </div>
<div class="event-location"> Orchard Hill Pavilion </div>
</div>
</div>
</div>
<div class="teaser-item">
<div class="event-wrapper">
<!-- DATE BLOCK -->
<div class="event-date">
<div class="event-date__month"> JUL </div>
<div class="event-date__day"> 08 </div>
</div>
<!-- DETAILS -->
<div class="event-details">
<div class="event-title">
<a href="https://events.umass.edu/event/online-or-hybrid-ms-in-cs-virtual-info-session-6202?utm_campaign=widget&amp;utm_medium=widget&amp;utm_source=UMass+Amherst+Events+Calendar"> Online or Hybrid MS in CS: Virtual Info Session </a>
</div>
<div class="event-time"> 10:00 am – 11:00 am </div>
<div class="event-location"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="news-events-section__footer">
<a class="news-events-section__cta news-events-section__cta--mobile" href="https://www.umass.edu/news/news-events"> More News &amp; Events </a>
</div>
</div>
</div>
</body>
<style>* { box-sizing: border-box; } body {margin: 0;}</style>
</div>
</div>
sisvietnamvn_main/html_snippets/content_main_blocks/temp
+24 -261
View File
File diff suppressed because one or more lines are too long