-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathBlogPage.html
92 lines (88 loc) · 5.7 KB
/
BlogPage.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="Index.css">
<link rel="stylesheet" href="BlogPage.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@1,500;1,600;1,800&display=swap" rel="stylesheet">
</head>
<script type="text/javascript" src="https://code.responsivevoice.org/responsivevoice.js"></script>
<script>
function speakText(){
var text = document.getElementById('Text').textContent;
responsiveVoice.speak(text);
}
let Quotes = ["Life is what happens when you're busy making other plans.",
"The purpose of our lives is to be happy.","Get busy living or get busy dying.",
"You only live once, but if you do it right, once is enough." ,
"Many of life’s failures are people who did not realize how close they were to success when they gave up.",
"If you want to live a happy life, tie it to a goal, not to people or things.",
"Never let the fear of striking out keep you from playing the game."];
function ShowQuotes(){
let i = 0;
document.getElementById("Quota").innerHTML = Quotes[i];
i++;
if(i == 6){
i = 0;
}
}
let x = 0;
function AddLike(){
x+=1;
document.getElementById("Numberhai").innerHTML = x;
const val = document.querySelector("#AddLikek");
console.log(val.style);
val.style.backgroundImage = "url('Images/heart-png-38780.png')";
val.style.backgroundSize = "cover";
}
</script>
<body>
<div class="Background">
<div class="Top_NavBar">
<div class="Nav_Img">
<img src="/Images/IdeoBlob (1) (1) (1).png"" alt="">
</div>
<div class="Text">
<h3> Hello, IdeoBlober!!!!</h3>
</div>
<div class="Icons">
<a href="/Index.html" class="Icon_img"> <img src="/Images/IdeoBlobs (1).png" alt=""> </a>
<a href="" class="Icon_img"> <img src="/Images/IdeoBlobs (2) (1).png" alt=""> </a>
<a href="/CreateBlog.html" class="Icon_img"> <img src="/Images/IdeoBlobs (3) (1).png" alt=""> </a>
<a href="" class="Icon_img"> <img src="/Images/IdeoBlobs (4) (1).png" alt=""> </a>
<a href="" class="Icon_img"> <img src="/Images/IdeoBlobs (5) (1).png" alt=""> </a>
</div>
</div>
<div class="Blog">
<em id="Quota"></em>
<h2>Personal Development</h2>
<em>~by Asstha </em>
<button class="ButtonADDed" onclick="ShowQuotes()"> Quotes</button>
<p id="Text">Self improvement or personal development is an inner process, which focuses on changing one's attitude towards oneself and to wards the world and on getting rid of harmful habits and building new good habits. The motive of inner process is to improve your behavior, attitude, emotions, habits , happiness in your life. The other purpose for this is to encounter various situations to face problems and hurdles of our life. Personal development is important as it gives you courage , assertiveness.
It is a process to make ourselves happier and positive towards life. Personal development starts with becoming more aware of ourselves and our reactions. It also improves our mental health and helps to become aware of our social environment, It helps us to get rid of our bad habits. It helps to achieve our goal in our life. It involves some basic steps that make you feel good about yourself. It helps us to learn new skills and improve your health and energy level. Reading books and articles with personal development tips and information are helpful in doing so. Nowadays, there is a growing interest in self growth and self help techniques. There is a growing number of books , articles and websites dealing with these topics.
Set goals as much as possible. All your life goals need to be cohesive. It must be taken in view that goal setting is an important process Set SMART goals (specific, measurable, achievable, relevant and time bounded ). When planning your day you need to start with a big picture in your mind. Set goals and start looking to future and how your best life looks like. One important aspect of life is to have an action plan for success. Without taking actions your actions are just like dreams.
Being productive to get improvement in your life. Be assertive instead of aggressive towards life. Create your own imagination which helps you to set your goal in your life. In order to accomplish your life you need to be more and more creative.</p>
<div class="Video_Player">
<video controls width="500" height="300">
<source src="/Images/Itachi Badass edit - Sharingan [Edit AMV]!.mp4" type="video/mp4">
<track src="TED.vtt" kind="subtitles" srclang="en" label="English" />
</video>
</div>
<div class="Last">
<button class="Likeky" id="AddLikek" onclick="AddLike()"></button>
<p> Likes = </p>
<p id="Numberhai"></p>
<input onclick="speakText()" type="button" value="Listen">
</div>
</div>
</div>
<footer>
<h3> Team Ideastoram</h3>
</footer>
</body>
</html>