Skip to content

Commit 38e1588

Browse files
tparkerdtparkerd
committed
refactor: move socials to bio pages and add hover link to bio pages
1 parent 982dc79 commit 38e1588

File tree

9 files changed

+398
-127
lines changed

9 files changed

+398
-127
lines changed

‎src/assets/css/main.css‎

Lines changed: 90 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1458,7 +1458,7 @@ input, select, textarea {
14581458
/* Section/Article */
14591459

14601460
section, article {
1461-
margin-bottom: 5em;
1461+
margin-bottom: 3em;
14621462
}
14631463

14641464
section > :last-child,
@@ -1721,6 +1721,11 @@ input, select, textarea {
17211721
padding: 0;
17221722
margin: 0;
17231723
}
1724+
1725+
ul.list-unstyled li {
1726+
padding: 0;
1727+
}
1728+
17241729
ul li {
17251730
padding-left: 0.5em;
17261731
}
@@ -2690,4 +2695,87 @@ input, select, textarea {
26902695
text-align: left;
26912696
}
26922697

2693-
}
2698+
}
2699+
2700+
/* Custom */
2701+
2702+
.hover-img {
2703+
background-color: #000;
2704+
color: #fff;
2705+
border-radius: 3px;
2706+
display: inline-block;
2707+
border-radius: 8px;
2708+
overflow: hidden;
2709+
position: relative;
2710+
text-align: center;
2711+
width: 100%;
2712+
outline: 0;
2713+
}
2714+
2715+
.hover-img * {
2716+
box-sizing: border-box;
2717+
transition: all 0.45s ease;
2718+
}
2719+
2720+
.hover-img:before,
2721+
.hover-img:after {
2722+
background-color: rgba(0, 0, 0, 0.2);
2723+
border-top: 32px solid rgba(0, 0, 0, 0.2);
2724+
border-bottom: 32px solid rgba(0, 0, 0, 0.2);
2725+
position: absolute;
2726+
top: 0;
2727+
bottom: 0;
2728+
left: 0;
2729+
right: 0;
2730+
content: '';
2731+
transition: all 0.3s ease;
2732+
z-index: 1;
2733+
opacity: 0;
2734+
transform: scaleY(2);
2735+
}
2736+
2737+
.hover-img img {
2738+
vertical-align: top;
2739+
max-width: 100%;
2740+
backface-visibility: hidden;
2741+
}
2742+
2743+
.hover-img figcaption {
2744+
position: absolute;
2745+
top: 0;
2746+
bottom: 0;
2747+
left: 0;
2748+
right: 0;
2749+
align-items: center;
2750+
z-index: 1;
2751+
display: flex;
2752+
flex-direction: column;
2753+
justify-content: center;
2754+
line-height: 1.1em;
2755+
opacity: 0;
2756+
z-index: 2;
2757+
transition-delay: 0.1s;
2758+
font-size: 1.2rem;
2759+
font-family: sans-serif;
2760+
font-weight: 400;
2761+
letter-spacing: 1px;
2762+
text-transform: uppercase;
2763+
}
2764+
2765+
.hover-img:hover:before,
2766+
.hover-img:hover:after {
2767+
transform: scale(1);
2768+
opacity: 1;
2769+
}
2770+
2771+
.hover-img:hover > img {
2772+
opacity: 0.7;
2773+
}
2774+
2775+
.hover-img:hover figcaption {
2776+
opacity: 1;
2777+
}
2778+
2779+
.hover-img a {
2780+
color: white;
2781+
}

‎src/lab.html‎

Lines changed: 298 additions & 113 deletions
Large diffs are not rendered by default.

‎src/profile/cody-bagnall.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -81,7 +81,7 @@ <h3>[given-name] [family-name]</h3>
8181
<li><i class="ai ai-researchgate-square ai-fw"></i> <a href="#">ORCID</a></li>
8282
<li><i class="ai ai-orcid ai-fw"></i> <a href="#">ResearchGate</a></li>
8383
<li><i class="ai ai-google-scholar ai-fw"></i> <a
84-
href="https://scholar.google.com/citations?user=">Google Scholar</a></li>
84+
href="//scholar.google.com/citations?user=IetS_AIAAAAJ&hl=en&oi=ao">Google Scholar</a></li>
8585
</ul>
8686
</div>
8787
</section>

‎src/profile/dhineshkumar-thiruppathi.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -75,13 +75,13 @@ <h3>[given-name] [family-name]</h3>
7575
<ul class="list-unstyled">
7676
<li><i class="bi bi-envelope"></i> <a href="#">email</a></li>
7777
<li><i class="bi bi-link-45deg"></i> <a href="#">website</a></li>
78-
<li><i class="bi bi-twitter"></i> <a href="#">@twitter-handle</a></li>
78+
<li><i class="bi bi-twitter"></i> <a href="https://twitter.com/DhineshTweetz">@DhineshTweetz</a></li>
7979
<li><i class="bi bi-linkedin"></i> <a href="#">LinkedIn</a></li>
8080
<li><i class="bi bi-github"></i> <a href="#">Github</a></li>
8181
<li><i class="ai ai-researchgate-square ai-fw"></i> <a href="#">ORCID</a></li>
8282
<li><i class="ai ai-orcid ai-fw"></i> <a href="#">ResearchGate</a></li>
8383
<li><i class="ai ai-google-scholar ai-fw"></i> <a
84-
href="https://scholar.google.com/citations?user=">Google Scholar</a></li>
84+
href="//scholar.google.com/citations?user=SFa1ukYAAAAJ&hl=en&oi=ao">Google Scholar</a></li>
8585
</ul>
8686
</div>
8787
</section>

‎src/profile/keith-duncan.html‎

Lines changed: 2 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -73,11 +73,9 @@ <h3>[given-name] [family-name]</h3>
7373
</figcaption>
7474
<p>Joined [year].</p>
7575
<ul class="list-unstyled">
76-
<li><i class="bi bi-envelope"></i> <a href="#">email</a></li>
77-
<li><i class="bi bi-link-45deg"></i> <a href="#">website</a></li>
78-
<li><i class="bi bi-twitter"></i> <a href="#">@twitter-handle</a></li>
76+
<li><i class="bi bi-envelope"></i> <a href="mailto:kdundan@danforthcenter.org">email</a></li>
77+
<li><i class="bi bi-twitter"></i> <a href="//twitter.com/CygnusPlantXray">@CygnusPlantXray</a></li>
7978
<li><i class="bi bi-linkedin"></i> <a href="#">LinkedIn</a></li>
80-
<li><i class="bi bi-github"></i> <a href="#">Github</a></li>
8179
<li><i class="ai ai-researchgate-square ai-fw"></i> <a href="#">ORCID</a></li>
8280
<li><i class="ai ai-orcid ai-fw"></i> <a href="#">ResearchGate</a></li>
8381
<li><i class="ai ai-google-scholar ai-fw"></i> <a

‎src/profile/kong-wong.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -75,13 +75,13 @@ <h3>[given-name] [family-name]</h3>
7575
<ul class="list-unstyled">
7676
<li><i class="bi bi-envelope"></i> <a href="#">email</a></li>
7777
<li><i class="bi bi-link-45deg"></i> <a href="#">website</a></li>
78-
<li><i class="bi bi-twitter"></i> <a href="#">@twitter-handle</a></li>
78+
<li><i class="bi bi-twitter"></i> <a href="//twitter.com/kong_m_wong">@kong_m_wong</a></li>
7979
<li><i class="bi bi-linkedin"></i> <a href="#">LinkedIn</a></li>
8080
<li><i class="bi bi-github"></i> <a href="#">Github</a></li>
8181
<li><i class="ai ai-researchgate-square ai-fw"></i> <a href="#">ORCID</a></li>
8282
<li><i class="ai ai-orcid ai-fw"></i> <a href="#">ResearchGate</a></li>
8383
<li><i class="ai ai-google-scholar ai-fw"></i> <a
84-
href="https://scholar.google.com/citations?user=">Google Scholar</a></li>
84+
href="//scholar.google.com/citations?user=jt3A50wAAAAJ&hl=en&oi=ao">Google Scholar</a></li>
8585
</ul>
8686
</div>
8787
</section>

‎src/profile/marcus-griffiths.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -80,7 +80,7 @@ <h3>Marcus Griffiths</h3>
8080
<li><i class="bi bi-github"></i> <a href="#">Github</a></li>
8181
<li><i class="ai ai-researchgate-square ai-fw"></i> <a href="#">ORCID</a></li>
8282
<li><i class="ai ai-orcid ai-fw"></i> <a href="#">ResearchGate</a></li>
83-
<li><i class="ai ai-google-scholar ai-fw"></i> <a href="https://scholar.google.com/citations?user=X--dqYYAAAAJ&hl=en">Google
83+
<li><i class="ai ai-google-scholar ai-fw"></i> <a href="//scholar.google.com/citations?user=X--dqYYAAAAJ&hl=en">Google
8484
Scholar</a>
8585
</li>
8686
</ul>

‎src/profile/renee-dale.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -77,7 +77,7 @@ <h3>[given-name] [family-name]</h3>
7777
<li><i class="bi bi-link-45deg"></i> <a href="#">website</a></li>
7878
<li><i class="bi bi-twitter"></i> <a href="#">@twitter-handle</a></li>
7979
<li><i class="bi bi-linkedin"></i> <a href="#">LinkedIn</a></li>
80-
<li><i class="bi bi-github"></i> <a href="#">Github</a></li>
80+
<li><i class="bi bi-github"></i> <a href="//rdale1.github.io/">Github</a></li>
8181
<li><i class="ai ai-researchgate-square ai-fw"></i> <a href="#">ORCID</a></li>
8282
<li><i class="ai ai-orcid ai-fw"></i> <a href="#">ResearchGate</a></li>
8383
<li><i class="ai ai-google-scholar ai-fw"></i> <a

‎src/profile/sumeet-mankar.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -81,7 +81,7 @@ <h3>[given-name] [family-name]</h3>
8181
<li><i class="ai ai-researchgate-square ai-fw"></i> <a href="#">ORCID</a></li>
8282
<li><i class="ai ai-orcid ai-fw"></i> <a href="#">ResearchGate</a></li>
8383
<li><i class="ai ai-google-scholar ai-fw"></i> <a
84-
href="https://scholar.google.com/citations?user=">Google Scholar</a></li>
84+
href="//scholar.google.com/citations?user=kbUIVnsAAAAJ&hl=en&oi=ao">Google Scholar</a></li>
8585
</ul>
8686
</div>
8787
</section>

0 commit comments

Comments
 (0)