Skip to content

Commit 719a8d7

Browse files
Redesign Replication Hub page (#724)
* Redesign Replication Hub with hero layout and four area cards Replace the plain markdown listing with a clusters-style layout: intro text + lightbox Venn diagram image, and four color-coded cards (Track, Explore, Conduct, Disseminate) driven from frontmatter YAML. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com> * Add sharing image for Replication Hub social previews Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com> * Update Replication Hub image and Conduct card color to salmon New diagram with salmon/pink Conduct area, cropped to match original dimensions. Fix R2 abbreviation (was incorrectly RR). Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com> * Fix Replication Hub diagram cropping Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com> --------- Co-authored-by: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
1 parent f5b54be commit 719a8d7

File tree

6 files changed

+319
-56
lines changed

6 files changed

+319
-56
lines changed

assets/scss/custom.scss

Lines changed: 132 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1767,3 +1767,135 @@ h1.clusters-site-heading.clusters-hub-page__title {
17671767
font-size: 0.92rem;
17681768
}
17691769
}
1770+
1771+
/* ============================================================
1772+
REPLICATION HUB – four-area cards
1773+
============================================================ */
1774+
1775+
.rephub-cards-section {
1776+
padding: 1.5rem 0 2.5rem;
1777+
}
1778+
1779+
.rephub-cards {
1780+
display: grid;
1781+
grid-template-columns: 1fr 1fr;
1782+
gap: 1.5rem;
1783+
}
1784+
1785+
.rephub-card {
1786+
border-radius: 12px;
1787+
overflow: hidden;
1788+
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
1789+
transition: box-shadow 0.2s ease, transform 0.2s ease;
1790+
}
1791+
1792+
.rephub-card:hover {
1793+
box-shadow: 0 6px 24px rgba(0, 0, 0, 0.13);
1794+
transform: translateY(-2px);
1795+
}
1796+
1797+
.rephub-card__header {
1798+
padding: 1rem 1.25rem 0.6rem;
1799+
}
1800+
1801+
.rephub-card__title {
1802+
font-size: 1.5rem;
1803+
font-weight: 700;
1804+
margin: 0;
1805+
color: #fff;
1806+
}
1807+
1808+
.rephub-card__body {
1809+
padding: 0.75rem 1.25rem 1.25rem;
1810+
}
1811+
1812+
.rephub-card__body p {
1813+
font-size: 0.9rem;
1814+
line-height: 1.65;
1815+
color: #333;
1816+
margin-bottom: 0.75rem;
1817+
}
1818+
1819+
.rephub-card__links-heading {
1820+
font-size: 0.85rem;
1821+
font-weight: 700;
1822+
text-transform: uppercase;
1823+
letter-spacing: 0.04em;
1824+
margin: 0.75rem 0 0.4rem;
1825+
color: #555;
1826+
}
1827+
1828+
.rephub-card__links {
1829+
list-style: none;
1830+
padding: 0;
1831+
margin: 0;
1832+
}
1833+
1834+
.rephub-card__links li {
1835+
font-size: 0.88rem;
1836+
padding: 0.25rem 0;
1837+
padding-left: 1.1rem;
1838+
position: relative;
1839+
}
1840+
1841+
.rephub-card__links li::before {
1842+
content: "\2022";
1843+
position: absolute;
1844+
left: 0;
1845+
font-weight: 700;
1846+
}
1847+
1848+
.rephub-card__links a {
1849+
text-decoration: none;
1850+
border-bottom: 1px solid transparent;
1851+
transition: border-color 0.15s;
1852+
}
1853+
1854+
.rephub-card__links a:hover {
1855+
border-bottom-color: currentColor;
1856+
}
1857+
1858+
/* --- Color themes matching the Venn diagram --- */
1859+
1860+
/* Track – steel blue */
1861+
.rephub-card--track {
1862+
background: linear-gradient(135deg, #e8edf5 0%, #f4f6fb 100%);
1863+
border-top: 4px solid #7B8FB3;
1864+
}
1865+
.rephub-card--track .rephub-card__header { background: #7B8FB3; }
1866+
.rephub-card--track .rephub-card__links li::before { color: #7B8FB3; }
1867+
.rephub-card--track .rephub-card__links a { color: #5a6f91; }
1868+
1869+
/* Explore – sage green */
1870+
.rephub-card--explore {
1871+
background: linear-gradient(135deg, #e6eeeb 0%, #f2f6f4 100%);
1872+
border-top: 4px solid #7FA098;
1873+
}
1874+
.rephub-card--explore .rephub-card__header { background: #7FA098; }
1875+
.rephub-card--explore .rephub-card__links li::before { color: #7FA098; }
1876+
.rephub-card--explore .rephub-card__links a { color: #5a7e74; }
1877+
1878+
/* Conduct – salmon/pink */
1879+
.rephub-card--conduct {
1880+
background: linear-gradient(135deg, #f5e8e6 0%, #fbf2f1 100%);
1881+
border-top: 4px solid #D4908A;
1882+
}
1883+
.rephub-card--conduct .rephub-card__header { background: #D4908A; }
1884+
.rephub-card--conduct .rephub-card__links li::before { color: #D4908A; }
1885+
.rephub-card--conduct .rephub-card__links a { color: #a5635d; }
1886+
1887+
/* Disseminate – olive green */
1888+
.rephub-card--disseminate {
1889+
background: linear-gradient(135deg, #eff0e4 0%, #f6f7f0 100%);
1890+
border-top: 4px solid #A5A87A;
1891+
}
1892+
.rephub-card--disseminate .rephub-card__header { background: #A5A87A; }
1893+
.rephub-card--disseminate .rephub-card__links li::before { color: #A5A87A; }
1894+
.rephub-card--disseminate .rephub-card__links a { color: #7a7d55; }
1895+
1896+
/* Responsive: single column on mobile */
1897+
@media (max-width: 768px) {
1898+
.rephub-cards {
1899+
grid-template-columns: 1fr;
1900+
}
1901+
}

content/replication-hub/_index.md

Lines changed: 84 additions & 56 deletions
Original file line numberDiff line numberDiff line change
@@ -1,58 +1,86 @@
11
---
2-
# Section metadata
3-
title: "FORRT Replication Hub"
4-
date: 2023-09-09
5-
type: plain_page
2+
title: "FORRT Replication Hub — Transforming Research"
3+
heading_title: "FORRT's Replication Hub"
4+
description: "Support for every level of replication and reproduction — tracking, exploring, conducting, and disseminating replication studies across all research disciplines."
5+
type: replication_hub
6+
image: "replication_hub.webp"
7+
image_alt: "FORRT Replication Hub diagram showing four areas: Track, Explore, Conduct, Disseminate"
8+
sharing_image_resource: "replication_hub.webp"
9+
sharing_image_alt: "FORRT Replication Hub diagram showing four areas: Track, Explore, Conduct, Disseminate"
10+
11+
intro: >
12+
With the FORRT Replication Hub, our mission is to support reproduction and
13+
replication studies across all stages of the research process as well as all
14+
research disciplines. It consists of a comprehensive collection of resources
15+
and tools designed to assist researchers in the *tracking*, *finding &
16+
exploring*, *conducting*, and *publishing & dissemination* of reproduction and
17+
replication studies.
18+
19+
cards:
20+
- key: track
21+
title: Track
22+
description: >
23+
Reproductions and replications are often published in preprints, as part
24+
of meta-papers that can include over one hundred studies, and in different
25+
journals than the respective target studies. At the FORRT Replication Hub,
26+
we track them in multiple ways by linking original and target studies.
27+
links:
28+
- text: "FORRT Library of Reproduction and Replication Attempts (FLoRA)"
29+
url: "/replication-hub/flora/"
30+
- text: "FLoRA Submission Form"
31+
url: "/replication-hub/submit/"
32+
- text: "Positive Changes from the Replication Crisis"
33+
url: "https://doi.org/10.1038/s44271-023-00003-2"
34+
35+
- key: explore
36+
title: Explore
37+
description: >
38+
*Gotta catch 'em all!* Researchers who are looking to incorporate hundreds
39+
of replication attempts into their research and teaching can make use of
40+
our free and open-source tools. These are mostly based on FLoRA and FReD.
41+
links:
42+
- text: "FLoRA Annotator"
43+
url: "/annotator"
44+
- text: "FReD Explorer"
45+
url: "/explorer"
46+
- text: "FReD R Package"
47+
url: "/FReD"
48+
49+
- key: conduct
50+
title: Conduct
51+
description: >
52+
Since failures to replicate a large proportion of seminal findings across
53+
many disciplines, interest in reproduction and replication has surged and
54+
given rise to new techniques and methods. Our resources help students,
55+
ECRs, and experienced researchers to take up newly developed methods and
56+
conduct high-quality replication research.
57+
links:
58+
- text: "Handbook for Reproduction and Replication Studies (WIP)"
59+
url: "/replication_handbook"
60+
- text: "Manuscript Templates"
61+
url: "https://osf.io/brxtd/"
62+
- text: "Love Replications Week"
63+
url: "/LoveReplicationsWeek"
64+
- text: "ReplicateThis Nomination Portal (WIP)"
65+
url: "/replicatethis"
66+
67+
- key: disseminate
68+
title: Disseminate
69+
description: >
70+
Research is meant to be shared. While many areas of academic culture value
71+
innovation for the sake of robustness and repetition, we strive for
72+
equality. With a dedicated and community-owned diamond open access journal
73+
led by a group of experts, FORRT supports all researchers in publishing
74+
high-quality repetitions.
75+
links:
76+
- text: "Replication Research (R2) Diamond Open Access Journal"
77+
url: "http://replicationresearch.org"
78+
- text: "R2 Mentorship Program"
79+
url: "https://ejournals.uni-muenster.de/replicationresearch/mentorshipprogram"
80+
- text: "Replication Journal Federation"
81+
url: "/rjf"
82+
- text: "Replication Bot"
83+
url: "https://bsky.app/profile/replicationbot.bsky.social"
84+
- text: "Journal Replicability Tracker"
85+
url: "/journalranking"
686
---
7-
8-
<br>
9-
10-
<img src="https://github.com/user-attachments/assets/f09dbbc0-9fe1-4261-aaa4-4df948ad9be0" />
11-
12-
13-
### **Transforming Research: Support for Every Level of Replication and Reproduction**
14-
15-
The FORRT Replication Hub provides a comprehensive collection of resources and tools designed to assist researchers in the identification, evaluation, execution, and publication of replication studies.
16-
17-
### **Projects**
18-
19-
1. FORRT’s Replication Database (FReD) serves as a centralized repository where researchers can access information about past replication efforts, including methodologies and outcomes. This database is intended to facilitate easier access to replication study data, promote transparency, and encourage the conduct of further replications by providing researchers with a clear view of what has been previously attempted and achieved.
20-
<img src="fred.webp" />
21-
22-
23-
- [FReD Explorer](/explorer) is an interactive tool within the FORRT Replication Database designed to facilitate the navigation and discovery of replication studies. It allows researchers and educators to explore a wide array of replication projects easily, filtering them based on various criteria. The Explorer helps users identify trends and gaps in replication research, offering a user-friendly interface to access detailed information on past studies.
24-
25-
2. [FLoRA Annotator](/annotator) is a tool aimed at enhancing the quality and accessibility of data within the FORRT Replication Database. It allows users to check a list of references for potential replication attempts and returns a reading list that includes replication attempts and outcomes of the replication studies.
26-
27-
3. [Replication Research](http://replicationresearch.org) is a diamond open access journal for reproductions, replications, and conceptual articles from multiple fields. It is being developed by FORRT and the Münster Center for Open Science and will be launched in fall 2025\.
28-
29-
<a href="http://replicationresearch.org" target="_blank">
30-
<img src="rep_research.webp" alt="Replication Research">
31-
</a>
32-
33-
4. [FORRT’s Replications and Reversals](/reversals/) is a crowdsourced list of studies that have been replicated, not replicated, or reversed (i.e., replication results were the opposite of original results) for pedagogical purposes. It stopped updating in late 2023 as we are merging it into FReD. An updated version of the list will be available shortly.
34-
35-
### **Partner Projects**
36-
37-
* The [Scaling Machine Assessments of Research Trustworthiness](https://www.cos.io/about/news/cos-expands-score-program-efforts) (SMART) competition explores innovative methods to predict the replicability of scientific findings using algorithms. FORRT has [partnered](https://www.cos.io/blog/cos-and-forrt-partner-to-increase-discoverability-and-usability-of-replication-evidence) with the COS to provide a large training dataset.
38-
* The [Collaborative Replication and Education Project (CREP)](https://forrt.org/glossary/vbeta/collaborative-replication-and-educa/) is an initiative designed to organize and structure replication efforts of highly-cited empirical studies in psychology to satisfy the dual needs for more high-quality direct replications and more training in empirical research techniques for psychology students. CREP aims to address the need for replications of highly cited studies, and to provide training, support and professional growth opportunities for academics completing replication projects.
39-
* The [Institute for Replication (I4R)](https://i4replication.org) organizes replication games to conduct replications and reproductions. It provides replication and teaching resources and helps researchers disseminate and publish replications and reproductions.
40-
* The Center for Open Science’s projects to [Systematizing Confidence in Open Research and Evidence (SCORE)](https://www.cos.io/score) and , the [Scaling Machine Assessments of Research Trustworthiness (SMART)](https://www.cos.io/about/news/cos-expands-score-program-efforts) include prediction markets, machine-learning, and replication efforts.
41-
* The project [Improving Reproducibility in Science (iRise)](https://camarades.shinyapps.io/dev-irise-soles/) identifies, tracks, and evaluates discipline-wide open science interventions and develops tools to improve reproducibility.
42-
* The [Replication Wiki](https://replication.uni-goettingen.de/wiki/index.php/Main_Page) provides teaching resources for replication research and a database with reproductions and replications from the social sciences (particularly economics).
43-
* The [Journal of Comments and Replications in Economics](http://jcr-econ.org) is the go-to outlet for reproductions and replications from the field of economics.
44-
* We are also very grateful to everyone who contributed to the many large-scale replication efforts in recent years that we drew on in compiling our data. A list of large replication projects can be found [here](/replication-hub/large-scale-replication-projects/).
45-
46-
**Publications and Pre-prints**
47-
48-
Korbmacher, M., Azevedo, F., Pennington, C. R., Hartmann, H., Pownall, M., Schmidt, K., ... & Evans, T. (2023). The replication crisis has led to positive structural, procedural, and community changes. *Communications Psychology*, 1(1), 3\. [https://doi.org/10.1038/s44271-023-00003-2](https://doi.org/10.1038/s44271-023-00003-2)
49-
50-
Röseler, L., Kaiser, L., Doetsch, C., Klett, N., Seida, C., Schütz, A., ... & Zhang, Y. (2024). The replication database: documenting the replicability of psychological science. Journal of Open Psychology Data, 12(8), 1-23. [https://doi.org/10.5334/jopd.101](https://doi.org/10.5334/jopd.101)
51-
52-
Röseler, L., Gendlina, T., Krapp, J., Labusch, N., & Schütz, A. (2022). Successes and Failures of Replications: A Meta-Analysis of Independent Replication Studies Based on the OSF Registries. *MetaArXiv Preprints*. [https://doi.org/10.31222/osf.io/8psw2](https://doi.org/10.31222/osf.io/8psw2)
53-
54-
### **Support Us**
55-
56-
[https://opencollective.com/forrt](https://opencollective.com/forrt)
57-
58-
88.3 KB
Loading
Lines changed: 25 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,25 @@
1+
{{/* cards.html - Four area cards for the Replication Hub, driven by .Params.cards */}}
2+
<div class="rephub-cards">
3+
4+
{{ range .Params.cards }}
5+
<div class="rephub-card rephub-card--{{ .key }}">
6+
<div class="rephub-card__header">
7+
<h2 class="rephub-card__title">{{ .title }}</h2>
8+
</div>
9+
<div class="rephub-card__body">
10+
<p>{{ .description | markdownify }}</p>
11+
{{ if .links }}
12+
<h3 class="rephub-card__links-heading">Direct Links to Projects</h3>
13+
<ul class="rephub-card__links">
14+
{{ range .links }}
15+
<li>
16+
{{ if .url }}<a href="{{ .url }}">{{ .text }}</a>{{ else }}{{ .text }}{{ end }}
17+
</li>
18+
{{ end }}
19+
</ul>
20+
{{ end }}
21+
</div>
22+
</div>
23+
{{ end }}
24+
25+
</div>
Lines changed: 52 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,52 @@
1+
{{/* intro.html - Intro with text left, lightbox image right (replication hub) */}}
2+
<div class="clusters-intro">
3+
4+
<div class="intro-hero">
5+
{{/* Left column: text */}}
6+
<div class="intro-hero-text">
7+
<p class="intro-paragraph">
8+
{{ .Params.intro | markdownify }}
9+
</p>
10+
</div>
11+
12+
{{/* Right column: lightbox image */}}
13+
{{ with .Params.image }}
14+
<div class="intro-hero-image">
15+
<a href="{{ . }}" class="lightbox-trigger" aria-label="View full-size Replication Hub diagram">
16+
<div class="intro-thumbnail-wrapper">
17+
<img src="{{ . }}" alt="{{ $.Params.image_alt | default "Replication Hub diagram" }}" class="intro-thumbnail" loading="lazy">
18+
</div>
19+
<span class="lightbox-hint">
20+
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/><line x1="11" y1="8" x2="11" y2="14"/><line x1="8" y1="11" x2="14" y2="11"/></svg>
21+
Click to enlarge
22+
</span>
23+
</a>
24+
</div>
25+
{{ end }}
26+
</div>
27+
28+
{{/* Lightbox overlay */}}
29+
{{ with .Params.image }}
30+
<div class="lightbox-overlay" id="rephub-lightbox" role="dialog" aria-modal="true" aria-label="Replication Hub diagram">
31+
<button class="lightbox-close" aria-label="Close">&times;</button>
32+
<img src="{{ . }}" alt="{{ $.Params.image_alt | default "Replication Hub diagram" }}" class="lightbox-image">
33+
</div>
34+
35+
<script>
36+
(function() {
37+
var trigger = document.querySelector('#rephub-lightbox').closest('.clusters-intro').querySelector('.lightbox-trigger');
38+
var overlay = document.getElementById('rephub-lightbox');
39+
var closeBtn = overlay.querySelector('.lightbox-close');
40+
41+
function open(e) { e.preventDefault(); overlay.classList.add('active'); }
42+
function close() { overlay.classList.remove('active'); }
43+
44+
trigger.addEventListener('click', open);
45+
closeBtn.addEventListener('click', close);
46+
overlay.addEventListener('click', function(e) { if (e.target === overlay) close(); });
47+
document.addEventListener('keydown', function(e) { if (e.key === 'Escape') close(); });
48+
})();
49+
</script>
50+
{{ end }}
51+
52+
</div>

layouts/replication_hub/list.html

Lines changed: 26 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,26 @@
1+
{{/* layouts/replication_hub/list.html - Main layout for replication hub page */}}
2+
{{ define "main" }}
3+
4+
<div class="universal-wrapper pt-3 pb-3">
5+
<div class="container">
6+
<div class="article-container pt-3">
7+
<h1 class="clusters-site-heading clusters-hub-page__title" itemprop="headline">{{ .Params.heading_title | default .Title }}</h1>
8+
</div>
9+
</div>
10+
</div>
11+
12+
{{/* INTRO SECTION */}}
13+
<section class="clusters-intro-section">
14+
<div class="container">
15+
{{ partial "replication-hub/intro.html" . }}
16+
</div>
17+
</section>
18+
19+
{{/* CARDS SECTION */}}
20+
<section class="rephub-cards-section">
21+
<div class="container">
22+
{{ partial "replication-hub/cards.html" . }}
23+
</div>
24+
</section>
25+
26+
{{ end }}

0 commit comments

Comments
 (0)