start on research page

This commit is contained in:
Idaapayo 2021-07-15 22:05:53 +03:00
parent 51191d2709
commit 8380e732f6
12 changed files with 304 additions and 6 deletions

View File

@ -1 +1,2 @@
:title: Research
:title: Research
:template: research-page

View File

@ -0,0 +1,91 @@
.re-img-container{
height: 450px;
position: relative;
}
.re-img{
width: 100%;
height: 100%;
}
.research-heading{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: white;
font-size: 70px;
font-weight: bold;
}
.research-container{
width: 50%;
}
.re-center-this{
text-align: center;
}
.re-link{
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-color: black;
text-decoration-thickness: 3px;
color: black;
}
.re-dataset-buttons{
padding-top: 30px;
gap: 30px;
text-align: center;
}
.dataset-download{
background: #33cccc;
border: 1px solid white;
color: white;
padding: 0.5em;
text-decoration: none;
width: 350px;
border-radius: 25px;
}
.dataset-download:hover{
color: black;
}
.re-inline-buttons{
gap: 30px;
flex-wrap: wrap;
padding-top: 40px;
text-align: center;
}
.re-buttons{
background: #ffffff;
border: 1px solid black;
color: black;
padding: 0.5em;
text-decoration: none;
width: 250px;
border-radius: 25px;
}
.re-buttons:hover{
background-color: #3E3F45;
color: #b3e6ff;
}
@media only screen and (max-width: 480px){
.re-img-container{
height: 180px;
}
.research-heading{
font-size: 30px;
}
.research-container{
width: 100%;
}
}
@media (min-width: 600px) and (max-width: 1024px){
.re-img-container{
height: 300px;
}
.re-img-heading{
font-size: 50px;
}
.research-container{
width: 80%;
}
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 16 KiB

View File

@ -0,0 +1,33 @@
{% extends "base.html" %}
{% block head %}
{{ super() }}
<link rel="stylesheet" type="text/css" href="{{SITEURL}}/theme/css/research.css">
{% endblock %}
{% block content %}
<div class="container-fluid">
<div class="re-img-container">
<img class="img-fluid re-img" src="{{SITEURL}}/theme/images/research-imgs/research-img1.webp">
<h1 class="research-heading">Research</h1>
</div>
<div class="container research-container pt-5">
<div class="re-center-this">
<p>We do regular monitoring and evaluation on the impact of our programs and collaborate with researchers from around the world. Data is collected through digital (blockchain-based) transaction data, journals and surveys of people using and not using Community Currencies.</p>
<p>Data definitions can be found <a class="re-link" href="https://gitlab.com/grassrootseconomics/cic-docs/-/blob/master/TransactionDatasets.md">here</a> and datasets can be downloaded below.</p>
</div>
<div class="d-flex justify-content-center re-dataset-buttons">
<a class="dataset-download" href="{{SITEURL}}/theme/datasets/POA_sarafu_tx_and_users_all_pub_2018-201.zip" download="POA_sarafu_tx_and_users-2018">2018-2019 POA Blockchain Data</a>
<a class="dataset-download" href="{{SITEURL}}/theme/datasets/Sarafu_xdai_data_July_13_2021.zip" download="POA_sarafu_tx_and_users-2018">2020-July 13 2021 DAI Blockchain Data</a>
</div>
<div class="d-flex justify-content-center re-inline-buttons">
<a class="re-buttons" href="#">Published Research Papers</a>
<a class="re-buttons" href="https://play.grassecon.org/">Demo CIC Creation</a>
<a class="re-buttons" href="https://dashboard.sarafu.network/">CIC Data Dashboard</a>
<a class="re-buttons" href="https://gitlab.com/grassrootseconomics/cic-docs">White paper&docs&code</a>
</div>
</div>
</div>
{% endblock %}

View File

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>grassroots-pelican - Research</title>
<title>grassroots-pelican</title>
<meta charset="utf-8"/>
<meta name="ida" content="Pelican"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
@ -22,6 +22,7 @@
<script src="https://use.fontawesome.com/5932321f98.js"></script>
<link rel="stylesheet" type="text/css" href="../theme/css/research.css">
</head>
@ -69,10 +70,28 @@
</div>
</nav>
<h1>Research</h1>
<div class="container-fluid">
<div class="re-img-container">
<img class="img-fluid re-img" src="../theme/images/research-imgs/research-img1.webp">
<h1 class="research-heading">Research</h1>
</div>
<div class="container research-container pt-5">
<div class="re-center-this">
<p>We do regular monitoring and evaluation on the impact of our programs and collaborate with researchers from around the world. Data is collected through digital (blockchain-based) transaction data, journals and surveys of people using and not using Community Currencies.</p>
<p>Data definitions can be found <a class="re-link" href="https://gitlab.com/grassrootseconomics/cic-docs/-/blob/master/TransactionDatasets.md">here</a> and datasets can be downloaded below.</p>
</div>
<div class="d-flex justify-content-center re-dataset-buttons">
<a class="dataset-download" href="../theme/datasets/POA_sarafu_tx_and_users_all_pub_2018-201.zip" download="POA_sarafu_tx_and_users-2018">2018-2019 POA Blockchain Data</a>
<a class="dataset-download" href="../theme/datasets/Sarafu_xdai_data_July_13_2021.zip" download="POA_sarafu_tx_and_users-2018">2020-July 13 2021 DAI Blockchain Data</a>
</div>
<div class="d-flex justify-content-center re-inline-buttons">
<a class="re-buttons" href="#">Published Research Papers</a>
<a class="re-buttons" href="https://play.grassecon.org/">Demo CIC Creation</a>
<a class="re-buttons" href="https://dashboard.sarafu.network/">CIC Data Dashboard</a>
<a class="re-buttons" href="https://gitlab.com/grassrootseconomics/cic-docs">White paper&docs&code</a>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-12 base-footer">

View File

@ -0,0 +1,91 @@
.re-img-container{
height: 450px;
position: relative;
}
.re-img{
width: 100%;
height: 100%;
}
.research-heading{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: white;
font-size: 70px;
font-weight: bold;
}
.research-container{
width: 50%;
}
.re-center-this{
text-align: center;
}
.re-link{
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-color: black;
text-decoration-thickness: 3px;
color: black;
}
.re-dataset-buttons{
padding-top: 30px;
gap: 30px;
text-align: center;
}
.dataset-download{
background: #33cccc;
border: 1px solid white;
color: white;
padding: 0.5em;
text-decoration: none;
width: 350px;
border-radius: 25px;
}
.dataset-download:hover{
color: black;
}
.re-inline-buttons{
gap: 30px;
flex-wrap: wrap;
padding-top: 40px;
text-align: center;
}
.re-buttons{
background: #ffffff;
border: 1px solid black;
color: black;
padding: 0.5em;
text-decoration: none;
width: 250px;
border-radius: 25px;
}
.re-buttons:hover{
background-color: #3E3F45;
color: #b3e6ff;
}
@media only screen and (max-width: 480px){
.re-img-container{
height: 180px;
}
.research-heading{
font-size: 30px;
}
.research-container{
width: 100%;
}
}
@media (min-width: 600px) and (max-width: 1024px){
.re-img-container{
height: 300px;
}
.re-img-heading{
font-size: 50px;
}
.research-container{
width: 80%;
}
}

View File

@ -0,0 +1,63 @@
.re-img-container{
height: 450px;
position: relative;
}
.re-img{
width: 100%;
height: 100%;
}
.research-heading{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: white;
font-size: 70px;
font-weight: bold;
}
.research-container{
width: 50%;
}
.re-center-this{
text-align: center;
}
.re-link{
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-color: black;
text-decoration-thickness: 3px;
color: black;
}
.dataset-download{
background: #ffffff;
border: 1px solid black;
color: black;
padding: 0.5em;
text-decoration: none;
width: auto;
border-radius: 25px;
}
@media only screen and (max-width: 480px){
.re-img-container{
height: 180px;
}
.research-heading{
font-size: 30px;
}
.research-container{
width: 100%;
}
}
@media (min-width: 600px) and (max-width: 1024px){
.re-img-container{
height: 300px;
}
.re-img-heading{
font-size: 50px;
}
.research-container{
width: 80%;
}
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 16 KiB