add resources page

.gitignore

@@ -1,3 +1,4 @@
 _site/
 .sass-cache/
 Gemfile.lock
+.DS_Store

03-resources.html

@@ -0,0 +1,31 @@
+---
+layout: default
+title: Resources
+permalink: /resources
+---
+
+<div class="grid">
+	{% for item in site.data.resources %}
+
+	  <div class="card g-col-md-4">
+	    <div class="card-header">
+	      	<div class="card-banner">
+
+	      		{% if item.logo %}
+	      			<img src="{{ item.logo }}" alt="{{ item.description }}" class="card-logo"/>
+	      		{% else %}
+	      			<img src="images/site_logo.png" class="card-logo"/>
+	      		{% endif %}
+	        	<a href="{{ item.href }}" target="_blank">{{ item.title }}</a>
+	    	</div>
+	        <small>{{ item.subtitle }}</small>
+	    </div>
+	    <div class="card-body">
+	    <a href="{{ item.href }}" target="_blank">
+	      <img src="{{ item.thumbnail }}" alt="{{ item.description }}" class="card-img-bottom"/>
+	    </a>
+		</div>
+	  </div>
+
+	{% endfor %}
+</div>

Gemfile

@@ -40,5 +40,4 @@ gem "wdm", "~> 0.1.1", :install_if => Gem.win_platform?
 
 gem "github-pages", "~> 228", group: :jekyll_plugins
 
-gem 'jekyll-scholar', group: :jekyll_plugins
-
+gem "jekyll-scholar", "~> 5.16.0", group: :jekyll_plugins

_data/resources.yml

@@ -0,0 +1,60 @@
+- item: wordbank
+  title: Wordbank
+  subtitle: Open database of children's vocabulary development, with >100,000 CDI administrations in 40+ languages
+  href: https://wordbank.stanford.edu/
+  logo: images/resources/wordbank-logo.png
+  thumbnail: images/resources/wordbank.png
+
+- item: peekbank
+  title: peekbank
+  subtitle: Flexible and reproducible interface to developmental eyetracking datasets
+  href: https://peekbank.stanford.edu/
+  logo: images/resources/peekbank-logo.png
+  thumbnail: images/resources/peekbank.png
+
+- item: childes-db
+  title: childes-db
+  subtitle: Flexible and reproducible interface to CHILDES (corpora of child language transcripts)
+  href: https://childes-db.stanford.edu/
+  logo: images/resources/childes-db-logo.png
+  thumbnail: images/resources/childes-db.png
+
+- item: datapages
+  title: Datapages
+  subtitle: Tools and templates for sharing datasets along with interactive visualizations and rich documentation
+  href: https://datapages.github.io/
+  logo: images/resources/datapages-logo.png
+  thumbnail: images/resources/datapages.png
+
+- item: metalab
+  title: MetaLab
+  subtitle: Platform for visualization and exploration of meta-analyses of developmental data
+  href: https://metalab.stanford.edu/
+  logo: images/resources/metalab-logo.png
+  thumbnail: images/resources/metalab.png
+
+- item: manybabies
+  title: ManyBabies
+  subtitle: Collaborative project for replication and best practices in developmental psychology research
+  href: http://manybabies.stanford.edu/
+  logo: images/resources/manybabies-logo.png
+  thumbnail: images/resources/manybabies.png
+
+- item: epaq
+  title: EPAQ
+  subtitle: Resources for learning about and administering the Early Parenting Attitudes Questionnaire
+  href: https://epaq.stanford.edu/
+  logo: images/resources/epaq-logo.png
+  thumbnail: images/resources/epaq.png
+
+- item: saycam
+  title: SAYcam
+  subtitle: Collection of over 1700 videos recorded via head camera across three children 6–32 months old
+  href: https://nyu.databrary.org/volume/564
+  thumbnail: images/resources/saycam.png
+
+- item: babyview
+  title: BabyView
+  subtitle: Overview of a new camera designed to measure egocentric visual experience in early childhood
+  href: https://langcog.github.io/babyview/
+  thumbnail: images/resources/babyview.png

_includes/head.html

@@ -8,6 +8,7 @@
 
     <link rel="stylesheet" href="{{ "/css/main.css" | prepend: site.baseurl | prepend: site.url }}">
     <link rel="stylesheet" href="{{ "/css/carousel.css" | prepend: site.baseurl | prepend: site.url }}">
+    <link rel="stylesheet" href="{{ "/css/cards.css" | prepend: site.baseurl | prepend: site.url }}">
     <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/jquery.slick/1.3.11/slick.css"/>
 
     <script type="text/javascript" src="https://code.jquery.com/jquery-1.11.0.min.js"></script>

css/cards.css

@@ -0,0 +1,214 @@
+/*.text-muted {
+    --bs-text-opacity: 1;
+    color: var(--bs-secondary-color) !important;
+}
+*/
+.grid {
+    display: grid;
+    grid-template-rows: repeat(var(--bs-rows, 1), 1fr);
+    grid-template-columns: repeat(var(--bs-columns, 12), 1fr);
+    gap: .75rem;
+}
+
+.card-logo {
+/*  width: 20%;*/
+    height: 1.5em;
+}
+
+.card-banner {
+    display: flex;
+    align-items: center;
+    font-size: 1.5em;
+    column-gap: 0.2em;
+}
+
+/*.border-2 {
+    border-width: 2px !important
+}
+
+.rounded-3 {
+    border-radius: var(--bs-border-radius-lg) !important
+}
+
+.mb-2 {
+    margin-bottom: 0.5rem !important;
+}
+
+.py-1 {
+    padding-top: 0.25rem !important;
+    padding-bottom: 0.25rem !important;
+}
+.px-2 {
+    padding-right: 0.5rem !important;
+    padding-left: 0.5rem !important;
+}
+.border-1 {
+    border-width: 1px !important;
+}
+*/
+.grid .g-col-12 {
+    grid-column: auto/span 12;
+}
+
+.grid .g-col-sm-6 {
+    grid-column: auto/span 6;
+}
+
+.grid .g-col-md-4 {
+    grid-column: auto/span 4;
+}
+
+.card {
+/*    --bs-card-spacer-y: 1rem;*/
+/*    --bs-card-spacer-x: 1rem;*/
+    --bs-card-spacer-y: .5em;
+    --bs-card-spacer-x: .5em;
+    --bs-card-title-spacer-y: 0.5rem;
+    --bs-card-title-color: ;
+    --bs-card-subtitle-color: ;
+    --bs-card-border-width: 1px;
+    --bs-card-border-color: rgba(0, 0, 0, 0.175);
+/*    --bs-card-border-radius: 0.25rem;*/
+    --bs-card-border-radius: 0.5rem;
+    --bs-card-box-shadow: ;
+    --bs-card-inner-border-radius: calc(0.25rem - 1px);
+    --bs-card-cap-padding-y: 0.5rem;
+    --bs-card-cap-padding-x: 1rem;
+    --bs-card-cap-bg: rgba(52, 58, 64, 0.25);
+    --bs-card-cap-color: ;
+    --bs-card-height: ;
+    --bs-card-color: ;
+    --bs-card-bg: #fff;
+    --bs-card-img-overlay-padding: 1rem;
+    --bs-card-group-margin: 0.75rem;
+    position: relative;
+    display: flex;
+    display: -webkit-flex;
+    flex-direction: column;
+    -webkit-flex-direction: column;
+    min-width: 0;
+    height: var(--bs-card-height);
+    color: var(--bs-body-color);
+    word-wrap: break-word;
+    background-color: var(--bs-card-bg);
+    background-clip: border-box;
+    border: var(--bs-card-border-width) solid var(--bs-card-border-color)
+/*    border-radius: var(--bs-card-border-radius)*/
+}
+
+.card>hr {
+    margin-right: 0;
+    margin-left: 0
+}
+
+.card>.list-group {
+    border-top: inherit;
+    border-bottom: inherit
+}
+
+.card>.list-group:first-child {
+    border-top-width: 0
+}
+
+.card>.list-group:last-child {
+    border-bottom-width: 0
+}
+
+.card>.card-header+.list-group,.card>.list-group+.card-footer {
+    border-top: 0
+}
+
+.card-body {
+    flex: 1 1 auto;
+    -webkit-flex: 1 1 auto;
+    padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
+    color: var(--bs-card-color)
+}
+
+.card-title {
+    margin-bottom: var(--bs-card-title-spacer-y);
+    color: var(--bs-card-title-color);
+}
+
+.card-subtitle {
+    margin-top: calc(-0.5*var(--bs-card-title-spacer-y));
+    margin-bottom: 0;
+    color: var(--bs-card-subtitle-color)
+}
+
+.card-text:last-child {
+    margin-bottom: 0
+}
+
+.card-link+.card-link {
+    margin-left: var(--bs-card-spacer-x)
+}
+
+.card-header {
+    padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
+    margin-bottom: 0;
+    color: var(--bs-card-cap-color);
+    background-color: var(--bs-card-cap-bg);
+    border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color)
+}
+
+.card-footer {
+    padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
+    color: var(--bs-card-cap-color);
+    background-color: var(--bs-card-cap-bg);
+    border-top: var(--bs-card-border-width) solid var(--bs-card-border-color)
+}
+
+.card-header-tabs {
+    margin-right: calc(-0.5*var(--bs-card-cap-padding-x));
+    margin-bottom: calc(-1*var(--bs-card-cap-padding-y));
+    margin-left: calc(-0.5*var(--bs-card-cap-padding-x));
+    border-bottom: 0
+}
+
+.card-header-tabs .nav-link.active {
+    background-color: var(--bs-card-bg);
+    border-bottom-color: var(--bs-card-bg)
+}
+
+.card-header-pills {
+    margin-right: calc(-0.5*var(--bs-card-cap-padding-x));
+    margin-left: calc(-0.5*var(--bs-card-cap-padding-x))
+}
+
+.card-img-overlay {
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    padding: var(--bs-card-img-overlay-padding)
+}
+
+.card-img,.card-img-top,.card-img-bottom {
+    width: 100%
+}
+
+.card-group>.card {
+    margin-bottom: var(--bs-card-group-margin)
+}
+
+@media(min-width: 576px) {
+    .card-group {
+        display:flex;
+        display: -webkit-flex;
+        flex-flow: row wrap;
+        -webkit-flex-flow: row wrap
+    }
+
+    .card-group>.card {
+        flex: 1 0 0%;
+        -webkit-flex: 1 0 0%;
+        margin-bottom: 0
+    }
+
+    .card-group>.card+.card {
+        margin-left: 0;
+        border-left: 0
+    }
+}