coopcloud-theme

A

Morbi faucibus accumsan diam vel.

Nam lectus risus, placerat at venenatis vitae, elementum laoreet magna.

Nam lectus risus, placerat at venenatis vitae, elementum laoreet magna.

Fa

envelope

Content

Título 2

Título 3

Título 4

Título 5
Título 6

Display 1

Display 2

Display 3

Display 4

Párrafo resaltado

Etiam volutpat lacus nec nibh tempor viverra. Phasellus eget sem et orci finibus volutpat ac a nulla. Mauris non lacus ac magna molestie pretium id sed erat. Duis vel nunc erat. Vivamus condimentum mauris eget placerat eleifend. Cras sit amet dapibus lorem. Nunc nec sem imperdiet, rhoncus sapien vitae, suscipit mi. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Etiam eros ipsum, elementum euismod eleifend vel, pretium et magna. Etiam non turpis quis mauris semper feugiat eu id arcu. Quisque quis vehicula ante. Ut hendrerit urna egestas tempor semper. Nam viverra quam turpis.

There's an empty paragraph after this

And above this

  • Lorem ipsum dolor sit amet
  • consectetur adipiscing elit
  • sed do eiusmod tempor incididunt ut labore et dolore magna aliqua
  1. Lorem ipsum dolor sit amet
  2. consectetur adipiscing elit
  3. sed do eiusmod tempor incididunt ut labore et dolore magna aliqua

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

An image
A video player (doesn't play anything)
An audio player (doesn't play anything)
An embedded page
A youtube video

Buttons

English
English
English
English
English
English
English
English
English
English
English

Fonts

font-baskervville Morbi faucibus accumsan diam vel.

font-baskervville is a utility class you can use when you want an element to use the Baskervville font family.

Maecenas eleifend facilisis mi a auctor. Vestibulum consectetur in ex eget dictum. Donec id elit eget ex sollicitudin tincidunt. Cras.

Maecenas eleifend facilisis mi a auctor. Vestibulum consectetur in ex eget dictum. Donec id elit eget ex sollicitudin tincidunt. Cras.

Etiam volutpat lacus nec nibh tempor viverra. Phasellus eget sem et orci finibus volutpat ac a nulla. Mauris non lacus ac magna molestie pretium id sed erat. Duis vel nunc erat. Vivamus condimentum mauris eget placerat eleifend. Cras sit amet dapibus lorem. Nunc nec sem imperdiet, rhoncus sapien vitae, suscipit mi. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Etiam eros ipsum, elementum euismod eleifend vel, pretium et magna. Etiam non turpis quis mauris semper feugiat eu id arcu. Quisque quis vehicula ante. Ut hendrerit urna egestas tempor semper. Nam viverra quam turpis.

font-inter Morbi faucibus accumsan diam vel.

font-inter is a utility class you can use when you want an element to use the Inter font family.

Maecenas eleifend facilisis mi a auctor. Vestibulum consectetur in ex eget dictum. Donec id elit eget ex sollicitudin tincidunt. Cras.

Maecenas eleifend facilisis mi a auctor. Vestibulum consectetur in ex eget dictum. Donec id elit eget ex sollicitudin tincidunt. Cras.

Etiam volutpat lacus nec nibh tempor viverra. Phasellus eget sem et orci finibus volutpat ac a nulla. Mauris non lacus ac magna molestie pretium id sed erat. Duis vel nunc erat. Vivamus condimentum mauris eget placerat eleifend. Cras sit amet dapibus lorem. Nunc nec sem imperdiet, rhoncus sapien vitae, suscipit mi. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Etiam eros ipsum, elementum euismod eleifend vel, pretium et magna. Etiam non turpis quis mauris semper feugiat eu id arcu. Quisque quis vehicula ante. Ut hendrerit urna egestas tempor semper. Nam viverra quam turpis.

font-roboto Morbi faucibus accumsan diam vel.

font-roboto is a utility class you can use when you want an element to use the Roboto font family.

Maecenas eleifend facilisis mi a auctor. Vestibulum consectetur in ex eget dictum. Donec id elit eget ex sollicitudin tincidunt. Cras.

Maecenas eleifend facilisis mi a auctor. Vestibulum consectetur in ex eget dictum. Donec id elit eget ex sollicitudin tincidunt. Cras.

Etiam volutpat lacus nec nibh tempor viverra. Phasellus eget sem et orci finibus volutpat ac a nulla. Mauris non lacus ac magna molestie pretium id sed erat. Duis vel nunc erat. Vivamus condimentum mauris eget placerat eleifend. Cras sit amet dapibus lorem. Nunc nec sem imperdiet, rhoncus sapien vitae, suscipit mi. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Etiam eros ipsum, elementum euismod eleifend vel, pretium et magna. Etiam non turpis quis mauris semper feugiat eu id arcu. Quisque quis vehicula ante. Ut hendrerit urna egestas tempor semper. Nam viverra quam turpis.

font-roboto-mono Morbi faucibus accumsan diam vel.

font-roboto-mono is a utility class you can use when you want an element to use the Roboto Mono font family.

Maecenas eleifend facilisis mi a auctor. Vestibulum consectetur in ex eget dictum. Donec id elit eget ex sollicitudin tincidunt. Cras.

Maecenas eleifend facilisis mi a auctor. Vestibulum consectetur in ex eget dictum. Donec id elit eget ex sollicitudin tincidunt. Cras.

Etiam volutpat lacus nec nibh tempor viverra. Phasellus eget sem et orci finibus volutpat ac a nulla. Mauris non lacus ac magna molestie pretium id sed erat. Duis vel nunc erat. Vivamus condimentum mauris eget placerat eleifend. Cras sit amet dapibus lorem. Nunc nec sem imperdiet, rhoncus sapien vitae, suscipit mi. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Etiam eros ipsum, elementum euismod eleifend vel, pretium et magna. Etiam non turpis quis mauris semper feugiat eu id arcu. Quisque quis vehicula ante. Ut hendrerit urna egestas tempor semper. Nam viverra quam turpis.

font-saira Morbi faucibus accumsan diam vel.

font-saira is a utility class you can use when you want an element to use the Saira font family.

Maecenas eleifend facilisis mi a auctor. Vestibulum consectetur in ex eget dictum. Donec id elit eget ex sollicitudin tincidunt. Cras.

Maecenas eleifend facilisis mi a auctor. Vestibulum consectetur in ex eget dictum. Donec id elit eget ex sollicitudin tincidunt. Cras.

Etiam volutpat lacus nec nibh tempor viverra. Phasellus eget sem et orci finibus volutpat ac a nulla. Mauris non lacus ac magna molestie pretium id sed erat. Duis vel nunc erat. Vivamus condimentum mauris eget placerat eleifend. Cras sit amet dapibus lorem. Nunc nec sem imperdiet, rhoncus sapien vitae, suscipit mi. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Etiam eros ipsum, elementum euismod eleifend vel, pretium et magna. Etiam non turpis quis mauris semper feugiat eu id arcu. Quisque quis vehicula ante. Ut hendrerit urna egestas tempor semper. Nam viverra quam turpis.

font-space-grotesk Morbi faucibus accumsan diam vel.

font-space-grotesk is a utility class you can use when you want an element to use the Space Grotesk font family.

Maecenas eleifend facilisis mi a auctor. Vestibulum consectetur in ex eget dictum. Donec id elit eget ex sollicitudin tincidunt. Cras.

Maecenas eleifend facilisis mi a auctor. Vestibulum consectetur in ex eget dictum. Donec id elit eget ex sollicitudin tincidunt. Cras.

Etiam volutpat lacus nec nibh tempor viverra. Phasellus eget sem et orci finibus volutpat ac a nulla. Mauris non lacus ac magna molestie pretium id sed erat. Duis vel nunc erat. Vivamus condimentum mauris eget placerat eleifend. Cras sit amet dapibus lorem. Nunc nec sem imperdiet, rhoncus sapien vitae, suscipit mi. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Etiam eros ipsum, elementum euismod eleifend vel, pretium et magna. Etiam non turpis quis mauris semper feugiat eu id arcu. Quisque quis vehicula ante. Ut hendrerit urna egestas tempor semper. Nam viverra quam turpis.

font-bbh-hegarty Morbi faucibus accumsan diam vel.

font-bbh-hegarty is a utility class you can use when you want an element to use the BBH Hegarty font family.

Maecenas eleifend facilisis mi a auctor. Vestibulum consectetur in ex eget dictum. Donec id elit eget ex sollicitudin tincidunt. Cras.

Maecenas eleifend facilisis mi a auctor. Vestibulum consectetur in ex eget dictum. Donec id elit eget ex sollicitudin tincidunt. Cras.

Etiam volutpat lacus nec nibh tempor viverra. Phasellus eget sem et orci finibus volutpat ac a nulla. Mauris non lacus ac magna molestie pretium id sed erat. Duis vel nunc erat. Vivamus condimentum mauris eget placerat eleifend. Cras sit amet dapibus lorem. Nunc nec sem imperdiet, rhoncus sapien vitae, suscipit mi. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Etiam eros ipsum, elementum euismod eleifend vel, pretium et magna. Etiam non turpis quis mauris semper feugiat eu id arcu. Quisque quis vehicula ante. Ut hendrerit urna egestas tempor semper. Nam viverra quam turpis.

font-ibm-plex-mono Morbi faucibus accumsan diam vel.

font-ibm-plex-mono is a utility class you can use when you want an element to use the IBM Plex Mono font family.

Maecenas eleifend facilisis mi a auctor. Vestibulum consectetur in ex eget dictum. Donec id elit eget ex sollicitudin tincidunt. Cras.

Maecenas eleifend facilisis mi a auctor. Vestibulum consectetur in ex eget dictum. Donec id elit eget ex sollicitudin tincidunt. Cras.

Etiam volutpat lacus nec nibh tempor viverra. Phasellus eget sem et orci finibus volutpat ac a nulla. Mauris non lacus ac magna molestie pretium id sed erat. Duis vel nunc erat. Vivamus condimentum mauris eget placerat eleifend. Cras sit amet dapibus lorem. Nunc nec sem imperdiet, rhoncus sapien vitae, suscipit mi. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Etiam eros ipsum, elementum euismod eleifend vel, pretium et magna. Etiam non turpis quis mauris semper feugiat eu id arcu. Quisque quis vehicula ante. Ut hendrerit urna egestas tempor semper. Nam viverra quam turpis.

font-base Morbi faucibus accumsan diam vel.

font-base is a utility class you can use when you want an element to use the $font-family-sans-serif font family.

Since it's a generically named utility, you can redefine the font family by changing it on _data/bootstrap/variables.yml, or add more, even. This is useful for themes, since you can allow users to customize the font families.

Maecenas eleifend facilisis mi a auctor. Vestibulum consectetur in ex eget dictum. Donec id elit eget ex sollicitudin tincidunt. Cras.

Maecenas eleifend facilisis mi a auctor. Vestibulum consectetur in ex eget dictum. Donec id elit eget ex sollicitudin tincidunt. Cras.

Etiam volutpat lacus nec nibh tempor viverra. Phasellus eget sem et orci finibus volutpat ac a nulla. Mauris non lacus ac magna molestie pretium id sed erat. Duis vel nunc erat. Vivamus condimentum mauris eget placerat eleifend. Cras sit amet dapibus lorem. Nunc nec sem imperdiet, rhoncus sapien vitae, suscipit mi. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Etiam eros ipsum, elementum euismod eleifend vel, pretium et magna. Etiam non turpis quis mauris semper feugiat eu id arcu. Quisque quis vehicula ante. Ut hendrerit urna egestas tempor semper. Nam viverra quam turpis.

font-headings Morbi faucibus accumsan diam vel.

font-headings is a utility class you can use when you want an element to use the $headings-font-family font family.

Since it's a generically named utility, you can redefine the font family by changing it on _data/bootstrap/variables.yml, or add more, even. This is useful for themes, since you can allow users to customize the font families.

Maecenas eleifend facilisis mi a auctor. Vestibulum consectetur in ex eget dictum. Donec id elit eget ex sollicitudin tincidunt. Cras.

Maecenas eleifend facilisis mi a auctor. Vestibulum consectetur in ex eget dictum. Donec id elit eget ex sollicitudin tincidunt. Cras.

Etiam volutpat lacus nec nibh tempor viverra. Phasellus eget sem et orci finibus volutpat ac a nulla. Mauris non lacus ac magna molestie pretium id sed erat. Duis vel nunc erat. Vivamus condimentum mauris eget placerat eleifend. Cras sit amet dapibus lorem. Nunc nec sem imperdiet, rhoncus sapien vitae, suscipit mi. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Etiam eros ipsum, elementum euismod eleifend vel, pretium et magna. Etiam non turpis quis mauris semper feugiat eu id arcu. Quisque quis vehicula ante. Ut hendrerit urna egestas tempor semper. Nam viverra quam turpis.

font-content Morbi faucibus accumsan diam vel.

font-content is a utility class you can use when you want an element to use the $font-family-content font family.

Since it's a generically named utility, you can redefine the font family by changing it on _data/bootstrap/variables.yml, or add more, even. This is useful for themes, since you can allow users to customize the font families.

Maecenas eleifend facilisis mi a auctor. Vestibulum consectetur in ex eget dictum. Donec id elit eget ex sollicitudin tincidunt. Cras.

Maecenas eleifend facilisis mi a auctor. Vestibulum consectetur in ex eget dictum. Donec id elit eget ex sollicitudin tincidunt. Cras.

Etiam volutpat lacus nec nibh tempor viverra. Phasellus eget sem et orci finibus volutpat ac a nulla. Mauris non lacus ac magna molestie pretium id sed erat. Duis vel nunc erat. Vivamus condimentum mauris eget placerat eleifend. Cras sit amet dapibus lorem. Nunc nec sem imperdiet, rhoncus sapien vitae, suscipit mi. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Etiam eros ipsum, elementum euismod eleifend vel, pretium et magna. Etiam non turpis quis mauris semper feugiat eu id arcu. Quisque quis vehicula ante. Ut hendrerit urna egestas tempor semper. Nam viverra quam turpis.

Utilities

Added

Expanded

border-primary border-secondary-hover
text-primary text-secondary-hover
bg-primary bg-secondary-hover
bg-primary bg-secondary-hover bg-opacity-50-hover
text-start
text-end
text-center

Toggler

Toggler dropdown

  • Morbi faucibus accumsan diam vel.
  • Nam lectus risus, placerat at venenatis vitae, elementum laoreet magna.
  • Maecenas eleifend facilisis mi a auctor. Vestibulum consectetur in ex eget dictum. Donec id elit eget ex sollicitudin tincidunt. Cras.

Toggler modal

  • Morbi faucibus accumsan diam vel.
  • Nam lectus risus, placerat at venenatis vitae, elementum laoreet magna.
  • Maecenas eleifend facilisis mi a auctor. Vestibulum consectetur in ex eget dictum. Donec id elit eget ex sollicitudin tincidunt. Cras.

Details

Details

Details

Etiam volutpat lacus nec nibh tempor viverra. Phasellus eget sem et orci finibus volutpat ac a nulla. Mauris non lacus ac magna molestie pretium id sed erat. Duis vel nunc erat. Vivamus condimentum mauris eget placerat eleifend. Cras sit amet dapibus lorem. Nunc nec sem imperdiet, rhoncus sapien vitae, suscipit mi. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Etiam eros ipsum, elementum euismod eleifend vel, pretium et magna. Etiam non turpis quis mauris semper feugiat eu id arcu. Quisque quis vehicula ante. Ut hendrerit urna egestas tempor semper. Nam viverra quam turpis.

Open details

Details

Etiam volutpat lacus nec nibh tempor viverra. Phasellus eget sem et orci finibus volutpat ac a nulla. Mauris non lacus ac magna molestie pretium id sed erat. Duis vel nunc erat. Vivamus condimentum mauris eget placerat eleifend. Cras sit amet dapibus lorem. Nunc nec sem imperdiet, rhoncus sapien vitae, suscipit mi. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Etiam eros ipsum, elementum euismod eleifend vel, pretium et magna. Etiam non turpis quis mauris semper feugiat eu id arcu. Quisque quis vehicula ante. Ut hendrerit urna egestas tempor semper. Nam viverra quam turpis.

Grouped details (accordion)

Details

Etiam volutpat lacus nec nibh tempor viverra. Phasellus eget sem et orci finibus volutpat ac a nulla. Mauris non lacus ac magna molestie pretium id sed erat. Duis vel nunc erat. Vivamus condimentum mauris eget placerat eleifend. Cras sit amet dapibus lorem. Nunc nec sem imperdiet, rhoncus sapien vitae, suscipit mi. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Etiam eros ipsum, elementum euismod eleifend vel, pretium et magna. Etiam non turpis quis mauris semper feugiat eu id arcu. Quisque quis vehicula ante. Ut hendrerit urna egestas tempor semper. Nam viverra quam turpis.

Details

Etiam volutpat lacus nec nibh tempor viverra. Phasellus eget sem et orci finibus volutpat ac a nulla. Mauris non lacus ac magna molestie pretium id sed erat. Duis vel nunc erat. Vivamus condimentum mauris eget placerat eleifend. Cras sit amet dapibus lorem. Nunc nec sem imperdiet, rhoncus sapien vitae, suscipit mi. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Etiam eros ipsum, elementum euismod eleifend vel, pretium et magna. Etiam non turpis quis mauris semper feugiat eu id arcu. Quisque quis vehicula ante. Ut hendrerit urna egestas tempor semper. Nam viverra quam turpis.

Details

Etiam volutpat lacus nec nibh tempor viverra. Phasellus eget sem et orci finibus volutpat ac a nulla. Mauris non lacus ac magna molestie pretium id sed erat. Duis vel nunc erat. Vivamus condimentum mauris eget placerat eleifend. Cras sit amet dapibus lorem. Nunc nec sem imperdiet, rhoncus sapien vitae, suscipit mi. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Etiam eros ipsum, elementum euismod eleifend vel, pretium et magna. Etiam non turpis quis mauris semper feugiat eu id arcu. Quisque quis vehicula ante. Ut hendrerit urna egestas tempor semper. Nam viverra quam turpis.

Video

Title

Title blog post

Celebrating the mid-point between solar solstices with 2000+ words of updates on the (many) happenings in our corner of radical technology co-operativism.

Select

Card recipe

gitea logo

Gitea

a painless self-hosted git

gitea logo

Gitea

a painless self-hosted git

gitea logo

Gitea

a painless self-hosted git

Post header

Title post

May 31, 2026

1 min read floral compaq image

Card

floral compaq image
Title post

Celebrating the mid-point between solar solstices with 2000+ words of updates on the (many) happenings... (read more)

May 31, 2026