Add all static website files.

This commit is contained in:
2020-12-14 20:07:31 +09:00
parent 96d04f0f3f
commit 422ee2fd23
136 changed files with 23212 additions and 0 deletions

313
static/Association.html Normal file
View File

@@ -0,0 +1,313 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Association</title>
<script language="JavaScript" type="text/JavaScript" src="Res/code/shared.js"></script>
<script language="JavaScript" type="text/JavaScript" src="Res/code/boxController.js"></script>
<script language="JavaScript" type="text/JavaScript" src="Res/code/boxSettings.js"></script>
<script language="JavaScript" type="text/JavaScript" src="Res/tree/tree.js"></script>
<script language="JavaScript" type="text/JavaScript" src="Res/tree/tree_items.js"></script>
<script language="JavaScript" type="text/JavaScript" src="Res/tree/tree_tpl.js"></script>
<link href="Res/styles/shared.css" rel="stylesheet" type="text/css">
<link href="Res/styles/DynamicOutline.css" rel="stylesheet" type="text/css">
</head>
<body id="page" onload="init()">
<!-- BEGIN PAGE HEADER -->
<table id="pageHeader">
<tr>
<td class="left" rowspan="3">
<a class="noHover" href="index.html" target="_parent">
<img src="Res/images/logo.gif" alt=""></a>
</td>
<td class="right">
<!-- BEGIN TOOLS UTILITIES-->
<div class="utilities">
<span class="command">
<a href="index.html" target="_parent">
<span class="label">Home</span>
</a>
</span>
<span class="utilities_toc">
|
<span class="command">
<a href="contents.htm" target="_parent">
<span class="label">Table of Contents</span>
</a>
</span>
</span>
<!-- BEGIN HEADER UTILITIES OVERVIEW SNIPPET -->
|
<span class="command">
<a href="map.htm" target="_parent">
<span class="label">Overview Map</span>
</a>
</span>
<!-- END HEADER UTILITIES OVERVIEW SNIPPET -->
<!-- BEGIN HEADER UTILITIES LEGEND SNIPPET -->
|
<span class="command">
<a href="javascript:openPopup('legend.htm','Legend','scrollbars=yes,resizable=yes,left=20,top=20,width=240,height=450')">
<span class="label">Icon Legend</span>
</a>
</span>
<!-- END HEADER UTILITIES LEGEND SNIPPET -->
</div>
<!-- END TOOLS UTILITIES-->
</td>
</tr>
<tr>
<td class="right">
<div class="mapName">EQnomy</div>
</td>
</tr>
<tr>
<td class="right">
<div class="contactInformation">Mob.: +31 (0)6 295 26 884&nbsp;&nbsp;<a href="mailto:paul.jansen@pibuckle.com">paul.jansen@pibuckle.com</a></div>
</td>
</tr>
</table>
<!-- END PAGE HEADER -->
<!-- BEGIN PAGE BODY-->
<!-- BEGIN SIDE NAVIGATION WRAPPER-->
<table>
<tr>
<td class="outlineColumn">
<!-- Ensure minimum width of outline-->
<img class="emptyImage" src="Res/images/empty.gif"
width="190" height="1" alt="">
<!-- DYNAMIC OUTLINE - START -->
<div class="dynamicOutline">
<div class="tree" style="padding: 5px;">
<script language="JavaScript" type="text/JavaScript">new tree (TREE_ITEMS, TREE_TPL);</script>
</div>
</div>
<!-- DYNAMIC OUTLINE - END -->
</td>
<td class="bodyColumn">
<!-- END SIDE NAVIGATION WRAPPER-->
<table id="pageBody">
<col class="main">
<col class="right">
<!-- BEGIN BREADCRUMBS-->
<tr id="breadcrumbsAndPageNavigation">
<td class="breadcrumbs" valign="top">
<!-- BEGIN NAVIGATION BREADCRUMBS ITEM-->
<span class="breadcrumb">
<a href="index.html">Home</a>
<span class="separator">&gt;</span>
</span>
<!-- END NAVIGATION BREADCRUMBS ITEM-->
<!-- BEGIN NAVIGATION BREADCRUMBS ITEM-->
<span class="breadcrumb">
<a href="GeneralBasics(Popular).html">6. General Basics (Popular)</a>
<span class="separator">&gt;</span>
</span>
<!-- END NAVIGATION BREADCRUMBS ITEM-->
<!-- BEGIN NAVIGATION BREADCRUMBS HERE-->
<span class="breadcrumb">
6.4 Association
</span>
<!-- END NAVIGATION BREADCRUMBS HERE-->
</td>
<td class="pageNavigation" valign="top">
<!-- START PAGE NAVIGATION NEXT IN SEQUENCE IMAGES -->
<span class="commands">
<span class="command">
<img src="Res/images/previous_button.gif" alt=""> <a href="EmotionalIntelligence.html">
<span class="label">Previous</span></a>
</span>
&nbsp;&nbsp;
<span class="command">
<a href="Empathy.html">
<span class="label">Next</span></a> <img src="Res/images/next_button.gif" alt="">
</span>
</span>
<!-- END PAGE NAVIGATION NEXT IN SEQUENCE IMAGES -->
</td>
<td class="right" valign="top">
</td>
</tr>
<!-- END BREADCRUMBS-->
<tr class="topic">
<td class="main" valign="top" colspan="2">
<div class="body">
<div class="topicDivider">
</div>
</div>
</td>
<td class="right" valign="top">
<!--right body column empty-->
</td>
</tr>
<!--BEGIN PAGE BODY ITEM-->
<tr class="topic">
<td class="main" valign="top" colspan="2">
<table>
<tr class="topicHeader">
<td class="topicImageColumn">
</td>
<td class="topicLineColumn">
<a name="Topic14"></a>
<span class=outlineNumberFirst>6.4 </span><span class=topicLineFirst>Association</span>
<span class="topicIcons">
</span>
</td>
</tr>
</table>
<div class="topicTextNotes"><div align="left"><font face="Times New Roman" size="3"><span style="font-size:12pt">An interesting
phenomenon is that when we put ourselves mentally into a person or situation,
we experience the emotions of that person more strongly.</span></font><span></span></div>
<div align="left"><font face="Times New Roman" size="5"><span style="font-size:18pt"><b>Putting yourself
in the picture</b></span></font><span></span></div>
<div align="left"><font face="Times New Roman" size="4"><span style="font-size:14pt"><b>Personal history</b></span></font><span></span></div>
<div align="left"><font face="Times New Roman" size="3"><span style="font-size:12pt">Take an emotional
experience from your past, and think back to that time. Put yourself in the
picture, so you are re-living the experience (not standing back or looking down on yourself).
See the situation 'through your own eyes'.</span></font><span></span></div>
<div align="left"><font face="Times New Roman" size="3"><span style="font-size:12pt">Doing this, you
will most likely re-experience to some extent the emotions you felt at the time. If
you looked at a strong negative experience you might even have felt tears coming to your eyes.</span></font><span></span></div>
<div align="left"><font face="Times New Roman" size="4"><span style="font-size:14pt"><b>Empathizing</b></span></font><span></span></div>
<div align="left"><font face="Times New Roman" size="3"><span style="font-size:12pt">We can do the same
with other people - when we </span></font><a href="Empathy.html#Topic15" ><font face="Times New Roman" size="3"><span
style="font-size:12pt">empathize</span></font></a><font face="Times New Roman" size="3"><span style="font-size:12pt">
with them, we are putting
ourselves into their body and their experiences. By associating ourselves closely with them, we
experience what they experience and feel what they feel.</span></font><span></span></div>
<div align="left"><font face="Times New Roman" size="5"><span style="font-size:18pt"><b>Standing back</b></span></font><span></span></div>
<div align="left"><font face="Times New Roman" size="3"><span style="font-size:12pt">The reverse of
association is dissociation. Take that same emotional experience and now move
to a position above the scene, so you can see yourself in it. You will now most likely
experience the emotion far less.</span></font><span></span></div>
<div align="left"><font face="Times New Roman" size="3"><span style="font-size:12pt">Many people manage
life in this detached way. They detach themselves from others and even
themselves, living in a safe, unemotional place where they can look down on the world and
coolly evaluate it.</span></font><span></span></div>
<div align="left"><font face="Times New Roman" size="6"><span style="font-size:24pt"><b>So what?</b></span></font><span></span></div>
<div align="left"><font face="Times New Roman" size="3"><span style="font-size:12pt">Therapists use
this phenomenon either to help clients re-live experiences or to help them detach
themselves from painful emotions.</span></font><span></span></div>
<div align="left"><font face="Times New Roman" size="3"><span style="font-size:12pt">This can also be
used to help others to change moods. If they are empathetic (as we mostly
are, to some extent), then if then if you change your emotional state then they may well follow
you, especially if you have connected them to you beforehand by first empathizing with them.</span></font><span></span></div></div>
<!--START RELATED-->
<div class="relatedSection">
<!--START ONE RELATED SECIONT -->
<div class="oneRelatedSection">
<div class="relatedSectionHeader">See also: </div>
<div class="relatedSectionBody">
<!--BEGIN SNIPPET RELATIONSHIP CALLOUT TEXT HYPERLINK-->
<div class="relatedItem">
<span class="relatedItemBullet">
<img src="Res/images/arrow.gif" alt="">
</span>
<a class="topicHyperlink"
href="Empathy.html"
target="">Empathy</a>
</div>
<!--END SNIPPET RELATIONSHIP CALLOUT TEXT HYPERLINK -->
</div>
</div>
<!--END ONE RELATED SECIONT-->
</div>
<!--END RELATED-->
</td>
<td class="right" valign="top">
<!--right body column empty-->
</td>
</tr>
<!--END PAGE BODY ITEM-->
<!-- BEGIN TOP BUTTON -->
<tr class="topic">
<td class="main" valign="top" colspan="2">
<div class="body">
<div class="topCommand">
<span class="commands">
<span class="command">
<img src="Res/images/top_button.gif" alt="">
<a href="javascript:scroll(0,0)">
<span class="label">Top</span>
</a>
</span>
</span>
</div>
</div>
</td>
<td class="right" valign="top">
<!--right body column empty-->
</td>
</tr>
<!-- END TOP BUTTON -->
</table>
<!-- BEGIN SIDE NAVIGATION WRAPPER-->
</td>
</tr>
</table>
<!-- END SIDE NAVIGATION WRAPPER-->
<!-- END PAGE BODY-->
<!---BEGIN FOOTER-->
<table id="pageFooter">
<tr>
<!-- reserved for image <td class="left" rowspan="2"></td>-->
<td class="center" rowspan="2">
<div class="footerText">Dissertation of Paul L. Jansen Ph.D., MBA</div>
</td>
<td class="right">
<div class="hyperlink">
<span>
<a href="http://www.pibuckle.com" target="_blank">Part of the Pibuckle website</a>
</span>
</div>
</td>
</tr>
<tr>
<td class="right">
<div class="lastUpdated">
<span>Last updated:</span>
<span>19-8-2005</span>
</div>
</td>
</tr>
<tr>
<td></td>
</tr>
</table>
<!---END FOOTER-->
</body>
</html>