add logos and json data to load them

This commit is contained in:
femmefaytale 2022-04-11 17:53:44 +01:00
parent 91645f49f9
commit 32c7f27cdf
8 changed files with 38 additions and 6 deletions

View File

@ -1,27 +1,27 @@
[
{
"title": "[Servers Co-op](https://servers.coop)",
"thumbnail": "",
"thumbnail": "/img/thumbs/servers-coop.png",
"content": "is an algorithm for co-operation: a technical, governance, and cost-sharing stack which radically reduces the cost and complexity of setting up a server hosting provider. Our goal is to support an emerging ecosystem of grassroots, decentralised server hosting providers by stewarding a technical and social toolkit designed for free software communities worldwide."
},
{
"title": "[Autonomic Co-op](https://autonomic.zone)",
"thumbnail": "",
"thumbnail": "/img/thumbs/autonomic_logo_black.svg",
"content": "is a co-operative that is owned and run by its workers. We build technologies and infrastructure to empower users to make a positive impact on the world. All of our services reflect our commitment to our core values: sustainability, transparency & privacy."
},
{
"title": "[Vermont Real Estate Cooperative](https://vrec.coop) (VREC)",
"thumbnail": "",
"thumbnail": "/img/thumbs/vrec.jpg",
"content": "is a cooperative business formed by Vermont residents to own and run commercial and residential property. We are a member-owned and -controlled business that offers: for our community, sustainable local ownership of real estate that builds community wealth. For tenants: reasonable, stable rents and a way to share in any surplus. For member-owners: a values-based investment, a vote in key decisions, and the opportunity to help shape the direction of the business. A way to support the solidarity economy: part of our mission is to rent to co-ops, collectives, and similar social enterprises."
},
{
"title": "[United Tech and Allied Workers](https://utaw.tech) (UTAW)",
"thumbnail": "",
"thumbnail": "/img/thumbs/utaw.webp",
"content": "is a branch of the Communication Workers Union which seeks to represent and fight for workers interests in the tech industry. UTAW in its organisation collectivises the small amount of power each worker has in their workplace into a force capable of meeting the boss's power in every workplace. The union branch responsibly wields worker power to fight for our interests - by negotiating agreements with employers, providing legal support, and if necessary, mobilising workers to take part in direct action."
},
{
"title": "[Industrial Workers of the World](https://iww.org.uk) (IWW)",
"thumbnail": "",
"thumbnail": "/img/thumbs/iww.jpg",
"content": "is a revolutionary global union, fighting for better conditions today and economic democracy tomorrow. By training our members in powerful organising methods, direct-action and direct-democracy, we put power in the hands of workers."
},
{
@ -31,7 +31,7 @@
},
{
"title": "[Threndol Tutoring](https://threndoltutoring.com/)",
"thumbnail": "",
"thumbnail": "/img/thumbs/threndol-tutoring.png",
"content": "offers gamified lessons to help students be effective in their studies. We work well with students who have obstacles such as ADHD, dyslexia, and confidence struggles; as well as students who are high achievers and looking to keep grades high or break into a higher symbol. Our unique style of tutoring where we build skills using games builds the students capacity to excel."
}
]

View File

@ -0,0 +1,24 @@
<?xml version="1.0" encoding="utf-8"?>
<svg viewBox="0 0 441.77377 370.45794" width="441.77377" height="370.45794" xmlns="http://www.w3.org/2000/svg">
<g id="layer1" style="display:inline" transform="matrix(1, 0, 0, 1, -0.058608, -0.052504)">
<g id="g6283" transform="translate(-40.300879,-37.06929)" style="display:inline;fill:#feffff;fill-opacity:1">
<path style="opacity: 1; fill-opacity: 1; stroke-width: 1.06667; fill: rgb(0, 0, 0);" d="m 265.85061,350.50909 -0.79341,0.43484 -43.19061,-24.34142 -42.13333,-24.34142 -24.0329,-13.87388 -23.50638,-13.89599 -45.826952,14.73333 c -15.470929,4.29952 -45.980651,15.05668 -45.980651,15.05668 l -0.02689,-6.77971 c 0,0 32.651903,-10.58617 48.973773,-15.89205 l 39.73333,-12.91641 v -74.4088 -74.40884 L 105.33326,112.12419 81.599927,104.37297 64.799928,98.877912 48.11453,93.382855 c 0.0026,-2.782182 -0.0062,-6.392142 -0.01723,-6.413409 l 84.09668,26.674154 66.03677,-38.282896 66.82645,-38.23891 133.97382,76.309766 83.10223,-47.829265 -0.017,3.99732 -0.017,3.466667 -79.92234,45.866668 -0.0219,76.96337 -0.0219,76.96336 c 0,0 -137.07591,78.68694 -136.28264,77.6495 z m 5.14076,-9.56508 5.92478,-3.34448 59.38209,-34.13334 59.38211,-34.13333 0.0265,-74.87111 0.0264,-74.87111 -130.67605,-75.053473 -64.94391,37.197845 -64.59572,37.197848 -0.0255,75.27742 -0.0255,75.27742 64.8,37.40039 64.8,37.40038 z m -0.84503,-23.95423 -3.45358,2.1009 -1.26416,-2.77451 -1.53826,-3.45216 c 17.17567,-9.96363 35.25386,-20.06932 52.72094,-30.10953 l 50.47803,-29.01512 1.33197,-0.51113 1.33198,-0.51114 1.21644,2.6698 1.21644,2.66979 -0.75978,0.44828 -0.75978,0.44827 -48.53333,27.96782 -48.53333,27.96782 z M 159.99999,254.93333 H 156.8 v -60.8 -60.8 h 3.19999 3.2 v 60.8 60.8 z m 157.86667,-148.40798 -49.6,-28.751318 -2.37274,-1.302542 -2.37273,-1.30254 1.8394,-2.774615 1.8394,-2.774613 51.2,29.755606 51.2,29.755612 1.44382,0.87209 1.4438,0.87209 c 0,0 -3.70277,5.23162 -3.61745,5.14513 0,0 -34.03025,-19.65613 -51.0035,-29.4949 z" id="path6285"/>
</g>
</g>
<g id="layer3" transform="matrix(1, 0, 0, 1, -0.058608, -0.052504)">
<g aria-label="/AUTO|NOMIC\" id="text1530-7-2" style="font-style:normal;font-weight:normal;font-size:44px;line-height:1.25;font-family:sans-serif;letter-spacing:-3px;display:inline;fill:#feffff;fill-opacity:1;stroke:none">
<path d="m 49.951509,329.37044 h 6.292 q 0.396,0 0.66,0.308 0.308,0.264 0.308,0.572 0,0.264 -0.088,0.484 l -15.752,35.596 q -0.528,1.32 -1.936,1.32 h -6.16 q -0.396,0 -0.704,-0.308 -0.264,-0.264 -0.264,-0.572 0,-0.264 0.088,-0.484 l 15.62,-35.596 q 0.484,-1.32 1.936,-1.32 z" style="font-style: normal; font-variant: normal; font-weight: normal; font-stretch: normal; font-size: 44px; font-family: &quot;Rubik Mono One&quot;; fill-opacity: 1; fill: rgb(0, 0, 0);" id="path839"/>
<path d="m 70.843442,363.95444 h -8.316 q -0.396,0 -0.704,-0.264 -0.264,-0.308 -0.264,-0.572 0,-0.264 0.044,-0.396 l 9.592,-28.116 q 0.396,-1.452 1.98,-1.452 h 12.232 q 1.584,0 1.98,1.452 l 9.592,28.116 q 0.044,0.132 0.044,0.396 0,0.264 -0.308,0.572 -0.264,0.264 -0.66,0.264 h -8.316 q -1.408,0 -1.98,-1.496 l -1.1,-3.08 h -10.736 l -1.1,3.08 q -0.572,1.496 -1.98,1.496 z m 11.572,-13.156 -3.124,-9.152 -3.124,9.152 z" style="font-style: normal; font-variant: normal; font-weight: normal; font-stretch: normal; font-size: 44px; font-family: &quot;Rubik Mono One&quot;; fill-opacity: 1; fill: rgb(0, 0, 0);" id="path841"/>
<path d="m 125.26337,361.18244 q -4.31199,3.212 -11.70399,3.212 -7.39201,0 -11.74801,-3.212 -4.311995,-3.212 -4.311995,-10.032 v -16.808 q 0,-0.484 0.352,-0.836 0.352,-0.352 0.836,-0.352 h 9.196005 q 0.48399,0 0.836,0.352 0.352,0.352 0.352,0.836 v 17.512 q 0,1.804 1.188,2.772 1.232,0.968 3.3,0.968 2.068,0 3.256,-0.968 1.232,-0.968 1.232,-2.772 v -17.512 q 0,-0.484 0.352,-0.836 0.35199,-0.352 0.836,-0.352 h 9.19599 q 0.484,0 0.83601,0.352 0.35199,0.352 0.35199,0.836 v 16.808 q 0,6.82 -4.356,10.032 z" style="font-style: normal; font-variant: normal; font-weight: normal; font-stretch: normal; font-size: 44px; font-family: &quot;Rubik Mono One&quot;; fill-opacity: 1; fill: rgb(0, 0, 0);" id="path843"/>
<path d="m 132.77931,333.15444 h 30.36 q 0.484,0 0.836,0.352 0.352,0.352 0.352,0.836 v 7.084 q 0,0.484 -0.352,0.836 -0.352,0.352 -0.836,0.352 h -9.46 v 20.152 q 0,0.484 -0.352,0.836 -0.352,0.352 -0.836,0.352 h -9.064 q -0.484,0 -0.836,-0.352 -0.352,-0.352 -0.352,-0.836 v -20.152 h -9.46 q -0.484,0 -0.836,-0.352 -0.352,-0.352 -0.352,-0.836 v -7.084 q 0,-0.484 0.352,-0.836 0.352,-0.352 0.836,-0.352 z" style="font-style: normal; font-variant: normal; font-weight: normal; font-stretch: normal; font-size: 44px; font-family: &quot;Rubik Mono One&quot;; fill-opacity: 1; fill: rgb(0, 0, 0);" id="path845"/>
<path d="m 198.72724,345.87044 v 5.368 q 0,4.532 -2.2,7.568 -2.2,3.036 -5.764,4.312 -3.564,1.276 -8.404,1.276 -4.84,0 -8.404,-1.276 -3.564,-1.276 -5.764,-4.312 -2.2,-3.036 -2.2,-7.656 v -5.192 q 0,-6.644 4.532,-9.944 4.576,-3.3 11.836,-3.3 7.26,0 11.792,3.3 4.576,3.3 4.576,9.856 z m -20.856,-0.836 v 7.04 q 0,1.804 1.188,2.772 1.232,0.968 3.3,0.968 2.068,0 3.256,-0.968 1.232,-1.012 1.232,-2.816 v -6.952 q 0,-1.804 -1.232,-2.772 -1.188,-1.012 -3.256,-1.012 -2.068,0 -3.3,0.968 -1.188,0.968 -1.188,2.772 z" style="font-style: normal; font-variant: normal; font-weight: normal; font-stretch: normal; font-size: 44px; font-family: &quot;Rubik Mono One&quot;; fill-opacity: 1; fill: rgb(0, 0, 0);" id="path847"/>
<path d="m 213.59117,326.55444 h 6.336 q 0.484,0 0.836,0.352 0.352,0.352 0.352,0.836 v 41.58 q 0,0.484 -0.352,0.836 -0.352,0.352 -0.836,0.352 h -6.336 q -0.484,0 -0.836,-0.352 -0.352,-0.352 -0.352,-0.836 v -41.58 q 0,-0.484 0.352,-0.836 0.352,-0.352 0.836,-0.352 z" style="font-style: normal; font-variant: normal; font-weight: normal; font-stretch: normal; font-size: 44px; font-family: &quot;Rubik Mono One&quot;; fill-opacity: 1; fill: rgb(0, 0, 0);" id="path849"/>
<path d="m 256.74711,333.15444 h 8.184 q 0.484,0 0.836,0.352 0.352,0.352 0.352,0.836 v 28.424 q 0,0.484 -0.352,0.836 -0.352,0.352 -0.836,0.352 h -7.084 q -1.056,0 -1.76,-0.924 l -9.592,-12.232 v 11.968 q 0,0.484 -0.352,0.836 -0.352,0.352 -0.836,0.352 h -8.184 q -0.484,0 -0.836,-0.352 -0.352,-0.352 -0.352,-0.836 v -28.424 q 0,-0.484 0.352,-0.836 0.352,-0.352 0.836,-0.352 h 7.128 q 1.056,0 1.716,0.88 l 9.592,13.244 v -12.936 q 0,-0.484 0.352,-0.836 0.352,-0.352 0.836,-0.352 z" style="font-style: normal; font-variant: normal; font-weight: normal; font-stretch: normal; font-size: 44px; font-family: &quot;Rubik Mono One&quot;; fill-opacity: 1; fill: rgb(0, 0, 0);" id="path851"/>
<path d="m 301.92704,345.87044 v 5.368 q 0,4.532 -2.2,7.568 -2.2,3.036 -5.764,4.312 -3.564,1.276 -8.404,1.276 -4.84,0 -8.404,-1.276 -3.564,-1.276 -5.764,-4.312 -2.2,-3.036 -2.2,-7.656 v -5.192 q 0,-6.644 4.532,-9.944 4.576,-3.3 11.836,-3.3 7.26,0 11.792,3.3 4.576,3.3 4.576,9.856 z m -20.856,-0.836 v 7.04 q 0,1.804 1.188,2.772 1.232,0.968 3.3,0.968 2.068,0 3.256,-0.968 1.232,-1.012 1.232,-2.816 v -6.952 q 0,-1.804 -1.232,-2.772 -1.188,-1.012 -3.256,-1.012 -2.068,0 -3.3,0.968 -1.188,0.968 -1.188,2.772 z" style="font-style: normal; font-variant: normal; font-weight: normal; font-stretch: normal; font-size: 44px; font-family: &quot;Rubik Mono One&quot;; fill-opacity: 1; fill: rgb(0, 0, 0);" id="path853"/>
<path d="m 327.61497,333.15444 h 8.052 q 0.484,0 0.836,0.352 0.352,0.352 0.352,0.836 v 28.424 q 0,0.484 -0.352,0.836 -0.352,0.352 -0.836,0.352 h -7.964 q -0.484,0 -0.836,-0.352 -0.352,-0.352 -0.352,-0.836 v -13.64 l -3.212,6.336 q -0.264,0.528 -0.792,0.836 -0.528,0.264 -1.056,0.264 h -2.992 q -0.748,0 -1.232,-0.396 -0.484,-0.396 -0.616,-0.704 l -3.212,-6.336 v 13.64 q 0,0.484 -0.352,0.836 -0.352,0.352 -0.836,0.352 h -7.964 q -0.484,0 -0.836,-0.352 -0.352,-0.352 -0.352,-0.836 v -28.424 q 0,-0.484 0.352,-0.836 0.352,-0.352 0.836,-0.352 h 8.052 q 1.232,0 1.892,1.188 l 5.764,10.56 5.764,-10.56 q 0.66,-1.188 1.892,-1.188 z" style="font-style: normal; font-variant: normal; font-weight: normal; font-stretch: normal; font-size: 44px; font-family: &quot;Rubik Mono One&quot;; fill-opacity: 1; fill: rgb(0, 0, 0);" id="path855"/>
<path d="m 368.30691,342.17444 h -7.964 v 12.76 h 7.964 q 0.484,0 0.836,0.352 0.352,0.352 0.352,0.836 v 6.644 q 0,0.484 -0.352,0.836 -0.352,0.352 -0.836,0.352 h -27.896 q -0.484,0 -0.836,-0.352 -0.352,-0.352 -0.352,-0.836 v -6.644 q 0,-0.484 0.352,-0.836 0.352,-0.352 0.836,-0.352 h 8.052 v -12.76 h -8.052 q -0.484,0 -0.836,-0.352 -0.352,-0.352 -0.352,-0.836 v -6.644 q 0,-0.484 0.352,-0.836 0.352,-0.352 0.836,-0.352 h 27.896 q 0.484,0 0.836,0.352 0.352,0.352 0.352,0.836 v 6.644 q 0,0.484 -0.352,0.836 -0.352,0.352 -0.836,0.352 z" style="font-style: normal; font-variant: normal; font-weight: normal; font-stretch: normal; font-size: 44px; font-family: &quot;Rubik Mono One&quot;; fill-opacity: 1; fill: rgb(0, 0, 0);" id="path857"/>
<path d="m 384.71084,345.03444 v 7.04 q 0,1.804 1.188,2.772 1.232,0.968 3.168,0.968 1.98,0 2.86,-0.616 0.88,-0.616 1.452,-1.804 0.616,-1.188 1.584,-1.188 h 9.504 q 0.396,0 0.66,0.308 0.308,0.264 0.308,0.66 0,4.092 -3.872,7.48 -1.936,1.672 -5.148,2.728 -3.212,1.012 -7.568,1.012 -4.356,0 -7.964,-1.32 -3.564,-1.364 -5.808,-4.4 -2.244,-3.08 -2.244,-7.524 v -5.192 q 0,-4.444 2.244,-7.524 4.224,-5.72 14.124,-5.72 4.004,0 7.216,1.056 3.212,1.012 5.148,2.684 3.872,3.388 3.872,7.48 0,0.396 -0.308,0.704 -0.264,0.264 -0.66,0.264 h -9.504 q -0.968,0 -1.584,-1.188 -0.572,-1.188 -1.452,-1.804 -0.88,-0.616 -2.86,-0.616 -1.936,0 -3.168,0.968 -1.188,0.968 -1.188,2.772 z" style="font-style: normal; font-variant: normal; font-weight: normal; font-stretch: normal; font-size: 44px; font-family: &quot;Rubik Mono One&quot;; fill-opacity: 1; fill: rgb(0, 0, 0);" id="path859"/>
<path d="m 435.52277,366.28644 q 0.088,0.22 0.088,0.484 0,0.308 -0.308,0.572 -0.264,0.308 -0.66,0.308 h -6.16 q -1.408,0 -1.936,-1.32 l -15.752,-35.596 q -0.088,-0.22 -0.088,-0.484 0,-0.308 0.264,-0.572 0.308,-0.308 0.704,-0.308 h 6.292 q 1.452,0 1.936,1.32 z" style="font-style: normal; font-variant: normal; font-weight: normal; font-stretch: normal; font-size: 44px; font-family: &quot;Rubik Mono One&quot;; fill-opacity: 1; fill: rgb(0, 0, 0);" id="path861"/>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 10 KiB

BIN
static/img/thumbs/iww.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 38 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 762 KiB

BIN
static/img/thumbs/utaw.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 64 KiB

BIN
static/img/thumbs/vrec.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 40 KiB

View File

@ -7,7 +7,11 @@
{{ if eq (mod $index 2) 0 }}
<div class="column is-one-quarter">
<div class="image mx-4">
{{ with $item.thumbnail }}
<img src="{{ $item.thumbnail }}" class="is-rounded">
{{ else }}
<img src="/img/wired.jpg" class="is-rounded">
{{ end }}
</div>
</div>
<div class="column is-size-5 is-widescreen is-full-tablet is-half">
@ -21,7 +25,11 @@
</div>
<div class="column is-one-quarter">
<div class="image mx-4">
{{ with $item.thumbnail }}
<img src="{{ $item.thumbnail }}" class="is-rounded">
{{ else }}
<img src="/img/wired.jpg" class="is-rounded">
{{ end }}
</div>
</div>
{{ end }}