-
Notifications
You must be signed in to change notification settings - Fork 0
/
tips.html
153 lines (118 loc) · 8.23 KB
/
tips.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>PRODUCTIVITY EMPIRE | DS</title>
<link rel="stylesheet" href="Styles/styles.css">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
</head>
<body>
<header>
<div class="topnav">
<a class = "empiretitle" href="">PRODUCTIVITY EMPIRE</a>
<a href="home.html">Home</a>
<a href="quotes.html">Quotes</a>
<a class="active" href="tips.html">Tips</a>
<a href="benefits.html">Benefits</a>
<a href="books.html">Books</a>
<a href="about.html">About</a>
<a href= #lightmode onclick = "myFunction()">Light Mode</a>
</div>
<!-- Load icon library -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<br>
<div class = "sitecontent">
<h2><strong>How to be More Productive</strong></h2>
<ul>
<li>Focus on most important tasks first</li>
<li>Use the 80/20 rule to focus your time on the most impactful tasks</li>
<li>Break tasks into smaller pieces</li>
<li>Keep a distraction list to stay focused and jot down ideas you think of while you're working</li>
<li>Learn from successes as well as mistakes</li>
<li>Manage your energy (not just time)</li>
<li>Practice the Pomodoro Technique</li>
<li>Get better at saying “no”</li>
<li>Cultivate deep work</li>
<li>Don’t multitask</li>
</ul>
<br>
<img class = "benefits" src= "https://images.unsplash.com/photo-1483058712412-4245e9b90334?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1050&q=80" width = 500 height = 300>
<br>
<br>
<hr class="new4">
<br>
<h2 id="6">Productivity Tools and Apps That Actually Work</h2><p>Productivity tools can make your life a lot simpler. They help you to save time, improve focus, and improve the overall quality of our work. However, every time I talk about productivity tools, I also talk about the downside. Too much technology often decreases our productivity. That's why the list of apps and tools is short.</p>
<li>Notebook — I prefer A5 sized notebooks with a soft cover and good quality paper. This Moleskine does the job well.</li>
<br>
<img class = "benefits" src= "https://wallpapercrafter.com/desktop/293009-coffee-pen-notebook-work-book-caffeine-food-photo.jpg" width = 400 height = 250>
<br>
<li>Calendar — My standard iOS calendar app is my favorite productivity tool. I primarily use my calendar for time blocking.</li>
<br>
<img class = "benefits" src= "https://cdn.dribbble.com/users/155959/screenshots/805845/calendar.png" width = 400 height = 250>
<br>
<li>Trello — Trello is a versatile project management tool that can be used in many ways. I use this productivity app as a backlog of tasks that I have to do. With Trello you can create ‘boards’ for every project you have. And on every board, you can list all the actions you have to complete for that project. Every week I take some time to update my projects. That helps me to improve my focus, so I know what I have to do.</li>
<br>
<img class = "benefits" src= "https://i1.wp.com/writeonsisters.com/wp-content/uploads/2014/11/Trello-Logo.png" width = 400 height = 250>
<br>
<li>Evernote — By far the best note-taking app there is. Research shows that our brain works in a similar way Evernote stores notes, ideas, tasks, etc.</li>
<br>
<img class = "benefits" src= "https://www.logo-designer.co/wp-content/uploads/2018/08/2018-evernote-new-logo-design-branding.png" width = 400 height = 250>
<br>
<li>RescueTime — The easiest way to track your activities. You’ll be surprised how much time you’re wasting on useless activities. Measure it with RescueTime, become aware of the time-wasting activities, and then get rid of them.</li>
<br>
<img class = "benefits" src= "https://sm.pcmag.com/t/pcmag_au/review/r/rescuetime/rescuetime_nc43.640.jpg" width = 400 height = 250>
<br>
<br>
<li>Grammarly — I use this tool probably the most out of all the resources on this page. If you’re writing anything that’s more than an email, use this app. I highly recommend getting the premium edition.</li>
<br>
<img class = "benefits" src= "https://static.grammarly.com/assets/files/e80911c560f18f1ffdc084f23fe9c715/share.png" width = 450 height = 250>
<br>
<li>Be Focused — This is the Pomodoro app I use on Mac. But any app will do. It’s important that the timer is <em>visible</em>. Whenever I don’t use a Pomodoro timer, I just waste hours every day. This app can easily save you one hour per day.</li>
<br>
<img class = "benefits" src= "http://twodollartues.com/wp-content/uploads/2019/06/banner_Pomodoro_osx_1132x586.png" width = 450 height = 250>
<br>
</div class = "sitecontent">
<a href="#" id="toTopBtn" class="cd-top text-replace js-cd-top cd-top--is-visible cd-top--fade-out" data-abc="true"></a>
<script>
$(document).ready(function() {
$(window).scroll(function() {
if ($(this).scrollTop() > 20) {
$('#toTopBtn').fadeIn();
} else {
$('#toTopBtn').fadeOut();
}
});
$('#toTopBtn').click(function() {
$("html, body").animate({
scrollTop: 0
}, 1000);
return false;
});
});
</script>
<br>
<hr class="new4">
<footer>
<p class = "footer">DionMS8™</p>
</footer>
<div id = #lightmode>
<script>
function myFunction() {
var element = document.body;
element.classList.toggle("light-mode");
}
</script>
</div>
</header>
<!-- Load font awesome icons -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<!-- The social media icon bar -->
<div class="icon-bar">
<a href="https://www.facebook.com/" class="facebook" target = "_blank"><i class="fa fa-facebook"></i></a>
<a href="https://twitter.com/" class="twitter" target = "_blank"><i class="fa fa-twitter"></i></a>
<a href="https://www.google.com/" class="google" target = "_blank"><i class="fa fa-google"></i></a>
<a href="https://www.linkedin.com/" class="linkedin" target = "_blank"><i class="fa fa-linkedin"></i></a>
<a href="https://www.youtube.com/" class="youtube" target = "_blank"><i class="fa fa-youtube"></i></a>
</div>
</body>
</html>