add phet logo, phetsims/a11y-research#195

Signed-off-by: Michael Kauzmann <michael.kauzmann@colorado.edu>
phetsims · Mar 14, 2024 · 55c05cf · 55c05cf
1 parent 133fdaa
commit 55c05cf
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 6 deletions.
diff --git a/docs/images/logo.png b/docs/images/logo.png
diff --git a/docs/index.html b/docs/index.html
@@ -14,14 +14,18 @@
         display: none;
       }
 
-      .bd-sidenav {
-          top: 1em;
+      .bd-sidebar {
+          top: .1em;
       }
 
       .bd-sidenav li {
         padding-left: 10px;
       }
 
+      .logo{
+        width: 100%;
+      }
+
       .list-group-item {
         border: none;
         padding: 0;
@@ -34,7 +38,7 @@
     <div class="container-fluid">
         <div class="row flex-xl-nowrap">
             <div class="col-12 col-md-3 col-xl-2 bd-sidebar">
-              <h3 class="text-dark">PhET Style Guide</h3>
+              <h3 class="text-dark"><img class="logo" src="./images/logo.png"><br> Style Guide</h3>
                 <!-- navigation -->
                 <nav class="collapse bd-links">
                     <div class="bd-toc-item">

diff --git a/templates/base.html b/templates/base.html
@@ -14,14 +14,18 @@
         display: none;
       }
 
-      .bd-sidenav {
-          top: 1em;
+      .bd-sidebar {
+          top: .1em;
       }
 
       .bd-sidenav li {
         padding-left: 10px;
       }
 
+      .logo{
+        width: 100%;
+      }
+
       .list-group-item {
         border: none;
         padding: 0;
@@ -34,7 +38,7 @@
     <div class="container-fluid">
         <div class="row flex-xl-nowrap">
             <div class="col-12 col-md-3 col-xl-2 bd-sidebar">
-              <h3 class="text-dark">PhET Style Guide</h3>
+              <h3 class="text-dark"><img class="logo" src="./images/logo.png"><br> Style Guide</h3>
                 <!-- navigation -->
                 <nav class="collapse bd-links">
                 {{#each parents as |parent|}}