introduce branding overrides

eclipse-pass · May 26, 2023 · 54b0d9e · 54b0d9e
1 parent 77659b6
commit 54b0d9e
Show file tree

Hide file tree

Showing 11 changed files with 41 additions and 20 deletions.
diff --git a/401.html b/401.html
@@ -11,6 +11,7 @@
   <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous">
   <link integrity="" rel="stylesheet" href="assets/pass-ember.css">
   <link rel="stylesheet" href="assets/branding.css">
+  <link rel="stylesheet" href="assets/branding-overrides.css">
 </head>
 
 <body data-gr-c-s-loaded="true" class="ember-application">
@@ -173,7 +174,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>
diff --git a/403.html b/403.html
@@ -11,6 +11,7 @@
   <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous">
   <link integrity="" rel="stylesheet" href="assets/pass-ember.css">
   <link rel="stylesheet" href="assets/branding.css">
+  <link rel="stylesheet" href="assets/branding-overrides.css">
 </head>
 
 <body data-gr-c-s-loaded="true" class="ember-application">
@@ -177,7 +178,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>
diff --git a/404.html b/404.html
@@ -11,6 +11,7 @@
   <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous">
   <link integrity="" rel="stylesheet" href="assets/pass-ember.css">
   <link rel="stylesheet" href="assets/branding.css">
+  <link rel="stylesheet" href="assets/branding-overrides.css">
 </head>
 
 <body data-gr-c-s-loaded="true" class="ember-application">

diff --git a/about.html b/about.html
@@ -11,6 +11,7 @@
   <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous">
   <link integrity="" rel="stylesheet" href="assets/pass-ember.css">
   <link rel="stylesheet" href="assets/branding.css">
+  <link rel="stylesheet" href="assets/branding-overrides.css">
 </head>
 
 <body data-gr-c-s-loaded="true" class="ember-application">

diff --git a/assets/branding-overrides.css b/assets/branding-overrides.css
@@ -0,0 +1,13 @@
+@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');
+
+:root {
+  --primary-500: #f88d2b;
+  --primary-600: #e37108;
+
+  --secondary-500: #3d3935;
+
+  --font-headline: 'Roboto', san serif;
+  --font-subhead: 'Roboto', san serif;
+  --font-bodycopy-accent: 'Roboto', san serif;
+  --font-bodycopy: 'Roboto', san serif;
+}
diff --git a/assets/branding.css b/assets/branding.css
@@ -1,10 +1,8 @@
-@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');
-
 :root {
-  --primary-500: #f88d2b;
-  --primary-600: #e37108;
+  --primary-500: #2563eb;
+  --primary-600: #1e40af;
 
-  --secondary-500: #3d3935;
+  --secondary-500: #374151;
 
   --bg-primary: white;
   --text-primary: black;
@@ -19,10 +17,10 @@
   --warning: #f1c400;
   --aqua: #86c8bc;
 
-  --font-headline: 'Roboto', san serif;
-  --font-subhead: 'Roboto', san serif;
-  --font-bodycopy-accent: 'Roboto', san serif;
-  --font-bodycopy: 'Roboto', san serif;
+  --font-headline: 'Arial', 'Helvetica', sans-serif;
+  --font-subhead: 'Arial', 'Helvetica', sans-serif;
+  --font-bodycopy-accent: 'Arial', 'Helvetica', sans-serif;
+  --font-bodycopy: 'Arial', 'Helvetica', sans-serif;
 }
 
 body {
@@ -47,7 +45,8 @@ a,
 }
 a:hover,
 .btn-link:hover {
-  text-decoration: underline !important;
+  color: var(--primary-600);
+  text-decoration: underline;
 }
 
 /* Buttons */

diff --git a/contact.html b/contact.html
@@ -11,6 +11,7 @@
   <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous">
   <link integrity="" rel="stylesheet" href="assets/pass-ember.css">
   <link rel="stylesheet" href="assets/branding.css">
+  <link rel="stylesheet" href="assets/branding-overrides.css">
 </head>
 
 <body data-gr-c-s-loaded="true" class="ember-application">

diff --git a/demo.html b/demo.html
@@ -11,11 +11,12 @@
   <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous">
   <link integrity="" rel="stylesheet" href="assets/pass-ember.css">
   <link rel="stylesheet" href="assets/branding.css">
+  <link rel="stylesheet" href="assets/branding-overrides.css">
   <style>
     p {clear: both;}
 
     .click-to-gif img {display: block;}
-    
+
     .click-to-gif input[type=checkbox] {
       position: absolute;
       left: -100vw;

diff --git a/faq.html b/faq.html
@@ -10,6 +10,7 @@
   <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous">
   <link integrity="" rel="stylesheet" href="assets/pass-ember.css">
   <link rel="stylesheet" href="assets/branding.css">
+  <link rel="stylesheet" href="assets/branding-overrides.css">
 </head>
 
 <body data-gr-c-s-loaded="true" class="ember-application">
@@ -208,7 +209,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 +218,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 +235,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.

diff --git a/index.html b/index.html
@@ -11,6 +11,7 @@
   <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous">
   <link integrity="" rel="stylesheet" href="assets/pass-ember.css">
   <link rel="stylesheet" href="assets/branding.css">
+  <link rel="stylesheet" href="assets/branding-overrides.css">
 </head>
 
 <body data-gr-c-s-loaded="true" class="ember-application">
@@ -128,10 +129,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:

diff --git a/resources.html b/resources.html
@@ -11,6 +11,7 @@
   <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous">
   <link integrity="" rel="stylesheet" href="assets/pass-ember.css">
   <link rel="stylesheet" href="assets/branding.css">
+  <link rel="stylesheet" href="assets/branding-overrides.css">
 </head>
 
 <body data-gr-c-s-loaded="true" class="ember-application">