diff --git a/.gitignore b/.gitignore index 938d012..734ebdb 100644 --- a/.gitignore +++ b/.gitignore @@ -1,3 +1,4 @@ /public/ /resources/_gen *.lock +.vscode diff --git a/data/case_studies.json b/data/case_studies.json new file mode 100644 index 0000000..2c54412 --- /dev/null +++ b/data/case_studies.json @@ -0,0 +1,37 @@ +[ + { + "title": "[Servers Co-op](https://servers.coop)", + "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": "/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": "/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": "/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": "/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." + }, + { + "title": "[Ruangrupa](https://ruangrupa.id) & [Lumbung.space](https://lumbung.space)", + "thumbnail": "/img/thumbs/lumbung.svg", + "content": "is an experimental social and publishing platform by and for the lumbung artists and lumbung members initiated by Ruangrupa. It is a (digital) living room for our collective lumbung building process that allows us to connect, support each other, and also share knowledge collectively. It is built on open platforms, co-operative governance, and as a community infrastructure meant for our practices to develop and thrive." + }, + { + "title": "[Threndol Tutoring](https://threndoltutoring.com/)", + "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." + } +] \ No newline at end of file diff --git a/data/faq.json b/data/faq.json index 1d04e49..d13a15c 100644 --- a/data/faq.json +++ b/data/faq.json @@ -1,7 +1,7 @@ [ { "left": "What is Co-op Cloud?", - "right": "Co-op Cloud is a commons technology project that aims to simplify hosting libre software for democratic collectives. It's a set of container tools and configurations, and a community federation of mutual support." + "right": "Public interest infrastructure. An alternative to corporate clouds built by tech co-ops. It uses the latest container technologies and configurations are shared into the commons for the benefit of all." }, { "left": "Is this a good long-term choice?", diff --git a/static/img/thumbs/autonomic_logo_black.svg b/static/img/thumbs/autonomic_logo_black.svg new file mode 100644 index 0000000..3b03c3e --- /dev/null +++ b/static/img/thumbs/autonomic_logo_black.svg @@ -0,0 +1,24 @@ + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/static/img/thumbs/iww.jpg b/static/img/thumbs/iww.jpg new file mode 100644 index 0000000..bbb1916 Binary files /dev/null and b/static/img/thumbs/iww.jpg differ diff --git a/static/img/thumbs/lumbung.svg b/static/img/thumbs/lumbung.svg new file mode 100644 index 0000000..9409ee3 --- /dev/null +++ b/static/img/thumbs/lumbung.svg @@ -0,0 +1,21 @@ + + + + + + + + + + + + + + + + + + + + + diff --git a/static/img/thumbs/servers-coop.png b/static/img/thumbs/servers-coop.png new file mode 100644 index 0000000..d88d125 Binary files /dev/null and b/static/img/thumbs/servers-coop.png differ diff --git a/static/img/thumbs/threndol-tutoring.png b/static/img/thumbs/threndol-tutoring.png new file mode 100644 index 0000000..dde40b7 Binary files /dev/null and b/static/img/thumbs/threndol-tutoring.png differ diff --git a/static/img/thumbs/utaw.webp b/static/img/thumbs/utaw.webp new file mode 100644 index 0000000..54a1729 Binary files /dev/null and b/static/img/thumbs/utaw.webp differ diff --git a/static/img/thumbs/vrec.jpg b/static/img/thumbs/vrec.jpg new file mode 100644 index 0000000..1a8af74 Binary files /dev/null and b/static/img/thumbs/vrec.jpg differ diff --git a/static/js/expandable.js b/static/js/expandable.js new file mode 100644 index 0000000..a4ff826 --- /dev/null +++ b/static/js/expandable.js @@ -0,0 +1,10 @@ +document.getElementById( 'case_studies-slide-more' ).addEventListener( 'click', function() { + var body = document.getElementById( 'case_studies-slide-body' ); + if( body.className == 'expanded' ) { + body.className = 'contracted'; + document.getElementById( 'case_studies-slide-more' ).textContent = 'Expand'; + } else { + body.className = 'expanded'; + document.getElementById( 'case_studies-slide-more' ).textContent = 'Compress'; + }; +} ); \ No newline at end of file diff --git a/themes/coopcloud.tech/assets/scss/bulma/sass/layout/footer.sass b/themes/coopcloud.tech/assets/scss/bulma/sass/layout/footer.sass index 4e9187e..ff37a22 100644 --- a/themes/coopcloud.tech/assets/scss/bulma/sass/layout/footer.sass +++ b/themes/coopcloud.tech/assets/scss/bulma/sass/layout/footer.sass @@ -6,6 +6,7 @@ $footer-padding: 3rem 1.5rem 6rem !default .footer background-color: $footer-background-color + background: linear-gradient(to top, $footer-background-color, $footer-background-color 50%, $footer-background-color-mid 50%) padding: $footer-padding @if $footer-color color: $footer-color diff --git a/themes/coopcloud.tech/assets/scss/main.scss b/themes/coopcloud.tech/assets/scss/main.scss index 1abf232..1f25a27 100644 --- a/themes/coopcloud.tech/assets/scss/main.scss +++ b/themes/coopcloud.tech/assets/scss/main.scss @@ -3,12 +3,14 @@ // Branding $autonomic-red: #EE4A33; $coopcloud-blue: #202674; +$coopcloud-blue-mid: #485FC7; $coopcloud-pink: #ff4f88; $white: white; $text-color: #1C1C1C; $bg-color: #EFEFEF; $footer-background-color: $coopcloud-blue; +$footer-background-color-mid: $coopcloud-blue-mid; $footer-color: true; $footer-padding: 3rem 1.5rem 3rem; @@ -272,6 +274,52 @@ footer .separator { } } +// Styling for the exapndable divs + + +#case_studies-slide-body{ + max-height: 1000px; + overflow: hidden; + transition: max-height 1s ease; + -moz-transition: max-height 1s ease; + -ms-transition: max-height 1s ease; + -o-transition: max-height 1s ease; + -webkit-transition: max-height 1s ease; +} +.expanded { + height: auto !important; + max-height: 4000px !important; +} +.contracted { + background: linear-gradient(to bottom, rgba(239, 239, 239, 0), rgba(239, 239, 239, 0) 80%, rgba(239, 239, 239, 0.25) 90%, rgba(239, 239, 239, 1)) !important; +} +#case_studies-slide-more { + cursor: pointer; + text-align: right; + position: absolute; + margin: 10px; + left: 50%; +} + +// Styling for divider + +hr.divider { + border-top: 1px solid #1C1C1C; + border-radius: 3px; + height: 1px; + padding: 0; +} + +// Styling for img thumbnails + +div.thumbnail { + box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px; + -moz-box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px; + -webkit-box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px; + -o-box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px; + border-radius: 999px; +} + .who-is-involved-content { .autonomic { display: flex; diff --git a/themes/coopcloud.tech/layouts/index.html b/themes/coopcloud.tech/layouts/index.html index 5b8bc06..9868669 100644 --- a/themes/coopcloud.tech/layouts/index.html +++ b/themes/coopcloud.tech/layouts/index.html @@ -1,7 +1,8 @@ {{ define "main" }} {{ partial "index/server_hero.html" . }} {{ partial "index/underline_points.html" (dict "context" . "title" "benefits" "data" site.Data.benefits) }} -{{ partial "index/underline_points.html" (dict "context" . "title" "faq" "data" site.Data.faq) }} +{{ partial "index/underline_points.html" (dict "context" . "title" "faq" "data" site.Data.faq) }} +{{ partial "index/case_studies.html" (dict "context" . "data" site.Data.case_studies) }} {{ partial "index/autonomic_hero.html" (dict "context" . "data" site.Data) }} {{ partial "index/community_project.html" (dict "context" . "data" site.Data) }} diff --git a/themes/coopcloud.tech/layouts/partials/index/case_studies.html b/themes/coopcloud.tech/layouts/partials/index/case_studies.html new file mode 100644 index 0000000..5bb2bd6 --- /dev/null +++ b/themes/coopcloud.tech/layouts/partials/index/case_studies.html @@ -0,0 +1,50 @@ +
+
+

Who’s already using co-op cloud?

+ +
+ {{ range $index, $item := .data | shuffle }} + {{ if ne $index 0 }} +
+
+
+
+
+ {{ end }} +
+ {{ if eq (mod $index 2) 0 }} +
+
+ {{ with $item.thumbnail }} + + {{ else }} + + {{ end }} +
+
+
+

{{ $item.title | markdownify }}

+

{{ $item.content | markdownify }}

+
+ {{ else }} +
+

{{ $item.title | markdownify }}

+

{{ $item.content | markdownify }}

+
+
+
+ {{ with $item.thumbnail }} + + {{ else }} + + {{ end }} +
+
+ {{ end }} +
+ {{ end }} +
+
Expand
+
+ +
\ No newline at end of file diff --git a/themes/coopcloud.tech/layouts/partials/index/server_hero.html b/themes/coopcloud.tech/layouts/partials/index/server_hero.html index ab41845..eb97328 100644 --- a/themes/coopcloud.tech/layouts/partials/index/server_hero.html +++ b/themes/coopcloud.tech/layouts/partials/index/server_hero.html @@ -18,13 +18,12 @@ -
-

Learn More

- - - Down Chevron +
+
+

+ Co-op Cloud is a software stack that aims to make hosting libre software applications simple for small service providers such as tech co-operatives who are looking to standardise around an open, transparent and scalable infrastructure. It uses the latest container technologies and configurations are shared into the commons for the benefit of all. +

+