index.html

<script type="statebus">
dom.BODY = ->
  projects = state['/projects'] or []
  people = (state['/users'] or []).concat(state['/people'] or [])

  DIV {},
    HEADER()
    TITLE 'Invisible College'
    STYLE '''body {
               padding: 20px;
               marginBottom: 50px;
               font: 18px 'Muli', sans-serif;
             }'''

    DIV fontWeight: 'bold', fontSize: 40, 'Invisible College'
    DIV color: "#555", "A forum for independent research"

    for list in ['Projects', 'People']
      DIV {},
        DIV color: "#888", fontSize: 30, margin: '43px 0 25px 0', list
        for thing in eval(list.toLowerCase())
          name = thing.full_name or thing.name
          P {},
            if thing.url then A href: thing.url, name else name
            BR()
            thing.description


# Shuffle projects and people on each page load
for p in ['/projects', '/people']
  shuffle = (a) -> a.sort -> 0.5 - Math.random()
  bus.fetch_once(p, (o) -> shuffle(o._); save(o))

#</script><script src="https://stateb.us/client6.js" server=state://invisible.college></script>
<script src="https://invisible.college/client/common.coffee"></script>
<link href="https://fonts.googleapis.com/css?family=Ovo|Muli:300" rel=stylesheet type=text/css>
<meta name="viewport" content="width=device-width, initial-scale=1" />