<commit_before>---
layout: guides
title:  "HTML/CSS/Javascript Personal Site Guide"
categories: tutorials
---
**Before you start**

Please pick one of the following templates before you start this tutorial:

  * [HTML5up](https://html5up.net) <i class="fa fa-star"></i><i class="fa fa-star"></i>
  * [Creative Tim](https://www.creative-tim.com) <i class="fa fa-star"></i>
  * [FreebiesBug](https://freebiesbug.com/code-stuff/html-website-templates/)
  * [OS-Templates](http://www.os-templates.com/free-website-templates?start=27)
  * [Templated.co](https://templated.co)
  * [Templatemo](http://www.templatemo.com/page/1)

Once you have successfully downloaded the template of your choice please follow the directions below.

----

**Setting up**

Once you have downloaded/saved your website template, it will show up in wherever you set up your download folder.

Go to that folder and open the main/homepage/index html file in any text editor of your choice (I recommend <a href="https://atom.io">Atom</a> or <a href="https://www.sublimetext.com">Sublime</a>)

In example, mine is labeled **index.html**.

<img src="https://imgur.com/Yo1ei7h.gif"/>

You can also see how you are editing your site in realtime by opening the HTML document in your browser and refreshing the page.

<img src="https://i.imgur.com/p6ogpho.gif"/>

You can debug your site by right-clicking (if you are on Windows/Linux) or control+click (if you are on a Mac) and selecting the "Inspect Elements" option which should come with every browser.

<img src="https://i.imgur.com/kTnxLWn.gif"/>

----

**Deploying to Github**

Create a repository named <insertGithubUserNameHere>.github.io without the '<>'

In this tutorial, my username is nvurdienn so mine would be nvurdienn.github.io

<img src="https://i.imgur.com/jkVeHWa.gifv">

Then add all the files into that repository and congrats you have successfully created your personal page!

The page would be at <insertGithubUserNameHere>.github.io

As an example, the username used in this tutorial would be nvurdienn.github.io
<commit_msg>personal site<commit_after>---
layout: guides
title:  "HTML/CSS/Javascript Personal Site Guide"
categories: tutorials
---
**Before you start**

Please pick one of the following templates before you start this tutorial:

  * [HTML5up](https://html5up.net) <i class="fa fa-star"></i><i class="fa fa-star"></i>
  * [Creative Tim](https://www.creative-tim.com) <i class="fa fa-star"></i>
  * [FreebiesBug](https://freebiesbug.com/code-stuff/html-website-templates/)
  * [OS-Templates](http://www.os-templates.com/free-website-templates?start=27)
  * [Templated.co](https://templated.co)
  * [Templatemo](http://www.templatemo.com/page/1)

Once you have successfully downloaded the template of your choice please follow the directions below.

----

**Setting up**

Once you have downloaded/saved your website template, it will show up in wherever you set up your download folder.

Go to that folder and open the main/homepage/index html file in any text editor of your choice (I recommend <a href="https://atom.io">Atom</a> or <a href="https://www.sublimetext.com">Sublime</a>)

In example, mine is labeled **index.html**.

<img src="https://imgur.com/Yo1ei7h.gif"/>

You can also see how you are editing your site in realtime by opening the HTML document in your browser and refreshing the page.

<img src="https://i.imgur.com/p6ogpho.gif"/>

You can debug your site by right-clicking (if you are on Windows/Linux) or control+click (if you are on a Mac) and selecting the "Inspect Elements" option which should come with every browser.

<img src="https://i.imgur.com/kTnxLWn.gif"/>

----

**Deploying to Github**

Create a repository named <insertGithubUserNameHere>.github.io without the '<>'

In this tutorial, my username is nvurdienn so mine would be nvurdienn.github.io

<img src="https://i.imgur.com/jkVeHWa.gif">

Then add all the files into that repository and congrats you have successfully created your personal page!

The page would be at <insertGithubUserNameHere>.github.io

As an example, the username used in this tutorial would be nvurdienn.github.io

{'fraction_non_alphanumeric': 0.12503028834504482, 'fraction_numerical': 0.003876908165737824, 'mean_word_length': 4.375, 'pattern_counts': {'":': 0, '<': 37, '<?xml version=': 0, '>': 37, 'https://': 20, 'lorem ipsum': 0, 'www.': 8, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 6, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1213990', 'n_tokens_mistral': 1301, 'n_tokens_neox': 1260, 'n_words': 455}