Merge pull request #36 from arXiv/develop

added logos on home page and profile photos for bio

source/index.md

@@ -24,6 +24,38 @@ Learn, share, and be inspired for change. Accessibility means *access regardless
 - HTML papers: How arXiv and LaTeXML made it happen.
 - [See all sessions](../schedule)
 
+## Stay tuned for a diverse lineup of presenters 
+This year, we have the pleasure to have presenters coming from these organizations and bringing perspectives that converge on accessible research.
+
+
+<div class="logo-background">
+  <ul>
+    <img src="../assets/logo/amazon.png" class="mkd-img-20 mkd-img-margin" alt="Logo-amazon">
+    <img src="../assets/logo/arxiv.jpeg" class="mkd-img-20 mkd-img-margin" alt="Logo-arxiv">
+    <img src="../assets/logo/cambridge.png" class="mkd-img-20 mkd-img-margin" alt="Logo-cambridge">
+    <img src="../assets/logo/cornell-tech.png" class="mkd-img-20 mkd-img-margin" alt="Logo-cornell-tech">
+    <div style="clear:both;"></div>
+    <img src="../assets/logo/ego.png" class="mkd-img-20 mkd-img-margin" alt="Logo-european-gravitational-wave-observatory">
+    <img src="../assets/logo/iota.svg" class="mkd-img-20 mkd-img-margin" alt="Logo-iota">
+    <img src="../assets/logo/latexml.png" class="mkd-img-20 mkd-img-margin" alt="Logo-latexml">
+    <img src="../assets/logo/massey.png" class="mkd-img-20 mkd-img-margin" alt="Logo-massey">
+    <div style="clear:both;"></div>
+    <img src="../assets/logo/mozilla.png" class="mkd-img-20 mkd-img-margin" alt="Logo-mozilla">
+    <img src="../assets/logo/nvaccess.png" class="mkd-img-20 mkd-img-margin" alt="Logo-nvaccess">
+    <img src="../assets/logo/pac.png" class="mkd-img-20 mkd-img-margin" alt="Logo-prime-access-consulting">
+    <img src="../assets/logo/rit.svg" class="mkd-img-20 mkd-img-margin" alt="Logo-rit">
+    <div style="clear:both;"></div>
+    <img src="../assets/logo/saudi-aramco.png" class="mkd-img-20 mkd-img-margin" alt="Logo-saudi-aramco">
+    <img src="../assets/logo/scielo.jpeg" class="mkd-img-20 mkd-img-margin" alt="Logo-scielo">
+    <img src="../assets/logo/stsi.png" class="mkd-img-20 mkd-img-margin" alt="Logo-space-telescope-science-institute">
+    <img src="../assets/logo/uwash.png" class="mkd-img-20 mkd-img-margin" alt="Logo-uwash">
+    <div style="clear:both;"></div>
+    <img src="../assets/logo/virginia-tech.png" class="mkd-img-20 mkd-img-margin" alt="Logo-virginia-tech">
+  </ul>
+</div>
+
+
+
 ## Get caught up on arXiv's accessibility practice
 - Read arXiv's [accessibility research report](
 https://info.arxiv.org/about/accessibility_research_report.html){target="_blank"} that inspired this forum.

source/stylesheets/extra.css

@@ -250,6 +250,25 @@ h1 {
   }
 }
 
+/*block for logo background for dark mode*/
+.logo-background {
+  background-color: white;
+  border-radius: 6px;
+  display:flex;
+  flex-direction:row;
+  flex-wrap:wrap;
+  justify-content: flex-start;
+  padding: 1em 2em;
+}
+.logo-background h2 {
+  margin-top:0 !important;
+}
+@media all and (max-width: 719px) {
+  .logo-background {
+    margin:0 !important;
+  }
+}
+
 /*ARXIV FOOTER*/
 .arxiv-footer {
   display: flex;
@@ -354,7 +373,7 @@ h1 {
   display:block;
 }
 .mkd-img-margin {
-  margin:10px !important;
+  margin:20px !important;
 }
 .mkd-img-thumb {
   max-width:80px !important;
@@ -363,6 +382,8 @@ h1 {
   border-radius:50%;
   width:120px;
 }
+
+
 @media (min-width: 576px) {
   .mkd-img-left {
     width:calc(50% - 1.25em);
@@ -383,6 +404,12 @@ h1 {
     margin:0 auto;
     display:block;
   }
+  .mkd-img-20 {
+    width:20% !important;
+    float:left;
+    margin:0 auto;
+    display:block;
+  }
 }
 
 /*third-screen Ordered List for videos*/