diff --git a/dist/djangocms-blog/blog-latest-entries.css b/dist/djangocms-blog/blog-latest-entries.css new file mode 100644 index 000000000..300c2cee1 --- /dev/null +++ b/dist/djangocms-blog/blog-latest-entries.css @@ -0,0 +1 @@ +/*! @tacc/core-styles 2.50.2+ | MIT | github.com/TACC/Core-Styles */.blog-latest-entries{--article-buffer:20px}.blog-latest-entries{container-type:inline-size}.blog-latest-entries article header h3{font-size:var(--global-font-size--medium);font-weight:var(--bold);margin-bottom:.5rem;margin-top:unset}.blog-latest-entries article{display:grid}@container (min-width: 768px){.blog-latest-entries article{-moz-column-gap:var(--global-space--bootstrap-gap);column-gap:var(--global-space--bootstrap-gap);grid-template-areas:"media head" "media desc";grid-template-columns:minmax(0,max-content) 1fr;grid-template-rows:min-content 1fr}}@container (max-width: 767px){.blog-latest-entries article{grid-auto-rows:min-content;grid-template-areas:"media" "head" "desc"}.blog-latest-entries article .blog-visual{margin-bottom:15px}.blog-latest-entries article .blog-visual img{height:auto;max-width:100%}}.blog-latest-entries article header{grid-area:head}.blog-latest-entries article .blog-visual{grid-area:media}.blog-latest-entries article .blog-lead{grid-area:desc}.blog-latest-entries article+article{border-top:var(--global-border-width--normal) solid var(--global-color-primary--dark);margin-top:var(--article-buffer);padding-top:var(--article-buffer)}.blog-latest-entries article .blog-lead p:last-child{margin-bottom:0}.blog-latest-entries article :where(header>:not(h3),.read-more){display:none} \ No newline at end of file diff --git a/src/lib/_imports/djangocms-blog/blog-latest-entries.css b/src/lib/_imports/djangocms-blog/blog-latest-entries.css new file mode 100644 index 000000000..bebb344f3 --- /dev/null +++ b/src/lib/_imports/djangocms-blog/blog-latest-entries.css @@ -0,0 +1,77 @@ +/* To Replicate Manual "Latest News" Feed on CTRN Homepage */ +/* TODO: Use News styles once migrated from TACC to Core */ +/* https://tacc-main.atlassian.net/browse/CMD-93 */ + +/* settings from core-cms */ +/* https://github.com/TACC/Core-CMS/blob/v4.29.0/taccsite_cms/static/site_cms/css/src/_imports/components/django.cms.blog.app.css#L23-L27 */ +.blog-latest-entries { + --article-buffer: 20px; +} + +/* to enable container queries */ +.blog-latest-entries { + container-type: inline-size; +} + +/* to style h3 like an h4 */ +.blog-latest-entries article header h3 { + margin-bottom: 0.5rem; /* Bootstrap _type.css */ + + font-size: var(--global-font-size--medium); + font-weight: var(--bold); +} + +/* lay out image left of the header over the abstract */ +.blog-latest-entries article { + display: grid; +} +@container (min-width: 768px) { + .blog-latest-entries article { + column-gap: var(--global-space--bootstrap-gap); + grid-template-columns: minmax(0, max-content) 1fr; + grid-template-rows: min-content 1fr; + grid-template-areas: + "media head" + "media desc"; + } +} +@container (max-width: 767px) { + .blog-latest-entries article { + grid-auto-rows: min-content; + grid-template-areas: + "media" + "head" + "desc"; + } + + .blog-latest-entries article .blog-visual { + margin-bottom: 15px; + } + .blog-latest-entries article .blog-visual img { + height:auto; + max-width: 100% + } +} +.blog-latest-entries article header { grid-area: head; } +.blog-latest-entries article .blog-visual { grid-area: media; } +.blog-latest-entries article .blog-lead { grid-area: desc; } + +/* to add line and space between articles */ +.blog-latest-entries article + article { + border-top: var(--global-border-width--normal) solid var(--global-color-primary--light); + margin-top: var(--article-buffer); + padding-top: var(--article-buffer); +} + +/* to remove extra space at bottom of article */ +.blog-latest-entries article .blog-lead p:last-child { + margin-bottom: 0; +} + +/* to hide stuff that is not in a simple feed */ +.blog-latest-entries article *:where( + header > *:not(h3) /* everything in header that is not the title */, + .read-more /* the footer link to article (header link is adequate) */ +) { + display: none; +} diff --git a/src/lib/_imports/djangocms-blog/blog-latest-entries/blog-latest-entries.hbs b/src/lib/_imports/djangocms-blog/blog-latest-entries/blog-latest-entries.hbs new file mode 100644 index 000000000..50d278096 --- /dev/null +++ b/src/lib/_imports/djangocms-blog/blog-latest-entries/blog-latest-entries.hbs @@ -0,0 +1,73 @@ +
+
+ +
+
+

News from Spencer's Desk

+

Notes from the May 9, 2025 Hub Meeting

+
    +
    • +
+
    +
  • Uncategorized
    • +
+
    +
    +
    None
    +
    This + is my first post...and an opportunity to demonstrate adding news content to the new texasctrn.org + website. We are doing a walkthrough of the website with CTRN Hub on May 9th to gather feedback for + what needs to be added prior to the public launch.
    + +
    + +
    +
    diff --git a/src/lib/_imports/djangocms-blog/blog-latest-entries/config.yml b/src/lib/_imports/djangocms-blog/blog-latest-entries/config.yml new file mode 100644 index 000000000..dbb742983 --- /dev/null +++ b/src/lib/_imports/djangocms-blog/blog-latest-entries/config.yml @@ -0,0 +1,12 @@ +variants: + - name: default + label: Unstyled + status: reference + context: + shouldSkipBase: true + - name: tacc-cms + label: TACC (CMS) + status: wip + context: + shouldSkipPattern: false + shouldLoadCMS: true