diff --git a/.vscode/settings.json b/.vscode/settings.json
new file mode 100644
index 0000000..6f3a291
--- /dev/null
+++ b/.vscode/settings.json
@@ -0,0 +1,3 @@
+{
+ "liveServer.settings.port": 5501
+}
\ No newline at end of file
diff --git a/README.md b/README.md
index f9ed36b..4f0443d 100644
--- a/README.md
+++ b/README.md
@@ -1,49 +1,163 @@
-# MBAZA-NLP WEBSITE
+
-## Table of Contents
-* [Tech stack and main functions](#tech-stack)
-* [Include how to contribute, push to the website](#how-to-contribute)
-* [PR template](#pr-template)
-* [Issue template](#issue-template)
-* [Community Channels](#community-channels)
-* [Contributers](#contributers)
+[![Contributors][contributors-shield]][contributors-url]
+[![Issues][issues-shield]][issues-url]
-## tech-stack
-* [HTML](https://www.w3schools.com/html/)
-* [JAVASCRIPT](https://developer.mozilla.org/en-US/docs/Web/JavaScript)
+
+
+
-## how-to-contribute
- ``` bash
- # Raise a PR from your feature branch dev branch
- # Wait for a review
- # Your changes Will merged by the reviewer
- ```
+ Table of Contents
+
+ -
+ About The Project
+
+
+ -
+ Getting Started
+
+
+ - Usage
+ - Roadmap
+ - Contributing
+ - Contact
+
-## pr-template
-* [Template](.github/pull_request_template.md)
+
+## About the Project
+The website aims to showcase our work as community including the upcomming events, ongoing projects, members of the community and means to communication we use.
-## community-channels
-* [Slack](https://join.slack.com/t/mbazanlpcommunity/shared_invite/zt-1e5mxv2x2-XH25edKoZ4tFZou4SvLsQA)
+Main Objectives:
+* Gallery of Past events
+* Community members profiles
+* Past & Upcoming events such as meetups hackathons
+* Ongoing Projects
+* Contact Page
+* Blog
-## contributers
-* [Olivier IRADUKUNDA](https://github.com/twist250)
-* [Sam RUTUNDA](https://github.com/rutsam)
+(back to top)
+
+## Getting Started
+We welcome any contribution to the website and community as a whole. Bellow is an introduction on how to get started.
+Contribution areas:
+* Content Creator: We look forward to onboarding a content creator for our blog.
+* Content Moderator: We look forward to onboarding a content creator for our blog.
+Please feel free to also suggest any other area you might be intrested to contribute
+### Built With
+The community website is built with the following stack. You are also welcome to suggest other stack to include!
+[![HTML][html.com]][html-url]
+[![Javascript][javascript.com]][javascript-url]
+
+(back to top)
+
+### Prerequisites
+
+To be honest, there are no pre-requisite apart from joining our slack channel
+
+
+
+## Roadmap
+
+- [ ] Add calendar to the community website
+- [ ] Add Ghost CMS
+
+
+See the [open issues](https://github.com/MBAZA-NLP/community.website/issues) for a full list of proposed features (and known issues).
+
+(back to top)
+
+
+
+
+## Contributing
+
+Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are **greatly appreciated**.
+
+If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement".
+Don't forget to give the project a star! Thanks again!
+
+1. Fork the Project
+2. Create your Feature Branch (`git checkout -b AmazinFeature`)
+3. Commit your Changes (`git commit -m 'Add some AmazingFeature'`)
+4. Push to the Branch (`git push origin dev`)
+5. Open a Pull Request to the dev branch
+
+### Thank you to our contributors
+
+
+
+
+
+
+(back to top)
+
+
+
+
+## Contact
+
+* [Isaac Manzi](https://github.com/IMdtman)
+* [Samuel Rutunda](https://github.com/rutsam)
+* [Olivier Iradukunda](https://github.com/twist250)
+* [Floris Nzabakira](https://github.com/Kira-Floris)
+* [Rene Promesse](https://github.com/renepromesse)
+* [Arnaud Kayonga](https://github.com/agent87)
+
+
+(back to top)
+
+
+
+
+
+[contributors-shield]: https://img.shields.io/github/contributors/MBAZA-NLP/community.website
+[contributors-url]: https://github.com/MBAZA-NLP/community.website/graphs/contributors
+[forks-shield]: https://img.shields.io/github/forks/MBAZA-NLP/community.website
+[forks-url]: MBAZA-NLP/community.website
+[stars-shield]: https://img.shields.io/github/stars/MBAZA-NLP/community.website
+[stars-url]: MBAZA-NLP/community.website
+[issues-shield]: https://img.shields.io/github/issues/MBAZA-NLP/community.website
+[issues-url]: https://github.com/MBAZA-NLP/community.website/issues
+[slack-shield]: https://img.shields.io/badge/Slack-4A154B?style=for-the-badge&logo=slack&logoColor=white
+[slack-url]: https://join.slack.com/t/mbazanlpcommunity/shared_invite/zt-1e5mxv2x2-XH25edKoZ4tFZou4SvLsQA
+[html.com]: https://img.shields.io/badge/HTML-239120?style=for-the-badge&logo=html5&logoColor=white
+[html-url]: https://html.com
+[javascript.com]: https://img.shields.io/badge/JavaScript-323330?style=for-the-badge&logo=javascript&logoColor=F7DF1E
+[javascript-url]: https://javascript.com
diff --git a/assets/img/frontpage.JPG b/assets/img/frontpage.JPG
new file mode 100644
index 0000000..303b451
Binary files /dev/null and b/assets/img/frontpage.JPG differ
diff --git a/assets/js/calendar.js b/assets/js/calendar.js
new file mode 100644
index 0000000..94c6676
--- /dev/null
+++ b/assets/js/calendar.js
@@ -0,0 +1,74 @@
+(function($){
+ const username = "mbazanlp.community@gmail.com";
+ const key = "AIzaSyBxDGuEdlEgMyPbyjNjymNwI10vSdByrhs";
+ function injectCalendarEvents(title, uri, location, date, time) {
+ return `
+
+
+
+
+
+
+
+
${location}
+
${date}
+
${time}
+
+
+
+ `;
+ }
+ function getDate(time) {
+ return time === undefined ? "" : "" + time.split("T")[0] + "";
+ }
+ function getTime(time) {
+ return time === undefined ? "" : time.split("T")[1];
+ }
+ function undefinedCase(text) {
+ return text === undefined ? "" : text;
+ }
+ function getTodayDate() {
+ var date = new Date();
+ return `${date.getFullYear()}-${date.getMonth() + 1}-${date.getDate()}`;
+ }
+ $(window).on('load',async function () {
+
+ $.ajax({
+ url:
+ "https://www.googleapis.com/calendar/v3/calendars/" +
+ username +
+ "/events?key=" +
+ key +
+ "&singleEvents=true&orderBy=startTime&timeMin=" +
+ getTodayDate() +
+ "T00:00:00.000Z",
+ success: await function (data) {
+ var calendarUl = document.getElementById("calendar-post-list");
+ let htmlCode = ``;
+ data.items.forEach(function (item) {
+ item.summary === undefined
+ ? ""
+ : (htmlCode =
+ htmlCode +
+ injectCalendarEvents(
+ item.summary,
+ undefinedCase(item.htmlLink),
+ undefinedCase(item.location),
+ item.start.dateTime === undefined
+ ? "Pending"
+ : getDate(item.start.dateTime) +
+ " to " +
+ getDate(item.end.dateTime),
+ getTime(item.start.dateTime) +
+ " " +
+ undefinedCase(item.start.timeZone)
+ ));
+ });
+ calendarUl.innerHTML = htmlCode;
+ },
+ error: function (err) {
+ console.log(err);
+ },
+ });
+ });
+})(jQuery);
\ No newline at end of file
diff --git a/index.html b/index.html
index 98c34f9..c10d65c 100644
--- a/index.html
+++ b/index.html
@@ -353,63 +353,7 @@ Gallery
@@ -599,6 +543,8 @@ Follow Us
+
+