news page redesign

DHRI-Curriculum · May 27, 2024 · 71343e7 · 71343e7
1 parent acc0bbc
commit 71343e7
Show file tree

Hide file tree

Showing 7 changed files with 75 additions and 91 deletions.
diff --git a/_config.yml b/_config.yml
@@ -20,6 +20,9 @@ collections:
     sort_by: weight
   team:
     output: true
+  news:
+    output: true
+    sort_by: date
 
 defaults:
   - scope:

diff --git a/_data/news.json b/_data/news.json
diff --git a/_layouts/news.html b/_layouts/news.html
@@ -1,35 +1,39 @@
 ---
 layout: default
 bodyClass: page-basic
---- 
+---
 
 <div class="container">
     <div class="row justify-content-center">
         <div class="col-md-9">
             <h1 class="news-head">Stay up to date with the latest news about the DHRIFT project.</h1>
-            {% for data in site.data.news %}
+            {% assign sorted_news = site.news | sort: 'date' | reverse %}
+            {% for news_item in sorted_news %}
             <div class="news-container">
                 <div class="news-date">
-                    <h6 class="card-subtitle mb-2 text-muted">{{ data.date }}</h6>
+                    <h6 class="card-subtitle mb-2 text-muted">{{ news_item.date | date: "%B %d, %Y" }}</h6>
                 </div>
                 <div class="news-content">
-                    <div class="card-body">
+                    <div class="news-card-body">
                         <div class="news-details">
-                            <h5 class="card-title">{{ data.title }}</h5>
-                            <p class="card-text">{{ data.description }}</p>
+                            <h5 class="news-card-title">{{ news_item.title }}</h5>
+                            <p class="news-card-text">{{ news_item.description }}</p>
                         </div>
+                        {% if news_item.image %}
                         <div class="news-image-container">
                             <div class="news-image-wrapper">
-                                <img src="{{ data.image }}" class="news-image img-fluid" alt="{{ data.title }}">
-                            </div>
-                            <div class="additional-text" style="display: none;">
-                                <p>{{ data.text }}</p>
+                                <img src="{{ news_item.image }}" class="news-image img-fluid" alt="{{ news_item.title }}">
                             </div>
-                            <a href="#" class="read-more">Learn more</a>
                         </div>
+                        {% endif %}
+                        <div class="additional-text" style="display: none;">
+                            {{ news_item.content | markdownify }}
+                        </div>
+                        <a href="#" class="read-more">Read more</a>
                     </div>
                 </div>
             </div>
+            <hr class="news-separator">
             {% endfor %}
         </div>
     </div>
@@ -48,10 +52,9 @@ <h5 class="card-title">{{ data.title }}</h5>
                     this.textContent = "Read less";
                 } else {
                     additionalText.style.display = "none";
-                    this.textContent = "Learn more";
+                    this.textContent = "Read more";
                 }
             });
         });
     });
 </script>
-
diff --git a/_news/2023-07-08-neh.md b/_news/2023-07-08-neh.md
@@ -0,0 +1,12 @@
+---
+title: "DHRIFT Project Receives NEH Advancement Grant"
+date: 2023-01-11
+description: "Funding!"
+---
+
+The DHRIFT team is excited to announce that the project has received a National Endowment for the Humanities Level III Advancement Grant. This grant support will enable the team to continue to build a community of digital humanities teachers and learners, develop the DHRIFT platform, and create and maintain the DHRIFT curriculum.
+
+The DHRIFT team is thrilled to stand alongside other critical projects in the digital humanities and library and museum spaces during the 2023-2025 grant period. Keep an eye on this space for updates as the DHRIFT team builds community, curriculum, and infrastructure for teaching technical methods in the humanities.
+
+[NEH Office of Digital Humanities Awards Announcement ](https://www.neh.gov/blog/announcing-new-odh-awards-january-2023)<br>
+[Read About NEH Digital Humanities Advancement Grants](https://www.neh.gov/grants/odh/digital-humanities-advancement-grants)
diff --git a/_news/2024-05-27-adho.md b/_news/2024-05-27-adho.md
@@ -0,0 +1,13 @@
+---
+title: "DHRIFT will present at the ADHO 2024 conference"
+date: 2024-05-27
+description: "Join us June 6th at DH 2024: Reinvention and Responsibility in Arlington, VA!"
+---
+
+The DHRIFT team is excited to announce that we will be running a workshop at the Alliance of Digital Humanities Organizations (ADHO) 2024 conference in Arlington, VA. The conference will take place from July 22-26, 2024.
+
+During this workshop, participants will learn about the DHRIFT platform, its directory of available workshops, interactive features, and pedagogical philosophy. Attendees will learn to build their own DHRIFT website for a mock institute, including modifying and customizing existing DHRIFT content. By creating DHRIFT sites, participants will learn about DHRIFT’s underlying technologies: how workshop markdown files are created, ingested, and displayed, how they are stored and processed through GitHub actions, and how institute leaders can use the wizard to build an institute based on their community’s needs. Specific activities will include examining a sample workshop’s markdown file, identifying encoding specific to DHRIFT’s interactive features, and to produce a sample workshop. By the time participants complete the workshop, they will have set up a GitHub repository and development environment on their laptop and learn how to pull, push, and rebuild a sample DHRIFT workshop site.
+
+Final workshop activities will cover how to submit a workshop to DHRIFT Core to be included in our directory of workshops. Workshop leaders will demonstrate the process to submit a proposed workshop to DHRIFT Core, review the criteria for inclusion, and discuss the submission agreement documents and terms of use. If time allows, interested participants will clone DHRIFT and learn how to contribute to our open source development community.
+
+To register for the workshop, please visit the [ADHO 2024 conference website](https://dh2024.adho.org/). We look forward to seeing you there!
diff --git a/assets/css/style.scss b/assets/css/style.scss
@@ -912,72 +912,47 @@ ul li {
 }
 
 .news-container {
-  display: flex;
-  align-items: center; 
-  margin-bottom: 20px; 
-  min-height: 300px;
-}
-
-.news-date {
-  margin-right: 20px;
-}
-
-.news-content {
-  flex-grow: 1; 
-  display: flex;
-  flex-direction: column;
-}
-
-.card-body {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-}
-
-.news-details {
-  margin-right: 20px;
-}
+  margin-bottom: 20px;
+  padding-bottom: 15px;
+  border-radius: 5px;
+  font-size: large;
 
-.news-image-container {
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  width: 50%; 
+  a {
+    color: $primary-dark;
+    font-weight: bold;
+  }
+  a:hover {
+    color: $sky;
+  }
 }
 
-.news-image-wrapper {
-  width: 400px; 
-  height: 250px; 
-  overflow: hidden; 
+.news-separator {
+  border: 0;
+  height: 1px;
+  background: $sky;
+  margin: 20px 0;
 }
 
-.news-image {
-  width: 100%;
+/*.news-image {
+  max-width: 100%;
   height: auto;
+  margin-top: 10px;
+}*/
+
+.news-card-title {
+  font-size: 1.5em;
+  //font-weight: bold;
+  color: $primary;
 }
 
 .additional-text {
-  width: 100%;
-  overflow: hidden;
-  margin-bottom: 25px;
-  margin-top: -25px;
+  margin-top: 10px;
 }
 
 .read-more {
+  display: block;
+  margin-top: 10px;
   color: $primary;
-  margin-top: -20px;
-  background-color: $primary;
-  border: none;
-  border-radius: 0;
-  transition: background-color 0.3s;
-  font-size: 1.2em;
-  color: $white;
-  padding: 10px 20px;
-}
-
-.read-more:hover {
-  background-color: $sky; 
-  color: $primary;
-  cursor: pointer;
-  text-decoration: none;
+  font-weight: bold;
+  text-decoration: underline;
 }
diff --git a/news.md b/news.md
@@ -3,3 +3,4 @@ title: News
 layout: news
 description: News
 ---
+