Merge pull request #26 from openproblems-bio/feature/design

Feature/design

_quarto.yml

@@ -8,6 +8,10 @@ website:
   site-url: https://openproblems-experimental.netlify.com
   repo-url: https://github.com/openproblems-bio/website-experimental
   repo-actions: [edit, issue] 
+
+
+  page-footer:
+    left: "© Open Problems 2022 · View on [GitHub](https://github.com/openproblems-bio/openproblems). Made with [Quarto♥](https://quarto.org)."
 
   navbar:
     logo: images/logo.png
@@ -87,7 +91,7 @@ website:
         - results_v2/migration.qmd
 format:
   html:
-    theme: simplex
+    theme: [ simplex, theme.scss ]
     css: styles.css
     toc: true
 

index.qmd

@@ -1,10 +1,11 @@
 ---
-title: "Benchmarking formalized challenges in single-cell analysis"
+title: '![Open Problems in Single-Cell Analysis](images/heros/home_hero_text.png){width="80%"}'
 title-block-banner: images/heros/home_hero.jpg
 page-layout: full
+toc: false
 ---
 
-
+# Benchmarking formalized challenges in single-cell analysis
 Computational biology is undergoing a revolution. Recent advances in microfluidic technology enable high-throughput and high-dimensional of individual cells at unprecedented scale. But there's a catch.
 
 Single-cell analysis is _hard_.
@@ -43,6 +44,6 @@ We'd love for you to get involved.
 
 You can start by [joining our mailing list](https://docs.google.com/forms/d/e/1FAIpQLSe90Oky4-1b0HbdLsp5Yqo9juCd2mq-NlGHU9NHRW1ECok1xQ/viewform?usp=sf_link) to be the first to hear about updates.
 
-Next, check out our [Contributing Guidelines](https://github.com/openproblems-bio/openproblems/blob/master/CONTRIBUTING.md).
+Next, check out our [Contributing Guidelines](contributing/).
 
-Finally, introduce yourself by giving us a 👋 on our [Discord Server](https://discord.gg/sDE7cM4PN7)! You'll find several groups of people here working on different tasks. Check out the different channels and see where you can contribute!
+Finally, introduce yourself by giving us a 👋 on our [Discord Server](https://discord.gg/sDE7cM4PN7)! You'll find several groups of people here working on different tasks. Check out the different channels and see where you can contribute!

results/index.qmd

@@ -1,8 +1,8 @@
 ---
-title: "Results"
+title: "Benchmarks"
 listing:
   type: grid
   contents: "*/index.qmd"
   image-height: 200px
----
-
+# title-block-banner: ../images/heros/home_hero.jpg
+---

styles.css

@@ -1,5 +1,37 @@
 /* css styles */
+#quarto-header nav.navbar {
+  height: 5rem;
+  padding: 0; 
+}
+
+a.navbar-brand-logo > img {
+  max-height: 3rem;
+  margin: 1rem;
+}
+
 .mermaid svg {
   display: block;
   margin: auto;
-}
+}
+
+.quarto-title-banner {
+  /* Set a specific height */
+  height: 600px;
+  /* Create the parallax scrolling effect */
+  /* background-attachment: fixed; */
+  background-position: center;
+  background-repeat: no-repeat;
+  background-size: cover;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  text-align: center;
+}
+
+/* .quarto-title-banner h1 {
+  color: #ff414b;
+  font-size: 6rem;
+  font-weight: 300;
+  text-align: center;
+  font-family: amiri,sans-serif;
+} */

theme.scss

@@ -0,0 +1,2 @@
+/*-- scss:defaults --*/
+$primary: #ff414b;