Merge pull request #61 from fbidu/origin/fixing_hyperlinks

Origin/fixing hyperlinks

arboverse/static/css/index.css

@@ -622,7 +622,7 @@ nav {
   line-height: 1.5;
 }
 
-.our_work a {
+.our_work .platform-link {
   width: 45%;
   padding: 10px 15px;
   background-color: var(--orange);
@@ -633,11 +633,19 @@ nav {
   text-decoration: none;
   text-align: center;
 }
-
-.our_work a:hover {
+.our_work .platform-link:hover {
   background-color: var(--orangeTransparent);
   color: white;
 }
+.tool_link h4{
+  width: 60%;
+  border-bottom:  solid 1px transparent;
+}
+.tool_link:hover h4{
+  border-bottom: solid 1px #F5861F;
+}
+
+
 
 /*-----SERVICES ---*/
 .services_wrap {
@@ -989,7 +997,6 @@ nav {
   display: flex;
   justify-content: center;
   align-items: center;
-  margin-left: 20px;
 }
 
 .social-unit:hover i {
@@ -1000,10 +1007,8 @@ nav {
   padding: 15px
 }
 
-.fa-twitter,
-.fa-facebook,
-.fa-envelope,
-.fa-instagram {
+
+.fa-envelope {
   color: white;
   transform: scale(1.5);
 }

arboverse/templates/contact.html

@@ -1,26 +1,22 @@
 <section class="contact">
   <div class="footer-wrapper">
     <div class="logo-foot">
-      <a href="index.html"><img src="../static/images/logos/logo-arboverse.png"></a>
+      <a href="{% url 'home' %}"><img src="../static/images/logos/logo-arboverse.png"></a>
       <h3><span class="white">ARBO</span><span class="orange">VERSE</span></h3>
     </div>
     <div class="navigation-links ">
       <h4>Explore</h4>
       <ul class="nav-links nav-foot">
-        <li><a href="index.html" aria-label="Link for home">HOME</a></li>
-        <li><a href="arboverse.html" aria-label="Link for arboverse plattform">ARBOVERSE</a></li>
-        <li><a href="arbodash.html" aria-label="Link for research">ARBODASH</a></li>
-        <li><a href="arbodata.html" aria-label="Link for publications">ARBODATA</a></li>
-        <li><a href="collaborators.html" aria-label="Link for collaborators">CONTACT US</a></li>
+        <li><a href="{% url 'home' %}" aria-label="Link for home">HOME</a></li>
+        <li><a href="{% url 'arboverse' %}" aria-label="Link for arboverse plattform">ARBOVERSE</a></li>
+        <li><a href="{% url 'arbodash' %}" aria-label="Link for research">ARBODASH</a></li>
+        <li><a href="{% url 'arbodata' %}" aria-label="Link for publications">ARBODATA</a></li>
+        <li><a href="{% url 'contact' %}" aria-label="Link for collaborators">CONTACT US</a></li>
       </ul>
     </div>
     <div class="social-wrapper">
       <h4>Contact us</h4>
       <div class="media-wrapper">
-        <div class="social-unit">
-          <a href="https://twitter.com/intent/tweet?text=TITULO&url=LINK&via=SEUPERFIL" target="_blank"><i
-              class="fa fa-twitter "></i></a>
-        </div>
         <div class="social-unit">
           <a href="mailto:[email protected]"><i class=" fa fa-regular fa-envelope"></i></a>
         </div>

arboverse/templates/home.html

@@ -9,38 +9,38 @@ <h2>Empowering research and public health workers through comprehensive open-sou
     <div class="explanation_content">
       <h3>OUR GOAL</h3>
       <p>We provide comprehensive knowledge in a friendly and open-access platform to fight against arboviral disease.</p>
-      <a href="#">Contact us for collaboration</a>
+      <a href="{% url 'contact' %}">Contact us for collaboration</a>
     </div>
     <img src="../static/images/Index/photos/homepage_image_arboverse.jpg">
   </div>
 </Section>
 <section class="our_work">
 <h3>OUR WORK</h3>
 <p>We deliver an interactive resource integrating knowledge and data visualization about arboviruses in a broad context to better prepare, respond, and mitigate arboviral diseases.</p>
-<a href="#">Explore platform</a>
+<a href="{% url 'arboverse' %}" class="platform-link">Explore platform</a>
 <div class="services_wrap">
   <div class="service_unit">
-    <h4>ARBO<span class="orange">MAP</h4>
+    <a href="{%url 'arboverse' %}" class="tool_link"><h4>ARBO<span class="orange">MAP</h4></a>
       <p>Explore interactive high-resolution maps to investigate risk factors in an ecological context.
       </p>
   </div>
   <div class="service_unit">
-    <h4>ARBO<span class="orange">VECTOR</h4>
-      <p>Access concise information on arboviruses and their diseases to research studies and informed decision-making.
+    <a href="{%url 'arboverse' %}" class="tool_link"><h4>ARBO<span class="orange">CARD</h4></a>
+      <p>Find information about arboviral vectors for a better understanding of transmission and improve control strategies.
       </p>
   </div>
   <div class="service_unit">
-    <h4>ARBO<span class="orange">CARD</h4>
-      <p>Find information about arboviral vectors for a better understanding of transmission and improve control strategies.
+    <a href="{%url 'arboverse' %}" class="tool_link"><h4>ARBO<span class="orange">VECTOR</h4></a>
+      <p>Access concise information on arboviruses and their diseases to research studies and informed decision-making.
       </p>
   </div>
   <div class="service_unit">
-    <h4>ARBO<span class="orange">DASH</h4>
+    <a href="{%url 'arbodash' %}" class="tool_link"><h4>ARBO<span class="orange">DASH</h4></a>
       <p>Track, understand, and combat arboviral diseases through clear data visualizations and interactive charts.
       </p>
   </div>
   <div class="service_unit">
-    <h4>ARBO<span class="orange">DATA</h4>
+    <a href="{%url 'arbodata' %}" class="tool_link"><h4>ARBO<span class="orange">DATA</h4></a>
       <p>Accelerate your research with comprehensive arbovirus data connected to vector and ecological information.
       </p>
   </div>

arboverse/templates/pages/contact.html

@@ -28,7 +28,7 @@ <h3>How to help</h3>
         <p>Did you find a minor error? Have some ideas or suggestions?</p>
         <p>Help ARBOVERSE to keep our database acurated and updated!</p>
         <p>Send us your suggestion and consideration to improve our platform.</p>
-        <p>You can contact us by email to <a href="mailto:[email protected]">[email protected]</a></p>
+        <p>You can contact us by email to <a href="mailto:[email protected]">[email protected]</a></p>
       </div>
     </div>
   </div>