hoàn thành Post dựa trên layout của umass
This commit is contained in:
-1
@@ -91,7 +91,6 @@
|
||||
<div class="event-title">
|
||||
<a href="/post/{{slug}}">{{title}}</a>
|
||||
</div>
|
||||
<div class="event-time">{{eventTimeStr}}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
-2
@@ -49,8 +49,6 @@
|
||||
<div class="event-title">
|
||||
<a href="/post/{{slug}}">{{title}}</a>
|
||||
</div>
|
||||
<div class="event-time">{{eventTimeStr}}</div>
|
||||
{{locationHtml}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -38,7 +38,7 @@
|
||||
</main>
|
||||
|
||||
<!-- Footer Fragment -->
|
||||
<div th:replace="~{fragments/footer}"></div>
|
||||
<div th:replace="~{themes/umass/footer :: footer}"></div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -22,8 +22,14 @@
|
||||
<div class="f--field f--image" th:if="${post.featuredImage != null and !post.featuredImage.isEmpty()}">
|
||||
<img th:src="${post.featuredImage}" th:alt="${post.title}">
|
||||
</div>
|
||||
<h1 class="f--field f--title" th:text="${post.title}">Post Title</h1>
|
||||
<p class="f--field f--date" th:if="${formattedDate != null}" th:text="${formattedDate}">Date</p>
|
||||
<div class="text-container">
|
||||
<div class="f--field f--eyebrow" th:if="${post.category != null}" th:text="${post.category.name}">
|
||||
University News
|
||||
</div>
|
||||
<div class="f--field f--page-title">
|
||||
<h1 th:text="${post.title}">Post Title</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -31,32 +37,50 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Content Main (Sidebar Layout) -->
|
||||
<!-- Content Main (Two Column Layout with Sidebar) -->
|
||||
<div class="content-main">
|
||||
<div class="lc--layout-container lc--two-column">
|
||||
<div class="l--layout l--two-column">
|
||||
|
||||
<!-- Sidebar -->
|
||||
<aside class="lr--layout-region lr--sidebar">
|
||||
<div class="cc--component-container cc--contact-block">
|
||||
<div class="cc--component-container cc--contact-block ">
|
||||
<div class="c--component c--contact-block">
|
||||
<h3>About the Author</h3>
|
||||
<p>This is a placeholder for author details or related links that appear in the sidebar.</p>
|
||||
<div th:if="${post.category != null}">
|
||||
<h4>Category</h4>
|
||||
<p th:text="${post.category.name}">Category Name</p>
|
||||
<div class="f--field f--text publication-date" th:if="${formattedDate != null}" th:text="${formattedDate}">
|
||||
July 17, 2026
|
||||
</div>
|
||||
<div th:if="${!post.tags.isEmpty()}">
|
||||
<h4>Tags</h4>
|
||||
<ul>
|
||||
<li th:each="tag : ${post.tags}" th:text="${tag.name}">Tag</li>
|
||||
</ul>
|
||||
<div class="text-container">
|
||||
<div class="f--field f--text">
|
||||
<p th:if="${post.createdBy != null}" th:text="${post.createdBy}"></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cc--component-container cc--share-block ">
|
||||
<div class="c--component c--share-block">
|
||||
<div data-component-id="umass_base:section-title" class="f--section-title">
|
||||
<h2>Share This</h2>
|
||||
</div>
|
||||
<ul class="social-media-links--platforms a2a_kit a2a_default_style" style="line-height: 16px;">
|
||||
<li>
|
||||
<a class="fa a2a_button_facebook facebook" aria-label="Share on Facebook" target="_blank" href="#" rel="nofollow noopener">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 19 19" fill="currentColor" aria-hidden="true"><path fill="#1877f2" d="M18,0H1.1C0.5,0,0,0.5,0,1.1V18c0,0.6,0.5,1,1.1,1h9.1v-7.3H7.7V8.8h2.5V6.7c0-2.5,1.5-3.8,3.7-3.8c0.7,0,1.5,0,2.2,0.1v2.6h-1.5c-1.2,0-1.4,0.6-1.4,1.4v1.8H16l-0.4,2.9h-2.5V19H18c0.6,0,1-0.5,1-1V1.1C19,0.5,18.5,0,18,0z"></path></svg>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="fa a2a_button_x x" aria-label="Share on X" target="_blank" href="#" rel="nofollow noopener">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 -2 50 50" fill="currentColor" aria-hidden="true"><path fill="#111111" d="M5.9199219 6L20.582031 27.375L6.2304688 44h3.1796874L21.986328 29.421875L31.986328 44H44L28.681641 21.669922L42.199219 6h-3.169922L27.275391 19.617188L17.933594 6z"></path></svg>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="fa a2a_button_linkedin linkedin" aria-label="Share on LinkedIn" target="_blank" href="#" rel="nofollow noopener">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 448 512" fill="currentColor" aria-hidden="true" focusable="false"><path fill="#0a66c2" d="M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z"></path></svg>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
|
||||
<!-- Main Content -->
|
||||
<div class="lr--layout-region lr--main">
|
||||
<section class="cc--component-container cc--wysiwyg">
|
||||
<div class="c--component c--wysiwyg">
|
||||
@@ -65,7 +89,6 @@
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -22,8 +22,14 @@
|
||||
<div class="f--field f--image" th:if="${post.featuredImage != null and !post.featuredImage.isEmpty()}">
|
||||
<img th:src="${post.featuredImage}" th:alt="${post.title}">
|
||||
</div>
|
||||
<h1 class="f--field f--title" th:text="${post.title}">Post Title</h1>
|
||||
<p class="f--field f--date" th:if="${formattedDate != null}" th:text="${formattedDate}">Date</p>
|
||||
<div class="text-container">
|
||||
<div class="f--field f--eyebrow" th:if="${post.category != null}" th:text="${post.category.name}">
|
||||
University News
|
||||
</div>
|
||||
<div class="f--field f--page-title">
|
||||
<h1 th:text="${post.title}">Post Title</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -31,15 +37,53 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Content Main (Standard One Column) -->
|
||||
<!-- Content Main (Two Column Layout with Sidebar) -->
|
||||
<div class="content-main">
|
||||
<div class="lc--layout-container lc--one-column">
|
||||
<div class="l--layout l--one-column">
|
||||
<div class="lc--layout-container lc--two-column">
|
||||
<div class="l--layout l--two-column">
|
||||
|
||||
<aside class="lr--layout-region lr--sidebar">
|
||||
<div class="cc--component-container cc--contact-block ">
|
||||
<div class="c--component c--contact-block">
|
||||
<div class="f--field f--text publication-date" th:if="${formattedDate != null}" th:text="${formattedDate}">
|
||||
July 17, 2026
|
||||
</div>
|
||||
<div class="text-container">
|
||||
<div class="f--field f--text">
|
||||
<p th:if="${post.createdBy != null}" th:text="${post.createdBy}"></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cc--component-container cc--share-block ">
|
||||
<div class="c--component c--share-block">
|
||||
<div data-component-id="umass_base:section-title" class="f--section-title">
|
||||
<h2>Share This</h2>
|
||||
</div>
|
||||
<ul class="social-media-links--platforms a2a_kit a2a_default_style" style="line-height: 16px;">
|
||||
<li>
|
||||
<a class="fa a2a_button_facebook facebook" aria-label="Share on Facebook" target="_blank" href="#" rel="nofollow noopener">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 19 19" fill="currentColor" aria-hidden="true"><path fill="#1877f2" d="M18,0H1.1C0.5,0,0,0.5,0,1.1V18c0,0.6,0.5,1,1.1,1h9.1v-7.3H7.7V8.8h2.5V6.7c0-2.5,1.5-3.8,3.7-3.8c0.7,0,1.5,0,2.2,0.1v2.6h-1.5c-1.2,0-1.4,0.6-1.4,1.4v1.8H16l-0.4,2.9h-2.5V19H18c0.6,0,1-0.5,1-1V1.1C19,0.5,18.5,0,18,0z"></path></svg>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="fa a2a_button_x x" aria-label="Share on X" target="_blank" href="#" rel="nofollow noopener">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 -2 50 50" fill="currentColor" aria-hidden="true"><path fill="#111111" d="M5.9199219 6L20.582031 27.375L6.2304688 44h3.1796874L21.986328 29.421875L31.986328 44H44L28.681641 21.669922L42.199219 6h-3.169922L27.275391 19.617188L17.933594 6z"></path></svg>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="fa a2a_button_linkedin linkedin" aria-label="Share on LinkedIn" target="_blank" href="#" rel="nofollow noopener">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 448 512" fill="currentColor" aria-hidden="true" focusable="false"><path fill="#0a66c2" d="M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z"></path></svg>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
|
||||
<div class="lr--layout-region lr--main">
|
||||
<section class="cc--component-container cc--wysiwyg">
|
||||
<div class="c--component c--wysiwyg">
|
||||
<!-- Output raw HTML from block editor (we need to parse or render it). Since it's saved as raw HTML from the previous plugin or JSON, we just output it. Wait, the editor uses Editor.js, so the content might be JSON! -->
|
||||
<!-- Assuming the content is parsed or we just dump it for now -->
|
||||
<div class="f--field f--wysiwyg editorjs-content" id="postContentRaw" style="display:none;" th:text="${post.content}"></div>
|
||||
<div class="f--field f--wysiwyg" id="postContentParsed"></div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user