FairDB-Haja-Networks/index.html at master · diffusioncon/FairDB-Haja-Networks · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
<!DOCTYPE html>
<html lang="en">

<head>

	<meta charset="UTF-8">

	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">

	<link rel="stylesheet" href="assets/paper.css" />
	<title>FairDB</title>

	<style>
		* {
			font-family: Arial, Helvetica, sans-serif !important;
		}

		.container {
			border-style: none;
			box-shadow: none;
		}

		.section-2 {
			text-align: center;
		}

		.blue {
			background-color: rgba(120, 224, 234, 1);
		}

		.green {
			background-color: rgba(109, 200, 42, 1);
		}

		.pink {
			background-color: rgba(255, 99, 121, 1);
		}

		.imageCaption {
			padding: 7px;
			margin: 10px;
			text-align: center;
			border-radius: 10px;
		}

		.tagline {
			font-size: 16px;
			font-style: italic;
		}
	</style>

</head>

<body>

	<div class="paper container">

		<div class="row flex-center flex-middle" style="margin-top: 62px;">
			<div class="col-1">
					<img src="assets/sunflower(1).png" style="border: none;"></img>
			</div>
			<div class="col-4">
				<h1 style="float: left; margin: 0;">FairDB</h1>
			</div>
		</div>
		<div class="row flex-center" style="margin-bottom: 64px;">

			<div class="col-4 tagline">"A non-profit organisation that starts here to change the way we pay for services."</div>
		</div>

		<!-- Three boxes just under the header to explain what the idea is -->
		<div class="row">
			<div class="col-4">
				<img src="assets/storage.png" style="width: 128px; border: none; margin-left: 50%; transform: translateX(-50%);"></img>
				<div class="imageCaption blue">1. Register for a database.</div>
			</div>
			<div class="col-4">
				<img src="assets/money.png" style="width: 128px; border: none; margin-left: 50%; transform: translateX(-50%);"></img>

				<div class="imageCaption green">2. Pay the fee.</div>
			</div>
			<div class="col-4">
				<img src="assets/heart.png" style="width: 128px; border: none;margin-left: 50%; transform: translateX(-50%);"></img>
				<div class="imageCaption pink">3. Money goes to selected charities.</div>
			</div>
		</div>

		<div class="row">
			<div class="col-12">
				<h4>The premise.</h4>
				<p>As developers we use databases all the time, from MySQL to GraphQL they are critical to almost every
					system. We want to make a <u>revolutionary change</u> in the way developers think about where their money goes.</p>
			</div>
		</div>

		<div class="row">
			<div class="col-12">
				<h4>The concept.</h4>
				<p>Databases are usually provided by datacenters, where they fee money spent goes into the company that
					hosts them. Our idea is to provide a simple Key-Value database storage where the  <u>fee money goes to charity.</u></p>
			</div>
		</div>

		<div class="row">
			<div class="col-12">
				<h4>The impact.</h4>
				<ul>
					<li>Charitable.</li>
					<li>Eithical.</li>
					<li>Future innovation.</li>
					<li>Global impact.</liL>
				</ul>
			</div>
		</div>

		<br/>
		<div class="row flex-center" style="font-size: 10px; text-align: center;">
			<div class="col-6">
			<p>Icons made by <a href="https://www.flaticon.com/authors/freepik" title="Freepik">Freepik</a> from <a href="https://www.flaticon.com/"             title="Flaticon">www.flaticon.com</a></p>
			<p>FairDB &copy; 2019</p>
		</div>
		</div>

	</div>


</body>

</html>