Day 4: Blog Update

blog post upgrading

Day 4 another day in improving the look of my website. This one is way more focused on the blog post. I have made a new stylesheet for the blog post pages. I have also updated the HTML that I'm going to be using for the blog post too. I'm going to be throwing in the boiler plate code that I'm using for my blog posts to show the code

HTML

Head and nav HTML Code

                
                    
        <head>
        <link rel='stylesheet' type='text/css' href= '../CSS/BlogPost.CSS'>
        <link rel='icon' type='image/x-icon' href='/BlogPictures/favicon.ico'>
        <meta name='viewport' content='width=device-width, initial-scale=1.0'>
        <meta name='charset' content='UTF-8'>
        <meta name='keywords' content='Journey, Programming, HMTL'>
        <meta name='description' content='My journey from being a progamming noob to a programing hero'>
        <title>Day </title>
      </head>
      <body>
        <nav>
          <h1 id='mainTitle'>Journey To Improve</h1>
          <button class='NavButton' type='button' name='button'>About Me</button>
          <button class='NavButton' type='button' name='button'>Blogs</button>
          <button class='NavButton' type='button' name='button'>Projects</button>
          <button class='NavButton' type='button' name='button'> <a Class='NavLink'href='../index.html'>Home</a> </button>
        </nav>

I wanted to take a quick parapgrah to talk about the head and the nav bar. These are both going to be just like the main page the only difference is I have added a button to the Navigation bar. The button that has been added to the navigation bar is a home button. This will take the user back to the home page. I did this because it was annoying to try and go back and forth before between the home and blogs. This button is the first one to actually work. Next thing that is different is the style sheet is now linking to a different location. This is to hold the new style sheet that will be used for the blog post. With the style sheets I plan to condense some of the common code in the future to reduce redundancy.

HTML

HTML head code

                
                    
    <div class='grid-container'>
      <div>
      </div>
      <div>
        <article class='BlogPost'>

          <h3 class='title'>Day  </h3>
          <p class='blog-text'>
          </p>
          <h5 class='code-title'>HTML head code</h5>
          <pre>nav>

Some Helpful links

Favicon Website

HTML Tutorial

CSS Tutorial