mirror of
https://github.com/RdvSpeakers/rdvspeakers-theme-hugo.git
synced 2026-03-10 08:51:19 +00:00
Fixing speaker-orga duality
This commit is contained in:
Horacio Gonzalez
@@ -38,7 +38,7 @@
|
||||
|
||||
|
||||
<ul class="speakers">
|
||||
{{ range where .Site.RegularPages "Params.key" "in" .Params.speakers }}
|
||||
{{ range where .Site.Pages "Params.key" "in" .Params.speakers }}
|
||||
<li class="speaker">
|
||||
<div class="speaker-img" style="background-image: url({{ .Params.photoURL }});"></div>
|
||||
<strong class="speaker-name">{{ .Params.name }}</strong>
|
||||
|
||||
@@ -1,9 +1,19 @@
|
||||
<a class="visually-hidden" href="{{ .URL }}">{{ .Params.name }}</a>
|
||||
<a class="speaker" href="{{ .URL }}">
|
||||
<div role="presentation" class="speaker-img" style="background-image: url({{ .Params.photoURL }});"></div>
|
||||
<div class="info">
|
||||
<div class="speaker-company">{{ .Params.company }}</div>
|
||||
<strong class="speaker-name">{{ .Params.name }}</strong>
|
||||
<span class="speaker-country">{{ .Params.city }}</span>
|
||||
</div>
|
||||
</a>
|
||||
<a href="{{ .URL }}">
|
||||
<div class="photo" role="presentation" style="background-image: url('{{ .Params.photoURL }}');"></div>
|
||||
</a>
|
||||
<div class="label">
|
||||
<a href="{{ .URL }}">
|
||||
<h3>{{ .Params.name }}</h3>
|
||||
<h4>{{ .Params.company }}</h4>
|
||||
</a>
|
||||
<ul class="socials">
|
||||
{{ range .Params.socials }}
|
||||
<li>
|
||||
<a class="social" rel="noreferrer" href="{{ .link }}" target="_blank">
|
||||
{{ partial "icon.html" (lower .icon) }}
|
||||
{{- .icon -}}
|
||||
</a>
|
||||
</li>
|
||||
{{ end }}
|
||||
</ul>
|
||||
</div>
|
||||
@@ -3,15 +3,15 @@
|
||||
</a>
|
||||
<div class="label">
|
||||
<a href="{{ .URL }}">
|
||||
<h3>{{ .Title }}</h3>
|
||||
<h4>{{ .Params.subtitle }}</h4>
|
||||
<h3>{{ .Params.name }}</h3>
|
||||
<h4>{{ .Params.company }}</h4>
|
||||
</a>
|
||||
<ul class="socials">
|
||||
{{ range .Params.socials }}
|
||||
<li>
|
||||
<a class="social" rel="noreferrer" href="{{ .link }}" target="_blank">
|
||||
{{ partial "icon.html" (lower .name) }}
|
||||
{{- .name -}}
|
||||
{{ partial "icon.html" (lower .icon) }}
|
||||
{{- .icon -}}
|
||||
</a>
|
||||
</li>
|
||||
{{ end }}
|
||||
|
||||
@@ -7,7 +7,10 @@
|
||||
{{ $speakers := where .Site.AllPages ".Section" "in" (slice "speakers" "team") }}
|
||||
{{ range where $speakers ".Kind" "page" }}
|
||||
|
||||
<li>{{ partial "speaker.html" . }}</li>
|
||||
{{ if isset .Params "speaker" }}
|
||||
|
||||
<li>{{ partial "speaker.html" . }}</li>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
@@ -25,7 +25,7 @@
|
||||
<ul class="talks">
|
||||
{{ range where .Site.RegularPages "Params.team" "intersect" (slice .Page.Params.key) }}
|
||||
<li>
|
||||
<a href="{{ .Permalink }}" class="visually-hidden">{{ .Title }}</a>
|
||||
<a href="{{ .Permalink }}" class="visually-hidden">{{ .Name }}</a>
|
||||
<a href="{{ .Permalink }}" class="talk tag-{{ anchorize (delimit (.Params.tags | default (slice)) "" ) }}">
|
||||
<div class="tags">
|
||||
{{ range .Params.tags }}
|
||||
@@ -36,7 +36,7 @@
|
||||
</div>
|
||||
<a href="{{ .Permalink }}" class="talk">
|
||||
<span class="language {{ anchorize .Params.language }}"></span>
|
||||
<h3 class="text">{{ .Title }}</h3>
|
||||
<h3 class="text">{{ .Name }}</h3>
|
||||
</a>
|
||||
</li>
|
||||
{{ end }}
|
||||
|
||||
13092
package-lock.json
generated
13092
package-lock.json
generated
File diff suppressed because it is too large
Load Diff
@@ -7,21 +7,6 @@
|
||||
padding: 2rem var(--container-margin);
|
||||
}
|
||||
|
||||
ul.speakers {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-evenly;
|
||||
|
||||
& > li {
|
||||
margin: 1rem;
|
||||
flex: 1 0 300px;
|
||||
max-width: 450px;
|
||||
}
|
||||
}
|
||||
|
||||
a.speaker {
|
||||
padding: var(--space-4);
|
||||
border: thin solid var(--darken-1);
|
||||
|
||||
@@ -1,47 +1,51 @@
|
||||
.speakers ul {
|
||||
.speakers ul.speakers {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
|
||||
li .speaker {
|
||||
& > li {
|
||||
flex: 1 1 300px;
|
||||
margin: 2rem;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
text-decoration: none;
|
||||
color: inherit;
|
||||
|
||||
.info {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.speaker-img {
|
||||
--size: 8rem;
|
||||
height: var(--size, 8rem);
|
||||
min-width: var(--size, 8rem);
|
||||
.photo {
|
||||
--size: 6rem;
|
||||
box-shadow: 0 0 0 var(--space-2) var(--darken-2);
|
||||
min-width: var(--size, 6rem);
|
||||
height: var(--size, 6rem);
|
||||
border-radius: 100%;
|
||||
background-size: cover;
|
||||
|
||||
margin: var(--space-2);
|
||||
}
|
||||
|
||||
.speaker-company {
|
||||
img {
|
||||
max-height: 2rem;
|
||||
margin: var(--space-1);
|
||||
}
|
||||
figcaption {
|
||||
display: none;
|
||||
.label {
|
||||
display: flex;
|
||||
margin-left: var(--space-3);
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
ul.socials {
|
||||
list-style: none;
|
||||
//display: flex;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-size: 1.5em;
|
||||
|
||||
li {
|
||||
display: inline-block;
|
||||
opacity: .5;
|
||||
filter: grayscale(1);
|
||||
transition: filter var(--animation);
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
opacity: 1;
|
||||
filter: grayscale(0);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.speaker-name {
|
||||
font-weight: 600;
|
||||
margin: var(--space-1);
|
||||
}
|
||||
|
||||
.speaker-company {
|
||||
font-weight: 200;
|
||||
opacity: .8;
|
||||
margin: var(--space-1);
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -562,35 +562,41 @@ a.social {
|
||||
#TableOfContents > ul > li > ul > li > a {
|
||||
font-weight: bold; }
|
||||
|
||||
.speakers ul li .speaker {
|
||||
.speakers ul.speakers {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
text-decoration: none;
|
||||
color: inherit; }
|
||||
.speakers ul li .speaker .info {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center; }
|
||||
.speakers ul li .speaker .speaker-img {
|
||||
--size: 8rem;
|
||||
height: var(--size, 8rem);
|
||||
min-width: var(--size, 8rem);
|
||||
border-radius: 100%;
|
||||
background-size: cover;
|
||||
margin: var(--space-2); }
|
||||
.speakers ul li .speaker .speaker-company img {
|
||||
max-height: 2rem;
|
||||
margin: var(--space-1); }
|
||||
.speakers ul li .speaker .speaker-company figcaption {
|
||||
display: none; }
|
||||
.speakers ul li .speaker .speaker-name {
|
||||
font-weight: 600;
|
||||
margin: var(--space-1); }
|
||||
.speakers ul li .speaker .speaker-company {
|
||||
font-weight: 200;
|
||||
opacity: .8;
|
||||
margin: var(--space-1); }
|
||||
flex-wrap: wrap; }
|
||||
.speakers ul.speakers > li {
|
||||
flex: 1 1 300px;
|
||||
margin: 2rem;
|
||||
display: flex; }
|
||||
.speakers ul.speakers > li .photo {
|
||||
--size: 6rem;
|
||||
box-shadow: 0 0 0 var(--space-2) var(--darken-2);
|
||||
min-width: var(--size, 6rem);
|
||||
height: var(--size, 6rem);
|
||||
border-radius: 100%;
|
||||
background-size: cover;
|
||||
margin: var(--space-2); }
|
||||
.speakers ul.speakers > li .label {
|
||||
display: flex;
|
||||
margin-left: var(--space-3);
|
||||
flex-direction: column;
|
||||
justify-content: center; }
|
||||
.speakers ul.speakers > li ul.socials {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-size: 1.5em; }
|
||||
.speakers ul.speakers > li ul.socials li {
|
||||
display: inline-block;
|
||||
opacity: .5;
|
||||
filter: grayscale(1);
|
||||
transition: filter var(--animation); }
|
||||
.speakers ul.speakers > li ul.socials li:hover, .speakers ul.speakers > li ul.socials li:focus {
|
||||
opacity: 1;
|
||||
filter: grayscale(0); }
|
||||
|
||||
.tickets ul {
|
||||
list-style: none;
|
||||
@@ -1547,18 +1553,6 @@ form input {
|
||||
.section.speakers .hero h1 {
|
||||
padding: 2rem var(--container-margin); }
|
||||
|
||||
.section.speakers ul.speakers {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-evenly; }
|
||||
.section.speakers ul.speakers > li {
|
||||
margin: 1rem;
|
||||
flex: 1 0 300px;
|
||||
max-width: 450px; }
|
||||
|
||||
.section.speakers a.speaker {
|
||||
padding: var(--space-4);
|
||||
border: thin solid var(--darken-1);
|
||||
|
||||
Reference in New Issue
Block a user