Website for the Experimental Media Research Group
CSS JavaScript HTML Other
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
_art
_layouts
_plugins
_posts
contact
gallery
media
people
projects
publications
software
teaching
.gitignore
404.html
README.md
Rakefile
_config.yml
deploy_to_server.command
favicon.ico
humans.txt
index.md
robots.txt
start_server.command

README.md

Experimental Media Research Group

This is the website for the Experimental Media Research Group (emrg.be)

Installing on Mac

Install Xcode first.

sudo gem update --system
sudo gem install rake jekyll RedCloth
sudo easy_install pygments

Installing on Ubuntu

sudo apt-get install ruby rubygems
sudo gem install rubygems-update
sudo gem install rake jekyll RedCloth
sudo easy_install pygments

Running on Mac

  • Double-click the "start_server" file.
  • Open your browser to http://localhost:4000/

Running on Ubuntu

To build the website:

rake

To run the built-in server:

rake server

To deploy to the live server:

rake deploy

Writing Content

Each page has a header at the top, called the "front matter". It contains page metadata, such as the title and layout. The layout is a file (in the _layouts directory) that contains the "wrapper" around the content.

Content is written in Markdown. If you want to use HTML, you can: just remember that Markdown tags do not work inside of HTML tags.

---
layout: default
section: default
title: About
---
Content goes here using [Markdown](http://daringfireball.net/projects/markdown/).

Taking Screenshots

We use Mac OS X to capture screenshots. If you capture full-screen windows, turn off shadows. In the Terminal, type:

defaults write com.apple.screencapture disable-shadow -bool true
killall SystemUIServer

Frameworks

  • Jekyll - Transform dynamic content into a static site.
  • Normalize - An alternative to CSS reset which keeps sane browser defaults and makes them consistent across browsers.
  • Skeleton - A responsive CSS grid that scales nicely on mobile.

License

Text & images on this blog are licensed under the Creative Commons Attribution-NonCommercial-NoDerivs 3.0 Unported License.