From 71343e75c8f04bbefa595adc8a771ac41a31b208 Mon Sep 17 00:00:00 2001 From: zipper3030 Date: Mon, 27 May 2024 15:55:59 -0400 Subject: [PATCH] news page redesign --- _config.yml | 3 ++ _data/news.json | 23 ----------- _layouts/news.html | 29 ++++++++------ _news/2023-07-08-neh.md | 12 ++++++ _news/2024-05-27-adho.md | 13 ++++++ assets/css/style.scss | 85 ++++++++++++++-------------------------- news.md | 1 + 7 files changed, 75 insertions(+), 91 deletions(-) delete mode 100644 _data/news.json create mode 100644 _news/2023-07-08-neh.md create mode 100644 _news/2024-05-27-adho.md diff --git a/_config.yml b/_config.yml index 64ceb6c..877b796 100644 --- 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 deleted file mode 100644 index ed0d0ff..0000000 --- a/_data/news.json +++ /dev/null @@ -1,23 +0,0 @@ -[ - { - "title": "DH 2024", - "date": "2024-07-22", - "description": "DHRIFT will present at the AHDO Digital Humanities Conference.", - "image": "/images/dhri.png", - "link": "https://app.dhrift.org/inst/?instUser=GC-DRI&instRepo=GCDRI24Schedule", - "text": "DHRIFT, an OER tool for publishing, reproducing, and revising interactive DH technical - skill workshops, includes modules on topics like Python, JavaScript, and R. In this - workshop, attendees will learn about DHRIFT's pedagogy and underlying technologies. - Participants will create a customized, static workshop site and build new workshops - with DHRIFT." - }, - { - "title": "DHRIFT is awarded an NEH Digital Humanities Advancement Grant", - "date": "2023-07-22", - "description": "DHRIFT gains funding to continue its development.", - "image": "/images/dhri.png", - "link": "https://app.dhrift.org/inst/?instUser=GC-DRI&instRepo=GCDRI23Schedule", - "text": "DHRIFT was awarded an NEH Digital Humanities Advancement Grant to support the ongoing development - of the project. The grant will fund the development of new features, including new workshops and content." - } - ] \ No newline at end of file diff --git a/_layouts/news.html b/_layouts/news.html index fd7c917..1fcaa9a 100644 --- a/_layouts/news.html +++ b/_layouts/news.html @@ -1,35 +1,39 @@ --- layout: default bodyClass: page-basic ---- +---

Stay up to date with the latest news about the DHRIFT project.

- {% for data in site.data.news %} + {% assign sorted_news = site.news | sort: 'date' | reverse %} + {% for news_item in sorted_news %}
-
{{ data.date }}
+
{{ news_item.date | date: "%B %d, %Y" }}
-
+
-
{{ data.title }}
-

{{ data.description }}

+
{{ news_item.title }}
+

{{ news_item.description }}

+ {% if news_item.image %}
- {{ data.title }} -
- - Learn more
+ {% endif %} + + Read more
+
{% endfor %}
@@ -48,10 +52,9 @@
{{ data.title }}
this.textContent = "Read less"; } else { additionalText.style.display = "none"; - this.textContent = "Learn more"; + this.textContent = "Read more"; } }); }); }); - diff --git a/_news/2023-07-08-neh.md b/_news/2023-07-08-neh.md new file mode 100644 index 0000000..a29cb7c --- /dev/null +++ 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)
+[Read About NEH Digital Humanities Advancement Grants](https://www.neh.gov/grants/odh/digital-humanities-advancement-grants) \ No newline at end of file diff --git a/_news/2024-05-27-adho.md b/_news/2024-05-27-adho.md new file mode 100644 index 0000000..56ff201 --- /dev/null +++ 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! \ No newline at end of file diff --git a/assets/css/style.scss b/assets/css/style.scss index da3833f..923a40b 100644 --- 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; } \ No newline at end of file diff --git a/news.md b/news.md index 49b362f..6fde7b3 100644 --- a/news.md +++ b/news.md @@ -3,3 +3,4 @@ title: News layout: news description: News --- + \ No newline at end of file