index-test.html
parent
428c745b78
commit
c2441b4c89
File diff suppressed because it is too large
Load Diff
@ -1,409 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Have you read your contract?</title>
|
||||
|
||||
<style type="text/css">
|
||||
|
||||
|
||||
@font-face {
|
||||
font-family: "Belgika";
|
||||
src: url("http://bohyewoo.com/webfonts/belgika/belgika-40th-webfont.eot");
|
||||
src: url("http://bohyewoo.com/webfonts/belgika/belgika-40th-webfont.woff") format("woff"),
|
||||
url("http://bohyewoo.com/webfonts/belgika/belgika-40th-webfont.svg#filename") format("svg");
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "Belgika";
|
||||
src: url("http://bohyewoo.com/webfonts/belgika/belgika-16th-webfont.eot");
|
||||
src: url("http://bohyewoo.com/webfonts/belgika/belgika-16th-webfont.woff") format("woff"),
|
||||
url("http://bohyewoo.com/webfonts/belgika/belgika-16th-webfont.svg#filename") format("svg");
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "Belgika";
|
||||
src: url("http://bohyewoo.com/webfonts/belgika/belgika-8th-webfont.eot");
|
||||
src: url("http://bohyewoo.com/webfonts/belgika/belgika-8th-webfont.woff") format("woff"),
|
||||
url("http://bohyewoo.com/webfonts/belgika/belgika-8th-webfont.svg#filename") format("svg");
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "Belgika";
|
||||
src: url("http://bohyewoo.com/webfonts/belgika/belgika-5th-webfont.eot");
|
||||
src: url("http://bohyewoo.com/webfonts/belgika/belgika-5th-webfont.woff") format("woff"),
|
||||
url("http://bohyewoo.com/webfonts/belgika/belgika-5th-webfont.svg#filename") format("svg");
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "DMMono";
|
||||
src: url("http://bohyewoo.com/webfonts/DM_Mono/DMMono-Regular.ttf") format("ttf");
|
||||
}
|
||||
|
||||
|
||||
@import url('https://fonts.googleapis.com/css2?family=Anonymous+Pro:ital,wght@0,400;0,700;1,400;1,700&family=Raleway:wght@200;300;400;500&family=Source+Code+Pro:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&display=swap');
|
||||
|
||||
|
||||
.wrapper {
|
||||
background-color: black;
|
||||
/* font-family: 'Source Code Pro', monospace;*/
|
||||
font-family: 'Anonymous Pro', monospace;
|
||||
/* font-family: 'Raleway', sans-serif;
|
||||
*/ font-weight: 400;
|
||||
line-height: 1.5;
|
||||
font-size: 12pt;
|
||||
width: 100%;
|
||||
|
||||
|
||||
color: white;
|
||||
}
|
||||
|
||||
.tos {
|
||||
background-color: black;
|
||||
width: 60%;
|
||||
border: 0.5px solid black;
|
||||
outline: 4px dotted white;
|
||||
padding: 40px;
|
||||
margin: 0 auto;
|
||||
|
||||
}
|
||||
|
||||
#header {
|
||||
background-color: black;
|
||||
top: 0px;
|
||||
width: 100%;
|
||||
font-family: belgika-8th;
|
||||
font-size: 30pt;
|
||||
color: white;
|
||||
text-align: center;
|
||||
position: fixed;
|
||||
padding: 10px;
|
||||
z-index: 999;
|
||||
|
||||
/*
|
||||
border-bottom-style: solid;
|
||||
border-bottom-color: #000;
|
||||
z-index: 199;*/
|
||||
}
|
||||
|
||||
#header h1 {
|
||||
text-align: center;
|
||||
|
||||
}
|
||||
|
||||
h1, h2 {
|
||||
font-family: Belgika;
|
||||
font-size: 20pt;
|
||||
|
||||
|
||||
}
|
||||
|
||||
.title {
|
||||
font-family: Belgika;
|
||||
font-size: 20pt;
|
||||
}
|
||||
|
||||
.subtitle {
|
||||
font-family: Belgika;
|
||||
font-size: 15pt;
|
||||
}
|
||||
|
||||
a {
|
||||
font-weight: bold;
|
||||
color: white;
|
||||
border-bottom: 2px dotted white;
|
||||
text-decoration: none;
|
||||
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: red;
|
||||
border-bottom: 2px dotted red;
|
||||
text-decoration: none;
|
||||
|
||||
}
|
||||
|
||||
.text {
|
||||
font-weight: bold;
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
border-bottom: 2px dotted white;
|
||||
|
||||
}
|
||||
|
||||
.text .text-hover {
|
||||
visibility: hidden;
|
||||
width: 400px;
|
||||
font-size: 12pt;
|
||||
padding: 10px;
|
||||
background-color: white;
|
||||
color: black;
|
||||
text-align: center;
|
||||
border-radius: 6px;
|
||||
padding: 5px 0;
|
||||
|
||||
/* Position the tooltip */
|
||||
position: absolute;
|
||||
/* z-index: 1;
|
||||
*/
|
||||
top: -120px;
|
||||
right: 120%;
|
||||
}
|
||||
|
||||
|
||||
.text .text-hover-top {
|
||||
visibility: hidden;
|
||||
width: 600px;
|
||||
font-size: 12pt;
|
||||
padding: 10px;
|
||||
background-color: white;
|
||||
color: black;
|
||||
text-align: center;
|
||||
border-radius: 6px;
|
||||
padding: 5px 0;
|
||||
|
||||
/* Position the tooltip */
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
|
||||
top: -120px;
|
||||
left: 110%;
|
||||
}
|
||||
|
||||
.text .text-hover-img {
|
||||
visibility: hidden;
|
||||
/* Position the tooltip */
|
||||
position: absolute;
|
||||
color: black;
|
||||
z-index: 1;
|
||||
|
||||
top: -400px;
|
||||
right: 5%;
|
||||
}
|
||||
|
||||
|
||||
.text:hover {
|
||||
color: red;
|
||||
border-bottom: 2px dotted red;
|
||||
}
|
||||
|
||||
.text:hover .text-hover {
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
.text:hover .text-hover-top {
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
.text:hover .text-hover-img {
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
|
||||
#reference-number {
|
||||
color: blue;
|
||||
font-weight: bold;
|
||||
font-size: 11pt;
|
||||
border: none;
|
||||
|
||||
}
|
||||
|
||||
.reference-text {
|
||||
font-size: 12pt;
|
||||
color: white;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.reference-link {
|
||||
font-size: 12pt;
|
||||
border-bottom: 2px dotted white;
|
||||
}
|
||||
|
||||
.reference-link:hover {
|
||||
color: black;
|
||||
font-size: 12pt;
|
||||
border-bottom: 2px dotted white;
|
||||
}
|
||||
|
||||
|
||||
</style>
|
||||
</head>
|
||||
|
||||
|
||||
<body>
|
||||
<div class="wrapper">
|
||||
<div id="header">
|
||||
Have you read your working contract?
|
||||
</div>
|
||||
<div class="tos">
|
||||
|
||||
|
||||
<br><br><br>
|
||||
|
||||
<h1>Terms of Service</h1>
|
||||
<p>Last updated: April 28, 2020</p>
|
||||
<p>Please read these terms of service carefully before using Our service.</p><br><br>
|
||||
--------------------------------------------------------------------------------------------
|
||||
|
||||
<h1>Interpretation and Definitions</h1>
|
||||
<h2>Interpretation</h2>
|
||||
<p>The words of which the initial letter is capitalized have meanings defined under the following conditions.</p>
|
||||
<p>The following definitions shall have the same meaning regardless of whether they appear in singular or in plural.</p>
|
||||
|
||||
|
||||
<br>
|
||||
|
||||
|
||||
<h2>Definitions</h2>
|
||||
<p>For the purposes of these Terms of service:</p>
|
||||
<ul>
|
||||
<li><strong>HAVE YOU READ YOUR CONTRACT?</strong> is a modern-digital-colonial <a class="text" href="#textpublishingarchive">text publishing archive</a>, a series of word analysis that reveals the modern-colonial contexts/words in <a class="text" href="#tos">'Terms of Service (ToS)'</a>. ToS is a modern working/slavery contract in <a class="text" href="#digitalcolonialsociety">digital colonial society</a>, where big companies are dominating the power structures via ToS to deceive users. The project introduces the resemblance of <a class="text" href="#colonialtreaties">colonial treaties</a> in historical colonialism to the digital society by mapping out the whole architecture of language used in ToS comparing with historical colonial treaties.</li><br>
|
||||
|
||||
<li><a name="textpublishingarchive"></a><strong>DIGITAL TEXT PUBLISHING ARCHIVE</strong> means a digital (repository) infrastructure of text material that I desire to keep for a long-term preservation. It is evident that not much of digital material will survive<a id="reference-number" href="#1" class="text">[1]<span class="text-hover">(Zelkowitz, 2003): Advances in Computers: Information Repositories edited by Marvin Zelkowitz</span></a>. Archiving is important in digital age as a preservation tool because of perpetual changes in digital platform. This platform archives collections of related informations about my project including news articles, videos, books, tweets ... to proffer knowledges I gleaned from the web. The archive will contain different analyzations on the modern-colonial words and contexts. </li><br>
|
||||
|
||||
<li><strong>WORD ANALYSIS</strong> is very important because of <a class="text" href="#obfuscation">obfuscation of language</a> in ToS. Usually ToS are made with polite and generic language to deceive users. By using these general terms, those big tech companies try to wash their hands of responsibility and disclaim their liability to back up themselves. Similarly to the language of ToS, the terminology in treaties are phrased in an equivocally circuitous manner that it's indirect. Therefore, vernaculars used in English ToS, which has similarities to <a class="text" href="#colonialtreaties">colonial treaties</a> will be discovered by analyzing the words that were used during this period.</li><br>
|
||||
|
||||
<li><a name="obfuscation"></a><strong>OBFUSCATION OF LANGUAGE</strong>: <a class="text" href="#tos">Terms of Service</a> tend to obfuscate its meaning of contexts by having a way too long texts, so that users don't read them and just click accept. Usually, ToS are written in impenetrable legalise, intentionally vague and generic language that designed to make it impossible to deceive users. During colonial times, obfuscation of language was happening in <a class="text" href="#colonialtreaties">colonial treaties</a> as well. </li><br>
|
||||
|
||||
|
||||
<li><a name="colonialtreaties"></a><strong>COLONIAL TREATIES</strong> are known as agreements, pacts and major contracts made between countries during colonial times. It was a formally concluded agreement between a colonizer and a colony, these treaties are a binding formal agreement that establishes obligations between two or more subjects. Most of the time, colonial treaties were coercively made by a colonizer. It was very common that colonial treaties were slanted in favour of the colonizer, and pushed to sign it without knowing that sovreignty or jurisdiction will be infringed. One of the example would be, <a class="text">a treaty of Ganghwa Island<span class="text-hover-img"><img src="img/ganghwa.jpg" ></span></a> made between Japanese and Korean. They used a term called 'Unequal treaty' to refer that the treaty had generally regarded as an unequal treaty coerced by Japan. By doing so, the Empire of Japan had a full control over rullig Korean Empire <a id="reference-number" href="#2" class="text">[2]<span class="text-hover">(Duus, 1998):The Abacus and the Sword: The Japanese Penetration of Korea. University of California Press</span></a>.</li><br>
|
||||
|
||||
<li><a name="digitalcolonialsociety"></a><strong>DIGITAL COLONIAL SOCIETY</strong>: It is a concept based on <a class="text" href="#digitalsociety">a digital society <span class="text-hover">that every aspect of lives is profoundly being affected by the domination of digital technology</span></a> where user's online behavior becomes monetisable commodity to be sold by <a class="text" href="#bigcorporations">big corporations<span class="text-hover-top">giving them direct power over political, economic and cultural domains of life</span></a>, and users don't properly get paid. This ingenious ways of extracting cheap labour from users show similar ways of exploitating natural/human resources in colonial times.
|
||||
|
||||
<br><br>
|
||||
|
||||
<a class="text">(+)<span class="text-hover-top">Although it is clear that the modes, intensities, scales, and contexts of today's digital colonialism are distinctive from the historical colonialism, the underlying power structures remain the same (Couldry, 2019)</span></a> Of course, this doesn't mean that the transformation of colonialism has done fully identical. Unlike a historical colony that was bounded mostly by geographical locations, a digital colony has no physical borders. There are no geographical locations, there are only IP addresses, domain names, and user's data. Therefore, digital colonialism expands by exploiting more layers of human life itself through the use of technology (Couldry, 2019).
|
||||
|
||||
</li>
|
||||
<br>
|
||||
|
||||
<li><strong>THE IDEA OF COLONIALISM</strong> seems to be an eternal loop that comes back throughout history. It is essential not to ignore that digital colonialism is applicable to countries regardless of the history.</li><br>
|
||||
|
||||
|
||||
<li><a name="tos"></a><strong>TERMS OF SERVICE (TOS)</strong> is also known as terms of use and terms and conditions, commonly abbreviated as (ToS) are the legal agreements between a service provider and a person who wants to use that service. This means these Terms of service that form the entire agreement between You and the Company regarding the use of the service. This Terms of service agreement as been created with the help of <a href="https://app.termsfeed.com/download/free?agreement_type=TC&token=4687b8bf6d64d334e89197146ee96509">Terms of service Generator</a>.</li><br>
|
||||
|
||||
|
||||
<li><strong>COMPANY</strong> (referred to as either "the Company", "We", "Us" or "Our" in this Agreement) refers to Have You Read Your Contract?.</li><br>
|
||||
|
||||
<li><strong>COUNTRY</strong> refers to: Netherlands</li><br>
|
||||
|
||||
<li><strong>DEVICE</strong> means any device that can access the service such as a computer, a cellphone or a digital tablet.</li><br>
|
||||
|
||||
<li><strong>SERVICE</strong> refers to the Website.</li><br>
|
||||
|
||||
<li><strong>THIRD-PARTY SOCIAL MEDIA SERVICE</strong> means any services or content (including data, information, products or services) provided by a third-party that may be displayed, included or made available by the service.</li><br>
|
||||
|
||||
<li><strong>WEBSITE</strong> refers to Have You Read Your Contract?, accessible from www.haveyoureadyourcontract.com</li><br>
|
||||
|
||||
<li><strong>YOU</strong> means the individual accessing or using the service, or the company, or other legal entity on behalf of which such individual is accessing or using the service, as applicable.</li><br>
|
||||
|
||||
</ul>
|
||||
|
||||
<p class="reference-text"><a name="1"></a>[1] (Zelkowitz, 2003): <a class="reference-link" href="https://books.google.nl/books?hl=en&lr=&id=xqvv7yqtr2kC&oi=fnd&pg=PA1&dq=importance+of+knowledge+archiving&ots=9NU6J-zv88&sig=2pkfx30iXkDgFS4-wLsqT9iVs8Y#v=onepage&q=importance%20of%20knowledge%20archiving&f=false">Advances in Computers: Information Repositories edited by Marvin Zelkowitz</a></p>
|
||||
|
||||
<p class="reference-text"><a name="2"></a>[2] (Duus, 1998): The Abacus and the Sword: The Japanese Penetration of Korea. University of California Press.</p>
|
||||
|
||||
|
||||
<br><br>
|
||||
|
||||
|
||||
<h1>Contents</h1>
|
||||
<p>This archive presents the following ToS such as FaceApp, TikTok, PokemonGo, Snaptchat, Netflix, Amazon, Aibo(Sony). We also provide some historical treaties made during one's colonial era, such as ........, for you to interpret how the former might have had some similar characteristics to the latter.</p>
|
||||
|
||||
<br><br>
|
||||
|
||||
|
||||
<h1>our service</h1>
|
||||
<ul>
|
||||
<li>to contribute a platform of reading ToS. In doing so, it questions what does it mean to provide ToS in the digital corporate society.</li><br>
|
||||
<li>to question the concept of digital colonialism by providing visualization of ToS language as a modern-colonial tool to deceive users.</li><br>
|
||||
<li>to analyze ToS from major tech companies to investigate how particular terms are being used in the specific context of ToS. Because ToS platforms have different tones of voice, different words are being used. How does the platforms have modern-colonial aspects in ToS?</li><br>
|
||||
<li>to examine what is modern-colonial language by taking a closer look on words within the realm of ToS. This provides categorization of modern-colonial language into digital colonial glossary.</li><br>
|
||||
<li></li><br>
|
||||
<li></li><br>
|
||||
<li></li><br>
|
||||
<li></li><br>
|
||||
<li></li><br>
|
||||
<li></li><br>
|
||||
<li></li><br>
|
||||
|
||||
</ul>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<h1>Acknowledgement</h1>
|
||||
<p>These are the Terms of service governing the use of this service and the agreement that operates between You and the Company. These Terms of service set out the rights and obligations of all users regarding the use of the service.</p>
|
||||
<p>Your access to and use of the service is conditioned on Your acceptance of and compliance with these Terms of service. These Terms of service apply to all visitors, users and others who access or use the service.</p>
|
||||
<p>By accessing or using the service You agree to be bound by these Terms of service. If You disagree with any part of these Terms of service then You may not access the service.</p>
|
||||
<p>You represent that you are over the age of 18. The Company does not permit those under 18 to use the service.</p>
|
||||
<p>Your access to and use of the service is also conditioned on Your acceptance of and compliance with the Privacy Policy of the Company. Our Privacy Policy describes Our policies and procedures on the collection, use and disclosure of Your personal information when You use the Application or the Website and tells You about Your privacy rights and how the law protects You. Please read Our Privacy Policy carefully before using Our service.</p>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<h1>Links to Other Websites</h1>
|
||||
<p>Our service may contain links to third-party web sites or services that are not owned or controlled by the Company.</p>
|
||||
<p>The Company has no control over, and assumes no responsibility for, the content, privacy policies, or practices of any third party web sites or services. You further acknowledge and agree that the Company shall not be responsible or liable, directly or indirectly, for any damage or loss caused or alleged to be caused by or in connection with the use of or reliance on any such content, goods or services available on or through any such web sites or services.</p>
|
||||
<p>We strongly advise You to read the terms of service and privacy policies of any third-party web sites or services that You visit.</p>
|
||||
|
||||
<h1>Termination</h1>
|
||||
<p>We may terminate or suspend Your access immediately, without prior notice or liability, for any reason whatsoever, including without limitation if You breach these Terms of service.</p>
|
||||
<p>Upon termination, Your right to use the service will cease immediately.</p>
|
||||
|
||||
<h1>Limitation of Liability</h1>
|
||||
<p>Notwithstanding any damages that You might incur, the entire liability of the Company and any of its suppliers under any provision of this Terms and Your exclusive remedy for all of the foregoing shall be limited to the amount actually paid by You through the service or 100 USD if You haven't purchased anything through the service.</p>
|
||||
<p>To the maximum extent permitted by applicable law, in no event shall the Company or its suppliers be liable for any special, incidental, indirect, or consequential damages whatsoever (including, but not limited to, damages for loss of profits, loss of data or other information, for business interruption, for personal injury, loss of privacy arising out of or in any way related to the use of or inability to use the service, third-party software and/or third-party hardware used with the service, or otherwise in connection with any provision of this Terms), even if the Company or any supplier has been advised of the possibility of such damages and even if the remedy fails of its essential purpose.</p>
|
||||
<p>Some states do not allow the exclusion of implied warranties or limitation of liability for incidental or consequential damages, which means that some of the above limitations may not apply. In these states, each party's liability will be limited to the greatest extent permitted by law.</p>
|
||||
|
||||
<h1>"AS IS" and "AS AVAILABLE" Disclaimer</h1>
|
||||
<p>The service is provided to You "AS IS" and "AS AVAILABLE" and with all faults and defects without warranty of any kind. To the maximum extent permitted under applicable law, the Company, on its own behalf and on behalf of its Affiliates and its and their respective licensors and service providers, expressly disclaims all warranties, whether express, implied, statutory or otherwise, with respect to the service, including all implied warranties of merchantability, fitness for a particular purpose, title and non-infringement, and warranties that may arise out of course of dealing, course of performance, usage or trade practice. Without limitation to the foregoing, the Company provides no warranty or undertaking, and makes no representation of any kind that the service will meet Your requirements, achieve any intended results, be compatible or work with any other software, applications, systems or services, operate without interruption, meet any performance or reliability standards or be error free or that any errors or defects can or will be corrected.</p>
|
||||
<p>Without limiting the foregoing, neither the Company nor any of the company's provider makes any representation or warranty of any kind, express or implied: (i) as to the operation or availability of the service, or the information, content, and materials or products included thereon; (ii) that the service will be uninterrupted or error-free; (iii) as to the accuracy, reliability, or currency of any information or content provided through the service; or (iv) that the service, its servers, the content, or e-mails sent from or on behalf of the Company are free of viruses, scripts, trojan horses, worms, malware, timebombs or other harmful components.</p>
|
||||
<p>Some jurisdictions do not allow the exclusion of certain types of warranties or limitations on applicable statutory rights of a consumer, so some or all of the above exclusions and limitations may not apply to You. But in such a case the exclusions and limitations set forth in this section shall be applied to the greatest extent enforceable under applicable law.</p>
|
||||
|
||||
<h1>Governing Law</h1>
|
||||
<p>The laws of the Country, excluding its conflicts of law rules, shall govern this Terms and Your use of the service. Your use of the Application may also be subject to other local, state, national, or international laws.</p>
|
||||
|
||||
<h1>Disputes Resolution</h1>
|
||||
<p>If You have any concern or dispute about the service, You agree to first try to resolve the dispute informally by contacting the Company.</p>
|
||||
|
||||
<h1>For European Union (EU) Users</h1>
|
||||
<p>If You are a European Union consumer, you will benefit from any mandatory provisions of the law of the country in which you are resident in.</p>
|
||||
|
||||
|
||||
<h1>United States Legal Compliance</h1>
|
||||
<p>You represent and warrant that (i) You are not located in a country that is subject to the United States government embargo, or that has been designated by the United States government as a "terrorist supporting" country, and (ii) You are not listed on any United States government list of prohibited or restricted parties.</p>
|
||||
|
||||
<h1>Severability and Waiver</h1>
|
||||
<h2>Severability</h2>
|
||||
<p>If any provision of these Terms is held to be unenforceable or invalid, such provision will be changed and interpreted to accomplish the objectives of such provision to the greatest extent possible under applicable law and the remaining provisions will continue in full force and effect.</p>
|
||||
|
||||
<h2>Waiver</h2>
|
||||
<p>Except as provided herein, the failure to exercise a right or to require performance of an obligation under this Terms shall not effect a party's ability to exercise such right or require such performance at any time thereafter nor shall be the waiver of a breach constitute a waiver of any subsequent breach.</p>
|
||||
|
||||
<h1>Translation Interpretation</h1>
|
||||
<p>These Terms of service may have been translated if We have made them available to You on our service.</p>
|
||||
<p>You agree that the original English text shall prevail in the case of a dispute.</p>
|
||||
|
||||
<h1>Changes to These Terms of service</h1>
|
||||
<p>We reserve the right, at Our sole discretion, to modify or replace these Terms at any time. If a revision is material We will make reasonable efforts to provide at least 30 days' notice prior to any new terms taking effect. What constitutes a material change will be determined at Our sole discretion.</p>
|
||||
<p>By continuing to access or use Our service after those revisions become effective, You agree to be bound by the revised terms. If You do not agree to the new terms, in whole or in part, please stop using the website and the service.</p>
|
||||
|
||||
<h1>Contact Us</h1>
|
||||
<p>If you have any questions about these Terms of service, You can contact us:</p>
|
||||
|
||||
<ul>
|
||||
<li>By email: haveyoureadyourcontract@gmail.com</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
File diff suppressed because one or more lines are too long
@ -0,0 +1,95 @@
|
||||
|
||||
$('.agreement').click(function(){
|
||||
var word = $(this).text();
|
||||
alert(word);
|
||||
});
|
||||
|
||||
|
||||
|
||||
$('.chosen_words').hover(function(){
|
||||
var word = $(this).text();
|
||||
toggleClass(word);
|
||||
});
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
$('.agreement').hover(function(){
|
||||
$( this ).css('background-color', 'pink');
|
||||
}).;
|
||||
|
||||
|
||||
$('div').hover(function() {
|
||||
$(this).attr(class).css('border','2px solid red');
|
||||
}, function() {
|
||||
$(this).attr(class).css('border',' ');
|
||||
|
||||
});
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
$(document).ready(function() {
|
||||
|
||||
$('div').hover(function() {
|
||||
$(this).attr(class).css('border','2px solid red');
|
||||
}, function() {
|
||||
$(this).attr(class).css('border',' ');
|
||||
|
||||
});
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
var highlight = document.getElementsByClassName("agreement");
|
||||
|
||||
for (var i = 0; i < highlight.length; i++) {
|
||||
highlight[i].addEventListener("mouseover", highlightThem);
|
||||
highlight[i].addEventListener("mouseout", DontHighlightThem);
|
||||
}
|
||||
|
||||
function highlightThem() {
|
||||
for (var i = 0; i < highlight.length; i++) {
|
||||
highlight[i].classList.add("highlight");
|
||||
}
|
||||
}
|
||||
function DontHighlightThem() {
|
||||
for (var i = 0; i < highlight.length; i++) {
|
||||
highlight[i].classList.remove("highlight");
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
#image click
|
||||
|
||||
|
||||
|
||||
var images = document.querySelectorAll('.img');
|
||||
|
||||
for (var i=0; i < images.length; i++) {
|
||||
images[i].addEventListener('click', function () {
|
||||
if (this.parentElement && this.parentElement.tagName.toLowerCase() == 'div') {
|
||||
this.parentElement.classList.toggle('img_clicked');
|
||||
} else {
|
||||
this.classList.toggle('img_clicked');
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
Loading…
Reference in New Issue