This is my personal website. It is coded from scratch in HTML and CSS (and a tiny bit of JavaScript), using standard Arial and Open Sans fonts. Feel free to reuse/adapt. To be clear: the core code is CC0 licensed, content relating to my person is private. Thus, you can replace my copyright with yours ONLY after removing my content.
-
Use SVG social icons. I got mine from here. Open them and paste them into index.html and contact.html, and ensure that thex have a tag
fill="currentColor"so that their color can be targeted by CSS if desired (by default set to very dark grey and lighter grey on hover). -
Use realfavicongenerator.net to generate your favicon (the mini-picture that appears in your browser tab). In Favicon Generator Options choose I cannot or I do not want to place favicon files at the root of my web site. Instead I will place them here and enter www/icons. Then, once you've downloaded your favicon package, extract to www/icons and adjust all favicon-related code in the
<head>tag of each HTML page.
- Go to the repository's settings.
- Scroll down to the "Pages" section.
- Select the main branch (root folder) and click "Save".
- Sign up at namecheap.com and buy a domain, e.g. yourdomain.com.
- Log in to your Namecheap account and go to the Dashboard.
- Select your domain from the list.
- Click on Manage next to the domain name you want to use.
- Navigate to the Advanced DNS tab.
-
Add an
ARecord:- Type:
A Record - Host:
@ - Value:
185.199.108.153 - TTL:
Automatic - Repeat this step for the following IP addresses:
185.199.109.153185.199.110.153185.199.111.153
- Type:
-
Add a CNAME Record:
- Type:
CNAME Record - Host:
@(orwwwif you want apex domain) - Value:
username.github.io. - TTL:
Automatic
- Type:
-
(Optional) Redirect Apex to non-apex domain (e.g. www.sebastiankrantz.com -> sebastiankrantz.com):
- Follow Step 2 1-3 but then navigate to the Domain tab.
- Add a 'REDIRECT DOMAIN' from www.yourdomain.com to https://yourdomain.com/
in GitHub Pages settings, enter your domain (e.g, sebastiankrantz.com) in the Custom domain box. Wait for DNS check, then click Enforce HTTPS. That's it.
Note: DNS changes can take some time to propagate. For more instructions see here.