1
0
mirror of https://github.com/ipdb/website.git synced 2024-12-27 15:17:44 +01:00

feature assets tests, more spacious grid gutters

This commit is contained in:
Matthias Kretschmann 2017-08-24 18:56:24 +02:00
parent 3ad9b00262
commit da88c56b0e
Signed by: m
GPG Key ID: 606EEEF3C479A91F
5 changed files with 93 additions and 3 deletions

View File

@ -0,0 +1,70 @@
<svg xmlns="http://www.w3.org/2000/svg" width="283" height="155" viewBox="0 0 283 155">
<g fill="none" fill-rule="evenodd">
<g transform="translate(210.334 16.904)">
<path fill="#093749" d="M24.5389554,136.089996 C33.2139251,127.891511 37.55141,123.792268 37.55141,123.792268 C37.55141,123.792268 49.0346409,123.807592 72.0011027,123.838242 L58.5404502,136.089996 L24.5389554,136.089996 Z" opacity=".2" transform="matrix(-1 0 0 1 96.54 0)"/>
<path fill="#E5E5E5" fill-rule="nonzero" d="M36.7627969,41.3412925 C36.7627969,38.8287556 38.7997802,36.7917723 41.3123171,36.7917723 C43.824854,36.7917723 45.8618373,38.8287556 45.8618373,41.3412925 C45.8618373,43.8538294 43.824854,45.8908127 41.3123171,45.8908127 C38.7997802,45.8908127 36.7627969,43.8538294 36.7627969,41.3412925"/>
<path fill="#39BA91" fill-rule="nonzero" d="M41.5018463,41.9347082 C32.1271542,41.9347082 24.5278482,49.534291 24.5278482,58.9089832 C24.5278482,64.407614 27.143449,69.2949782 31.1969659,72.3967132 L54.9898532,48.6041027 C51.8878414,44.5500322 47.000754,41.9347082 41.5018463,41.9347082"/>
<path fill="#074354" fill-rule="nonzero" d="M57.7591264,58.8221387 C57.7591264,54.9999707 56.477335,51.4778428 54.3210862,48.6600859 L30.8576154,72.1232836 C33.6750993,74.2795324 37.1977732,75.5615968 41.0199413,75.5615968 C50.2646738,75.5615968 57.7591264,68.0671443 57.7591264,58.8221387"/>
<path fill="#7DACBC" fill-opacity=".6" fill-rule="nonzero" d="M59.2607977,59.0819488 C59.2607977,54.9060607 57.8602268,51.0571006 55.5044215,47.9784821 L29.8685893,73.614589 C32.9472079,75.9703943 36.7956185,77.3712399 40.9715066,77.3712399 C51.0724855,77.3712399 59.2607977,69.182653 59.2607977,59.0819488"/>
<path fill="#7DACBC" fill-rule="nonzero" d="M63.2960223,58.1013754 C63.2960223,53.0863229 61.619453,48.4643047 58.7999558,44.766635 L28.1155745,75.5555246 C31.800451,78.3845994 36.4068217,80.0668639 41.4048961,80.0668639 C53.4954501,80.0668639 63.2960223,70.232448 63.2960223,58.1013754" opacity=".205"/>
<path fill="#39BA91" fill-rule="nonzero" d="M41.4349449,11.0770927 C36.904137,11.0770927 33.2312782,14.7500216 33.2312782,19.2806368 C33.2312782,21.8896885 34.4505423,24.2121938 36.3483534,25.7146795 L47.868865,14.1942274 C46.3664079,12.2961011 44.0439469,11.0770927 41.4349449,11.0770927"/>
<polygon fill="#074354" fill-rule="nonzero" points="41.935 89.012 40.748 89.012 41.312 0 41.303 0 41.935 89.012"/>
<path fill="#074354" fill-rule="nonzero" d="M49.6390672,19.2735038 C49.6390672,17.3488261 48.9753746,15.580581 47.8669857,14.18079 L36.3330921,25.7151679 C37.7331036,26.8236034 39.5015538,27.4867652 41.425592,27.4867652 C45.9613834,27.4867652 49.6390672,23.8094856 49.6390672,19.2735038"/>
<path stroke="#074354" stroke-width=".1" d="M16.6156391,58.946095 C16.6156391,45.3995968 27.5971264,34.4181095 41.1436246,34.4181095 C54.6898482,34.4181095 65.6713354,45.3995968 65.6713354,58.946095 C65.6713354,72.4923186 54.6898482,83.4738059 41.1436246,83.4738059 C27.5971264,83.4738059 16.6156391,72.4923186 16.6156391,58.946095 Z"/>
<path fill="#B8D6DD" fill-rule="nonzero" d="M41.5382991,88.7000943 C41.1402736,88.7000943 40.7450218,88.7125904 40.3522664,88.7336951 C41.7202536,88.8078389 43.0549565,89.0069442 44.3444481,89.3224026 C53.8615564,91.6489081 60.9253299,100.24015 60.9253299,110.484772 C60.9253299,112.71714 60.5891578,114.870088 59.9659082,116.898075 C59.2256085,119.308165 58.079517,121.854759 56.6061293,123.828318 L58.9784721,123.828318 C60.4518599,121.854759 61.597674,119.308165 62.338251,116.898075 C62.9612233,114.870088 63.2976727,112.71714 63.2976727,110.484772 C63.2976727,100.24015 56.2336218,91.6489081 46.7167909,89.3224026 C45.0570108,88.9166942 43.3228956,88.7000943 41.5382991,88.7000943 Z"/>
<path fill="#43707D" fill-rule="nonzero" d="M56.6273457,123.827026 C58.0819445,121.802672 59.2139077,119.438974 59.9446307,116.966567 L21.2105632,116.966567 C21.94156,119.438974 23.0732494,121.802346 24.5278482,123.8267 L56.6273457,123.827026 Z" opacity=".6"/>
<path fill="#074354" d="M44.5138281,89.3368498 C43.2424397,89.0242981 41.9264747,88.8265782 40.5776926,88.7530529 C39.2289106,88.8265782 37.9129456,89.0242981 36.6412836,89.3368498 C30.2977417,90.8965789 25.0606824,95.295709 22.3324889,101.120736 C21.0113279,103.971702 20.2934542,107.062521 20.2934542,110.322697 C20.2934542,112.536444 20.5586114,114.671708 21.1728378,116.682503 L60.033319,116.682503 C60.6478189,114.671708 60.9526956,112.536444 60.9526956,110.322697 C60.9526956,100.163529 53.8973258,91.6436737 44.5138281,89.3368498 Z"/>
<path fill="#E5E5E5" fill-rule="nonzero" d="M16.3664509,50.4086532 C16.3664509,49.425646 17.1634784,48.6284062 18.1468347,48.6284062 C19.1299174,48.6284062 19.926945,49.425646 19.926945,50.4086532 C19.926945,51.3916604 19.1299174,52.1889002 18.1468347,52.1889002 C17.1634784,52.1889002 16.3664509,51.3916604 16.3664509,50.4086532"/>
<path fill="#39BA91" fill-rule="nonzero" d="M50.266867,37.1068312 C50.266867,35.9049109 51.2408042,34.9309737 52.4427245,34.9309737 C53.6441033,34.9309737 54.618582,35.9049109 54.618582,37.1068312 C54.618582,38.3087515 53.6441033,39.2826887 52.4427245,39.2826887 C51.2408042,39.2826887 50.266867,38.3087515 50.266867,37.1068312"/>
<g transform="translate(20.942 99.005)">
<circle cx="6.158" cy="6.482" r="1.621" fill="#7DACBC"/>
<circle cx="7.853" cy="2.07" r="1.621" fill="#7DACBC"/>
<path fill="#EAF3F5" fill-rule="nonzero" d="M7.82916406,0.59394007 C7.01731903,0.59394007 6.35650969,1.25478609 6.35650969,2.06695365 C6.35650969,2.87889535 7.01731903,3.53996723 7.82916406,3.53996723 C8.64100909,3.53996723 9.30136691,2.87889535 9.30136691,2.06695365 C9.30136691,1.25478609 8.64100909,0.59394007 7.82916406,0.59394007 M7.82916406,3.82747816 C6.85860739,3.82747816 6.06911294,3.0378959 6.06911294,2.06695365 C6.06911294,1.09623725 6.85860739,0.306203287 7.82916406,0.306203287 C8.79972073,0.306203287 9.58898942,1.09623725 9.58898942,2.06695365 C9.58898942,3.0378959 8.79972073,3.82747816 7.82916406,3.82747816"/>
<polygon fill="#EAF3F5" fill-rule="nonzero" points="1.717 1.923 6.235 1.923 6.235 2.286 1.591 2.286"/>
<path fill="#EAF3F5" fill-rule="nonzero" d="M6.15527116,5.04595535 C5.34342614,5.04595535 4.68306832,5.70680137 4.68306832,6.51896893 C4.68306832,7.33091063 5.34342614,7.9919825 6.15527116,7.9919825 C6.96711619,7.9919825 7.62792554,7.33091063 7.62792554,6.51896893 C7.62792554,5.70680137 6.96711619,5.04595535 6.15527116,5.04595535 M6.15527116,8.27949343 C5.1847145,8.27949343 4.3954458,7.48968533 4.3954458,6.51896893 C4.3954458,5.54780082 5.1847145,4.75821857 6.15527116,4.75821857 C7.12582783,4.75821857 7.91532229,5.54780082 7.91532229,6.51896893 C7.91532229,7.48968533 7.12582783,8.27949343 6.15527116,8.27949343"/>
<polygon fill="#EAF3F5" fill-rule="nonzero" points=".151 6.375 4.562 6.375 4.562 6.738 .073 6.738"/>
</g>
<rect width="41.662" height="1.001" x=".083" y="108.414" fill="#BADDE5" fill-rule="nonzero" opacity=".703"/>
</g>
<g transform="translate(70.402 .104)">
<path fill="#093749" d="M96.4263492,153.223736 L41.186073,153.223736 L86.0442576,106.776123 C86.0442576,106.776123 142.000586,107.11834 141.743416,107.11834 L96.4263492,153.223736 Z" opacity=".2" transform="matrix(-1 0 0 1 182.93 0)"/>
<path fill="#E6F9FF" fill-opacity=".05" stroke="#074354" stroke-width=".1" d="M0.000835759672,76.2765678 C0.000835759672,38.8676058 30.3833545,8.54208983 67.8626341,8.54208983 C105.341169,8.54208983 135.724433,38.8676058 135.724433,76.2765678 C135.724433,113.68553 105.341169,144.011046 67.8626341,144.011046 C30.3833545,144.011046 0.000835759672,113.68553 0.000835759672,76.2765678 Z"/>
<path fill="#39BA91" fill-rule="nonzero" d="M68.9476864,33.6344787 C61.0008012,33.6344787 54.5581833,40.0652833 54.5581833,47.9971454 C54.5581833,52.564341 56.6965592,56.6306962 60.0258132,59.2607482 L80.2326224,39.0921384 C77.5975891,35.7688122 73.5235322,33.6344787 68.9476864,33.6344787"/>
<path fill="#D2EAF1" fill-rule="nonzero" d="M83.0621805,97.399421 C83.0621805,97.399421 83.2576909,97.7164452 83.6487118,98.3504936 L92.1152188,90.8472617 C91.9126878,90.5919333 91.6591206,90.2872916 91.3545171,89.9333365 C85.8262927,94.9107262 83.0621805,97.399421 83.0621805,97.399421 Z"/>
<path stroke="#A9CAD3" stroke-width=".2" d="M56.6977199,62.1492832 C59.9056518,64.6842861 63.9573055,66.2011962 68.3663486,66.2011962 C78.7604504,66.2011962 87.1861164,57.7912355 87.1861164,47.4172519 C87.1861164,43.0160552 85.6656282,38.9723256 83.1258912,35.7700012"/>
<rect width="1.07" height="84.887" x="67.93" y="4.271" fill="#074354" fill-rule="nonzero"/>
<path fill="#B8D6DD" fill-rule="nonzero" d="M51.1444189,64.184339 L84.6305839,30.760625 C80.5663644,27.5490765 75.4321195,25.6262695 69.8454603,25.6262695 C56.6762628,25.6262695 46.0000369,36.2820902 46.0000369,49.4269548 C46.0000369,55.0031325 47.9264581,60.1277447 51.1444189,64.184339 Z" opacity=".2"/>
<path fill="#074354" fill-rule="nonzero" d="M83.3412448,47.979009 C83.3412448,44.6120911 82.1778286,41.5179092 80.2350116,39.0680435 L60.0142366,59.2508807 C62.4687074,61.1900527 65.5687054,62.3512861 68.9423189,62.3512861 C76.894408,62.3512861 83.3412448,55.9165447 83.3412448,47.979009"/>
<path stroke="#A9CAD3" stroke-width=".1" d="M85.130436,28.5984282 C80.7451224,25.1328612 75.2057788,23.0585073 69.177846,23.0585073 C54.9682908,23.0585073 43.4494738,34.5557131 43.4494738,48.7386087 C43.4494738,54.7552321 45.5282263,60.2836842 49.0003076,64.6612689"/>
<path fill="#074354" fill-rule="nonzero" d="M51.6163857,106.783096 L74.0266566,106.776123 L83.6932093,98.3060144 C80.8402762,93.2474435 74.7137875,89.4902391 68.6511099,89.4902391 C59.2839982,89.4902391 51.6163857,97.2578624 51.6163857,106.783096 Z"/>
<path stroke="#074354" stroke-width=".1" d="M97.3443459,84.6986847 C100.198375,88.3691709 102.34644,92.5903603 103.571724,97.0755599 C104.828301,101.553323 105.126333,106.281709 104.569758,110.891477 C104.005733,115.504219 102.513338,120.00169 100.207315,124.039931 C97.9057636,128.080776 94.8002706,131.661647 91.1270266,134.518907 C87.456763,137.379886 83.2176308,139.513163 78.7251715,140.743228 C74.2338298,141.973293 69.4992195,142.315762 64.8767437,141.741633 C60.2524053,141.177544 55.7439267,139.688303 51.6936723,137.388067 C47.6382024,135.096012 44.0517602,131.987012 41.1895357,128.317641 C38.3261936,124.64827 36.1922848,120.414067 34.9621578,115.928123 C33.7264428,111.443296 33.4000978,106.716768 33.9697114,102.10291 C34.5374623,97.4883083 36.0335828,92.9897223 38.3429579,88.9525964 C40.6478626,84.9124958 43.7567086,81.3327398 47.4314427,78.4780824 C51.103569,75.6197066 55.3441913,73.489776 59.8359056,72.2630579 C64.3272473,71.0236971 69.0585047,70.7198993 73.6806079,71.2676277 C78.3019661,71.8458473 82.8003861,73.3399223 86.8521306,75.6301183 C90.8904637,77.9448561 94.4709452,81.0415848 97.3443459,84.6986847" opacity=".503"/>
<path fill="#FFFFFF" fill-rule="nonzero" d="M51.0812437,74.2094054 C52.1152393,74.2094054 52.9535308,75.0461242 52.9535308,76.0781798 C52.9535308,77.1102355 52.1152393,77.9465697 51.0812437,77.9465697 C50.047248,77.9465697 49.2093418,77.1102355 49.2093418,76.0781798 C49.2093418,75.0461242 50.047248,74.2094054 51.0812437,74.2094054 Z"/>
<path fill="#B8D6DD" fill-rule="nonzero" d="M68.4801887,89.5728107 C77.4636815,89.5728107 83.11324,97.3364984 83.0866002,97.3868104 L91.3799163,89.9690502 C90.1562322,88.3708792 88.3170328,86.3398558 86.7893762,85.042357 C86.5711395,84.8572698 86.3499336,84.6752045 86.1261297,84.4965387 C81.4039783,80.7286928 75.4548024,78.4804504 68.9889846,78.4804504 C67.7894253,78.4804504 66.6076812,78.557507 65.4474639,78.7078432 C64.9838965,78.7675243 64.5236696,78.8392928 64.066783,78.9223932 C63.3823809,79.046666 62.7065153,79.1966244 62.0402997,79.3711351 C50.2699949,82.453403 41.5152903,93.1827927 41.1949871,106.045595 C41.1890487,106.288475 41.1860795,106.531732 41.1860795,106.776123 L51.6814813,106.776123 C51.6814813,97.2996601 59.4966958,89.5728107 68.4801887,89.5728107 Z"/>
<path fill="#8EA9B1" fill-rule="nonzero" d="M74.0043431,106.776123 L85.5814639,106.776123 C86.5479105,106.768157 90.2920995,106.771691 96.8140311,106.776123 C96.8140311,105.812031 96.7812708,104.859088 96.6854682,103.919526 C96.6765217,103.832185 96.6496383,103.744845 96.6399462,103.657132 C96.5411614,102.775177 96.5407394,101.905487 96.3618085,101.050292 C96.3424243,100.958863 96.3300439,100.867653 96.308529,100.776749 C95.5233718,97.4593457 94.5809942,94.33342 92.1099627,90.8380726 L74.0043431,106.776123 Z"/>
<path fill="#39BA91" fill-rule="nonzero" d="M68.5500927,5.2501902e-15 C66.1400868,5.2501902e-15 64.186098,1.95032281 64.186098,4.35543769 C64.186098,5.57868429 64.6920845,6.68296822 65.5049201,7.4743286 L71.674476,1.31634782 C70.8819983,0.505037181 69.7748984,0 68.5500927,0"/>
<path fill="#074354" fill-rule="nonzero" d="M68.5406649,8.70619035 C70.9519533,8.70619035 72.9072822,6.75452998 72.9072822,4.34739594 C72.9072822,3.16397771 72.4342844,2.09183998 71.667191,1.30622182 L65.4934039,7.46842583 C66.2801284,8.23371034 67.3546518,8.70619035 68.5406649,8.70619035"/>
<rect width="68.465" height="1.602" x="36.372" y="102.505" fill="#39BA91" fill-rule="nonzero"/>
<path stroke="#124354" stroke-width=".35" d="M18.7209452,115.852093 L111.255903,115.852093"/>
<path stroke="#124354" stroke-width=".2" d="M42.2558478,100.903436 L97.3489152,100.903436"/>
</g>
<g transform="translate(.325 53.766)">
<path fill="#093749" d="M62.7108425,100.490892 L26.7853482,100.490892 L55.9588528,70.0284962 C55.9588528,70.0284962 92.3500314,70.2529375 92.182781,70.2529375 L62.7108425,100.490892 Z" opacity=".2" transform="matrix(-1 0 0 1 118.969 0)"/>
<path fill="#E6F9FF" fill-opacity=".05" stroke="#074354" stroke-width=".1" d="M0.00054353601,50.0255412 C0.00054353601,25.4910921 19.759804,5.6022797 44.1344404,5.6022797 C68.5085926,5.6022797 88.2683372,25.4910921 88.2683372,50.0255412 C88.2683372,74.5599903 68.5085926,94.4488027 44.1344404,94.4488027 C19.759804,94.4488027 0.00054353601,74.5599903 0.00054353601,50.0255412 Z"/>
<path fill="#39BA91" fill-rule="nonzero" d="M44.8401037,22.0589763 C39.6718497,22.0589763 35.4818954,26.2765819 35.4818954,31.4786473 C35.4818954,34.4740158 36.8725874,37.1409112 39.0377667,38.8658154 L52.179258,25.6383505 C50.465565,23.4587664 47.8160035,22.0589763 44.8401037,22.0589763"/>
<path fill="#D2EAF1" fill-rule="nonzero" d="M54.01946,63.8788411 C54.01946,63.8788411 54.1466102,64.0867595 54.4009105,64.5025965 L59.9071003,59.5816457 C59.7753844,59.41419 59.610477,59.2143925 59.4123783,58.9822532 C55.8170995,62.2466451 54.01946,63.8788411 54.01946,63.8788411 Z"/>
<path stroke="#A9CAD3" stroke-width=".2" d="M36.8733423,40.7602441 C38.9596197,42.422811 41.5946113,43.4176676 44.4620309,43.4176676 C51.2218314,43.4176676 56.7014603,37.902044 56.7014603,31.0983275 C56.7014603,28.2118284 55.7126114,25.559772 54.0608943,23.4595462"/>
<rect width="1" height="55.673" x="44.178" y="2.801" fill="#074354" fill-rule="nonzero"/>
<path fill="#B8D6DD" fill-rule="nonzero" d="M33.2617549,42.0949236 L55.0394707,20.1741762 C52.3963069,18.0679008 49.0572525,16.8068391 45.4239707,16.8068391 C36.8593877,16.8068391 29.9161079,23.7953968 29.9161079,32.4163794 C29.9161079,36.073483 31.1689553,39.4344299 33.2617549,42.0949236 Z" opacity=".2"/>
<path fill="#074354" fill-rule="nonzero" d="M54.2009494,31.4667527 C54.2009494,29.2585792 53.4443221,27.2292781 52.1808117,25.622548 L39.0302378,38.8593439 C40.626502,40.1311385 42.6425846,40.8927266 44.836613,40.8927266 C50.0082513,40.8927266 54.2009494,36.672539 54.2009494,31.4667527"/>
<path stroke="#A9CAD3" stroke-width=".1" d="M55.3645493,18.756112 C52.5125621,16.4832401 48.910052,15.1227873 44.989788,15.1227873 C35.7486087,15.1227873 28.2573501,22.6631625 28.2573501,31.9649317 C28.2573501,35.910899 29.6092661,39.536702 31.8673329,42.4077153"/>
<path fill="#074354" fill-rule="nonzero" d="M33.5686984,70.0330696 L48.1432102,70.0284962 L54.4298494,64.473425 C52.5744453,61.1557908 48.5900856,58.6916503 44.6472253,58.6916503 C38.5553275,58.6916503 33.5686984,63.7860007 33.5686984,70.0330696 Z"/>
<path stroke="#074354" stroke-width=".1" d="M63.3078613,55.5491373 C65.1639778,57.9564043 66.5609714,60.7248467 67.3578344,63.6664386 C68.175049,66.6031531 68.3688739,69.7042378 68.0069058,72.7275271 C67.640092,75.7527673 66.6695134,78.7024071 65.1697926,81.3508641 C63.6729791,84.0010282 61.6533228,86.3495219 59.2644299,88.2234393 C56.8774752,90.0997955 54.1205571,91.4988929 51.1988877,92.3056237 C48.2779452,93.1123544 45.1987931,93.3369611 42.1925676,92.9604217 C39.1851307,92.5904669 36.2530432,91.613757 33.6189617,90.1051607 C30.9814882,88.6019297 28.6490469,86.5629104 26.7876002,84.1563751 C24.9254266,81.7498397 23.5376397,78.9728618 22.7376271,76.0307821 C21.9339803,73.0894341 21.7217419,69.9895688 22.0921899,66.9635969 C22.4614265,63.9371373 23.4344279,60.9867659 24.9363293,58.3390405 C26.4353233,55.6893641 28.4571601,53.3416021 30.8470222,51.4693917 C33.2351882,49.5947426 35.9930755,48.1978401 38.9142603,47.3933042 C41.8352028,46.5804766 44.9121744,46.3812327 47.9181576,46.7404571 C50.9236563,47.1196791 53.8492021,48.0995594 56.4842528,49.6015711 C59.1105813,51.1196783 61.4391462,53.1506498 63.3078613,55.5491373" opacity=".503"/>
<path fill="#FFFFFF" fill-rule="nonzero" d="M33.220669,48.6698049 C33.8931276,48.6698049 34.4383102,49.218562 34.4383102,49.8954296 C34.4383102,50.5722973 33.8931276,51.1208022 33.220669,51.1208022 C32.5482103,51.1208022 32.0032782,50.5722973 32.0032782,49.8954296 C32.0032782,49.218562 32.5482103,48.6698049 33.220669,48.6698049 Z"/>
<path fill="#B8D6DD" fill-rule="nonzero" d="M44.5360667,58.7458044 C50.3784782,58.7458044 54.0526666,63.8375737 54.0353414,63.8705705 L59.4288966,59.0056758 C58.6330741,57.9575247 57.4369514,56.6254898 56.4434404,55.7745328 C56.3015103,55.6531445 56.1576491,55.533738 56.0120983,55.4165611 C52.9410488,52.9454414 49.0720044,51.4709447 44.866962,51.4709447 C44.086829,51.4709447 43.3182822,51.5214819 42.5637352,51.620079 C42.2622544,51.6592205 41.9629459,51.7062894 41.6658099,51.7607903 C41.2207093,51.8422939 40.7811603,51.9406433 40.3478872,52.0550951 C32.6930736,54.0765825 26.9994545,61.11339 26.7911455,69.5493839 C26.7872834,69.7086751 26.7853524,69.8682141 26.7853524,70.0284962 L33.6110333,70.0284962 C33.6110333,63.8134134 38.6936553,58.7458044 44.5360667,58.7458044 Z"/>
<path fill="#8EA9B1" fill-rule="nonzero" d="M48.1286987,70.0284962 L55.6578751,70.0284962 C56.2864033,70.023272 58.7214353,70.0255894 62.9629713,70.0284962 C62.9629713,69.396202 62.9416656,68.7712203 62.8793605,68.1550137 C62.8735421,68.0977319 62.8560585,68.04045 62.8497552,67.9829244 C62.7855106,67.4044995 62.7852361,66.8341184 62.6688684,66.2732437 C62.6562619,66.2132806 62.6482104,66.1534605 62.6342182,66.0938418 C62.1235915,63.9181423 61.5107165,61.8680222 59.903682,59.575619 L48.1286987,70.0284962 Z"/>
<path fill="#39BA91" fill-rule="nonzero" d="M44.5815288,3.44330656e-15 C43.0141823,3.44330656e-15 41.7434064,1.27910781 41.7434064,2.85648836 C41.7434064,3.65874749 42.0724745,4.38298565 42.6011019,4.90199473 L46.6134704,0.863319027 C46.0980828,0.331225683 45.3780807,0 44.5815288,0"/>
<path fill="#074354" fill-rule="nonzero" d="M44.5753975,5.70990406 C46.143578,5.70990406 47.4152255,4.42991901 47.4152255,2.85121422 C47.4152255,2.07507629 47.1076116,1.37192103 46.6087326,0.856677948 L42.5936123,4.89812343 C43.1052583,5.40003081 43.8040743,5.70990406 44.5753975,5.70990406"/>
<rect width="44.526" height="1.05" x="23.655" y="67.227" fill="#39BA91" fill-rule="nonzero"/>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 19 KiB

View File

@ -97,10 +97,10 @@
// Gutters
//
@mixin grid-gutters() {
margin: -($spacer) 0 $spacer (-($spacer));
margin: -($spacer * 2) 0 $spacer * 2 (-($spacer * 2));
> .grid__col {
padding: $spacer 0 0 $spacer;
padding: $spacer * 2 0 0 $spacer * 2;
}
}

View File

@ -7,7 +7,21 @@
}
.feature__image {
margin: 0;
background: $brand-05;
padding: $spacer;
padding-bottom: 0;
border-radius: 1rem;
min-height: 9rem;
display: flex;
align-items: flex-end;
svg {
width: 100%;
height: auto;
max-width: 100%;
display: block;
}
}
.feature__title {

View File

@ -11,6 +11,7 @@ intro:
features:
- title: "A single public database"
text: "IPDB gives you easy access to a single public, decentralized database with added blockchain characteristics—all built on top of open source BigchainDB."
image: feature-bigchaindb
- title: "No installation required—just sign up and go"
text: "All you have to do is sign up to start using IPDB. IPDB Caretakers will handle running a BigchainDB network for you."
- title: "Store any data, permanently"

View File

@ -34,7 +34,12 @@ css: page-front
<div class="feature">
<div class="grid grid--full grid-small--half grid-medium--columns grid--center grid--gutters">
<div class="grid__col grid__col--2">
<figure class="feature__image"></figure>
<figure class="feature__image">
<svg aria-labelledby="title">
<title>{{ feature.title }}</title>
<use xlink:href="/assets/img/sprite.svg#{{ feature.image }}"></use>
</svg>
</figure>
</div>
<div class="grid__col grid__col--4">