WIP update public pages for JHU branding

401.html

@@ -30,7 +30,7 @@ <h3 id="brand-header-title" class="font-weight-light">
             <h3 class="font-weight-light">P.A.S.S.</h3>
           </a>
           <a href="https://www.eclipse.org/org/foundation/">
-            <img id="brand-logo" src="img/ef/eclipse_foundation_logo_wo/EF_WHT-OR_png.png" alt="Logo" class="nav-item d-sm-down-none pull-right brand-logo pr-0">
+            <img id="brand-logo" src="img/fullSizeLogo.png" alt="Logo" class="nav-item d-sm-down-none pull-right brand-logo pr-0">
           </a>
         </div>
       </header>
@@ -173,7 +173,7 @@ <h2 class="section-title">Other</h2>
       </footer>
     </div>
   </div>
-  <script src="https://kit.fontawesome.com/e49a048ccd.js" crossorigin="anonymous"></script>      
+  <script src="https://kit.fontawesome.com/e49a048ccd.js" crossorigin="anonymous"></script>
   <script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="crossorigin="anonymous"></script>
 </body>
 </html>

403.html

@@ -30,7 +30,7 @@ <h3 id="brand-header-title" class="font-weight-light">
             <h3 class="font-weight-light">P.A.S.S.</h3>
           </a>
           <a href="https://www.eclipse.org/org/foundation/">
-            <img id="brand-logo" src="img/ef/eclipse_foundation_logo_wo/EF_WHT-OR_png.png" alt="Logo" class="nav-item d-sm-down-none pull-right brand-logo pr-0">
+            <img id="brand-logo" src="img/fullSizeLogo.png" alt="Logo" class="nav-item d-sm-down-none pull-right brand-logo pr-0">
           </a>
         </div>
       </header>
@@ -177,7 +177,7 @@ <h2 class="section-title">Other</h2>
       </footer>
     </div>
   </div>
-  <script src="https://kit.fontawesome.com/e49a048ccd.js" crossorigin="anonymous"></script>      
+  <script src="https://kit.fontawesome.com/e49a048ccd.js" crossorigin="anonymous"></script>
   <script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="crossorigin="anonymous"></script>
 </body>
 </html>

404.html

@@ -30,7 +30,7 @@ <h3 id="brand-header-title" class="font-weight-light">
             <h3 class="font-weight-light">P.A.S.S.</h3>
           </a>
           <a href="https://www.eclipse.org/org/foundation/">
-            <img id="brand-logo" src="img/ef/eclipse_foundation_logo_wo/EF_WHT-OR_png.png" alt="Logo" class="nav-item d-sm-down-none pull-right brand-logo pr-0">
+            <img id="brand-logo" src="img/fullSizeLogo.png" alt="Logo" class="nav-item d-sm-down-none pull-right brand-logo pr-0">
           </a>
         </div>
       </header>

about.html

@@ -30,7 +30,7 @@ <h3 id="brand-header-title" class="font-weight-light">
             <h3 class="font-weight-light">P.A.S.S.</h3>
           </a>
           <a href="https://www.eclipse.org/org/foundation/">
-            <img id="brand-logo" src="img/ef/eclipse_foundation_logo_wo/EF_WHT-OR_png.png" alt="Logo" class="nav-item d-sm-down-none pull-right brand-logo pr-0">
+            <img id="brand-logo" src="img/fullSizeLogo.png" alt="Logo" class="nav-item d-sm-down-none pull-right brand-logo pr-0">
           </a>
         </div>
       </header>

assets/branding.css

@@ -1,73 +1,65 @@
-/* Import Roboto fonts from Google */
-@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');
+@import url('https://use.typekit.net/ftn5sdd.css');
 
 :root {
-  --primary-50: #FEEDDD;
-  --primary-100: #FDE2C9;
-  --primary-200: #FCCDA1;
-  --primary-300: #FBB77A;
-  --primary-400: #F9A252;
-  --primary-500: #F88D2B;
-  --primary-600: #E37108;
-  --primary-700: #AD5606;
-  --primary-800: #773B04;
-  --primary-900: #402002;
+  --primary-500: #002d72;
+  --primary-600: #002d72;
 
-  --secondary-50: #9C958D;
-  --secondary-100: #938B82;
-  --secondary-200: #7E766E;
-  --secondary-300: #69625B;
-  --secondary-400: #534D48;
-  --secondary-500: #3D3935;
-  --secondary-600: #1F1D1B;
-  --secondary-700: #010101;
-  --secondary-800: #000000;
-  --secondary-900: #000000;
+  --secondary-500: #002d72;
+
+  --bg-primary: white;
+  --text-primary: #31261d;
 
   --grey-light: #e5e2e0;
   --grey-medium: #b4b2ad;
   --grey-dark: #7e7e7c;
 
-  --bg-primary: white;
-
-  --btn-active-color: #C9C9C9;
-  --danger: #CF4520;
-  --danger-dark: #A6192E;
-  --warning: #F1C400;
-  --aqua: #86C8BC;
+  --btn-active-color: #c9c9c9;
+  --danger: #cf4520;
+  --danger-dark: #a6192e;
+  --warning: #f1c400;
+  --aqua: #86c8bc;
 
-  --font-headline: 'Roboto', san serif !important;
-  --font-subhead: 'Roboto', san serif !important;
-  --font-bodycopy-accent: 'Roboto', san serif !important;
-  --font-bodycopy: 'Roboto', san serif !important;
+  --font-headline: 'factoria', sans-serif;
+  --font-subhead: 'factoria', sans-serif;
+  --font-bodycopy-accent: 'factoria', sans-serif;
+  --font-bodycopy: 'proxima-nova', sans-serif;
+  --font-bodyweight: 300;
 }
 
 body {
   font-family: var(--font-bodycopy);
-  color: var(--secondary-500);
-}
-h1, h2, h3, h4, h5 {
+  font-weight: var(--font-bodyweight);
+  color: var(--text-primary);
+}
+h1,
+h2,
+h3,
+h4,
+h5 {
   font-family: var(--font-headline);
 }
-h1, h2 {
+h1,
+h2 {
   color: var(--secondary-500);
 }
-a, .btn-link {
+a,
+.btn-link {
   color: var(--primary-500);
 }
-a:hover, .btn-link:hover {
- color: var(--primary-600);
+a:hover,
+.btn-link:hover {
+  text-decoration: underline !important;
 }
 
 /* Buttons */
 .btn-primary {
   background-color: var(--primary-500) !important;
   border-color: var(--primary-500) !important;
-  color:white !important;
+  color: white !important;
 }
 .btn-primary:hover {
-  background-color: var(--primary-600);
-  border-color: var(--primary-600);
+  background-color: var(--primary-600) !important;
+  border-color: var(--primary-600) !important;
 }
 /*
  * This mess must be done in order to properly override Bootstrap styles for a clicked button
@@ -92,7 +84,7 @@ a:hover, .btn-link:hover {
   color: white;
 }
 
-.btn-danger	{
+.btn-danger {
   color: white;
   background-color: var(--danger);
 }
@@ -128,7 +120,7 @@ a:hover, .btn-link:hover {
   font-weight: bold;
 }
 #header-navbar .nav-link {
-  color: var(--secondary-500);
+  color: var(--text-primary);
 }
 #user-menu {
   color: var(--secondary-500);
@@ -148,24 +140,36 @@ a:hover, .btn-link:hover {
 }
 
 /* Status icons */
-.manuscript-required>.fa-circle, .manuscript-required .fa-info-circle,
-.approval-requested>.fa-circle, .approval-requested .fa-info-circle,
-.changes-requested>.fa-circle, .changes-requested .fa-info-circle,
-.needs-attention>.fa-circle, .needs-attention .fa-info-circle,
-.stalled>.fa-circle, .stalled .fa-info-circle,
-.failed>.fa-circle, .failed .fa-info-circle,
-.rejected>.fa-circle, .rejected .fa-info-circle {
+.manuscript-required > .fa-circle,
+.manuscript-required .fa-info-circle,
+.approval-requested > .fa-circle,
+.approval-requested .fa-info-circle,
+.changes-requested > .fa-circle,
+.changes-requested .fa-info-circle,
+.needs-attention > .fa-circle,
+.needs-attention .fa-info-circle,
+.stalled > .fa-circle,
+.stalled .fa-info-circle,
+.failed > .fa-circle,
+.failed .fa-info-circle,
+.rejected > .fa-circle,
+.rejected .fa-info-circle {
   color: var(--warning);
 }
-.cancelled>.fa-circle, .cancelled .fa-info-circle,
-.not-submitted>.fa-circle, .not-submitted .fa-info-circle {
+.cancelled > .fa-circle,
+.cancelled .fa-info-circle,
+.not-submitted > .fa-circle,
+.not-submitted .fa-info-circle {
   color: var(--warning);
 }
-.submitted>.fa-circle, .submitted .fa-info-circle,
-.complete>.fa-circle, .complete .fa-info-circle {
+.submitted > .fa-circle,
+.submitted .fa-info-circle,
+.complete > .fa-circle,
+.complete .fa-info-circle {
   color: var(--aqua);
 }
-.draft>.fa-circle, .draft .fa-info-circle {
+.draft > .fa-circle,
+.draft .fa-info-circle {
   color: gray;
 }
 
@@ -183,7 +187,8 @@ th.table-header > i {
   color: var(--secondary-500);
   opacity: 0.8;
 }
-#grant-details-title .back-arrow, #submission-details-title .back-arrow {
+#grant-details-title .back-arrow,
+#submission-details-title .back-arrow {
   color: var(--secondary-500);
   opacity: 0.7;
 }

config.json

@@ -2,7 +2,7 @@
   "assetsUri": "/",
   "branding": {
     "homepage": "https://www.eclipse.org/org/foundation/",
-    "logo": "/img/ef/eclipse_foundation_logo_wo/EF_WHT-OR_png.png",
+    "logo": "/img/fullSizeLogo.png",
     "stylesheet": "/assets/branding.css",
     "favicon": "favicon.ico",
     "pages": {

contact.html

@@ -30,7 +30,7 @@ <h3 id="brand-header-title" class="font-weight-light">
             <h3 class="font-weight-light">P.A.S.S.</h3>
           </a>
           <a href="https://www.eclipse.org/org/foundation/">
-            <img id="brand-logo" src="img/ef/eclipse_foundation_logo_wo/EF_WHT-OR_png.png" alt="Logo" class="nav-item d-sm-down-none pull-right brand-logo pr-0">
+            <img id="brand-logo" src="img/fullSizeLogo.png" alt="Logo" class="nav-item d-sm-down-none pull-right brand-logo pr-0">
           </a>
         </div>
       </header>

demo.html

@@ -15,7 +15,7 @@
     p {clear: both;}
 
     .click-to-gif img {display: block;}
-    
+
     .click-to-gif input[type=checkbox] {
       position: absolute;
       left: -100vw;
@@ -54,7 +54,7 @@ <h3 id="brand-header-title" class="font-weight-light">
             <h3 class="font-weight-light">P.A.S.S.</h3>
           </a>
           <a href="https://www.eclipse.org/org/foundation/">
-            <img id="brand-logo" src="img/ef/eclipse_foundation_logo_wo/EF_WHT-OR_png.png" alt="Logo" class="nav-item d-sm-down-none pull-right brand-logo pr-0">
+            <img id="brand-logo" src="img/fullSizeLogo.png" alt="Logo" class="nav-item d-sm-down-none pull-right brand-logo pr-0">
           </a>
         </div>
       </header>

faq.html

@@ -29,7 +29,7 @@ <h3 id="brand-header-title" class="font-weight-light">
               <h3 class="font-weight-light">P.A.S.S.</h3>
             </a>
           <a href="https://www.eclipse.org/org/foundation/">
-            <img id="brand-logo" src="img/ef/eclipse_foundation_logo_wo/EF_WHT-OR_png.png" alt="Logo" class="nav-item d-sm-down-none pull-right brand-logo pr-0">
+            <img id="brand-logo" src="img/fullSizeLogo.png" alt="Logo" class="nav-item d-sm-down-none pull-right brand-logo pr-0">
           </a>
           </div>
         </header>
@@ -208,7 +208,7 @@ <h3>What information about NIH submissions is pre-loaded into PASS?</h3>
               </li>
             </ul>
             <p>
-              The information for these submissions comes directly from NIH. 
+              The information for these submissions comes directly from NIH.
             </p>
           </section>
           <section>
@@ -217,14 +217,14 @@ <h3>How do I negotiate a copyright agreement for my publication to comply with P
             <p>
               Many journals make allowances for self-archiving and compliance with access policies implemented by a funder or institution. You can look up many publishers’ policies for copyright and
               self-archiving on the <a href="http://www.sherpa.ac.uk/romeo/index.php" target="_blank">SHERPA/RoMEO website</a>. If a journal does not allow open sharing of your article, you may be able
-              to negotiate with them to make an exception. 
+              to negotiate with them to make an exception.
             </p>
           </section>
           <section>
             <h3 id="how-does-unpaywall-help">What if I can’t find my author’s accepted manuscript, and how does Unpaywall help?</h3>
             <p>
-              Once you are in PASS and on the file upload screen, you may receive a notice that PASS has found an open access copy of your research. PASS will retrieve existing open access copies 
-              of your manuscript that you can choose rather than uploading your own copy. You must either select the manuscript found or upload your own version of the file to proceed, but please 
+              Once you are in PASS and on the file upload screen, you may receive a notice that PASS has found an open access copy of your research. PASS will retrieve existing open access copies
+              of your manuscript that you can choose rather than uploading your own copy. You must either select the manuscript found or upload your own version of the file to proceed, but please
               do not do both.
             </p>
             <p>
@@ -234,7 +234,7 @@ <h3 id="how-does-unpaywall-help">What if I can’t find my author’s accepted m
           <section>
             <h3 id="can-i-submit-this-version">What is an author’s accepted manuscript, and how do I know whether I can submit this version?</h3>
             <p>
-              An author’s accepted manuscript is the peer-reviewed version of the manuscript, accepted for publication by the journal. 
+              An author’s accepted manuscript is the peer-reviewed version of the manuscript, accepted for publication by the journal.
             </p>
             <p>
               Check <a href="http://www.sherpa.ac.uk/romeo/search.php" target="_blank">SHERPA/RoMEO</a> to determine whether you can submit the author’s accepted manuscript or the publisher’s PDF to open access repositories.

index.html

@@ -31,7 +31,7 @@ <h3 id="brand-header-title" class="font-weight-light">
             <h3 class="font-weight-light">P.A.S.S.</h3>
           </a>
           <a href="https://www.eclipse.org/org/foundation/">
-            <img id="brand-logo" src="img/ef/eclipse_foundation_logo_wo/EF_WHT-OR_png.png" alt="Logo" class="nav-item d-sm-down-none pull-right brand-logo pr-0">
+            <img id="brand-logo" src="img/fullSizeLogo.png" alt="Logo" class="nav-item d-sm-down-none pull-right brand-logo pr-0">
           </a>
         </div>
       </header>
@@ -128,10 +128,10 @@ <h3 class="font-weight-light">P.A.S.S.</h3>
             <div class="col-md-12 text-center">
               <h1 class="font-weight-light mt-4">Public Access Submission System</h1>
               <p class="mt-4">
-                The Public Access Submission System (PASS) is an Eclipse open source platform designed to assist researchers, IT staff, compliance officers, and executives in efficiently and economically complying with the access policies of their funders and institutions. 
+                The Public Access Submission System (PASS) is an Eclipse open source platform designed to assist researchers, IT staff, compliance officers, and executives in efficiently and economically complying with the access policies of their funders and institutions.
               </p>
               <p class="mt-4">
-                Use Eclipse PASS to submit your manuscripts to funder and institutional publication repositories (e.g. PubMed Central, DSpace) and comply with access policies. Using the web-based PASS system, you can avoid paying article processing charges to make your publication open to the public, simultaneously send your manuscript to multiple repositories seamlessly, populate forms automatically with publication and author information by providing DOIs and ORCID IDs. 
+                Use Eclipse PASS to submit your manuscripts to funder and institutional publication repositories (e.g. PubMed Central, DSpace) and comply with access policies. Using the web-based PASS system, you can avoid paying article processing charges to make your publication open to the public, simultaneously send your manuscript to multiple repositories seamlessly, populate forms automatically with publication and author information by providing DOIs and ORCID IDs.
               </p>
               <p class="mt-4 text-left">
                 Eclipse PASS aims to:

resources.html

@@ -30,7 +30,7 @@ <h3 id="brand-header-title" class="font-weight-light">
             <h3 class="font-weight-light">P.A.S.S.</h3>
           </a>
           <a href="https://www.eclipse.org/org/foundation/">
-            <img id="brand-logo" src="img/ef/eclipse_foundation_logo_wo/EF_WHT-OR_png.png" alt="Logo" class="nav-item d-sm-down-none pull-right brand-logo pr-0">
+            <img id="brand-logo" src="img/fullSizeLogo.png" alt="Logo" class="nav-item d-sm-down-none pull-right brand-logo pr-0">
           </a>
         </div>
       </header>