Difference between revisions of "Widget:InSPIRENav"

From Open Energy Information

(Created page with "<noinclude>This widget helps with Wind for Schools Portal content. <pre> {{#Widget:InSPIRENav}} </pre> Category:Widgets Category:Wind for Schools </noinclude><includeo...")
 
 
(7 intermediate revisions by the same user not shown)
Line 1: Line 1:
<noinclude>This widget helps with Wind for Schools Portal content.
+
<noinclude>This widget navigates the InSPIRE content.
 
<pre>
 
<pre>
 
{{#Widget:InSPIRENav}}
 
{{#Widget:InSPIRENav}}
 
</pre>
 
</pre>
 
[[Category:Widgets]]
 
[[Category:Widgets]]
[[Category:Wind for Schools]]
 
 
</noinclude><includeonly><!--Widget:InSPIRE-->
 
</noinclude><includeonly><!--Widget:InSPIRE-->
 
<style>
 
<style>
Line 167: Line 166:
 
     background: rgba(255,255,255,0.93);
 
     background: rgba(255,255,255,0.93);
 
}
 
}
/*img {
+
#homepage img {
     width: 33vw;
+
     width: 70vw;
 +
    height: auto;
 +
    max-width: 900px;
 +
    min-width: 260px;
 +
}
 +
#basics img {
 +
    width: 37vw;
 +
    height: auto;
 +
    max-width: 600px;
 +
    min-width: 260px;
 +
}
 +
#project img {
 +
    width: 45vw;
 
     height: auto;
 
     height: auto;
 
     max-width: 600px;
 
     max-width: 600px;
     min-width: 200px;
+
     min-width: 260px;
}*/
+
}
 +
#resources img {
 +
    width: 37vw;
 +
    height: auto;
 +
    max-width: 600px;
 +
    min-width: 260px;
 +
}
 +
 
 +
 
 +
 
 +
.guidebook-header1, .guidebook-header2 {
 +
  cursor: pointer;
 +
  opacity: 0.85;
 +
  border: solid 1px black;
 +
}
 +
.guidebook-header1:hover, .guidebook-header2:hover {
 +
  opacity: 1;
 +
}
 +
.guidebook-header1 p {
 +
  margin:0;
 +
}
 +
.faded {
 +
  opacity:0.3;
 +
}
 +
.guidebook-link.yl {
 +
  background-color: #F5FFA8;
 +
}
 +
.guidebook-link.gr {
 +
  background-color: #dfedd5;
 +
}
 +
.guidebook-link {
 +
  margin-top: 10px;
 +
  cursor: pointer;
 +
  box-shadow: 0 0 5px 1px #777777;
 +
}
 +
.guidebook-link:hover {
 +
  font-weight: bold;
 +
  box-shadow: 0 0 8px 4px #424242;
 +
}
 +
.lids-tag {
 +
  color: white;
 +
  background-color: #c19034;
 +
  font-weight: bold;
 +
}
 +
.firstHeading {
 +
  display: none;
 +
}
 +
 
 +
 
 
/* End InSPIRE Page styles */
 
/* End InSPIRE Page styles */
  
Line 192: Line 251:
 
     };
 
     };
 
   });
 
   });
 +
  $('.guidebook-header1').click(function(){
 +
    $('.guidebook-header2').removeClass('faded');
 +
    $('.guidebook-header1').addClass('faded');
 +
    $(this).removeClass('faded');
 +
    if ($(this).hasClass('guidebook-siting')) {
 +
      $('#guidebook-siting-content').removeClass('hide');
 +
      $('#guidebook-strategies-headers').addClass('hide');
 +
      $('#guidebook-strategies-content-habitat').addClass('hide');
 +
      $('#guidebook-strategies-content-colocation').addClass('hide');
 +
    } else if ($(this).hasClass('guidebook-strategies')) {
 +
      $('#guidebook-siting-content').addClass('hide');
 +
      $('#guidebook-strategies-headers').removeClass('hide');
 +
      $('#guidebook-strategies-content-habitat').addClass('hide');
 +
      $('#guidebook-strategies-content-colocation').addClass('hide');
 +
    };
 +
  });
 +
 +
  $('.guidebook-header2').click(function(){
 +
    $('.guidebook-header2').addClass('faded');
 +
    $(this).removeClass('faded');
 +
    if ($(this).hasClass('guidebook-strategies-habitat')) {
 +
      $('#guidebook-siting-content').addClass('hide');
 +
      $('#guidebook-strategies-headers').removeClass('hide');
 +
      $('#guidebook-strategies-content-habitat').removeClass('hide');
 +
      $('#guidebook-strategies-content-colocation').addClass('hide');
 +
    } else if ($(this).hasClass('guidebook-strategies-colocation')) {
 +
      $('#guidebook-siting-content').addClass('hide');
 +
      $('#guidebook-strategies-headers').removeClass('hide');
 +
      $('#guidebook-strategies-content-habitat').addClass('hide');
 +
      $('#guidebook-strategies-content-colocation').removeClass('hide');
 +
    };
 +
  });
 +
 +
  $('.guidebook-link').click(function(){
 +
    var link = $(this).data('link')
 +
    if (link != undefined) {
 +
      window.open(link, '_blank');
 +
    };
 +
  });
 +
 
});
 
});
 
</script>
 
</script>
 
</includeonly>
 
</includeonly>

Latest revision as of 16:06, 3 June 2019

This widget navigates the InSPIRE content.

{{#Widget:InSPIRENav}}