UCOMmandIt
/
uci-hugo-landingpage
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

fix avatar shortcode

master
David Kebler 2017-04-07 17:02:17 -07:00
parent f02ed87636
commit 9c4260d49e
3 changed files with 25 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
layouts/shortcodes/avatar.html
View File

@ -1,5 +1,9 @@
{{ $numOfParams := ( len .Params ) }}
{{ $avatar := "avatar.jpg" }}
{{ if eq $numOfParams 1 }}{{ $avatar := .Get 1 }}{{ end }}
<div class="box box--avatar"> <div class="box box--avatar">
{{ with .Get "link" }}<a href="{{.}}">{{ end }} {{ if eq $numOfParams 2 }}<a href="{{.Get 1 }}">{{ end }}
<img src="{{ .Page.Params.imagespath }}{{ .Get "filename" }}"/> {{ $path := "/images/" }} {{ with $.Site.Params.imagespath }} {{ $path := ( . ) }}{{ end }}
{{ with .Get "link" }}</a>{{ end }} <img class="avatar" src="{{ $path }}{{ $avatar }}"/>
{{ if eq $numOfParams 2 }}</a>{{ end }}
</div> </div>

8
static/css/base.css
View File

@ -129,6 +129,14 @@ img {
max-width: 100%; max-width: 100%;
} }
img.avatar {
object-fit: cover;
border-radius: 50%;
width: 100px;
height: 100px;
padding: 0.5em;
}
figure { figure {
display: block; display: block;
padding: 1em; padding: 1em;

26
static/css/page.css
View File

@ -29,7 +29,7 @@
.section__content li { .section__content li {
font-size: 1em; font-size: 1em;
list-style-type: none; list-style-type: none;
line-height: 0.9em; line-height: 1.1em;
} }
.section__content ul, .section__content ul,
@ -105,6 +105,8 @@
border-radius: 1em; border-radius: 1em;
width: auto; width: auto;
padding-bottom: 1em; padding-bottom: 1em;
border-style: solid;
border-width: medium;
} }
.section__headline--modal { .section__headline--modal {
@ -129,7 +131,7 @@
overflow-y: auto; overflow-y: auto;
position: relative; position: relative;
align-items: flex-start; align-items: flex-start;
font-size: 0.7em; font-size: .9em;
padding: 1em; padding: 1em;
} }
@ -218,15 +220,6 @@
padding: 0.5em; padding: 0.5em;
} }
.box--avatar > img,
img.avatar {
object-fit: cover;
border-radius: 50%;
width: 100px;
height: 100px;
padding: 0.5em;
}
.highlight { .highlight {
font-size: 0.7em; font-size: 0.7em;
align-items: left; align-items: left;
@ -303,24 +296,25 @@ img.avatar {
code { code {
font-size: 0.8em; font-size: 0.8em;
font-family: Inconsolata; font-family: Inconsolata;
background-color: dimgrey; background-color: black;
border-radius: 0.2em; border-radius: 0.2em;
color: white; color: white;
padding-left: 0.2em; padding-left: 0.2em;
padding-right: 0.2em; padding-right: 0.2em;
padding-top: 0.05em; padding-top: 0.05em;
padding-bottom: 0.05em; padding-bottom: 0.3em;
} }
code.hljs { code.hljs {
font-size: 0.75em; font-size: 0.75em;
border-radius: 0.2em; border-radius: 0.2em;
background-color: dimgrey; background-color: black;
color: white; color: white;
padding: 1em; padding: 1em;
margin-bottom: 0.7em; margin-bottom: 0.7em;
width: inherit; width: inherit;
max-width: 90vw; max-width: 90vw;
border-width: 10px; border-style: solid;
border-color: blue; border-width: 3px;
border-color: dimgrey;
} }