Git Product home page Git Product logo

the-greaaat-gatsby's Introduction

The Greaaat Gatsby

These are the files of the Greaaat website, powered by Gatsby and hosted on Netlify

I want to update my profile

That's fairly easy if you know how to use Git ! If not, there's no shame at all, just ask someone from Greaaat, we're here to help each other after all ๐Ÿ˜Ž

  • Start by forking the adriantombu/the-greaaat-gatsby repository
  • Create a new git branch to work on your modifications
  • You can find the data of your profile in the src/data/freelances directory. As you can see, these are Markdown files !
  • When you're happy with your changes, just commit your changes, push your branch and start a new pull request
  • Once your pull request has been approved and merged in the main branch, your modifications will be automagically deployed!

I don't have a profile page, how can I add one ?

For this you will need a small text about yourself and a squared picture of your lovely face (a size of 500x500 max should be perfect). For the purpose of this little tutorial, let's say that your name is Georges Abitbol.

  • Start by forking the adriantombu/the-greaaat-gatsby repository
  • Create a new git branch to work on your modifications. Let's say profile/georges-abitbol for example.
  • Go to the static/freelances/ directory and put your squared profile pic in it, with the name georges-abitbol.jpg
  • Go to the src/data/freelances/ directory, duplicate any file there, and rename it to georges-abitbol.md
  • The following fields are mandatory, so you need to fill them with the proper informations: title, position, city, website, picture, slug, seoTitle, seoDescription
  • The other fields are optional. If you don't need them to be displayed on your profile, just put xxx and you're good to go.
  • You can write your description in Markdown format just under the --- after the fields
  • When you're done with your profile page, go to the src/data/prestations directory, and open any of the file where you want to add your name. Georges Abitbol is a well reknown Marketing Expert, so he adds his name in the freelances field of the experts-marketing.md file.
  • When you're happy with your changes, just commit your changes, push your branch and start a new pull request
  • Once your pull request has been approved and merged in the main branch, your modifications will be automagically deployed!

What's the purpose of the fields on my profile

  • title is basically your name, and is reused in the src/data/prestations files to make the relation with your profile
  • position is what your do in your professional life
  • city, welll... where you are from
  • website do I really need to explain ?
  • picture is the filename used for your profile pic in the static/freelances/ directory
  • slug represents the url of your profile, in the format https://greaaat.com/freelances/${slug}
  • seoTitle is the information displayed in the html <title> tag of your profile
  • seoDescription is the information that lays in the <meta name="description" content="" /> tag of your profile
  • The other fields represents the url of your different social network profiles

the-greaaat-gatsby's People

Contributors

adriantombu avatar dependabot[bot] avatar lastexile avatar chrisscholly avatar tidusia avatar hellodeloo avatar sebfie avatar joelrotelli avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.