diff --git a/site/layouts/partials/about.html b/site/layouts/partials/about.html index 6648be8..c4944c4 100644 --- a/site/layouts/partials/about.html +++ b/site/layouts/partials/about.html @@ -11,41 +11,7 @@ {{ end }} -
- -
+ {{ partial "functions/video_vimeo.html" . }} {{ with .Site.Params.about.description }} diff --git a/site/layouts/partials/functions/video_fsfe.html b/site/layouts/partials/functions/video_fsfe.html new file mode 100644 index 0000000..a1fb435 --- /dev/null +++ b/site/layouts/partials/functions/video_fsfe.html @@ -0,0 +1,35 @@ +
+ +
diff --git a/site/layouts/partials/functions/video_vimeo.html b/site/layouts/partials/functions/video_vimeo.html new file mode 100644 index 0000000..5e91441 --- /dev/null +++ b/site/layouts/partials/functions/video_vimeo.html @@ -0,0 +1,3 @@ +
+ +
diff --git a/site/static/css/custom.css b/site/static/css/custom.css index de315ef..4730a83 100644 --- a/site/static/css/custom.css +++ b/site/static/css/custom.css @@ -27,6 +27,21 @@ blockquote p { height: auto !important; margin-bottom: 20px; } +.embedvideo { + max-width: 100%; + height: auto; + position: relative; + padding-bottom: 56.25%; + overflow: hidden; + margin-bottom: 20px; +} +.embedvideo iframe, .embedvideo object, .embedvideo embed { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; +} /* ARGUMENTS SECTION */ #arguments #arguments-followup p {