├── README.md ├── index.html └── script.js /README.md: -------------------------------------------------------------------------------- 1 | # mlh-event-dashboard -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 |

14 |

15 |

16 |

MLH Events

17 |

Check out our upcoming member events around the world!

18 |

19 |

20 |

21 | 22 |

23 | 24 |

25 | 26 | 27 | 28 | 29 | 30 | -------------------------------------------------------------------------------- /script.js: -------------------------------------------------------------------------------- 1 | async function load() { 2 | // First, fetch events from the Google Apps Script API 3 | const response = await fetch('https://script.google.com/macros/s/AKfycbx7GatmL_bnyS-g7ipK5dF_k9aUa0hGasF0Usue9oFxSbNsNmJ9uqu3gJuh56Ph1peOmA/exec'); 4 | 5 | const events = await response.json(); 6 | 7 | const eventsContainer = document.getElementById('events-container'); 8 | eventsContainer.innerHTML = ''; 9 | 10 | // Loop through events and place them on page 11 | for (let event of events) { 12 | eventsContainer.innerHTML += ` 13 |

14 |

15 |

16 |

${event.Name}

17 |

${event.Location}
@ ${event.Date}

18 |

19 | RSVP 20 |

21 |

22 |

23 | ` 24 | } 25 | } 26 | 27 | load(); 28 | --------------------------------------------------------------------------------