The Reef Web Development Thread

Since I was tasked to create the Reef 2.0 project website, I have set up a barebones / skeleton / placeholder website here now:

The basic tech system is in place and works, and (update!) now you’re also able to edit content in near-realtime via the #earthos:reef-web-content category. It is published at every 5 full minutes of the hour. The tech stack is the same as that of the ominous, never-really-used site. Consider that some in-kind cross-funding from the EU between two of its funded projects …

Now what I don’t want is to do and undo content and design changes to that website multiple times. That’s always what happens when I make a detailed first version and then “collect client feedback”. So we’ll do it differently this time:

Please comment here with tasks you want me to do towards finishing that website, or also comment on already collected tasks if you disagree. I’ll work through the tasks in this thread and update myself in a post to this thread when I have caught up. You can then see the results and send me some more tasks. When everyone is happy with the result, we’re done.

What I want my Reef 2.0 project colleagues to write in comments here would be, among others:

  • tasks with proposed menu items / subpages
  • tasks with presentation slides to embed, if you want that
  • tasks with visuals to include
  • tasks with copywriting items that are missing (I can write the short ones myself if I am pointed to the right materials)
  • task telling me the right color scheme to use

Let’s see how that “agile” mode web development will work for us …

(As a side note: I think it would be good to build this as a general webhome for the Reef in both its current and future incarnations. That way, the site will have a use even beyond this Reef 2.0 project, in case the scoping would end with no new house for the Reef.)

Not sure how I feel about many cooks in a design effort. Something we learned from POPREBEL sites making is that it leads to a lot more work.

I will just say:

  • a page with Join the Team is useful - perhaps just take the info from here, adding our email addresses:
  • in Participate I would see the part of the Pitch that is related to the Reef for
    Policy Makers … Added value + how to get involved
    Investors … Added value + how to get involved
    Inhabitants … Added value + how to get involved
  • Graphics - we will have to see with the designer - he might keep the logo but on a new color scheme, and design a header etc.
  • Slide show - I like it! perhaps photos can go there: of candidate buildings, of the people + public statements (that we collect from the Sign Up form)
Has Likes

Mostly done. It will take a while for the new IP to propagate through the system.

Has Likes

I think that logo is pretty unimaginative. Also, not solarpunk at all.

Edited the Discourse page a while ago, but it does not seem to have propagated to the website proper. :frowning:

Some updates:

  • We moved the site to

  • Realtime editing works now. Any change made to a Discourse topic will be live when the wall-clock time shows a multiple of 5 minutes. It did not work before as experienced by Alberto:

  • The site uses the existing (“honeycomb”) logo now. This may change again if and when our designer supplies us with a new Reef logo.

  • The full pitch by @alberto is now online. It’s split between the frontpage and another page “At Scale”.

Now moving to work on @noemi’s proposals for the website.

I’ll only add images, graphics and CSS design changes once I get the relevant material from our designer – @ilaria is organizing that according to requirements I gave her about this job.

Has Likes

We will sign the contract with the graphic designer tomorrow morning and he’ll start to work on it right away.

Has Likes

thanks. I believe we will just use the EarthOS instead. They will create a color scheme, right @Ilaria?

Exactly. We said them to use ER blue logo (on the website) / ER orange logo for social media images + EarthOS + Climate-KIC logos.
They will propose a colour palette based on the solarpunk art input we gave them.

Has Likes

Clear instructions, please? :smile:

3 logos will be used on the website: ER blue logo + EarthOS logo + CKIC logo :slight_smile:

Has Likes

Recent updates: I published another website version. Note the following changes:

  • final versions of all the logos, in the header (EarthOS) and in the footer (all the rest)

  • initial version of the About → Team & Contact page; more formatting will follow

Missing texts: A few essential texts are missing for the first version (I think), namely the three sections marked [TODO] here. If somebody has a text around or wants to write something for these sections, please do.

Missing images:

I’d like to put some initial slides on the website to make it useful enough for handing out the link (as in, no more placeholders visible). Does anyone have a favourite photo, quote or the like that they want to see on one of the initial slides?

Recent updates: I just published another website version. Note the following changes:

  • Full content and proper formatting of the About → Team & Contact section.

  • Team member data editing is now done by editing a JSON-inside-Discourse topic. That’s a bit of a strange solution but seems suitable to me for the few cases where we need to provide structured data that should appear on the website. Let me know if this seems horrible, then I’ll think of a better solution for the future of this website framework :slight_smile:

Next steps:

  • I will write the missing bits and pieces of copy myself (privacy, legals etc.).
  • I will collect some suitable building images, quotes, artwork etc. as proposed by Noemi and provide it as the initial version of the frontpage slideshow. Input by others very welcome but not required.
  • I may write a page about The Reef as a demonstrator and research facility of EarthOS technology, esp. focused on green building conversion.

After that I’ll leave this website alone until I receive the contracted design work from Lorenzo. Applying that will then be the last missing step to finish this website, apart from requested content changes of course.

Has Likes

Temporarily, I used these here and there. see if they help, if not i’m sure you have a stack too :slight_smile:



I aspire to develop new levers of access to underused spaces, do it in a collective movement with a diverse mixture of actors and financial assets. Only for social cultural ecological and solidarity projects. - Isabelle

I wish to have a rich social life, that starts in the home, with some casual camaraderie and some deep, family-like connection. I wish to maintain my independence. And I wish to participate in the fight for the planet. - Alberto

if you align financial incentives with the “change you want to see in the world”, your path becomes clear and peaceful - Alberto Cottica

I want to be part of a movement who is working to affect lifestyle change. I dream of a living setup that is both interesting at the project level, and provides time off for personal regeneration. Living in a community is intense, and it works best when you can create a healthy balance between being with others and being with oneself. - Noemi

On ne peut pas habiter la Terre simplement en ayant un logis. Cela ne suffit pas. « Habiter » a une dimension existentielle qui est parfois indifférente à la notion de confort. - Thierry Paquot philosophe et urbaniste

Has Likes

Recent updates: I just published another website version. Note the following changes:

  • Draft slides in the slideshow on the frontpage, using @noemi’s material. Not the final version as we’re waiting for the graphics design now. But better than “Slide 1”, “Slide 2”, …

  • Texts for privacy policy and legals.

  • Hiding still empty sections.

With this, the website is technically ready to use – there are no more placeholder materials. It’s missing the design, obviously.

Next steps: Nothing right now. I’ll proceed with the graphics once we have an accepted design from Lorenzo. If somebody wants to write a bit of copy:

  • There are three small sections on the “The Project” page that are invisible right now because they are still empty. Edit them here. Maybe for @alberto, but it’s not urgent at all.

  • If any project team member (@ilaria, @manuelpueyo, @BaobabUrbain, @chantal_vanoeteren, …) wants anything else to go up on this website, just let me know here and I’ll provide a topic here on Discourse where you can write that content. It will be published automatically from there to the website every 5 minutes.

Has Likes