alignment fix to menu; move some header code to head; add video page and iframe templates; add cwtch explainer video page and iframe

This commit is contained in:
Dan Ballard 2021-09-20 16:11:51 -07:00
parent 0352bcd660
commit 3320068329
10 changed files with 180 additions and 44 deletions

2
content/videos/_index.md Normal file
View File

@ -0,0 +1,2 @@
---
---

View File

@ -0,0 +1,9 @@
---
title: "Cwtch Explainer Video"
date: 2020-12-10T14:07:19-08:00
draft: false
layout: videoPage
videoIframeUrl: "/videos/explainer_video/"
description: "A video Explaining Cwtch"
pageUrl: /videos/explainer/"
---

View File

@ -0,0 +1,9 @@
---
title: "Cwtch Explainer Video"
date: 2020-12-10T14:07:19-08:00
draft: false
layout: videoIframe
videoUrl: /cwtch-explainer.mp4
description: "A video Explaining Cwtch"
pageUrl: /videos/explainer/"
---

View File

@ -1,4 +1,4 @@
{{ partial "head.html" . }}
{{ partial "header.html" . }}
<div class="container">
@ -6,4 +6,4 @@
{{.Content}}
</div>
{{ partial "footer.html" . }}
{{ partial "footer.html" . }}

View File

@ -0,0 +1,46 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="Decentralized, Surveillance Resistant Infrastructure">
<meta name="author" content="Open Privacy Cwtch Team">
<link rel="icon" href="/favicon.png">
<title>{{ .Title }}</title>
<meta name="twitter:site" content="@cwtch_im" />
<meta name="twitter:creator" content="@cwtch_im" />
<meta property="og:url" content="{{ .Params.pageUrl }}" />
<meta property="og:description" content="{{ .Params.description }}" />
<meta property="twitter:description" content="{{ .Params.description }}" />
<meta property="og:title" content="{{ .Title }}" />
<meta property="twitter:title" content="{{ .Title }}" />
<meta name="twitter:card" content="player" />
<meta name="twitter:player" content="{{ .Params.videoUrl }}">
<meta name="twitter:player:width" content="360" />
<meta name="twitter:player:height" content="200" />
<style>
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption {
margin: 0;
padding: 0;
border: 0;
outline: 0;
vertical-align: baseline;
background: transparent;
font-size: 0;
}
iframe {
margin: 0px;
padding: 0px;
border: 0px;
height: 100%;
}
</style>
</head><body><video width="100%" src="{{ .Params.videoUrl}}" controls><track default kind="subtitles" srclang="en" src="{{ .Params.videoSubs.en }}" /></video></body></html>

View File

@ -0,0 +1,63 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="Decentralized, Surveillance Resistant Infrastructure">
<meta name="author" content="Open Privacy Cwtch Team">
<link rel="icon" href="/favicon.png">
<title>{{ .Title }}</title>
<meta name="twitter:site" content="@cwtch_im" />
<meta name="twitter:creator" content="@cwtch_im" />
<meta property="og:url" content="{{ .Params.pageUrl }}" />
<meta property="og:description" content="{{ .Params.description }}" />
<meta property="twitter:description" content="{{ .Params.description }}" />
<meta property="og:title" content="{{ .Title }}" />
<meta property="twitter:title" content="{{ .Title }}" />
<meta name="twitter:card" content="player" />
<meta name="twitter:player" content="{{ .Params.videoIframeUrl }}">
<meta name="twitter:player:width" content="360" />
<meta name="twitter:player:height" content="200" />
<!-- Bootstrap core CSS -->
<link href="/css/bootstrap.min.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="/css/style.css" rel="stylesheet">
<head>
<body>
{{ partial "header.html" .}}
<div class="container">
<div class="row text-center justify-content-around align-items-center">
<hr />
<div class="col-md-12 pb-2">
<h2>{{ .Title }}</h2>
</div>
</div>
<div class="row text-center justify-content-around align-items-center">
<iframe width="640" height="360" src="{{ .Params.videoIframeUrl }}" frameborder="0" scrolling="no" vspace="0" hspace="0" marginheight="0" marginwidth="0" ></iframe>
</div>
<div class="row text-center justify-content-around align-items-center">
<div class="col-md-12 pb-2 pt-4">
<p>{{ .Params.description }}</p>
</div>
</div>
</div>
{{ partial "footer.html" . }}

View File

@ -1,5 +1,7 @@
{{ partial "head.html" . }}
{{ partial "header.html" . }}
<div class="container">
<div class="row text-center justify-content-around">

View File

@ -0,0 +1,41 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="Decentralized, Surveillance Resistant Infrastructure">
<meta name="author" content="Open Privacy Cwtch Team">
<link rel="icon" href="/favicon.png">
<meta name="go-import" content="cwtch.im/cwtch git https://git.openprivacy.ca/cwtch.im/cwtch">
<meta name="go-source" content="cwtch.im/cwtch https://git.openprivacy.ca/cwtch.im/cwtch https://git.openprivacy.ca/cwtch.im/cwtch/src/master{/dir} https://git.openprivacy.ca/cwtch.im/cwtch/raw/master{/dir}/{file}#L{line}">
<title>Cwtch: Decentralized, Surveillance Resistant Infrastructure</title>
<meta name="twitter:card" content="summary_large_image"/>
<meta name="twitter:site" content="@openpriv" />
<meta name="twitter:creator" content="@openpriv" />
<meta property="og:image" content="https://cwtch.im/images/CWTCH_WEB/card_header.png" />
<meta property="og:url" content="https://cwtch.im" />
<meta property="twitter:title" content="Cwtch: Decentralized, Surveillance Resistant Infrastructure" />
<meta property="og:title" content="Cwtch: Decentralized, Surveillance Resistant Infrastructure" />
<meta property="og:description" content="Cwtch is a decentralized, privacy-preserving,
multi-party messaging protocol that can be used to build metadata resistant applications." />
<meta property="twitter:description" content="Cwtch is a decentralized, privacy-preserving,
multi-party messaging protocol that can be used to build metadata resistant applications." />
<!-- Bootstrap core CSS -->
<link href="/css/bootstrap.min.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="/css/style.css" rel="stylesheet">
</head>
<body>

View File

@ -1,43 +1,3 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="Decentralized, Surveillance Resistant Infrastructure">
<meta name="author" content="Open Privacy Cwtch Team">
<link rel="icon" href="/favicon.png">
<meta name="go-import" content="cwtch.im/cwtch git https://git.openprivacy.ca/cwtch.im/cwtch">
<meta name="go-source" content="cwtch.im/cwtch https://git.openprivacy.ca/cwtch.im/cwtch https://git.openprivacy.ca/cwtch.im/cwtch/src/master{/dir} https://git.openprivacy.ca/cwtch.im/cwtch/raw/master{/dir}/{file}#L{line}">
<title>Cwtch: Decentralized, Surveillance Resistant Infrastructure</title>
<meta name="twitter:card" content="summary_large_image"/>
<meta name="twitter:site" content="@openpriv" />
<meta name="twitter:creator" content="@openpriv" />
<meta property="og:image" content="https://cwtch.im/images/CWTCH_WEB/card_header.png" />
<meta property="og:url" content="https://cwtch.im" />
<meta property="twitter:title" content="Cwtch: Decentralized, Surveillance Resistant Infrastructure" />
<meta property="og:title" content="Cwtch: Decentralized, Surveillance Resistant Infrastructure" />
<meta property="og:description" content="Cwtch is a decentralized, privacy-preserving,
multi-party messaging protocol that can be used to build metadata resistant applications." />
<meta property="twitter:description" content="Cwtch is a decentralized, privacy-preserving,
multi-party messaging protocol that can be used to build metadata resistant applications." />
<!-- Bootstrap core CSS -->
<link href="/css/bootstrap.min.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="/css/style.css" rel="stylesheet">
</head>
<body>
<nav class="text-center">
<div class="container">
<ul>
@ -54,4 +14,4 @@
</div>
</nav>
<div class="main">
<div class="main">

View File

@ -27,6 +27,10 @@ nav {
text-decoration: none;
}
nav ul {
padding-left: 0px;
}
nav li {
list-style: none none;
}
@ -194,4 +198,4 @@ footer a {
code {
font-size: 12px;
text-wrap: none;
}
}