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 @@
+ {{ $item.content | markdownify }} {{ $item.content | markdownify }}Who’s already using co-op cloud?
+
+
+ {{ $item.title | markdownify }}
+ {{ $item.title | markdownify }}
+
Learn More
- - - ++ 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. +
+