My Profile

Sangay Penjor

A firm believer in the discipline of Architecture and Research combined with design thinking to create a harmonious and just society, having a positive effect on the world. Only with team spirit, we can build a better world hence, my communication, team work, leadership and technical skills.

Project Management and Web Development


Introduction to Website Design

The first assignment for project management is the design of website. Being an architect and having no idea about the coding, I was little confused. However, the local instructor for prefab academy Mr. Suhas instructed us through easy ways of developing a personal website.

The list of website design langauages I referred as per the instructions of Mr. Suhas are:
1. HTML and CSS
2. HTML5
3. Markdown
4. Wordpress

After consulting the local instructors as well as few of my IT colleagues, I decided to not go with easy templates as I really wanted to explore the website design for my own interest. Therefore, I decided to work on html and css which are the most popular languages used for wesite designs.

Introduction to Text Editors

Visual Studio Text Editor Download

I tried few text editors such as:
1. Notepad
2. Notepad++
3. Atom
4. Visual Studio
I chose to work with Visual studio as I personally felt that it is very easy to work and document.


Personal Website Design

Owing to the fact that I have zero knowledge on coding or any languages, I decided to download a free templte from the internet and make it my own.

For my project management website design, I downloaded a template from https://www.free-css.com/free-css-templates
Free html CSS templates
I really liked the layout and design features of sailor free html css template fromhttps://www.free-css.com/free-css-templates/page232/sailor Therefore, I downloaded that template to create my own website for fabacademy.


However, as I worked on the customization of some of the features, it got messed up and I was not able to rectify the erros. The website I custmomized can not be customized in multi-devices. The error made me do a lot of research and possible solutions but all hopes were lost when I spent almost an entire day trying to rectify it.

1 / 3

Therefore, I finally decided to change my template and again explored the free templates from the internet. I promise that this will be last time, I will be looking for templates because I don't want to waste my time anymore. Free html CSS templates
I downloaded a template from https://templatemo.com/tm-553-xtra-blog as I liked the design. I customized this page using tutorials from https://www.w3schools.com/


Git Installation and SSH Key

In order to work with Git, firstly we need to install Git from the official git website http://git-scm.com/ and download the versions as required by your system. For me, I use windows pc, therefore, I downloaded windows version 2.35.1

My instructors briefed me on how to use git to link Github and our local PC repository. Following are steps and codes that we can use to generate SSH keys and link our website to the Github repository using GitBash

1. Go to link and open your Gitlab account
2. Open Gitbash and type the code: ssh-keygen -t rsa -C "email id" -b 4096
3. Keys will be generated. Copy the keys with the codes: cat ~/.ssh/id_rsa.pub | clip
Free html CSS templates 4. Go in gitlab account and paste key in Profile Settings and then click on "SSH key" located at the left hand side of your profile. Then add the keys.
5. Check whether its linked with the account or not by using the codes: ssh -T git@gitlab.fabcloud.org
Free html CSS templates 6. Then identify ourselves. Configure using email id and user id using the codes: git config --global user.name "user name" and git config --global user.email "email id"
Free html CSS templates 7. Clone repository in local system using codes: git clone "clone links". Clone links will be available from the git repository in fabcloud. 8. Finally you can pull and push the files.

Free html CSS templates

After cloning the repositories into your local file, we can replace the files from the cloud using our own files.

I use photoshop to edit my photos and GIMP to reduce my image sizes. Large Image size are not recommended to be pushed into the cloud, therefore, reducing the file size is very important.