mirror/mCaptcha
1
0
Fork 1
mirror of https://github.com/mCaptcha/mCaptcha.git synced 2026-02-11 10:05:41 +00:00
Code Issues Packages Projects Releases Wiki Activity

widget template

Browse Source
This commit is contained in:
realaravinth
2021-05-28 21:26:36 +05:30
parent 282b285afa
commit 2c209bf8d5
8 changed files with 249 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
templates/components/details-footer/index.html
View File

@@ -12,6 +12,10 @@
<li class="details__item">
<a class="details__link"
href="<.= crate::PKG_HOMEPAGE .><.= crate::PAGES.donate .>">Donate</a>
</li>
<li class="details__item">
<a class="details__link"
href="<.= crate::PKG_HOMEPAGE .><.= crate::PAGES.privacy .>">Privacy</a>
</li>
<li class="details__item">
<a class="details__link"

45
templates/components/headers.html
View File

@@ -1,43 +1,2 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title><.= PAGE .> | <.= crate::pages::NAME .></title>
<meta name="referrer" content="no-referrer-when-downgrade" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta
name="description"
content="mCaptcha is an AGPL'd, privacy focued, proof-of-work based CAPTCHA System"
/>
<meta name="author" content="Aravinth Manivannan" />
<meta name="twitter:card" value="summary_large_image" />
<meta name="twitter:site" content="@realaravinth" />
<meta
name="twitter:title"
content="<.= PAGE .> | <.= crate::pages::NAME .>"
/>
<meta
name="twitter:description"
content="mCaptcha is an AGPL'd, privacy focued, proof-of-work based CAPTCHA System"
/>
<meta name="twitter:creator" content="@realaravinth" />
<meta name="twitter:image" content="https://mcaptcaha.org/icon-trans.png" />
<meta
property="og:title"
content="<.= PAGE .> | <.= crate::pages::NAME .>"
/>
<meta property="og:type" content="article" />
<meta property="og:url" content="https://mcaptcaha.org" />
<meta property="og:image" content="https://mcaptcaha.org/icon-trans.png" />
<meta
property="og:description"
content="mCaptcha is an AGPL'd, privacy focued, proof-of-work based CAPTCHA System"
/>
<meta property="og:site_name"
content="mCaptcha is an AGPL'd, privacy focued, proof-of-work based CAPTCHA System"
/>
</head>
<body class="layout">
<. include!("./raw-headers.html"); .>
<body class="layout">

48
templates/components/raw-headers.html Normal file
View File

@@ -0,0 +1,48 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title><.= PAGE .> | <.= crate::pages::NAME .></title>
<meta name="referrer" content="no-referrer-when-downgrade" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta
name="description"
content="mCaptcha is an AGPL'd, privacy focued, proof-of-work based CAPTCHA System"
/>
<meta name="author" content="Aravinth Manivannan" />
<meta name="twitter:card" value="summary_large_image" />
<meta name="twitter:site" content="@realaravinth" />
<meta
name="twitter:title"
content="<.= PAGE .> | <.= crate::pages::NAME .>"
/>
<meta
name="twitter:description"
content="mCaptcha is an AGPL'd, privacy focued, proof-of-work based CAPTCHA System"
/>
<meta name="twitter:creator" content="@realaravinth" />
<meta name="twitter:image"
content="<.= crate::FILES.get("./static-assets/img/icon-trans.png").unwrap().>"
/>
<meta
property="og:title"
content="<.= PAGE .> | <.= crate::pages::NAME .>"
/>
<meta property="og:type" content="article" />
<meta property="og:url" content="https://mcaptcaha.org" />
<meta property="og:image"
content="<.= crate::FILES.get("./static-assets/img/icon-trans.png").unwrap().>"
/>
<meta
property="og:description"
content="mCaptcha is an AGPL'd, privacy focued, proof-of-work based CAPTCHA System"
/>
<meta property="og:site_name"
content="mCaptcha is an AGPL'd, privacy focued, proof-of-work based CAPTCHA System"
/>
</head>

87
templates/widget/index.html Normal file
View File

@@ -0,0 +1,87 @@
<. include!("../components/raw-headers.html"); .>
<body>
<form class="contaienr">
<label class="checkbox-label" for="verification">
<input id="verification" class="checkbox" type="checkbox" />
I'm not a robot
</label>
<div class="details">
<a href="<.= crate::PKG_HOMEPAGE .>" class="logo-container">
<img
class="logo"
src="<.= crate::FILES.get("./static-assets/img/icon-trans.png").unwrap().>"
alt="mCaptcha logo"
/>
<p class="brand-name">mCaptcha</p>
</a>
<div class="links-container">
<a class="links"
href="<.= crate::PKG_HOMEPAGE .><.= crate::PAGES.privacy .>">
Privacy
</a>
<a class="links"
href="<.= crate::PKG_HOMEPAGE .><.= crate::PAGES.security .>">>
Terms
</a>
</div>
</div>
</div>
</body>
<style type="text/css" media="screen">
.contaienr {
max-width: 350px;
max-height: 90px;
display: flex;
box-sizing: border-box;
}
.checkbox-label {
display: flex;
align-items: center;
line-height: 30px;
flex: 2;
margin: auto;
font-size: 0.99rem;
}
.checkbox {
width: 30px;
height: 30px;
margin: 0 10px;
}
.details {
flex: 1;
display: flex;
flex-direction: column;
box-sizing: border-box;
}
.logo-container {
flex: 2;
padding-top: 5px;
}
.brand-name {
font-size: 0.6rem;
margin: auto;
text-align: center;
}
.logo {
display: block;
width: 45px;
margin: auto;
}
.links-container {
display: flex;
margin: auto;
}
.links {
font-size: 0.5rem;
margin: 5px;
}
</style>
</html>