100 Days of Code: Day 2

Home / Technology / Web Development / 100 Days of Code: Day 2
For today's 100 Days of Code challenge, I spent even more time playing with Bootstrap and learning some of its most popular components. I also recreated one of my old blog posts using Bootstrap.

[vc_row][vc_column][vc_progress_bar values=”%5B%7B%22label%22%3A%22Progress%22%2C%22value%22%3A%222%22%2C%22color%22%3A%22blue%22%7D%5D” title=”100 Days of Code, Round 1″ percentage_value=”27″ title_color=”#3e3e3e” bar_color=”#1b7da9″ track_height=”20px” track_color=”#e7f6fc” m=”20″ extra_class=”” units=”%”][vc_column_text]

Goals For Today:

The Good:

I had a much easier time with Bootstrap today. Once I saw what the video was about, I pulled up the documentation and worked through it myself without watching the step-by-step instructions. It took a little bit longer than I expected, thanks in part to my accidentally placing my jQuery script before the library scripts. I caught it pretty quickly, though, so, fortunately, I didn’t waste too much time on that.

I also finally got started on the app landing page project, though I don’t have much to show for it yet. I am looking forward to finishing that tomorrow or Saturday so I can move on from Bootstrap. I think I may be too much of a control freak to enjoy leaving my code in the hands of external libraries that I don’t know enough about. Perhaps someday I will have more time to dive deeper into it.

The Bad:

I was lacking motivation today. I wasn’t disinterested in coding, per say, but I am really tired after a poor night’s sleep, so not very motivated. But that’s the awesome thing about a challenge like this – I am encouraged to do it anyway, despite not being very motivated, because I know others are going to be holding me accountable. I can’t just sleep all afternoon and not get anything done.

Notes/Comments:

The primary focus today was, once again, on Bootstrap components, including modals, popovers, tooltips, and scrollspy. I decided to recycle the content from an old blog post to practice working with these components. In the end, I think it worked out rather nicely. I didn’t spend a lot of time customizing the CSS. I wanted to mostly just focus on the Bootstrap components and styles specified from the Bootstrap CSS source.

I added my HTML file to my playground so you can see it live. I’ve also included the source code in its entirety at the bottom of this post. I won’t be adding this project to GitHub has it really isn’t big enough to warrant going through the trouble.[/vc_column_text][vc_single_image image=”4147″ img_size=”full” alignment=”center” style=”vc_box_outline” onclick=”custom_link” img_link_target=”_blank” link=”http://playground.blissfullemon.com/affirmations.html”][vc_column_text]

HTML / CSS / JavaScript / jQuery
<!doctype html>
<html lang="en">
<head>

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

<title>The Complete Guide To Positive Affirmations (Remix)</title>

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css">
https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js
https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js
https://maxcdn.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js

<style type="text/css">

body {
position: relative;
}

h1 {
margin-top: 100px;
}

.emptycontainer {
height: 300px;
}

</style>

</head>

<body data-spy="scroll" data-target=".navbar" data-offset="110">

<div class="container">

<nav class="navbar navbar-expand-md bg-dark navbar-dark fixed-top justify-content-center">

<ul class="nav nav-pills">

<li class="nav-item-active">
<a class="nav-link" href="#intro">Introduction</a>
</li>

<li class="nav-item">
<a class="nav-link" href="#step1">Step 1</a>
</li>

<li class="nav-item">
<a class="nav-link" href="#step2">Step 2</a>
</li>

<li class="nav-item">
<a class="nav-link" href="#step3">Step 3</a>
</li>

</ul>

</nav>

<h1>The Complete Guide To Positive Affirmations</h1>

<p id="intro">Last week, I shared with you all <a href="https://www.blissfullemon.com/32-affirmations-for-entrepreneurs/" target="_blank" rel="noopener">32 Positive Affirmations for Creative Entrepreneurs</a>. If you missed it, be sure to go check that out and download the free printable images.</p>

<p>To be honest, when I published that post, I didn't think about whether I should explain affirmations and how or why they work. I sort of just jumped right into it, assuming that everyone reading would understand and be happy for the relatively short introduction. That is, until two different people sent me messages asking what they were supposed to do with those weird little optimistic quotes and how exactly I expected them to help in the long run.</p>

<p>I get it. Actually, I should have gotten it sooner because the truth is, when I first stumbled across the concept of affirmations, I thought it was all a big overly optimistic bag of bologna. I did not believe in the method and thought it couldn't possibly help me.</p>

<p>Then I saw this video and it changed everything.</p>



<p>Suddenly, I realized that everything I had thought to be true about affirmations was entirely wrong. If you are still on the fence about affirmations, or simply just want to know more, keep reading. I will also be reiterating some of the most important content from the video, so if you didn't watch it, don't worry. I've got you covered.</p>

<h2 id="step1">Step 1. Understanding Affirmations</h2>

<p>Affirmations are positive statements that are used to improve your mental strength, reinforce positive thinking, and ultimately manifest positive life changes. Positive affirmations don't just make things happen for you. They do, however, lead to positive thinking, which results in positive energy. That energy is what fuels you to stay motivated and continue working towards your goals. Simply put, they don't work if you don't work.</p>

<p>You have heard the old adage "fake it until you make it." Positive affirmations take that one step further by encouraging you to believe it until you are it. It's not enough to just fake being successful until you are successful enough to get by with no longer faking. You have to actually believe that what you are saying is the truth or will be the truth at a certain point in the future. This is what will result in true success.</p>

<p>Take these statements, for example:</p>

<ol>
<li>I am a talented artist.</li>
<li><span data-toggle="tooltip" data-placement="top" title="Ummm... no.">I will be the next President of the United States.</span></li>
</ol>

<p>Both of these statements are positive. They either reinforce a positive belief or provide a positive goal for the future. One, however is not a good affirmation. Can you tell which one it is?</p>

<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#answerModal">
Check Your Answer
</button>

<p>The first statement is a good example of a positive affirmation that works for me. I don't always believe it to be true, but the more I reinforce that mindset, the more I actually do believe.</p>

<p>Did you notice that I said it "works for me?" That's because this affirmation will not work for everyone. An affirmation does not have to be immediately true, but there has to be some desire for it to be true. Some people have no desire to be considered a talented artist. They probably are, or want to be, really great at other things, but art just isn't one of them.</p>

<h2 id="step2">Step 2. Creating Powerful &amp; Effective Affirmations</h2>

<p>Now that you understand what affirmations are, you probably want to dive right in to creating a few for yourself. Let's start with one affirmation that all of us can use.</p>

<p>If you are still reading at this point, you must believe this in some way, or at least want to believe it. That means that over time, you will begin believing more and more until there is no question as to whether or not this statement is true. The evidence will be all around you.</p>

<h3>Now let's create a few more affirmations that are focused specifically on you.</h3>

<p>First, start by thinking about the things in your life that you want to change. Maybe you are tired of working at the same job, or you really want to settle down and buy a house. Whatever those things are, write them down, but leave a little space between.</p>

<p>Then, in that space, write down a few positive statements that you believe to be true now or in the future. These will be potential affirmations. Try to use wording that is positive and personal, like "I will be successful" or "I am successful," rather than "It sucks to be unsuccessful." That last statement might be true, but it is also impersonal and not even remotely positive.</p>

<ul>
<li>I will find a new job.</li>
<li>I am skilled in my trade, and another company will be happy to hire me.</li>
<li>I am confident and well prepared during interviews.</li>
<li>I am not afraid of settling down.</li>
<li>I will be a happy homeowner.</li>
<li>I have prepared and saved, and I am ready to make the next step.</li>
</ul>

<p>Finally, I want you to look over your list of potential affirmations. Read over each one and pay attention to how it makes you feel.</p>

<h5>Do you believe it?</h5>

<p>If your answer is no, ask yourself why. It might be because it is completely unrealistic. Imagine if you wanted to purchase your own house within the next 6 months. You make $40k per year, but you wrote down, "I am going to buy a mansion." Yeah, no one believes that. It's not that you will never own a mansion - maybe you will - but the chance of it happening in the next 6 months, unless you have a lot of money stashed away, is highly unlikely.</p>

<p>If that's the case, and you have created a few unrealistic goals, rewrite them to make them more believable. Remember that you have to believe it to be true now or in the future, or it isn't going to work for you.</p>

<p>It is also possible that you have created a realistic affirmation but don't believe it because you lack self-confidence or have a hard time imagining a future where it is true. If that's the case, I would encourage you to dig a little deeper into that. Perhaps your self-confidence is where you need to start in creating affirmations.</p>

<p>On a separate page, re-write your list of new and improved affirmations. You may only have a few, or there may be hundreds. While it's not feasible to use this many affirmations at once, still write them all down because you may decide to use them later.</p>

<p>Finally, read through your list again and select a few of the ones that really speak to you as being important or valuable in your success. These don't necessarily have to be the most believable in the moment, but they should really matter to you and make you feel even just the slightest bit more optimistic reading them. Circle, underline, or highlight those affirmations. Then read them again and get comfortable saying those words because you are going to become even more familiar with them over the upcoming weeks.</p>

<h2 id="step3">Step 3. Incorporating Your Affirmations Into Your Daily Routine</h2>

<p>So, you understand affirmations. You have created or adopted a few and are ready to start making them work. What now?</p>

<p>This is when you have to start the real work. The only way that your positive affirmations are going to work is if you take the time and energy to incorporate them into your daily routine.</p>

<p>Each day, you should take 5 minutes out of your schedule, 3 or 4 times throughout the day, to read and repeat each affirmation. Read it out loud, in the mirror, whenever possible, and allow the words to truly sink in each time. If you can't read aloud or look in a mirror, that's ok. Try writing them down over and over on a notepad instead. Don't just write the words, but really pay attention to what you are writing and how it makes you feel.</p>

<p>Create a simple background for your phone and computer. If you're artsy, you may choose to create something that incorporates the message and take a picture of it. If not, just write it down and take a picture, or type the words on your computer and save it as an image. This will allow you to see your affirmation several times throughout the day, even when you are not intentionally taking the time to do so.</p>

<p>Be as creative as you want, but be sure to make the effort to make your new affirmations a part of your life. Then work, and keep working, until all your dreams come true.</p>

</div>

<div class="emptycontainer"></div>

<!-- Modal -->
<div class="modal fade" id="answerModal" tabindex="-1" role="dialog" aria-labelledby="answerModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="answerModalLabel">Did You Guess Correctly?</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
Yeah, by now you have probably guessed that I am <em>not</em> going to be the next U.S. President. I'm not qualified and am neither famous nor a politician. If I did somehow become the President, it would be a huuuuge surprise to everyone, myself most of all.
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>

<script type="text/javascript">
$('[data-toggle="popover"]').popover()
$('[data-toggle="tooltip"]').tooltip()
</script>

</body>
</html>

Important Links

[/vc_column_text][/vc_column][/vc_row]

Let's chat!

%d bloggers like this: