About section (#110)

* about main section completed

* subnav pages refined

* style lint ignore

* added linting comment

* changed underscore to dash for linting

Author: MariamM110

assets/js/bioconductor.js

@@ -61,12 +61,17 @@ document.addEventListener("DOMContentLoaded", function () {
 //Changes body and hero background color once clicked on certain links
 function changeBackgroundColors() {
   const heroElement = document.querySelector(".hero");
-  const targetPageRegex = /\/install\//;
+  const installPageRegex = /\/install\//;
+  const aboutPageRegex = /\/about\//;
 
-  if (targetPageRegex.test(window.location.href)) {
+  if (installPageRegex.test(window.location.href)) {
     document.body.style.backgroundColor = "#fff";
     heroElement.style.backgroundColor = "var(--neutral-n50)";
   }
+
+  if (aboutPageRegex.test(window.location.href)) {
+    document.body.style.backgroundColor = "#fff";
+  }
 }
 
 changeBackgroundColors();

assets/style/about.css

@@ -0,0 +1,31 @@
+.about-join .join {
+  width: 100%;
+  margin-bottom: 2rem;
+}
+
+.about-join .join-img-div {
+  display: none;
+}
+
+.about-join .gradient-border-inner {
+  padding: 2rem;
+}
+
+.about-join .join-content,
+.about-join h2 {
+  padding: 0;
+}
+
+.about-join .join-buttons {
+  padding-bottom: 0.62rem;
+}
+
+/* disabled here due to a linting error, but we need the webkit marker for this to work */
+
+/* stylelint-disable */
+.about-join .text-gradient {
+  background: var(--misc-pink);
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+}
+/* stylelint-enable */

assets/style/colors.css

@@ -57,6 +57,7 @@
   --misc-error: #a92626;
   --misc-dark: #070707;
   --misc-purple: #a333f1;
+  --misc-pink: #ce3c7d;
 
   /* Gradients */
   --gradient-warmcool: linear-gradient(to right, #ff2f4b, #4e5cff);

content/about/annual-reports.html

@@ -1,10 +1,10 @@
-<h1><img src="/images/icons/magnifier.gif" alt="" />Annual Reports</h1>
+<h1>Annual Reports</h1>
 
 <p>
   Project Annual Reports are available in PDF format for the following years:
 </p>
 
-<ul class="inline_list">
+<ul class="inline-list">
   <% annual_reports.sort{|a, b| b[:name] <=> a[:name]}.select do |r| %>
   <li><a href="<%= r[:href] %>"><%= r[:name] %></a></li>
   <% end %>

content/about/awards.md

@@ -1,5 +1,4 @@
-# ![](/images/icons/magnifier.gif) Bioconductor Community Awards
-
+# Bioconductor Community Awards
 
 The Bioconductor project proudly launched in 2020 an initiative to honor
 contributions to the project. Each year, four awardees will be selected, each
@@ -15,14 +14,13 @@ towards the selection of an awardee. Up to four awardees are selected in each
 call using the below criteria as justification. One award each year is dedicated
 to a junior developer or new package development.
 
-* __Outstanding new package contributions__, for developers of high-quality packages, added to Bioconductor in one of the two most recent releases prior to the nomination deadline, showing exemplary use of the Bioconductor package design principles.
-* __Outstanding support site contributions__, for individuals showing extraordinary helpfulness on the Bioconductor support site and/or in other forums.
-* __Outstanding documentation contributions__, for individuals writing and maintaining excellent user-facing documentation, workflows and/or tutorials. 
-* __Outstanding community engagement and outreach__, for individuals who "make things happen", promote diversity, engage with and provide substantial contributions to the Bioconductor community.
-* __Outstanding long-term contributions to the project__, for individuals who have provided excellent contributions in any form to the project over a substantial time period.
-* __Outstanding contributions enabling computational analysis or representation of data from new scientific technologies__, for individuals who, via package development or other means, enable analysis of data from new scientific technologies within Bioconductor.
-* __Outstanding contributions enabling the use of new informatic technologies within the project__, for individuals who, via package development or other means, enable the use of novel informatic technologies within Bioconductor.
- 
+- **Outstanding new package contributions**, for developers of high-quality packages, added to Bioconductor in one of the two most recent releases prior to the nomination deadline, showing exemplary use of the Bioconductor package design principles.
+- **Outstanding support site contributions**, for individuals showing extraordinary helpfulness on the Bioconductor support site and/or in other forums.
+- **Outstanding documentation contributions**, for individuals writing and maintaining excellent user-facing documentation, workflows and/or tutorials.
+- **Outstanding community engagement and outreach**, for individuals who "make things happen", promote diversity, engage with and provide substantial contributions to the Bioconductor community.
+- **Outstanding long-term contributions to the project**, for individuals who have provided excellent contributions in any form to the project over a substantial time period.
+- **Outstanding contributions enabling computational analysis or representation of data from new scientific technologies**, for individuals who, via package development or other means, enable analysis of data from new scientific technologies within Bioconductor.
+- **Outstanding contributions enabling the use of new informatic technologies within the project**, for individuals who, via package development or other means, enable the use of novel informatic technologies within Bioconductor.
 
 All nominees suggested will be considered for the award. The nominations will be
 processed, and the awardees will be selected, by the current members of the
@@ -31,51 +29,53 @@ active members of either of these boards are not eligible for an award. For more
 details about the selection process see the [Proceedures and
 Regulations](https://docs.google.com/document/d/1bHFoZS7kJoUh9ZOU2LwZaHwnJhradDmWcDV9EXJc8tI/edit?usp=sharing)
 
+# How to nominate a person
 
-# How to nominate a person 
 In order to nominate someone for the awards, please fill out the nomination [Google Form](https://forms.gle/gPzmH8ewHNHWckdv6), with the following information:
- 
-1.	Your full name and e-mail address.
-2.	Full name and e-mail address of the nominee.
-3.	The relevant award criteria.
-4.	Motivation for the nomination and how the nominee satisfies the selected award criteria.
+
+1. Your full name and e-mail address.
+2. Full name and e-mail address of the nominee.
+3. The relevant award criteria.
+4. Motivation for the nomination and how the nominee satisfies the selected award criteria.
 
 The form is available 3-4 months before the annual Bioconductor conference. It
 will be advertised on the conference website, Bioconductor social media
 platforms, and support site forums. If you are unable to fill out a google form,
-please contact [email protected] to nominate a candidate.  
+please contact [email protected] to nominate a candidate.
 
 The deadline to nominate a candidate for the Bioc2023 Awards is Wednsday May 31 st, 2023. The Bioc2023 Awards will be announced during the
-[annual conference](https://bioc2023.bioconductor.org/) August 2-4, 2023. 
-
+[annual conference](https://bioc2023.bioconductor.org/) August 2-4, 2023.
 
 # FAQ
-* __Am I allowed to nominate more than one person?__
-Yes. We appreciate it if you limit your nominations to no more than 3 people.
-* __Can the same individual be awarded multiple times (in different years)?__ 
-Yes. However, it has to be clear that the contributions that the individual is recognized for are different and "new" contributions that occured after the previous award was granted.
-* __Are self-nominations allowed?__
-No
-
 
+- **Am I allowed to nominate more than one person?**
+  Yes. We appreciate it if you limit your nominations to no more than 3 people.
+- **Can the same individual be awarded multiple times (in different years)?**
+  Yes. However, it has to be clear that the contributions that the individual is recognized for are different and "new" contributions that occured after the previous award was granted.
+- **Are self-nominations allowed?**
+  No
 
 # Important dates:
-* Deadline for nominations: May 31, 2023.
-* Notification about the awards: at the Bioconductor conference and via email, if the awardee does not attend the conference.
 
+- Deadline for nominations: May 31, 2023.
+- Notification about the awards: at the Bioconductor conference and via email, if the awardee does not attend the conference.
 
 # Awardees 2022
 
 ## Sean Davis
+
 <img src="/images/biocawards/writeup/Davis.png" width="100%" height="100%"/>
 
 ## Erica Feick
+
 <img src="/images/biocawards/writeup/Feick.png" width="100%" height="100%"/>
 
 ## Nicole Kramer
+
 <img src="/images/biocawards/writeup/Kramer.png" width="100%" />
 
 ## Herv&eacute; Pag&egrave;s
+
 <img src="/images/biocawards/writeup/Pages.png" width="100%" />
 
 # Previous Winners
@@ -85,11 +85,7 @@ No
 2020: Helena Crowell, Aaron Lun, Lori Shepherd, Gordon Smyth
 
 # Questions
-Questions can be addressed via email to cab(at)bioconductor.org 
-
 
+Questions can be addressed via email to cab(at)bioconductor.org
 
 ![BiocAwards](/images/biocawards/BiocAward.png)
-
-
-

content/about/code-of-conduct.md

@@ -1,4 +1,4 @@
-# ![](/images/icons/magnifier.gif) Project-wide Code of Conduct statement for Bioconductor
+# Project-wide Code of Conduct statement for Bioconductor
 
 The Code of Conduct has moved to [GitHub Pages][1] (preview below).