-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy paththeory_gr.html
103 lines (99 loc) · 8.05 KB
/
theory_gr.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
<!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>Happy Relating</title>
<link rel="shortcut icon" href="assets/images/fav.jpg">
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/fontawsom-all.min.css">
<link rel="stylesheet" href="assets/plugins/slider/css/owl.carousel.min.css">
<link rel="stylesheet" href="assets/plugins/slider/css/owl.theme.default.css">
<link rel="stylesheet" type="text/css" href="assets/css/style.css" />
</head>
<body>
<!-- ################# Header Starts Here #######################--->
<header id="menu-jk">
<button id="language-btn" class="active" onclick="toggleLanguage()">
<span id="lang-en" class="active-lang">EN</span>
<span id="lang-gr">GR</span>
</button>
<nav>
<div class="container">
<div class="row align-items-center">
<div class="col-lg-3 col-md-4 col-sm-12">
<img src="assets/images/logo.jpg" alt="Logo">
<a data-toggle="collapse" data-target="#menu" href="#menu"><i class="fas d-block d-md-none small-menu fa-bars"></i></a>
</div>
<div id="menu" class="col-lg-9 col-md-8 d-none d-md-block no-padding">
<ul class="nav">
<li><a id="home-link" href="index.html"><span>Home</span></a></li>
<li><a id="about-link" href="about_me.html"><span>About Me</span></a></li>
<li><a id="services-link" href="services.html"><span>Services</span></a></li>
<li><a id="blog-link" href="publications.html"><span>Publications</span></a></li>
<li><a id="gallery-link" href="gallery.html"><span>Gallery</span></a></li>
<li><a id="theory-link" href="theory.html"><span>Theory</span></a></li>
<li><a id="contact-link" href="contact_us.html"><span>Contact Me</span></a></li>
</ul>
</div>
</div>
</div>
</nav>
</header>
<div class="theory-header">
<h1>Η Θεωρία του Σχετίζεσθαι (Relating Theory)</h1>
</div>
<div class="theory-container">
<div class="theory-sidebar">
<ul>
<li><button onclick="scrollToUnit('unit1')">Οι άξονες και οι πόλοι του σχετίζεσθαι</button></li>
<li><button onclick="scrollToUnit('unit2')">Unit 2</button></li>
<li><button onclick="scrollToUnit('unit3')">Unit 3</button></li>
<!-- Add more units as needed -->
</ul>
</div>
<div class="theory-content">
<h1 style="color: black;">Relating Theory</h1>
<div id="unit1" class="unit">
<h2>Οι άξονες και οι πόλοι του σχετίζεσθαι</h2>
<h4>Οι δύο πόλοι</h4>
<p>Η θεωρία προτείνει ότι όλες οι ανθρώπινες σχέσεις μπορούν να αναπαρασταθούν γραφικά στους τέσσερις πόλους δύο κάθετα τεμνόμενων αξόνων. Για παράδειγμα, σχετιζόμαστε με εγγύτητα με τους ανθρώπους που νοιώθουμε οικειότητα (π.χ. οικογένεια, φίλοι) και με απόσταση με τους ξένους. Σχετιζόμαστε από θέση ισχύος με εκείνους που χρειάζεται να τους καθοδηγούμε ή να τους βοηθάμε (π.χ. με τους υφισταμένους μας, τα παιδιά μας) και από θέση αδυναμίας με εκείνους που μας καθοδηγούν ή να μας βοηθούν (π.χ. με τους προϊσταμένους μας, τους γονείς μας).</p>
<h4>Οι ενδιάμεσοι πόλοι του σχετίζεσθαι</h4>
<p>Τις περισσότερες φορές σχετιζόμαστε με ένα συνδυασμό χαρακτηριστικών από τον οριζόντιο και τον κάθετο άξονα. Δηλαδή μπορεί κάποιος να σχετίζεται ταυτόχρονα από μία θέση ισχύος και εγγύτητας, όπως για παράδειγμα κάνουν οι γονείς με τα παιδιά τους, οι οποίοι διατηρούν την ανώτερη θέση τους (καθοδηγούν), ενώ είναι τρυφεροί και προστατευτικοί με τα παιδιά τους. Αντίθετα τα παιδιά μπορεί να σχετίζονται ταυτόχρονα από θέση αδυναμίας και εγγύτητας, καθώς είναι αυτά που δέχονται την καθοδήγηση των γονιών τους, ενώ αγαπούν τους γονείς τους και νιώθουν συναισθηματικά κοντά τους. Το όνομα των τεσσάρων ΕΝΔΙΑΜΕΣΩΝ πόλων του Διαπροσωπικού Οκταγώνου προσδιορίζεται από τον συνδυασμό των δύο αξόνων:
<ul class="with-bullets">
<li>Εγγύτητα από θέση ισχύος ή ΕΘΙ,</li>
<li>Απόσταση από θέση ισχύος ή ΑΘΙ,</li>
<li>Εγγύτητα από θέση αδυναμίας ή ΕΘΑ</li>
<li>Απόσταση από θέση αδυναμίας ή ΑΘΑ</li>
</ul>
Σε αυτή την περίπτωση, στα ονόματα των τεσσάρων ΒΑΣΙΚΩΝ πόλων προστίθεται η λέξη «Ουδέτερη», με σκοπό την ένδειξη αναφοράς σε έναν άξονα μόνο
<ul class="with-bullets">
<li>Ουδέτερη Εγγύτητα ή ΟΕ,</li>
<li>Ουδέτερη Απόσταση ή ΟΑ,</li>
<li>Ουδέτερη Θέση ισχύος ή ΟΘΙ</li>
<li>Ουδέτερη Θέση αδυναμίας ή ΟΘΑ</li>
</ul>
</p>
<h4>Το Διαπροσωπικό Οκτάγωνο</h4>
<p>Η εισαγωγή των τεσσάρων ενδιάμεσων πόλων, οι οποίοι προέρχονται από τον συνδυασμό των τεσσάρων βασικών, δημιουργεί το Διαπροσωπικό Οκτάγωνο ή το Οκτάγωνο των Διαπροσωπικών Σχέσεων, στο οποίο μπορούν να αναπαρασταθούν ποσοτικά και ποιοτικά όλες οι διαπροσωπικές σχέσεις.</p>
</div>
<div id="unit2" class="unit">
<h2>Unit 2</h2>
<p>Content of Unit 2...</p>
</div>
<div id="unit3" class="unit">
<h2>Unit 3</h2>
<p>Content of Unit 3...</p>
</div>
<!-- Add more units as needed -->
</div>
</div>
<script src="assets/js/jquery-3.2.1.min.js"></script>
<script src="assets/js/popper.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/plugins/scroll-fixed/jquery-scrolltofixed-min.js"></script>
<script src="assets/plugins/slider/js/owl.carousel.min.js"></script>
<script src="assets/js/script.js"></script>
<script src="assets/js/language-toggle.js"></script>
</body>
</html>