Restart 100 Days of Code

Motivation

So it’s quite obvious that I gave up on the previous iteration of 100 days of code (which started in Jan 2017). Yet, I don’t want to give up this training, so I’ll try again

Structured programs to follow

30 days, 30 sites - techwithtris

30 days Vanilla JS coding challenge - wesbos

freecodecamp

Daily UI Design Challenge

Side projects

Charchawale for makerwala.in

Day 1

What I’ve achieved

What’s next?

  • Fix errors of the about page
  • Update my website titles for this repo (new title: T.An Elegant Tech)
  • Make about page the landing site of the domain link instead of the blog
  • Major revamp for the structure of this site
  • Post my portfolio on FB (in the far future when my other sites of portfolio are more ready)
  • Make this site progressive so I can view it on my phone
  • Find a more user-friendly way to edit the site

Actionables on About Page errors

  • Change the units of fonts on about page back to em or px according to w3schools tutorial since vw is very horrible for full page view
  • Update the form & buttons in my about page for collecting real email addresses & send clients’ emails to me
  • Stop the “contact” on navbar from being always in the hover state

Learning points

  • “vw” (viewport width) units for scaling with page width
  • Adding Google map to my site
  • Splitting rows for responsive display of big & smal screen sizes
  • How to set up free email with my free domain & direct it to my gmail account
  • How to link my domain to Github pages
  • How to get a free .edu email

Adapted from Namecheap article

  1. Go to settings

github-repo-setting

  1. Scroll down to GitHub Pages section
  2. Type in custom domain in the Custom domain textbox and hit Save (remember the “www”)

github-custom-domain

After this step, usually Gihub will automatically add/modify CNAME file to the root of Github repo. Check if this CNAME exists. Then, check if the first line is the custom domain.

  1. Sign into the control panel of the custom domain with username & password
  2. Find the setting for managing DNS (it can be “Manage DNS” or “Advanced DNS”)
  3. Add a CName record with “www” as the host and your “username.github.io” (where this username is github username) as the value. Save this record.
  4. Now launch the site at the custom domain to test if GitHub page has been properly linked with the custom domain
Written on March 27, 2017