1
0
mirror of https://github.com/ipdb/website.git synced 2024-11-22 09:36:52 +01:00

caretakers component

This commit is contained in:
Matthias Kretschmann 2017-08-24 15:02:12 +02:00
parent edb9afc7c0
commit d54d8b01ac
Signed by: m
GPG Key ID: 606EEEF3C479A91F
11 changed files with 85 additions and 25 deletions

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 11 KiB

View File

@ -0,0 +1,10 @@
<svg xmlns="http://www.w3.org/2000/svg" width="493" height="196" viewBox="0 0 493 196">
<g>
<path d="M209,45 L226.8,45 L226.8,150 L209,150 L209,45 Z M244.6,45 L280.9,45 C288.8,45 295.4,45.9 300.5,47.6 C305.6,49.3 309.7,51.7 312.6,54.7 C315.477615,57.5355643 317.607758,61.0399937 318.8,64.9 C320.005434,68.8197829 320.61227,72.8990709 320.6,77 C320.61913,81.3638956 320.012973,85.7080258 318.8,89.9 C317.617716,93.9401698 315.492732,97.6417544 312.6,100.7 C309.191711,104.044381 305.047813,106.544419 300.5,108 C295.4,109.8 289,110.7 281.2,110.7 L262.1,110.7 L262.1,150 L244.6,150 L244.6,45 L244.6,45 Z M280.8,96 C284.543617,96.1107184 288.283275,95.6727404 291.9,94.7 C294.430904,94.0306323 296.763349,92.7615081 298.7,91 C300.346294,89.4000316 301.551831,87.4022853 302.2,85.2 C302.859679,82.7203904 303.195802,80.165857 303.2,77.6 C303.258868,74.9974841 302.921681,72.4011459 302.2,69.9 C301.535316,67.7673249 300.288534,65.8625187 298.6,64.4 C296.587113,62.758829 294.227773,61.5962559 291.7,61 C288.135577,60.1205452 284.470377,59.717037 280.8,59.8 L262.3,59.8 L262.3,96 L280.8,96 Z M400.7,45 L400.7,60.3 L351.5,60.3 L351.5,90 L397.8,90 L397.8,105.4 L351.5,105.4 L351.5,150 L333.7,150 L333.7,45 L400.7,45 Z M426.9,117.9 C427.7,124.8 430.2,129.8 434.3,132.9 C438.4,136 444.7,137.6 452.9,137.6 C456.313971,137.698248 459.722184,137.259568 463,136.3 C465.395627,135.547006 467.632693,134.360683 469.6,132.8 C471.206759,131.407362 472.414634,129.612806 473.1,127.6 C473.795677,125.539257 474.133883,123.374737 474.1,121.2 C474.119996,119.540391 473.883887,117.887626 473.4,116.3 C472.848364,114.6388 471.963662,113.107585 470.8,111.8 C469.343123,110.288086 467.61249,109.066463 465.7,108.2 C463.074936,107.068127 460.321089,106.262123 457.5,105.8 L444.1,103.3 C439.307459,102.450987 434.591912,101.213574 430,99.6 C426.214869,98.303061 422.6926,96.3387191 419.6,93.8 C416.808646,91.4290478 414.64481,88.406546 413.3,85 C411.800079,80.9383767 411.087383,76.6282635 411.2,72.3 C410.876694,63.3897053 415.141693,54.9351952 422.5,49.9 C426.304257,47.2465547 430.581188,45.3456968 435.1,44.3 C440.274684,43.0643287 445.579978,42.459928 450.9,42.5 C458.1,42.5 464.2,43.3 469.1,45 C473.458003,46.3571701 477.502962,48.5666018 481,51.5 C483.918371,54.0894927 486.267866,57.2562026 487.9,60.8 C489.46289,64.3037334 490.539522,68.0046557 491.1,71.8 L474.3,74.4 C472.9,68.5 470.6,64.2 467.2,61.3 C463.8,58.4 458.5,57 451.1,57 C447.568494,56.9429437 444.043006,57.3122805 440.6,58.1 C438.154423,58.6845437 435.845226,59.7372659 433.8,61.2 C432.191557,62.3895823 430.917168,63.9739577 430.1,65.8 C429.381215,67.5099706 429.007389,69.3451154 429,71.2 C429,75.8 430.2,79.2 432.7,81.5 C435.2,83.8 439.6,85.5 445.9,86.8 L460.4,89.6 C471.5,91.7 479.6,95.2 484.8,100.1 C490,105 492.6,112.2 492.6,121.5 C492.63543,125.71969 491.819145,129.903154 490.2,133.8 C488.576656,137.625435 486.034943,140.991486 482.8,143.6 C479.131857,146.580413 474.920897,148.821731 470.4,150.2 C464.794348,151.899886 458.956697,152.709733 453.1,152.6 C439.7,152.6 429.1,149.8 421.5,144.1 C413.9,138.4 409.6,129.7 408.9,117.9 L426.9,117.9 L426.9,117.9 Z"/>
<path d="M75.7,12.1 L14.7,47.3 C14.7999862,48.3977279 14.7999862,49.5022721 14.7,50.6 L75.6,85.8 C80.7404674,81.9994302 87.7595326,81.9994302 92.9,85.8 L153.8,50.6 C153.700014,49.5022721 153.700014,48.3977279 153.8,47.3 L93,12.1 C87.8595326,15.9005698 80.8404674,15.9005698 75.7,12.1 Z M159.7,60.3 L98.7,95.9 C99.3781079,102.233528 95.9083742,108.285389 90.1,110.9 L90.2,180.9 C91.186199,181.334978 92.1245643,181.871186 93,182.5 L153.9,147.3 C153.221892,140.966472 156.691626,134.914611 162.5,132.3 L162.5,61.9 C161.525119,61.4429066 160.588743,60.9078343 159.7,60.3 L159.7,60.3 Z M8.9,60.7 C8.02456433,61.3288135 7.08619899,61.8650223 6.1,62.3 L6.1,132.7 C11.9882155,135.22578 15.4951061,141.342449 14.7,147.7 L75.6,182.9 C76.4754357,182.271186 77.413801,181.734978 78.4,181.3 L78.4,110.9 C72.5117845,108.37422 69.0048939,102.257551 69.8,95.9 L8.9,60.7 L8.9,60.7 Z"/>
<path d="M84.3,11 L159.4,54.4 L159.4,141.1 L84.3,184.5 L9.2,141.1 L9.2,54.3 L84.3,11 L84.3,11 Z M84.3,0.7 L0.3,49.2 L0.3,146.2 L84.3,194.7 L168.3,146.2 L168.3,49.2 L84.3,0.7 Z"/>
<path d="M84.9,114 L83.7,114 C79.532843,114.010658 75.5332912,112.359978 72.5866566,109.413343 C69.640022,106.466709 67.9893423,102.467157 68,98.3 L68,97.1 C67.9893423,92.932843 69.640022,88.9332912 72.5866566,85.9866566 C75.5332912,83.040022 79.532843,81.3893423 83.7,81.4 L84.9,81.4 C89.067157,81.3893423 93.0667088,83.040022 96.0133434,85.9866566 C98.959978,88.9332912 100.610658,92.932843 100.6,97.1 L100.6,98.3 C100.610658,102.467157 98.959978,106.466709 96.0133434,109.413343 C93.0667088,112.359978 89.067157,114.010658 84.9,114 L84.9,114 Z M84.9,178.5 L83.7,178.5 C78.0199317,178.482897 72.7765058,181.544752 70,186.5 L84.3,194.7 L98.6,186.5 C95.8234942,181.544752 90.5800683,178.482897 84.9,178.5 L84.9,178.5 Z M168.4,130 L167.8,130 C163.632843,129.989342 159.633291,131.640022 156.686657,134.586657 C153.740022,137.533291 152.089342,141.532843 152.1,145.7 L152.1,146.9 C152.085619,149.565273 152.77556,152.187049 154.1,154.5 L168.4,146.2 L168.4,130 Z M154.1,41 C152.787284,43.3177361 152.098179,45.936333 152.1,48.6 L152.1,49.8 C152.089342,53.967157 153.740022,57.9667088 156.686657,60.9133434 C159.633291,63.859978 163.632843,65.5106577 167.8,65.5 L168.4,65.5 L168.4,49.2 L154.1,41 Z M84.3,0.7 L70,8.9 C72.763108,13.8814936 78.0035416,16.9798521 83.7,17 L84.9,17 C90.5800683,17.0171026 95.8234942,13.9552481 98.6,9 L84.3,0.7 Z M14.6,40.9 L0.3,49.2 L0.3,65.5 L0.9,65.5 C5.06715701,65.5106577 9.06670879,63.859978 12.0133434,60.9133434 C14.959978,57.9667088 16.6106577,53.967157 16.6,49.8 L16.6,48.6 C16.5661175,45.9093247 15.8798141,43.2670567 14.6,40.9 L14.6,40.9 Z M0.9,130 L0.3,130 L0.3,146.2 L14.6,154.5 C15.9127164,152.182264 16.6018209,149.563667 16.6,146.9 L16.6,145.7 C16.6106577,141.532843 14.959978,137.533291 12.0133434,134.586657 C9.06670879,131.640022 5.06715701,129.989342 0.9,130 L0.9,130 Z"/>
<polygon fill="#083B54" fill-opacity=".15" points="84.3 195.2 84.3 98.1 .3 49.6 .3 146.7"/>
<polygon fill="#083B54" fill-opacity=".05" points="168.4 145.8 168.4 48.8 84.4 97.3 84.4 194.4"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 6.1 KiB

View File

@ -0,0 +1,9 @@
<svg xmlns="http://www.w3.org/2000/svg" width="221" height="46" viewBox="0 0 221 46">
<g>
<polygon points="40.929 44.937 40.929 .355 39.022 .355 20.565 21.592 2.121 .355 .215 .355 .215 44.937 2.392 44.937 2.392 4.275 20.565 25.066 38.752 4.275 38.752 44.937"/>
<polygon points="133.81 45.086 133.81 .517 131.633 .517 131.633 41.166 101.249 .517 99.275 .517 99.275 45.086 101.452 45.086 101.452 4.438 131.836 45.086"/>
<polygon points="217.455 44.937 220.078 44.937 203.136 22.633 220.078 .355 217.455 .355 201.77 20.984 186.085 .355 183.462 .355 200.391 22.633 183.462 44.937 186.085 44.937 201.77 24.269"/>
<polygon points="158.838 .207 139.989 44.775 142.369 44.775 159.744 3.6 177.106 44.775 179.486 44.775 160.745 .45 160.637 .207"/>
<path d="M70.1627815,0.368758626 C57.8444616,0.368758626 47.8248403,10.3855688 47.8248403,22.7004325 C47.8248403,35.0152963 57.8444616,45.0456244 70.1627815,45.0456244 C82.4811014,45.0456244 92.5007227,35.0288142 92.5007227,22.7139505 C92.5007227,10.3990867 82.4811014,0.368758626 70.1627815,0.368758626 Z M70.1627815,42.8016426 C59.0749415,42.8016426 50.0694518,33.7851617 50.0694518,22.7139505 C50.0694518,11.6292213 59.0884632,2.62625835 70.1627815,2.62625835 C81.2370998,2.62625835 90.2561112,11.6427393 90.2561112,22.7139505 C90.2561112,33.7851617 81.2370998,42.8016426 70.1627815,42.8016426 Z"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.3 KiB

View File

@ -0,0 +1,33 @@
.caretakers {
margin-top: $spacer;
margin-bottom: $spacer;
}
.caretaker {
text-align: center;
display: block;
box-shadow: none;
max-width: 100px;
margin: auto;
transition: .25s ease-out;
&:hover,
&:focus {
.logo-caretaker {
opacity: 1;
}
}
}
.logo-caretaker {
fill: $brand-04;
color: $brand-04;
opacity: .6;
max-width: 100%;
height: 20px; // need to hardcode some size to overwrite browser's default 150px height for SVGs
transition: .25s ease-out;
@media ($screen-sm) {
height: 30px;
}
}

View File

@ -35,11 +35,3 @@
width: 75px;
height: 17px;
}
//
// Caretakers
//
.logo-caretaker {
}

View File

@ -7,4 +7,5 @@
@import 'hero';
@import 'header';
@import 'menus';
@import 'logos';
@import 'logo';
@import 'caretakers';

View File

@ -42,5 +42,3 @@
- name: CREATE-NET
link: http://create-net.fbk.eu

View File

@ -0,0 +1,19 @@
<div class="caretakers grid grid--half grid-medium--fit grid-medium--columns grid--justifycenter grid--gutters">
{% assign caretakers = (site.data.caretakers | sort: 'date') %}
{% for caretaker in caretakers %}
{% assign slug = (caretaker.name | downcase | replace: ' ', '-') %}
<div class="grid__col grid__col--1">
<a class="caretaker" href="{{ caretaker.link }}" rel="external">
<svg class="logo-caretaker logo-caretaker--{{ slug }}" aria-labelledby="title">
<title>{{ caretaker.name }}</title>
<use xlink:href="/assets/img/sprite.svg#logo-{{ slug }}"></use>
</svg>
</a>
</div>
{% endfor %}
</div>

View File

@ -1,9 +0,0 @@
{% for caretaker in site.data.caretakers %}
<div class="caretaker">
<a class="caretaker__link" href="{{ caretaker.link }}" rel="external">
{{ caretaker.name }}
</a>
</div>
{% endfor %}

View File

@ -13,7 +13,7 @@ IPDB is governed by IPDB Foundation consisting of caretakers and the board of di
IPDB relies on caretakers to run the nodes that store and validate transactions sent to the network. The caretakers are members of the IPDB Foundation.
{% include section-caretakers.html %}
{% include caretakers.html %}
# Board members

View File

@ -38,11 +38,12 @@ for the decentralized stack</h1>
<h1 class="section__title">IPDB Foundation: human-scale governance</h1>
<p class="section__description">IPDB relies on caretakers to run the BigchainDB nodes that store and validate transactions. The IPDB Caretakers are the members of the IPDB Foundation and … summarize Jurisdictional diversity & Not for profit</p>
</header>
</div>
<div class="row">
{% include caretakers.html %}
</div>
<div class="cartakers">
<h2 class="cartakers__title">Current Caretakers</h2>
</div>
<div class="row">
<a href="/foundation/" class="button button--primary">Learn about IPDB Foundation and its caretakers</a>
</div>
</section>