Merge pull request #126 from samarsajad/google1

google translate element added
SiddharthBahuguna · Jun 5, 2024 · 7700982 · 7700982
2 parents a5b4171 + 7729069
commit 7700982
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 3 deletions.
diff --git a/newsaggregator/static/assets/css/style.css b/newsaggregator/static/assets/css/style.css
@@ -538,7 +538,7 @@ footer {
  }
 
 footer .footer-section {
-  padding-top: 1rem;
+  padding-top: 10px;
   display: flex;
   justify-content: space-evenly;
   grid-template-columns: 1fr;
@@ -580,6 +580,7 @@ footer .wrapper { text-align: center; }
   font-size: var(--fs-4);
   text-align: center;
   padding-bottom: 1rem;
+  background-color: blue;
   /* border-top: 1px solid var(--action-primary); */
 }
 
@@ -1137,3 +1138,6 @@ footer .wrapper { text-align: center; }
 .light-theme .ck-content p{
   color: var(--foreground-secondary);
 }
+.hr-container{
+  background-color: blue;
+}
diff --git a/newsaggregator/templates/components/footer.html b/newsaggregator/templates/components/footer.html
@@ -15,6 +15,17 @@
                 <span>&copy; 2024 Onion News Aggregator. All rights reserved.</span>
             </p>
         </div>
+        <div class="wrapper">
+            <div id="google_element"></div>
+            <script src="https://translate.google.com/translate_a/element.js?cb=loadGoogleTranslate"></script>
+            <script>
+              function loadGoogleTranslate() {
+                new google.translate.TranslateElement({
+                  pageLanguage: 'en'
+                }, 'google_element');
+              }
+            </script>
+        </div>
 
         <div class="wrapper">
             <p class="footer-title">Quick Links</p>
@@ -34,7 +45,7 @@
         </div>
 
         <div class="wrapper">
-            <p class="footer-title">Legal Stuff</p>
+            <p class="footer-title">Legal Corner</p>
             <ul>
                 <li>
                     <a href="{% url 'core:privacy' %}" class="footer-link">Privacy Notice</a>
@@ -48,6 +59,11 @@
             </ul>
         </div>
     </div>
+    <hr>
+    <div class="hr-container">
+        <p class="copyright" style="margin: 0;">&copy; Copyright 2024 <a href="#">Onion News</a></p>
+    </div>
+
 
-    <p class="copyright" style="margin: 0;">&copy; Copyright 2024 <a href="#">Onion News</a></p>
+
 </footer>