-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathtraits.html
91 lines (83 loc) · 3.93 KB
/
traits.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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Traits</title>
<link rel="stylesheet" type="text/css" href="reset.css">
<link rel="stylesheet" href="traits.css">
<link rel="stylesheet" href="navbar.css">
<link rel="stylesheet" href="dropDown.css">
</head>
<body>
<nav>
<div class="link">
<img src="images/head.svg" alt="icon">
<a href="generalGuidelines.html" id="a_games">Games</a>
<a href="traits.html" id="a_traits">Traits</a>
<a href="degree.html" id="a_degree">Degree</a>
</div>
<div class="userEn">
<span>Hello, user</span>
<img src="images/user.svg" alt="user">
</div>
<div class="dropdown">
<button class="dropbtn">Language</button>
<div class="dropdown-content">
<a href="traits.html">English</a>
<a href="traitsAr.html">العربية</a>
</div>
</div>
</nav>
<section class="traitsContainer" id="traitsContainer">
<div class="title">
<h2>Report of all traits</h2>
</div>
<button class="tablink" onclick="openTraits('Learning', this, 'red')" id="defaultOpen">Learning</button>
<button class="tablink" onclick="openTraits('Risk', this, 'green')">Risk</button>
<button class="tablink" onclick="openTraits('Planning', this, 'blue')">Planning</button>
<button class="tablink" onclick="openTraits('Altruism', this, 'orange')">Altruism</button>
<div id="Learning" class="tabcontent">
<div class="content-box">
<div class="graph">
<img src="./images/chart3.0.jpg">
</div>
<div class="content-text">
<p>You are motivated by external rewards, which increases your capacity to be goal-oriented and achieve the outcomes expected by your company. Remember, however, that intrinsic motivation plays a key role in fueling long-term motivation. Try to seriously think about what interests you and drives you. This will be beneficial for your performance and life satisfaction.</p>
</div>
</div>
</div>
<div id="Risk" class="tabcontent">
<div class="content-box">
<div class="graph">
<img src="./images/chart3.0.jpg">
</div>
<div class="content-text">
<p>When faced with an ambiguous task, you adopt a trail-and-error method and learn well from your mistakes. That said, this position may require you to stick to a single (or limited number of) strategies. Excessive exploration of multiple strategies may prevent you from effectively completing the task at hand, and instead you will need to develop a more steady focus.</p>
</div>
</div>
</div>
<div id="Planning" class="tabcontent">
<div class="content-box">
<div class="graph">
<img src="./images/chart3.0.jpg">
</div>
<div class="content-text">
<p>You are an efficient planner, quick to choose a correct strategy. This trait is advantageous because you tend to be quick at making good decisions, but be careful not to become complacent and default to quick planning for all tasks-some may benefit from slower, more deliberate planning, especially if it is more demanding or nuanced. This position will have many such tasks.</p>
</div>
</div>
</div>
<div id="Altruism" class="tabcontent">
<div class="content-box">
<div class="graph">
<img src="./images/chart3.0.jpg">
</div>
<div class="content-text">
<p>You are trusting of others. This is a prosocial trait that yields many benefits to you and those around you. That said, in this position, there may be many tasks where increased skepticism is beneficial. This sort of skepticism is not meant to elicit toxic suspicion, but rather it promotes a quick evaluation of the credibility and reliability of those around, before engaging in work with them.</p>
</div>
</div>
</div>
</section>
<script type="text/javascript" src="traits.js">
</script>
</body>
</html>