survey index page
This commit is contained in:
parent
115b096008
commit
d640c7d5a2
GPG Key ID:
AD9F0F08E855ED88
|
|
@ -22,7 +22,7 @@ mod panel;
|
|||
pub mod routes;
|
||||
//mod sitemap;
|
||||
|
||||
pub const NAME: &str = "Kaizen";
|
||||
pub const NAME: &str = "mCaptcha";
|
||||
|
||||
pub fn services(cfg: &mut ServiceConfig) {
|
||||
auth::services(cfg);
|
||||
|
|
|
|||
|
|
@ -13,8 +13,10 @@
|
|||
*
|
||||
* You should have received a copy of the GNU Affero General Public License along with this program. If not, see <https://www.gnu.org/licenses/>.
|
||||
*/
|
||||
use actix_web::{http, HttpResponse, Responder};
|
||||
use actix_web::{HttpResponse, Responder};
|
||||
use lazy_static::lazy_static;
|
||||
use my_codegen::get;
|
||||
use sailfish::TemplateOnce;
|
||||
|
||||
use crate::PAGES;
|
||||
|
||||
|
|
@ -31,7 +33,7 @@ pub mod routes {
|
|||
pub const fn new() -> Panel {
|
||||
let campaigns = Campaigns::new();
|
||||
Panel {
|
||||
home: "/admin/home",
|
||||
home: "/",
|
||||
campaigns,
|
||||
}
|
||||
}
|
||||
|
|
@ -48,12 +50,19 @@ pub fn services(cfg: &mut actix_web::web::ServiceConfig) {
|
|||
campaigns::services(cfg);
|
||||
}
|
||||
|
||||
#[get(
|
||||
path = "PAGES.panel.home",
|
||||
wrap = "crate::pages::get_page_check_login()"
|
||||
)]
|
||||
pub async fn home() -> impl Responder {
|
||||
HttpResponse::Found()
|
||||
.insert_header((http::header::LOCATION, PAGES.panel.campaigns.home))
|
||||
.finish()
|
||||
#[derive(TemplateOnce, Default)]
|
||||
#[template(path = "index.html")]
|
||||
struct HomePage;
|
||||
|
||||
const PAGE: &str = "Survey";
|
||||
|
||||
lazy_static! {
|
||||
static ref INDEX: String = HomePage::default().render_once().unwrap();
|
||||
}
|
||||
|
||||
#[get(path = "PAGES.panel.home")]
|
||||
pub async fn home() -> impl Responder {
|
||||
HttpResponse::Ok()
|
||||
.content_type("text/html; charset=utf-8")
|
||||
.body(&*INDEX)
|
||||
}
|
||||
|
|
|
|||
|
|
@ -47,6 +47,10 @@ pub mod assets {
|
|||
path: FILES.get("./static/cache/img/headsets.jpg").unwrap(),
|
||||
name: "Headsets image"
|
||||
};
|
||||
pub static ref EXTERNAL_LINK: Img = Img {
|
||||
path: FILES.get("./static/cache/img/external-link.svg").unwrap(),
|
||||
name: "External Link"
|
||||
};
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -0,0 +1 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" id="icon" class="feather feather-external-link"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><polyline points="15 3 21 3 21 9"></polyline><line x1="10" y1="14" x2="21" y2="3"></line></svg>
|
||||
|
After Width: | Height: | Size: 398 B |
|
|
@ -1,63 +1,88 @@
|
|||
<. include!("./components/base/top.html"); .>
|
||||
<body class="panel__body">
|
||||
<main class="panel__container">
|
||||
<h1>mCaptcha device benchmark survey</h1>
|
||||
<h2>Why should I participate</h2>
|
||||
<p>
|
||||
<a href="https://mcaptcha.org" target="_blank">mCaptcha</a>
|
||||
is a cutting edge, privacy respecting CAPTCHA system. We use a
|
||||
<a href="https://en.wikipedia.org/wiki/Proof_of_work" target="_blank"
|
||||
>proof of work</a
|
||||
>
|
||||
based mechanism to defend against
|
||||
<a href="https://en.wikipedia.org/wiki/Proof_of_work" target="_blank"
|
||||
>denial-of-service attacks</a
|
||||
>
|
||||
which allows for a non-interactive CAPTCHA experience. We require
|
||||
performance metrics measured on a wide range of devices to fine-tune the
|
||||
system for optimal user experience, see for yourself!
|
||||
</p>
|
||||
<div style="width: 304px; height: 78px">
|
||||
<iframe
|
||||
title="mCaptcha"
|
||||
src="https://demo.mcaptcha.org/widget/?sitekey=6o3p1Fx94hJRFm8g8IHBB7sv8D0em20k"
|
||||
role="presentation"
|
||||
name="mcaptcha-widget__iframe"
|
||||
id="mcaptcha-widget__iframe"
|
||||
scrolling="no"
|
||||
sandbox="allow-same-origin allow-scripts"
|
||||
width="304"
|
||||
height="78"
|
||||
data-mcaptcha_host="https://demo.mcaptcha.org"
|
||||
frameborder="0"
|
||||
></iframe>
|
||||
</div>
|
||||
<body class="survey__body">
|
||||
<main class="survey__container">
|
||||
<h1>mCaptcha benchmark survey</h1>
|
||||
<section>
|
||||
<h2>Why should I participate</h2>
|
||||
<p>
|
||||
<a href="https://mcaptcha.org" target="_blank">mCaptcha</a>
|
||||
is a cutting edge, privacy respecting CAPTCHA system. We use a
|
||||
<a href="https://en.wikipedia.org/wiki/Proof_of_work" target="_blank"
|
||||
>proof of work</a
|
||||
>
|
||||
based mechanism to defend against
|
||||
<a href="https://en.wikipedia.org/wiki/Proof_of_work" target="_blank"
|
||||
>denial-of-service attacks</a
|
||||
>
|
||||
which allows for a non-interactive CAPTCHA experience. We require
|
||||
performance metrics measured on a wide range of devices to fine-tune the
|
||||
system for optimal user experience, see for yourself!
|
||||
</p>
|
||||
<div class="survey__captcha-widget" style="width: 304px; height: 78px">
|
||||
<iframe
|
||||
title="mCaptcha"
|
||||
src="https://demo.mcaptcha.org/widget/?sitekey=6o3p1Fx94hJRFm8g8IHBB7sv8D0em20k"
|
||||
role="presentation"
|
||||
name="mcaptcha-widget__iframe"
|
||||
id="mcaptcha-widget__iframe"
|
||||
scrolling="no"
|
||||
sandbox="allow-same-origin allow-scripts"
|
||||
width="304"
|
||||
height="78"
|
||||
data-mcaptcha_host="https://demo.mcaptcha.org"
|
||||
frameborder="0"
|
||||
></iframe>
|
||||
</div>
|
||||
</section>
|
||||
<section>
|
||||
<h2>What do I get?</h2>
|
||||
<div class="survey__prize-section">
|
||||
<p>
|
||||
We are conducting a lucky draw. Two lucky participants, selected at
|
||||
random, will win a pair of JBL headsets worth over ₹2,500! Also, you
|
||||
will be helping us make the internet healthier :)
|
||||
</p>
|
||||
<a
|
||||
target="_blank"
|
||||
class="prize__preview"
|
||||
href="https://www.amazon.in/JBL-Detachable-Directional-Headphones-Conference/dp/B0948TG7H8"
|
||||
>
|
||||
<img
|
||||
src="<.= crate::assets::HEADSETS.path .>"
|
||||
alt="<.= crate::assets::HEADSETS.name .>"
|
||||
class="survey__prize"
|
||||
/>
|
||||
<p>
|
||||
Product details
|
||||
<img
|
||||
src="<.= crate::assets::EXTERNAL_LINK.path .>"
|
||||
alt="<.= crate::assets::EXTERNAL_LINK.name .>"
|
||||
/>
|
||||
</p>
|
||||
</a>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<h2>What do I get?</h2>
|
||||
<p>
|
||||
We are conducting a lucky draw. Two lucky participants, selected at
|
||||
random, will win a pair of
|
||||
<a
|
||||
target="_blank"
|
||||
href="https://www.amazon.in/JBL-Detachable-Directional-Headphones-Conference/dp/B0948TG7H8"
|
||||
>JBL headsets worth over ₹2,500</a
|
||||
>! Also, you will be helping us make the internet healthier :)
|
||||
</p>
|
||||
<section>
|
||||
<h2>Privacy policy</h2>
|
||||
<p>This survey collects the following information:</p>
|
||||
<ul>
|
||||
<li>Device name</li>
|
||||
<li>Operating system</li>
|
||||
<li>Processor information</li>
|
||||
<li>Benchmark results</li>
|
||||
</ul>
|
||||
<b>No Personally identifying information is collected</b>
|
||||
</section>
|
||||
|
||||
<h2>Privacy policy</h2>
|
||||
<p>This survey collects the following information:</p>
|
||||
<ul>
|
||||
<li>Device name</li>
|
||||
<li>Operating system</li>
|
||||
<li>Processor information</li>
|
||||
<li>Benchmark results</li>
|
||||
</ul>
|
||||
<b>No Personally identifying information is collected</b>
|
||||
<a
|
||||
class="link__btn"
|
||||
href="<.= crate::V1_API_ROUTES.benches.register .>"
|
||||
target="_blank"
|
||||
>Get started</a
|
||||
>
|
||||
</main>
|
||||
<. include!("../components/footer/index.html"); .>
|
||||
<a href="<.= crate::V1_API_ROUTES.benches.register .>" target="_blank"
|
||||
>Get started</a
|
||||
>
|
||||
<. include!("./components/footer/index.html"); .>
|
||||
</body>
|
||||
<script src="./dist/bundle.js"></script>
|
||||
<script src="<.= &*crate::GLUE .>./dist/bundle.js"></script>
|
||||
<. include!("./components/base/bottom.html"); .>
|
||||
|
|
|
|||
|
|
@ -25,27 +25,80 @@
|
|||
@import "./errors/main";
|
||||
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
|
||||
|
||||
font-family: "Inter UI", -apple-system, BlinkMacSystemFont, "Roboto",
|
||||
"Segoe UI", Helvetica, Arial, sans-serif;
|
||||
font-family: "Inter UI", -apple-system, BlinkMacSystemFont, "Roboto",
|
||||
"Segoe UI", Helvetica, Arial, sans-serif;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
color: rgb(0, 86, 179);
|
||||
text-decoration: none;
|
||||
color: rgb(0, 86, 179);
|
||||
}
|
||||
|
||||
a:hover {
|
||||
text-decoration: underline;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
body {
|
||||
max-width: 100vw;
|
||||
overflow-x: hidden;
|
||||
min-height: 100vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
max-width: 100vw;
|
||||
overflow-x: hidden;
|
||||
min-height: 100vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.survey__body {
|
||||
width: 100vw;
|
||||
min-height: 100vh;
|
||||
}
|
||||
|
||||
.survey__container {
|
||||
width: 60%;
|
||||
margin: 50px auto;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.survey__container {
|
||||
h1 {
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
h2 {
|
||||
margin: 10px 0px;
|
||||
}
|
||||
|
||||
.link__btn {
|
||||
margin: auto;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
section {
|
||||
margin: 30px 0px;
|
||||
}
|
||||
}
|
||||
|
||||
.survey__prize-section {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.prize__preview {
|
||||
display: flex;
|
||||
margin: auto;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.survey__prize {
|
||||
height: 250px;
|
||||
}
|
||||
|
||||
.survey__captcha-widget {
|
||||
margin: auto;
|
||||
margin-top: 40px;
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue