1 | State of the art¶
This week I have already started Facricademy course. I “started” after a week because I had been finishing my final project to graduate as a product designer. The first week, they explained how to use GifLab, which allows us to create and design our website.
Obviously, I was very lost, despite tutorials that Frabicademy facilitated. But, that’s not a reason to give up, so here is how I managed to create it.
GitLab documentation¶
First of all, I watched Julian’s tutorial (I will explain later how I have linked to the word) that helped me a lot. Let’s start.
You have to log in to your GitLab account through Fablabs.io platform. Once on the home page, you select “WebIDE” and you will be able to edit your website.
Text¶
In the “docs” folder, we already have the thiles ready to be able to write. We just have to open one of them and start writing.
Titles¶
# 1st title
## 2nd title
### 3rd title
…
Code block¶
To make such grey squares, you need to put 3 inverted commas the line before and after the text
Fonts¶
*Text*
**Text**
***Text***
Text
Text
Text
Hyphen¶
After the hyphen, it must be space
- Text
- Text
Enumeration¶
1. Text
2. Text
3. Text
- Text
- Text
- Text
"Sub-category"¶
> Text
Text
Adding the text¶
Once you have written, or added images, just click on the "Commit..." button at the bottom left of the screen.
Super mega important to select "Commit main branch".
In "Commit Menssage" you can add a note if you want.
The weight of each commit must not exceed 10MB, it is better to do it little by little.
Links¶
In brackets put the word/title to be linked and then put the link between the brackets.
[Julian's tutorial](https://vimeo.com/612064144)
Images¶
In order to add an image, you need to resize it. I use TinyPNG for it. It’s better if the image isn’t bigger than 600KB.
Upload the image to the corresponding folder by clicking on the right dots and “Upload file”
To appear on the website you have to link to it using the following code:
Where the dash is, the name of the image should be placed ()without any space)
The title of the image must be written either all in lowercase or all in uppercase
Replace spaces by underscores between words
Videos¶
Just embed the video by clicking on the "share button" and then copying the embed code and pasting it in your documentation file.
Inspiration for the future¶
It might be more difficult to decide what inspires me more than understanding how GitLab works jajaja. I say this because for me everything that surrounds me is inspiration, it's true that it depends on the day or the mood I'm in that I'm more inspired by one thing than another.
I always keep my mind open for any opportunity, challenge, occasion that will help me to design.
The only thing I am sure of is that the products I design have a value and a need for people, I don't like to design something without any purpose.
