This is a commonist website. It means that everyone can contribute to it. The source will open. The contributions will be revised to avoid damaging the webpage.

TO DO:

1. add explanation for adding images to blog

2. add german button to website

3. add explanation on how to modify the current version of the website with JSON file

How to contribute to the website

1. Each contributor has to define it's own contribution style by adding it to the css.

   myName{
       /*
       various
       css
       style
       implementations
       (please use comic sans!)
       */
   }

2. The contribution to website have to be done in the index.html Each contribution should look like this:

   <div class="(process, team, inspiration, output, project or german)">
       <myName>
           My very own wonderful and meaningful contribution
           <img src="img/NameOfYourImage.jpg">
       </myName>
   </div>

• The class="(process, team, inspiration, output, project or german)" defines the kind of entry for the website.

  • process --> is the serious blog showing major milestones and other steps of our research process

  • team --> are the descriptions of the team members

  • inspiration --> is similar to the random channel of the slack

  • project --> is a short description of the project

  • output --> outputs (publications, events, talks, software etc.)

  • german --> are all the contributions in that are in german, even if they fit in other categories

• The tag <myName> defines the personal contributing style and ends with a </myName>

• Images have to be defined with the <img> tag (a comprehensive description of the tag can be found here).

  There are two ways to do it:

  • <img src="https//www.someFancyWebsiteForImage.com/NameOfYourImage.jpg"> it is possible to define the source a.k.a. src with a hyperlink to an existing image. DIFFICULTY: VERY LOW

  • <img src="img/NameOfYourImage.jpg"> it is also possible to have your own image uploaded to this folder and to define the source as img/TheNameOfYourImage.jpg. DIFFICULTY: MEDIUM

4. Once you're done you click at the bottom of the page Commit changes, and you're done!

---

TESTING TESTING TESTING

For the first timers using HTML there is the possibility to test the blog/website entries here

---

Comprehensive CSS reference can be found here and for HTML can be found here

---

WEBSITE MANIFESTO

Fight against corporativist design!

1. This approach is a teaching approach, to add a contribution you need to learn the basics of HTML and CSS. Hopefully creative minds will use it to empower they very own practice, creating interesting new visuals.
2. This approach aims to criticize the standardized beauty of the WP, CargoCollective, Format etc. way of designing web pages.
3. Web design is simple!
   • DIY website are cool
   • prebuilt website aren't
   • responsive design is awful, and you can force viewers to watch your website on a desktop!
4. The website is open source so feel free to download yourself a copy of the repository and make it as your own webpage

---