Skip to content
Snippets Groups Projects
Commit 8e346e70 authored by Gervaise Henry's avatar Gervaise Henry :cowboy:
Browse files

Merge branch 'mouse.over.image' into 'develop'

Mouse.over.image

See merge request !16
parents b0dfcebb b484c735
Branches
2 merge requests!18Develop,!16Mouse.over.image
Pipeline #5583 passed with stages
in 9 seconds
baseurl = "https://strandlab.net/" baseurl = "http://strandlab.dev.s3-website.us-east-2.amazonaws.com/"
title = "Strand Lab" title = "Strand Lab"
author = "Gervaise H. Henry" author = "Gervaise H. Henry"
theme = "blackburn" theme = "blackburn"
...@@ -19,7 +19,7 @@ paginate = 10 ...@@ -19,7 +19,7 @@ paginate = 10
department = "Department of Urology" department = "Department of Urology"
dsite = "https://www.utsouthwestern.edu/education/medical-school/departments/urology/" dsite = "https://www.utsouthwestern.edu/education/medical-school/departments/urology/"
description = "Investigating lower urinary tract biology" description = "Investigating lower urinary tract biology"
googleAnalytics = "UA-120971283-2" # googleAnalytics = "UA-120971283-2"
# CSS name for highlight.js # CSS name for highlight.js
highlightjs = "androidstudio" highlightjs = "androidstudio"
highlightjs_extra_languages = ["yaml"] highlightjs_extra_languages = ["yaml"]
......
content/people/images/henry_g_hat.jpg

1.4 MiB

content/people/images/strand_d_scowl.jpg

2.2 MiB

{{ partial "header.html" . }} {{ partial "header.html" . }}
<div class="header"> <div class="header">
<h1>{{ .Title }}</h1> <h1>{{ .Title }}</h1>
<h2>{{ .Description }}</h2> <h2>{{ .Description }}</h2>
</div> </div>
<style> <style>
@media (min-width: 1000px) { @media (min-width: 1000px) {
.column { .column {
float: left; float: left;
} }
.left { .left {
width: 25%; width: 25%;
} }
.right { .right {
width: 75%; width: 75%;
} }
.row:after { .row:after {
content: ""; content: "";
display: table; display: table;
clear: both; clear: both;
} }
} }
img.pic { img.pic {
width: 175px; width: 175px;
padding: 7px; padding: 7px;
border: 1px solid #ddd; border: 1px solid #ddd;
box-shadow: 4px 4px 5px #888; box-shadow: 4px 4px 5px #888;
} }
</style> </style>
<div class="content"> <div class="content">
<div class="current"> <div class="current">
{{ range where .Pages.ByWeight "Params.current" true }} {{ range where .Pages.ByWeight "Params.current" true }}
<div class="row"> <div class="row">
<h3><strong>{{.Params.name}} {{.Params.degree}}</strong></h3> <h3><strong>{{.Params.name}} {{.Params.degree}}</strong></h3>
<h4>{{.Params.tit}}</h4> <h4>{{.Params.tit}}</h4>
{{ if not (eq .Params.orcid "") }} {{ if not (eq .Params.orcid "") }}
<p> <p>
<a href="https://orcid.org/{{.Params.orcid}}" target="_blank"><img <a href="https://orcid.org/{{.Params.orcid}}" target="_blank"><img
src="https://orcid.org/sites/default/files/images/orcid_16x16.png">orcid.org/{{.Params.orcid}}</a> src="https://orcid.org/sites/default/files/images/orcid_16x16.png">orcid.org/{{.Params.orcid}}</a>
</p> </p>
{{ end }} {{ end }}
<div class="column left"> <div class="column left">
{{ if not (eq .Params.pic "") }} {{ if not (eq .Params.pic "") }}
<img src="images/{{.Params.pic}}" alt="" class="pic"> {{ if (ne .Params.title "Henry_g") }}
{{ end }} <img src="images/{{.Params.pic}}" id={{.Params.title}} alt="" class="pic">
</div> {{ end }}
<div class="column right" style="text-align: justify"> {{ if (eq .Params.title "Henry_g") }}
<p>{{.Content}}</p> <img src="images/{{.Params.pic}}" id={{.Params.title}} alt="" class="pic" onmouseover="changeImage({{.Params.title}}, 'images/henry_g_hat.jpg')" onmouseleave="changeImage({{.Params.title}}, 'images/{{.Params.pic}}')">
</div> {{ end }}
</div> {{ end }}
<hr><br> </div>
{{end}} <div class="column right" style="text-align: justify">
</div> <p>{{.Content}}</p>
<hr> </div>
<h1>Former Members</h1> </div>
<div class="former"> <hr><br>
{{ range where .Pages.ByWeight "Params.current" false }} {{end}}
<div class="row"> </div>
<h3><strong>{{.Params.name}} {{.Params.degree}}</strong></h3> <hr>
<h4>{{.Params.tit}}</h4> <h1>Former Members</h1>
{{ if not (eq .Params.orcid "") }} <div class="former">
<p> {{ range where .Pages.ByWeight "Params.current" false }}
<a href="https://orcid.org/{{.Params.orcid}}"><img <div class="row">
src="https://orcid.org/sites/default/files/images/orcid_16x16.png">orcid.org/{{.Params.orcid}}</a> <h3><strong>{{.Params.name}} {{.Params.degree}}</strong></h3>
</p> <h4>{{.Params.tit}}</h4>
{{ end }} {{ if not (eq .Params.orcid "") }}
<div class="column left"> <p>
{{ if not (eq .Params.pic "") }} <a href="https://orcid.org/{{.Params.orcid}}"><img
<img src="images/{{.Params.pic}}" alt="" class="pic"> src="https://orcid.org/sites/default/files/images/orcid_16x16.png">orcid.org/{{.Params.orcid}}</a>
{{ end }} </p>
</div> {{ end }}
<div class="column right" style="text-align: justify"> <div class="column left">
<p>{{.Content}}</p> {{ if not (eq .Params.pic "") }}
</div> <img src="images/{{.Params.pic}}" alt="" class="pic">
</div> {{ end }}
<hr><br> </div>
{{end}} <div class="column right" style="text-align: justify">
</div> <p>{{.Content}}</p>
</div> </div>
</div>
<hr><br>
{{end}}
</div>
</div>
<script>
function changeImage(id,img){
setTimeout(function() {document.getElementById(id).src=img;},0);
}
</script>
{{ partial "footer.html" . }} {{ partial "footer.html" . }}
\ No newline at end of file
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment