30 second websites

Archive of experimental websites made by students of Klasse Digitale Grafik at HFBK Hamburg: https://2020.digitale-grafik.com

Submit your website

Request a SFTP account to connect to our shared server
Go to the content directory
Create a new folder like YYYY-your-project-name. Please note that you can only use a-z0-9 and - characters

Project metadata

Create a new file website.json

You can provide some metadata about your project using the website.json file like:

{
  "title": "Project title /* string(60) */",
  "description": "Short description of your project /* string(200) */",
  "credits": "Your name, people or things you want to credit /* string(200) */"
}

Be careful to provide valid json and not accidentally add a comma after the last entry. All strings will be shortened to the length stated above.

For small static or php websites

Your project can be hosted on our server.

Upload your website into the directory you just created. index.html or index.php will be directory index.

BTW: https://2020.digitale-grafik.com/content/{YYYY-your-project-name}/ will be the direct url to your project, if you want to share it without the 30 seconds presentation.

If you want to reference another website for further reading, add following line to the website.json:

  "link": "https://... /* string(200) */"

For larger websites or non-Apache hosting

If you need databases, backend, have a lot of heavy assets, need sophisticated server setup, please host your project yourself.

Use the website.json file to provide a source url, from where the website can be embedded:

  "source": "https://... /* string(200) */"

Troubleshooting

Does your website work properly when you enter the website url directly?
Check your browser console for errors
Does your website allow iframe embeds?
Do you have .htaccess rules (e.g. rewrites) that conflicts with global settings? If so, try playing with the RewriteBase setting

For external websites:

Please make sure your host allows our host for Cross-Origin-Resource-Sharing (CORS)

Development

If you want to work on this project, clone the project via

git clone --recursive git@github.com:Klasse-Digitale-Grafik/30s-reel.git

and run it on you local PHP server.

If it doesn’t work, check if the run directory is empty. If so, you will need to re-init all git submodules via git submodule update --init

If you want to contribute your work, create a new branch or fork and issue a pull request.