Project Management
Build a personal site
Work Through a git tutorial
a little more about Hussain
Calligrapher, Writer (Arabic articles) and Fablaber (Digital Fabrication)
Hussain Alhudhud, having a bachelor’s degree in computer and Information Science from Purdue University, Indianapolis at IUPUI campus. He is currently an Operation Manager at National Talents Company. In addition, he trained to use machines in FABLAB Dhahran as Laser Cutter, CNC, and Vinyl Cutter, which it designs by using Inkscape program in 2D Design.
Mr. Hussain is innovative, responsible trainer and Admin Officer / Facilitator, focused on finding alternatives in creative ways and capable of working in diverse environment.
Let's begin the journey that I have joined in the digital fabrication of Fab Academy. The first station is building a personal site that uses my background in the computer science degree. Build a site in Fab Academy needs few steps:
- Activate the SSH Key by following the tutorial or tutorial
- Use Fab Acadmy Templete or find a html free templete which I used "Template 2087 Kalay"
- Use an editor for editing the web page, I used Dreamweaver
- Create a .gitlab-ci.yml
- Downlaod Git Bash to pull and push the site
- Git Command to pull and push the site
- mkdir <your_name_folder>
- cd <your_name_folder>
- git init <Create_an_empty_Git_repository_or_initialize_an_existing_one>
- git clone <HTTP_from_GitLab>
- git pull <Get_a_copy_of_your_website_from_fabcloud_to_your_local_host>
- cd <dircter_from_your_name_folder>
- copy your file into <dircter_from_your_name_folder>
- git add --all <Add_all_the_new_file_to_be_ready_to_push>
- git commit -m "a message" <Add_commint_message_to_recored_your_step>
- git push <push_your_update_to_fabcloud_on_gitlab>
I only got one issue to browse my website, after I push it, nothing showed up. Then I figured out that I forgot to create .gitlab-ci.yml
Using Dreamweaver for editing the html webpage
This simple HTML is how to insert image
If you would like to write a title that's bolda and big size n HTML just go ahead and use that one
HTML Code :
<h2>a little more about Hussain</h2>
and here what is going to show in the page:
a little more about Hussain
And here is how to add hyperlink in HTML
HTML Code :
<a href="http://fabacademy.org/2019/docs/FabAcademy-Tutorials/week01_principles_practices_project_management/git_simple.html" target="_blank"><u>tutorial</u></a>
and here what is going to show in the page:
For more HTML go to w3schools
First command to create the SSH Key to be able to push your website
And for more details go back to tutorial
Check the status for any update
Add all files before to push
Add the comments message to recored your step
push the update to Fabcloud of Gitlab