This is an old revision of the document!

To make the homepage a little more interesting to look out, I thought' I'd have a look into bootstrap as a framework. The plan is to do more with it over time, but for now using it like this is a placeholder/reminder.

To get the latest version, just Download Bootstrap.

Also, quick shout out for vim settings for indenting (I never remember them): Tab key == 4 spaces and auto-indent after curly braces in Vim

Shell commands used

# Edit .vimrc, for indentation:
vi ~/.vimrc
#Install the unzip command
sudo apt-get install unzip
# Create a backup location and backup existing index page
mkdir -p backup/homepage
cp /var/www/html/index.html backup/homepage/.
# Get the latest code and extract the archive (note: file name will change over tiem)
cd /var/www/
#Edit the index.html file using the template in the getting started documentation:
vi index.html

My homepage using the basic template

<!doctype html>
<html lang="en">
        <!-- Required meta tags -->
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        <!-- Bootstrap CSS -->
        <link rel="stylesheet" href="" integrity="sha384-Zug+QiDoJOrZ5t4lssLdxGhVrurbmBWopoEl+M6BdEfwnCJZtKxi1KgxUyJq13dy" crossorigin="anonymous">
        <div class="container-fluid">
        <h1>Personal Homepage</h1>
        <p>More stuff:
                <li><a href=""></a></li>
                <li><a href=""></a></li>
                <li><a href=""></a></li>
        <!-- Optional JavaScript -->
        <!-- jQuery first, then Popper.js, then Bootstrap JS -->
        <script src="" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
        <script src="" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
        <script src="" integrity="sha384-a5N7Y/aK3qNeh15eJKGWxsqtnX/wWdSZSKp+81YjTmS15nvnvxKHuzaWwXHDli+4" crossorigin="anonymous"></script>
  • website/bootstrap.1515858019.txt.gz
  • Last modified: 2021/01/12 21:08
  • (external edit)