Geeksblabla is a webinar where we meet to share and learn about awesome topics from the best.
We Invite knowledgable and interesting people who are not always known to the public so that they can share their experiences.
We talk about the hottest new topics and explain it to the community in a way that is simple and approachable.
The website is built using Gatsbyjs
-
Fork and clone the project
git clone git@github.com:your-username/geeksblabla.com.git
-
Start developing.
Navigate into your new site’s directory and start it up.
cd geeksblabla.com/ npm install gatsby develop
-
Open the source code and start editing!
Your site is now running at
http://localhost:8000
Note: You'll also see a second link:
http://localhost:8000/___graphql
. This is a tool you can use to experiment with querying your data. Learn more about using this tool in the Gatsby tutorial.
If you want to contribute check out the help wanted issues for things that need fixing, or suggest some new features by opening new issues.
-
Follow the Quick start 👆
-
Create a new episode folder
-
Duplicate an existing episode folder and rename it with the correct episode number
epX
-
open
index.md
and Make sure to update the following info :- Episode date, time, duration
- Episode Title : Facebook live stream episode title.
- Tags : At least 1. You should stick to the following approach:
- For abbrevations: all lowercase i.e: "dev"
- For acronyms: all uppercase i.e: "MSS", "UX", "UI", "JS".
- For single and composite words: all lowercase i.e: "software engineering", "mobile dev", "career".
- category: one of the following: "MSS", "AMA", "career", "dev".
- isNext : always
false
.true
means the episode is the next one and should appear on the footer. - video : Facebook video id
- featured : default
false
,true
will show the episode in the TOP EPISODE home page Section
-
date: 2019-03-28
time: 20h
duration: "01:09:00"
title: "Open Source with Yassine Elouafi"
tags: ["open source", "dev"]
category: "dev"
isNext: false
video: "2254365704624093"
published: true
featured: false
audio:
3 . Add Episode Notes && Links
Episode Notes should contain three sections:
A simple description of the episode like the following:
In this episode of GeeksBlabla, Geeksblabla team (and guest name in case ) talk about the Web fundamental, new js Frameworks and some best practices you need to follow as a web developer.
- [guest name 1](https://example.com)
- [guest name 1](https://example2.com)
- ....
In the Notes section, you need to collect the most important part of the episode and try to find the right title for it using this format : h:min - title
0:00 - Intro
0:03 - The history of web and W3C?
...
1:57 - when you can find trending web technologies?
make sure to add a line break between titles
- [W3C](https://www.w3.org/)
- [Reactjs](https://reactjs.org)
-....
- [name](https://example1.com)
- [name 2](https://example2.com)
In the end, the episode markdown file should look like : 👇
---
date: 2019-03-21
time: 20h
duration: "1:09"
title: "Introduction to Open Source"
tags: ["open source", "dev"]
category: "dev"
isNext: false
published: true
video: "2244351238958873"
url:
audio:
---
In this episode of GeeksBlabla, Geeksblabla team (and guest name in case ) talk about the Web fundamental, new js Frameworks and some best practices you need to follow as a web developer.
## Guests
- [guest name 1](https://example.com)
- [guest name 1](https://example2.com)
## Notes
h:min - title
0:00 - Intro
0:03 - The history of web and W3C?
...
1:57 - when you can find trending web technologies?
## Links
- [W3C](https://www.w3.org/)
- [Reactjs](https://reactjs.org)
-....
## Prepared and Presented by
- [name](https://example1.com)
- [name 2](https://example2.com)
4.Open the source code and start editing!
Navigate to http://localhost:8000/blablas
and Make sure the episode page works as expected
The code in this project is licensed under MIT license.
Thanks goes to these wonderful people (emoji key):
This project follows the all-contributors specification. Contributions of any kind welcome!