My First Blog Post

Posted on Sat 07 September 2019 in posts

Hello everyone! I started this website about 2 weeks ago, the date today is 7-22-2019. I wanted to share my journey as I learn how to make a website and code. I have zero experience with any sort of website making or coding, so this should be fun! Although, I did have my brother help me get it started. He got me to download github, git bash, visual studio, and set my basic theme up. I had no idea what those programs even were. He also helped me download a bunch of other crazy software such as chocolatey and python... First thing I learned is that you have to download a ton of different programs while coding, blew my mind. So once all that basic stuff was set up, it was time for me to learn how to make a website!

The first thing I did was change the picture of my main page. Of course it was of a lamborghini, as I have a 1$ bet with my brother if I buy a lamborghini before I turn 60(Easy Money). So I went to google and searched "lamborghini" and picked a cool looking one. Then I made a bunch of different pages inside of the content folder. I learned how to add a folder inside of the content folder using code with git bash and I thought it was the coolest thing ever(I still think it's cool)! Here is the code:

touch content/pages/Blog.md

I then started writing some content in my "services" page with markdown. Go check out my "services" page! I literally just googled "how to link text in markdown" while writing this page and got that link to work! So cool! I wanted to share how I uploaded some pictures and how I spaced them. I was having a problem spacing my pictures the way I wanted them, see below. There was text that was showing up in between the pictures that I did not want to happen.

Failed code

A thought occurred to me, "what if I add another picture in between the 2". So I snipped a white background and saved it as an image. I then added that white picture to the code that I randomly copied online, just hoping it will work. And guess what, it worked!! I know there must be a way to actually do this by modifying my code, but hey, I'm a newb here.

Fixed code

In case you wanted to see my code for the 3 pictures, here it is (I am sure it is horrible!):

            <img src="/images/Guitar2.JPG"
            alt="Markdown Monster icon"
            style="width:200px; height:400px; float: right; margin:0 10px 10px 0"/>
            <img src="/images/Guitar1.JPG"
            alt="Markdown Monster icon"
            style="width:200px; height:400px; float: left; margin:0 10px 10px 0"/>
            <img src="/images/WHITE.PNG"
            alt="Markdown Monster icon"
            style="width:200px; height:400px; float: center; margin:0 10px 10px 0"/>

I can already tell this website making stuff is going to be quite a journey! I will keep you updated on my next findings.

Till next time!
-Sean

posts