Add logo link to homepage

.github/workflows/node.js.yml

@@ -23,10 +23,10 @@ jobs:
 
     steps:
       - name: Repository checkout
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
 
       - name: Node.js setup
-        uses: actions/setup-node@v3
+        uses: actions/setup-node@v4
         with:
           node-version: '16.x'
 
@@ -58,13 +58,13 @@ jobs:
 
     steps:
       - name: Repository checkout
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
 
       - name: Install AWSCLI
         run: pip install --user awscli
 
       - name: Node.js setup
-        uses: actions/setup-node@v3
+        uses: actions/setup-node@v4
         with:
           node-version: '16.x'
 

package.json

@@ -24,7 +24,7 @@
     "@angular/platform-browser": "^13.4.0",
     "@angular/platform-browser-dynamic": "^13.4.0",
     "@angular/router": "^13.4.0",
-    "@cruglobal/godtools-shared": "^0.9.2-PR482-SNAPSHOT.1329",
+    "@cruglobal/godtools-shared": "0.9.2",
     "@rails/actioncable": "^7.0.0",
     "core-js": "^2.5.4",
     "eslint-config-prettier": "^8.8.0",

src/app/new-page/page.component.css

@@ -57,6 +57,8 @@ p {
   line-height: 36px;
   padding: 12px 24px;
   cursor: pointer;
+  position: absolute;
+  left: 0;
 }
 
 .language-selector-toggle .fas {
@@ -75,6 +77,10 @@ p {
   position: relative;
   z-index: 1;
 }
+#toolHeader .logo img {
+  height: 24px;
+  margin: 20px 0 0 0;
+}
 
 #languageList {
   background-color: #f0f0f0;
@@ -105,6 +111,24 @@ p {
   }
 }
 
+@media screen and (max-width: 440px) {
+  #toolHeader .logo img{
+    margin: 12px 0 0 0;
+  }
+  #toolHeader .logo{
+    display:block;
+  }
+  .language-selector-toggle {
+    position:relative;
+  }
+  .language-selector-toggle > .langicon {
+    float: none;
+  }
+  .header {
+    height: auto;
+  }
+}
+
 /***** Tool Footer *****/
 #toolFooter {
   margin-top: 48px !important;

src/app/new-page/page.component.html

@@ -4,14 +4,17 @@
   <div class="outerbox">
     <header id="toolHeader">
       <div class="header tc relative">
+        <app-sharing-modal [book]="selectedBookName"></app-sharing-modal>
+        <span class="logo">
+          <a href='/'><img src="assets/img/kg-logo-blue.png" /></a>
+        </span>
         <span
-          class="l absolute kg-gray-dark ng-binding language-selector-toggle"
+          class="kg-gray-dark ng-binding language-selector-toggle"
           (click)="onToggleLanaguageSelect()"
         >
           <img src="assets/img/lang.png" class="langicon" /> {{ selectedLang }}
           <i class="fas fa-chevron-up flip"></i>
         </span>
-        <app-sharing-modal [book]="selectedBookName"></app-sharing-modal>
       </div>
       <div id="languageList" class="py25 ng-hide" *ngIf="languagesVisible">
         <div class="mw568">

yarn.lock

@@ -1277,10 +1277,10 @@
   resolved "https://registry.yarnpkg.com/@colors/colors/-/colors-1.5.0.tgz#bb504579c1cae923e6576a4f5da43d25f97bdbd9"
   integrity sha512-ooWCrlZP11i8GImSjTHYHLkvFDP48nS4+204nGb1RiX/WXYHmJA2III9/e2DWVabCESdW7hBAEzHRqUn9OUVvQ==
 
-"@cruglobal/godtools-shared@^0.9.2-PR482-SNAPSHOT.1329":
-  version "0.9.2-PR482-SNAPSHOT.1329"
-  resolved "https://registry.yarnpkg.com/@cruglobal/godtools-shared/-/godtools-shared-0.9.2-PR482-SNAPSHOT.1329.tgz#7db6db5d45f55477f4d2cb07bea1cfc3bfbcede7"
-  integrity sha512-r9a7khHNURxQeVFi6NHyqIhFMzLamhOsfx+WTEdH2AAJOktlyRAyD8znqyDJO0WN3M8OoGCsbeAZt7qktV0PEQ==
+"@cruglobal/[email protected]":
+  version "0.9.2"
+  resolved "https://registry.yarnpkg.com/@cruglobal/godtools-shared/-/godtools-shared-0.9.2.tgz#778a795760c69739ffff953d45a8766af9370716"
+  integrity sha512-Xla2sOaO8LGKmc43uFGcgJz2Fx4RAmslsQYH2P6vk3qvFDjyGSKEt1SW+nG9tfmFQe02RS4uDEm3mG0EGZBOAg==
   dependencies:
     format-util "^1.0.5"
     sax "1.2.4"