Skip to content

Instantly share code, notes, and snippets.

@msukmanowsky

msukmanowsky/hello.html

Created July 22, 2014 13:37
Show Gist options
  • Save msukmanowsky/241c73dd846938a6cc8c to your computer and use it in GitHub Desktop.
Save msukmanowsky/241c73dd846938a6cc8c to your computer and use it in GitHub Desktop.
Download ZIP
Raw
hello.html
<!DOCTYPE html>
<html lang="en">
<head>
<title>TODO</title>
<!-- CSS -->
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css">
<style>
.done {
text-decoration: line-through;
color: #bbb;
}
.item-title {
font-size: 2em;
}
.item-title:hover {
cursor: pointer; cursor: hand;
}
.item-description {
color: #bbb;
font-size: 0.9em;
}
ol {
margin-bottom: 5em;
}
</style>
<!-- /CSS -->
<!-- JS -->
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<script src="http://momentjs.com/downloads/moment.js"></script>
<script>
$(document).ready(function() {
$("#human_date").text("It's " + moment().format('dddd, MMMM Do, YYYY, h:mm a'));
$(".item-title").click(function() {
$(this).toggleClass("done");
});
timer = window.setInterval(function() {
$("#human_date").text("It's " + moment().format('dddd, MMMM Do, YYYY, h:mm a'));
}, 1000);
});
</script>
<!-- /JS -->
</head>
<body>
<div class="container">
<div class="page-header">
<h1>Good morning!</h1>
<h2 id="human_date"></h2>
</div>
<div class="row">
<div class="col-md-12">
<ol>
<li>
<div class="item-title">Eat breakfast.</div>
<div class="item-description">To work at your peak performance, your body needs fuel. Rather than just grab a cup of coffee on your way to the office, take a few minutes to eat a meal or drink a protein smoothie — even if it's on the go.</div>
</li>
<li>
<div class="item-title">Create a plan.</div>
<div class="item-description">First thing in the morning, look at your calendar and prioritize your schedule. If you work best during a specific time of the day, block out those hours for quiet work time. I do my best work in the mornings, so I try to schedule at least 90 minutes to work on my writing before daily distractions begin. While you're at it, schedule short breaks throughout the day to eat a healthy snack and keep your energy up.</div>
</li>
<li>
<div class="item-title">Don't check e-mail (right away).</div>
<div class="item-description">It's tough not to hop on your smartphone first thing in the morning and see who's emailed you. Often checking e-mail is a distraction from what you want to focus on early in the day. Try to wait until 9 a.m. or 10 a.m. to check email, after you've completed at least one of your critical to-do items. If you're working on an important project, try not to check your e-mail more than three times a day.</div>
</li>
<li>
<div class="item-title">Remember your purpose.</div>
<div class="item-description">Take a few moments at the start of each workday to remind yourself of your company's goals. Think about your core customer and which areas of your business are most profitable. We oftentimes get caught up in the minutia of daily tasks we lose sight of what brings us happiness and profitability.</div>
</li>
<li>
<div class="item-title">Single-task.</div>
<div class="item-description">We live in a world that praises multi-tasking. Unfortunately, when you have too much going on at once you may become distracted by interruptions and unimportant glitches. To be productive and effective, prioritize, delegate whenever possible and focus.</div>
</li>
<li>
<div class="item-title">Visualize.</div>
<div class="item-description">It may feel silly, but close your eyes and envision your success. Imagine what you will feel like when you reach your goals. Visualization is a powerful tool and can help you keep your aspirations at the front of your mind. It might also help to post a picture of what you'd like to accomplish. For example, if you're interested in taking a trip to Paris, post of photo of the Eiffel Tower on your desk.</div>
</li>
<li>
<div class="item-title">Delegate.</div>
<div class="item-description">In the early days of my business, I thought I could save money and do everything myself. Then I realized the small, mundane tasks were taking me away from those things that generated the most income for my business. I was on the fast track to burnout. When you become overwhelmed with work or can't figure out a solution, hire someone to help.</div>
</li>
<li>
<div class="item-title">Stand up and move around.</div>
<div class="item-description">Did you know sitting is the new smoking? This car-commuting, desk-bound lifestyle can be harmful to your health. Studies show it raises the risk of disability, diabetes, heart disease, certain types of cancer and obesity. No matter when you can make time for it during the day, take a few minutes to stand up and take activity breaks every hour or so. It's good for your body and mind.</div>
</li>
<li>
<div class="item-title">Breathe deeply.</div>
<div class="item-description">Many people take shallow breaths. Every hour or so, stand up from your desk, stretch and take 10 deep breaths. The quick break and boost of oxygen will reinvigorate you for your next task.</div>
</li>
<li>
<div class="item-title">Take a lunch break.</div>
<div class="item-description">Get up from your desk and eat lunch elsewhere. If you can't spare even a moment away from work during the day, make lunch your networking hour. Schedule lunch meetings throughout the week with key clients, professional acquaintances or friends.</div>
</li>
<li>
<div class="item-title">Take a walk.</div>
<div class="item-description">At lunch is great and if it's winter, go up the the treadmill.</div>
</li>
<li>
<div class="item-title">Clear your desk.</div>
<div class="item-description">At the end of each day, clear the clutter from your desk. Put away your pens, stack loose paper and straighten other items. A clear desk will give you a clean slate for the next day and prevent you from feeling bogged down by yesterday's work.</div>
</li>
</ol>
</div>
</div>
</div>
<div class="container">
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment