Hugging Face's logo

Spaces:
lovodkin93
/
FuseReviews
Sleeping

App Files Community
1
lovodkin93 commited on
Commit
2254e2a
•
1 Parent(s): 30a653c

Upload 343 files

Browse files
This view is limited to 50 files because it contains too many changes.   See raw diff
Files changed (50) hide show
  1. html_files/train/CocoTrip-test_comm-inst_0_a_summ_0.html +135 -0
  2. html_files/train/CocoTrip-test_comm-inst_0_a_summ_1.html +135 -0
  3. html_files/train/CocoTrip-test_comm-inst_0_a_summ_2.html +135 -0
  4. html_files/train/CocoTrip-test_comm-inst_0_b_summ_0.html +135 -0
  5. html_files/train/CocoTrip-test_comm-inst_0_b_summ_1.html +135 -0
  6. html_files/train/CocoTrip-test_comm-inst_0_b_summ_2.html +135 -0
  7. html_files/train/CocoTrip-test_comm-inst_2_a_summ_0.html +135 -0
  8. html_files/train/CocoTrip-test_comm-inst_2_a_summ_1.html +135 -0
  9. html_files/train/CocoTrip-test_comm-inst_2_a_summ_2.html +135 -0
  10. html_files/train/CocoTrip-test_comm-inst_2_b_summ_0.html +135 -0
  11. html_files/train/CocoTrip-test_comm-inst_2_b_summ_1.html +135 -0
  12. html_files/train/CocoTrip-test_comm-inst_2_b_summ_2.html +135 -0
  13. html_files/train/CocoTrip-test_comm-inst_3_a_summ_0.html +135 -0
  14. html_files/train/CocoTrip-test_comm-inst_3_a_summ_1.html +135 -0
  15. html_files/train/CocoTrip-test_comm-inst_3_a_summ_2.html +135 -0
  16. html_files/train/CocoTrip-test_comm-inst_3_b_summ_0.html +135 -0
  17. html_files/train/CocoTrip-test_comm-inst_3_b_summ_1.html +135 -0
  18. html_files/train/CocoTrip-test_comm-inst_3_b_summ_2.html +135 -0
  19. html_files/train/CocoTrip-test_comm-inst_6_a_summ_0.html +135 -0
  20. html_files/train/CocoTrip-test_comm-inst_6_a_summ_1.html +135 -0
  21. html_files/train/CocoTrip-test_comm-inst_6_a_summ_2.html +135 -0
  22. html_files/train/CocoTrip-test_comm-inst_6_b_summ_0.html +135 -0
  23. html_files/train/CocoTrip-test_comm-inst_6_b_summ_1.html +135 -0
  24. html_files/train/CocoTrip-test_comm-inst_6_b_summ_2.html +135 -0
  25. html_files/train/CocoTrip-test_comm-inst_7_a_summ_0.html +135 -0
  26. html_files/train/CocoTrip-test_comm-inst_7_a_summ_1.html +135 -0
  27. html_files/train/CocoTrip-test_comm-inst_7_a_summ_2.html +135 -0
  28. html_files/train/CocoTrip-test_comm-inst_7_b_summ_0.html +135 -0
  29. html_files/train/CocoTrip-test_comm-inst_7_b_summ_1.html +135 -0
  30. html_files/train/CocoTrip-test_comm-inst_7_b_summ_2.html +135 -0
  31. html_files/train/CocoTrip-test_cont-inst_0_a_summ_0.html +135 -0
  32. html_files/train/CocoTrip-test_cont-inst_0_a_summ_1.html +135 -0
  33. html_files/train/CocoTrip-test_cont-inst_0_a_summ_2.html +135 -0
  34. html_files/train/CocoTrip-test_cont-inst_0_b_summ_0.html +135 -0
  35. html_files/train/CocoTrip-test_cont-inst_0_b_summ_1.html +135 -0
  36. html_files/train/CocoTrip-test_cont-inst_0_b_summ_2.html +135 -0
  37. html_files/train/CocoTrip-test_cont-inst_2_a_summ_0.html +135 -0
  38. html_files/train/CocoTrip-test_cont-inst_2_a_summ_1.html +135 -0
  39. html_files/train/CocoTrip-test_cont-inst_2_a_summ_2.html +135 -0
  40. html_files/train/CocoTrip-test_cont-inst_2_b_summ_0.html +135 -0
  41. html_files/train/CocoTrip-test_cont-inst_2_b_summ_1.html +135 -0
  42. html_files/train/CocoTrip-test_cont-inst_2_b_summ_2.html +135 -0
  43. html_files/train/CocoTrip-test_cont-inst_3_a_summ_0.html +135 -0
  44. html_files/train/CocoTrip-test_cont-inst_3_a_summ_1.html +135 -0
  45. html_files/train/CocoTrip-test_cont-inst_3_a_summ_2.html +135 -0
  46. html_files/train/CocoTrip-test_cont-inst_3_b_summ_0.html +135 -0
  47. html_files/train/CocoTrip-test_cont-inst_3_b_summ_1.html +135 -0
  48. html_files/train/CocoTrip-test_cont-inst_3_b_summ_2.html +135 -0
  49. html_files/train/CocoTrip-test_cont-inst_6_a_summ_0.html +135 -0
  50. html_files/train/CocoTrip-test_cont-inst_6_a_summ_1.html +135 -0
html_files/train/CocoTrip-test_comm-inst_0_a_summ_0.html ADDED
@@ -0,0 +1,135 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+
2
+ <!DOCTYPE html>
3
+ <html lang="en">
4
+ <head>
5
+ <meta charset="UTF-8">
6
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
+ <title>Document Review</title>
8
+ <style>
9
+ body {
10
+ font-family: Arial, sans-serif;
11
+ display: flex;
12
+ justify-content: center; /* This will center the .reviews container on the screen */
13
+ align-items: flex-start;
14
+ height: 100vh;
15
+ margin: 2px; /* Remove default margin */
16
+ }
17
+
18
+ .highlight { background-color: yellow;
19
+ color: black !important; /* Dark grey for muted text */
20
+ cursor: pointer;}
21
+ .not-hover-highlight { background-color: lightyellow;
22
+ color: #606060 !important; /* Dark grey for muted text */}
23
+ .summary {
24
+ width: 50%;
25
+ font-size: 1.0rem;
26
+ padding: 10px;
27
+ height: 100vh; /* Maximum height to a third of the viewport height */
28
+ background-color: #9e9e9e0a;
29
+ }
30
+ .reviews {
31
+ width: 50%;
32
+ font-size: 0.7rem;
33
+ display: flex;
34
+ flex-wrap: wrap;
35
+ padding: 10px;
36
+ max-height: 100vh; /* Maximum height to a third of the viewport height */
37
+ overflow-y: auto; /* Enable vertical scrolling */
38
+ background-color: #9e9e9e0a; /* Light grey background */
39
+ }
40
+ .text-box {
41
+ width: calc(100% - 20px); /* Adjust based on padding */
42
+ margin: 10px;
43
+ padding: 10px;
44
+ background-color: #9e9e9e0a; /* Light grey background */
45
+ color: #606060bf;
46
+ border: 2px solid #ddd; /* Cartoonish border */
47
+ border-radius: 20px; /* Rounded corners for cartoonish effect */
48
+ position: relative;
49
+ box-shadow: 3px 3px #bbb; /* Soft shadow for depth */
50
+ }
51
+ .text-box:before {
52
+ content: '';
53
+ position: absolute;
54
+ right: 100%;
55
+ bottom: 20%;
56
+ border-top: 10px solid transparent;
57
+ border-bottom: 10px solid transparent;
58
+ border-right: 10px solid #ddd; /* Arrow matching the border */
59
+ }
60
+ .summary-box {
61
+ padding: 10px;
62
+ margin: 10px 0;
63
+ background-color: #e6e6fa; /* Lavender background for a pleasant look */
64
+ border: 1px solid #ddd; /* Light border for definition */
65
+ border-radius: 5px; /* Slightly rounded corners */
66
+ box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* Soft shadow for depth */
67
+ cursor: pointer;
68
+ }
69
+ h4 { margin-top: 0; }
70
+ </style>
71
+ </head>
72
+ <body>
73
+ <div class='column reviews'><h2>Reviews</h2><div class='text-box'>I have stayed in this hotel for 10 days for the second time and will definetely be back again! Apart from <span class='review-span highlight' data-aligned-summaries='1'>hotels excellent location ( it's near all sightseeing places</span> ) the rooms were cozy and <span class='review-span highlight' data-aligned-summaries='0'>staff friendly and ready to help</span> me with connecting my laptop to the wireless internet, to give me advice where to go and which trasport to catch. Beside fluent English and Turkish they speak all ex-Yu languages ( Serbian, Croatian, Macedonian, Bosnian ) so it is very convinient for people from these countries to stay there. Room service was quick ( beverages only ) , towels changed daily and room and bathroom kept perfectly clean -spotless! Definetely coming back here when I come back to Istanbul for some leather jackets shopping :) and this time bringing friends as well ! Miljana Jovanovic</div><div class='text-box'>Excellent money/value hotel, <span class='review-span highlight' data-aligned-summaries='0'>breakfast included</span>. <span class='review-span highlight' data-aligned-summaries='1'>Location is great just opposite of Grand Bazar in quite street</span>, good for tourist who want to stay close to everything. If you are one of us, looking for a cheap stay, and you look for very clean and secure hotel/hostel this is a great choice. Rooms are comfortable, especially those on 6th floor. The only minus is that you have only one way transfer, if you choose airport pickup as we did, you have to pay for transfer to the airport, but fortunately this is not a big problem while they have pretty cheap taxi's there in Istanbul :-). All in all, really worth every cent. Great job guys. Greetings from Croatia.</div><div class='text-box'>We stayed here for several nights in mid March. The rooms were clean and comfortable, free internet access in the lobby and <span class='review-span highlight' data-aligned-summaries='0'>a tasty breakfast in the morning</span>. <span class='review-span highlight' data-aligned-summaries='1'>Great location in the old city</span>. Right near the Grand Bazaar, and walking distance to Haggia Sophia and the Blue Mosque.The only issue we had was the cigarette smoke from the lobby constantly drifted into our room. We had to put a damp towel under the door. For 35 Euro's per night - it was well worth it.</div><div class='text-box'>my wife and I stayed 3 weeks there. do we need to add more.? of course you might find better somewhere but more expensive, but you will for sure find lot worst at same price <span class='review-span highlight' data-aligned-summaries='1'>The hotel is very well located</span> , close to grand Bazaar and blue mosque but also seashore where we could go for a run <span class='review-span highlight' data-aligned-summaries='0'>the staff was very friendly</span> and gave us on 6 floor a room with view on the Bosphorus at a attractive price so I will be back there when back to Isatnbul</div><div class='text-box'>Booked in Inter Hotel last August 2009 but <span class='review-span highlight' data-aligned-summaries='0'>had to cancel</span> after a month due to work load. I just sent them an email <span class='review-span highlight' data-aligned-summaries='0'>and they returned my Deposit</span> of 25 Euros to my credit card. <span class='review-span highlight' data-aligned-summaries='0'>Other hotels will not do that</span>! Will definitely book again in this hotel because I read a lot of satisfied guests. I also want to experience what they experienced from staying in INTER HOTEL. Thank you guys!</div><div class='text-box'>The hotel is not only a <span class='review-span highlight' data-aligned-summaries='1'>convenient location</span>, but very clean and very comfortable. The <span class='review-span highlight' data-aligned-summaries='0'>staff are friendly</span> and <span class='review-span highlight' data-aligned-summaries='0'>the breakfast delicious</span>. Very reasonable rates and altogether a good place to stay which is situated 5 mins from the Grand Bazaar and the tram. I have been before and will stay there again without a doubt.</div><div class='text-box'>very good service, <span class='review-span highlight' data-aligned-summaries='0'>staff is very friendly</span> and helping, pick and dropp of when you stay few days, free internet ( for me very important), near to meny historical places.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>The breakfast was excelent</span>, <span class='review-span highlight' data-aligned-summaries='0'>very friendly and helpful staff</span>, clean rooms, and well worth the price. I would stay here again and again.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">The hotel had a great breakfast provided and the staff were always friendly.</span> <span id="1" class="summary-sentence">The location is ideal.</span></div></div>
74
+ <script>
75
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
76
+ sentence.addEventListener('mouseenter', function() {
77
+ const summaryId = this.getAttribute('id');
78
+ document.querySelectorAll('.review-span').forEach(span => {
79
+ if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
80
+ span.classList.remove('highlight');
81
+ span.classList.add('not-hover-highlight');
82
+ }
83
+ });
84
+ this.classList.add('highlight');
85
+ });
86
+
87
+ sentence.addEventListener('mouseleave', function() {
88
+ const summaryId = this.getAttribute('id');
89
+ document.querySelectorAll('.review-span').forEach(span => {
90
+ if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
91
+ span.classList.remove('not-hover-highlight');
92
+ span.classList.add('highlight');
93
+ }
94
+ this.classList.remove('highlight');
95
+ });
96
+ });
97
+ });
98
+
99
+ document.querySelectorAll('.review-span').forEach(span => {
100
+ span.addEventListener('mouseenter', function() {
101
+ document.querySelectorAll('.review-span').forEach(span => {
102
+ if (span !== this) {
103
+ span.classList.remove('highlight');
104
+ span.classList.add('not-hover-highlight');
105
+ }
106
+ });
107
+ const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
108
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
109
+ if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
110
+ sentence.classList.add('highlight');
111
+ }
112
+ });
113
+ });
114
+ });
115
+
116
+ document.querySelectorAll('.review-span').forEach(span => {
117
+ span.addEventListener('mouseleave', function() {
118
+ const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
119
+ document.querySelectorAll('.review-span').forEach(span => {
120
+ if (span !== this) {
121
+ span.classList.remove('not-hover-highlight');
122
+ span.classList.add('highlight');
123
+ }
124
+ });
125
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
126
+ if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
127
+ sentence.classList.remove('highlight');
128
+ }
129
+ });
130
+ });
131
+ });
132
+
133
+ </script>
134
+ </body>
135
+ </html>
html_files/train/CocoTrip-test_comm-inst_0_a_summ_1.html ADDED
@@ -0,0 +1,135 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+
2
+ <!DOCTYPE html>
3
+ <html lang="en">
4
+ <head>
5
+ <meta charset="UTF-8">
6
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
+ <title>Document Review</title>
8
+ <style>
9
+ body {
10
+ font-family: Arial, sans-serif;
11
+ display: flex;
12
+ justify-content: center; /* This will center the .reviews container on the screen */
13
+ align-items: flex-start;
14
+ height: 100vh;
15
+ margin: 2px; /* Remove default margin */
16
+ }
17
+
18
+ .highlight { background-color: yellow;
19
+ color: black !important; /* Dark grey for muted text */
20
+ cursor: pointer;}
21
+ .not-hover-highlight { background-color: lightyellow;
22
+ color: #606060 !important; /* Dark grey for muted text */}
23
+ .summary {
24
+ width: 50%;
25
+ font-size: 1.0rem;
26
+ padding: 10px;
27
+ height: 100vh; /* Maximum height to a third of the viewport height */
28
+ background-color: #9e9e9e0a;
29
+ }
30
+ .reviews {
31
+ width: 50%;
32
+ font-size: 0.7rem;
33
+ display: flex;
34
+ flex-wrap: wrap;
35
+ padding: 10px;
36
+ max-height: 100vh; /* Maximum height to a third of the viewport height */
37
+ overflow-y: auto; /* Enable vertical scrolling */
38
+ background-color: #9e9e9e0a; /* Light grey background */
39
+ }
40
+ .text-box {
41
+ width: calc(100% - 20px); /* Adjust based on padding */
42
+ margin: 10px;
43
+ padding: 10px;
44
+ background-color: #9e9e9e0a; /* Light grey background */
45
+ color: #606060bf;
46
+ border: 2px solid #ddd; /* Cartoonish border */
47
+ border-radius: 20px; /* Rounded corners for cartoonish effect */
48
+ position: relative;
49
+ box-shadow: 3px 3px #bbb; /* Soft shadow for depth */
50
+ }
51
+ .text-box:before {
52
+ content: '';
53
+ position: absolute;
54
+ right: 100%;
55
+ bottom: 20%;
56
+ border-top: 10px solid transparent;
57
+ border-bottom: 10px solid transparent;
58
+ border-right: 10px solid #ddd; /* Arrow matching the border */
59
+ }
60
+ .summary-box {
61
+ padding: 10px;
62
+ margin: 10px 0;
63
+ background-color: #e6e6fa; /* Lavender background for a pleasant look */
64
+ border: 1px solid #ddd; /* Light border for definition */
65
+ border-radius: 5px; /* Slightly rounded corners */
66
+ box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* Soft shadow for depth */
67
+ cursor: pointer;
68
+ }
69
+ h4 { margin-top: 0; }
70
+ </style>
71
+ </head>
72
+ <body>
73
+ <div class='column reviews'><h2>Reviews</h2><div class='text-box'>I have stayed in this hotel for 10 days for the second time and will definetely be back again! Apart from hotels <span class='review-span highlight' data-aligned-summaries='0'>excellent location ( it's near all sightseeing places )</span> the rooms were cozy and <span class='review-span highlight' data-aligned-summaries='1'>staff friendly and ready to help me</span> with connecting my laptop to the wireless internet, to give me advice where to go and which trasport to catch. Beside fluent English and Turkish they speak all ex-Yu languages ( Serbian, Croatian, Macedonian, Bosnian ) so it is very convinient for people from these countries to stay there. Room service was quick ( beverages only ) , towels changed daily and room and bathroom kept perfectly clean -spotless! Definetely coming back here when I come back to Istanbul for some leather jackets shopping :) and this time bringing friends as well ! Miljana Jovanovic</div><div class='text-box'>Excellent money/value hotel, breakfast included. <span class='review-span highlight' data-aligned-summaries='0'>Location is great just opposite of Grand Bazar in quite street</span>, good for tourist who want to stay close to everything. If you are one of us, looking for a cheap stay, and you look for very clean and secure hotel/hostel this is a great choice. Rooms are comfortable, especially those on 6th floor. The only minus is that you have only one way transfer, if you choose airport pickup as we did, you have to pay for transfer to the airport, but fortunately this is not a big problem while they have pretty cheap taxi's there in Istanbul :-). All in all, really worth every cent. Great job guys. Greetings from Croatia.</div><div class='text-box'>We stayed here for several nights in mid March. The rooms were clean and comfortable, free internet access in the lobby and a tasty breakfast in the morning. <span class='review-span highlight' data-aligned-summaries='0'>Great location in the old city</span>. Right near the Grand Bazaar, and walking distance to Haggia Sophia and the Blue Mosque.The only issue we had was the cigarette smoke from the lobby constantly drifted into our room. We had to put a damp towel under the door. For 35 Euro's per night - it was well worth it.</div><div class='text-box'>my wife and I stayed 3 weeks there. do we need to add more.? of course you might find better somewhere but more expensive, but you will for sure find lot worst at same price <span class='review-span highlight' data-aligned-summaries='0'>The hotel is very well located</span> , close to grand Bazaar and blue mosque but also seashore where we could go for a run <span class='review-span highlight' data-aligned-summaries='1'>the staff was very friendly</span> and gave us on 6 floor <span class='review-span highlight' data-aligned-summaries='0'>a room with view on the Bosphorus</span> at a attractive price so I will be back there when back to Isatnbul</div><div class='text-box'>Booked in Inter Hotel last August 2009 but <span class='review-span highlight' data-aligned-summaries='1'>had to cancel</span> after a month due to work load. I just sent them an email <span class='review-span highlight' data-aligned-summaries='1'>and they returned my Deposit</span> of 25 Euros to my credit card. <span class='review-span highlight' data-aligned-summaries='1'>Other hotels will not do that</span>! Will definitely book again in this hotel because I read a lot of satisfied guests. I also want to experience what they experienced from staying in INTER HOTEL. Thank you guys!</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>The hotel is</span> not only <span class='review-span highlight' data-aligned-summaries='0'>a convenient location</span>, but very clean and very comfortable. <span class='review-span highlight' data-aligned-summaries='1'>The staff are friendly</span> and the breakfast delicious. Very reasonable rates and altogether a good place to stay which is situated 5 mins from the Grand Bazaar and the tram. I have been before and will stay there again without a doubt.</div><div class='text-box'>very good service, <span class='review-span highlight' data-aligned-summaries='1'>staff is very friendly and helping</span>, pick and dropp of when you stay few days, free internet ( for me very important), <span class='review-span highlight' data-aligned-summaries='0'>near to meny historical places</span>.</div><div class='text-box'>The breakfast was excelent, <span class='review-span highlight' data-aligned-summaries='1'>very friendly and helpful staff</span>, clean rooms, and well worth the price. I would stay here again and again.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">The hotel is located in a great area and the room with a view was overlooking to Bosphorus.</span> <span id="1" class="summary-sentence">On top of this the staff were all friendly and super helpful.</span></div></div>
74
+ <script>
75
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
76
+ sentence.addEventListener('mouseenter', function() {
77
+ const summaryId = this.getAttribute('id');
78
+ document.querySelectorAll('.review-span').forEach(span => {
79
+ if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
80
+ span.classList.remove('highlight');
81
+ span.classList.add('not-hover-highlight');
82
+ }
83
+ });
84
+ this.classList.add('highlight');
85
+ });
86
+
87
+ sentence.addEventListener('mouseleave', function() {
88
+ const summaryId = this.getAttribute('id');
89
+ document.querySelectorAll('.review-span').forEach(span => {
90
+ if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
91
+ span.classList.remove('not-hover-highlight');
92
+ span.classList.add('highlight');
93
+ }
94
+ this.classList.remove('highlight');
95
+ });
96
+ });
97
+ });
98
+
99
+ document.querySelectorAll('.review-span').forEach(span => {
100
+ span.addEventListener('mouseenter', function() {
101
+ document.querySelectorAll('.review-span').forEach(span => {
102
+ if (span !== this) {
103
+ span.classList.remove('highlight');
104
+ span.classList.add('not-hover-highlight');
105
+ }
106
+ });
107
+ const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
108
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
109
+ if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
110
+ sentence.classList.add('highlight');
111
+ }
112
+ });
113
+ });
114
+ });
115
+
116
+ document.querySelectorAll('.review-span').forEach(span => {
117
+ span.addEventListener('mouseleave', function() {
118
+ const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
119
+ document.querySelectorAll('.review-span').forEach(span => {
120
+ if (span !== this) {
121
+ span.classList.remove('not-hover-highlight');
122
+ span.classList.add('highlight');
123
+ }
124
+ });
125
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
126
+ if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
127
+ sentence.classList.remove('highlight');
128
+ }
129
+ });
130
+ });
131
+ });
132
+
133
+ </script>
134
+ </body>
135
+ </html>
html_files/train/CocoTrip-test_comm-inst_0_a_summ_2.html ADDED
@@ -0,0 +1,135 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+
2
+ <!DOCTYPE html>
3
+ <html lang="en">
4
+ <head>
5
+ <meta charset="UTF-8">
6
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
+ <title>Document Review</title>
8
+ <style>
9
+ body {
10
+ font-family: Arial, sans-serif;
11
+ display: flex;
12
+ justify-content: center; /* This will center the .reviews container on the screen */
13
+ align-items: flex-start;
14
+ height: 100vh;
15
+ margin: 2px; /* Remove default margin */
16
+ }
17
+
18
+ .highlight { background-color: yellow;
19
+ color: black !important; /* Dark grey for muted text */
20
+ cursor: pointer;}
21
+ .not-hover-highlight { background-color: lightyellow;
22
+ color: #606060 !important; /* Dark grey for muted text */}
23
+ .summary {
24
+ width: 50%;
25
+ font-size: 1.0rem;
26
+ padding: 10px;
27
+ height: 100vh; /* Maximum height to a third of the viewport height */
28
+ background-color: #9e9e9e0a;
29
+ }
30
+ .reviews {
31
+ width: 50%;
32
+ font-size: 0.7rem;
33
+ display: flex;
34
+ flex-wrap: wrap;
35
+ padding: 10px;
36
+ max-height: 100vh; /* Maximum height to a third of the viewport height */
37
+ overflow-y: auto; /* Enable vertical scrolling */
38
+ background-color: #9e9e9e0a; /* Light grey background */
39
+ }
40
+ .text-box {
41
+ width: calc(100% - 20px); /* Adjust based on padding */
42
+ margin: 10px;
43
+ padding: 10px;
44
+ background-color: #9e9e9e0a; /* Light grey background */
45
+ color: #606060bf;
46
+ border: 2px solid #ddd; /* Cartoonish border */
47
+ border-radius: 20px; /* Rounded corners for cartoonish effect */
48
+ position: relative;
49
+ box-shadow: 3px 3px #bbb; /* Soft shadow for depth */
50
+ }
51
+ .text-box:before {
52
+ content: '';
53
+ position: absolute;
54
+ right: 100%;
55
+ bottom: 20%;
56
+ border-top: 10px solid transparent;
57
+ border-bottom: 10px solid transparent;
58
+ border-right: 10px solid #ddd; /* Arrow matching the border */
59
+ }
60
+ .summary-box {
61
+ padding: 10px;
62
+ margin: 10px 0;
63
+ background-color: #e6e6fa; /* Lavender background for a pleasant look */
64
+ border: 1px solid #ddd; /* Light border for definition */
65
+ border-radius: 5px; /* Slightly rounded corners */
66
+ box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* Soft shadow for depth */
67
+ cursor: pointer;
68
+ }
69
+ h4 { margin-top: 0; }
70
+ </style>
71
+ </head>
72
+ <body>
73
+ <div class='column reviews'><h2>Reviews</h2><div class='text-box'>I have stayed in this hotel for 10 days for the second time and will definetely be back again! Apart from hotels <span class='review-span highlight' data-aligned-summaries='0'>excellent location</span> ( it's near all sightseeing places ) the rooms were cozy and <span class='review-span highlight' data-aligned-summaries='1'>staff friendly</span> and <span class='review-span highlight' data-aligned-summaries='1'>ready to help me with connecting</span> my laptop <span class='review-span highlight' data-aligned-summaries='1'>to</span> the <span class='review-span highlight' data-aligned-summaries='1'>wireless internet</span>, to give me advice where to go and which trasport to catch. Beside fluent English and Turkish they speak all ex-Yu languages ( Serbian, Croatian, Macedonian, Bosnian ) so it is very convinient for people from these countries to stay there. Room service was quick ( beverages only ) , towels changed daily and room and bathroom kept perfectly clean -spotless! Definetely coming back here when I come back to Istanbul for some leather jackets shopping :) and this time bringing friends as well ! Miljana Jovanovic</div><div class='text-box'>Excellent money/value hotel, <span class='review-span highlight' data-aligned-summaries='1'>breakfast included</span>. <span class='review-span highlight' data-aligned-summaries='0'>Location is great</span> just opposite of Grand Bazar in quite street, good for tourist who want to stay close to everything. If you are one of us, looking for a cheap stay, and you look for very clean and secure hotel/hostel this is a great choice. Rooms are comfortable, especially those on 6th floor. The only minus is that you have only one way transfer, if you choose airport pickup as we did, you have to pay for transfer to the airport, but fortunately this is not a big problem while they have pretty cheap taxi's there in Istanbul :-). All in all, really worth every cent. Great job guys. Greetings from Croatia.</div><div class='text-box'>We stayed here for several nights in mid March. The rooms were clean and comfortable, <span class='review-span highlight' data-aligned-summaries='1'>free internet access in the lobby</span> and a <span class='review-span highlight' data-aligned-summaries='1'>tasty breakfast</span> in the morning. <span class='review-span highlight' data-aligned-summaries='0'>Great location in the old city</span>. Right near the Grand Bazaar, and walking distance to Haggia Sophia and the Blue Mosque.The only issue we had was the cigarette smoke from the lobby constantly drifted into our room. We had to put a damp towel under the door. For 35 Euro's per night - it was well worth it.</div><div class='text-box'>my wife and I stayed 3 weeks there. do we need to add more.? of course you might find better somewhere but more expensive, but you will for sure find lot worst at same price <span class='review-span highlight' data-aligned-summaries='0'>The hotel is very well located</span> , close to grand Bazaar and blue mosque but also seashore where we could go for a run <span class='review-span highlight' data-aligned-summaries='1'>the staff was very friendly</span> and gave us on 6 floor a room <span class='review-span highlight' data-aligned-summaries='0'>with view on the Bosphorus</span> at a attractive price so I will be back there when back to Isatnbul</div><div class='text-box'>Booked in Inter Hotel last August 2009 but <span class='review-span highlight' data-aligned-summaries='1'>had to cancel</span> after a month due to work load. I just sent them an email <span class='review-span highlight' data-aligned-summaries='1'>and they returned my Deposit</span> of 25 Euros to my credit card. <span class='review-span highlight' data-aligned-summaries='1'>Other hotels will not do that</span>! Will definitely book again in this hotel because I read a lot of satisfied guests. I also want to experience what they experienced from staying in INTER HOTEL. Thank you guys!</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>The hotel is</span> not only <span class='review-span highlight' data-aligned-summaries='0'>a convenient location</span>, but very clean and very comfortable. <span class='review-span highlight' data-aligned-summaries='1'>The staff are friendly</span> and <span class='review-span highlight' data-aligned-summaries='1'>the breakfast delicious</span>. Very reasonable rates and altogether a good place to stay which is situated 5 mins from the Grand Bazaar and the tram. I have been before and will stay there again without a doubt.</div><div class='text-box'>very good service, <span class='review-span highlight' data-aligned-summaries='1'>staff is very friendly and helping</span>, pick and dropp of when you stay few days, <span class='review-span highlight' data-aligned-summaries='1'>free internet</span> ( for me very important), near to meny historical places.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='1'>The breakfast was excelent</span>, <span class='review-span highlight' data-aligned-summaries='1'>very friendly and helpful staff</span>, clean rooms, and well worth the price. I would stay here again and again.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">The hotel's location is great with its views of the Bosphorus.</span> <span id="1" class="summary-sentence">The breakfast is good, the staff is friendly and helpful and there is free internet.</span></div></div>
74
+ <script>
75
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
76
+ sentence.addEventListener('mouseenter', function() {
77
+ const summaryId = this.getAttribute('id');
78
+ document.querySelectorAll('.review-span').forEach(span => {
79
+ if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
80
+ span.classList.remove('highlight');
81
+ span.classList.add('not-hover-highlight');
82
+ }
83
+ });
84
+ this.classList.add('highlight');
85
+ });
86
+
87
+ sentence.addEventListener('mouseleave', function() {
88
+ const summaryId = this.getAttribute('id');
89
+ document.querySelectorAll('.review-span').forEach(span => {
90
+ if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
91
+ span.classList.remove('not-hover-highlight');
92
+ span.classList.add('highlight');
93
+ }
94
+ this.classList.remove('highlight');
95
+ });
96
+ });
97
+ });
98
+
99
+ document.querySelectorAll('.review-span').forEach(span => {
100
+ span.addEventListener('mouseenter', function() {
101
+ document.querySelectorAll('.review-span').forEach(span => {
102
+ if (span !== this) {
103
+ span.classList.remove('highlight');
104
+ span.classList.add('not-hover-highlight');
105
+ }
106
+ });
107
+ const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
108
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
109
+ if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
110
+ sentence.classList.add('highlight');
111
+ }
112
+ });
113
+ });
114
+ });
115
+
116
+ document.querySelectorAll('.review-span').forEach(span => {
117
+ span.addEventListener('mouseleave', function() {
118
+ const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
119
+ document.querySelectorAll('.review-span').forEach(span => {
120
+ if (span !== this) {
121
+ span.classList.remove('not-hover-highlight');
122
+ span.classList.add('highlight');
123
+ }
124
+ });
125
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
126
+ if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
127
+ sentence.classList.remove('highlight');
128
+ }
129
+ });
130
+ });
131
+ });
132
+
133
+ </script>
134
+ </body>
135
+ </html>
html_files/train/CocoTrip-test_comm-inst_0_b_summ_0.html ADDED
@@ -0,0 +1,135 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+
2
+ <!DOCTYPE html>
3
+ <html lang="en">
4
+ <head>
5
+ <meta charset="UTF-8">
6
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
+ <title>Document Review</title>
8
+ <style>
9
+ body {
10
+ font-family: Arial, sans-serif;
11
+ display: flex;
12
+ justify-content: center; /* This will center the .reviews container on the screen */
13
+ align-items: flex-start;
14
+ height: 100vh;
15
+ margin: 2px; /* Remove default margin */
16
+ }
17
+
18
+ .highlight { background-color: yellow;
19
+ color: black !important; /* Dark grey for muted text */
20
+ cursor: pointer;}
21
+ .not-hover-highlight { background-color: lightyellow;
22
+ color: #606060 !important; /* Dark grey for muted text */}
23
+ .summary {
24
+ width: 50%;
25
+ font-size: 1.0rem;
26
+ padding: 10px;
27
+ height: 100vh; /* Maximum height to a third of the viewport height */
28
+ background-color: #9e9e9e0a;
29
+ }
30
+ .reviews {
31
+ width: 50%;
32
+ font-size: 0.7rem;
33
+ display: flex;
34
+ flex-wrap: wrap;
35
+ padding: 10px;
36
+ max-height: 100vh; /* Maximum height to a third of the viewport height */
37
+ overflow-y: auto; /* Enable vertical scrolling */
38
+ background-color: #9e9e9e0a; /* Light grey background */
39
+ }
40
+ .text-box {
41
+ width: calc(100% - 20px); /* Adjust based on padding */
42
+ margin: 10px;
43
+ padding: 10px;
44
+ background-color: #9e9e9e0a; /* Light grey background */
45
+ color: #606060bf;
46
+ border: 2px solid #ddd; /* Cartoonish border */
47
+ border-radius: 20px; /* Rounded corners for cartoonish effect */
48
+ position: relative;
49
+ box-shadow: 3px 3px #bbb; /* Soft shadow for depth */
50
+ }
51
+ .text-box:before {
52
+ content: '';
53
+ position: absolute;
54
+ right: 100%;
55
+ bottom: 20%;
56
+ border-top: 10px solid transparent;
57
+ border-bottom: 10px solid transparent;
58
+ border-right: 10px solid #ddd; /* Arrow matching the border */
59
+ }
60
+ .summary-box {
61
+ padding: 10px;
62
+ margin: 10px 0;
63
+ background-color: #e6e6fa; /* Lavender background for a pleasant look */
64
+ border: 1px solid #ddd; /* Light border for definition */
65
+ border-radius: 5px; /* Slightly rounded corners */
66
+ box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* Soft shadow for depth */
67
+ cursor: pointer;
68
+ }
69
+ h4 { margin-top: 0; }
70
+ </style>
71
+ </head>
72
+ <body>
73
+ <div class='column reviews'><h2>Reviews</h2><div class='text-box'><span class='review-span highlight' data-aligned-summaries='1'>The hotel is very good located in a large garden</span>. Although being inmidst Istanbul, you can open the window, hear birds singing, breathe fresh air and have a beautiful view into the amazing garden and onto the Bosphorus itself. Most exiting is the roof bar / restaurant from where you have an even more excellent view while receiving very good food, drinks and service. Vety advantage is that you can reach the old town with Topkapi, Blue Mosc and all other attractions by tram. Just take a walk or a quick taxi to the end point of the tram and enjoy riding over the Golden Horn on its own rail not being bothered by any of that really crazy traffic.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='1'>The hotel is ideally located on a hillside with a 60 acre garden</span>. <span class='review-span highlight' data-aligned-summaries='1'>The views are superb</span>. You can see the sea from everywhere. The rooms are large and the bathrooms of a good size. The spa is very good. Many restaurants & shopping close to the hotel. Old city is only 20 minutes by taxi. <span class='review-span highlight' data-aligned-summaries='0'>The staff is very friendly</span>. The bar is good but the coffee shop is not so good. Food in the hotel is not as per Turkish standards.</div><div class='text-box'>The hotel had a party of it's own shortly after we arrived but they chose not to warn us that we wouldn't be able to use the outdoor pool for 48 hours or that we wouldn't be able to sleep because of the considerable noise and disruption. This is not a cheap hotel and <span class='review-span highlight' data-aligned-summaries='0'>the charming staff are badly let down by the poor management</span>. I have been staying here, on and off, for nearly twenty years and it used to be very well run.</div><div class='text-box'>Stayed for five nights, very attentive staff, very clean and well kept hotel. <span class='review-span highlight' data-aligned-summaries='0'>Breakfast</span> buffet <span class='review-span highlight' data-aligned-summaries='0'>is outstanding</span>. Have good security to drive on property must pass guard house and barrier's, metal detector when accessing lobby. The worst aspect is the cost of internet for your room, about $25 a day.ouch! Location is okay not great depending on what your doing.near river, but a good little walk and uphill coming back. Nice view of river from the lobby lounge area.</div><div class='text-box'>Stayed at this hotel for 3 nights during a business trip in Istanbul. From the outside the hotel looks a bit out of date. However, the room are spacious and refurnished. <span class='review-span highlight' data-aligned-summaries='0'>I found the staff friendly</span> and helpful. There is a good choice of restaurants - but beware of high prices. Overall it was a good experience and I would recommend to all business travellers.</div><div class='text-box'>really the place to stay in Istanbul. <span class='review-span highlight' data-aligned-summaries='0'>perfect, professional and friendly service</span>, <span class='review-span highlight' data-aligned-summaries='0'>great breakfast buffet</span>, <span class='review-span highlight' data-aligned-summaries='1'>beautiful position overlooking the Bosphorus</span>. <span class='review-span highlight' data-aligned-summaries='1'>An oasis of peace in a big garden</span>. Big, clean rooms with all amenities. Great turndown service in the evenings with even bathrobes changed. worth repeating over and over again !</div><div class='text-box'>The restaurants and the quality of the foods and services were excellent but the whole hotel and the rooms are looking tired and really need a renovation. The spa was fantastic especially the turkish hamam. <span class='review-span highlight' data-aligned-summaries='1'>The location is great with the whole bosphorus view and nearness to the favorite places</span>.</div><div class='text-box'>I had the best time . Nice room, <span class='review-span highlight' data-aligned-summaries='0'>friendly staff</span>, . <span class='review-span highlight' data-aligned-summaries='1'>It has a great location</span> too, . Highly recommended!</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">The hotel had a great breakfast provided and the staff were always friendly.</span> <span id="1" class="summary-sentence">The location is ideal.</span></div></div>
74
+ <script>
75
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
76
+ sentence.addEventListener('mouseenter', function() {
77
+ const summaryId = this.getAttribute('id');
78
+ document.querySelectorAll('.review-span').forEach(span => {
79
+ if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
80
+ span.classList.remove('highlight');
81
+ span.classList.add('not-hover-highlight');
82
+ }
83
+ });
84
+ this.classList.add('highlight');
85
+ });
86
+
87
+ sentence.addEventListener('mouseleave', function() {
88
+ const summaryId = this.getAttribute('id');
89
+ document.querySelectorAll('.review-span').forEach(span => {
90
+ if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
91
+ span.classList.remove('not-hover-highlight');
92
+ span.classList.add('highlight');
93
+ }
94
+ this.classList.remove('highlight');
95
+ });
96
+ });
97
+ });
98
+
99
+ document.querySelectorAll('.review-span').forEach(span => {
100
+ span.addEventListener('mouseenter', function() {
101
+ document.querySelectorAll('.review-span').forEach(span => {
102
+ if (span !== this) {
103
+ span.classList.remove('highlight');
104
+ span.classList.add('not-hover-highlight');
105
+ }
106
+ });
107
+ const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
108
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
109
+ if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
110
+ sentence.classList.add('highlight');
111
+ }
112
+ });
113
+ });
114
+ });
115
+
116
+ document.querySelectorAll('.review-span').forEach(span => {
117
+ span.addEventListener('mouseleave', function() {
118
+ const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
119
+ document.querySelectorAll('.review-span').forEach(span => {
120
+ if (span !== this) {
121
+ span.classList.remove('not-hover-highlight');
122
+ span.classList.add('highlight');
123
+ }
124
+ });
125
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
126
+ if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
127
+ sentence.classList.remove('highlight');
128
+ }
129
+ });
130
+ });
131
+ });
132
+
133
+ </script>
134
+ </body>
135
+ </html>
html_files/train/CocoTrip-test_comm-inst_0_b_summ_1.html ADDED
@@ -0,0 +1,135 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+
2
+ <!DOCTYPE html>
3
+ <html lang="en">
4
+ <head>
5
+ <meta charset="UTF-8">
6
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
+ <title>Document Review</title>
8
+ <style>
9
+ body {
10
+ font-family: Arial, sans-serif;
11
+ display: flex;
12
+ justify-content: center; /* This will center the .reviews container on the screen */
13
+ align-items: flex-start;
14
+ height: 100vh;
15
+ margin: 2px; /* Remove default margin */
16
+ }
17
+
18
+ .highlight { background-color: yellow;
19
+ color: black !important; /* Dark grey for muted text */
20
+ cursor: pointer;}
21
+ .not-hover-highlight { background-color: lightyellow;
22
+ color: #606060 !important; /* Dark grey for muted text */}
23
+ .summary {
24
+ width: 50%;
25
+ font-size: 1.0rem;
26
+ padding: 10px;
27
+ height: 100vh; /* Maximum height to a third of the viewport height */
28
+ background-color: #9e9e9e0a;
29
+ }
30
+ .reviews {
31
+ width: 50%;
32
+ font-size: 0.7rem;
33
+ display: flex;
34
+ flex-wrap: wrap;
35
+ padding: 10px;
36
+ max-height: 100vh; /* Maximum height to a third of the viewport height */
37
+ overflow-y: auto; /* Enable vertical scrolling */
38
+ background-color: #9e9e9e0a; /* Light grey background */
39
+ }
40
+ .text-box {
41
+ width: calc(100% - 20px); /* Adjust based on padding */
42
+ margin: 10px;
43
+ padding: 10px;
44
+ background-color: #9e9e9e0a; /* Light grey background */
45
+ color: #606060bf;
46
+ border: 2px solid #ddd; /* Cartoonish border */
47
+ border-radius: 20px; /* Rounded corners for cartoonish effect */
48
+ position: relative;
49
+ box-shadow: 3px 3px #bbb; /* Soft shadow for depth */
50
+ }
51
+ .text-box:before {
52
+ content: '';
53
+ position: absolute;
54
+ right: 100%;
55
+ bottom: 20%;
56
+ border-top: 10px solid transparent;
57
+ border-bottom: 10px solid transparent;
58
+ border-right: 10px solid #ddd; /* Arrow matching the border */
59
+ }
60
+ .summary-box {
61
+ padding: 10px;
62
+ margin: 10px 0;
63
+ background-color: #e6e6fa; /* Lavender background for a pleasant look */
64
+ border: 1px solid #ddd; /* Light border for definition */
65
+ border-radius: 5px; /* Slightly rounded corners */
66
+ box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* Soft shadow for depth */
67
+ cursor: pointer;
68
+ }
69
+ h4 { margin-top: 0; }
70
+ </style>
71
+ </head>
72
+ <body>
73
+ <div class='column reviews'><h2>Reviews</h2><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>The hotel is very good located in a large garden</span>. Although being inmidst Istanbul, you can open the window, hear birds singing, breathe fresh air and have <span class='review-span highlight' data-aligned-summaries='0'>a beautiful view into the amazing garden and onto the Bosphorus</span> itself. Most exiting is the roof bar / restaurant from where you have an even more excellent view while receiving very good food, drinks and service. Vety advantage is that you can reach the old town with Topkapi, Blue Mosc and all other attractions by tram. Just take a walk or a quick taxi to the end point of the tram and enjoy riding over the Golden Horn on its own rail not being bothered by any of that really crazy traffic.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>The hotel is ideally located on a hillside with a 60 acre garden</span>. <span class='review-span highlight' data-aligned-summaries='0'>The views are superb</span>. You can see the sea from everywhere. The rooms are large and the bathrooms of a good size. The spa is very good. Many restaurants & shopping close to the hotel. Old city is only 20 minutes by taxi. <span class='review-span highlight' data-aligned-summaries='1'>The staff is very friendly</span>. The bar is good but the coffee shop is not so good. Food in the hotel is not as per Turkish standards.</div><div class='text-box'>The hotel had a party of it's own shortly after we arrived but they chose not to warn us that we wouldn't be able to use the outdoor pool for 48 hours or that we wouldn't be able to sleep because of the considerable noise and disruption. This is not a cheap hotel and <span class='review-span highlight' data-aligned-summaries='1'>the charming staff are badly let down by the poor management</span>. I have been staying here, on and off, for nearly twenty years and it used to be very well run.</div><div class='text-box'>Stayed for five nights, very <span class='review-span highlight' data-aligned-summaries='1'>attentive staff</span>, very clean and well kept hotel. Breakfast buffet is outstanding. Have good security to drive on property must pass guard house and barrier's, metal detector when accessing lobby. The worst aspect is the cost of internet for your room, about $25 a day.ouch! <span class='review-span highlight' data-aligned-summaries='0'>Location is okay not great</span> depending on what your doing.near river, but a good little walk and uphill coming back. <span class='review-span highlight' data-aligned-summaries='0'>Nice view of river</span> from the lobby lounge area.</div><div class='text-box'>Stayed at this hotel for 3 nights during a business trip in Istanbul. From the outside the hotel looks a bit out of date. However, the room are spacious and refurnished. <span class='review-span highlight' data-aligned-summaries='1'>I found the staff friendly and helpful</span>. There is a good choice of restaurants - but beware of high prices. Overall it was a good experience and I would recommend to all business travellers.</div><div class='text-box'>really the place to stay in Istanbul. <span class='review-span highlight' data-aligned-summaries='1'>perfect, professional and friendly service</span>, great breakfast buffet, <span class='review-span highlight' data-aligned-summaries='0'>beautiful position overlooking the Bosphorus</span>. An oasis of peace in a big garden. Big, clean rooms with all amenities. Great turndown service in the evenings with even bathrobes changed. worth repeating over and over again !</div><div class='text-box'>The restaurants and <span class='review-span highlight' data-aligned-summaries='1'>the quality of the</span> foods and <span class='review-span highlight' data-aligned-summaries='1'>services were excellent</span> but the whole hotel and the rooms are looking tired and really need a renovation. The spa was fantastic especially the turkish hamam. <span class='review-span highlight' data-aligned-summaries='0'>The location is great with the whole bosphorus view and nearness to the favorite places</span>.</div><div class='text-box'>I had the best time . Nice room, <span class='review-span highlight' data-aligned-summaries='1'>friendly staff</span>, . It <span class='review-span highlight' data-aligned-summaries='0'>has a great location</span> too, . Highly recommended!</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">The hotel is located in a great area and the room with a view was overlooking to Bosphorus.</span> <span id="1" class="summary-sentence">On top of this the staff were all friendly and super helpful.</span></div></div>
74
+ <script>
75
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
76
+ sentence.addEventListener('mouseenter', function() {
77
+ const summaryId = this.getAttribute('id');
78
+ document.querySelectorAll('.review-span').forEach(span => {
79
+ if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
80
+ span.classList.remove('highlight');
81
+ span.classList.add('not-hover-highlight');
82
+ }
83
+ });
84
+ this.classList.add('highlight');
85
+ });
86
+
87
+ sentence.addEventListener('mouseleave', function() {
88
+ const summaryId = this.getAttribute('id');
89
+ document.querySelectorAll('.review-span').forEach(span => {
90
+ if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
91
+ span.classList.remove('not-hover-highlight');
92
+ span.classList.add('highlight');
93
+ }
94
+ this.classList.remove('highlight');
95
+ });
96
+ });
97
+ });
98
+
99
+ document.querySelectorAll('.review-span').forEach(span => {
100
+ span.addEventListener('mouseenter', function() {
101
+ document.querySelectorAll('.review-span').forEach(span => {
102
+ if (span !== this) {
103
+ span.classList.remove('highlight');
104
+ span.classList.add('not-hover-highlight');
105
+ }
106
+ });
107
+ const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
108
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
109
+ if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
110
+ sentence.classList.add('highlight');
111
+ }
112
+ });
113
+ });
114
+ });
115
+
116
+ document.querySelectorAll('.review-span').forEach(span => {
117
+ span.addEventListener('mouseleave', function() {
118
+ const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
119
+ document.querySelectorAll('.review-span').forEach(span => {
120
+ if (span !== this) {
121
+ span.classList.remove('not-hover-highlight');
122
+ span.classList.add('highlight');
123
+ }
124
+ });
125
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
126
+ if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
127
+ sentence.classList.remove('highlight');
128
+ }
129
+ });
130
+ });
131
+ });
132
+
133
+ </script>
134
+ </body>
135
+ </html>
html_files/train/CocoTrip-test_comm-inst_0_b_summ_2.html ADDED
@@ -0,0 +1,135 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+
2
+ <!DOCTYPE html>
3
+ <html lang="en">
4
+ <head>
5
+ <meta charset="UTF-8">
6
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
+ <title>Document Review</title>
8
+ <style>
9
+ body {
10
+ font-family: Arial, sans-serif;
11
+ display: flex;
12
+ justify-content: center; /* This will center the .reviews container on the screen */
13
+ align-items: flex-start;
14
+ height: 100vh;
15
+ margin: 2px; /* Remove default margin */
16
+ }
17
+
18
+ .highlight { background-color: yellow;
19
+ color: black !important; /* Dark grey for muted text */
20
+ cursor: pointer;}
21
+ .not-hover-highlight { background-color: lightyellow;
22
+ color: #606060 !important; /* Dark grey for muted text */}
23
+ .summary {
24
+ width: 50%;
25
+ font-size: 1.0rem;
26
+ padding: 10px;
27
+ height: 100vh; /* Maximum height to a third of the viewport height */
28
+ background-color: #9e9e9e0a;
29
+ }
30
+ .reviews {
31
+ width: 50%;
32
+ font-size: 0.7rem;
33
+ display: flex;
34
+ flex-wrap: wrap;
35
+ padding: 10px;
36
+ max-height: 100vh; /* Maximum height to a third of the viewport height */
37
+ overflow-y: auto; /* Enable vertical scrolling */
38
+ background-color: #9e9e9e0a; /* Light grey background */
39
+ }
40
+ .text-box {
41
+ width: calc(100% - 20px); /* Adjust based on padding */
42
+ margin: 10px;
43
+ padding: 10px;
44
+ background-color: #9e9e9e0a; /* Light grey background */
45
+ color: #606060bf;
46
+ border: 2px solid #ddd; /* Cartoonish border */
47
+ border-radius: 20px; /* Rounded corners for cartoonish effect */
48
+ position: relative;
49
+ box-shadow: 3px 3px #bbb; /* Soft shadow for depth */
50
+ }
51
+ .text-box:before {
52
+ content: '';
53
+ position: absolute;
54
+ right: 100%;
55
+ bottom: 20%;
56
+ border-top: 10px solid transparent;
57
+ border-bottom: 10px solid transparent;
58
+ border-right: 10px solid #ddd; /* Arrow matching the border */
59
+ }
60
+ .summary-box {
61
+ padding: 10px;
62
+ margin: 10px 0;
63
+ background-color: #e6e6fa; /* Lavender background for a pleasant look */
64
+ border: 1px solid #ddd; /* Light border for definition */
65
+ border-radius: 5px; /* Slightly rounded corners */
66
+ box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* Soft shadow for depth */
67
+ cursor: pointer;
68
+ }
69
+ h4 { margin-top: 0; }
70
+ </style>
71
+ </head>
72
+ <body>
73
+ <div class='column reviews'><h2>Reviews</h2><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>The hotel is very good located in a large garden</span>. Although being inmidst Istanbul, you can open the window, hear birds singing, breathe fresh air and have a <span class='review-span highlight' data-aligned-summaries='0'>beautiful view into the amazing garden and onto the Bosphorus itself</span>. Most exiting is the roof bar / restaurant from where you have an even more excellent view while receiving very good food, drinks and service. Vety advantage is that you can reach the old town with Topkapi, Blue Mosc and all other attractions by tram. Just take a walk or a quick taxi to the end point of the tram and enjoy riding over the Golden Horn on its own rail not being bothered by any of that really crazy traffic.</div><div class='text-box'>The <span class='review-span highlight' data-aligned-summaries='0'>hotel is ideally located</span> on a hillside with a 60 acre garden. The <span class='review-span highlight' data-aligned-summaries='0'>views are superb</span>. You can see the sea from everywhere. The rooms are large and the bathrooms of a good size. The spa is very good. Many restaurants & shopping close to the hotel. Old city is only 20 minutes by taxi. The <span class='review-span highlight' data-aligned-summaries='1'>staff is</span> very <span class='review-span highlight' data-aligned-summaries='1'>friendly</span>. The bar is good but the coffee shop is not so good. Food in the hotel is not as per Turkish standards.</div><div class='text-box'>The hotel had a party of it's own shortly after we arrived but they chose not to warn us that we wouldn't be able to use the outdoor pool for 48 hours or that we wouldn't be able to sleep because of the considerable noise and disruption. This is not a cheap hotel and <span class='review-span highlight' data-aligned-summaries='1'>the charming staff are badly let down by the poor management</span>. I have been staying here, on and off, for nearly twenty years and it used to be very well run.</div><div class='text-box'>Stayed for five nights, very attentive staff, very clean and well kept hotel. <span class='review-span highlight' data-aligned-summaries='1'>Breakfast buffet is outstanding</span>. Have good security to drive on property must pass guard house and barrier's, metal detector when accessing lobby. The worst aspect is <span class='review-span highlight' data-aligned-summaries='1'>the cost of internet for your room, about $25 a day.ouch</span>! <span class='review-span highlight' data-aligned-summaries='0'>Location is okay not great</span> depending on what your doing.near river, but a good little walk and uphill coming back. Nice view of river from the lobby lounge area.</div><div class='text-box'>Stayed at this hotel for 3 nights during a business trip in Istanbul. From the outside the hotel looks a bit out of date. However, the room are spacious and refurnished. <span class='review-span highlight' data-aligned-summaries='1'>I found the staff friendly and helpful</span>. <span class='review-span highlight' data-aligned-summaries='0'>There is a good choice of restaurants</span> - but beware of high prices. Overall it was a good experience and I would recommend to all business travellers.</div><div class='text-box'>really the place to stay in Istanbul. perfect, <span class='review-span highlight' data-aligned-summaries='1'>professional and friendly service</span>, <span class='review-span highlight' data-aligned-summaries='1'>great breakfast buffet</span>, <span class='review-span highlight' data-aligned-summaries='0'>beautiful position overlooking the Bosphorus</span>. An oasis of peace in a big garden. Big, clean rooms with all amenities. Great turndown service in the evenings with even bathrobes changed. worth repeating over and over again !</div><div class='text-box'>The restaurants and the quality of the foods and services were excellent but the whole hotel and the rooms are looking tired and really need a renovation. The spa was fantastic especially the turkish hamam. <span class='review-span highlight' data-aligned-summaries='0'>The location is great with the whole bosphorus view</span> and nearness to the favorite places.</div><div class='text-box'>I had the best time . Nice room, <span class='review-span highlight' data-aligned-summaries='1'>friendly staff</span>, . It <span class='review-span highlight' data-aligned-summaries='0'>has a great location</span> too, . Highly recommended!</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">The hotel's location is great with its views of the Bosphorus.</span> <span id="1" class="summary-sentence">The breakfast is good, the staff is friendly and helpful and there is free internet.</span></div></div>
74
+ <script>
75
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
76
+ sentence.addEventListener('mouseenter', function() {
77
+ const summaryId = this.getAttribute('id');
78
+ document.querySelectorAll('.review-span').forEach(span => {
79
+ if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
80
+ span.classList.remove('highlight');
81
+ span.classList.add('not-hover-highlight');
82
+ }
83
+ });
84
+ this.classList.add('highlight');
85
+ });
86
+
87
+ sentence.addEventListener('mouseleave', function() {
88
+ const summaryId = this.getAttribute('id');
89
+ document.querySelectorAll('.review-span').forEach(span => {
90
+ if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
91
+ span.classList.remove('not-hover-highlight');
92
+ span.classList.add('highlight');
93
+ }
94
+ this.classList.remove('highlight');
95
+ });
96
+ });
97
+ });
98
+
99
+ document.querySelectorAll('.review-span').forEach(span => {
100
+ span.addEventListener('mouseenter', function() {
101
+ document.querySelectorAll('.review-span').forEach(span => {
102
+ if (span !== this) {
103
+ span.classList.remove('highlight');
104
+ span.classList.add('not-hover-highlight');
105
+ }
106
+ });
107
+ const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
108
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
109
+ if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
110
+ sentence.classList.add('highlight');
111
+ }
112
+ });
113
+ });
114
+ });
115
+
116
+ document.querySelectorAll('.review-span').forEach(span => {
117
+ span.addEventListener('mouseleave', function() {
118
+ const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
119
+ document.querySelectorAll('.review-span').forEach(span => {
120
+ if (span !== this) {
121
+ span.classList.remove('not-hover-highlight');
122
+ span.classList.add('highlight');
123
+ }
124
+ });
125
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
126
+ if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
127
+ sentence.classList.remove('highlight');
128
+ }
129
+ });
130
+ });
131
+ });
132
+
133
+ </script>
134
+ </body>
135
+ </html>
html_files/train/CocoTrip-test_comm-inst_2_a_summ_0.html ADDED
@@ -0,0 +1,135 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+
2
+ <!DOCTYPE html>
3
+ <html lang="en">
4
+ <head>
5
+ <meta charset="UTF-8">
6
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
+ <title>Document Review</title>
8
+ <style>
9
+ body {
10
+ font-family: Arial, sans-serif;
11
+ display: flex;
12
+ justify-content: center; /* This will center the .reviews container on the screen */
13
+ align-items: flex-start;
14
+ height: 100vh;
15
+ margin: 2px; /* Remove default margin */
16
+ }
17
+
18
+ .highlight { background-color: yellow;
19
+ color: black !important; /* Dark grey for muted text */
20
+ cursor: pointer;}
21
+ .not-hover-highlight { background-color: lightyellow;
22
+ color: #606060 !important; /* Dark grey for muted text */}
23
+ .summary {
24
+ width: 50%;
25
+ font-size: 1.0rem;
26
+ padding: 10px;
27
+ height: 100vh; /* Maximum height to a third of the viewport height */
28
+ background-color: #9e9e9e0a;
29
+ }
30
+ .reviews {
31
+ width: 50%;
32
+ font-size: 0.7rem;
33
+ display: flex;
34
+ flex-wrap: wrap;
35
+ padding: 10px;
36
+ max-height: 100vh; /* Maximum height to a third of the viewport height */
37
+ overflow-y: auto; /* Enable vertical scrolling */
38
+ background-color: #9e9e9e0a; /* Light grey background */
39
+ }
40
+ .text-box {
41
+ width: calc(100% - 20px); /* Adjust based on padding */
42
+ margin: 10px;
43
+ padding: 10px;
44
+ background-color: #9e9e9e0a; /* Light grey background */
45
+ color: #606060bf;
46
+ border: 2px solid #ddd; /* Cartoonish border */
47
+ border-radius: 20px; /* Rounded corners for cartoonish effect */
48
+ position: relative;
49
+ box-shadow: 3px 3px #bbb; /* Soft shadow for depth */
50
+ }
51
+ .text-box:before {
52
+ content: '';
53
+ position: absolute;
54
+ right: 100%;
55
+ bottom: 20%;
56
+ border-top: 10px solid transparent;
57
+ border-bottom: 10px solid transparent;
58
+ border-right: 10px solid #ddd; /* Arrow matching the border */
59
+ }
60
+ .summary-box {
61
+ padding: 10px;
62
+ margin: 10px 0;
63
+ background-color: #e6e6fa; /* Lavender background for a pleasant look */
64
+ border: 1px solid #ddd; /* Light border for definition */
65
+ border-radius: 5px; /* Slightly rounded corners */
66
+ box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* Soft shadow for depth */
67
+ cursor: pointer;
68
+ }
69
+ h4 { margin-top: 0; }
70
+ </style>
71
+ </head>
72
+ <body>
73
+ <div class='column reviews'><h2>Reviews</h2><div class='text-box'>On a recent extended visit to Boston (2+ weeks), we were lucky enough to stay at the Colonnade Hotel. This hotel is head and shoulders above other area hotels! <span class='review-span highlight' data-aligned-summaries='0'>The rooms are</span> decorated with a quiet sophistication that is <span class='review-span highlight' data-aligned-summaries='0'>very comfortable</span> (feather pillows and comforter, wool throw blanket), and <span class='review-span highlight' data-aligned-summaries='0'>every person we encountered on the staff - from housekeeping to the front desk - was helpful, courteous, and kind</span>. The attached restaurant, Brasserie Jo, not only has very delicious food and a charming atmosphere, but also some of the best service we have encountered anywhere. As a whole, the service in the hotel was exceptional, and we want to thank in particular the front desk staff, concierge Jerry Good, and doorman Norman Maines. This hotel is superb in every respect, we could not recommend it more highly - we would never think of staying anywhere else in Boston.</div><div class='text-box'>The service was outstanding from check-in to check-out. <span class='review-span highlight' data-aligned-summaries='0'>The room service was outstanding, along with the guys up front</span>, class act. <span class='review-span highlight' data-aligned-summaries='1'>The location is so nice and very easy to move around the City</span>. So many great places to eat around the hotel. Nice size gym on the 5th floor with several carido machines. The Colonnade made my first stay in Boston a unique one and i will be back with my family. I felt very safe at all times and i felt like i was in the center of all activity with that location.</div><div class='text-box'>I stayed here for a wedding. While the wedding party was treated well, I was often treated poorly and spoken to as if I were trespassing on the property. <span class='review-span highlight' data-aligned-summaries='0'>The room was average and the shower was VERY bad</span>. The water pressure was painful and I felt that the shower head was going to fall off. The TV was the smallest hotel TV I have ever seen. Upon checkout, the front desk left me on hold for a long time to answer a simple question. I would not recommend this hotel to anyone.</div><div class='text-box'>My husband and I first stayed here for our wedding weekend and enjoyed it so much we returned for our first anniversary. <span class='review-span highlight' data-aligned-summaries='0'>The rooms</span> are spacious, <span class='review-span highlight' data-aligned-summaries='0'>clean, and very comfortable</span>-ditto the bathrooms. <span class='review-span highlight' data-aligned-summaries='0'>The staff are polite, courteous, a thoughtful</span>-we even received a fruit and cheese plate in honor of our anniversary. <span class='review-span highlight' data-aligned-summaries='1'>We also love the location-within walking distance to</span> Back Bay and the South End-both <span class='review-span highlight' data-aligned-summaries='1'>great walking neighborhoods</span>. And the T is right out front if you're going further afield.</div><div class='text-box'>Let's make this simple from the very first greeting from Norman Maines the exceptional greeter/doorman/guest advocate my entre stay this was an exceptional experience. With Norman setting the standard each and every time I entered and exited it was not surprising to find <span class='review-span highlight' data-aligned-summaries='0'>the entire team above the norm</span> and the rooms and service to match. This is one boutique that gets it and knows how imortant the selection of team mebers is.</div><div class='text-box'>We had a great week in Boston staying at the Colonnade. <span class='review-span highlight' data-aligned-summaries='0'>It was very clean and comfortable</span> and the bathroom was excellent. <span class='review-span highlight' data-aligned-summaries='0'>The hotel staff were very helpful and polite</span>, especially Norman. If I visited Boston again, I would definately stay at the Colonnade Hotel and would recommend it to my friends.</div><div class='text-box'>I stayed at the Colonnade for four nights for a recent conference. It is <span class='review-span highlight' data-aligned-summaries='1'>immediately adjacent to numerous things</span>: a T connection, two fair-sized shopping plazas, several restaurants, and the Hynes Convention Center. Further, <span class='review-span highlight' data-aligned-summaries='0'>the staff was super friendly and super helpful</span>. Thanks!</div><div class='text-box'>In Boston for a graduation and combined leisure trip. <span class='review-span highlight' data-aligned-summaries='0 1'>The Colonnade was very</span> <span class='review-span highlight' data-aligned-summaries='0'>comfortable</span>, <span class='review-span highlight' data-aligned-summaries='1'>convenient</span> and <span class='review-span highlight' data-aligned-summaries='0'>friendly</span>. Highly recommend and would go back. Restaurant excellent.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">The rooms in the hotel are clean and comfortable and the staff were friendly and helpful.</span> <span id="1" class="summary-sentence">The location is also ideal.</span></div></div>
74
+ <script>
75
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
76
+ sentence.addEventListener('mouseenter', function() {
77
+ const summaryId = this.getAttribute('id');
78
+ document.querySelectorAll('.review-span').forEach(span => {
79
+ if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
80
+ span.classList.remove('highlight');
81
+ span.classList.add('not-hover-highlight');
82
+ }
83
+ });
84
+ this.classList.add('highlight');
85
+ });
86
+
87
+ sentence.addEventListener('mouseleave', function() {
88
+ const summaryId = this.getAttribute('id');
89
+ document.querySelectorAll('.review-span').forEach(span => {
90
+ if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
91
+ span.classList.remove('not-hover-highlight');
92
+ span.classList.add('highlight');
93
+ }
94
+ this.classList.remove('highlight');
95
+ });
96
+ });
97
+ });
98
+
99
+ document.querySelectorAll('.review-span').forEach(span => {
100
+ span.addEventListener('mouseenter', function() {
101
+ document.querySelectorAll('.review-span').forEach(span => {
102
+ if (span !== this) {
103
+ span.classList.remove('highlight');
104
+ span.classList.add('not-hover-highlight');
105
+ }
106
+ });
107
+ const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
108
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
109
+ if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
110
+ sentence.classList.add('highlight');
111
+ }
112
+ });
113
+ });
114
+ });
115
+
116
+ document.querySelectorAll('.review-span').forEach(span => {
117
+ span.addEventListener('mouseleave', function() {
118
+ const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
119
+ document.querySelectorAll('.review-span').forEach(span => {
120
+ if (span !== this) {
121
+ span.classList.remove('not-hover-highlight');
122
+ span.classList.add('highlight');
123
+ }
124
+ });
125
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
126
+ if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
127
+ sentence.classList.remove('highlight');
128
+ }
129
+ });
130
+ });
131
+ });
132
+
133
+ </script>
134
+ </body>
135
+ </html>
html_files/train/CocoTrip-test_comm-inst_2_a_summ_1.html ADDED
@@ -0,0 +1,135 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+
2
+ <!DOCTYPE html>
3
+ <html lang="en">
4
+ <head>
5
+ <meta charset="UTF-8">
6
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
+ <title>Document Review</title>
8
+ <style>
9
+ body {
10
+ font-family: Arial, sans-serif;
11
+ display: flex;
12
+ justify-content: center; /* This will center the .reviews container on the screen */
13
+ align-items: flex-start;
14
+ height: 100vh;
15
+ margin: 2px; /* Remove default margin */
16
+ }
17
+
18
+ .highlight { background-color: yellow;
19
+ color: black !important; /* Dark grey for muted text */
20
+ cursor: pointer;}
21
+ .not-hover-highlight { background-color: lightyellow;
22
+ color: #606060 !important; /* Dark grey for muted text */}
23
+ .summary {
24
+ width: 50%;
25
+ font-size: 1.0rem;
26
+ padding: 10px;
27
+ height: 100vh; /* Maximum height to a third of the viewport height */
28
+ background-color: #9e9e9e0a;
29
+ }
30
+ .reviews {
31
+ width: 50%;
32
+ font-size: 0.7rem;
33
+ display: flex;
34
+ flex-wrap: wrap;
35
+ padding: 10px;
36
+ max-height: 100vh; /* Maximum height to a third of the viewport height */
37
+ overflow-y: auto; /* Enable vertical scrolling */
38
+ background-color: #9e9e9e0a; /* Light grey background */
39
+ }
40
+ .text-box {
41
+ width: calc(100% - 20px); /* Adjust based on padding */
42
+ margin: 10px;
43
+ padding: 10px;
44
+ background-color: #9e9e9e0a; /* Light grey background */
45
+ color: #606060bf;
46
+ border: 2px solid #ddd; /* Cartoonish border */
47
+ border-radius: 20px; /* Rounded corners for cartoonish effect */
48
+ position: relative;
49
+ box-shadow: 3px 3px #bbb; /* Soft shadow for depth */
50
+ }
51
+ .text-box:before {
52
+ content: '';
53
+ position: absolute;
54
+ right: 100%;
55
+ bottom: 20%;
56
+ border-top: 10px solid transparent;
57
+ border-bottom: 10px solid transparent;
58
+ border-right: 10px solid #ddd; /* Arrow matching the border */
59
+ }
60
+ .summary-box {
61
+ padding: 10px;
62
+ margin: 10px 0;
63
+ background-color: #e6e6fa; /* Lavender background for a pleasant look */
64
+ border: 1px solid #ddd; /* Light border for definition */
65
+ border-radius: 5px; /* Slightly rounded corners */
66
+ box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* Soft shadow for depth */
67
+ cursor: pointer;
68
+ }
69
+ h4 { margin-top: 0; }
70
+ </style>
71
+ </head>
72
+ <body>
73
+ <div class='column reviews'><h2>Reviews</h2><div class='text-box'>On a recent extended visit to Boston (2+ weeks), we were lucky enough to stay at the Colonnade Hotel. This hotel is head and shoulders above other area hotels! <span class='review-span highlight' data-aligned-summaries='0'>The rooms are</span> decorated with a quiet sophistication that is <span class='review-span highlight' data-aligned-summaries='0'>very comfortable</span> (feather pillows and comforter, wool throw blanket), and every person we encountered on <span class='review-span highlight' data-aligned-summaries='2'>the staff - from housekeeping to the front desk - was helpful, courteous, and kind</span>. The attached restaurant, Brasserie Jo, not only has very delicious food and a charming atmosphere, but also some of the best service we have encountered anywhere. As a whole, the service in the hotel was exceptional, and we want to thank in particular the front desk staff, concierge Jerry Good, and doorman Norman Maines. This hotel is superb in every respect, we could not recommend it more highly - we would never think of staying anywhere else in Boston.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='2'>The service was outstanding from check-in to check-out</span>. The room service was outstanding, along with the guys up front, class act. <span class='review-span highlight' data-aligned-summaries='1'>The location is so nice and very easy to move around the City</span>. <span class='review-span highlight' data-aligned-summaries='1'>So many great places to eat around the hotel</span>. Nice size gym on the 5th floor with several carido machines. The Colonnade made my first stay in Boston a unique one and i will be back with my family. I felt very safe at all times and i felt like i was in the center of all activity with that location.</div><div class='text-box'>I stayed here for a wedding. While the wedding party was treated well, I was often treated poorly and spoken to as if I were trespassing on the property. The room was average and the shower was VERY bad. The water pressure was painful and I felt that the shower head was going to fall off. The TV was the smallest hotel TV I have ever seen. Upon checkout, the <span class='review-span highlight' data-aligned-summaries='2'>front desk left me on hold</span> for a long time to answer a simple question. I would not recommend this hotel to anyone.</div><div class='text-box'>My husband and I first stayed here for our wedding weekend and enjoyed it so much we returned for our first anniversary. <span class='review-span highlight' data-aligned-summaries='0'>The rooms are spacious, clean, and very comfortable</span>-ditto the bathrooms. <span class='review-span highlight' data-aligned-summaries='2'>The staff are polite, courteous, a thoughtful</span>-we even received a fruit and cheese plate in honor of our anniversary. We also <span class='review-span highlight' data-aligned-summaries='1'>love the location-within walking distance to Back Bay and the South End</span>-both great walking neighborhoods. And the T is right out front if you're going further afield.</div><div class='text-box'>Let's make this simple from the very first greeting from Norman Maines the exceptional greeter/doorman/guest advocate my entre stay this was an exceptional experience. With Norman setting the standard each and every time I entered and exited it was not surprising to find <span class='review-span highlight' data-aligned-summaries='2'>the entire team above the norm</span> and the rooms <span class='review-span highlight' data-aligned-summaries='2'>and service to match</span>. This is one boutique that gets it and knows how imortant the selection of team mebers is.</div><div class='text-box'>We had a great week in Boston staying at the Colonnade. <span class='review-span highlight' data-aligned-summaries='0'>It was very clean and comfortable</span> and the bathroom was excellent. <span class='review-span highlight' data-aligned-summaries='2'>The hotel staff were very helpful and polite</span>, especially Norman. If I visited Boston again, I would definately stay at the Colonnade Hotel and would recommend it to my friends.</div><div class='text-box'>I stayed at the Colonnade for four nights for a recent conference. <span class='review-span highlight' data-aligned-summaries='1'>It is immediately adjacent to numerous things: a T connection, two fair-sized shopping plazas, several restaurants, and the Hynes Convention Center</span>. Further, <span class='review-span highlight' data-aligned-summaries='2'>the staff was super friendly and super helpful</span>. Thanks!</div><div class='text-box'>In Boston for a graduation and combined leisure trip. <span class='review-span highlight' data-aligned-summaries='0'>The Colonnade was very comfortable</span>, convenient and <span class='review-span highlight' data-aligned-summaries='2'>friendly</span>. Highly recommend and would go back. Restaurant excellent.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">The rooms are perfectly spacious, clean and comfortable.</span> <span id="1" class="summary-sentence">The hotel is well-located as it is within walking distance to some good sights.</span> <span id="2" class="summary-sentence">Finally, the staff were always friendly and helpful too.</span></div></div>
74
+ <script>
75
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
76
+ sentence.addEventListener('mouseenter', function() {
77
+ const summaryId = this.getAttribute('id');
78
+ document.querySelectorAll('.review-span').forEach(span => {
79
+ if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
80
+ span.classList.remove('highlight');
81
+ span.classList.add('not-hover-highlight');
82
+ }
83
+ });
84
+ this.classList.add('highlight');
85
+ });
86
+
87
+ sentence.addEventListener('mouseleave', function() {
88
+ const summaryId = this.getAttribute('id');
89
+ document.querySelectorAll('.review-span').forEach(span => {
90
+ if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
91
+ span.classList.remove('not-hover-highlight');
92
+ span.classList.add('highlight');
93
+ }
94
+ this.classList.remove('highlight');
95
+ });
96
+ });
97
+ });
98
+
99
+ document.querySelectorAll('.review-span').forEach(span => {
100
+ span.addEventListener('mouseenter', function() {
101
+ document.querySelectorAll('.review-span').forEach(span => {
102
+ if (span !== this) {
103
+ span.classList.remove('highlight');
104
+ span.classList.add('not-hover-highlight');
105
+ }
106
+ });
107
+ const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
108
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
109
+ if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
110
+ sentence.classList.add('highlight');
111
+ }
112
+ });
113
+ });
114
+ });
115
+
116
+ document.querySelectorAll('.review-span').forEach(span => {
117
+ span.addEventListener('mouseleave', function() {
118
+ const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
119
+ document.querySelectorAll('.review-span').forEach(span => {
120
+ if (span !== this) {
121
+ span.classList.remove('not-hover-highlight');
122
+ span.classList.add('highlight');
123
+ }
124
+ });
125
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
126
+ if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
127
+ sentence.classList.remove('highlight');
128
+ }
129
+ });
130
+ });
131
+ });
132
+
133
+ </script>
134
+ </body>
135
+ </html>
html_files/train/CocoTrip-test_comm-inst_2_a_summ_2.html ADDED
@@ -0,0 +1,135 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+
2
+ <!DOCTYPE html>
3
+ <html lang="en">
4
+ <head>
5
+ <meta charset="UTF-8">
6
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
+ <title>Document Review</title>
8
+ <style>
9
+ body {
10
+ font-family: Arial, sans-serif;
11
+ display: flex;
12
+ justify-content: center; /* This will center the .reviews container on the screen */
13
+ align-items: flex-start;
14
+ height: 100vh;
15
+ margin: 2px; /* Remove default margin */
16
+ }
17
+
18
+ .highlight { background-color: yellow;
19
+ color: black !important; /* Dark grey for muted text */
20
+ cursor: pointer;}
21
+ .not-hover-highlight { background-color: lightyellow;
22
+ color: #606060 !important; /* Dark grey for muted text */}
23
+ .summary {
24
+ width: 50%;
25
+ font-size: 1.0rem;
26
+ padding: 10px;
27
+ height: 100vh; /* Maximum height to a third of the viewport height */
28
+ background-color: #9e9e9e0a;
29
+ }
30
+ .reviews {
31
+ width: 50%;
32
+ font-size: 0.7rem;
33
+ display: flex;
34
+ flex-wrap: wrap;
35
+ padding: 10px;
36
+ max-height: 100vh; /* Maximum height to a third of the viewport height */
37
+ overflow-y: auto; /* Enable vertical scrolling */
38
+ background-color: #9e9e9e0a; /* Light grey background */
39
+ }
40
+ .text-box {
41
+ width: calc(100% - 20px); /* Adjust based on padding */
42
+ margin: 10px;
43
+ padding: 10px;
44
+ background-color: #9e9e9e0a; /* Light grey background */
45
+ color: #606060bf;
46
+ border: 2px solid #ddd; /* Cartoonish border */
47
+ border-radius: 20px; /* Rounded corners for cartoonish effect */
48
+ position: relative;
49
+ box-shadow: 3px 3px #bbb; /* Soft shadow for depth */
50
+ }
51
+ .text-box:before {
52
+ content: '';
53
+ position: absolute;
54
+ right: 100%;
55
+ bottom: 20%;
56
+ border-top: 10px solid transparent;
57
+ border-bottom: 10px solid transparent;
58
+ border-right: 10px solid #ddd; /* Arrow matching the border */
59
+ }
60
+ .summary-box {
61
+ padding: 10px;
62
+ margin: 10px 0;
63
+ background-color: #e6e6fa; /* Lavender background for a pleasant look */
64
+ border: 1px solid #ddd; /* Light border for definition */
65
+ border-radius: 5px; /* Slightly rounded corners */
66
+ box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* Soft shadow for depth */
67
+ cursor: pointer;
68
+ }
69
+ h4 { margin-top: 0; }
70
+ </style>
71
+ </head>
72
+ <body>
73
+ <div class='column reviews'><h2>Reviews</h2><div class='text-box'>On a recent extended visit to Boston (2+ weeks), we were lucky enough to stay at the Colonnade Hotel. This hotel is head and shoulders above other area hotels! <span class='review-span highlight' data-aligned-summaries='0'>The rooms are</span> decorated with a quiet sophistication that is <span class='review-span highlight' data-aligned-summaries='0'>very comfortable</span> (feather pillows and comforter, wool throw blanket), and every person we encountered on the staff - from housekeeping to the front desk - was helpful, courteous, and kind. The attached restaurant, Brasserie Jo, not only has very delicious food and a charming atmosphere, but also some of the best service we have encountered anywhere. As a whole, <span class='review-span highlight' data-aligned-summaries='0'>the service in the hotel was exceptional</span>, and we want to thank in <span class='review-span highlight' data-aligned-summaries='0'>particular the front desk staff</span>, concierge Jerry Good, and doorman Norman Maines. This hotel is superb in every respect, we could not recommend it more highly - we would never think of staying anywhere else in Boston.</div><div class='text-box'>The service was outstanding from check-in to check-out. <span class='review-span highlight' data-aligned-summaries='0'>The room service was outstanding, along with the guys up front, class act</span>. The location is so nice and very easy to move around the City. <span class='review-span highlight' data-aligned-summaries='1'>So many great places to eat around the hotel</span>. Nice size gym on the 5th floor with several carido machines. The Colonnade made my first stay in Boston a unique one and i will be back with my family. I felt very safe at all times and i felt like i was in the center of all activity with that location.</div><div class='text-box'>I stayed here for a wedding. While the wedding party was treated well, I was often treated poorly and spoken to as if I were trespassing on the property. <span class='review-span highlight' data-aligned-summaries='0'>The room was average and the shower was VERY bad</span>. The water pressure was painful and I felt that the shower head was going to fall off. The TV was the smallest hotel TV I have ever seen. <span class='review-span highlight' data-aligned-summaries='0'>Upon checkout, the front desk left me on hold for a long time to answer a simple question</span>. I would not recommend this hotel to anyone.</div><div class='text-box'>My husband and I first stayed here for our wedding weekend and enjoyed it so much we returned for our first anniversary. <span class='review-span highlight' data-aligned-summaries='0'>The rooms are</span> spacious, <span class='review-span highlight' data-aligned-summaries='0'>clean, and very comfortable</span>-ditto the bathrooms. <span class='review-span highlight' data-aligned-summaries='0'>The staff are polite, courteous, a thoughtful</span>-we even received a fruit and cheese plate in honor of our anniversary. We also love the location-within walking distance to Back Bay and the South End-both great walking neighborhoods. And the T is right out front if you're going further afield.</div><div class='text-box'>Let's make this simple from the very first greeting from Norman Maines the exceptional greeter/doorman/guest advocate my entre stay this was an exceptional experience. With Norman setting the standard each and every time I entered and exited it was not surprising to find <span class='review-span highlight' data-aligned-summaries='0'>the entire team above the norm and the rooms and service to match</span>. This is one boutique that gets it and knows how imortant the selection of team mebers is.</div><div class='text-box'>We had a great week in Boston staying at the Colonnade. <span class='review-span highlight' data-aligned-summaries='0'>It was very clean and comfortable</span> and the bathroom was excellent. <span class='review-span highlight' data-aligned-summaries='0'>The hotel staff were very helpful and polite</span>, especially Norman. If I visited Boston again, I would definately stay at the Colonnade Hotel and would recommend it to my friends.</div><div class='text-box'>I stayed at the Colonnade for four nights for a recent conference. <span class='review-span highlight' data-aligned-summaries='1'>It is immediately adjacent to</span> numerous things: a T connection, <span class='review-span highlight' data-aligned-summaries='1'>two fair-sized shopping plazas, several restaurants</span>, and the Hynes Convention Center. Further, <span class='review-span highlight' data-aligned-summaries='0'>the staff was super friendly and super helpful</span>. Thanks!</div><div class='text-box'>In Boston for a graduation and combined leisure trip. The <span class='review-span highlight' data-aligned-summaries='0'>Colonnade was very comfortable</span>, convenient and friendly. Highly recommend and would go back. Restaurant excellent.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">The rooms in this hotel are very clean and comfortable and the staff are helpful and friendly.</span> <span id="1" class="summary-sentence">The hotel is close to numerous restaurants and two shopping plazas.</span></div></div>
74
+ <script>
75
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
76
+ sentence.addEventListener('mouseenter', function() {
77
+ const summaryId = this.getAttribute('id');
78
+ document.querySelectorAll('.review-span').forEach(span => {
79
+ if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
80
+ span.classList.remove('highlight');
81
+ span.classList.add('not-hover-highlight');
82
+ }
83
+ });
84
+ this.classList.add('highlight');
85
+ });
86
+
87
+ sentence.addEventListener('mouseleave', function() {
88
+ const summaryId = this.getAttribute('id');
89
+ document.querySelectorAll('.review-span').forEach(span => {
90
+ if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
91
+ span.classList.remove('not-hover-highlight');
92
+ span.classList.add('highlight');
93
+ }
94
+ this.classList.remove('highlight');
95
+ });
96
+ });
97
+ });
98
+
99
+ document.querySelectorAll('.review-span').forEach(span => {
100
+ span.addEventListener('mouseenter', function() {
101
+ document.querySelectorAll('.review-span').forEach(span => {
102
+ if (span !== this) {
103
+ span.classList.remove('highlight');
104
+ span.classList.add('not-hover-highlight');
105
+ }
106
+ });
107
+ const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
108
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
109
+ if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
110
+ sentence.classList.add('highlight');
111
+ }
112
+ });
113
+ });
114
+ });
115
+
116
+ document.querySelectorAll('.review-span').forEach(span => {
117
+ span.addEventListener('mouseleave', function() {
118
+ const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
119
+ document.querySelectorAll('.review-span').forEach(span => {
120
+ if (span !== this) {
121
+ span.classList.remove('not-hover-highlight');
122
+ span.classList.add('highlight');
123
+ }
124
+ });
125
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
126
+ if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
127
+ sentence.classList.remove('highlight');
128
+ }
129
+ });
130
+ });
131
+ });
132
+
133
+ </script>
134
+ </body>
135
+ </html>
html_files/train/CocoTrip-test_comm-inst_2_b_summ_0.html ADDED
@@ -0,0 +1,135 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+
2
+ <!DOCTYPE html>
3
+ <html lang="en">
4
+ <head>
5
+ <meta charset="UTF-8">
6
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
+ <title>Document Review</title>
8
+ <style>
9
+ body {
10
+ font-family: Arial, sans-serif;
11
+ display: flex;
12
+ justify-content: center; /* This will center the .reviews container on the screen */
13
+ align-items: flex-start;
14
+ height: 100vh;
15
+ margin: 2px; /* Remove default margin */
16
+ }
17
+
18
+ .highlight { background-color: yellow;
19
+ color: black !important; /* Dark grey for muted text */
20
+ cursor: pointer;}
21
+ .not-hover-highlight { background-color: lightyellow;
22
+ color: #606060 !important; /* Dark grey for muted text */}
23
+ .summary {
24
+ width: 50%;
25
+ font-size: 1.0rem;
26
+ padding: 10px;
27
+ height: 100vh; /* Maximum height to a third of the viewport height */
28
+ background-color: #9e9e9e0a;
29
+ }
30
+ .reviews {
31
+ width: 50%;
32
+ font-size: 0.7rem;
33
+ display: flex;
34
+ flex-wrap: wrap;
35
+ padding: 10px;
36
+ max-height: 100vh; /* Maximum height to a third of the viewport height */
37
+ overflow-y: auto; /* Enable vertical scrolling */
38
+ background-color: #9e9e9e0a; /* Light grey background */
39
+ }
40
+ .text-box {
41
+ width: calc(100% - 20px); /* Adjust based on padding */
42
+ margin: 10px;
43
+ padding: 10px;
44
+ background-color: #9e9e9e0a; /* Light grey background */
45
+ color: #606060bf;
46
+ border: 2px solid #ddd; /* Cartoonish border */
47
+ border-radius: 20px; /* Rounded corners for cartoonish effect */
48
+ position: relative;
49
+ box-shadow: 3px 3px #bbb; /* Soft shadow for depth */
50
+ }
51
+ .text-box:before {
52
+ content: '';
53
+ position: absolute;
54
+ right: 100%;
55
+ bottom: 20%;
56
+ border-top: 10px solid transparent;
57
+ border-bottom: 10px solid transparent;
58
+ border-right: 10px solid #ddd; /* Arrow matching the border */
59
+ }
60
+ .summary-box {
61
+ padding: 10px;
62
+ margin: 10px 0;
63
+ background-color: #e6e6fa; /* Lavender background for a pleasant look */
64
+ border: 1px solid #ddd; /* Light border for definition */
65
+ border-radius: 5px; /* Slightly rounded corners */
66
+ box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* Soft shadow for depth */
67
+ cursor: pointer;
68
+ }
69
+ h4 { margin-top: 0; }
70
+ </style>
71
+ </head>
72
+ <body>
73
+ <div class='column reviews'><h2>Reviews</h2><div class='text-box'>In any season, this is one beautiful place. The hotel is vintage class from a time when quality mattered. <span class='review-span highlight' data-aligned-summaries='0'>The staff is professional, helpful and always available to answer questions or make you comfortable</span>. I have stayed here more times than I can count and it has been consistently wonderful for many years. <span class='review-span highlight' data-aligned-summaries='1'>So close to the never ending beauty of Boston Common and some of the best shopping within walking distances</span>, restaurants abound and there is a local flavor that mixes easily with a world class feel. Boston is rich in American history.be sure to immerse and educate yourself. From Paul Revere to famous seafood this place has it all. I have traveled the world, the comfort of this hotel appeals to my sense of tranquility. Tho the rooms are small, they render a feeling like going home to visit Grandmom.it's my favorite place in the world.</div><div class='text-box'>We were very pleased for the most part with our stay during the holiday which included an extra night due to the winter storm. The front desk <span class='review-span highlight' data-aligned-summaries='0'>staff were professional and very helpful</span>, as were the staff in the breakfast restaurant , tea and lounge bar. The rooms were nice, updated some. There is wireless in the lobby area though there is a charge for it in the room and some services in the business center. We were able to fax at the front desk without a charge. The Whiskey Bar was not a positive experience and will not be revisited. <span class='review-span highlight' data-aligned-summaries='1'>The location was perfect for our needs</span> and we enjoyed staying in the historic hotel. The Christmas Tea was a treat and enjoyed by all. All in all we would most likely return.</div><div class='text-box'>The park plaza was very nice,<span class='review-span highlight' data-aligned-summaries='1'>one block from the subway</span>, and only 15-20min to the hotel via subway. We asked the front desk for a renovated room and we recieved a king on the 8th floor. the <span class='review-span highlight' data-aligned-summaries='0'>room</span> was small but adequate and very <span class='review-span highlight' data-aligned-summaries='0'>clean</span>. The beds were very comfortable, and there were many channels to choose from an the tv. <span class='review-span highlight' data-aligned-summaries='0'>Room service food was not good</span>, however the front desk promptly apologized and credited our account. Mccormicks and schmiidt was good (the cowder, and fish n' chips). What made our stay even better is that we got it for $100 dollars a night through Priceline's name your own price deal!</div><div class='text-box'>When I found an online price for the well-known Boston Park Plaza Hotel for $149/night, I thought there must be a mistake. Or they were doing construction next door. But I never found any problems and got a wonderful rate for a fine <span class='review-span highlight' data-aligned-summaries='1'>hotel at a great location</span> near the Boston Garden near the Arlington St. subway stop. In fact, we were upgraded for free to the Towers floor and got a huge room, access to a lounge with free breakfast and evening appetizers and to wireless internet. This was a great place to stay for a mixed business/pleasure trip to Boston. I'd have been happy even if I had to pay more for the room.</div><div class='text-box'>All three of the south bank of elevators malfunctioned the entire four days we were there! One group of guests was stuck in elevator #3 for over an hour and a half. My wife and I got stuck between floors twice in elevators #1 and 2 two days in a row when the electronics suddenly just went dead. After fiddling with the buttons it started up again each time after about five minutes. I believe these sorts of maintenance/safety issues are unforgivable in a hotel this expensive and we will not be staying there again!</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='1'>This hotel was very near the Public Gardens, convenient to the Arlington stop on the T and in a central location</span>. The rooms were very nice and spacious. <span class='review-span highlight' data-aligned-summaries='0'>The staff was friendly and helpful</span>. My only complaint is that the walls were paper thin and we had very noisy neighbors who didn't sleep much on Saturday night. We called security but that was not much help. The hotel did compensate us for this inconvenience with lunch in the hotel restaurant. Otherwise it was a pleasant experience and a good value</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>The room is fine</span> but they need to finish the remodel with new baths. Providing robes would be nice also (like other fine hotels). <span class='review-span highlight' data-aligned-summaries='1'>The location is good for walking tours</span> of the Back Bay and, across the park, Beacon Hill. We also did the Freedom Trail on foot. An easy and excellent restaurant is across the street (Via Matta) but avoid ordinary Legal Seafoods unless you like boring food. We got a $220 rate (total w/tax) from 1800hotels.</div><div class='text-box'>Although <span class='review-span highlight' data-aligned-summaries='1'>the location is great</span>, we <span class='review-span highlight' data-aligned-summaries='0'>found the room</span> very <span class='review-span highlight' data-aligned-summaries='0'>small</span>, <span class='review-span highlight' data-aligned-summaries='0'>and not soundproof</span>. There are no coffee makers. Would not stay there again.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">The rooms in the hotel are clean and comfortable and the staff were friendly and helpful.</span> <span id="1" class="summary-sentence">The location is also ideal.</span></div></div>
74
+ <script>
75
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
76
+ sentence.addEventListener('mouseenter', function() {
77
+ const summaryId = this.getAttribute('id');
78
+ document.querySelectorAll('.review-span').forEach(span => {
79
+ if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
80
+ span.classList.remove('highlight');
81
+ span.classList.add('not-hover-highlight');
82
+ }
83
+ });
84
+ this.classList.add('highlight');
85
+ });
86
+
87
+ sentence.addEventListener('mouseleave', function() {
88
+ const summaryId = this.getAttribute('id');
89
+ document.querySelectorAll('.review-span').forEach(span => {
90
+ if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
91
+ span.classList.remove('not-hover-highlight');
92
+ span.classList.add('highlight');
93
+ }
94
+ this.classList.remove('highlight');
95
+ });
96
+ });
97
+ });
98
+
99
+ document.querySelectorAll('.review-span').forEach(span => {
100
+ span.addEventListener('mouseenter', function() {
101
+ document.querySelectorAll('.review-span').forEach(span => {
102
+ if (span !== this) {
103
+ span.classList.remove('highlight');
104
+ span.classList.add('not-hover-highlight');
105
+ }
106
+ });
107
+ const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
108
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
109
+ if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
110
+ sentence.classList.add('highlight');
111
+ }
112
+ });
113
+ });
114
+ });
115
+
116
+ document.querySelectorAll('.review-span').forEach(span => {
117
+ span.addEventListener('mouseleave', function() {
118
+ const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
119
+ document.querySelectorAll('.review-span').forEach(span => {
120
+ if (span !== this) {
121
+ span.classList.remove('not-hover-highlight');
122
+ span.classList.add('highlight');
123
+ }
124
+ });
125
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
126
+ if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
127
+ sentence.classList.remove('highlight');
128
+ }
129
+ });
130
+ });
131
+ });
132
+
133
+ </script>
134
+ </body>
135
+ </html>
html_files/train/CocoTrip-test_comm-inst_2_b_summ_1.html ADDED
@@ -0,0 +1,135 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+
2
+ <!DOCTYPE html>
3
+ <html lang="en">
4
+ <head>
5
+ <meta charset="UTF-8">
6
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
+ <title>Document Review</title>
8
+ <style>
9
+ body {
10
+ font-family: Arial, sans-serif;
11
+ display: flex;
12
+ justify-content: center; /* This will center the .reviews container on the screen */
13
+ align-items: flex-start;
14
+ height: 100vh;
15
+ margin: 2px; /* Remove default margin */
16
+ }
17
+
18
+ .highlight { background-color: yellow;
19
+ color: black !important; /* Dark grey for muted text */
20
+ cursor: pointer;}
21
+ .not-hover-highlight { background-color: lightyellow;
22
+ color: #606060 !important; /* Dark grey for muted text */}
23
+ .summary {
24
+ width: 50%;
25
+ font-size: 1.0rem;
26
+ padding: 10px;
27
+ height: 100vh; /* Maximum height to a third of the viewport height */
28
+ background-color: #9e9e9e0a;
29
+ }
30
+ .reviews {
31
+ width: 50%;
32
+ font-size: 0.7rem;
33
+ display: flex;
34
+ flex-wrap: wrap;
35
+ padding: 10px;
36
+ max-height: 100vh; /* Maximum height to a third of the viewport height */
37
+ overflow-y: auto; /* Enable vertical scrolling */
38
+ background-color: #9e9e9e0a; /* Light grey background */
39
+ }
40
+ .text-box {
41
+ width: calc(100% - 20px); /* Adjust based on padding */
42
+ margin: 10px;
43
+ padding: 10px;
44
+ background-color: #9e9e9e0a; /* Light grey background */
45
+ color: #606060bf;
46
+ border: 2px solid #ddd; /* Cartoonish border */
47
+ border-radius: 20px; /* Rounded corners for cartoonish effect */
48
+ position: relative;
49
+ box-shadow: 3px 3px #bbb; /* Soft shadow for depth */
50
+ }
51
+ .text-box:before {
52
+ content: '';
53
+ position: absolute;
54
+ right: 100%;
55
+ bottom: 20%;
56
+ border-top: 10px solid transparent;
57
+ border-bottom: 10px solid transparent;
58
+ border-right: 10px solid #ddd; /* Arrow matching the border */
59
+ }
60
+ .summary-box {
61
+ padding: 10px;
62
+ margin: 10px 0;
63
+ background-color: #e6e6fa; /* Lavender background for a pleasant look */
64
+ border: 1px solid #ddd; /* Light border for definition */
65
+ border-radius: 5px; /* Slightly rounded corners */
66
+ box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* Soft shadow for depth */
67
+ cursor: pointer;
68
+ }
69
+ h4 { margin-top: 0; }
70
+ </style>
71
+ </head>
72
+ <body>
73
+ <div class='column reviews'><h2>Reviews</h2><div class='text-box'>In any season, this is one beautiful place. The hotel is vintage class from a time when quality mattered. <span class='review-span highlight' data-aligned-summaries='2'>The staff is professional, helpful and always available to answer questions</span> or make you comfortable. I have stayed here more times than I can count and it has been consistently wonderful for many years. <span class='review-span highlight' data-aligned-summaries='1'>So close to the never ending beauty of Boston Common and some of the best shopping within walking distances</span>, restaurants abound and there is a local flavor that mixes easily with a world class feel. Boston is rich in American history.be sure to immerse and educate yourself. From Paul Revere to famous seafood this place has it all. I have traveled the world, the comfort of this hotel appeals to my sense of tranquility. Tho <span class='review-span highlight' data-aligned-summaries='0'>the rooms are small</span>, they render a feeling like going home to visit Grandmom.it's my favorite place in the world.</div><div class='text-box'>We were very pleased for the most part with our stay during the holiday which included an extra night due to the winter storm. <span class='review-span highlight' data-aligned-summaries='2'>The front desk staff were professional and very helpful, as were the staff in the breakfast restaurant , tea and lounge bar</span>. The rooms were nice, updated some. There is wireless in the lobby area though there is a charge for it in the room and some services in the business center. We were able to fax at the front desk without a charge. The Whiskey Bar was not a positive experience and will not be revisited. The location was perfect for our needs and we enjoyed staying in the historic hotel. The Christmas Tea was a treat and enjoyed by all. All in all we would most likely return.</div><div class='text-box'>The park plaza was very nice,<span class='review-span highlight' data-aligned-summaries='1'>one block from the subway, and only 15-20min to the hotel via subway</span>. We asked the front desk for a renovated room and we recieved a king on the 8th floor. <span class='review-span highlight' data-aligned-summaries='0'>the room was small but adequate and very clean</span>. <span class='review-span highlight' data-aligned-summaries='0'>The beds were very comfortable</span>, and there were many channels to choose from an the tv. <span class='review-span highlight' data-aligned-summaries='2'>Room service food was not good, however the front desk promptly apologized and credited our account</span>. Mccormicks and schmiidt was good (the cowder, and fish n' chips). What made our stay even better is that we got it for $100 dollars a night through Priceline's name your own price deal!</div><div class='text-box'>When I found an online price for the well-known Boston Park Plaza Hotel for $149/night, I thought there must be a mistake. Or they were doing construction next door. But I never found any problems and got a wonderful rate for a fine hotel at a great location near the Boston Garden near the Arlington St. subway stop. In fact, we were upgraded for free to the Towers floor and got <span class='review-span highlight' data-aligned-summaries='0'>a huge room</span>, access to a lounge with free breakfast and evening appetizers and to wireless internet. This was a great place to stay for a mixed business/pleasure trip to Boston. I'd have been happy even if I had to pay more for the room.</div><div class='text-box'>All three of the south bank of elevators malfunctioned the entire four days we were there! One group of guests was stuck in elevator #3 for over an hour and a half. My wife and I got stuck between floors twice in elevators #1 and 2 two days in a row when the electronics suddenly just went dead. After fiddling with the buttons it started up again each time after about five minutes. I believe these sorts of maintenance/safety issues are unforgivable in a hotel this expensive and we will not be staying there again!</div><div class='text-box'>This <span class='review-span highlight' data-aligned-summaries='1'>hotel was very near the Public Gardens</span>, convenient to the Arlington stop on the T and <span class='review-span highlight' data-aligned-summaries='1'>in a central location</span>. The <span class='review-span highlight' data-aligned-summaries='0'>rooms were</span> very nice and <span class='review-span highlight' data-aligned-summaries='0'>spacious</span>. The <span class='review-span highlight' data-aligned-summaries='2'>staff was friendly</span> and <span class='review-span highlight' data-aligned-summaries='2'>helpful</span>. My only complaint is that the walls were paper thin and we had very noisy neighbors who didn't sleep much on Saturday night. We called security but that was not much help. The hotel did compensate us for this inconvenience with lunch in the hotel restaurant. Otherwise it was a pleasant experience and a good value</div><div class='text-box'>The room is fine but they need to finish the remodel with new baths. Providing robes would be nice also (like other fine hotels). The <span class='review-span highlight' data-aligned-summaries='1'>location is good</span> for <span class='review-span highlight' data-aligned-summaries='1'>walking tours of the Back Bay and, across the park, Beacon Hill</span>. We also did the Freedom Trail on foot. An easy and excellent restaurant is across the street (Via Matta) but avoid ordinary Legal Seafoods unless you like boring food. We got a $220 rate (total w/tax) from 1800hotels.</div><div class='text-box'>Although the <span class='review-span highlight' data-aligned-summaries='1'>location is great</span>, we <span class='review-span highlight' data-aligned-summaries='0'>found the room very small</span>, and not soundproof. There are no coffee makers. Would not stay there again.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">The rooms are perfectly spacious, clean and comfortable.</span> <span id="1" class="summary-sentence">The hotel is well-located as it is within walking distance to some good sights.</span> <span id="2" class="summary-sentence">Finally, the staff were always friendly and helpful too.</span></div></div>
74
+ <script>
75
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
76
+ sentence.addEventListener('mouseenter', function() {
77
+ const summaryId = this.getAttribute('id');
78
+ document.querySelectorAll('.review-span').forEach(span => {
79
+ if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
80
+ span.classList.remove('highlight');
81
+ span.classList.add('not-hover-highlight');
82
+ }
83
+ });
84
+ this.classList.add('highlight');
85
+ });
86
+
87
+ sentence.addEventListener('mouseleave', function() {
88
+ const summaryId = this.getAttribute('id');
89
+ document.querySelectorAll('.review-span').forEach(span => {
90
+ if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
91
+ span.classList.remove('not-hover-highlight');
92
+ span.classList.add('highlight');
93
+ }
94
+ this.classList.remove('highlight');
95
+ });
96
+ });
97
+ });
98
+
99
+ document.querySelectorAll('.review-span').forEach(span => {
100
+ span.addEventListener('mouseenter', function() {
101
+ document.querySelectorAll('.review-span').forEach(span => {
102
+ if (span !== this) {
103
+ span.classList.remove('highlight');
104
+ span.classList.add('not-hover-highlight');
105
+ }
106
+ });
107
+ const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
108
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
109
+ if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
110
+ sentence.classList.add('highlight');
111
+ }
112
+ });
113
+ });
114
+ });
115
+
116
+ document.querySelectorAll('.review-span').forEach(span => {
117
+ span.addEventListener('mouseleave', function() {
118
+ const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
119
+ document.querySelectorAll('.review-span').forEach(span => {
120
+ if (span !== this) {
121
+ span.classList.remove('not-hover-highlight');
122
+ span.classList.add('highlight');
123
+ }
124
+ });
125
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
126
+ if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
127
+ sentence.classList.remove('highlight');
128
+ }
129
+ });
130
+ });
131
+ });
132
+
133
+ </script>
134
+ </body>
135
+ </html>
html_files/train/CocoTrip-test_comm-inst_2_b_summ_2.html ADDED
@@ -0,0 +1,135 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+
2
+ <!DOCTYPE html>
3
+ <html lang="en">
4
+ <head>
5
+ <meta charset="UTF-8">
6
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
+ <title>Document Review</title>
8
+ <style>
9
+ body {
10
+ font-family: Arial, sans-serif;
11
+ display: flex;
12
+ justify-content: center; /* This will center the .reviews container on the screen */
13
+ align-items: flex-start;
14
+ height: 100vh;
15
+ margin: 2px; /* Remove default margin */
16
+ }
17
+
18
+ .highlight { background-color: yellow;
19
+ color: black !important; /* Dark grey for muted text */
20
+ cursor: pointer;}
21
+ .not-hover-highlight { background-color: lightyellow;
22
+ color: #606060 !important; /* Dark grey for muted text */}
23
+ .summary {
24
+ width: 50%;
25
+ font-size: 1.0rem;
26
+ padding: 10px;
27
+ height: 100vh; /* Maximum height to a third of the viewport height */
28
+ background-color: #9e9e9e0a;
29
+ }
30
+ .reviews {
31
+ width: 50%;
32
+ font-size: 0.7rem;
33
+ display: flex;
34
+ flex-wrap: wrap;
35
+ padding: 10px;
36
+ max-height: 100vh; /* Maximum height to a third of the viewport height */
37
+ overflow-y: auto; /* Enable vertical scrolling */
38
+ background-color: #9e9e9e0a; /* Light grey background */
39
+ }
40
+ .text-box {
41
+ width: calc(100% - 20px); /* Adjust based on padding */
42
+ margin: 10px;
43
+ padding: 10px;
44
+ background-color: #9e9e9e0a; /* Light grey background */
45
+ color: #606060bf;
46
+ border: 2px solid #ddd; /* Cartoonish border */
47
+ border-radius: 20px; /* Rounded corners for cartoonish effect */
48
+ position: relative;
49
+ box-shadow: 3px 3px #bbb; /* Soft shadow for depth */
50
+ }
51
+ .text-box:before {
52
+ content: '';
53
+ position: absolute;
54
+ right: 100%;
55
+ bottom: 20%;
56
+ border-top: 10px solid transparent;
57
+ border-bottom: 10px solid transparent;
58
+ border-right: 10px solid #ddd; /* Arrow matching the border */
59
+ }
60
+ .summary-box {
61
+ padding: 10px;
62
+ margin: 10px 0;
63
+ background-color: #e6e6fa; /* Lavender background for a pleasant look */
64
+ border: 1px solid #ddd; /* Light border for definition */
65
+ border-radius: 5px; /* Slightly rounded corners */
66
+ box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* Soft shadow for depth */
67
+ cursor: pointer;
68
+ }
69
+ h4 { margin-top: 0; }
70
+ </style>
71
+ </head>
72
+ <body>
73
+ <div class='column reviews'><h2>Reviews</h2><div class='text-box'>In any season, this is one beautiful place. The hotel is vintage class from a time when quality mattered. <span class='review-span highlight' data-aligned-summaries='0'>The staff is professional, helpful and always available to answer questions or make you comfortable</span>. I have stayed here more times than I can count and it has been consistently wonderful for many years. <span class='review-span highlight' data-aligned-summaries='1'>So close to</span> the never ending beauty of Boston Common and <span class='review-span highlight' data-aligned-summaries='1'>some of the best shopping within walking distances</span>, <span class='review-span highlight' data-aligned-summaries='1'>restaurants</span> abound and there is a local flavor that mixes easily with a world class feel. Boston is rich in American history.be sure to immerse and educate yourself. From Paul Revere to famous seafood this place has it all. I have traveled the world, the comfort of this hotel appeals to my sense of tranquility. Tho the rooms are small, they render a feeling like going home to visit Grandmom.it's my favorite place in the world.</div><div class='text-box'>We were very pleased for the most part with our stay during the holiday which included an extra night due to the winter storm. The front desk <span class='review-span highlight' data-aligned-summaries='0'>staff were professional and very helpful</span>, as were the staff in the breakfast restaurant , tea and lounge bar. The rooms were nice, updated some. There is wireless in the lobby area though there is a charge for it in the room and some services in the business center. We were able to fax at the front desk without a charge. The Whiskey Bar was not a positive experience and will not be revisited. The location was perfect for our needs and we enjoyed staying in the historic hotel. The Christmas Tea was a treat and enjoyed by all. All in all we would most likely return.</div><div class='text-box'>The park plaza was very nice,one block from the subway, and only 15-20min to the hotel via subway. We asked the front desk for a renovated room and we recieved a king on the 8th floor. the <span class='review-span highlight' data-aligned-summaries='0'>room was</span> small but adequate and very <span class='review-span highlight' data-aligned-summaries='0'>clean</span>. The beds were very comfortable, and there were many channels to choose from an the tv. Room service food was not good, however the <span class='review-span highlight' data-aligned-summaries='0'>front desk</span> promptly apologized and <span class='review-span highlight' data-aligned-summaries='0'>credited our account</span>. Mccormicks and schmiidt was good (the cowder, and fish n' chips). What made our stay even better is that we got it for $100 dollars a night through Priceline's name your own price deal!</div><div class='text-box'>When I found an online price for the well-known Boston Park Plaza Hotel for $149/night, I thought there must be a mistake. Or they were doing construction next door. But I never found any problems and got a wonderful rate for a fine hotel at a great location near the Boston Garden near the Arlington St. subway stop. In fact, we were upgraded for free to the Towers floor and got a huge room, access to a lounge with free breakfast and evening appetizers and to wireless internet. This was a great place to stay for a mixed business/pleasure trip to Boston. I'd have been happy even if I had to pay more for the room.</div><div class='text-box'>All three of the south bank of elevators malfunctioned the entire four days we were there! One group of guests was stuck in elevator #3 for over an hour and a half. My wife and I got stuck between floors twice in elevators #1 and 2 two days in a row when the electronics suddenly just went dead. After fiddling with the buttons it started up again each time after about five minutes. I believe these sorts of maintenance/safety issues are unforgivable in a hotel this expensive and we will not be staying there again!</div><div class='text-box'>This hotel was very near the Public Gardens, convenient to the Arlington stop on the T and in a central location. The rooms were very nice and spacious. <span class='review-span highlight' data-aligned-summaries='0'>The staff was friendly and helpful</span>. My only complaint is that the walls were paper thin and we had very noisy neighbors who didn't sleep much on Saturday night. We called security but that was not much help. The hotel did compensate us for this inconvenience with lunch in the hotel restaurant. Otherwise it was a pleasant experience and a good value</div><div class='text-box'>The room is fine but they need to finish the remodel with new baths. Providing robes would be nice also (like other fine hotels). The location is good for walking tours of the Back Bay and, across the park, Beacon Hill. We also did the Freedom Trail on foot. An easy and excellent <span class='review-span highlight' data-aligned-summaries='1'>restaurant is across the street</span> (Via Matta) but avoid ordinary Legal Seafoods unless you like boring food. We got a $220 rate (total w/tax) from 1800hotels.</div><div class='text-box'>Although the location is great, we <span class='review-span highlight' data-aligned-summaries='0'>found the room very small</span>, and not soundproof. There are no coffee makers. Would not stay there again.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">The rooms in this hotel are very clean and comfortable and the staff are helpful and friendly.</span> <span id="1" class="summary-sentence">The hotel is close to numerous restaurants and two shopping plazas.</span></div></div>
74
+ <script>
75
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
76
+ sentence.addEventListener('mouseenter', function() {
77
+ const summaryId = this.getAttribute('id');
78
+ document.querySelectorAll('.review-span').forEach(span => {
79
+ if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
80
+ span.classList.remove('highlight');
81
+ span.classList.add('not-hover-highlight');
82
+ }
83
+ });
84
+ this.classList.add('highlight');
85
+ });
86
+
87
+ sentence.addEventListener('mouseleave', function() {
88
+ const summaryId = this.getAttribute('id');
89
+ document.querySelectorAll('.review-span').forEach(span => {
90
+ if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
91
+ span.classList.remove('not-hover-highlight');
92
+ span.classList.add('highlight');
93
+ }
94
+ this.classList.remove('highlight');
95
+ });
96
+ });
97
+ });
98
+
99
+ document.querySelectorAll('.review-span').forEach(span => {
100
+ span.addEventListener('mouseenter', function() {
101
+ document.querySelectorAll('.review-span').forEach(span => {
102
+ if (span !== this) {
103
+ span.classList.remove('highlight');
104
+ span.classList.add('not-hover-highlight');
105
+ }
106
+ });
107
+ const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
108
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
109
+ if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
110
+ sentence.classList.add('highlight');
111
+ }
112
+ });
113
+ });
114
+ });
115
+
116
+ document.querySelectorAll('.review-span').forEach(span => {
117
+ span.addEventListener('mouseleave', function() {
118
+ const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
119
+ document.querySelectorAll('.review-span').forEach(span => {
120
+ if (span !== this) {
121
+ span.classList.remove('not-hover-highlight');
122
+ span.classList.add('highlight');
123
+ }
124
+ });
125
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
126
+ if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
127
+ sentence.classList.remove('highlight');
128
+ }
129
+ });
130
+ });
131
+ });
132
+
133
+ </script>
134
+ </body>
135
+ </html>
html_files/train/CocoTrip-test_comm-inst_3_a_summ_0.html ADDED
@@ -0,0 +1,135 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+
2
+ <!DOCTYPE html>
3
+ <html lang="en">
4
+ <head>
5
+ <meta charset="UTF-8">
6
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
+ <title>Document Review</title>
8
+ <style>
9
+ body {
10
+ font-family: Arial, sans-serif;
11
+ display: flex;
12
+ justify-content: center; /* This will center the .reviews container on the screen */
13
+ align-items: flex-start;
14
+ height: 100vh;
15
+ margin: 2px; /* Remove default margin */
16
+ }
17
+
18
+ .highlight { background-color: yellow;
19
+ color: black !important; /* Dark grey for muted text */
20
+ cursor: pointer;}
21
+ .not-hover-highlight { background-color: lightyellow;
22
+ color: #606060 !important; /* Dark grey for muted text */}
23
+ .summary {
24
+ width: 50%;
25
+ font-size: 1.0rem;
26
+ padding: 10px;
27
+ height: 100vh; /* Maximum height to a third of the viewport height */
28
+ background-color: #9e9e9e0a;
29
+ }
30
+ .reviews {
31
+ width: 50%;
32
+ font-size: 0.7rem;
33
+ display: flex;
34
+ flex-wrap: wrap;
35
+ padding: 10px;
36
+ max-height: 100vh; /* Maximum height to a third of the viewport height */
37
+ overflow-y: auto; /* Enable vertical scrolling */
38
+ background-color: #9e9e9e0a; /* Light grey background */
39
+ }
40
+ .text-box {
41
+ width: calc(100% - 20px); /* Adjust based on padding */
42
+ margin: 10px;
43
+ padding: 10px;
44
+ background-color: #9e9e9e0a; /* Light grey background */
45
+ color: #606060bf;
46
+ border: 2px solid #ddd; /* Cartoonish border */
47
+ border-radius: 20px; /* Rounded corners for cartoonish effect */
48
+ position: relative;
49
+ box-shadow: 3px 3px #bbb; /* Soft shadow for depth */
50
+ }
51
+ .text-box:before {
52
+ content: '';
53
+ position: absolute;
54
+ right: 100%;
55
+ bottom: 20%;
56
+ border-top: 10px solid transparent;
57
+ border-bottom: 10px solid transparent;
58
+ border-right: 10px solid #ddd; /* Arrow matching the border */
59
+ }
60
+ .summary-box {
61
+ padding: 10px;
62
+ margin: 10px 0;
63
+ background-color: #e6e6fa; /* Lavender background for a pleasant look */
64
+ border: 1px solid #ddd; /* Light border for definition */
65
+ border-radius: 5px; /* Slightly rounded corners */
66
+ box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* Soft shadow for depth */
67
+ cursor: pointer;
68
+ }
69
+ h4 { margin-top: 0; }
70
+ </style>
71
+ </head>
72
+ <body>
73
+ <div class='column reviews'><h2>Reviews</h2><div class='text-box'>This is my second stay at the Pullman Hotel. Billed as a five star hotel. My view is its more like a 4* hotel, well situated in Barcelona, not too far from the 5 star establishment , the Arts Hotel. It's a functional business Hotel with all the room amenities, ( fast wi-fi in room, multi channel TV, Bath and shower, modern ( art deco) , nice roomy lobby etc. on most nights the restaurant was not open for dinner though the chef was flexible to prepare dinner for a small party per- arranged. We were not disappointed with the food. Tasty and well presented with generous portions <span class='review-span highlight' data-aligned-summaries='0'>Rooms are mid size and comfortable</span>, but pricey ( it was GSM congress week, I guess).</div><div class='text-box'>A great hotel for a weekend break. We thought the breakfast spread was excellent. Our room with a balcony and sea view was perfect and the sea breeze was lush. Everything was in good condition - smart bathrooms and good facilities. Only gripe would be <span class='review-span highlight' data-aligned-summaries='0'>crappy pillows and not the softest linen on the beds</span> but i suppose one can always find something to complain about (or at least i can!) The kids with the families tended to stay downstairs in the lower pool area leaving the younger set (us) to chill by the more modern pool on the roof. The location was great as it's a minute form the beach and it's a short walk or cab into town. well recommended</div><div class='text-box'>Very good hotel close to the party-beach-area: 1 minute walking! We got a room with sea view at 5th floor left wing which is great since the sun stays very long on the balcony. Distance to old town (picasso museum) is about 15 minutes onwards. <span class='review-span highlight' data-aligned-summaries='0'>Staff is superior: very friendly and very helpful</span>! Fitness: fitness centre in the hotel is tiny but there is a fitness park about 2 minutes walking distance for 16eur/day which provide a good facility. Fun: we were using the jacuzzi on the roof top few times. Very cool sitting there, enjoy a glass of wine and overlooking Barcelona. I will be here again!</div><div class='text-box'>Stayed at the hotel or 4 nights in August 2010. Everything about this hotel is 5 star and is a def hotel I wold stay in again if i stayed in barcelona. Breakfast was lovely and catered for all people(very impressed). Hotel has 2 pools which were fantastic My only negatives were 1. No English tv stations 2. Mini bar was very expensive so avoid at all costs FYI - If you don't want to be ripped off with expensive meals then avoid the sea front! We paid 55 euros for 2 pasta dishes and 2 fizzy drinks!</div><div class='text-box'>This is a thru 5 star hotel with excellent service. I can really recommend this hotel. It has <span class='review-span highlight' data-aligned-summaries='0'>very attentive staff</span>. I had a <span class='review-span highlight' data-aligned-summaries='0'>great room</span> (first floor 116), quiet, <span class='review-span highlight' data-aligned-summaries='0'>spacy</span>, <span class='review-span highlight' data-aligned-summaries='0'>clean</span> and very nicely decorated. This hotel has 2 great pools; 1 roof top pool with bar and 1 pool on the ground level. It is situated close to the Port Olympic, the Beach and Barcelonetta. So a great location. It is a great hotel for a combined city / beach vacation.</div><div class='text-box'>A beautiful hotel next to the beach with impeccable customer service. The <span class='review-span highlight' data-aligned-summaries='0'>rooms are nice</span>, the pool is great, but the hotel's greatest asset is the staff, who really go out of their way to treat all of their guests like they are special. Even though we are definitely not one of their high-revenue customers, everyone in the hotel treated us like we were royalty. I highly recommend the Pullman Skipper.</div><div class='text-box'>Though one short block off the actual sand, the place has great beaches in both directions. If you don't want the beach, there's a very fine rooftop pool with views of the sea. There's also a nice cafe right beside it with good, affordable breakfast. It's not cheap, but very nice.</div><div class='text-box'>Hotel was very trendy, loved the <span class='review-span highlight' data-aligned-summaries='0'>bathroom</span> which <span class='review-span highlight' data-aligned-summaries='0'>was utterly luxurious</span>:) large tv and <span class='review-span highlight' data-aligned-summaries='0'>comfortable bed</span>. Breakfast was good too. <span class='review-span highlight' data-aligned-summaries='0'>Staff were extremely helpful</span> with advice and hints on getting around the city.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">The staff of the hotel were very helpful and the rooms are comfortable.</span></div></div>
74
+ <script>
75
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
76
+ sentence.addEventListener('mouseenter', function() {
77
+ const summaryId = this.getAttribute('id');
78
+ document.querySelectorAll('.review-span').forEach(span => {
79
+ if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
80
+ span.classList.remove('highlight');
81
+ span.classList.add('not-hover-highlight');
82
+ }
83
+ });
84
+ this.classList.add('highlight');
85
+ });
86
+
87
+ sentence.addEventListener('mouseleave', function() {
88
+ const summaryId = this.getAttribute('id');
89
+ document.querySelectorAll('.review-span').forEach(span => {
90
+ if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
91
+ span.classList.remove('not-hover-highlight');
92
+ span.classList.add('highlight');
93
+ }
94
+ this.classList.remove('highlight');
95
+ });
96
+ });
97
+ });
98
+
99
+ document.querySelectorAll('.review-span').forEach(span => {
100
+ span.addEventListener('mouseenter', function() {
101
+ document.querySelectorAll('.review-span').forEach(span => {
102
+ if (span !== this) {
103
+ span.classList.remove('highlight');
104
+ span.classList.add('not-hover-highlight');
105
+ }
106
+ });
107
+ const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
108
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
109
+ if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
110
+ sentence.classList.add('highlight');
111
+ }
112
+ });
113
+ });
114
+ });
115
+
116
+ document.querySelectorAll('.review-span').forEach(span => {
117
+ span.addEventListener('mouseleave', function() {
118
+ const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
119
+ document.querySelectorAll('.review-span').forEach(span => {
120
+ if (span !== this) {
121
+ span.classList.remove('not-hover-highlight');
122
+ span.classList.add('highlight');
123
+ }
124
+ });
125
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
126
+ if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
127
+ sentence.classList.remove('highlight');
128
+ }
129
+ });
130
+ });
131
+ });
132
+
133
+ </script>
134
+ </body>
135
+ </html>
html_files/train/CocoTrip-test_comm-inst_3_a_summ_1.html ADDED
@@ -0,0 +1,135 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+
2
+ <!DOCTYPE html>
3
+ <html lang="en">
4
+ <head>
5
+ <meta charset="UTF-8">
6
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
+ <title>Document Review</title>
8
+ <style>
9
+ body {
10
+ font-family: Arial, sans-serif;
11
+ display: flex;
12
+ justify-content: center; /* This will center the .reviews container on the screen */
13
+ align-items: flex-start;
14
+ height: 100vh;
15
+ margin: 2px; /* Remove default margin */
16
+ }
17
+
18
+ .highlight { background-color: yellow;
19
+ color: black !important; /* Dark grey for muted text */
20
+ cursor: pointer;}
21
+ .not-hover-highlight { background-color: lightyellow;
22
+ color: #606060 !important; /* Dark grey for muted text */}
23
+ .summary {
24
+ width: 50%;
25
+ font-size: 1.0rem;
26
+ padding: 10px;
27
+ height: 100vh; /* Maximum height to a third of the viewport height */
28
+ background-color: #9e9e9e0a;
29
+ }
30
+ .reviews {
31
+ width: 50%;
32
+ font-size: 0.7rem;
33
+ display: flex;
34
+ flex-wrap: wrap;
35
+ padding: 10px;
36
+ max-height: 100vh; /* Maximum height to a third of the viewport height */
37
+ overflow-y: auto; /* Enable vertical scrolling */
38
+ background-color: #9e9e9e0a; /* Light grey background */
39
+ }
40
+ .text-box {
41
+ width: calc(100% - 20px); /* Adjust based on padding */
42
+ margin: 10px;
43
+ padding: 10px;
44
+ background-color: #9e9e9e0a; /* Light grey background */
45
+ color: #606060bf;
46
+ border: 2px solid #ddd; /* Cartoonish border */
47
+ border-radius: 20px; /* Rounded corners for cartoonish effect */
48
+ position: relative;
49
+ box-shadow: 3px 3px #bbb; /* Soft shadow for depth */
50
+ }
51
+ .text-box:before {
52
+ content: '';
53
+ position: absolute;
54
+ right: 100%;
55
+ bottom: 20%;
56
+ border-top: 10px solid transparent;
57
+ border-bottom: 10px solid transparent;
58
+ border-right: 10px solid #ddd; /* Arrow matching the border */
59
+ }
60
+ .summary-box {
61
+ padding: 10px;
62
+ margin: 10px 0;
63
+ background-color: #e6e6fa; /* Lavender background for a pleasant look */
64
+ border: 1px solid #ddd; /* Light border for definition */
65
+ border-radius: 5px; /* Slightly rounded corners */
66
+ box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* Soft shadow for depth */
67
+ cursor: pointer;
68
+ }
69
+ h4 { margin-top: 0; }
70
+ </style>
71
+ </head>
72
+ <body>
73
+ <div class='column reviews'><h2>Reviews</h2><div class='text-box'>This is my second stay at the Pullman Hotel. Billed as a five star hotel. My view is its more like a 4* hotel, well situated in Barcelona, not too far from the 5 star establishment , the Arts Hotel. It's a functional business Hotel with all the room amenities, ( fast wi-fi in room, multi channel TV, Bath and shower, modern ( art deco) , nice roomy lobby etc. on <span class='review-span highlight' data-aligned-summaries='0'>most nights the restaurant was not open for dinner though the chef was flexible to prepare dinner for a small party per- arranged</span>. We were not disappointed with the food. Tasty and well presented with generous portions Rooms are mid size and comfortable, but pricey ( it was GSM congress week, I guess).</div><div class='text-box'>A great hotel for a weekend break. We thought the breakfast spread was excellent. Our room with a balcony and sea view was perfect and the sea breeze was lush. Everything was in good condition - smart bathrooms and good facilities. Only gripe would be crappy pillows and not the softest linen on the beds but i suppose one can always find something to complain about (or at least i can!) The kids with the families tended to stay downstairs in the lower pool area leaving the younger set (us) to chill by the more modern pool on the roof. The location was great as it's a minute form the beach and it's a short walk or cab into town. well recommended</div><div class='text-box'>Very good hotel close to the party-beach-area: 1 minute walking! We got a room with sea view at 5th floor left wing which is great since the sun stays very long on the balcony. Distance to old town (picasso museum) is about 15 minutes onwards. <span class='review-span highlight' data-aligned-summaries='0'>Staff is superior: very friendly and very helpful</span>! Fitness: fitness centre in the hotel is tiny but there is a fitness park about 2 minutes walking distance for 16eur/day which provide a good facility. Fun: we were using the jacuzzi on the roof top few times. Very cool sitting there, enjoy a glass of wine and overlooking Barcelona. I will be here again!</div><div class='text-box'>Stayed at the hotel or 4 nights in August 2010. Everything about this hotel is 5 star and is a def hotel I wold stay in again if i stayed in barcelona. Breakfast was lovely and catered for all people(very impressed). Hotel has 2 pools which were fantastic My only negatives were 1. No English tv stations 2. Mini bar was very expensive so avoid at all costs FYI - If you don't want to be ripped off with expensive meals then avoid the sea front! We paid 55 euros for 2 pasta dishes and 2 fizzy drinks!</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>This is a thru 5 star hotel with excellent service</span>. I can really recommend this hotel. <span class='review-span highlight' data-aligned-summaries='0'>It has very attentive staff</span>. I had a great room (first floor 116), quiet, spacy, clean and very nicely decorated. This hotel has 2 great pools; 1 roof top pool with bar and 1 pool on the ground level. It is situated close to the Port Olympic, the Beach and Barcelonetta. So a great location. It is a great hotel for a combined city / beach vacation.</div><div class='text-box'>A beautiful hotel next to the beach with <span class='review-span highlight' data-aligned-summaries='0'>impeccable customer service</span>. The rooms are nice, the pool is great, but the hotel's greatest asset is <span class='review-span highlight' data-aligned-summaries='0'>the staff</span>, who <span class='review-span highlight' data-aligned-summaries='0'>really go out of their way to treat all of their guests like they are special</span>. Even though we are definitely not one of their high-revenue customers, everyone in the hotel treated us like we were royalty. I highly recommend the Pullman Skipper.</div><div class='text-box'>Though one short block off the actual sand, the place has great beaches in both directions. If you don't want the beach, there's a very fine rooftop pool with views of the sea. There's also a nice cafe right beside it with good, affordable breakfast. It's not cheap, but very nice.</div><div class='text-box'>Hotel was very trendy, loved the bathroom which was utterly luxurious:) large tv and comfortable bed. Breakfast was good too. <span class='review-span highlight' data-aligned-summaries='0'>Staff were extremely helpful with advice and hints on getting around the city</span>.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">The hotel staff always provided a great service and were very knowledgeable so super helpful.</span></div></div>
74
+ <script>
75
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
76
+ sentence.addEventListener('mouseenter', function() {
77
+ const summaryId = this.getAttribute('id');
78
+ document.querySelectorAll('.review-span').forEach(span => {
79
+ if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
80
+ span.classList.remove('highlight');
81
+ span.classList.add('not-hover-highlight');
82
+ }
83
+ });
84
+ this.classList.add('highlight');
85
+ });
86
+
87
+ sentence.addEventListener('mouseleave', function() {
88
+ const summaryId = this.getAttribute('id');
89
+ document.querySelectorAll('.review-span').forEach(span => {
90
+ if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
91
+ span.classList.remove('not-hover-highlight');
92
+ span.classList.add('highlight');
93
+ }
94
+ this.classList.remove('highlight');
95
+ });
96
+ });
97
+ });
98
+
99
+ document.querySelectorAll('.review-span').forEach(span => {
100
+ span.addEventListener('mouseenter', function() {
101
+ document.querySelectorAll('.review-span').forEach(span => {
102
+ if (span !== this) {
103
+ span.classList.remove('highlight');
104
+ span.classList.add('not-hover-highlight');
105
+ }
106
+ });
107
+ const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
108
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
109
+ if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
110
+ sentence.classList.add('highlight');
111
+ }
112
+ });
113
+ });
114
+ });
115
+
116
+ document.querySelectorAll('.review-span').forEach(span => {
117
+ span.addEventListener('mouseleave', function() {
118
+ const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
119
+ document.querySelectorAll('.review-span').forEach(span => {
120
+ if (span !== this) {
121
+ span.classList.remove('not-hover-highlight');
122
+ span.classList.add('highlight');
123
+ }
124
+ });
125
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
126
+ if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
127
+ sentence.classList.remove('highlight');
128
+ }
129
+ });
130
+ });
131
+ });
132
+
133
+ </script>
134
+ </body>
135
+ </html>
html_files/train/CocoTrip-test_comm-inst_3_a_summ_2.html ADDED
@@ -0,0 +1,135 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+
2
+ <!DOCTYPE html>
3
+ <html lang="en">
4
+ <head>
5
+ <meta charset="UTF-8">
6
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
+ <title>Document Review</title>
8
+ <style>
9
+ body {
10
+ font-family: Arial, sans-serif;
11
+ display: flex;
12
+ justify-content: center; /* This will center the .reviews container on the screen */
13
+ align-items: flex-start;
14
+ height: 100vh;
15
+ margin: 2px; /* Remove default margin */
16
+ }
17
+
18
+ .highlight { background-color: yellow;
19
+ color: black !important; /* Dark grey for muted text */
20
+ cursor: pointer;}
21
+ .not-hover-highlight { background-color: lightyellow;
22
+ color: #606060 !important; /* Dark grey for muted text */}
23
+ .summary {
24
+ width: 50%;
25
+ font-size: 1.0rem;
26
+ padding: 10px;
27
+ height: 100vh; /* Maximum height to a third of the viewport height */
28
+ background-color: #9e9e9e0a;
29
+ }
30
+ .reviews {
31
+ width: 50%;
32
+ font-size: 0.7rem;
33
+ display: flex;
34
+ flex-wrap: wrap;
35
+ padding: 10px;
36
+ max-height: 100vh; /* Maximum height to a third of the viewport height */
37
+ overflow-y: auto; /* Enable vertical scrolling */
38
+ background-color: #9e9e9e0a; /* Light grey background */
39
+ }
40
+ .text-box {
41
+ width: calc(100% - 20px); /* Adjust based on padding */
42
+ margin: 10px;
43
+ padding: 10px;
44
+ background-color: #9e9e9e0a; /* Light grey background */
45
+ color: #606060bf;
46
+ border: 2px solid #ddd; /* Cartoonish border */
47
+ border-radius: 20px; /* Rounded corners for cartoonish effect */
48
+ position: relative;
49
+ box-shadow: 3px 3px #bbb; /* Soft shadow for depth */
50
+ }
51
+ .text-box:before {
52
+ content: '';
53
+ position: absolute;
54
+ right: 100%;
55
+ bottom: 20%;
56
+ border-top: 10px solid transparent;
57
+ border-bottom: 10px solid transparent;
58
+ border-right: 10px solid #ddd; /* Arrow matching the border */
59
+ }
60
+ .summary-box {
61
+ padding: 10px;
62
+ margin: 10px 0;
63
+ background-color: #e6e6fa; /* Lavender background for a pleasant look */
64
+ border: 1px solid #ddd; /* Light border for definition */
65
+ border-radius: 5px; /* Slightly rounded corners */
66
+ box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* Soft shadow for depth */
67
+ cursor: pointer;
68
+ }
69
+ h4 { margin-top: 0; }
70
+ </style>
71
+ </head>
72
+ <body>
73
+ <div class='column reviews'><h2>Reviews</h2><div class='text-box'>This is my second stay at the Pullman Hotel. Billed as a five star hotel. My view is its more like a 4* hotel, well situated in Barcelona, not too far from the 5 star establishment , the Arts Hotel. It's a functional business Hotel with all the room amenities, ( fast wi-fi in room, multi channel TV, Bath and shower, modern ( art deco) , nice roomy lobby etc. on most nights the restaurant was not open for dinner though the chef was flexible to prepare dinner for a small party per- arranged. We were not disappointed with the food. Tasty and well presented with generous portions <span class='review-span highlight' data-aligned-summaries='0'>Rooms are mid size and comfortable</span>, but pricey ( it was GSM congress week, I guess).</div><div class='text-box'>A great hotel for a weekend break. We thought the breakfast spread was excellent. Our room with a balcony and sea view was perfect and the sea breeze was lush. <span class='review-span highlight' data-aligned-summaries='0'>Everything was in good condition - smart bathrooms and good facilities</span>. Only gripe would be <span class='review-span highlight' data-aligned-summaries='0'>crappy pillows and not the softest linen on the beds</span> but i suppose one can always find something to complain about (or at least i can!) The kids with the families tended to stay downstairs in the lower pool area leaving the younger set (us) to chill by the more modern pool on the roof. The location was great as it's a minute form the beach and it's a short walk or cab into town. well recommended</div><div class='text-box'>Very good hotel close to the party-beach-area: 1 minute walking! We got a room with sea view at 5th floor left wing which is great since the sun stays very long on the balcony. Distance to old town (picasso museum) is about 15 minutes onwards. <span class='review-span highlight' data-aligned-summaries='0'>Staff is superior</span>: very friendly <span class='review-span highlight' data-aligned-summaries='0'>and very helpful</span>! Fitness: fitness centre in the hotel is tiny but there is a fitness park about 2 minutes walking distance for 16eur/day which provide a good facility. Fun: we were using the jacuzzi on the roof top few times. Very cool sitting there, enjoy a glass of wine and overlooking Barcelona. I will be here again!</div><div class='text-box'>Stayed at the hotel or 4 nights in August 2010. Everything about this hotel is 5 star and is a def hotel I wold stay in again if i stayed in barcelona. Breakfast was lovely and catered for all people(very impressed). Hotel has 2 pools which were fantastic My only negatives were 1. No English tv stations 2. Mini bar was very expensive so avoid at all costs FYI - If you don't want to be ripped off with expensive meals then avoid the sea front! We paid 55 euros for 2 pasta dishes and 2 fizzy drinks!</div><div class='text-box'>This is a thru 5 star hotel with excellent service. I can really recommend this hotel. <span class='review-span highlight' data-aligned-summaries='0'>It has very attentive staff</span>. I had <span class='review-span highlight' data-aligned-summaries='0'>a great room</span> (first floor 116), quiet, <span class='review-span highlight' data-aligned-summaries='0'>spacy</span>, clean and very nicely decorated. This hotel has 2 great pools; 1 roof top pool with bar and 1 pool on the ground level. It is situated close to the Port Olympic, the Beach and Barcelonetta. So a great location. It is a great hotel for a combined city / beach vacation.</div><div class='text-box'>A beautiful hotel next to the beach with impeccable customer service. <span class='review-span highlight' data-aligned-summaries='0'>The rooms are nice</span>, the pool is great, but the hotel's greatest asset is <span class='review-span highlight' data-aligned-summaries='0'>the staff</span>, who <span class='review-span highlight' data-aligned-summaries='0'>really go out of their way to treat all of their guests like they are special</span>. Even though we are definitely not one of their high-revenue customers, everyone in the hotel treated us like we were royalty. I highly recommend the Pullman Skipper.</div><div class='text-box'>Though one short block off the actual sand, the place has great beaches in both directions. If you don't want the beach, there's a very fine rooftop pool with views of the sea. There's also a nice cafe right beside it with good, affordable breakfast. It's not cheap, but very nice.</div><div class='text-box'>Hotel was very trendy, loved the <span class='review-span highlight' data-aligned-summaries='0'>bathroom</span> which <span class='review-span highlight' data-aligned-summaries='0'>was utterly luxurious</span>:) large tv and <span class='review-span highlight' data-aligned-summaries='0'>comfortable bed</span>. Breakfast was good too. <span class='review-span highlight' data-aligned-summaries='0'>Staff were extremely helpful</span> with advice and hints on getting around the city.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">The rooms are large and and comfortable and the staff are all very helpful.</span></div></div>
74
+ <script>
75
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
76
+ sentence.addEventListener('mouseenter', function() {
77
+ const summaryId = this.getAttribute('id');
78
+ document.querySelectorAll('.review-span').forEach(span => {
79
+ if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
80
+ span.classList.remove('highlight');
81
+ span.classList.add('not-hover-highlight');
82
+ }
83
+ });
84
+ this.classList.add('highlight');
85
+ });
86
+
87
+ sentence.addEventListener('mouseleave', function() {
88
+ const summaryId = this.getAttribute('id');
89
+ document.querySelectorAll('.review-span').forEach(span => {
90
+ if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
91
+ span.classList.remove('not-hover-highlight');
92
+ span.classList.add('highlight');
93
+ }
94
+ this.classList.remove('highlight');
95
+ });
96
+ });
97
+ });
98
+
99
+ document.querySelectorAll('.review-span').forEach(span => {
100
+ span.addEventListener('mouseenter', function() {
101
+ document.querySelectorAll('.review-span').forEach(span => {
102
+ if (span !== this) {
103
+ span.classList.remove('highlight');
104
+ span.classList.add('not-hover-highlight');
105
+ }
106
+ });
107
+ const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
108
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
109
+ if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
110
+ sentence.classList.add('highlight');
111
+ }
112
+ });
113
+ });
114
+ });
115
+
116
+ document.querySelectorAll('.review-span').forEach(span => {
117
+ span.addEventListener('mouseleave', function() {
118
+ const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
119
+ document.querySelectorAll('.review-span').forEach(span => {
120
+ if (span !== this) {
121
+ span.classList.remove('not-hover-highlight');
122
+ span.classList.add('highlight');
123
+ }
124
+ });
125
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
126
+ if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
127
+ sentence.classList.remove('highlight');
128
+ }
129
+ });
130
+ });
131
+ });
132
+
133
+ </script>
134
+ </body>
135
+ </html>
html_files/train/CocoTrip-test_comm-inst_3_b_summ_0.html ADDED
@@ -0,0 +1,135 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+
2
+ <!DOCTYPE html>
3
+ <html lang="en">
4
+ <head>
5
+ <meta charset="UTF-8">
6
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
+ <title>Document Review</title>
8
+ <style>
9
+ body {
10
+ font-family: Arial, sans-serif;
11
+ display: flex;
12
+ justify-content: center; /* This will center the .reviews container on the screen */
13
+ align-items: flex-start;
14
+ height: 100vh;
15
+ margin: 2px; /* Remove default margin */
16
+ }
17
+
18
+ .highlight { background-color: yellow;
19
+ color: black !important; /* Dark grey for muted text */
20
+ cursor: pointer;}
21
+ .not-hover-highlight { background-color: lightyellow;
22
+ color: #606060 !important; /* Dark grey for muted text */}
23
+ .summary {
24
+ width: 50%;
25
+ font-size: 1.0rem;
26
+ padding: 10px;
27
+ height: 100vh; /* Maximum height to a third of the viewport height */
28
+ background-color: #9e9e9e0a;
29
+ }
30
+ .reviews {
31
+ width: 50%;
32
+ font-size: 0.7rem;
33
+ display: flex;
34
+ flex-wrap: wrap;
35
+ padding: 10px;
36
+ max-height: 100vh; /* Maximum height to a third of the viewport height */
37
+ overflow-y: auto; /* Enable vertical scrolling */
38
+ background-color: #9e9e9e0a; /* Light grey background */
39
+ }
40
+ .text-box {
41
+ width: calc(100% - 20px); /* Adjust based on padding */
42
+ margin: 10px;
43
+ padding: 10px;
44
+ background-color: #9e9e9e0a; /* Light grey background */
45
+ color: #606060bf;
46
+ border: 2px solid #ddd; /* Cartoonish border */
47
+ border-radius: 20px; /* Rounded corners for cartoonish effect */
48
+ position: relative;
49
+ box-shadow: 3px 3px #bbb; /* Soft shadow for depth */
50
+ }
51
+ .text-box:before {
52
+ content: '';
53
+ position: absolute;
54
+ right: 100%;
55
+ bottom: 20%;
56
+ border-top: 10px solid transparent;
57
+ border-bottom: 10px solid transparent;
58
+ border-right: 10px solid #ddd; /* Arrow matching the border */
59
+ }
60
+ .summary-box {
61
+ padding: 10px;
62
+ margin: 10px 0;
63
+ background-color: #e6e6fa; /* Lavender background for a pleasant look */
64
+ border: 1px solid #ddd; /* Light border for definition */
65
+ border-radius: 5px; /* Slightly rounded corners */
66
+ box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* Soft shadow for depth */
67
+ cursor: pointer;
68
+ }
69
+ h4 { margin-top: 0; }
70
+ </style>
71
+ </head>
72
+ <body>
73
+ <div class='column reviews'><h2>Reviews</h2><div class='text-box'>I struggled to get accommodation for our wedding anniversary as it clashed with the Spanish Grand Prix. I found the Pere IV on one of my many trawls, so was a bit suspicious that they still had availability. What a lucky girl I am! The receptionist gave us the 'most romantic room' - a lovely 9th floor room with a terrace and a complimentary bottle of beautiful cava to help us celebrate our anniversary. <span class='review-span highlight' data-aligned-summaries='0'>The staff could not not have been more helpful</span> and kind, willing to give advice on sights, restaurants, bars etc. Having a pool, jacuzzi and sauna was great after a days sightseeing, although the pool was a wee bit cool! The only downside was that it was a 10 min walk to get to the main tourist areas, although taxis are plentiful and fairly cheap and there is a metro station round the corner. An extremely good value for money hotel which we would definitely use again.</div><div class='text-box'>An excellent hotel that delivers every time. The location is away from the city centre but by using the metro (Bogatell located around the block) you can be any where in the city in a very little time. Use the T10 card and the metro is a cheap way to travel. The <span class='review-span highlight' data-aligned-summaries='0'>reception staff are exceptional</span>,Crisanta, Yvonne,David and the other reception staff <span class='review-span highlight' data-aligned-summaries='0'>cannot do enough to make your stay an enjoyable one</span>. The cleaning staff also deserve recognition the rooms and public areas are immaculately clean. Breakfast in a lovely bright room caters for the most fussy of eaters the choices available are so varied you cannot fail to leave the room satisfied and content ready to start your sightseeing day. My room(double for single use) was of a medium size but had everything required for an enjoyable stay. I look forward to seeing Magnuss and his team again next year.</div><div class='text-box'>We loved this hotel, the spa is excellent (despite the additional cost) and the hotel is only a short walk from the metro, and the city centre (Ramblas etc) is only one or two stops away. The area is not as pristine and smart as the rest of the city, but it is very safe to walk late at night, it appears to be an area that is not fully residential, however taxis are plentiful and bars / restaurants are within easy walking. La Sagrada Familia was the view from our window, how brilliant to wak up to that! <span class='review-span highlight' data-aligned-summaries='0'>The staff and reception were incredibly friendly</span>, and the hotel is very smart and clean. We will definately stay here again when we visit in 2011.</div><div class='text-box'>Went to this hotel with a group of 18 of us. The hotel is lovely, the <span class='review-span highlight' data-aligned-summaries='0'>rooms were big and very clean</span>. The <span class='review-span highlight' data-aligned-summaries='0'>hotel staff were helpful</span> and seemed really organised, they put our rooms next to each other on the same floor which was great and even let us check in early The breakfast was lovely lots to choose from, when we were going home there was a safe locked room to put your cases. We all said we would definately stay at this hotel when we come again. Just a warning got a taxi from the hotel to the airport which was 24 going and for some reason 43 going back.</div><div class='text-box'>Me and my boyfreind stayed here for 3 nights and <span class='review-span highlight' data-aligned-summaries='0'>it was one of the comfiest sleeps ever</span>. The bed was two double beds pushed together so it was really big! There was a complimentary mini bar, not alcoholic though and there were only a few drinks and they don't top them up either but meh! The breakfast was awesome buffet with lots of pastries, bread and cheeses:D The only things is that it's quite a walk into town. To wall to port olympic it's about 15 mins down a looong road. Then from Port Olympic it's another 15-20 mins to port vell.</div><div class='text-box'>This hotel iseverything you expect frrom a 4 star hotel. Very clean and <span class='review-span highlight' data-aligned-summaries='0'>comfortable rooms</span> and <span class='review-span highlight' data-aligned-summaries='0'>good service</span> with a smile <span class='review-span highlight' data-aligned-summaries='0'>from</span> all <span class='review-span highlight' data-aligned-summaries='0'>the staff</span>. The area is mainly industrial but my wife and I walked everywhere and never felt any threat whatsoever. It is about 10 mins walk to the port, 10 mins to Sagrada Familia and 15 mins to Ramblas.</div><div class='text-box'>Stayed for one night in the summer. <span class='review-span highlight' data-aligned-summaries='0'>Well air conditioned comfortable room</span> with free mini bar. The room needed a few touch ups, but on the whole was decent for a quick sleep and off out again. Breakfast was very basic continental. A pleasant experience, did the job.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>The staff are very nice</span> but <span class='review-span highlight' data-aligned-summaries='0'>the place is very grubby and old fashioned</span>. <span class='review-span highlight' data-aligned-summaries='0'>The towels are like cardboard</span>! The area is not nice, a bit industrial. Would not stay there again. More like a 3 star.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">The staff of the hotel were very helpful and the rooms are comfortable.</span></div></div>
74
+ <script>
75
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
76
+ sentence.addEventListener('mouseenter', function() {
77
+ const summaryId = this.getAttribute('id');
78
+ document.querySelectorAll('.review-span').forEach(span => {
79
+ if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
80
+ span.classList.remove('highlight');
81
+ span.classList.add('not-hover-highlight');
82
+ }
83
+ });
84
+ this.classList.add('highlight');
85
+ });
86
+
87
+ sentence.addEventListener('mouseleave', function() {
88
+ const summaryId = this.getAttribute('id');
89
+ document.querySelectorAll('.review-span').forEach(span => {
90
+ if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
91
+ span.classList.remove('not-hover-highlight');
92
+ span.classList.add('highlight');
93
+ }
94
+ this.classList.remove('highlight');
95
+ });
96
+ });
97
+ });
98
+
99
+ document.querySelectorAll('.review-span').forEach(span => {
100
+ span.addEventListener('mouseenter', function() {
101
+ document.querySelectorAll('.review-span').forEach(span => {
102
+ if (span !== this) {
103
+ span.classList.remove('highlight');
104
+ span.classList.add('not-hover-highlight');
105
+ }
106
+ });
107
+ const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
108
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
109
+ if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
110
+ sentence.classList.add('highlight');
111
+ }
112
+ });
113
+ });
114
+ });
115
+
116
+ document.querySelectorAll('.review-span').forEach(span => {
117
+ span.addEventListener('mouseleave', function() {
118
+ const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
119
+ document.querySelectorAll('.review-span').forEach(span => {
120
+ if (span !== this) {
121
+ span.classList.remove('not-hover-highlight');
122
+ span.classList.add('highlight');
123
+ }
124
+ });
125
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
126
+ if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
127
+ sentence.classList.remove('highlight');
128
+ }
129
+ });
130
+ });
131
+ });
132
+
133
+ </script>
134
+ </body>
135
+ </html>
html_files/train/CocoTrip-test_comm-inst_3_b_summ_1.html ADDED
@@ -0,0 +1,135 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+
2
+ <!DOCTYPE html>
3
+ <html lang="en">
4
+ <head>
5
+ <meta charset="UTF-8">
6
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
+ <title>Document Review</title>
8
+ <style>
9
+ body {
10
+ font-family: Arial, sans-serif;
11
+ display: flex;
12
+ justify-content: center; /* This will center the .reviews container on the screen */
13
+ align-items: flex-start;
14
+ height: 100vh;
15
+ margin: 2px; /* Remove default margin */
16
+ }
17
+
18
+ .highlight { background-color: yellow;
19
+ color: black !important; /* Dark grey for muted text */
20
+ cursor: pointer;}
21
+ .not-hover-highlight { background-color: lightyellow;
22
+ color: #606060 !important; /* Dark grey for muted text */}
23
+ .summary {
24
+ width: 50%;
25
+ font-size: 1.0rem;
26
+ padding: 10px;
27
+ height: 100vh; /* Maximum height to a third of the viewport height */
28
+ background-color: #9e9e9e0a;
29
+ }
30
+ .reviews {
31
+ width: 50%;
32
+ font-size: 0.7rem;
33
+ display: flex;
34
+ flex-wrap: wrap;
35
+ padding: 10px;
36
+ max-height: 100vh; /* Maximum height to a third of the viewport height */
37
+ overflow-y: auto; /* Enable vertical scrolling */
38
+ background-color: #9e9e9e0a; /* Light grey background */
39
+ }
40
+ .text-box {
41
+ width: calc(100% - 20px); /* Adjust based on padding */
42
+ margin: 10px;
43
+ padding: 10px;
44
+ background-color: #9e9e9e0a; /* Light grey background */
45
+ color: #606060bf;
46
+ border: 2px solid #ddd; /* Cartoonish border */
47
+ border-radius: 20px; /* Rounded corners for cartoonish effect */
48
+ position: relative;
49
+ box-shadow: 3px 3px #bbb; /* Soft shadow for depth */
50
+ }
51
+ .text-box:before {
52
+ content: '';
53
+ position: absolute;
54
+ right: 100%;
55
+ bottom: 20%;
56
+ border-top: 10px solid transparent;
57
+ border-bottom: 10px solid transparent;
58
+ border-right: 10px solid #ddd; /* Arrow matching the border */
59
+ }
60
+ .summary-box {
61
+ padding: 10px;
62
+ margin: 10px 0;
63
+ background-color: #e6e6fa; /* Lavender background for a pleasant look */
64
+ border: 1px solid #ddd; /* Light border for definition */
65
+ border-radius: 5px; /* Slightly rounded corners */
66
+ box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* Soft shadow for depth */
67
+ cursor: pointer;
68
+ }
69
+ h4 { margin-top: 0; }
70
+ </style>
71
+ </head>
72
+ <body>
73
+ <div class='column reviews'><h2>Reviews</h2><div class='text-box'>I struggled to get accommodation for our wedding anniversary as it clashed with the Spanish Grand Prix. I found the Pere IV on one of my many trawls, so was a bit suspicious that they still had availability. What a lucky girl I am! The receptionist gave us the 'most romantic room' - a lovely 9th floor room with a terrace and a complimentary bottle of beautiful cava to help us celebrate our anniversary. <span class='review-span highlight' data-aligned-summaries='0'>The staff could not not have been more helpful and kind, willing to give advice on sights, restaurants, bars etc</span>. Having a pool, jacuzzi and sauna was great after a days sightseeing, although the pool was a wee bit cool! The only downside was that it was a 10 min walk to get to the main tourist areas, although taxis are plentiful and fairly cheap and there is a metro station round the corner. An extremely good value for money hotel which we would definitely use again.</div><div class='text-box'>An excellent hotel that delivers every time. The location is away from the city centre but by using the metro (Bogatell located around the block) you can be any where in the city in a very little time. Use the T10 card and the metro is a cheap way to travel. The reception staff are exceptional,Crisanta, Yvonne,David and the other <span class='review-span highlight' data-aligned-summaries='0'>reception staff cannot do enough to make your stay an enjoyable one</span>. <span class='review-span highlight' data-aligned-summaries='0'>The cleaning staff also deserve recognition the rooms and public areas are immaculately clean</span>. Breakfast in a lovely bright room caters for the most fussy of eaters the choices available are so varied you cannot fail to leave the room satisfied and content ready to start your sightseeing day. My room(double for single use) was of a medium size but had everything required for an enjoyable stay. I look forward to seeing Magnuss and his team again next year.</div><div class='text-box'>We loved this hotel, the spa is excellent (despite the additional cost) and the hotel is only a short walk from the metro, and the city centre (Ramblas etc) is only one or two stops away. The area is not as pristine and smart as the rest of the city, but it is very safe to walk late at night, it appears to be an area that is not fully residential, however taxis are plentiful and bars / restaurants are within easy walking. La Sagrada Familia was the view from our window, how brilliant to wak up to that! <span class='review-span highlight' data-aligned-summaries='0'>The staff and reception were incredibly friendly</span>, and the hotel is very smart and clean. We will definately stay here again when we visit in 2011.</div><div class='text-box'>Went to this hotel with a group of 18 of us. The hotel is lovely, the rooms were big and very clean. The <span class='review-span highlight' data-aligned-summaries='0'>hotel staff were helpful</span> and seemed really <span class='review-span highlight' data-aligned-summaries='0'>organised</span>, they put our rooms next to each other on the same floor which was great and even let us check in early The breakfast was lovely lots to choose from, when we were going home there was a safe locked room to put your cases. We all said we would definately stay at this hotel when we come again. Just a warning got a taxi from the hotel to the airport which was 24 going and for some reason 43 going back.</div><div class='text-box'>Me and my boyfreind stayed here for 3 nights and it was one of the comfiest sleeps ever. The bed was two double beds pushed together so it was really big! There was a complimentary mini bar, not alcoholic though and there were only a few drinks and they don't top them up either but meh! The breakfast was awesome buffet with lots of pastries, bread and cheeses:D The only things is that it's quite a walk into town. To wall to port olympic it's about 15 mins down a looong road. Then from Port Olympic it's another 15-20 mins to port vell.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>This hotel iseverything you expect frrom a 4 star hotel</span>. Very clean and comfortable rooms and <span class='review-span highlight' data-aligned-summaries='0'>good service with a smile from all the staff</span>. The area is mainly industrial but my wife and I walked everywhere and never felt any threat whatsoever. It is about 10 mins walk to the port, 10 mins to Sagrada Familia and 15 mins to Ramblas.</div><div class='text-box'>Stayed for one night in the summer. Well air conditioned comfortable room with free mini bar. The room needed a few touch ups, but on the whole was decent for a quick sleep and off out again. Breakfast was very basic continental. A pleasant experience, did the job.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>The staff are very nice</span> but the place is very grubby and old fashioned. The towels are like cardboard! The area is not nice, a bit industrial. Would not stay there again. More like a 3 star.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">The hotel staff always provided a great service and were very knowledgeable so super helpful.</span></div></div>
74
+ <script>
75
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
76
+ sentence.addEventListener('mouseenter', function() {
77
+ const summaryId = this.getAttribute('id');
78
+ document.querySelectorAll('.review-span').forEach(span => {
79
+ if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
80
+ span.classList.remove('highlight');
81
+ span.classList.add('not-hover-highlight');
82
+ }
83
+ });
84
+ this.classList.add('highlight');
85
+ });
86
+
87
+ sentence.addEventListener('mouseleave', function() {
88
+ const summaryId = this.getAttribute('id');
89
+ document.querySelectorAll('.review-span').forEach(span => {
90
+ if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
91
+ span.classList.remove('not-hover-highlight');
92
+ span.classList.add('highlight');
93
+ }
94
+ this.classList.remove('highlight');
95
+ });
96
+ });
97
+ });
98
+
99
+ document.querySelectorAll('.review-span').forEach(span => {
100
+ span.addEventListener('mouseenter', function() {
101
+ document.querySelectorAll('.review-span').forEach(span => {
102
+ if (span !== this) {
103
+ span.classList.remove('highlight');
104
+ span.classList.add('not-hover-highlight');
105
+ }
106
+ });
107
+ const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
108
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
109
+ if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
110
+ sentence.classList.add('highlight');
111
+ }
112
+ });
113
+ });
114
+ });
115
+
116
+ document.querySelectorAll('.review-span').forEach(span => {
117
+ span.addEventListener('mouseleave', function() {
118
+ const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
119
+ document.querySelectorAll('.review-span').forEach(span => {
120
+ if (span !== this) {
121
+ span.classList.remove('not-hover-highlight');
122
+ span.classList.add('highlight');
123
+ }
124
+ });
125
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
126
+ if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
127
+ sentence.classList.remove('highlight');
128
+ }
129
+ });
130
+ });
131
+ });
132
+
133
+ </script>
134
+ </body>
135
+ </html>
html_files/train/CocoTrip-test_comm-inst_3_b_summ_2.html ADDED
@@ -0,0 +1,135 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+
2
+ <!DOCTYPE html>
3
+ <html lang="en">
4
+ <head>
5
+ <meta charset="UTF-8">
6
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
+ <title>Document Review</title>
8
+ <style>
9
+ body {
10
+ font-family: Arial, sans-serif;
11
+ display: flex;
12
+ justify-content: center; /* This will center the .reviews container on the screen */
13
+ align-items: flex-start;
14
+ height: 100vh;
15
+ margin: 2px; /* Remove default margin */
16
+ }
17
+
18
+ .highlight { background-color: yellow;
19
+ color: black !important; /* Dark grey for muted text */
20
+ cursor: pointer;}
21
+ .not-hover-highlight { background-color: lightyellow;
22
+ color: #606060 !important; /* Dark grey for muted text */}
23
+ .summary {
24
+ width: 50%;
25
+ font-size: 1.0rem;
26
+ padding: 10px;
27
+ height: 100vh; /* Maximum height to a third of the viewport height */
28
+ background-color: #9e9e9e0a;
29
+ }
30
+ .reviews {
31
+ width: 50%;
32
+ font-size: 0.7rem;
33
+ display: flex;
34
+ flex-wrap: wrap;
35
+ padding: 10px;
36
+ max-height: 100vh; /* Maximum height to a third of the viewport height */
37
+ overflow-y: auto; /* Enable vertical scrolling */
38
+ background-color: #9e9e9e0a; /* Light grey background */
39
+ }
40
+ .text-box {
41
+ width: calc(100% - 20px); /* Adjust based on padding */
42
+ margin: 10px;
43
+ padding: 10px;
44
+ background-color: #9e9e9e0a; /* Light grey background */
45
+ color: #606060bf;
46
+ border: 2px solid #ddd; /* Cartoonish border */
47
+ border-radius: 20px; /* Rounded corners for cartoonish effect */
48
+ position: relative;
49
+ box-shadow: 3px 3px #bbb; /* Soft shadow for depth */
50
+ }
51
+ .text-box:before {
52
+ content: '';
53
+ position: absolute;
54
+ right: 100%;
55
+ bottom: 20%;
56
+ border-top: 10px solid transparent;
57
+ border-bottom: 10px solid transparent;
58
+ border-right: 10px solid #ddd; /* Arrow matching the border */
59
+ }
60
+ .summary-box {
61
+ padding: 10px;
62
+ margin: 10px 0;
63
+ background-color: #e6e6fa; /* Lavender background for a pleasant look */
64
+ border: 1px solid #ddd; /* Light border for definition */
65
+ border-radius: 5px; /* Slightly rounded corners */
66
+ box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* Soft shadow for depth */
67
+ cursor: pointer;
68
+ }
69
+ h4 { margin-top: 0; }
70
+ </style>
71
+ </head>
72
+ <body>
73
+ <div class='column reviews'><h2>Reviews</h2><div class='text-box'>I struggled to get accommodation for our wedding anniversary as it clashed with the Spanish Grand Prix. I found the Pere IV on one of my many trawls, so was a bit suspicious that they still had availability. What a lucky girl I am! The receptionist gave us the 'most romantic room' - a lovely 9th floor room with a terrace and a complimentary bottle of beautiful cava to help us celebrate our anniversary. <span class='review-span highlight' data-aligned-summaries='0'>The staff could not not have been more helpful</span> and kind, willing to give advice on sights, restaurants, bars etc. Having a pool, jacuzzi and sauna was great after a days sightseeing, although the pool was a wee bit cool! The only downside was that it was a 10 min walk to get to the main tourist areas, although taxis are plentiful and fairly cheap and there is a metro station round the corner. An extremely good value for money hotel which we would definitely use again.</div><div class='text-box'>An excellent hotel that delivers every time. The location is away from the city centre but by using the metro (Bogatell located around the block) you can be any where in the city in a very little time. Use the T10 card and the metro is a cheap way to travel. The reception <span class='review-span highlight' data-aligned-summaries='0'>staff are exceptional</span>,Crisanta, Yvonne,David and the other reception staff <span class='review-span highlight' data-aligned-summaries='0'>cannot do enough to make your stay an enjoyable one</span>. The cleaning staff also deserve recognition the rooms and public areas are immaculately clean. Breakfast in a lovely bright room caters for the most fussy of eaters the choices available are so varied you cannot fail to leave the room satisfied and content ready to start your sightseeing day. My room(double for single use) was of a medium size but had everything required for an enjoyable stay. I look forward to seeing Magnuss and his team again next year.</div><div class='text-box'>We loved this hotel, the spa is excellent (despite the additional cost) and the hotel is only a short walk from the metro, and the city centre (Ramblas etc) is only one or two stops away. The area is not as pristine and smart as the rest of the city, but it is very safe to walk late at night, it appears to be an area that is not fully residential, however taxis are plentiful and bars / restaurants are within easy walking. La Sagrada Familia was the view from our window, how brilliant to wak up to that! <span class='review-span highlight' data-aligned-summaries='0'>The staff and reception were incredibly friendly</span>, and the hotel is very smart and clean. We will definately stay here again when we visit in 2011.</div><div class='text-box'>Went to this hotel with a group of 18 of us. The hotel is lovely, <span class='review-span highlight' data-aligned-summaries='0'>the rooms were big</span> and very clean. <span class='review-span highlight' data-aligned-summaries='0'>The hotel staff were helpful</span> and seemed really organised, they put our rooms next to each other on the same floor which was great and even let us check in early The breakfast was lovely lots to choose from, when we were going home there was a safe locked room to put your cases. We all said we would definately stay at this hotel when we come again. Just a warning got a taxi from the hotel to the airport which was 24 going and for some reason 43 going back.</div><div class='text-box'>Me and my boyfreind stayed here for 3 nights and it was one of the comfiest sleeps ever. The bed was two double beds pushed together so it was really big! There was a complimentary mini bar, not alcoholic though and there were only a few drinks and they don't top them up either but meh! The breakfast was awesome buffet with lots of pastries, bread and cheeses:D The only things is that it's quite a walk into town. To wall to port olympic it's about 15 mins down a looong road. Then from Port Olympic it's another 15-20 mins to port vell.</div><div class='text-box'>This hotel iseverything you expect frrom a 4 star hotel. <span class='review-span highlight' data-aligned-summaries='0'>Very clean and comfortable rooms</span> and <span class='review-span highlight' data-aligned-summaries='0'>good service with a smile from all the staff</span>. The area is mainly industrial but my wife and I walked everywhere and never felt any threat whatsoever. It is about 10 mins walk to the port, 10 mins to Sagrada Familia and 15 mins to Ramblas.</div><div class='text-box'>Stayed for one night in the summer. Well air conditioned <span class='review-span highlight' data-aligned-summaries='0'>comfortable room</span> with free mini bar. The room needed a few touch ups, but on the whole was decent for a quick sleep and off out again. Breakfast was very basic continental. A pleasant experience, did the job.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>The staff are very nice</span> but <span class='review-span highlight' data-aligned-summaries='0'>the place is very grubby</span> and old fashioned. <span class='review-span highlight' data-aligned-summaries='0'>The towels are like cardboard</span>! The area is not nice, a bit industrial. Would not stay there again. More like a 3 star.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">The rooms are large and and comfortable and the staff are all very helpful.</span></div></div>
74
+ <script>
75
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
76
+ sentence.addEventListener('mouseenter', function() {
77
+ const summaryId = this.getAttribute('id');
78
+ document.querySelectorAll('.review-span').forEach(span => {
79
+ if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
80
+ span.classList.remove('highlight');
81
+ span.classList.add('not-hover-highlight');
82
+ }
83
+ });
84
+ this.classList.add('highlight');
85
+ });
86
+
87
+ sentence.addEventListener('mouseleave', function() {
88
+ const summaryId = this.getAttribute('id');
89
+ document.querySelectorAll('.review-span').forEach(span => {
90
+ if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
91
+ span.classList.remove('not-hover-highlight');
92
+ span.classList.add('highlight');
93
+ }
94
+ this.classList.remove('highlight');
95
+ });
96
+ });
97
+ });
98
+
99
+ document.querySelectorAll('.review-span').forEach(span => {
100
+ span.addEventListener('mouseenter', function() {
101
+ document.querySelectorAll('.review-span').forEach(span => {
102
+ if (span !== this) {
103
+ span.classList.remove('highlight');
104
+ span.classList.add('not-hover-highlight');
105
+ }
106
+ });
107
+ const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
108
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
109
+ if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
110
+ sentence.classList.add('highlight');
111
+ }
112
+ });
113
+ });
114
+ });
115
+
116
+ document.querySelectorAll('.review-span').forEach(span => {
117
+ span.addEventListener('mouseleave', function() {
118
+ const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
119
+ document.querySelectorAll('.review-span').forEach(span => {
120
+ if (span !== this) {
121
+ span.classList.remove('not-hover-highlight');
122
+ span.classList.add('highlight');
123
+ }
124
+ });
125
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
126
+ if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
127
+ sentence.classList.remove('highlight');
128
+ }
129
+ });
130
+ });
131
+ });
132
+
133
+ </script>
134
+ </body>
135
+ </html>
html_files/train/CocoTrip-test_comm-inst_6_a_summ_0.html ADDED
@@ -0,0 +1,135 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+
2
+ <!DOCTYPE html>
3
+ <html lang="en">
4
+ <head>
5
+ <meta charset="UTF-8">
6
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
+ <title>Document Review</title>
8
+ <style>
9
+ body {
10
+ font-family: Arial, sans-serif;
11
+ display: flex;
12
+ justify-content: center; /* This will center the .reviews container on the screen */
13
+ align-items: flex-start;
14
+ height: 100vh;
15
+ margin: 2px; /* Remove default margin */
16
+ }
17
+
18
+ .highlight { background-color: yellow;
19
+ color: black !important; /* Dark grey for muted text */
20
+ cursor: pointer;}
21
+ .not-hover-highlight { background-color: lightyellow;
22
+ color: #606060 !important; /* Dark grey for muted text */}
23
+ .summary {
24
+ width: 50%;
25
+ font-size: 1.0rem;
26
+ padding: 10px;
27
+ height: 100vh; /* Maximum height to a third of the viewport height */
28
+ background-color: #9e9e9e0a;
29
+ }
30
+ .reviews {
31
+ width: 50%;
32
+ font-size: 0.7rem;
33
+ display: flex;
34
+ flex-wrap: wrap;
35
+ padding: 10px;
36
+ max-height: 100vh; /* Maximum height to a third of the viewport height */
37
+ overflow-y: auto; /* Enable vertical scrolling */
38
+ background-color: #9e9e9e0a; /* Light grey background */
39
+ }
40
+ .text-box {
41
+ width: calc(100% - 20px); /* Adjust based on padding */
42
+ margin: 10px;
43
+ padding: 10px;
44
+ background-color: #9e9e9e0a; /* Light grey background */
45
+ color: #606060bf;
46
+ border: 2px solid #ddd; /* Cartoonish border */
47
+ border-radius: 20px; /* Rounded corners for cartoonish effect */
48
+ position: relative;
49
+ box-shadow: 3px 3px #bbb; /* Soft shadow for depth */
50
+ }
51
+ .text-box:before {
52
+ content: '';
53
+ position: absolute;
54
+ right: 100%;
55
+ bottom: 20%;
56
+ border-top: 10px solid transparent;
57
+ border-bottom: 10px solid transparent;
58
+ border-right: 10px solid #ddd; /* Arrow matching the border */
59
+ }
60
+ .summary-box {
61
+ padding: 10px;
62
+ margin: 10px 0;
63
+ background-color: #e6e6fa; /* Lavender background for a pleasant look */
64
+ border: 1px solid #ddd; /* Light border for definition */
65
+ border-radius: 5px; /* Slightly rounded corners */
66
+ box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* Soft shadow for depth */
67
+ cursor: pointer;
68
+ }
69
+ h4 { margin-top: 0; }
70
+ </style>
71
+ </head>
72
+ <body>
73
+ <div class='column reviews'><h2>Reviews</h2><div class='text-box'>Returned yesterday from a 2 night stay at the Hotel New Amsterdam with my wife and 11 year old son and have to say what a joy it was,from the initial welcoming cup of tea to the final goodbye it was a superb experience. The hotel is very centrally located just a 10 minute walk from the Central Station and next to a charming canal and although the rooms are on the small side(we had the mini-suite in the loft which had a tricky low ceiling! and generally traditional Amsterdam hotels are on the small side) they are beautifully decorated and very cosy with high quality furnishings.Just look out for the steep stairs if you have large suitcases it can be hard work! The breakfast was typically continental with cold meats,cereals and a lovely selection of bread ,fresh juice and good coffee etc.served in a smart little dining room with a tv showing BBC news. What set this place apart for me was the service from <span class='review-span highlight' data-aligned-summaries='0'>all the staff who went out of their way to help and make us feel special</span>-we have used many hotels in the US and Europe and can honestly say this hotel is right at the top when it comes to service,nothing was too much trouble. Would not hesitate in returning to this hotel.</div><div class='text-box'>The hotel is located in Jordaan, beautiful district with very cozy restaurants. The hotel has modern looks, great breakfast, and <span class='review-span highlight' data-aligned-summaries='0'>the staff are nice and friendly</span>. I stayed in room 342, which is in the third floor, and has two twin beds. The room was OK, but I do have to say that each bed was extremely small! 68 cm wide (which is very small) I actually asked the staff if this was normal, and they said that in Amsterdam hotels it is normal. Apart from this, I would recommend the hotel, but I would make sure, before making the reservation that they book you a room with normal sized beds. Oh, also, the room rate doesn't include breakfast (which was 7 euros, more or less)</div><div class='text-box'>I was in this hotel during 4 days, and it was perfect. <span class='review-span highlight' data-aligned-summaries='0'>Staff is really kind,they help us in any moment</span>. Breakfast for free and also tea and coffe. Internet too for free. The hotel is only 5 minutes from central station, and it is placed in the best area of Amsterdam, in the city center.Very nice room, so clean and beatifull with canal view. In my opinion, the hotel style is great, it is different, and prices are ok.</div><div class='text-box'>Hotels in Amsterdam is not cheap. This hotel has a reasonable price and has an excellent location near the central station but still in a very nice area, Jordaan. The rooms (we chose a L) are of a good size and reasonably clean. The "continental breakfast" was toast and jam, with coffee or tea, which was kind of a let down. But, at this price and location, it's a great hotel.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>The staff were friendly and helpful</span>. The room was comfortable but small. We believe they cater for a gay market, whilst this does not bother us at all, we did find the explicit gay pornography left in the common areas offensive and gave the hotel a seedy element. We would feel the same way about heterosexual material being availabe in the same way. Would not stay there again based on this.</div><div class='text-box'>This is a small hotel located about a 5 minute walk from the Central Station in a quiet neighborhood in Amsterdam. <span class='review-span highlight' data-aligned-summaries='0'>The staff is friendly</span> and the rooms are simple and clean. Most rooms tend to be a little small but are generally a pretty good value. They provide a breakfast which unfortunately is only bread/toast and jelly/jam but there are plaves to eat nearby. They also offer free wireless internet.</div><div class='text-box'>I stayed at this just last week. Great place to stay, free breakfast and internet. Just have to wait for everyone to log off so you can get on. Even books to read if you don't want to sightsee in a number of languages. Coffee and tea available all the time as well - free! Really close to everything as well.</div><div class='text-box'>very good value for money. great location, <span class='review-span highlight' data-aligned-summaries='0'>great service,</span> great room, great breakfast wish there was one of these hotels in every city</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">Some of the staff at the hotel were helpful and amiable to guests.</span></div></div>
74
+ <script>
75
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
76
+ sentence.addEventListener('mouseenter', function() {
77
+ const summaryId = this.getAttribute('id');
78
+ document.querySelectorAll('.review-span').forEach(span => {
79
+ if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
80
+ span.classList.remove('highlight');
81
+ span.classList.add('not-hover-highlight');
82
+ }
83
+ });
84
+ this.classList.add('highlight');
85
+ });
86
+
87
+ sentence.addEventListener('mouseleave', function() {
88
+ const summaryId = this.getAttribute('id');
89
+ document.querySelectorAll('.review-span').forEach(span => {
90
+ if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
91
+ span.classList.remove('not-hover-highlight');
92
+ span.classList.add('highlight');
93
+ }
94
+ this.classList.remove('highlight');
95
+ });
96
+ });
97
+ });
98
+
99
+ document.querySelectorAll('.review-span').forEach(span => {
100
+ span.addEventListener('mouseenter', function() {
101
+ document.querySelectorAll('.review-span').forEach(span => {
102
+ if (span !== this) {
103
+ span.classList.remove('highlight');
104
+ span.classList.add('not-hover-highlight');
105
+ }
106
+ });
107
+ const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
108
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
109
+ if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
110
+ sentence.classList.add('highlight');
111
+ }
112
+ });
113
+ });
114
+ });
115
+
116
+ document.querySelectorAll('.review-span').forEach(span => {
117
+ span.addEventListener('mouseleave', function() {
118
+ const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
119
+ document.querySelectorAll('.review-span').forEach(span => {
120
+ if (span !== this) {
121
+ span.classList.remove('not-hover-highlight');
122
+ span.classList.add('highlight');
123
+ }
124
+ });
125
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
126
+ if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
127
+ sentence.classList.remove('highlight');
128
+ }
129
+ });
130
+ });
131
+ });
132
+
133
+ </script>
134
+ </body>
135
+ </html>
html_files/train/CocoTrip-test_comm-inst_6_a_summ_1.html ADDED
@@ -0,0 +1,135 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+
2
+ <!DOCTYPE html>
3
+ <html lang="en">
4
+ <head>
5
+ <meta charset="UTF-8">
6
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
+ <title>Document Review</title>
8
+ <style>
9
+ body {
10
+ font-family: Arial, sans-serif;
11
+ display: flex;
12
+ justify-content: center; /* This will center the .reviews container on the screen */
13
+ align-items: flex-start;
14
+ height: 100vh;
15
+ margin: 2px; /* Remove default margin */
16
+ }
17
+
18
+ .highlight { background-color: yellow;
19
+ color: black !important; /* Dark grey for muted text */
20
+ cursor: pointer;}
21
+ .not-hover-highlight { background-color: lightyellow;
22
+ color: #606060 !important; /* Dark grey for muted text */}
23
+ .summary {
24
+ width: 50%;
25
+ font-size: 1.0rem;
26
+ padding: 10px;
27
+ height: 100vh; /* Maximum height to a third of the viewport height */
28
+ background-color: #9e9e9e0a;
29
+ }
30
+ .reviews {
31
+ width: 50%;
32
+ font-size: 0.7rem;
33
+ display: flex;
34
+ flex-wrap: wrap;
35
+ padding: 10px;
36
+ max-height: 100vh; /* Maximum height to a third of the viewport height */
37
+ overflow-y: auto; /* Enable vertical scrolling */
38
+ background-color: #9e9e9e0a; /* Light grey background */
39
+ }
40
+ .text-box {
41
+ width: calc(100% - 20px); /* Adjust based on padding */
42
+ margin: 10px;
43
+ padding: 10px;
44
+ background-color: #9e9e9e0a; /* Light grey background */
45
+ color: #606060bf;
46
+ border: 2px solid #ddd; /* Cartoonish border */
47
+ border-radius: 20px; /* Rounded corners for cartoonish effect */
48
+ position: relative;
49
+ box-shadow: 3px 3px #bbb; /* Soft shadow for depth */
50
+ }
51
+ .text-box:before {
52
+ content: '';
53
+ position: absolute;
54
+ right: 100%;
55
+ bottom: 20%;
56
+ border-top: 10px solid transparent;
57
+ border-bottom: 10px solid transparent;
58
+ border-right: 10px solid #ddd; /* Arrow matching the border */
59
+ }
60
+ .summary-box {
61
+ padding: 10px;
62
+ margin: 10px 0;
63
+ background-color: #e6e6fa; /* Lavender background for a pleasant look */
64
+ border: 1px solid #ddd; /* Light border for definition */
65
+ border-radius: 5px; /* Slightly rounded corners */
66
+ box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* Soft shadow for depth */
67
+ cursor: pointer;
68
+ }
69
+ h4 { margin-top: 0; }
70
+ </style>
71
+ </head>
72
+ <body>
73
+ <div class='column reviews'><h2>Reviews</h2><div class='text-box'>Returned yesterday from a 2 night stay at the Hotel New Amsterdam with my wife and 11 year old son and have to say what a joy it was,from the initial welcoming cup of tea to the final goodbye it was a superb experience. The hotel is very centrally located just a 10 minute walk from the Central Station and next to a charming canal and although the rooms are on the small side(we had the mini-suite in the loft which had a tricky low ceiling! and generally traditional Amsterdam hotels are on the small side) they are beautifully decorated and very cosy with high quality furnishings.Just look out for the steep stairs if you have large suitcases it can be hard work! The breakfast was typically continental with cold meats,cereals and a lovely selection of bread ,fresh juice and good coffee etc.served in a smart little dining room with a tv showing BBC news. What set this place apart for me was the service from all <span class='review-span highlight' data-aligned-summaries='0'>the staff</span> who <span class='review-span highlight' data-aligned-summaries='0'>went out of their way to help and make us feel special</span>-we have used many hotels in the US and Europe and can honestly say this hotel is right at the top when it comes to service,<span class='review-span highlight' data-aligned-summaries='0'>nothing was too much trouble</span>. Would not hesitate in returning to this hotel.</div><div class='text-box'>The hotel is located in Jordaan, beautiful district with very cozy restaurants. The hotel has modern looks, great breakfast, and <span class='review-span highlight' data-aligned-summaries='0'>the staff are nice and friendly</span>. I stayed in room 342, which is in the third floor, and has two twin beds. The room was OK, but I do have to say that each bed was extremely small! 68 cm wide (which is very small) I actually asked the staff if this was normal, and they said that in Amsterdam hotels it is normal. Apart from this, I would recommend the hotel, but I would make sure, before making the reservation that they book you a room with normal sized beds. Oh, also, the room rate doesn't include breakfast (which was 7 euros, more or less)</div><div class='text-box'>I was in this hotel during 4 days, and it was perfect. <span class='review-span highlight' data-aligned-summaries='0'>Staff is really kind,they help us in any moment</span>. Breakfast for free and also tea and coffe. Internet too for free. The hotel is only 5 minutes from central station, and it is placed in the best area of Amsterdam, in the city center.Very nice room, so clean and beatifull with canal view. In my opinion, the hotel style is great, it is different, and prices are ok.</div><div class='text-box'>Hotels in Amsterdam is not cheap. This hotel has a reasonable price and has an excellent location near the central station but still in a very nice area, Jordaan. The rooms (we chose a L) are of a good size and reasonably clean. The "continental breakfast" was toast and jam, with coffee or tea, which was kind of a let down. But, at this price and location, it's a great hotel.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>The staff were friendly and helpful</span>. The room was comfortable but small. We believe they cater for a gay market, whilst this does not bother us at all, we did find the explicit gay pornography left in the common areas offensive and gave the hotel a seedy element. We would feel the same way about heterosexual material being availabe in the same way. Would not stay there again based on this.</div><div class='text-box'>This is a small hotel located about a 5 minute walk from the Central Station in a quiet neighborhood in Amsterdam. <span class='review-span highlight' data-aligned-summaries='0'>The staff is friendly</span> and the rooms are simple and clean. Most rooms tend to be a little small but are generally a pretty good value. They provide a breakfast which unfortunately is only bread/toast and jelly/jam but there are plaves to eat nearby. They also offer free wireless internet.</div><div class='text-box'>I stayed at this just last week. Great place to stay, free breakfast and internet. Just have to wait for everyone to log off so you can get on. Even books to read if you don't want to sightsee in a number of languages. Coffee and tea available all the time as well - free! Really close to everything as well.</div><div class='text-box'>very good value for money. great location, <span class='review-span highlight' data-aligned-summaries='0'>great service</span>, great room, great breakfast wish there was one of these hotels in every city</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">The staff at the hotel were compassionate and helpful.</span></div></div>
74
+ <script>
75
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
76
+ sentence.addEventListener('mouseenter', function() {
77
+ const summaryId = this.getAttribute('id');
78
+ document.querySelectorAll('.review-span').forEach(span => {
79
+ if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
80
+ span.classList.remove('highlight');
81
+ span.classList.add('not-hover-highlight');
82
+ }
83
+ });
84
+ this.classList.add('highlight');
85
+ });
86
+
87
+ sentence.addEventListener('mouseleave', function() {
88
+ const summaryId = this.getAttribute('id');
89
+ document.querySelectorAll('.review-span').forEach(span => {
90
+ if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
91
+ span.classList.remove('not-hover-highlight');
92
+ span.classList.add('highlight');
93
+ }
94
+ this.classList.remove('highlight');
95
+ });
96
+ });
97
+ });
98
+
99
+ document.querySelectorAll('.review-span').forEach(span => {
100
+ span.addEventListener('mouseenter', function() {
101
+ document.querySelectorAll('.review-span').forEach(span => {
102
+ if (span !== this) {
103
+ span.classList.remove('highlight');
104
+ span.classList.add('not-hover-highlight');
105
+ }
106
+ });
107
+ const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
108
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
109
+ if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
110
+ sentence.classList.add('highlight');
111
+ }
112
+ });
113
+ });
114
+ });
115
+
116
+ document.querySelectorAll('.review-span').forEach(span => {
117
+ span.addEventListener('mouseleave', function() {
118
+ const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
119
+ document.querySelectorAll('.review-span').forEach(span => {
120
+ if (span !== this) {
121
+ span.classList.remove('not-hover-highlight');
122
+ span.classList.add('highlight');
123
+ }
124
+ });
125
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
126
+ if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
127
+ sentence.classList.remove('highlight');
128
+ }
129
+ });
130
+ });
131
+ });
132
+
133
+ </script>
134
+ </body>
135
+ </html>
html_files/train/CocoTrip-test_comm-inst_6_a_summ_2.html ADDED
@@ -0,0 +1,135 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+
2
+ <!DOCTYPE html>
3
+ <html lang="en">
4
+ <head>
5
+ <meta charset="UTF-8">
6
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
+ <title>Document Review</title>
8
+ <style>
9
+ body {
10
+ font-family: Arial, sans-serif;
11
+ display: flex;
12
+ justify-content: center; /* This will center the .reviews container on the screen */
13
+ align-items: flex-start;
14
+ height: 100vh;
15
+ margin: 2px; /* Remove default margin */
16
+ }
17
+
18
+ .highlight { background-color: yellow;
19
+ color: black !important; /* Dark grey for muted text */
20
+ cursor: pointer;}
21
+ .not-hover-highlight { background-color: lightyellow;
22
+ color: #606060 !important; /* Dark grey for muted text */}
23
+ .summary {
24
+ width: 50%;
25
+ font-size: 1.0rem;
26
+ padding: 10px;
27
+ height: 100vh; /* Maximum height to a third of the viewport height */
28
+ background-color: #9e9e9e0a;
29
+ }
30
+ .reviews {
31
+ width: 50%;
32
+ font-size: 0.7rem;
33
+ display: flex;
34
+ flex-wrap: wrap;
35
+ padding: 10px;
36
+ max-height: 100vh; /* Maximum height to a third of the viewport height */
37
+ overflow-y: auto; /* Enable vertical scrolling */
38
+ background-color: #9e9e9e0a; /* Light grey background */
39
+ }
40
+ .text-box {
41
+ width: calc(100% - 20px); /* Adjust based on padding */
42
+ margin: 10px;
43
+ padding: 10px;
44
+ background-color: #9e9e9e0a; /* Light grey background */
45
+ color: #606060bf;
46
+ border: 2px solid #ddd; /* Cartoonish border */
47
+ border-radius: 20px; /* Rounded corners for cartoonish effect */
48
+ position: relative;
49
+ box-shadow: 3px 3px #bbb; /* Soft shadow for depth */
50
+ }
51
+ .text-box:before {
52
+ content: '';
53
+ position: absolute;
54
+ right: 100%;
55
+ bottom: 20%;
56
+ border-top: 10px solid transparent;
57
+ border-bottom: 10px solid transparent;
58
+ border-right: 10px solid #ddd; /* Arrow matching the border */
59
+ }
60
+ .summary-box {
61
+ padding: 10px;
62
+ margin: 10px 0;
63
+ background-color: #e6e6fa; /* Lavender background for a pleasant look */
64
+ border: 1px solid #ddd; /* Light border for definition */
65
+ border-radius: 5px; /* Slightly rounded corners */
66
+ box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* Soft shadow for depth */
67
+ cursor: pointer;
68
+ }
69
+ h4 { margin-top: 0; }
70
+ </style>
71
+ </head>
72
+ <body>
73
+ <div class='column reviews'><h2>Reviews</h2><div class='text-box'>Returned yesterday from a 2 night stay at the Hotel New Amsterdam with my wife and 11 year old son and have to say what a joy it was,from the initial welcoming cup of tea to the final goodbye it was a superb experience. The hotel is very centrally located just a 10 minute walk from the Central Station and next to a charming canal and although the rooms are on the small side(we had the mini-suite in the loft which had a tricky low ceiling! and generally traditional Amsterdam hotels are on the small side) they are beautifully decorated and very cosy with high quality furnishings.Just look out for the steep stairs if you have large suitcases it can be hard work! The breakfast was typically continental with cold meats,cereals and a lovely selection of bread ,fresh juice and good coffee etc.served in a smart little dining room with a tv showing BBC news. What set this place apart for me was the service from all <span class='review-span highlight' data-aligned-summaries='0'>the staff</span> who <span class='review-span highlight' data-aligned-summaries='0'>went out of their way to help and make us feel special</span>-we have used many hotels in the US and Europe and can honestly say this hotel is right at the top when it comes to service,nothing was too much trouble. Would not hesitate in returning to this hotel.</div><div class='text-box'>The hotel is located in Jordaan, beautiful district with very cozy restaurants. The hotel has modern looks, great breakfast, and <span class='review-span highlight' data-aligned-summaries='0'>the staff are nice and friendly</span>. I stayed in room 342, which is in the third floor, and has two twin beds. The room was OK, but I do have to say that each bed was extremely small! 68 cm wide (which is very small) I actually asked the staff if this was normal, and they said that in Amsterdam hotels it is normal. Apart from this, I would recommend the hotel, but I would make sure, before making the reservation that they book you a room with normal sized beds. Oh, also, the room rate doesn't include breakfast (which was 7 euros, more or less)</div><div class='text-box'>I was in this hotel during 4 days, and it was perfect. <span class='review-span highlight' data-aligned-summaries='0'>Staff is really kind,they help us in any moment</span>. Breakfast for free and also tea and coffe. Internet too for free. The hotel is only 5 minutes from central station, and it is placed in the best area of Amsterdam, in the city center.Very nice room, so clean and beatifull with canal view. In my opinion, the hotel style is great, it is different, and prices are ok.</div><div class='text-box'>Hotels in Amsterdam is not cheap. This hotel has a reasonable price and has an excellent location near the central station but still in a very nice area, Jordaan. The rooms (we chose a L) are of a good size and reasonably clean. The "continental breakfast" was toast and jam, with coffee or tea, which was kind of a let down. But, at this price and location, it's a great hotel.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>The staff were friendly and helpful</span>. The room was comfortable but small. We believe they cater for a gay market, whilst this does not bother us at all, we did find the explicit gay pornography left in the common areas offensive and gave the hotel a seedy element. We would feel the same way about heterosexual material being availabe in the same way. Would not stay there again based on this.</div><div class='text-box'>This is a small hotel located about a 5 minute walk from the Central Station in a quiet neighborhood in Amsterdam. <span class='review-span highlight' data-aligned-summaries='0'>The staff is friendly</span> and the rooms are simple and clean. Most rooms tend to be a little small but are generally a pretty good value. They provide a breakfast which unfortunately is only bread/toast and jelly/jam but there are plaves to eat nearby. They also offer free wireless internet.</div><div class='text-box'>I stayed at this just last week. Great place to stay, free breakfast and internet. Just have to wait for everyone to log off so you can get on. Even books to read if you don't want to sightsee in a number of languages. Coffee and tea available all the time as well - free! Really close to everything as well.</div><div class='text-box'>very good value for money. great location, <span class='review-span highlight' data-aligned-summaries='0'>great service</span>, great room, great breakfast wish there was one of these hotels in every city</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">The staff at the hotel are very helpful and friendly.</span></div></div>
74
+ <script>
75
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
76
+ sentence.addEventListener('mouseenter', function() {
77
+ const summaryId = this.getAttribute('id');
78
+ document.querySelectorAll('.review-span').forEach(span => {
79
+ if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
80
+ span.classList.remove('highlight');
81
+ span.classList.add('not-hover-highlight');
82
+ }
83
+ });
84
+ this.classList.add('highlight');
85
+ });
86
+
87
+ sentence.addEventListener('mouseleave', function() {
88
+ const summaryId = this.getAttribute('id');
89
+ document.querySelectorAll('.review-span').forEach(span => {
90
+ if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
91
+ span.classList.remove('not-hover-highlight');
92
+ span.classList.add('highlight');
93
+ }
94
+ this.classList.remove('highlight');
95
+ });
96
+ });
97
+ });
98
+
99
+ document.querySelectorAll('.review-span').forEach(span => {
100
+ span.addEventListener('mouseenter', function() {
101
+ document.querySelectorAll('.review-span').forEach(span => {
102
+ if (span !== this) {
103
+ span.classList.remove('highlight');
104
+ span.classList.add('not-hover-highlight');
105
+ }
106
+ });
107
+ const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
108
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
109
+ if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
110
+ sentence.classList.add('highlight');
111
+ }
112
+ });
113
+ });
114
+ });
115
+
116
+ document.querySelectorAll('.review-span').forEach(span => {
117
+ span.addEventListener('mouseleave', function() {
118
+ const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
119
+ document.querySelectorAll('.review-span').forEach(span => {
120
+ if (span !== this) {
121
+ span.classList.remove('not-hover-highlight');
122
+ span.classList.add('highlight');
123
+ }
124
+ });
125
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
126
+ if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
127
+ sentence.classList.remove('highlight');
128
+ }
129
+ });
130
+ });
131
+ });
132
+
133
+ </script>
134
+ </body>
135
+ </html>
html_files/train/CocoTrip-test_comm-inst_6_b_summ_0.html ADDED
@@ -0,0 +1,135 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+
2
+ <!DOCTYPE html>
3
+ <html lang="en">
4
+ <head>
5
+ <meta charset="UTF-8">
6
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
+ <title>Document Review</title>
8
+ <style>
9
+ body {
10
+ font-family: Arial, sans-serif;
11
+ display: flex;
12
+ justify-content: center; /* This will center the .reviews container on the screen */
13
+ align-items: flex-start;
14
+ height: 100vh;
15
+ margin: 2px; /* Remove default margin */
16
+ }
17
+
18
+ .highlight { background-color: yellow;
19
+ color: black !important; /* Dark grey for muted text */
20
+ cursor: pointer;}
21
+ .not-hover-highlight { background-color: lightyellow;
22
+ color: #606060 !important; /* Dark grey for muted text */}
23
+ .summary {
24
+ width: 50%;
25
+ font-size: 1.0rem;
26
+ padding: 10px;
27
+ height: 100vh; /* Maximum height to a third of the viewport height */
28
+ background-color: #9e9e9e0a;
29
+ }
30
+ .reviews {
31
+ width: 50%;
32
+ font-size: 0.7rem;
33
+ display: flex;
34
+ flex-wrap: wrap;
35
+ padding: 10px;
36
+ max-height: 100vh; /* Maximum height to a third of the viewport height */
37
+ overflow-y: auto; /* Enable vertical scrolling */
38
+ background-color: #9e9e9e0a; /* Light grey background */
39
+ }
40
+ .text-box {
41
+ width: calc(100% - 20px); /* Adjust based on padding */
42
+ margin: 10px;
43
+ padding: 10px;
44
+ background-color: #9e9e9e0a; /* Light grey background */
45
+ color: #606060bf;
46
+ border: 2px solid #ddd; /* Cartoonish border */
47
+ border-radius: 20px; /* Rounded corners for cartoonish effect */
48
+ position: relative;
49
+ box-shadow: 3px 3px #bbb; /* Soft shadow for depth */
50
+ }
51
+ .text-box:before {
52
+ content: '';
53
+ position: absolute;
54
+ right: 100%;
55
+ bottom: 20%;
56
+ border-top: 10px solid transparent;
57
+ border-bottom: 10px solid transparent;
58
+ border-right: 10px solid #ddd; /* Arrow matching the border */
59
+ }
60
+ .summary-box {
61
+ padding: 10px;
62
+ margin: 10px 0;
63
+ background-color: #e6e6fa; /* Lavender background for a pleasant look */
64
+ border: 1px solid #ddd; /* Light border for definition */
65
+ border-radius: 5px; /* Slightly rounded corners */
66
+ box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* Soft shadow for depth */
67
+ cursor: pointer;
68
+ }
69
+ h4 { margin-top: 0; }
70
+ </style>
71
+ </head>
72
+ <body>
73
+ <div class='column reviews'><h2>Reviews</h2><div class='text-box'>Other reviews already pointed out some of the unusual features of this hotel, which is located on the quiet water front close to the cruise ship terminal, an ideal location for an overnight stay before and after the cruise. <span class='review-span highlight' data-aligned-summaries='0'>The staff was friendly & helpful</span>. Internet in the room was free and worked without any problem. The restaurant downstairs, with a good choice of wine by the glass, served tasty but pricey meals. However, there are several restaurants, grocery stores and deli shops in the neighbourhood frequented by the locals. One fish shop in the mall down the street, with a long queue at lunch hour, served a variety of seafood take-outs at reasonable prices, and the herring I tried that day was probably as good as it can be. For those who are health conscious, a morning stroll/jog along the water front would definitely help to kick off the day in the right mood.</div><div class='text-box'>Firstly the good thing about the hotel is cultural and clean, but it doesn't really feel much like a hotel, instead, a B&B. The overall service is just fair, we booked it in advance through zuji, but when we arrived, they had no record and we need to wait for an hour for checking in. In the first day out, we left the wallets inside a luggage which is locked. Of course it may be not wise to do it, but it was too late when <span class='review-span highlight' data-aligned-summaries='0'>we found 300 euro was gone</span> when we back while everything seems fine in the appearance. <span class='review-span highlight' data-aligned-summaries='0'>Probably it was stolen by the clean-up staff</span>. We were very disappointed with this hotel and would not recommend to travelers.</div><div class='text-box'>This is an unusual hotel, different from the normal run of the mill. I had a large and comfortable room, minimalist design which actually turned out to be quite relaxing! Its a few stops on the tram from the city, the road is reasonably quiet. The tram stop is close by, as is the canal hopper service. If you like design, or want to try something different then this might be for you.</div><div class='text-box'>I was there for 4 days. So all i have to say is that all we got were damaged walls and floors. the rooms are very manky. The toilets and showers were separately, but they were usually too dirty. <span class='review-span highlight' data-aligned-summaries='0'>The service often forget to finish their work</span>. Only the location was good, there is a tram directly to the near Central Train Station</div><div class='text-box'>strengths: - nice old building with history (old prison) weaknesses: - too expensive (very bad price performance) 150 a for a two star room ! - bad tv reception - rooms looks like hospital/prison - old towels - <span class='review-span highlight' data-aligned-summaries='0'>lousy unfriendly service</span> - addtional extra fees: parking 22 a, touristfee 7 a, breakfast17 a - to far form the center - noisy</div><div class='text-box'>I did enjoy the stay, I will list the pros and the cons Pro -nice price -close to the trams <span class='review-span highlight' data-aligned-summaries='0'>-helpful staff</span> -sweet to be able to order food in the middle of the night (it was possible in the hotel) -cool rooms cons -It was to far away from the city center to be able to walk.</div><div class='text-box'>The concept of having 1* to 5* rooms is great. <span class='review-span highlight' data-aligned-summaries='0'>Translation is another thing though because the service does not span that range</span>. Definitely quirky rooms but many have an open toilet, which is fine if you are single occupant. Restaurant not great.</div><div class='text-box'>I return from a weekend at the LLOYD hotel, it is a very good hotel, not useull, <span class='review-span highlight' data-aligned-summaries='0'>stuff are very freindly</span>, room very nice (2 stars) I would come back again and again!</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">Some of the staff at the hotel were helpful and amiable to guests.</span></div></div>
74
+ <script>
75
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
76
+ sentence.addEventListener('mouseenter', function() {
77
+ const summaryId = this.getAttribute('id');
78
+ document.querySelectorAll('.review-span').forEach(span => {
79
+ if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
80
+ span.classList.remove('highlight');
81
+ span.classList.add('not-hover-highlight');
82
+ }
83
+ });
84
+ this.classList.add('highlight');
85
+ });
86
+
87
+ sentence.addEventListener('mouseleave', function() {
88
+ const summaryId = this.getAttribute('id');
89
+ document.querySelectorAll('.review-span').forEach(span => {
90
+ if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
91
+ span.classList.remove('not-hover-highlight');
92
+ span.classList.add('highlight');
93
+ }
94
+ this.classList.remove('highlight');
95
+ });
96
+ });
97
+ });
98
+
99
+ document.querySelectorAll('.review-span').forEach(span => {
100
+ span.addEventListener('mouseenter', function() {
101
+ document.querySelectorAll('.review-span').forEach(span => {
102
+ if (span !== this) {
103
+ span.classList.remove('highlight');
104
+ span.classList.add('not-hover-highlight');
105
+ }
106
+ });
107
+ const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
108
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
109
+ if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
110
+ sentence.classList.add('highlight');
111
+ }
112
+ });
113
+ });
114
+ });
115
+
116
+ document.querySelectorAll('.review-span').forEach(span => {
117
+ span.addEventListener('mouseleave', function() {
118
+ const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
119
+ document.querySelectorAll('.review-span').forEach(span => {
120
+ if (span !== this) {
121
+ span.classList.remove('not-hover-highlight');
122
+ span.classList.add('highlight');
123
+ }
124
+ });
125
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
126
+ if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
127
+ sentence.classList.remove('highlight');
128
+ }
129
+ });
130
+ });
131
+ });
132
+
133
+ </script>
134
+ </body>
135
+ </html>
html_files/train/CocoTrip-test_comm-inst_6_b_summ_1.html ADDED
@@ -0,0 +1,135 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+
2
+ <!DOCTYPE html>
3
+ <html lang="en">
4
+ <head>
5
+ <meta charset="UTF-8">
6
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
+ <title>Document Review</title>
8
+ <style>
9
+ body {
10
+ font-family: Arial, sans-serif;
11
+ display: flex;
12
+ justify-content: center; /* This will center the .reviews container on the screen */
13
+ align-items: flex-start;
14
+ height: 100vh;
15
+ margin: 2px; /* Remove default margin */
16
+ }
17
+
18
+ .highlight { background-color: yellow;
19
+ color: black !important; /* Dark grey for muted text */
20
+ cursor: pointer;}
21
+ .not-hover-highlight { background-color: lightyellow;
22
+ color: #606060 !important; /* Dark grey for muted text */}
23
+ .summary {
24
+ width: 50%;
25
+ font-size: 1.0rem;
26
+ padding: 10px;
27
+ height: 100vh; /* Maximum height to a third of the viewport height */
28
+ background-color: #9e9e9e0a;
29
+ }
30
+ .reviews {
31
+ width: 50%;
32
+ font-size: 0.7rem;
33
+ display: flex;
34
+ flex-wrap: wrap;
35
+ padding: 10px;
36
+ max-height: 100vh; /* Maximum height to a third of the viewport height */
37
+ overflow-y: auto; /* Enable vertical scrolling */
38
+ background-color: #9e9e9e0a; /* Light grey background */
39
+ }
40
+ .text-box {
41
+ width: calc(100% - 20px); /* Adjust based on padding */
42
+ margin: 10px;
43
+ padding: 10px;
44
+ background-color: #9e9e9e0a; /* Light grey background */
45
+ color: #606060bf;
46
+ border: 2px solid #ddd; /* Cartoonish border */
47
+ border-radius: 20px; /* Rounded corners for cartoonish effect */
48
+ position: relative;
49
+ box-shadow: 3px 3px #bbb; /* Soft shadow for depth */
50
+ }
51
+ .text-box:before {
52
+ content: '';
53
+ position: absolute;
54
+ right: 100%;
55
+ bottom: 20%;
56
+ border-top: 10px solid transparent;
57
+ border-bottom: 10px solid transparent;
58
+ border-right: 10px solid #ddd; /* Arrow matching the border */
59
+ }
60
+ .summary-box {
61
+ padding: 10px;
62
+ margin: 10px 0;
63
+ background-color: #e6e6fa; /* Lavender background for a pleasant look */
64
+ border: 1px solid #ddd; /* Light border for definition */
65
+ border-radius: 5px; /* Slightly rounded corners */
66
+ box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* Soft shadow for depth */
67
+ cursor: pointer;
68
+ }
69
+ h4 { margin-top: 0; }
70
+ </style>
71
+ </head>
72
+ <body>
73
+ <div class='column reviews'><h2>Reviews</h2><div class='text-box'>Other reviews already pointed out some of the unusual features of this hotel, which is located on the quiet water front close to the cruise ship terminal, an ideal location for an overnight stay before and after the cruise. <span class='review-span highlight' data-aligned-summaries='0'>The staff was friendly & helpful</span>. Internet in the room was free and worked without any problem. The restaurant downstairs, with a good choice of wine by the glass, served tasty but pricey meals. However, there are several restaurants, grocery stores and deli shops in the neighbourhood frequented by the locals. One fish shop in the mall down the street, with a long queue at lunch hour, served a variety of seafood take-outs at reasonable prices, and the herring I tried that day was probably as good as it can be. For those who are health conscious, a morning stroll/jog along the water front would definitely help to kick off the day in the right mood.</div><div class='text-box'>Firstly the good thing about the hotel is cultural and clean, but it doesn't really feel much like a hotel, instead, a B&B. The overall service is just fair, we booked it in advance through zuji, but when we arrived, they had no record and we need to wait for an hour for checking in. In the first day out, we left the wallets inside a luggage which is locked. Of course it may be not wise to do it, but it was too late when we <span class='review-span highlight' data-aligned-summaries='0'>found 300 euro was gone</span> when we back while everything seems fine in the appearance. <span class='review-span highlight' data-aligned-summaries='0'>Probably it was stolen by the clean-up staff</span>. We were very disappointed with this hotel and would not recommend to travelers.</div><div class='text-box'>This is an unusual hotel, different from the normal run of the mill. I had a large and comfortable room, minimalist design which actually turned out to be quite relaxing! Its a few stops on the tram from the city, the road is reasonably quiet. The tram stop is close by, as is the canal hopper service. If you like design, or want to try something different then this might be for you.</div><div class='text-box'>I was there for 4 days. So all i have to say is that all we got were damaged walls and floors. the rooms are very manky. The toilets and showers were separately, but they were usually too dirty. <span class='review-span highlight' data-aligned-summaries='0'>The service often forget to finish their work</span>. Only the location was good, there is a tram directly to the near Central Train Station</div><div class='text-box'>strengths: - nice old building with history (old prison) weaknesses: - too expensive (very bad price performance) 150 a for a two star room ! - bad tv reception - rooms looks like hospital/prison - old towels - <span class='review-span highlight' data-aligned-summaries='0'>lousy unfriendly service</span> - addtional extra fees: parking 22 a, touristfee 7 a, breakfast17 a - to far form the center - noisy</div><div class='text-box'>I did enjoy the stay, I will list the pros and the cons Pro -nice price -close to the trams <span class='review-span highlight' data-aligned-summaries='0'>-helpful staff</span> -sweet to be able to order food in the middle of the night (it was possible in the hotel) -cool rooms cons -It was to far away from the city center to be able to walk.</div><div class='text-box'>The concept of having 1* to 5* rooms is great. <span class='review-span highlight' data-aligned-summaries='0'>Translation is another thing though because the service does not span that range</span>. Definitely quirky rooms but many have an open toilet, which is fine if you are single occupant. Restaurant not great.</div><div class='text-box'>I return from a weekend at the LLOYD hotel, it is a very good hotel, not useull, <span class='review-span highlight' data-aligned-summaries='0'>stuff are very freindly</span>, room very nice (2 stars) I would come back again and again!</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">The staff at the hotel were compassionate and helpful.</span></div></div>
74
+ <script>
75
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
76
+ sentence.addEventListener('mouseenter', function() {
77
+ const summaryId = this.getAttribute('id');
78
+ document.querySelectorAll('.review-span').forEach(span => {
79
+ if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
80
+ span.classList.remove('highlight');
81
+ span.classList.add('not-hover-highlight');
82
+ }
83
+ });
84
+ this.classList.add('highlight');
85
+ });
86
+
87
+ sentence.addEventListener('mouseleave', function() {
88
+ const summaryId = this.getAttribute('id');
89
+ document.querySelectorAll('.review-span').forEach(span => {
90
+ if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
91
+ span.classList.remove('not-hover-highlight');
92
+ span.classList.add('highlight');
93
+ }
94
+ this.classList.remove('highlight');
95
+ });
96
+ });
97
+ });
98
+
99
+ document.querySelectorAll('.review-span').forEach(span => {
100
+ span.addEventListener('mouseenter', function() {
101
+ document.querySelectorAll('.review-span').forEach(span => {
102
+ if (span !== this) {
103
+ span.classList.remove('highlight');
104
+ span.classList.add('not-hover-highlight');
105
+ }
106
+ });
107
+ const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
108
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
109
+ if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
110
+ sentence.classList.add('highlight');
111
+ }
112
+ });
113
+ });
114
+ });
115
+
116
+ document.querySelectorAll('.review-span').forEach(span => {
117
+ span.addEventListener('mouseleave', function() {
118
+ const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
119
+ document.querySelectorAll('.review-span').forEach(span => {
120
+ if (span !== this) {
121
+ span.classList.remove('not-hover-highlight');
122
+ span.classList.add('highlight');
123
+ }
124
+ });
125
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
126
+ if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
127
+ sentence.classList.remove('highlight');
128
+ }
129
+ });
130
+ });
131
+ });
132
+
133
+ </script>
134
+ </body>
135
+ </html>
html_files/train/CocoTrip-test_comm-inst_6_b_summ_2.html ADDED
@@ -0,0 +1,135 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+
2
+ <!DOCTYPE html>
3
+ <html lang="en">
4
+ <head>
5
+ <meta charset="UTF-8">
6
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
+ <title>Document Review</title>
8
+ <style>
9
+ body {
10
+ font-family: Arial, sans-serif;
11
+ display: flex;
12
+ justify-content: center; /* This will center the .reviews container on the screen */
13
+ align-items: flex-start;
14
+ height: 100vh;
15
+ margin: 2px; /* Remove default margin */
16
+ }
17
+
18
+ .highlight { background-color: yellow;
19
+ color: black !important; /* Dark grey for muted text */
20
+ cursor: pointer;}
21
+ .not-hover-highlight { background-color: lightyellow;
22
+ color: #606060 !important; /* Dark grey for muted text */}
23
+ .summary {
24
+ width: 50%;
25
+ font-size: 1.0rem;
26
+ padding: 10px;
27
+ height: 100vh; /* Maximum height to a third of the viewport height */
28
+ background-color: #9e9e9e0a;
29
+ }
30
+ .reviews {
31
+ width: 50%;
32
+ font-size: 0.7rem;
33
+ display: flex;
34
+ flex-wrap: wrap;
35
+ padding: 10px;
36
+ max-height: 100vh; /* Maximum height to a third of the viewport height */
37
+ overflow-y: auto; /* Enable vertical scrolling */
38
+ background-color: #9e9e9e0a; /* Light grey background */
39
+ }
40
+ .text-box {
41
+ width: calc(100% - 20px); /* Adjust based on padding */
42
+ margin: 10px;
43
+ padding: 10px;
44
+ background-color: #9e9e9e0a; /* Light grey background */
45
+ color: #606060bf;
46
+ border: 2px solid #ddd; /* Cartoonish border */
47
+ border-radius: 20px; /* Rounded corners for cartoonish effect */
48
+ position: relative;
49
+ box-shadow: 3px 3px #bbb; /* Soft shadow for depth */
50
+ }
51
+ .text-box:before {
52
+ content: '';
53
+ position: absolute;
54
+ right: 100%;
55
+ bottom: 20%;
56
+ border-top: 10px solid transparent;
57
+ border-bottom: 10px solid transparent;
58
+ border-right: 10px solid #ddd; /* Arrow matching the border */
59
+ }
60
+ .summary-box {
61
+ padding: 10px;
62
+ margin: 10px 0;
63
+ background-color: #e6e6fa; /* Lavender background for a pleasant look */
64
+ border: 1px solid #ddd; /* Light border for definition */
65
+ border-radius: 5px; /* Slightly rounded corners */
66
+ box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* Soft shadow for depth */
67
+ cursor: pointer;
68
+ }
69
+ h4 { margin-top: 0; }
70
+ </style>
71
+ </head>
72
+ <body>
73
+ <div class='column reviews'><h2>Reviews</h2><div class='text-box'>Other reviews already pointed out some of the unusual features of this hotel, which is located on the quiet water front close to the cruise ship terminal, an ideal location for an overnight stay before and after the cruise. <span class='review-span highlight' data-aligned-summaries='0'>The staff was friendly & helpful</span>. Internet in the room was free and worked without any problem. The restaurant downstairs, with a good choice of wine by the glass, served tasty but pricey meals. However, there are several restaurants, grocery stores and deli shops in the neighbourhood frequented by the locals. One fish shop in the mall down the street, with a long queue at lunch hour, served a variety of seafood take-outs at reasonable prices, and the herring I tried that day was probably as good as it can be. For those who are health conscious, a morning stroll/jog along the water front would definitely help to kick off the day in the right mood.</div><div class='text-box'>Firstly the good thing about the hotel is cultural and clean, but it doesn't really feel much like a hotel, instead, a B&B. The overall service is just fair, we booked it in advance through zuji, but when we arrived, they had no record and we need to wait for an hour for checking in. In the first day out, we left the wallets inside a luggage which is locked. Of course it may be not wise to do it, but it was too late when we found 300 euro was gone when we back while everything seems fine in the appearance. <span class='review-span highlight' data-aligned-summaries='0'>Probably</span> it <span class='review-span highlight' data-aligned-summaries='0'>was stolen by the clean-up staff</span>. We were very disappointed with this hotel and would not recommend to travelers.</div><div class='text-box'>This is an unusual hotel, different from the normal run of the mill. I had a large and comfortable room, minimalist design which actually turned out to be quite relaxing! Its a few stops on the tram from the city, the road is reasonably quiet. The tram stop is close by, as is the canal hopper service. If you like design, or want to try something different then this might be for you.</div><div class='text-box'>I was there for 4 days. So all i have to say is that all we got were damaged walls and floors. the rooms are very manky. The toilets and showers were separately, but they were usually too dirty. The service often forget to finish their work. Only the location was good, there is a tram directly to the near Central Train Station</div><div class='text-box'>strengths: - nice old building with history (old prison) weaknesses: - too expensive (very bad price performance) 150 a for a two star room ! - bad tv reception - rooms looks like hospital/prison - old towels - <span class='review-span highlight' data-aligned-summaries='0'>lousy unfriendly service</span> - addtional extra fees: parking 22 a, touristfee 7 a, breakfast17 a - to far form the center - noisy</div><div class='text-box'>I did enjoy the stay, I will list the pros and the cons Pro -nice price -close to the trams <span class='review-span highlight' data-aligned-summaries='0'>-helpful staff</span> -sweet to be able to order food in the middle of the night (it was possible in the hotel) -cool rooms cons -It was to far away from the city center to be able to walk.</div><div class='text-box'>The concept of having 1* to 5* rooms is great. <span class='review-span highlight' data-aligned-summaries='0'>Translation is another thing though because the service does not span that range</span>. Definitely quirky rooms but many have an open toilet, which is fine if you are single occupant. Restaurant not great.</div><div class='text-box'>I return from a weekend at the LLOYD hotel, it is a very good hotel, not useull, <span class='review-span highlight' data-aligned-summaries='0'>stuff are very freindly</span>, room very nice (2 stars) I would come back again and again!</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">The staff at the hotel are very helpful and friendly.</span></div></div>
74
+ <script>
75
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
76
+ sentence.addEventListener('mouseenter', function() {
77
+ const summaryId = this.getAttribute('id');
78
+ document.querySelectorAll('.review-span').forEach(span => {
79
+ if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
80
+ span.classList.remove('highlight');
81
+ span.classList.add('not-hover-highlight');
82
+ }
83
+ });
84
+ this.classList.add('highlight');
85
+ });
86
+
87
+ sentence.addEventListener('mouseleave', function() {
88
+ const summaryId = this.getAttribute('id');
89
+ document.querySelectorAll('.review-span').forEach(span => {
90
+ if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
91
+ span.classList.remove('not-hover-highlight');
92
+ span.classList.add('highlight');
93
+ }
94
+ this.classList.remove('highlight');
95
+ });
96
+ });
97
+ });
98
+
99
+ document.querySelectorAll('.review-span').forEach(span => {
100
+ span.addEventListener('mouseenter', function() {
101
+ document.querySelectorAll('.review-span').forEach(span => {
102
+ if (span !== this) {
103
+ span.classList.remove('highlight');
104
+ span.classList.add('not-hover-highlight');
105
+ }
106
+ });
107
+ const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
108
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
109
+ if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
110
+ sentence.classList.add('highlight');
111
+ }
112
+ });
113
+ });
114
+ });
115
+
116
+ document.querySelectorAll('.review-span').forEach(span => {
117
+ span.addEventListener('mouseleave', function() {
118
+ const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
119
+ document.querySelectorAll('.review-span').forEach(span => {
120
+ if (span !== this) {
121
+ span.classList.remove('not-hover-highlight');
122
+ span.classList.add('highlight');
123
+ }
124
+ });
125
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
126
+ if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
127
+ sentence.classList.remove('highlight');
128
+ }
129
+ });
130
+ });
131
+ });
132
+
133
+ </script>
134
+ </body>
135
+ </html>
html_files/train/CocoTrip-test_comm-inst_7_a_summ_0.html ADDED
@@ -0,0 +1,135 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+
2
+ <!DOCTYPE html>
3
+ <html lang="en">
4
+ <head>
5
+ <meta charset="UTF-8">
6
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
+ <title>Document Review</title>
8
+ <style>
9
+ body {
10
+ font-family: Arial, sans-serif;
11
+ display: flex;
12
+ justify-content: center; /* This will center the .reviews container on the screen */
13
+ align-items: flex-start;
14
+ height: 100vh;
15
+ margin: 2px; /* Remove default margin */
16
+ }
17
+
18
+ .highlight { background-color: yellow;
19
+ color: black !important; /* Dark grey for muted text */
20
+ cursor: pointer;}
21
+ .not-hover-highlight { background-color: lightyellow;
22
+ color: #606060 !important; /* Dark grey for muted text */}
23
+ .summary {
24
+ width: 50%;
25
+ font-size: 1.0rem;
26
+ padding: 10px;
27
+ height: 100vh; /* Maximum height to a third of the viewport height */
28
+ background-color: #9e9e9e0a;
29
+ }
30
+ .reviews {
31
+ width: 50%;
32
+ font-size: 0.7rem;
33
+ display: flex;
34
+ flex-wrap: wrap;
35
+ padding: 10px;
36
+ max-height: 100vh; /* Maximum height to a third of the viewport height */
37
+ overflow-y: auto; /* Enable vertical scrolling */
38
+ background-color: #9e9e9e0a; /* Light grey background */
39
+ }
40
+ .text-box {
41
+ width: calc(100% - 20px); /* Adjust based on padding */
42
+ margin: 10px;
43
+ padding: 10px;
44
+ background-color: #9e9e9e0a; /* Light grey background */
45
+ color: #606060bf;
46
+ border: 2px solid #ddd; /* Cartoonish border */
47
+ border-radius: 20px; /* Rounded corners for cartoonish effect */
48
+ position: relative;
49
+ box-shadow: 3px 3px #bbb; /* Soft shadow for depth */
50
+ }
51
+ .text-box:before {
52
+ content: '';
53
+ position: absolute;
54
+ right: 100%;
55
+ bottom: 20%;
56
+ border-top: 10px solid transparent;
57
+ border-bottom: 10px solid transparent;
58
+ border-right: 10px solid #ddd; /* Arrow matching the border */
59
+ }
60
+ .summary-box {
61
+ padding: 10px;
62
+ margin: 10px 0;
63
+ background-color: #e6e6fa; /* Lavender background for a pleasant look */
64
+ border: 1px solid #ddd; /* Light border for definition */
65
+ border-radius: 5px; /* Slightly rounded corners */
66
+ box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* Soft shadow for depth */
67
+ cursor: pointer;
68
+ }
69
+ h4 { margin-top: 0; }
70
+ </style>
71
+ </head>
72
+ <body>
73
+ <div class='column reviews'><h2>Reviews</h2><div class='text-box'><span class='review-span highlight' data-aligned-summaries='1'>The rooms are clean and spacious</span>, and furnished with nice pieces that truly demonstrate their concern with quality. The only problem is that the beach is not really a beach, but a 30 feet stretch of sand where they park a couple of dirty kayaks and 2 or three jet skis . The water looks dirty and it filled with seaweed. The rest of the waterfront is not for swming as there is 5 feet concrete wall drop . I even saw what I think its a grey water discharge pipe . Bottom line is that <span class='review-span highlight' data-aligned-summaries='0'>if you want a nice comfortable hotel and don't care about the private beach, this is for you</span> . If you are looking to get wet in the blue waters of key west while in hotel grounds, look for other options. Also parking is $18 . They will not tell you . You will see it in your credit card later.</div><div class='text-box'>Awesome rooms, made me feel right at home, <span class='review-span highlight' data-aligned-summaries='0'>Make sure you get a poolside or beach facing room the others just dont make the cut</span>, we were first checked into what I would call a closet for $190 a night, which is still quite expensive, and we upgraded to a poolside for $50 more and it was well worth it, <span class='review-span highlight' data-aligned-summaries='0'>Just absolutely adored the room</span>, had a kitchen, the best bathroom and a balcony view of the pool, Only flipside like other travellers say there is no real beach and you cant swim its just a stretch of sand to sun yourself so dont be fooled by the beach! Key West has a lot of water activities so we didnt really miss the beach!</div><div class='text-box'>We stayed at this Marriott for our wedding. We stayed three nights. <span class='review-span highlight' data-aligned-summaries='0'>It was amazing</span>. <span class='review-span highlight' data-aligned-summaries='0'>The hotel room was beautiful</span>. Granite countertops, stainless steel appliances, marble floor, jetted tubs, walk in shower, etc. I really enjoyed our stay. The hotel is not in the heart of Key West, but they offer a free shuttle service to downtown every 30 minutes and return shuttle every 20 minutes after the hour. The staff was nice, <span class='review-span highlight' data-aligned-summaries='1'>our room was clean</span> and the decor was great<span class='review-span highlight' data-aligned-summaries='0'>. I would highly recommend staying there</span>!</div><div class='text-box'>Had a great weekend stay at the marriott in Key west. The rooms are fantastic. Two bedroom suite was wonderful. The staff was very accomodating, and they offer <span class='review-span highlight' data-aligned-summaries='0'>free transportation</span> form the hotel every hour <span class='review-span highlight' data-aligned-summaries='0'>to downtown key west</span>. the bus drops you right off at margaritaville, The <span class='review-span highlight' data-aligned-summaries='0'>hotel pool and bar was very spacious</span>, and they have a small sand beach also. The hotel restaurant was jammed saturday night, and it is 5 minutes from the airport. <span class='review-span highlight' data-aligned-summaries='0'>I higly recommedn this hotel</span>.</div><div class='text-box'>First time to Key West and stayed here using Marriott points. <span class='review-span highlight' data-aligned-summaries='1'>Room was stunning</span>. Waterfront view, 2 balconies, <span class='review-span highlight' data-aligned-summaries='1'>huge living room/dining room/kitchen</span>. 1 1/2 baths-jacuzzi tub and spacious stand up shower. Shuttle service to Duval was nice but would have been nicer to have been within walking distance. Shuttle back to hotel at night was full of rowdy drinkers. Received breakfast passes since I'm a Rewards member-it only included fruit/bread area-not even the usual Marriott powdered eggs-that section was $4 extra per person.</div><div class='text-box'>We were all set to go and just the night before came under the weather with flu and had to cancel the booking. Normally the hotel charges $150 as a penalty but upon learning about our situation the hotel management happily agreed to waive the penalty. This was the week after Thanksgiving, so it was not as if they were heavily booked and would find last minute reservations. <span class='review-span highlight' data-aligned-summaries='0'>Very few times have I seen such a courteous hotel management.</span></div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>This is a wonderful property</span> located right as you enter the island. The lobby and restaurant are beautiful and <span class='review-span highlight' data-aligned-summaries='0'>the pool and poolbar are a blast</span>. Rooms are very nice and comfortable, and the staff is great. <span class='review-span highlight' data-aligned-summaries='0'>Definitely a great option for your trip to Key West</span>!</div><div class='text-box'>We've stayed here two times in the past 3 years. I've got to say that <span class='review-span highlight' data-aligned-summaries='0'>the accomodations are still excellent and service from the staff is outstanding</span>!</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">This hotel is really enjoyable and definitely recommended.</span> <span id="1" class="summary-sentence">The rooms of the hotel are clean and spacious.</span></div></div>
74
+ <script>
75
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
76
+ sentence.addEventListener('mouseenter', function() {
77
+ const summaryId = this.getAttribute('id');
78
+ document.querySelectorAll('.review-span').forEach(span => {
79
+ if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
80
+ span.classList.remove('highlight');
81
+ span.classList.add('not-hover-highlight');
82
+ }
83
+ });
84
+ this.classList.add('highlight');
85
+ });
86
+
87
+ sentence.addEventListener('mouseleave', function() {
88
+ const summaryId = this.getAttribute('id');
89
+ document.querySelectorAll('.review-span').forEach(span => {
90
+ if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
91
+ span.classList.remove('not-hover-highlight');
92
+ span.classList.add('highlight');
93
+ }
94
+ this.classList.remove('highlight');
95
+ });
96
+ });
97
+ });
98
+
99
+ document.querySelectorAll('.review-span').forEach(span => {
100
+ span.addEventListener('mouseenter', function() {
101
+ document.querySelectorAll('.review-span').forEach(span => {
102
+ if (span !== this) {
103
+ span.classList.remove('highlight');
104
+ span.classList.add('not-hover-highlight');
105
+ }
106
+ });
107
+ const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
108
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
109
+ if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
110
+ sentence.classList.add('highlight');
111
+ }
112
+ });
113
+ });
114
+ });
115
+
116
+ document.querySelectorAll('.review-span').forEach(span => {
117
+ span.addEventListener('mouseleave', function() {
118
+ const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
119
+ document.querySelectorAll('.review-span').forEach(span => {
120
+ if (span !== this) {
121
+ span.classList.remove('not-hover-highlight');
122
+ span.classList.add('highlight');
123
+ }
124
+ });
125
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
126
+ if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
127
+ sentence.classList.remove('highlight');
128
+ }
129
+ });
130
+ });
131
+ });
132
+
133
+ </script>
134
+ </body>
135
+ </html>
html_files/train/CocoTrip-test_comm-inst_7_a_summ_1.html ADDED
@@ -0,0 +1,135 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+
2
+ <!DOCTYPE html>
3
+ <html lang="en">
4
+ <head>
5
+ <meta charset="UTF-8">
6
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
+ <title>Document Review</title>
8
+ <style>
9
+ body {
10
+ font-family: Arial, sans-serif;
11
+ display: flex;
12
+ justify-content: center; /* This will center the .reviews container on the screen */
13
+ align-items: flex-start;
14
+ height: 100vh;
15
+ margin: 2px; /* Remove default margin */
16
+ }
17
+
18
+ .highlight { background-color: yellow;
19
+ color: black !important; /* Dark grey for muted text */
20
+ cursor: pointer;}
21
+ .not-hover-highlight { background-color: lightyellow;
22
+ color: #606060 !important; /* Dark grey for muted text */}
23
+ .summary {
24
+ width: 50%;
25
+ font-size: 1.0rem;
26
+ padding: 10px;
27
+ height: 100vh; /* Maximum height to a third of the viewport height */
28
+ background-color: #9e9e9e0a;
29
+ }
30
+ .reviews {
31
+ width: 50%;
32
+ font-size: 0.7rem;
33
+ display: flex;
34
+ flex-wrap: wrap;
35
+ padding: 10px;
36
+ max-height: 100vh; /* Maximum height to a third of the viewport height */
37
+ overflow-y: auto; /* Enable vertical scrolling */
38
+ background-color: #9e9e9e0a; /* Light grey background */
39
+ }
40
+ .text-box {
41
+ width: calc(100% - 20px); /* Adjust based on padding */
42
+ margin: 10px;
43
+ padding: 10px;
44
+ background-color: #9e9e9e0a; /* Light grey background */
45
+ color: #606060bf;
46
+ border: 2px solid #ddd; /* Cartoonish border */
47
+ border-radius: 20px; /* Rounded corners for cartoonish effect */
48
+ position: relative;
49
+ box-shadow: 3px 3px #bbb; /* Soft shadow for depth */
50
+ }
51
+ .text-box:before {
52
+ content: '';
53
+ position: absolute;
54
+ right: 100%;
55
+ bottom: 20%;
56
+ border-top: 10px solid transparent;
57
+ border-bottom: 10px solid transparent;
58
+ border-right: 10px solid #ddd; /* Arrow matching the border */
59
+ }
60
+ .summary-box {
61
+ padding: 10px;
62
+ margin: 10px 0;
63
+ background-color: #e6e6fa; /* Lavender background for a pleasant look */
64
+ border: 1px solid #ddd; /* Light border for definition */
65
+ border-radius: 5px; /* Slightly rounded corners */
66
+ box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* Soft shadow for depth */
67
+ cursor: pointer;
68
+ }
69
+ h4 { margin-top: 0; }
70
+ </style>
71
+ </head>
72
+ <body>
73
+ <div class='column reviews'><h2>Reviews</h2><div class='text-box'><span class='review-span highlight' data-aligned-summaries='1'>The rooms are clean and spacious</span>, <span class='review-span highlight' data-aligned-summaries='1'>and furnished with nice pieces</span> that truly demonstrate their concern with quality. The only problem is that the beach is not really a beach, but a 30 feet stretch of sand where they park a couple of dirty kayaks and 2 or three jet skis . The water looks dirty and it filled with seaweed. The rest of the waterfront is not for swming as there is 5 feet concrete wall drop . I even saw what I think its a grey water discharge pipe . Bottom line is that <span class='review-span highlight' data-aligned-summaries='0'>if you want a nice comfortable hotel and don't care about the private beach, this is for you</span> . If you are looking to get wet in the blue waters of key west while in hotel grounds, look for other options. Also parking is $18 . They will not tell you . You will see it in your credit card later.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>Awesome rooms, made me feel right at home</span>, Make sure you get a poolside or beach facing room the others just dont make the cut, we were first checked into what I would call a closet for $190 a night, which is still quite expensive, and we upgraded to a poolside for $50 more and it was well worth it, Just absolutely adored <span class='review-span highlight' data-aligned-summaries='1'>the room, had a kitchen, the best bathroom and a balcony view</span> of the pool, Only flipside like other travellers say there is no real beach and you cant swim its just a stretch of sand to sun yourself so dont be fooled by the beach! Key West has a lot of water activities so we didnt really miss the beach!</div><div class='text-box'>We stayed at this Marriott for our wedding. We stayed three nights. It was amazing. The hotel <span class='review-span highlight' data-aligned-summaries='1'>room was beautiful</span>. <span class='review-span highlight' data-aligned-summaries='1'>Granite countertops, stainless steel appliances</span>, marble floor, jetted tubs, walk in shower, etc. I really enjoyed our stay. The hotel is not in the heart of Key West, but they offer a free shuttle service to downtown every 30 minutes and return shuttle every 20 minutes after the hour. The staff was nice, our <span class='review-span highlight' data-aligned-summaries='1'>room was clean</span> and the decor was great. I would <span class='review-span highlight' data-aligned-summaries='0'>highly recommend</span> staying there!</div><div class='text-box'>Had a great weekend stay at the marriott in Key west. The rooms are fantastic. Two bedroom suite was wonderful. The <span class='review-span highlight' data-aligned-summaries='0'>staff was very accomodating</span>, and they offer free transportation form the hotel every hour to downtown key west. the bus drops you right off at margaritaville, The hotel pool and bar was very spacious, and they have a small sand beach also. The hotel restaurant was jammed saturday night, and it is 5 minutes from the airport. <span class='review-span highlight' data-aligned-summaries='0'>I higly recommedn this hotel</span>.</div><div class='text-box'>First time to Key West and stayed here using Marriott points. <span class='review-span highlight' data-aligned-summaries='0 1'>Room was stunning</span>. Waterfront view, <span class='review-span highlight' data-aligned-summaries='1'>2 balconies, huge living room/dining room/kitchen</span>. 1 1/2 baths-<span class='review-span highlight' data-aligned-summaries='1'>jacuzzi tub and spacious stand up shower</span>. <span class='review-span highlight' data-aligned-summaries='0'>Shuttle service to Duval was nice</span> but would have been nicer to have been within walking distance. Shuttle back to hotel at night was full of rowdy drinkers. Received breakfast passes since I'm a Rewards member-it only included fruit/bread area-not even the usual Marriott powdered eggs-that section was $4 extra per person.</div><div class='text-box'>We were all set to go and just the night before came under the weather with flu and had to cancel the booking. Normally the hotel charges $150 as a penalty but upon learning about our situation the hotel management happily agreed to waive the penalty. This was the week after Thanksgiving, so it was not as if they were heavily booked and would find last minute reservations. Very few times have I seen such a courteous hotel management.</div><div class='text-box'>This is a wonderful property located right as you enter the island. The lobby and restaurant are beautiful and the pool and poolbar are a blast. <span class='review-span highlight' data-aligned-summaries='1'>Rooms are very nice and comfortable</span>, and the staff is great. Definitely a great option for your trip to Key West!</div><div class='text-box'>We've stayed here two times in the past 3 years. I've got to say that <span class='review-span highlight' data-aligned-summaries='0'>the accomodations are</span> still <span class='review-span highlight' data-aligned-summaries='0'>excellent</span> and <span class='review-span highlight' data-aligned-summaries='0'>service from the staff is outstanding</span>!</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">A highly recommended hotel.</span> <span id="1" class="summary-sentence">The rooms here were always clean and spacious as well, featuring some nice furnishings.</span></div></div>
74
+ <script>
75
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
76
+ sentence.addEventListener('mouseenter', function() {
77
+ const summaryId = this.getAttribute('id');
78
+ document.querySelectorAll('.review-span').forEach(span => {
79
+ if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
80
+ span.classList.remove('highlight');
81
+ span.classList.add('not-hover-highlight');
82
+ }
83
+ });
84
+ this.classList.add('highlight');
85
+ });
86
+
87
+ sentence.addEventListener('mouseleave', function() {
88
+ const summaryId = this.getAttribute('id');
89
+ document.querySelectorAll('.review-span').forEach(span => {
90
+ if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
91
+ span.classList.remove('not-hover-highlight');
92
+ span.classList.add('highlight');
93
+ }
94
+ this.classList.remove('highlight');
95
+ });
96
+ });
97
+ });
98
+
99
+ document.querySelectorAll('.review-span').forEach(span => {
100
+ span.addEventListener('mouseenter', function() {
101
+ document.querySelectorAll('.review-span').forEach(span => {
102
+ if (span !== this) {
103
+ span.classList.remove('highlight');
104
+ span.classList.add('not-hover-highlight');
105
+ }
106
+ });
107
+ const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
108
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
109
+ if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
110
+ sentence.classList.add('highlight');
111
+ }
112
+ });
113
+ });
114
+ });
115
+
116
+ document.querySelectorAll('.review-span').forEach(span => {
117
+ span.addEventListener('mouseleave', function() {
118
+ const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
119
+ document.querySelectorAll('.review-span').forEach(span => {
120
+ if (span !== this) {
121
+ span.classList.remove('not-hover-highlight');
122
+ span.classList.add('highlight');
123
+ }
124
+ });
125
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
126
+ if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
127
+ sentence.classList.remove('highlight');
128
+ }
129
+ });
130
+ });
131
+ });
132
+
133
+ </script>
134
+ </body>
135
+ </html>
html_files/train/CocoTrip-test_comm-inst_7_a_summ_2.html ADDED
@@ -0,0 +1,135 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+
2
+ <!DOCTYPE html>
3
+ <html lang="en">
4
+ <head>
5
+ <meta charset="UTF-8">
6
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
+ <title>Document Review</title>
8
+ <style>
9
+ body {
10
+ font-family: Arial, sans-serif;
11
+ display: flex;
12
+ justify-content: center; /* This will center the .reviews container on the screen */
13
+ align-items: flex-start;
14
+ height: 100vh;
15
+ margin: 2px; /* Remove default margin */
16
+ }
17
+
18
+ .highlight { background-color: yellow;
19
+ color: black !important; /* Dark grey for muted text */
20
+ cursor: pointer;}
21
+ .not-hover-highlight { background-color: lightyellow;
22
+ color: #606060 !important; /* Dark grey for muted text */}
23
+ .summary {
24
+ width: 50%;
25
+ font-size: 1.0rem;
26
+ padding: 10px;
27
+ height: 100vh; /* Maximum height to a third of the viewport height */
28
+ background-color: #9e9e9e0a;
29
+ }
30
+ .reviews {
31
+ width: 50%;
32
+ font-size: 0.7rem;
33
+ display: flex;
34
+ flex-wrap: wrap;
35
+ padding: 10px;
36
+ max-height: 100vh; /* Maximum height to a third of the viewport height */
37
+ overflow-y: auto; /* Enable vertical scrolling */
38
+ background-color: #9e9e9e0a; /* Light grey background */
39
+ }
40
+ .text-box {
41
+ width: calc(100% - 20px); /* Adjust based on padding */
42
+ margin: 10px;
43
+ padding: 10px;
44
+ background-color: #9e9e9e0a; /* Light grey background */
45
+ color: #606060bf;
46
+ border: 2px solid #ddd; /* Cartoonish border */
47
+ border-radius: 20px; /* Rounded corners for cartoonish effect */
48
+ position: relative;
49
+ box-shadow: 3px 3px #bbb; /* Soft shadow for depth */
50
+ }
51
+ .text-box:before {
52
+ content: '';
53
+ position: absolute;
54
+ right: 100%;
55
+ bottom: 20%;
56
+ border-top: 10px solid transparent;
57
+ border-bottom: 10px solid transparent;
58
+ border-right: 10px solid #ddd; /* Arrow matching the border */
59
+ }
60
+ .summary-box {
61
+ padding: 10px;
62
+ margin: 10px 0;
63
+ background-color: #e6e6fa; /* Lavender background for a pleasant look */
64
+ border: 1px solid #ddd; /* Light border for definition */
65
+ border-radius: 5px; /* Slightly rounded corners */
66
+ box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* Soft shadow for depth */
67
+ cursor: pointer;
68
+ }
69
+ h4 { margin-top: 0; }
70
+ </style>
71
+ </head>
72
+ <body>
73
+ <div class='column reviews'><h2>Reviews</h2><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>The rooms are clean and spacious, and furnished</span> with nice pieces that truly demonstrate their concern with quality. The only problem is that the beach is not really a beach, but a 30 feet stretch of sand where they park a couple of dirty kayaks and 2 or three jet skis . The water looks dirty and it filled with seaweed. The rest of the waterfront is not for swming as there is 5 feet concrete wall drop . I even saw what I think its a grey water discharge pipe . Bottom line is that <span class='review-span highlight' data-aligned-summaries='1'>if you want a nice comfortable hotel and don't care about the private beach, this is for you</span> . If you are looking to get wet in the blue waters of key west while in hotel grounds, look for other options. Also parking is $18 . They will not tell you . You will see it in your credit card later.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>Awesome rooms,</span> <span class='review-span highlight' data-aligned-summaries='0 1'>made me feel right at home</span>, Make sure you get a poolside or beach facing room the others just dont make the cut, we were first checked into what I would call a closet for $190 a night, which is still quite expensive, and we upgraded to a poolside for $50 more and it was well worth it, Just absolutely adored the room, <span class='review-span highlight' data-aligned-summaries='0'>had a kitchen, the best bathroom and a balcony view</span> of the pool, Only flipside like other travellers say there is no real beach and you cant swim its just a stretch of sand to sun yourself so dont be fooled by the beach! Key West has a lot of water activities so we didnt really miss the beach!</div><div class='text-box'>We stayed at this Marriott for our wedding. We stayed three nights. It was amazing. <span class='review-span highlight' data-aligned-summaries='0'>The hotel room was beautiful. Granite countertops, stainless steel appliances</span>, <span class='review-span highlight' data-aligned-summaries='0'>marble floor, jetted tubs, walk in shower, etc.</span> <span class='review-span highlight' data-aligned-summaries='1'>I really enjoyed our stay</span>. The hotel is not in the heart of Key West, but they offer a free shuttle service to downtown every 30 minutes and return shuttle every 20 minutes after the hour. The staff was nice, our room was clean and the decor was great. I <span class='review-span highlight' data-aligned-summaries='1'>would highly recommend staying there</span>!</div><div class='text-box'>Had a great weekend stay at the marriott in Key west. The rooms are fantastic. Two bedroom suite was wonderful. The staff was very accomodating, and they offer free transportation form the hotel every hour to downtown key west. the bus drops you right off at margaritaville, The hotel pool and bar was very spacious, and they have a small sand beach also. The hotel restaurant was jammed saturday night, and it is 5 minutes from the airport. I <span class='review-span highlight' data-aligned-summaries='1'>higly recommedn</span> this hotel.</div><div class='text-box'>First time to Key West and stayed here using Marriott points. <span class='review-span highlight' data-aligned-summaries='1'>Room was stunning</span>. Waterfront view, <span class='review-span highlight' data-aligned-summaries='0'>2 balconies, huge living room/dining room/kitchen</span>. 1 1/2 baths-<span class='review-span highlight' data-aligned-summaries='0'>jacuzzi tub and spacious stand up shower</span>. <span class='review-span highlight' data-aligned-summaries='1'>Shuttle service to Duval was nice</span> but would have been nicer to have been within walking distance. Shuttle back to hotel at night was full of rowdy drinkers. Received breakfast passes since I'm a Rewards member-it only included fruit/bread area-not even the usual Marriott powdered eggs-that section was $4 extra per person.</div><div class='text-box'>We were all set to go and just the night before came under the weather with flu and had to cancel the booking. Normally the hotel charges $150 as a penalty but upon learning about our situation the hotel management happily agreed to waive the penalty. This was the week after Thanksgiving, so it was not as if they were heavily booked and would find last minute reservations. <span class='review-span highlight' data-aligned-summaries='1'>Very few times have I seen such a courteous hotel management</span>.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='1'>This is a wonderful property</span> located right as you enter the island. The lobby and restaurant are beautiful and the pool and poolbar are a blast. <span class='review-span highlight' data-aligned-summaries='0 1'>Rooms are very nice and comfortable</span>, and the staff is great. Definitely a great option for your trip to Key West!</div><div class='text-box'>We've stayed here two times in the past 3 years. I've got to say that the accomodations are still excellent and service from the staff is outstanding!</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">The rooms are nicely furnished and spacious.</span> <span id="1" class="summary-sentence">Highly recommended for stays, weddings, or last-minute bookings</span></div></div>
74
+ <script>
75
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
76
+ sentence.addEventListener('mouseenter', function() {
77
+ const summaryId = this.getAttribute('id');
78
+ document.querySelectorAll('.review-span').forEach(span => {
79
+ if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
80
+ span.classList.remove('highlight');
81
+ span.classList.add('not-hover-highlight');
82
+ }
83
+ });
84
+ this.classList.add('highlight');
85
+ });
86
+
87
+ sentence.addEventListener('mouseleave', function() {
88
+ const summaryId = this.getAttribute('id');
89
+ document.querySelectorAll('.review-span').forEach(span => {
90
+ if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
91
+ span.classList.remove('not-hover-highlight');
92
+ span.classList.add('highlight');
93
+ }
94
+ this.classList.remove('highlight');
95
+ });
96
+ });
97
+ });
98
+
99
+ document.querySelectorAll('.review-span').forEach(span => {
100
+ span.addEventListener('mouseenter', function() {
101
+ document.querySelectorAll('.review-span').forEach(span => {
102
+ if (span !== this) {
103
+ span.classList.remove('highlight');
104
+ span.classList.add('not-hover-highlight');
105
+ }
106
+ });
107
+ const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
108
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
109
+ if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
110
+ sentence.classList.add('highlight');
111
+ }
112
+ });
113
+ });
114
+ });
115
+
116
+ document.querySelectorAll('.review-span').forEach(span => {
117
+ span.addEventListener('mouseleave', function() {
118
+ const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
119
+ document.querySelectorAll('.review-span').forEach(span => {
120
+ if (span !== this) {
121
+ span.classList.remove('not-hover-highlight');
122
+ span.classList.add('highlight');
123
+ }
124
+ });
125
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
126
+ if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
127
+ sentence.classList.remove('highlight');
128
+ }
129
+ });
130
+ });
131
+ });
132
+
133
+ </script>
134
+ </body>
135
+ </html>
html_files/train/CocoTrip-test_comm-inst_7_b_summ_0.html ADDED
@@ -0,0 +1,135 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+
2
+ <!DOCTYPE html>
3
+ <html lang="en">
4
+ <head>
5
+ <meta charset="UTF-8">
6
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
+ <title>Document Review</title>
8
+ <style>
9
+ body {
10
+ font-family: Arial, sans-serif;
11
+ display: flex;
12
+ justify-content: center; /* This will center the .reviews container on the screen */
13
+ align-items: flex-start;
14
+ height: 100vh;
15
+ margin: 2px; /* Remove default margin */
16
+ }
17
+
18
+ .highlight { background-color: yellow;
19
+ color: black !important; /* Dark grey for muted text */
20
+ cursor: pointer;}
21
+ .not-hover-highlight { background-color: lightyellow;
22
+ color: #606060 !important; /* Dark grey for muted text */}
23
+ .summary {
24
+ width: 50%;
25
+ font-size: 1.0rem;
26
+ padding: 10px;
27
+ height: 100vh; /* Maximum height to a third of the viewport height */
28
+ background-color: #9e9e9e0a;
29
+ }
30
+ .reviews {
31
+ width: 50%;
32
+ font-size: 0.7rem;
33
+ display: flex;
34
+ flex-wrap: wrap;
35
+ padding: 10px;
36
+ max-height: 100vh; /* Maximum height to a third of the viewport height */
37
+ overflow-y: auto; /* Enable vertical scrolling */
38
+ background-color: #9e9e9e0a; /* Light grey background */
39
+ }
40
+ .text-box {
41
+ width: calc(100% - 20px); /* Adjust based on padding */
42
+ margin: 10px;
43
+ padding: 10px;
44
+ background-color: #9e9e9e0a; /* Light grey background */
45
+ color: #606060bf;
46
+ border: 2px solid #ddd; /* Cartoonish border */
47
+ border-radius: 20px; /* Rounded corners for cartoonish effect */
48
+ position: relative;
49
+ box-shadow: 3px 3px #bbb; /* Soft shadow for depth */
50
+ }
51
+ .text-box:before {
52
+ content: '';
53
+ position: absolute;
54
+ right: 100%;
55
+ bottom: 20%;
56
+ border-top: 10px solid transparent;
57
+ border-bottom: 10px solid transparent;
58
+ border-right: 10px solid #ddd; /* Arrow matching the border */
59
+ }
60
+ .summary-box {
61
+ padding: 10px;
62
+ margin: 10px 0;
63
+ background-color: #e6e6fa; /* Lavender background for a pleasant look */
64
+ border: 1px solid #ddd; /* Light border for definition */
65
+ border-radius: 5px; /* Slightly rounded corners */
66
+ box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* Soft shadow for depth */
67
+ cursor: pointer;
68
+ }
69
+ h4 { margin-top: 0; }
70
+ </style>
71
+ </head>
72
+ <body>
73
+ <div class='column reviews'><h2>Reviews</h2><div class='text-box'>I have stayed at parrot key before and was very impressed, so i booked agian, for fantasy fest, we stayed a total of three nights, I will say the location is not in the heart of downtown but that was one of my favorite things about the hotel, a short taxi ride away from the choas of downtown was our quite, <span class='review-span highlight' data-aligned-summaries='1'>spacious room</span>. Where we could catch some well needed sleep. Last time we stayed we stayed we were so impressed with the quilty bedding we spent the next day shopping for new sheets for our house, sleeping at parrot key is like sleeping on a cloud, I <span class='review-span highlight' data-aligned-summaries='0'>can't say enough about this place</span>, <span class='review-span highlight' data-aligned-summaries='0'>staff is top- notch</span>,</div><div class='text-box'>From the very first time I stayed there on a short pleasure weekend I feel in love with the resort. I was looking to get away to <span class='review-span highlight' data-aligned-summaries='0'>a tropical place not far from</span> my home in <span class='review-span highlight' data-aligned-summaries='0'>Fort Lauderdale</span> and I found it. Relaxing in the pool, working out or sipping cocktails in one of the three great salt pools took me where I wanted to go to <span class='review-span highlight' data-aligned-summaries='0'>peace and tranquility</span> yet only three hours from home. I have been back now two more times and it's becoming my home away from home. <span class='review-span highlight' data-aligned-summaries='0'>I hghly recommend the resort</span> and all of the staff memebers Sean was the best ask for him when making your reservation. go and enjoy stop reading now. trust me!</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>I stayed at Parrot Key</span> once before when it first opened <span class='review-span highlight' data-aligned-summaries='0'>and loved it</span>, so I chose this property again when I needed a room in Key West for Fantasy Fest. <span class='review-span highlight' data-aligned-summaries='0'>The grounds look even more lush and beautiful than before</span>. From the road it's hard to tell what paradise awaits you as you step into the property. My sister and I had a two-level suite that was fantastic. The front desk gave us all the inforamtion we needed on the events and how to get to and from Duval during this busy time. We absolutely loved it and will stay at Parrot Key again next year!</div><div class='text-box'>We stayed two nights in June. <span class='review-span highlight' data-aligned-summaries='0'>The resort was excellent! Staff and service was impeccable</span>. The resort is the right mix of relaxation. We spent most of our days relaxing in the 4 beautiful pools and sitting by the outdoor bar. It is a bit of a drive away from duval street but we weren't too keen on the drunks and parties that you find there so we were quite happy to relax at the resort. We were upgraded to a two bedroom cottage and it was spectacular! <span class='review-span highlight' data-aligned-summaries='0'>I would definitely go back</span> to the parrot key resort again!</div><div class='text-box'>We had the 3 bedroom ocean view cottage. Due to the lush foliage, the ocean is only visible from the decks off the upper rooms. The <span class='review-span highlight' data-aligned-summaries='1'>rooms are spacious</span> and well furnished. The only thing lacking is a washer/dryer and you could live there. The only reason I would not go back is the price - including the resort fee, the lowest rate available in February was just under $600 per night when booked months in advance. We <span class='review-span highlight' data-aligned-summaries='0'>enjoyed our stay</span>, but <span class='review-span highlight' data-aligned-summaries='0'>will try to find something less expensive next time</span>.</div><div class='text-box'>From the moment we checked in we were greeted by <span class='review-span highlight' data-aligned-summaries='0'>very friendly and helpful staff</span>. Oriana, Rutanya, and Shenali (sp) overextended themselves and made us feel more than welcome, like we were at home. We are down for a birthday and the staff was helpful enough to recommend a bakery for a cake and set up the room fit for royalty. The atmosphere is beyond anything we expected. The property is lush and exotic. <span class='review-span highlight' data-aligned-summaries='1'>The rooms are very clean</span>. <span class='review-span highlight' data-aligned-summaries='0'>We will definitely be back</span> =)</div><div class='text-box'>We loved Parrot Key. <span class='review-span highlight' data-aligned-summaries='1'>The rooms</span> and grounds <span class='review-span highlight' data-aligned-summaries='1'>were absolutely beautiful</span>. We especially loved the little porches. <span class='review-span highlight' data-aligned-summaries='0 1'>Everything was very clean</span> <span class='review-span highlight' data-aligned-summaries='0'>and the staff was extremely helpful and friendly</span>. We also enjoyed the onsite jet ski tour! The only down side of Parrot Key is that the cab ride to Duval street/ mallory square was about $15 each way which got pretty expensive. <span class='review-span highlight' data-aligned-summaries='0'>We would defiantly stay at Parrot Key again</span>.</div><div class='text-box'>Great staff, wonderful grounds, and the <span class='review-span highlight' data-aligned-summaries='0'>pools are amazing</span>! <span class='review-span highlight' data-aligned-summaries='0'>Would def go back</span>! Trying to plan another trip for January!</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">This hotel is really enjoyable and definitely recommended.</span> <span id="1" class="summary-sentence">The rooms of the hotel are clean and spacious.</span></div></div>
74
+ <script>
75
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
76
+ sentence.addEventListener('mouseenter', function() {
77
+ const summaryId = this.getAttribute('id');
78
+ document.querySelectorAll('.review-span').forEach(span => {
79
+ if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
80
+ span.classList.remove('highlight');
81
+ span.classList.add('not-hover-highlight');
82
+ }
83
+ });
84
+ this.classList.add('highlight');
85
+ });
86
+
87
+ sentence.addEventListener('mouseleave', function() {
88
+ const summaryId = this.getAttribute('id');
89
+ document.querySelectorAll('.review-span').forEach(span => {
90
+ if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
91
+ span.classList.remove('not-hover-highlight');
92
+ span.classList.add('highlight');
93
+ }
94
+ this.classList.remove('highlight');
95
+ });
96
+ });
97
+ });
98
+
99
+ document.querySelectorAll('.review-span').forEach(span => {
100
+ span.addEventListener('mouseenter', function() {
101
+ document.querySelectorAll('.review-span').forEach(span => {
102
+ if (span !== this) {
103
+ span.classList.remove('highlight');
104
+ span.classList.add('not-hover-highlight');
105
+ }
106
+ });
107
+ const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
108
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
109
+ if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
110
+ sentence.classList.add('highlight');
111
+ }
112
+ });
113
+ });
114
+ });
115
+
116
+ document.querySelectorAll('.review-span').forEach(span => {
117
+ span.addEventListener('mouseleave', function() {
118
+ const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
119
+ document.querySelectorAll('.review-span').forEach(span => {
120
+ if (span !== this) {
121
+ span.classList.remove('not-hover-highlight');
122
+ span.classList.add('highlight');
123
+ }
124
+ });
125
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
126
+ if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
127
+ sentence.classList.remove('highlight');
128
+ }
129
+ });
130
+ });
131
+ });
132
+
133
+ </script>
134
+ </body>
135
+ </html>
html_files/train/CocoTrip-test_comm-inst_7_b_summ_1.html ADDED
@@ -0,0 +1,135 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+
2
+ <!DOCTYPE html>
3
+ <html lang="en">
4
+ <head>
5
+ <meta charset="UTF-8">
6
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
+ <title>Document Review</title>
8
+ <style>
9
+ body {
10
+ font-family: Arial, sans-serif;
11
+ display: flex;
12
+ justify-content: center; /* This will center the .reviews container on the screen */
13
+ align-items: flex-start;
14
+ height: 100vh;
15
+ margin: 2px; /* Remove default margin */
16
+ }
17
+
18
+ .highlight { background-color: yellow;
19
+ color: black !important; /* Dark grey for muted text */
20
+ cursor: pointer;}
21
+ .not-hover-highlight { background-color: lightyellow;
22
+ color: #606060 !important; /* Dark grey for muted text */}
23
+ .summary {
24
+ width: 50%;
25
+ font-size: 1.0rem;
26
+ padding: 10px;
27
+ height: 100vh; /* Maximum height to a third of the viewport height */
28
+ background-color: #9e9e9e0a;
29
+ }
30
+ .reviews {
31
+ width: 50%;
32
+ font-size: 0.7rem;
33
+ display: flex;
34
+ flex-wrap: wrap;
35
+ padding: 10px;
36
+ max-height: 100vh; /* Maximum height to a third of the viewport height */
37
+ overflow-y: auto; /* Enable vertical scrolling */
38
+ background-color: #9e9e9e0a; /* Light grey background */
39
+ }
40
+ .text-box {
41
+ width: calc(100% - 20px); /* Adjust based on padding */
42
+ margin: 10px;
43
+ padding: 10px;
44
+ background-color: #9e9e9e0a; /* Light grey background */
45
+ color: #606060bf;
46
+ border: 2px solid #ddd; /* Cartoonish border */
47
+ border-radius: 20px; /* Rounded corners for cartoonish effect */
48
+ position: relative;
49
+ box-shadow: 3px 3px #bbb; /* Soft shadow for depth */
50
+ }
51
+ .text-box:before {
52
+ content: '';
53
+ position: absolute;
54
+ right: 100%;
55
+ bottom: 20%;
56
+ border-top: 10px solid transparent;
57
+ border-bottom: 10px solid transparent;
58
+ border-right: 10px solid #ddd; /* Arrow matching the border */
59
+ }
60
+ .summary-box {
61
+ padding: 10px;
62
+ margin: 10px 0;
63
+ background-color: #e6e6fa; /* Lavender background for a pleasant look */
64
+ border: 1px solid #ddd; /* Light border for definition */
65
+ border-radius: 5px; /* Slightly rounded corners */
66
+ box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* Soft shadow for depth */
67
+ cursor: pointer;
68
+ }
69
+ h4 { margin-top: 0; }
70
+ </style>
71
+ </head>
72
+ <body>
73
+ <div class='column reviews'><h2>Reviews</h2><div class='text-box'>I have stayed at parrot key before and was very impressed, so i booked agian, for fantasy fest, we stayed a total of three nights, I will say the location is not in the heart of downtown but that was one of my favorite things about the hotel, <span class='review-span highlight' data-aligned-summaries='0'>a short taxi ride away from the choas of downtown</span> was our quite, <span class='review-span highlight' data-aligned-summaries='1'>spacious room</span>. Where we could catch some well needed sleep. Last time we stayed we stayed <span class='review-span highlight' data-aligned-summaries='1'>we were so impressed with the quilty bedding</span> we spent the next day shopping for new sheets for our house, sleeping at parrot key is like sleeping on a cloud, <span class='review-span highlight' data-aligned-summaries='0'>I can't say enough about this place, staff is top- notch</span>,</div><div class='text-box'>From the very first time I stayed there on a short pleasure weekend I feel in love with the resort. I was looking to get away to <span class='review-span highlight' data-aligned-summaries='0'>a tropical place not far from</span> my home in <span class='review-span highlight' data-aligned-summaries='0'>Fort Lauderdale</span> and I found it. Relaxing in the pool, working out or sipping cocktails in one of the three great salt pools took me where I wanted to go to peace and tranquility yet only three hours from home. I have been back now two more times and it's becoming my home away from home. <span class='review-span highlight' data-aligned-summaries='0'>I hghly recommend the resort</span> and all of the staff memebers Sean was the best ask for him when making your reservation. go and enjoy stop reading now. trust me!</div><div class='text-box'>I stayed at Parrot Key once before when it first opened and loved it, so I chose this property again when I needed a room in Key West for Fantasy Fest. <span class='review-span highlight' data-aligned-summaries='0'>The grounds look even more lush and beautiful than before</span>. From the road it's hard to tell what paradise awaits you as you step into the property. My sister and I had a two-level suite that was fantastic. The front desk gave us all the inforamtion we needed on the events and how to get to and from Duval during this busy time. <span class='review-span highlight' data-aligned-summaries='0'>We absolutely loved it and will stay at Parrot Key again</span> next year!</div><div class='text-box'>We stayed two nights in June. <span class='review-span highlight' data-aligned-summaries='0'>The resort was excellent</span>! Staff and service was impeccable. The resort is the right mix of relaxation. We spent most of our days relaxing in the 4 beautiful pools and sitting by the outdoor bar. It is a bit of a drive away from duval street but we weren't too keen on the drunks and parties that you find there so we were quite happy to relax at the resort. We were upgraded to a two bedroom cottage and it was spectacular! <span class='review-span highlight' data-aligned-summaries='0'>I would definitely go back</span> to the parrot key resort again!</div><div class='text-box'>We had the 3 bedroom ocean view cottage. Due to the lush foliage, the ocean is only visible from the decks off the upper rooms. <span class='review-span highlight' data-aligned-summaries='1'>The rooms are spacious and well furnished</span>. The only thing lacking is a washer/dryer and you could live there. The only reason I would not go back is the price - including the resort fee, the lowest rate available in February was just under $600 per night when booked months in advance. <span class='review-span highlight' data-aligned-summaries='0'>We enjoyed our stay, but will try to find something less expensive next time</span>.</div><div class='text-box'>From the moment we checked in we were greeted by <span class='review-span highlight' data-aligned-summaries='0'>very friendly and helpful staff</span>. Oriana, Rutanya, and Shenali (sp) overextended themselves and made us feel more than welcome, like we were at home. We are down for a birthday and the staff was helpful enough to recommend a bakery for a cake and set up the room fit for royalty. The atmosphere is beyond anything we expected. The property is lush and exotic. <span class='review-span highlight' data-aligned-summaries='1'>The rooms are very clean</span>. <span class='review-span highlight' data-aligned-summaries='0'>We will definitely be back</span> =)</div><div class='text-box'>We loved Parrot Key. <span class='review-span highlight' data-aligned-summaries='1'>The rooms</span> and grounds were absolutely beautiful. We especially loved the little porches. Everything <span class='review-span highlight' data-aligned-summaries='1'>was</span> very <span class='review-span highlight' data-aligned-summaries='1'>clean</span> and the staff was extremely helpful and friendly. We also enjoyed the onsite jet ski tour! The only down side of Parrot Key is that the cab ride to Duval street/ mallory square was about $15 each way which got pretty expensive. We would defiantly stay at Parrot Key again.</div><div class='text-box'>Great staff, wonderful grounds, and <span class='review-span highlight' data-aligned-summaries='0'>the pools are amazing</span>! <span class='review-span highlight' data-aligned-summaries='0'>Would def go back</span>! Trying to plan another trip for January!</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">A highly recommended hotel.</span> <span id="1" class="summary-sentence">The rooms here were always clean and spacious as well, featuring some nice furnishings.</span></div></div>
74
+ <script>
75
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
76
+ sentence.addEventListener('mouseenter', function() {
77
+ const summaryId = this.getAttribute('id');
78
+ document.querySelectorAll('.review-span').forEach(span => {
79
+ if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
80
+ span.classList.remove('highlight');
81
+ span.classList.add('not-hover-highlight');
82
+ }
83
+ });
84
+ this.classList.add('highlight');
85
+ });
86
+
87
+ sentence.addEventListener('mouseleave', function() {
88
+ const summaryId = this.getAttribute('id');
89
+ document.querySelectorAll('.review-span').forEach(span => {
90
+ if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
91
+ span.classList.remove('not-hover-highlight');
92
+ span.classList.add('highlight');
93
+ }
94
+ this.classList.remove('highlight');
95
+ });
96
+ });
97
+ });
98
+
99
+ document.querySelectorAll('.review-span').forEach(span => {
100
+ span.addEventListener('mouseenter', function() {
101
+ document.querySelectorAll('.review-span').forEach(span => {
102
+ if (span !== this) {
103
+ span.classList.remove('highlight');
104
+ span.classList.add('not-hover-highlight');
105
+ }
106
+ });
107
+ const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
108
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
109
+ if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
110
+ sentence.classList.add('highlight');
111
+ }
112
+ });
113
+ });
114
+ });
115
+
116
+ document.querySelectorAll('.review-span').forEach(span => {
117
+ span.addEventListener('mouseleave', function() {
118
+ const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
119
+ document.querySelectorAll('.review-span').forEach(span => {
120
+ if (span !== this) {
121
+ span.classList.remove('not-hover-highlight');
122
+ span.classList.add('highlight');
123
+ }
124
+ });
125
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
126
+ if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
127
+ sentence.classList.remove('highlight');
128
+ }
129
+ });
130
+ });
131
+ });
132
+
133
+ </script>
134
+ </body>
135
+ </html>
html_files/train/CocoTrip-test_comm-inst_7_b_summ_2.html ADDED
@@ -0,0 +1,135 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+
2
+ <!DOCTYPE html>
3
+ <html lang="en">
4
+ <head>
5
+ <meta charset="UTF-8">
6
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
+ <title>Document Review</title>
8
+ <style>
9
+ body {
10
+ font-family: Arial, sans-serif;
11
+ display: flex;
12
+ justify-content: center; /* This will center the .reviews container on the screen */
13
+ align-items: flex-start;
14
+ height: 100vh;
15
+ margin: 2px; /* Remove default margin */
16
+ }
17
+
18
+ .highlight { background-color: yellow;
19
+ color: black !important; /* Dark grey for muted text */
20
+ cursor: pointer;}
21
+ .not-hover-highlight { background-color: lightyellow;
22
+ color: #606060 !important; /* Dark grey for muted text */}
23
+ .summary {
24
+ width: 50%;
25
+ font-size: 1.0rem;
26
+ padding: 10px;
27
+ height: 100vh; /* Maximum height to a third of the viewport height */
28
+ background-color: #9e9e9e0a;
29
+ }
30
+ .reviews {
31
+ width: 50%;
32
+ font-size: 0.7rem;
33
+ display: flex;
34
+ flex-wrap: wrap;
35
+ padding: 10px;
36
+ max-height: 100vh; /* Maximum height to a third of the viewport height */
37
+ overflow-y: auto; /* Enable vertical scrolling */
38
+ background-color: #9e9e9e0a; /* Light grey background */
39
+ }
40
+ .text-box {
41
+ width: calc(100% - 20px); /* Adjust based on padding */
42
+ margin: 10px;
43
+ padding: 10px;
44
+ background-color: #9e9e9e0a; /* Light grey background */
45
+ color: #606060bf;
46
+ border: 2px solid #ddd; /* Cartoonish border */
47
+ border-radius: 20px; /* Rounded corners for cartoonish effect */
48
+ position: relative;
49
+ box-shadow: 3px 3px #bbb; /* Soft shadow for depth */
50
+ }
51
+ .text-box:before {
52
+ content: '';
53
+ position: absolute;
54
+ right: 100%;
55
+ bottom: 20%;
56
+ border-top: 10px solid transparent;
57
+ border-bottom: 10px solid transparent;
58
+ border-right: 10px solid #ddd; /* Arrow matching the border */
59
+ }
60
+ .summary-box {
61
+ padding: 10px;
62
+ margin: 10px 0;
63
+ background-color: #e6e6fa; /* Lavender background for a pleasant look */
64
+ border: 1px solid #ddd; /* Light border for definition */
65
+ border-radius: 5px; /* Slightly rounded corners */
66
+ box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* Soft shadow for depth */
67
+ cursor: pointer;
68
+ }
69
+ h4 { margin-top: 0; }
70
+ </style>
71
+ </head>
72
+ <body>
73
+ <div class='column reviews'><h2>Reviews</h2><div class='text-box'>I have stayed at parrot key before and was very impressed, so i booked agian, for fantasy fest, we stayed a total of three nights, I will say the <span class='review-span highlight' data-aligned-summaries='1'>location is not in the heart of downtown but that was one of my favorite things</span> about the hotel, a short taxi ride away from the choas of downtown was our quite, <span class='review-span highlight' data-aligned-summaries='0'>spacious room</span>. Where we could catch some well needed sleep. Last time we stayed we stayed <span class='review-span highlight' data-aligned-summaries='1'>we were so impressed with the quilty bedding</span> we spent the next day shopping for new sheets for our house, sleeping at parrot key is like sleeping on a cloud, I can't say enough about this place, staff is top- notch,</div><div class='text-box'>From the very first time I stayed there on a short pleasure weekend I feel in love with the resort. I was looking to get away to a tropical place not far from my home in Fort Lauderdale and I found it. Relaxing in the pool, working out or sipping cocktails in one of the three great salt pools took me where I wanted to go to peace and tranquility yet only three hours from home. I have been back now two more times and it's becoming my home away from home. <span class='review-span highlight' data-aligned-summaries='1'>I hghly recommend the resort</span> and all of the staff memebers Sean was the best ask for him when making your reservation. go and enjoy stop reading now. trust me!</div><div class='text-box'>I stayed at Parrot Key once before when it first opened and loved it, so I chose this property again when I needed a room in Key West for Fantasy Fest. The grounds look even more lush and beautiful than before. From the road it's hard to tell what <span class='review-span highlight' data-aligned-summaries='1'>paradise awaits you as you step into the property</span>. My sister and I had a two-level suite that was fantastic. The front desk gave us all the inforamtion we needed on the events and how to get to and from Duval during this busy time. <span class='review-span highlight' data-aligned-summaries='1'>We absolutely loved it and will stay at Parrot Key again</span> next year!</div><div class='text-box'>We stayed two nights in June. <span class='review-span highlight' data-aligned-summaries='1'>The resort was excellent</span>! <span class='review-span highlight' data-aligned-summaries='1'>Staff and service was impeccable</span>. The resort is the right mix of relaxation. We spent most of our days relaxing in the 4 beautiful pools and sitting by the outdoor bar. It is a bit of a drive away from duval street but we weren't too keen on the drunks and parties that you find there so we were quite happy to relax at the resort. We were upgraded to a two bedroom cottage and it was spectacular! I would definitely go back to the parrot key resort again!</div><div class='text-box'>We had the 3 bedroom ocean view cottage. Due to the lush foliage, the ocean is only visible from the decks off the upper rooms. <span class='review-span highlight' data-aligned-summaries='0'>The rooms are spacious and well furnished</span>. The only thing lacking is a washer/dryer and you could live there. The only reason I would not go back is the price - including the resort fee, <span class='review-span highlight' data-aligned-summaries='1'>the lowest rate available in February was just under $600</span> per night when booked months in advance. <span class='review-span highlight' data-aligned-summaries='1'>We enjoyed our stay, but will try to find something less expensive next time</span>.</div><div class='text-box'>From the moment we checked in <span class='review-span highlight' data-aligned-summaries='1'>we were greeted by very friendly and helpful staff</span>. Oriana, Rutanya, and Shenali (sp) overextended themselves and made us feel more than welcome, like we were at home. We are down for a birthday and the staff was helpful enough to recommend a bakery for a cake and set up <span class='review-span highlight' data-aligned-summaries='0'>the room fit for royalty</span>. The atmosphere is beyond anything we expected. The property is lush and exotic. The rooms are very clean. <span class='review-span highlight' data-aligned-summaries='1'>We will definitely be back</span> =)</div><div class='text-box'>We loved Parrot Key. <span class='review-span highlight' data-aligned-summaries='1'>The rooms and grounds were absolutely beautiful</span>. We especially loved the little porches. Everything was very clean and the staff was extremely helpful and friendly. We also enjoyed the onsite jet ski tour! The only down side of Parrot Key is that the cab ride to Duval street/ mallory square was about $15 each way which got pretty expensive. <span class='review-span highlight' data-aligned-summaries='1'>We would defiantly stay at Parrot Key again</span>.</div><div class='text-box'>Great staff, wonderful grounds, and <span class='review-span highlight' data-aligned-summaries='1'>the pools are amazing</span>! <span class='review-span highlight' data-aligned-summaries='1'>Would def go back</span>! Trying to plan another trip for January!</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">The rooms are nicely furnished and spacious.</span> <span id="1" class="summary-sentence">Highly recommended for stays, weddings, or last-minute bookings</span></div></div>
74
+ <script>
75
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
76
+ sentence.addEventListener('mouseenter', function() {
77
+ const summaryId = this.getAttribute('id');
78
+ document.querySelectorAll('.review-span').forEach(span => {
79
+ if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
80
+ span.classList.remove('highlight');
81
+ span.classList.add('not-hover-highlight');
82
+ }
83
+ });
84
+ this.classList.add('highlight');
85
+ });
86
+
87
+ sentence.addEventListener('mouseleave', function() {
88
+ const summaryId = this.getAttribute('id');
89
+ document.querySelectorAll('.review-span').forEach(span => {
90
+ if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
91
+ span.classList.remove('not-hover-highlight');
92
+ span.classList.add('highlight');
93
+ }
94
+ this.classList.remove('highlight');
95
+ });
96
+ });
97
+ });
98
+
99
+ document.querySelectorAll('.review-span').forEach(span => {
100
+ span.addEventListener('mouseenter', function() {
101
+ document.querySelectorAll('.review-span').forEach(span => {
102
+ if (span !== this) {
103
+ span.classList.remove('highlight');
104
+ span.classList.add('not-hover-highlight');
105
+ }
106
+ });
107
+ const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
108
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
109
+ if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
110
+ sentence.classList.add('highlight');
111
+ }
112
+ });
113
+ });
114
+ });
115
+
116
+ document.querySelectorAll('.review-span').forEach(span => {
117
+ span.addEventListener('mouseleave', function() {
118
+ const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
119
+ document.querySelectorAll('.review-span').forEach(span => {
120
+ if (span !== this) {
121
+ span.classList.remove('not-hover-highlight');
122
+ span.classList.add('highlight');
123
+ }
124
+ });
125
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
126
+ if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
127
+ sentence.classList.remove('highlight');
128
+ }
129
+ });
130
+ });
131
+ });
132
+
133
+ </script>
134
+ </body>
135
+ </html>
html_files/train/CocoTrip-test_cont-inst_0_a_summ_0.html ADDED
@@ -0,0 +1,135 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+
2
+ <!DOCTYPE html>
3
+ <html lang="en">
4
+ <head>
5
+ <meta charset="UTF-8">
6
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
+ <title>Document Review</title>
8
+ <style>
9
+ body {
10
+ font-family: Arial, sans-serif;
11
+ display: flex;
12
+ justify-content: center; /* This will center the .reviews container on the screen */
13
+ align-items: flex-start;
14
+ height: 100vh;
15
+ margin: 2px; /* Remove default margin */
16
+ }
17
+
18
+ .highlight { background-color: yellow;
19
+ color: black !important; /* Dark grey for muted text */
20
+ cursor: pointer;}
21
+ .not-hover-highlight { background-color: lightyellow;
22
+ color: #606060 !important; /* Dark grey for muted text */}
23
+ .summary {
24
+ width: 50%;
25
+ font-size: 1.0rem;
26
+ padding: 10px;
27
+ height: 100vh; /* Maximum height to a third of the viewport height */
28
+ background-color: #9e9e9e0a;
29
+ }
30
+ .reviews {
31
+ width: 50%;
32
+ font-size: 0.7rem;
33
+ display: flex;
34
+ flex-wrap: wrap;
35
+ padding: 10px;
36
+ max-height: 100vh; /* Maximum height to a third of the viewport height */
37
+ overflow-y: auto; /* Enable vertical scrolling */
38
+ background-color: #9e9e9e0a; /* Light grey background */
39
+ }
40
+ .text-box {
41
+ width: calc(100% - 20px); /* Adjust based on padding */
42
+ margin: 10px;
43
+ padding: 10px;
44
+ background-color: #9e9e9e0a; /* Light grey background */
45
+ color: #606060bf;
46
+ border: 2px solid #ddd; /* Cartoonish border */
47
+ border-radius: 20px; /* Rounded corners for cartoonish effect */
48
+ position: relative;
49
+ box-shadow: 3px 3px #bbb; /* Soft shadow for depth */
50
+ }
51
+ .text-box:before {
52
+ content: '';
53
+ position: absolute;
54
+ right: 100%;
55
+ bottom: 20%;
56
+ border-top: 10px solid transparent;
57
+ border-bottom: 10px solid transparent;
58
+ border-right: 10px solid #ddd; /* Arrow matching the border */
59
+ }
60
+ .summary-box {
61
+ padding: 10px;
62
+ margin: 10px 0;
63
+ background-color: #e6e6fa; /* Lavender background for a pleasant look */
64
+ border: 1px solid #ddd; /* Light border for definition */
65
+ border-radius: 5px; /* Slightly rounded corners */
66
+ box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* Soft shadow for depth */
67
+ cursor: pointer;
68
+ }
69
+ h4 { margin-top: 0; }
70
+ </style>
71
+ </head>
72
+ <body>
73
+ <div class='column reviews'><h2>Reviews</h2><div class='text-box'>I have stayed in this hotel for 10 days for the second time and will definetely be back again! <span class='review-span highlight' data-aligned-summaries='0'>Apart from hotels excellent location</span> ( it's near all sightseeing places ) <span class='review-span highlight' data-aligned-summaries='0'>the rooms were cozy and</span> <span class='review-span highlight' data-aligned-summaries='0 3'>staff friendly</span> <span class='review-span highlight' data-aligned-summaries='3'>and ready to help me with connecting my laptop to the wireless internet, to give me advice where to go and which trasport to catch</span>. Beside fluent English and Turkish they speak all ex-Yu languages ( Serbian, Croatian, Macedonian, Bosnian ) so it is very convinient for people from these countries to stay there. Room service was quick ( beverages only ) , towels changed daily and <span class='review-span highlight' data-aligned-summaries='0'>room and bathroom kept perfectly clean -spotless</span>! Definetely coming back here when I come back to Istanbul for some leather jackets shopping :) and this time bringing friends as well ! Miljana Jovanovic</div><div class='text-box'>Excellent money/value hotel, <span class='review-span highlight' data-aligned-summaries='4'>breakfast included</span>. <span class='review-span highlight' data-aligned-summaries='1'>Location is great just opposite of Grand Bazar</span> in quite street, good for tourist who want to stay close to everything. <span class='review-span highlight' data-aligned-summaries='0'>If you are</span> one of us, <span class='review-span highlight' data-aligned-summaries='0'>looking for a cheap stay, and you look for very clean and secure hotel/hostel this is a great choice</span>. <span class='review-span highlight' data-aligned-summaries='2'>Rooms are comfortable</span>, especially those on 6th floor. The only minus is that <span class='review-span highlight' data-aligned-summaries='5'>you have only one way transfer, if you choose airport pickup as we did, you have to pay for transfer to the airport</span>, but fortunately this is not a big problem while they have pretty cheap taxi's there in Istanbul :-). All in all, really worth every cent. Great job guys. Greetings from Croatia.</div><div class='text-box'>We stayed here for several nights in mid March. <span class='review-span highlight' data-aligned-summaries='0 2'>The rooms were clean and comfortable</span>, free internet access in the lobby and <span class='review-span highlight' data-aligned-summaries='4'>a tasty breakfast in the morning</span>. Great location in the old city. <span class='review-span highlight' data-aligned-summaries='1'>Right near the Grand Bazaar, and walking distance to</span> Haggia Sophia and <span class='review-span highlight' data-aligned-summaries='1'>the Blue Mosque</span>.The only issue we had was the <span class='review-span highlight' data-aligned-summaries='2'>cigarette smoke from the lobby constantly drifted into our room</span>. We had to put a damp towel under the door. <span class='review-span highlight' data-aligned-summaries='0'>For 35 Euro's per night - it was well worth it</span>.</div><div class='text-box'>my wife and I stayed 3 weeks there. do we need to add more.? of course <span class='review-span highlight' data-aligned-summaries='0'>you might find better somewhere</span> but <span class='review-span highlight' data-aligned-summaries='0'>more expensive</span>, <span class='review-span highlight' data-aligned-summaries='0'>but you will for sure find lot worst at same price</span> The <span class='review-span highlight' data-aligned-summaries='1'>hotel is</span> very well located , <span class='review-span highlight' data-aligned-summaries='1'>close to grand Bazaar</span> and <span class='review-span highlight' data-aligned-summaries='1'>blue mosque</span> but also seashore where we could go for a run <span class='review-span highlight' data-aligned-summaries='3'>the staff was very friendly</span> and gave us on 6 floor a room with view on the Bosphorus at a attractive price so I will be back there when back to Isatnbul</div><div class='text-box'>Booked in Inter Hotel last August 2009 but had to cancel after a month due to work load. I just sent them an email and they <span class='review-span highlight' data-aligned-summaries='3'>returned my Deposit</span> of 25 Euros to my credit card. Other hotels will not do that! Will definitely book again in this hotel because I read a lot of satisfied guests. I also want to experience what they experienced from staying in INTER HOTEL. Thank you guys!</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0 4'>The hotel</span> <span class='review-span highlight' data-aligned-summaries='0'>is</span> not only a convenient location, but <span class='review-span highlight' data-aligned-summaries='0'>very clean</span> and very comfortable. <span class='review-span highlight' data-aligned-summaries='3'>The staff are friendly</span> and the <span class='review-span highlight' data-aligned-summaries='4'>breakfast</span> delicious. Very reasonable rates and altogether a good place to stay which is <span class='review-span highlight' data-aligned-summaries='1'>situated 5 mins from the Grand Bazaar and the tram</span>. I have been before and will stay there again without a doubt.</div><div class='text-box'>very <span class='review-span highlight' data-aligned-summaries='0 3'>good service</span>, <span class='review-span highlight' data-aligned-summaries='0 3'>staff is very friendly</span> and helping, pick and dropp of when you stay few days, free internet ( for me very important), near to meny historical places.</div><div class='text-box'>The breakfast was excelent, <span class='review-span highlight' data-aligned-summaries='3'>very friendly and helpful staff</span>, clean rooms, and <span class='review-span highlight' data-aligned-summaries='0'>well worth the price</span>. I would stay here again and again.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">The hotel is decent and a great choice if looking for a cheap, clean, and secure place to stay.</span> <span id="1" class="summary-sentence">The hotel is close to the Grand Bazaar, Blue Mosque and the tram lines for transport around the city.</span> <span id="2" class="summary-sentence">The rooms are pretty comfortable but this room in particularly constantly had smoke blowing up from the lobby.</span> <span id="3" class="summary-sentence">The staff at the hotel provided a good service.</span> <span id="4" class="summary-sentence">The hotel had breakfast included in the price of the stay.</span> <span id="5" class="summary-sentence">One thing to note with the hotel is that there is only a one way transfer, so you will have to pay for either the pick up or the drop off to the airport.</span></div></div>
74
+ <script>
75
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
76
+ sentence.addEventListener('mouseenter', function() {
77
+ const summaryId = this.getAttribute('id');
78
+ document.querySelectorAll('.review-span').forEach(span => {
79
+ if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
80
+ span.classList.remove('highlight');
81
+ span.classList.add('not-hover-highlight');
82
+ }
83
+ });
84
+ this.classList.add('highlight');
85
+ });
86
+
87
+ sentence.addEventListener('mouseleave', function() {
88
+ const summaryId = this.getAttribute('id');
89
+ document.querySelectorAll('.review-span').forEach(span => {
90
+ if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
91
+ span.classList.remove('not-hover-highlight');
92
+ span.classList.add('highlight');
93
+ }
94
+ this.classList.remove('highlight');
95
+ });
96
+ });
97
+ });
98
+
99
+ document.querySelectorAll('.review-span').forEach(span => {
100
+ span.addEventListener('mouseenter', function() {
101
+ document.querySelectorAll('.review-span').forEach(span => {
102
+ if (span !== this) {
103
+ span.classList.remove('highlight');
104
+ span.classList.add('not-hover-highlight');
105
+ }
106
+ });
107
+ const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
108
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
109
+ if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
110
+ sentence.classList.add('highlight');
111
+ }
112
+ });
113
+ });
114
+ });
115
+
116
+ document.querySelectorAll('.review-span').forEach(span => {
117
+ span.addEventListener('mouseleave', function() {
118
+ const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
119
+ document.querySelectorAll('.review-span').forEach(span => {
120
+ if (span !== this) {
121
+ span.classList.remove('not-hover-highlight');
122
+ span.classList.add('highlight');
123
+ }
124
+ });
125
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
126
+ if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
127
+ sentence.classList.remove('highlight');
128
+ }
129
+ });
130
+ });
131
+ });
132
+
133
+ </script>
134
+ </body>
135
+ </html>
html_files/train/CocoTrip-test_cont-inst_0_a_summ_1.html ADDED
@@ -0,0 +1,135 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+
2
+ <!DOCTYPE html>
3
+ <html lang="en">
4
+ <head>
5
+ <meta charset="UTF-8">
6
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
+ <title>Document Review</title>
8
+ <style>
9
+ body {
10
+ font-family: Arial, sans-serif;
11
+ display: flex;
12
+ justify-content: center; /* This will center the .reviews container on the screen */
13
+ align-items: flex-start;
14
+ height: 100vh;
15
+ margin: 2px; /* Remove default margin */
16
+ }
17
+
18
+ .highlight { background-color: yellow;
19
+ color: black !important; /* Dark grey for muted text */
20
+ cursor: pointer;}
21
+ .not-hover-highlight { background-color: lightyellow;
22
+ color: #606060 !important; /* Dark grey for muted text */}
23
+ .summary {
24
+ width: 50%;
25
+ font-size: 1.0rem;
26
+ padding: 10px;
27
+ height: 100vh; /* Maximum height to a third of the viewport height */
28
+ background-color: #9e9e9e0a;
29
+ }
30
+ .reviews {
31
+ width: 50%;
32
+ font-size: 0.7rem;
33
+ display: flex;
34
+ flex-wrap: wrap;
35
+ padding: 10px;
36
+ max-height: 100vh; /* Maximum height to a third of the viewport height */
37
+ overflow-y: auto; /* Enable vertical scrolling */
38
+ background-color: #9e9e9e0a; /* Light grey background */
39
+ }
40
+ .text-box {
41
+ width: calc(100% - 20px); /* Adjust based on padding */
42
+ margin: 10px;
43
+ padding: 10px;
44
+ background-color: #9e9e9e0a; /* Light grey background */
45
+ color: #606060bf;
46
+ border: 2px solid #ddd; /* Cartoonish border */
47
+ border-radius: 20px; /* Rounded corners for cartoonish effect */
48
+ position: relative;
49
+ box-shadow: 3px 3px #bbb; /* Soft shadow for depth */
50
+ }
51
+ .text-box:before {
52
+ content: '';
53
+ position: absolute;
54
+ right: 100%;
55
+ bottom: 20%;
56
+ border-top: 10px solid transparent;
57
+ border-bottom: 10px solid transparent;
58
+ border-right: 10px solid #ddd; /* Arrow matching the border */
59
+ }
60
+ .summary-box {
61
+ padding: 10px;
62
+ margin: 10px 0;
63
+ background-color: #e6e6fa; /* Lavender background for a pleasant look */
64
+ border: 1px solid #ddd; /* Light border for definition */
65
+ border-radius: 5px; /* Slightly rounded corners */
66
+ box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* Soft shadow for depth */
67
+ cursor: pointer;
68
+ }
69
+ h4 { margin-top: 0; }
70
+ </style>
71
+ </head>
72
+ <body>
73
+ <div class='column reviews'><h2>Reviews</h2><div class='text-box'>I have stayed in this hotel for 10 days for the second time and will definetely be back again! Apart from <span class='review-span highlight' data-aligned-summaries='1'>hotels excellent location ( it's near all sightseeing places</span> ) <span class='review-span highlight' data-aligned-summaries='2'>the rooms were cozy</span> and <span class='review-span highlight' data-aligned-summaries='3'>staff friendly and ready to help me</span> with connecting my laptop to the wireless internet, to give me advice where to go and which trasport to catch. Beside fluent English and Turkish they speak all ex-Yu languages ( Serbian, Croatian, Macedonian, Bosnian ) so it is very convinient for people from these countries to stay there. Room service was quick ( beverages only ) , towels changed daily and room and bathroom kept perfectly clean -spotless! Definetely coming back here when I come back to Istanbul for some leather jackets shopping :) and this time bringing friends as well ! Miljana Jovanovic</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0 4'>Excellent money/value hotel</span>,<span class='review-span highlight' data-aligned-summaries='4'> breakfast included</span>. <span class='review-span highlight' data-aligned-summaries='1'>Location is great just opposite of Grand Bazar</span> in quite street, <span class='review-span highlight' data-aligned-summaries='1'>good for tourist who want to stay close to everything</span>. If you are one of us, looking for a cheap stay, and you look for <span class='review-span highlight' data-aligned-summaries='0'>very clean and secure hotel</span>/hostel this is a great choice. <span class='review-span highlight' data-aligned-summaries='2'>Rooms are comfortable</span>, especially those on 6th floor. <span class='review-span highlight' data-aligned-summaries='5'>The only minus is that you have only one way transfer</span>, if you choose airport pickup as we did, you have to pay for transfer to the airport, but <span class='review-span highlight' data-aligned-summaries='6'>fortunately this is not a big problem while they have pretty cheap taxi's</span> there in Istanbul :-). All in all, really worth every cent. Great job guys. Greetings from Croatia.</div><div class='text-box'>We stayed here for several nights in mid March. <span class='review-span highlight' data-aligned-summaries='0 2'>The rooms were</span> <span class='review-span highlight' data-aligned-summaries='0'>clean</span> and <span class='review-span highlight' data-aligned-summaries='2'>comfortable</span>, <span class='review-span highlight' data-aligned-summaries='4'>free</span> internet access in the lobby and <span class='review-span highlight' data-aligned-summaries='4'>a tasty breakfast in the morning</span>. <span class='review-span highlight' data-aligned-summaries='1'>Great location in the old city. Right near the Grand Bazaar, and walking distance to Haggia Sophia and the Blue Mosque</span>.<span class='review-span highlight' data-aligned-summaries='2'>The only issue we had was the cigarette smoke from the lobby constantly drifted into our room</span>. We had to put a damp towel under the door. <span class='review-span highlight' data-aligned-summaries='0 4 6'>For 35 Euro's per night -</span> <span class='review-span highlight' data-aligned-summaries='4 6'>it was well worth it</span>.</div><div class='text-box'>my wife and I stayed 3 weeks there. do we need to add more.? of course <span class='review-span highlight' data-aligned-summaries='0 6'>you might find better somewhere but more expensive</span>, but you will for sure find lot worst at same price <span class='review-span highlight' data-aligned-summaries='1'>The hotel is very well located , close to grand Bazaar and blue mosque</span> but also seashore where we could go for a run <span class='review-span highlight' data-aligned-summaries='3'>the staff was very friendly</span> and gave us on 6 floor a room with view on the Bosphorus at a attractive price so I will be back there when back to Isatnbul</div><div class='text-box'>Booked in Inter Hotel last August 2009 but had to cancel after a month due to work load. I just sent them an email and they returned my Deposit of 25 Euros to my credit card. Other hotels will not do that! Will definitely book again in this hotel because I read a lot of satisfied guests. I also want to experience what they experienced from staying in INTER HOTEL. Thank you guys!</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0 2'>The hotel is</span> not only a convenient location, but very <span class='review-span highlight' data-aligned-summaries='0'>clean</span> and <span class='review-span highlight' data-aligned-summaries='2'>very comfortable</span>. The staff are friendly and <span class='review-span highlight' data-aligned-summaries='4'>the breakfast delicious</span>. <span class='review-span highlight' data-aligned-summaries='4'>Very</span> <span class='review-span highlight' data-aligned-summaries='4 6'>reasonable rates</span> and altogether a good place to stay which is <span class='review-span highlight' data-aligned-summaries='1'>situated 5 mins from the Grand Bazaar and the tram</span>. I have been before and will stay there again without a doubt.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='3'>very good service</span>, staff is very friendly and helping, pick and dropp of when you stay few days, free internet ( for me very important), <span class='review-span highlight' data-aligned-summaries='1'>near to meny historical places</span>.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='4'>The breakfast was excelent</span>, <span class='review-span highlight' data-aligned-summaries='3'>very friendly and helpful staff</span>, <span class='review-span highlight' data-aligned-summaries='0'>clean rooms</span>, and well worth the price. I would stay here again and again.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">The hotel is cheap, clean and has good security.</span> <span id="1" class="summary-sentence">This hotel is situated in a really convenient location for those who wish to see some of the grand sites this place has to offer, whether it's the bazaar or religious sites.</span> <span id="2" class="summary-sentence">The rooms in the hotel are comfortable, although cigarette fumes often drifted into the surrounding rooms.</span> <span id="3" class="summary-sentence">The staff will provide a really great service at this hotel.</span> <span id="4" class="summary-sentence">The breakfast is included in the excellently valued price.</span> <span id="5" class="summary-sentence">Unfortunately the one-way transfer provided is a slight inconvenience</span> <span id="6" class="summary-sentence">but it's not a big problem because it is actually quite cheap.</span></div></div>
74
+ <script>
75
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
76
+ sentence.addEventListener('mouseenter', function() {
77
+ const summaryId = this.getAttribute('id');
78
+ document.querySelectorAll('.review-span').forEach(span => {
79
+ if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
80
+ span.classList.remove('highlight');
81
+ span.classList.add('not-hover-highlight');
82
+ }
83
+ });
84
+ this.classList.add('highlight');
85
+ });
86
+
87
+ sentence.addEventListener('mouseleave', function() {
88
+ const summaryId = this.getAttribute('id');
89
+ document.querySelectorAll('.review-span').forEach(span => {
90
+ if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
91
+ span.classList.remove('not-hover-highlight');
92
+ span.classList.add('highlight');
93
+ }
94
+ this.classList.remove('highlight');
95
+ });
96
+ });
97
+ });
98
+
99
+ document.querySelectorAll('.review-span').forEach(span => {
100
+ span.addEventListener('mouseenter', function() {
101
+ document.querySelectorAll('.review-span').forEach(span => {
102
+ if (span !== this) {
103
+ span.classList.remove('highlight');
104
+ span.classList.add('not-hover-highlight');
105
+ }
106
+ });
107
+ const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
108
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
109
+ if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
110
+ sentence.classList.add('highlight');
111
+ }
112
+ });
113
+ });
114
+ });
115
+
116
+ document.querySelectorAll('.review-span').forEach(span => {
117
+ span.addEventListener('mouseleave', function() {
118
+ const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
119
+ document.querySelectorAll('.review-span').forEach(span => {
120
+ if (span !== this) {
121
+ span.classList.remove('not-hover-highlight');
122
+ span.classList.add('highlight');
123
+ }
124
+ });
125
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
126
+ if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
127
+ sentence.classList.remove('highlight');
128
+ }
129
+ });
130
+ });
131
+ });
132
+
133
+ </script>
134
+ </body>
135
+ </html>
html_files/train/CocoTrip-test_cont-inst_0_a_summ_2.html ADDED
@@ -0,0 +1,135 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+
2
+ <!DOCTYPE html>
3
+ <html lang="en">
4
+ <head>
5
+ <meta charset="UTF-8">
6
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
+ <title>Document Review</title>
8
+ <style>
9
+ body {
10
+ font-family: Arial, sans-serif;
11
+ display: flex;
12
+ justify-content: center; /* This will center the .reviews container on the screen */
13
+ align-items: flex-start;
14
+ height: 100vh;
15
+ margin: 2px; /* Remove default margin */
16
+ }
17
+
18
+ .highlight { background-color: yellow;
19
+ color: black !important; /* Dark grey for muted text */
20
+ cursor: pointer;}
21
+ .not-hover-highlight { background-color: lightyellow;
22
+ color: #606060 !important; /* Dark grey for muted text */}
23
+ .summary {
24
+ width: 50%;
25
+ font-size: 1.0rem;
26
+ padding: 10px;
27
+ height: 100vh; /* Maximum height to a third of the viewport height */
28
+ background-color: #9e9e9e0a;
29
+ }
30
+ .reviews {
31
+ width: 50%;
32
+ font-size: 0.7rem;
33
+ display: flex;
34
+ flex-wrap: wrap;
35
+ padding: 10px;
36
+ max-height: 100vh; /* Maximum height to a third of the viewport height */
37
+ overflow-y: auto; /* Enable vertical scrolling */
38
+ background-color: #9e9e9e0a; /* Light grey background */
39
+ }
40
+ .text-box {
41
+ width: calc(100% - 20px); /* Adjust based on padding */
42
+ margin: 10px;
43
+ padding: 10px;
44
+ background-color: #9e9e9e0a; /* Light grey background */
45
+ color: #606060bf;
46
+ border: 2px solid #ddd; /* Cartoonish border */
47
+ border-radius: 20px; /* Rounded corners for cartoonish effect */
48
+ position: relative;
49
+ box-shadow: 3px 3px #bbb; /* Soft shadow for depth */
50
+ }
51
+ .text-box:before {
52
+ content: '';
53
+ position: absolute;
54
+ right: 100%;
55
+ bottom: 20%;
56
+ border-top: 10px solid transparent;
57
+ border-bottom: 10px solid transparent;
58
+ border-right: 10px solid #ddd; /* Arrow matching the border */
59
+ }
60
+ .summary-box {
61
+ padding: 10px;
62
+ margin: 10px 0;
63
+ background-color: #e6e6fa; /* Lavender background for a pleasant look */
64
+ border: 1px solid #ddd; /* Light border for definition */
65
+ border-radius: 5px; /* Slightly rounded corners */
66
+ box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* Soft shadow for depth */
67
+ cursor: pointer;
68
+ }
69
+ h4 { margin-top: 0; }
70
+ </style>
71
+ </head>
72
+ <body>
73
+ <div class='column reviews'><h2>Reviews</h2><div class='text-box'>I have stayed in this hotel for 10 days for the second time and will definetely be back again! Apart from <span class='review-span highlight' data-aligned-summaries='1'>hotels excellent location</span> ( it's near all sightseeing places ) <span class='review-span highlight' data-aligned-summaries='3'>the rooms were cozy</span> and staff friendly and ready to help me with connecting my laptop to the wireless internet, to give me advice where to go and which trasport to catch. Beside fluent English and Turkish they speak all ex-Yu languages ( Serbian, Croatian, Macedonian, Bosnian ) so it is very convinient for people from these countries to stay there. Room service was quick ( beverages only ) , towels changed daily and room and bathroom kept perfectly clean -spotless! Definetely coming back here when I come back to Istanbul for some leather jackets shopping :) and this time bringing friends as well ! Miljana Jovanovic</div><div class='text-box'>Excellent money/value hotel, <span class='review-span highlight' data-aligned-summaries='4'>breakfast included</span>. <span class='review-span highlight' data-aligned-summaries='1 2'>Location is</span> <span class='review-span highlight' data-aligned-summaries='1'>great just opposite of Grand Bazar</span> <span class='review-span highlight' data-aligned-summaries='1 2'>in quite street</span>,<span class='review-span highlight' data-aligned-summaries='1'> good for tourist who want to stay close to everything</span>. <span class='review-span highlight' data-aligned-summaries='0'>If you are</span> one of us, <span class='review-span highlight' data-aligned-summaries='0'>looking for a cheap stay, and you look for very clean and secure hotel/hostel this is a great choice</span>. <span class='review-span highlight' data-aligned-summaries='3'>Rooms are comfortable</span>, especially those on 6th floor. The only minus is that <span class='review-span highlight' data-aligned-summaries='5'>you have only one way transfer, if you choose airport pickup</span> as we did, <span class='review-span highlight' data-aligned-summaries='5'>you have to pay for transfer to the airport,</span> but fortunately <span class='review-span highlight' data-aligned-summaries='5'>this is not a big problem while they have pretty cheap taxi's</span> there in Istanbul :-). All in all, really worth every cent. Great job guys. Greetings from Croatia.</div><div class='text-box'>We stayed here for several nights in mid March. <span class='review-span highlight' data-aligned-summaries='0'>The</span> <span class='review-span highlight' data-aligned-summaries='0 3'>rooms were</span> <span class='review-span highlight' data-aligned-summaries='0'>clean</span> and <span class='review-span highlight' data-aligned-summaries='3'>comfortable</span>, free internet access in the lobby and <span class='review-span highlight' data-aligned-summaries='4'>a tasty breakfast in the morning</span>. <span class='review-span highlight' data-aligned-summaries='1'>Great</span> <span class='review-span highlight' data-aligned-summaries='0 1'>location</span> in the old city. <span class='review-span highlight' data-aligned-summaries='2'>Right near the Grand Bazaar, and</span> <span class='review-span highlight' data-aligned-summaries='1 2'>walking distance to Haggia Sophia</span> <span class='review-span highlight' data-aligned-summaries='1'>and the Blue Mosque.</span>The only issue we had was the <span class='review-span highlight' data-aligned-summaries='3'>cigarette smoke from the lobby constantly drifted into our room</span>. We had to put a damp towel under the door. <span class='review-span highlight' data-aligned-summaries='0'>For 35 Euro's per night - it was well worth it</span>.</div><div class='text-box'>my wife and I stayed 3 weeks there. do we need to add more.? of course <span class='review-span highlight' data-aligned-summaries='0'>you might find better somewhere but more expensive</span>, but you will for sure find lot worst at same price <span class='review-span highlight' data-aligned-summaries='1 2'>The hotel is very well located , close to grand Bazaar and blue mosque</span> <span class='review-span highlight' data-aligned-summaries='2'>but also seashore where we could go for a run</span> the staff was very friendly and gave us on 6 floor a room with view on the Bosphorus at a attractive price so I will be back there when back to Isatnbul</div><div class='text-box'>Booked in Inter Hotel last August 2009 but <span class='review-span highlight' data-aligned-summaries='0'>had to cancel</span> after a month due to work load. I just sent them an email and <span class='review-span highlight' data-aligned-summaries='0'>they returned my Deposit</span> of 25 Euros to my credit card. Other hotels will not do that! Will definitely book again in this hotel because I read a lot of satisfied guests. I also want to experience what they experienced from staying in INTER HOTEL. Thank you guys!</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>The hotel is</span> not only <span class='review-span highlight' data-aligned-summaries='2'>a</span> <span class='review-span highlight' data-aligned-summaries='1 2'>convenient location</span>, but <span class='review-span highlight' data-aligned-summaries='0'>very clean</span> and <span class='review-span highlight' data-aligned-summaries='3'>very comfortable</span>. The staff are friendly and <span class='review-span highlight' data-aligned-summaries='4'>the breakfast delicious</span>. Very reasonable rates and altogether a good place to stay which is <span class='review-span highlight' data-aligned-summaries='1 2'>situated 5 mins from the Grand Bazaar</span> <span class='review-span highlight' data-aligned-summaries='1'>and the tram</span>. I have been before and will stay there again without a doubt.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>very good service</span>, staff is very friendly and helping, pick and dropp of when you stay few days, free internet ( for me very important), <span class='review-span highlight' data-aligned-summaries='0 1 2'>near to meny historical places</span>.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='4'>The breakfast was excelent</span>, very friendly and helpful staff, <span class='review-span highlight' data-aligned-summaries='0'>clean rooms, and well worth the price</span>. I would stay here again and again.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">This hotel is a great choice for those looking for a cheap stay in a clean and secure hotel/hostel.</span> <span id="1" class="summary-sentence">Excellent location for those wanting to explore.</span> <span id="2" class="summary-sentence">This hotel is not only on a quiet street for those that want to relax, but it is conveniently close to the main sights as well as the seashore, where guests can enjoy a good run.</span> <span id="3" class="summary-sentence">Very comfortable rooms, however there is an issue with cigarette smoke from the lobby drifting into the rooms.</span> <span id="4" class="summary-sentence">Breakfast came with the stay.</span> <span id="5" class="summary-sentence">The airport transfer pickup costs are extra but they are cheap.</span></div></div>
74
+ <script>
75
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
76
+ sentence.addEventListener('mouseenter', function() {
77
+ const summaryId = this.getAttribute('id');
78
+ document.querySelectorAll('.review-span').forEach(span => {
79
+ if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
80
+ span.classList.remove('highlight');
81
+ span.classList.add('not-hover-highlight');
82
+ }
83
+ });
84
+ this.classList.add('highlight');
85
+ });
86
+
87
+ sentence.addEventListener('mouseleave', function() {
88
+ const summaryId = this.getAttribute('id');
89
+ document.querySelectorAll('.review-span').forEach(span => {
90
+ if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
91
+ span.classList.remove('not-hover-highlight');
92
+ span.classList.add('highlight');
93
+ }
94
+ this.classList.remove('highlight');
95
+ });
96
+ });
97
+ });
98
+
99
+ document.querySelectorAll('.review-span').forEach(span => {
100
+ span.addEventListener('mouseenter', function() {
101
+ document.querySelectorAll('.review-span').forEach(span => {
102
+ if (span !== this) {
103
+ span.classList.remove('highlight');
104
+ span.classList.add('not-hover-highlight');
105
+ }
106
+ });
107
+ const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
108
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
109
+ if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
110
+ sentence.classList.add('highlight');
111
+ }
112
+ });
113
+ });
114
+ });
115
+
116
+ document.querySelectorAll('.review-span').forEach(span => {
117
+ span.addEventListener('mouseleave', function() {
118
+ const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
119
+ document.querySelectorAll('.review-span').forEach(span => {
120
+ if (span !== this) {
121
+ span.classList.remove('not-hover-highlight');
122
+ span.classList.add('highlight');
123
+ }
124
+ });
125
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
126
+ if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
127
+ sentence.classList.remove('highlight');
128
+ }
129
+ });
130
+ });
131
+ });
132
+
133
+ </script>
134
+ </body>
135
+ </html>
html_files/train/CocoTrip-test_cont-inst_0_b_summ_0.html ADDED
@@ -0,0 +1,135 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+
2
+ <!DOCTYPE html>
3
+ <html lang="en">
4
+ <head>
5
+ <meta charset="UTF-8">
6
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
+ <title>Document Review</title>
8
+ <style>
9
+ body {
10
+ font-family: Arial, sans-serif;
11
+ display: flex;
12
+ justify-content: center; /* This will center the .reviews container on the screen */
13
+ align-items: flex-start;
14
+ height: 100vh;
15
+ margin: 2px; /* Remove default margin */
16
+ }
17
+
18
+ .highlight { background-color: yellow;
19
+ color: black !important; /* Dark grey for muted text */
20
+ cursor: pointer;}
21
+ .not-hover-highlight { background-color: lightyellow;
22
+ color: #606060 !important; /* Dark grey for muted text */}
23
+ .summary {
24
+ width: 50%;
25
+ font-size: 1.0rem;
26
+ padding: 10px;
27
+ height: 100vh; /* Maximum height to a third of the viewport height */
28
+ background-color: #9e9e9e0a;
29
+ }
30
+ .reviews {
31
+ width: 50%;
32
+ font-size: 0.7rem;
33
+ display: flex;
34
+ flex-wrap: wrap;
35
+ padding: 10px;
36
+ max-height: 100vh; /* Maximum height to a third of the viewport height */
37
+ overflow-y: auto; /* Enable vertical scrolling */
38
+ background-color: #9e9e9e0a; /* Light grey background */
39
+ }
40
+ .text-box {
41
+ width: calc(100% - 20px); /* Adjust based on padding */
42
+ margin: 10px;
43
+ padding: 10px;
44
+ background-color: #9e9e9e0a; /* Light grey background */
45
+ color: #606060bf;
46
+ border: 2px solid #ddd; /* Cartoonish border */
47
+ border-radius: 20px; /* Rounded corners for cartoonish effect */
48
+ position: relative;
49
+ box-shadow: 3px 3px #bbb; /* Soft shadow for depth */
50
+ }
51
+ .text-box:before {
52
+ content: '';
53
+ position: absolute;
54
+ right: 100%;
55
+ bottom: 20%;
56
+ border-top: 10px solid transparent;
57
+ border-bottom: 10px solid transparent;
58
+ border-right: 10px solid #ddd; /* Arrow matching the border */
59
+ }
60
+ .summary-box {
61
+ padding: 10px;
62
+ margin: 10px 0;
63
+ background-color: #e6e6fa; /* Lavender background for a pleasant look */
64
+ border: 1px solid #ddd; /* Light border for definition */
65
+ border-radius: 5px; /* Slightly rounded corners */
66
+ box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* Soft shadow for depth */
67
+ cursor: pointer;
68
+ }
69
+ h4 { margin-top: 0; }
70
+ </style>
71
+ </head>
72
+ <body>
73
+ <div class='column reviews'><h2>Reviews</h2><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>The hotel is very good</span> located in a large garden. Although being inmidst Istanbul, you can open the window, hear birds singing, breathe fresh air and have a beautiful <span class='review-span highlight' data-aligned-summaries='1'>view</span> into the amazing garden and <span class='review-span highlight' data-aligned-summaries='1'>onto the Bosphorus</span> itself. Most exiting is the roof bar / restaurant from where you have an even more excellent view while receiving very <span class='review-span highlight' data-aligned-summaries='5'>good food</span>, drinks and service. Vety advantage is that you can reach the old town with Topkapi, Blue Mosc and all other attractions by tram. Just take a walk or a quick taxi to the end point of the tram and enjoy riding over the Golden Horn on its own rail not being bothered by any of that really crazy traffic.</div><div class='text-box'>The <span class='review-span highlight' data-aligned-summaries='1'>hotel is ideally located on a hillside</span> with a 60 acre garden. The views are superb. You can see the sea from everywhere. <span class='review-span highlight' data-aligned-summaries='2'>The rooms are large</span> and the <span class='review-span highlight' data-aligned-summaries='3'>bathrooms of a good size</span>. The spa is very good. Many restaurants & shopping close to the hotel. Old city is only 20 minutes by taxi. <span class='review-span highlight' data-aligned-summaries='4'>The staff is very friendly</span>. The bar is good but the coffee shop is not so good. <span class='review-span highlight' data-aligned-summaries='5'>Food in the hotel is not as per Turkish standards</span>.</div><div class='text-box'>The hotel had a party of it's own shortly after we arrived but <span class='review-span highlight' data-aligned-summaries='4'>they chose not to warn us</span> that we wouldn't be able to use the outdoor pool for 48 hours or that we wouldn't be able to sleep because of the considerable noise and disruption. This is not a cheap hotel and the charming staff are badly let down by the poor management. I have been staying here, on and off, for nearly twenty years and it used to be very well run.</div><div class='text-box'>Stayed for five nights, <span class='review-span highlight' data-aligned-summaries='0 4'>very attentive staff</span>, <span class='review-span highlight' data-aligned-summaries='0'>very clean and well kept hotel</span>. Breakfast buffet is outstanding. Have good security to drive on property must pass guard house and barrier's, metal detector when accessing lobby. <span class='review-span highlight' data-aligned-summaries='6'>The worst aspect is the cost of internet for your room, about $25 a day.ouch</span>! Location is okay not great depending on what your doing.near river, but a good little walk and uphill coming back. Nice view of river from the lobby lounge area.</div><div class='text-box'>Stayed at this hotel for 3 nights during a business trip in Istanbul. From the outside <span class='review-span highlight' data-aligned-summaries='0'>the hotel looks a bit out of date</span>. However, <span class='review-span highlight' data-aligned-summaries='2'>the room are spacious</span> and <span class='review-span highlight' data-aligned-summaries='2'>refurnished</span>. I found <span class='review-span highlight' data-aligned-summaries='4'>the staff friendly and helpful</span>. There is a good choice of restaurants - but <span class='review-span highlight' data-aligned-summaries='5'>beware of high prices</span>. <span class='review-span highlight' data-aligned-summaries='0'>Overall it was a good experience</span> and I would recommend to all business travellers.</div><div class='text-box'>really <span class='review-span highlight' data-aligned-summaries='0'>the place to stay</span> in Istanbul. perfect, professional and friendly service, great breakfast buffet, <span class='review-span highlight' data-aligned-summaries='1'>beautiful position overlooking the Bosphorus</span>. An oasis of peace in a big garden. <span class='review-span highlight' data-aligned-summaries='2'>Big</span>, <span class='review-span highlight' data-aligned-summaries='3'>clean</span> <span class='review-span highlight' data-aligned-summaries='2 3'>rooms</span> <span class='review-span highlight' data-aligned-summaries='3'>with all amenities</span>. Great turndown service in the evenings with even bathrobes changed. worth repeating over and over again !</div><div class='text-box'>The restaurants and the <span class='review-span highlight' data-aligned-summaries='5'>quality of the</span> <span class='review-span highlight' data-aligned-summaries='0 5'>foods</span> <span class='review-span highlight' data-aligned-summaries='0'>and</span> <span class='review-span highlight' data-aligned-summaries='0 4'>services</span> <span class='review-span highlight' data-aligned-summaries='0 4 5'>were excellent</span> but the whole hotel and <span class='review-span highlight' data-aligned-summaries='0 2 3'>the rooms</span> <span class='review-span highlight' data-aligned-summaries='0 3'>are looking tired</span> <span class='review-span highlight' data-aligned-summaries='0'>and</span> <span class='review-span highlight' data-aligned-summaries='0 2'>really need a renovation</span>. <span class='review-span highlight' data-aligned-summaries='0'>The spa was fantastic</span> especially the turkish hamam. <span class='review-span highlight' data-aligned-summaries='1'>The location is great with the whole bosphorus view</span> and nearness to the favorite places.</div><div class='text-box'>I had the best time . <span class='review-span highlight' data-aligned-summaries='0'>Nice room, friendly staff</span>, . It has a great location too, . Highly recommended!</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">The hotel looks a bit dated but overall a good place to stay.</span> <span id="1" class="summary-sentence">The hotel is located on a hillside and has views of the Bosphorous.</span> <span id="2" class="summary-sentence">The rooms are really big and spacious as well as refurnished and clean.</span> <span id="3" class="summary-sentence">As well as a nice room the bathroom is also of a great size.</span> <span id="4" class="summary-sentence">The staff at the hotel were very attentive.</span> <span id="5" class="summary-sentence">The food is okay enough but there are quite high prices.</span> <span id="6" class="summary-sentence">The hotel does provide internet access for guests, but it is steeply priced at $25 per day.</span></div></div>
74
+ <script>
75
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
76
+ sentence.addEventListener('mouseenter', function() {
77
+ const summaryId = this.getAttribute('id');
78
+ document.querySelectorAll('.review-span').forEach(span => {
79
+ if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
80
+ span.classList.remove('highlight');
81
+ span.classList.add('not-hover-highlight');
82
+ }
83
+ });
84
+ this.classList.add('highlight');
85
+ });
86
+
87
+ sentence.addEventListener('mouseleave', function() {
88
+ const summaryId = this.getAttribute('id');
89
+ document.querySelectorAll('.review-span').forEach(span => {
90
+ if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
91
+ span.classList.remove('not-hover-highlight');
92
+ span.classList.add('highlight');
93
+ }
94
+ this.classList.remove('highlight');
95
+ });
96
+ });
97
+ });
98
+
99
+ document.querySelectorAll('.review-span').forEach(span => {
100
+ span.addEventListener('mouseenter', function() {
101
+ document.querySelectorAll('.review-span').forEach(span => {
102
+ if (span !== this) {
103
+ span.classList.remove('highlight');
104
+ span.classList.add('not-hover-highlight');
105
+ }
106
+ });
107
+ const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
108
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
109
+ if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
110
+ sentence.classList.add('highlight');
111
+ }
112
+ });
113
+ });
114
+ });
115
+
116
+ document.querySelectorAll('.review-span').forEach(span => {
117
+ span.addEventListener('mouseleave', function() {
118
+ const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
119
+ document.querySelectorAll('.review-span').forEach(span => {
120
+ if (span !== this) {
121
+ span.classList.remove('not-hover-highlight');
122
+ span.classList.add('highlight');
123
+ }
124
+ });
125
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
126
+ if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
127
+ sentence.classList.remove('highlight');
128
+ }
129
+ });
130
+ });
131
+ });
132
+
133
+ </script>
134
+ </body>
135
+ </html>
html_files/train/CocoTrip-test_cont-inst_0_b_summ_1.html ADDED
@@ -0,0 +1,135 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+
2
+ <!DOCTYPE html>
3
+ <html lang="en">
4
+ <head>
5
+ <meta charset="UTF-8">
6
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
+ <title>Document Review</title>
8
+ <style>
9
+ body {
10
+ font-family: Arial, sans-serif;
11
+ display: flex;
12
+ justify-content: center; /* This will center the .reviews container on the screen */
13
+ align-items: flex-start;
14
+ height: 100vh;
15
+ margin: 2px; /* Remove default margin */
16
+ }
17
+
18
+ .highlight { background-color: yellow;
19
+ color: black !important; /* Dark grey for muted text */
20
+ cursor: pointer;}
21
+ .not-hover-highlight { background-color: lightyellow;
22
+ color: #606060 !important; /* Dark grey for muted text */}
23
+ .summary {
24
+ width: 50%;
25
+ font-size: 1.0rem;
26
+ padding: 10px;
27
+ height: 100vh; /* Maximum height to a third of the viewport height */
28
+ background-color: #9e9e9e0a;
29
+ }
30
+ .reviews {
31
+ width: 50%;
32
+ font-size: 0.7rem;
33
+ display: flex;
34
+ flex-wrap: wrap;
35
+ padding: 10px;
36
+ max-height: 100vh; /* Maximum height to a third of the viewport height */
37
+ overflow-y: auto; /* Enable vertical scrolling */
38
+ background-color: #9e9e9e0a; /* Light grey background */
39
+ }
40
+ .text-box {
41
+ width: calc(100% - 20px); /* Adjust based on padding */
42
+ margin: 10px;
43
+ padding: 10px;
44
+ background-color: #9e9e9e0a; /* Light grey background */
45
+ color: #606060bf;
46
+ border: 2px solid #ddd; /* Cartoonish border */
47
+ border-radius: 20px; /* Rounded corners for cartoonish effect */
48
+ position: relative;
49
+ box-shadow: 3px 3px #bbb; /* Soft shadow for depth */
50
+ }
51
+ .text-box:before {
52
+ content: '';
53
+ position: absolute;
54
+ right: 100%;
55
+ bottom: 20%;
56
+ border-top: 10px solid transparent;
57
+ border-bottom: 10px solid transparent;
58
+ border-right: 10px solid #ddd; /* Arrow matching the border */
59
+ }
60
+ .summary-box {
61
+ padding: 10px;
62
+ margin: 10px 0;
63
+ background-color: #e6e6fa; /* Lavender background for a pleasant look */
64
+ border: 1px solid #ddd; /* Light border for definition */
65
+ border-radius: 5px; /* Slightly rounded corners */
66
+ box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* Soft shadow for depth */
67
+ cursor: pointer;
68
+ }
69
+ h4 { margin-top: 0; }
70
+ </style>
71
+ </head>
72
+ <body>
73
+ <div class='column reviews'><h2>Reviews</h2><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0 1'>The hotel is very good located in a large garden</span>. Although being inmidst Istanbul, you can open the window, hear birds singing, breathe fresh air and <span class='review-span highlight' data-aligned-summaries='2'>have a beautiful view into the amazing garden and onto the Bosphorus itself</span>. <span class='review-span highlight' data-aligned-summaries='0'>Most exiting is the roof bar / restaurant</span> from where you have an even more excellent view while receiving <span class='review-span highlight' data-aligned-summaries='6'>very good food</span>, drinks and service. Vety advantage is that you can reach the old town with Topkapi, Blue Mosc and all other attractions by tram. Just take a walk or a quick taxi to the end point of the tram and enjoy riding over the Golden Horn on its own rail not being bothered by any of that really crazy traffic.</div><div class='text-box'>The hotel is ideally located on a hillside with a 60 acre garden. <span class='review-span highlight' data-aligned-summaries='2 8'>The views are superb</span>. You can see the sea from everywhere. <span class='review-span highlight' data-aligned-summaries='3'>The rooms are large</span> and <span class='review-span highlight' data-aligned-summaries='4'>the bathrooms of a good size</span>. <span class='review-span highlight' data-aligned-summaries='0'>The spa is very good</span>. <span class='review-span highlight' data-aligned-summaries='0 6'>Many</span> <span class='review-span highlight' data-aligned-summaries='0 1 6'>restaurants</span> <span class='review-span highlight' data-aligned-summaries='0 1'>& shopping</span> <span class='review-span highlight' data-aligned-summaries='0 1 6'>close to the hotel</span>. Old city is only 20 minutes by taxi. <span class='review-span highlight' data-aligned-summaries='5'>The staff is very friendly</span>. The bar is good but <span class='review-span highlight' data-aligned-summaries='6'>the coffee shop is not so good. Food in the hotel is not as per Turkish standards</span>.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>The hotel had a party of it's own shortly after we arrived but they chose not to warn us that we wouldn't be able to use the outdoor pool for 48 hours or that we wouldn't be able to sleep</span> because of the considerable noise and disruption. <span class='review-span highlight' data-aligned-summaries='0'>This is not a cheap hotel and</span> <span class='review-span highlight' data-aligned-summaries='0 5'>the charming staff are badly let down by the poor management</span>. I have been staying here, on and off, for nearly twenty years and it used to be very well run.</div><div class='text-box'>Stayed for five nights, <span class='review-span highlight' data-aligned-summaries='5'>very attentive staff</span>, <span class='review-span highlight' data-aligned-summaries='5'>very clean and well kept hotel</span>. Breakfast buffet is outstanding. Have good security to drive on property must pass guard house and barrier's, metal detector when accessing lobby. <span class='review-span highlight' data-aligned-summaries='8'>The worst aspect is the cost of internet for your room, about $25 a day.ouch!</span> <span class='review-span highlight' data-aligned-summaries='1'>Location is okay not great depending on what your doing.near river</span>, but a good little walk and uphill coming back. <span class='review-span highlight' data-aligned-summaries='2'>Nice view of river</span> from the lobby lounge area.</div><div class='text-box'>Stayed at this hotel for 3 nights during a business trip in Istanbul. <span class='review-span highlight' data-aligned-summaries='0'>From the outside the hotel looks a bit out of date</span>. However, <span class='review-span highlight' data-aligned-summaries='3'>the room are spacious</span> and <span class='review-span highlight' data-aligned-summaries='3'>refurnished</span>. <span class='review-span highlight' data-aligned-summaries='5'>I found the staff</span> friendly and <span class='review-span highlight' data-aligned-summaries='5'>helpful</span>. <span class='review-span highlight' data-aligned-summaries='6'>There is a good choice of restaurants</span> - but beware of high prices. <span class='review-span highlight' data-aligned-summaries='0'>Overall it was a good experience</span> and <span class='review-span highlight' data-aligned-summaries='0'>I would recommend to all business travellers</span>.</div><div class='text-box'>really the place to stay in Istanbul. perfect, professional and <span class='review-span highlight' data-aligned-summaries='5'>friendly service</span>, great breakfast buffet, <span class='review-span highlight' data-aligned-summaries='1'>beautiful position</span> overlooking the Bosphorus. An oasis of peace in a big garden. <span class='review-span highlight' data-aligned-summaries='3'>Big</span>, clean <span class='review-span highlight' data-aligned-summaries='3'>rooms with all amenities</span>. <span class='review-span highlight' data-aligned-summaries='7'>Great turndown service in the evenings</span> with <span class='review-span highlight' data-aligned-summaries='7'>even bathrobes changed</span>. worth repeating over and over again !</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='1 6'>The restaurants</span> <span class='review-span highlight' data-aligned-summaries='6'>and the quality of the foods</span> and <span class='review-span highlight' data-aligned-summaries='5'>services</span> <span class='review-span highlight' data-aligned-summaries='5 6'>were excellent</span> but the whole hotel and the <span class='review-span highlight' data-aligned-summaries='0'>rooms are looking tired and really need a renovation</span>. <span class='review-span highlight' data-aligned-summaries='0'>The spa was fantastic</span> especially the turkish hamam. <span class='review-span highlight' data-aligned-summaries='1'>The location is great with</span> <span class='review-span highlight' data-aligned-summaries='2'>the whole bosphorus view</span> and nearness to the favorite places.</div><div class='text-box'>I had the best time . Nice room, friendly staff, . <span class='review-span highlight' data-aligned-summaries='1'>It has a great location</span> too, . <span class='review-span highlight' data-aligned-summaries='0'>Highly recommended</span>!</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">Whilst it looks a little outdated the hotel provides a great experience, therefore it is highly recommended.</span> <span id="1" class="summary-sentence">The hotel's location is pretty good with some good restaurants and shopping nearby.</span> <span id="2" class="summary-sentence">There is a good view and great access to the river, too.</span> <span id="3" class="summary-sentence">The hotel rooms are large and fully furnished .</span> <span id="4" class="summary-sentence">The bathrooms are also spacious with all of the expected amenities.</span> <span id="5" class="summary-sentence">The staff are so attentive and they keep the hotel nice and clean.</span> <span id="6" class="summary-sentence">The hotel has a varied choice of restaurants available , but the coffee shop and food in general are not up to regular Turkish standards.</span> <span id="7" class="summary-sentence">The highlights of this hotel would be the turn-down service in the evenings (they would even provide fresh bathrobes, which is a great added touch.)</span> <span id="8" class="summary-sentence">Whilst the in-room internet service costs a lot of money there are some really great views from the hotel.</span></div></div>
74
+ <script>
75
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
76
+ sentence.addEventListener('mouseenter', function() {
77
+ const summaryId = this.getAttribute('id');
78
+ document.querySelectorAll('.review-span').forEach(span => {
79
+ if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
80
+ span.classList.remove('highlight');
81
+ span.classList.add('not-hover-highlight');
82
+ }
83
+ });
84
+ this.classList.add('highlight');
85
+ });
86
+
87
+ sentence.addEventListener('mouseleave', function() {
88
+ const summaryId = this.getAttribute('id');
89
+ document.querySelectorAll('.review-span').forEach(span => {
90
+ if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
91
+ span.classList.remove('not-hover-highlight');
92
+ span.classList.add('highlight');
93
+ }
94
+ this.classList.remove('highlight');
95
+ });
96
+ });
97
+ });
98
+
99
+ document.querySelectorAll('.review-span').forEach(span => {
100
+ span.addEventListener('mouseenter', function() {
101
+ document.querySelectorAll('.review-span').forEach(span => {
102
+ if (span !== this) {
103
+ span.classList.remove('highlight');
104
+ span.classList.add('not-hover-highlight');
105
+ }
106
+ });
107
+ const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
108
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
109
+ if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
110
+ sentence.classList.add('highlight');
111
+ }
112
+ });
113
+ });
114
+ });
115
+
116
+ document.querySelectorAll('.review-span').forEach(span => {
117
+ span.addEventListener('mouseleave', function() {
118
+ const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
119
+ document.querySelectorAll('.review-span').forEach(span => {
120
+ if (span !== this) {
121
+ span.classList.remove('not-hover-highlight');
122
+ span.classList.add('highlight');
123
+ }
124
+ });
125
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
126
+ if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
127
+ sentence.classList.remove('highlight');
128
+ }
129
+ });
130
+ });
131
+ });
132
+
133
+ </script>
134
+ </body>
135
+ </html>
html_files/train/CocoTrip-test_cont-inst_0_b_summ_2.html ADDED
@@ -0,0 +1,135 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+
2
+ <!DOCTYPE html>
3
+ <html lang="en">
4
+ <head>
5
+ <meta charset="UTF-8">
6
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
+ <title>Document Review</title>
8
+ <style>
9
+ body {
10
+ font-family: Arial, sans-serif;
11
+ display: flex;
12
+ justify-content: center; /* This will center the .reviews container on the screen */
13
+ align-items: flex-start;
14
+ height: 100vh;
15
+ margin: 2px; /* Remove default margin */
16
+ }
17
+
18
+ .highlight { background-color: yellow;
19
+ color: black !important; /* Dark grey for muted text */
20
+ cursor: pointer;}
21
+ .not-hover-highlight { background-color: lightyellow;
22
+ color: #606060 !important; /* Dark grey for muted text */}
23
+ .summary {
24
+ width: 50%;
25
+ font-size: 1.0rem;
26
+ padding: 10px;
27
+ height: 100vh; /* Maximum height to a third of the viewport height */
28
+ background-color: #9e9e9e0a;
29
+ }
30
+ .reviews {
31
+ width: 50%;
32
+ font-size: 0.7rem;
33
+ display: flex;
34
+ flex-wrap: wrap;
35
+ padding: 10px;
36
+ max-height: 100vh; /* Maximum height to a third of the viewport height */
37
+ overflow-y: auto; /* Enable vertical scrolling */
38
+ background-color: #9e9e9e0a; /* Light grey background */
39
+ }
40
+ .text-box {
41
+ width: calc(100% - 20px); /* Adjust based on padding */
42
+ margin: 10px;
43
+ padding: 10px;
44
+ background-color: #9e9e9e0a; /* Light grey background */
45
+ color: #606060bf;
46
+ border: 2px solid #ddd; /* Cartoonish border */
47
+ border-radius: 20px; /* Rounded corners for cartoonish effect */
48
+ position: relative;
49
+ box-shadow: 3px 3px #bbb; /* Soft shadow for depth */
50
+ }
51
+ .text-box:before {
52
+ content: '';
53
+ position: absolute;
54
+ right: 100%;
55
+ bottom: 20%;
56
+ border-top: 10px solid transparent;
57
+ border-bottom: 10px solid transparent;
58
+ border-right: 10px solid #ddd; /* Arrow matching the border */
59
+ }
60
+ .summary-box {
61
+ padding: 10px;
62
+ margin: 10px 0;
63
+ background-color: #e6e6fa; /* Lavender background for a pleasant look */
64
+ border: 1px solid #ddd; /* Light border for definition */
65
+ border-radius: 5px; /* Slightly rounded corners */
66
+ box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* Soft shadow for depth */
67
+ cursor: pointer;
68
+ }
69
+ h4 { margin-top: 0; }
70
+ </style>
71
+ </head>
72
+ <body>
73
+ <div class='column reviews'><h2>Reviews</h2><div class='text-box'><span class='review-span highlight' data-aligned-summaries='2'>The hotel is very good located in a large garden</span>. Although being inmidst Istanbul, you can open the window, hear birds singing, breathe fresh air and have <span class='review-span highlight' data-aligned-summaries='3'>a beautiful view into the amazing garden and onto the Bosphorus itself</span>. Most exiting is the roof bar / <span class='review-span highlight' data-aligned-summaries='8'>restaurant from where you have an even more excellent view while receiving very good food</span>, drinks and service. Vety advantage is that you can reach the old town with Topkapi, Blue Mosc and all other attractions by tram. Just take a walk or a quick taxi to the end point of the tram and enjoy riding over the Golden Horn on its own rail not being bothered by any of that really crazy traffic.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='2 3'>The hotel is ideally located</span> <span class='review-span highlight' data-aligned-summaries='3'>on a hillside with a 60 acre garden. The views are superb. You can see the sea from everywhere</span>. <span class='review-span highlight' data-aligned-summaries='0 1 4'>The rooms are large</span> <span class='review-span highlight' data-aligned-summaries='0 1'>and</span> <span class='review-span highlight' data-aligned-summaries='5'>the bathrooms of a good size</span>. <span class='review-span highlight' data-aligned-summaries='0 1'>The spa is very good</span>. <span class='review-span highlight' data-aligned-summaries='3 8'>Many restaurants</span> <span class='review-span highlight' data-aligned-summaries='3'>& shopping</span> <span class='review-span highlight' data-aligned-summaries='3 8'>close to the hotel</span>. Old city is only 20 minutes by taxi. The staff is very friendly. The bar is good but the coffee shop is not so good. <span class='review-span highlight' data-aligned-summaries='8 9'>Food in the hotel is not as per Turkish standards</span>.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='1'>The hotel had a party of it's own shortly after we arrived but they chose not to warn us that we wouldn't be able to use the outdoor pool</span> for 48 hours or that we wouldn't be able to sleep because of the considerable noise and disruption. This is not a cheap hotel and <span class='review-span highlight' data-aligned-summaries='7'>the charming staff are badly let down by the poor management</span>. I have been staying here, on and off, for nearly twenty years and <span class='review-span highlight' data-aligned-summaries='7'>it used to be very well run</span>.</div><div class='text-box'>Stayed for five nights, <span class='review-span highlight' data-aligned-summaries='0 1'>very attentive staff</span>, <span class='review-span highlight' data-aligned-summaries='0 1'>very clean and well kept</span> <span class='review-span highlight' data-aligned-summaries='1'>hotel</span>. Breakfast buffet is outstanding. <span class='review-span highlight' data-aligned-summaries='7'>Have good security to drive on property must pass guard house and barrier's, metal detector when accessing lobby</span>. <span class='review-span highlight' data-aligned-summaries='10'>The worst aspect is the cost of internet for your room, about $25</span> a day.ouch! <span class='review-span highlight' data-aligned-summaries='2'>Location is okay not great</span> depending on what your doing.near river, but a good little walk and uphill coming back. Nice view of river from the lobby lounge area.</div><div class='text-box'>Stayed at this hotel for 3 nights during a business trip in Istanbul. <span class='review-span highlight' data-aligned-summaries='1'>From the outside the hotel looks a bit out of date</span>. However, <span class='review-span highlight' data-aligned-summaries='0 1 4 6'>the room are</span> <span class='review-span highlight' data-aligned-summaries='0 1 4'>spacious</span> <span class='review-span highlight' data-aligned-summaries='0 1'>and</span> <span class='review-span highlight' data-aligned-summaries='0 1 6'>refurnished</span>. <span class='review-span highlight' data-aligned-summaries='7'>I found the staff friendly and helpful</span>. <span class='review-span highlight' data-aligned-summaries='3 8'>There is a good choice of restaurants</span> - but <span class='review-span highlight' data-aligned-summaries='9'>beware of high prices</span>. Overall it was a good experience and I would recommend to all business travellers.</div><div class='text-box'>really <span class='review-span highlight' data-aligned-summaries='1'>the place to stay in Istanbul. perfect</span>, professional and friendly service, <span class='review-span highlight' data-aligned-summaries='8'>great breakfast buffet</span>, <span class='review-span highlight' data-aligned-summaries='2'>beautiful position</span> <span class='review-span highlight' data-aligned-summaries='2 3'>overlooking the Bosphorus</span>.<span class='review-span highlight' data-aligned-summaries='2'></span> An oasis of peace in a big garden. <span class='review-span highlight' data-aligned-summaries='4'>Big</span>, clean <span class='review-span highlight' data-aligned-summaries='4 6'>rooms</span> <span class='review-span highlight' data-aligned-summaries='6'>with all amenities</span>. <span class='review-span highlight' data-aligned-summaries='7'>Great turndown service in the evenings with even bathrobes changed</span>. worth repeating over and over again !</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0 8'>The restaurants and the quality of the foods</span> <span class='review-span highlight' data-aligned-summaries='0'>and services</span> <span class='review-span highlight' data-aligned-summaries='0 8'>were excellent</span> but the whole hotel and <span class='review-span highlight' data-aligned-summaries='6'>the rooms are looking tired and really need a renovation.</span> <span class='review-span highlight' data-aligned-summaries='0'>The spa was fantastic</span> especially the turkish hamam. <span class='review-span highlight' data-aligned-summaries='2'>The location is great</span> with the whole bosphorus view and nearness to the favorite places.</div><div class='text-box'>I had the best time . Nice room, friendly staff, . <span class='review-span highlight' data-aligned-summaries='2'>It has a great location</span> too, . <span class='review-span highlight' data-aligned-summaries='0'>Highly recommended</span>!</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">A highly recommended hotel that has luxuries such as its own spa for guests to enjoy.</span> <span id="1" class="summary-sentence">A great experience to be had here, although the outside of the hotel could do with being updated.</span> <span id="2" class="summary-sentence">The location at this hotel is great.</span> <span id="3" class="summary-sentence">It sits on a hillside with 60 acres of garden to enjoy and offers fantasic views of the whole Bosphorus as well as being close to several restaurants and shopping.</span> <span id="4" class="summary-sentence">The rooms at this hotel are particularly large and spacious.</span> <span id="5" class="summary-sentence">The bathroom in particular is of a decent size.</span> <span id="6" class="summary-sentence">It has been refurnished and includes all amenities.</span> <span id="7" class="summary-sentence">The staff at this hotel are very good at paying to the needs of their guests, and the on site security make you feel safe with the guard house, barriers and metal detector to get to the reception.</span> <span id="8" class="summary-sentence">The quality of the food at this hotel is good, and there is a good selection of restaurants to choose from.</span> <span id="9" class="summary-sentence">However, the food can be pricey and it doesn't quite meet Turkish standards.</span> <span id="10" class="summary-sentence">The cost of $25 per day for in-room internet service is a drawback.</span></div></div>
74
+ <script>
75
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
76
+ sentence.addEventListener('mouseenter', function() {
77
+ const summaryId = this.getAttribute('id');
78
+ document.querySelectorAll('.review-span').forEach(span => {
79
+ if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
80
+ span.classList.remove('highlight');
81
+ span.classList.add('not-hover-highlight');
82
+ }
83
+ });
84
+ this.classList.add('highlight');
85
+ });
86
+
87
+ sentence.addEventListener('mouseleave', function() {
88
+ const summaryId = this.getAttribute('id');
89
+ document.querySelectorAll('.review-span').forEach(span => {
90
+ if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
91
+ span.classList.remove('not-hover-highlight');
92
+ span.classList.add('highlight');
93
+ }
94
+ this.classList.remove('highlight');
95
+ });
96
+ });
97
+ });
98
+
99
+ document.querySelectorAll('.review-span').forEach(span => {
100
+ span.addEventListener('mouseenter', function() {
101
+ document.querySelectorAll('.review-span').forEach(span => {
102
+ if (span !== this) {
103
+ span.classList.remove('highlight');
104
+ span.classList.add('not-hover-highlight');
105
+ }
106
+ });
107
+ const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
108
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
109
+ if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
110
+ sentence.classList.add('highlight');
111
+ }
112
+ });
113
+ });
114
+ });
115
+
116
+ document.querySelectorAll('.review-span').forEach(span => {
117
+ span.addEventListener('mouseleave', function() {
118
+ const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
119
+ document.querySelectorAll('.review-span').forEach(span => {
120
+ if (span !== this) {
121
+ span.classList.remove('not-hover-highlight');
122
+ span.classList.add('highlight');
123
+ }
124
+ });
125
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
126
+ if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
127
+ sentence.classList.remove('highlight');
128
+ }
129
+ });
130
+ });
131
+ });
132
+
133
+ </script>
134
+ </body>
135
+ </html>
html_files/train/CocoTrip-test_cont-inst_2_a_summ_0.html ADDED
@@ -0,0 +1,135 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+
2
+ <!DOCTYPE html>
3
+ <html lang="en">
4
+ <head>
5
+ <meta charset="UTF-8">
6
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
+ <title>Document Review</title>
8
+ <style>
9
+ body {
10
+ font-family: Arial, sans-serif;
11
+ display: flex;
12
+ justify-content: center; /* This will center the .reviews container on the screen */
13
+ align-items: flex-start;
14
+ height: 100vh;
15
+ margin: 2px; /* Remove default margin */
16
+ }
17
+
18
+ .highlight { background-color: yellow;
19
+ color: black !important; /* Dark grey for muted text */
20
+ cursor: pointer;}
21
+ .not-hover-highlight { background-color: lightyellow;
22
+ color: #606060 !important; /* Dark grey for muted text */}
23
+ .summary {
24
+ width: 50%;
25
+ font-size: 1.0rem;
26
+ padding: 10px;
27
+ height: 100vh; /* Maximum height to a third of the viewport height */
28
+ background-color: #9e9e9e0a;
29
+ }
30
+ .reviews {
31
+ width: 50%;
32
+ font-size: 0.7rem;
33
+ display: flex;
34
+ flex-wrap: wrap;
35
+ padding: 10px;
36
+ max-height: 100vh; /* Maximum height to a third of the viewport height */
37
+ overflow-y: auto; /* Enable vertical scrolling */
38
+ background-color: #9e9e9e0a; /* Light grey background */
39
+ }
40
+ .text-box {
41
+ width: calc(100% - 20px); /* Adjust based on padding */
42
+ margin: 10px;
43
+ padding: 10px;
44
+ background-color: #9e9e9e0a; /* Light grey background */
45
+ color: #606060bf;
46
+ border: 2px solid #ddd; /* Cartoonish border */
47
+ border-radius: 20px; /* Rounded corners for cartoonish effect */
48
+ position: relative;
49
+ box-shadow: 3px 3px #bbb; /* Soft shadow for depth */
50
+ }
51
+ .text-box:before {
52
+ content: '';
53
+ position: absolute;
54
+ right: 100%;
55
+ bottom: 20%;
56
+ border-top: 10px solid transparent;
57
+ border-bottom: 10px solid transparent;
58
+ border-right: 10px solid #ddd; /* Arrow matching the border */
59
+ }
60
+ .summary-box {
61
+ padding: 10px;
62
+ margin: 10px 0;
63
+ background-color: #e6e6fa; /* Lavender background for a pleasant look */
64
+ border: 1px solid #ddd; /* Light border for definition */
65
+ border-radius: 5px; /* Slightly rounded corners */
66
+ box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* Soft shadow for depth */
67
+ cursor: pointer;
68
+ }
69
+ h4 { margin-top: 0; }
70
+ </style>
71
+ </head>
72
+ <body>
73
+ <div class='column reviews'><h2>Reviews</h2><div class='text-box'>On a recent extended visit to Boston (2+ weeks), we were lucky enough to stay at the Colonnade Hotel. <span class='review-span highlight' data-aligned-summaries='0'>This hotel is head and shoulders above other area hotels!</span> <span class='review-span highlight' data-aligned-summaries='4'>The rooms are decorated with a quiet sophistication</span> that is very comfortable (feather pillows and comforter, wool throw blanket), and <span class='review-span highlight' data-aligned-summaries='5'>every person we encountered on the staff - from housekeeping to the front desk - was</span> helpful, <span class='review-span highlight' data-aligned-summaries='5'>courteous</span>, and kind<span class='review-span highlight' data-aligned-summaries='0'>. The attached restaurant</span>, <span class='review-span highlight' data-aligned-summaries='6'>Brasserie Jo, not only has very delicious food and a charming atmosphere, but also</span> <span class='review-span highlight' data-aligned-summaries='0 6'>some of the best service we have encountered anywhere</span>. As a whole, <span class='review-span highlight' data-aligned-summaries='5'>the service in the hotel was exceptional</span>, and we want to thank in particular the front desk staff, concierge Jerry Good, and doorman Norman Maines. This hotel is superb in every respect, <span class='review-span highlight' data-aligned-summaries='1'>we could not recommend it more highly</span> - <span class='review-span highlight' data-aligned-summaries='0'>we would never think of staying anywhere else in Boston</span>.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='1 5'>The service was outstanding from check-in to check-out</span>.<span class='review-span highlight' data-aligned-summaries='5'> The room service was outstanding, along with the guys up front, class act</span>. <span class='review-span highlight' data-aligned-summaries='1 2'>The location is so nice and very easy to move around the City</span>. So many great places to eat around the hotel. <span class='review-span highlight' data-aligned-summaries='7 8'>Nice size gym on the 5th floor with several carido machines</span>.<span class='review-span highlight' data-aligned-summaries='7'></span> <span class='review-span highlight' data-aligned-summaries='0 7'>The</span> <span class='review-span highlight' data-aligned-summaries='0'>Colonnade made my first stay in Boston a unique one and</span> <span class='review-span highlight' data-aligned-summaries='0 1'>i will be back with my family</span><span class='review-span highlight' data-aligned-summaries='1 2'>.</span> <span class='review-span highlight' data-aligned-summaries='2'>I</span> <span class='review-span highlight' data-aligned-summaries='1 2'>felt very safe at all times and</span> <span class='review-span highlight' data-aligned-summaries='1 2 3'>i felt like i was in the center of all activity with that location</span>.</div><div class='text-box'>I stayed here for a wedding. While the wedding party was treated well, <span class='review-span highlight' data-aligned-summaries='1 5'>I</span> <span class='review-span highlight' data-aligned-summaries='0 1 5'>was often treated poorly and spoken to as if I were trespassing on the property</span>. The room was average and the shower was VERY bad. The water pressure was painful and I felt that the shower head was going to fall off. The TV was the smallest hotel TV I have ever seen. Upon checkout, the front desk left me on hold for a long time to answer a simple question. I would not recommend this hotel to anyone.</div><div class='text-box'>My husband and I first stayed here for our wedding weekend and enjoyed it so much we returned for our first anniversary. The rooms are spacious, clean, and very comfortable-ditto the bathrooms. <span class='review-span highlight' data-aligned-summaries='1 5'>The staff are polite, courteous, a thoughtful</span>-<span class='review-span highlight' data-aligned-summaries='1'>we even received a fruit and cheese plate in honor of our anniversary</span>. <span class='review-span highlight' data-aligned-summaries='2'>We also love the location</span>-<span class='review-span highlight' data-aligned-summaries='3'>within walking distance to Back Bay and the South End-both great walking neighborhoods</span>. <span class='review-span highlight' data-aligned-summaries='3'>And the T is right out front</span> if you're going further afield.</div><div class='text-box'>Let's make this simple from <span class='review-span highlight' data-aligned-summaries='5'>the very first greeting from Norman Maines the exceptional greeter</span>/doorman/guest advocate <span class='review-span highlight' data-aligned-summaries='0'>my entre stay this was an exceptional experience</span>. With Norman setting the standard each and every time I entered and exited it was not surprising to find the entire team above the norm and the rooms and <span class='review-span highlight' data-aligned-summaries='5'>service to match</span>. This is one boutique that gets it and knows how imortant the selection of team mebers is.</div><div class='text-box'>We had a great week in Boston staying at the Colonnade. It was very clean and comfortable and the bathroom was excellent. <span class='review-span highlight' data-aligned-summaries='1 5'>The hotel staff were very helpful and polite</span>, especially Norman. If I visited Boston again, I would definately stay at the Colonnade Hotel and <span class='review-span highlight' data-aligned-summaries='1'>would recommend it to my friends</span>.</div><div class='text-box'>I stayed at the Colonnade for four nights for a recent conference. <span class='review-span highlight' data-aligned-summaries='1 2 3'>It is immediately adjacent to</span> <span class='review-span highlight' data-aligned-summaries='1 2'>numerous things</span>: <span class='review-span highlight' data-aligned-summaries='3'>a T connection, two</span> fair-sized <span class='review-span highlight' data-aligned-summaries='3'>shopping plazas, several restaurants, and the Hynes Convention Center</span>. <span class='review-span highlight' data-aligned-summaries='1'>Further,</span> <span class='review-span highlight' data-aligned-summaries='1 5'>the staff was super friendly and super helpful</span>. Thanks!</div><div class='text-box'>In Boston for a graduation and combined leisure trip. <span class='review-span highlight' data-aligned-summaries='1'>The Colonnade was very</span> comfortable, <span class='review-span highlight' data-aligned-summaries='1'>convenient</span> and <span class='review-span highlight' data-aligned-summaries='1'>friendly</span>. Highly recommend and would go back. <span class='review-span highlight' data-aligned-summaries='6'>Restaurant excellent</span>.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">A unique hotel that provides a similarly unique and unforgettable experience.</span> <span id="1" class="summary-sentence">It can't be recommended highly enough for the convenience and friendliness here.</span> <span id="2" class="summary-sentence">The location is superb.</span> <span id="3" class="summary-sentence">It had absolutely in the center of everything you could need.</span> <span id="4" class="summary-sentence">The hotel rooms are decorated sophistically, although the TV was very small.</span> <span id="5" class="summary-sentence">Exceptional service; every member of staff on front of house were super polite, courteous and so thoughtful.</span> <span id="6" class="summary-sentence">Brasserie Jo, the restaurant attached to the hotel, is excellent with delicious food, charming atmosphere , and the best service.</span> <span id="7" class="summary-sentence">There's a good gym in this hotel.</span> <span id="8" class="summary-sentence">It is on the fifth floor and features some cardio machines.</span></div></div>
74
+ <script>
75
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
76
+ sentence.addEventListener('mouseenter', function() {
77
+ const summaryId = this.getAttribute('id');
78
+ document.querySelectorAll('.review-span').forEach(span => {
79
+ if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
80
+ span.classList.remove('highlight');
81
+ span.classList.add('not-hover-highlight');
82
+ }
83
+ });
84
+ this.classList.add('highlight');
85
+ });
86
+
87
+ sentence.addEventListener('mouseleave', function() {
88
+ const summaryId = this.getAttribute('id');
89
+ document.querySelectorAll('.review-span').forEach(span => {
90
+ if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
91
+ span.classList.remove('not-hover-highlight');
92
+ span.classList.add('highlight');
93
+ }
94
+ this.classList.remove('highlight');
95
+ });
96
+ });
97
+ });
98
+
99
+ document.querySelectorAll('.review-span').forEach(span => {
100
+ span.addEventListener('mouseenter', function() {
101
+ document.querySelectorAll('.review-span').forEach(span => {
102
+ if (span !== this) {
103
+ span.classList.remove('highlight');
104
+ span.classList.add('not-hover-highlight');
105
+ }
106
+ });
107
+ const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
108
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
109
+ if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
110
+ sentence.classList.add('highlight');
111
+ }
112
+ });
113
+ });
114
+ });
115
+
116
+ document.querySelectorAll('.review-span').forEach(span => {
117
+ span.addEventListener('mouseleave', function() {
118
+ const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
119
+ document.querySelectorAll('.review-span').forEach(span => {
120
+ if (span !== this) {
121
+ span.classList.remove('not-hover-highlight');
122
+ span.classList.add('highlight');
123
+ }
124
+ });
125
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
126
+ if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
127
+ sentence.classList.remove('highlight');
128
+ }
129
+ });
130
+ });
131
+ });
132
+
133
+ </script>
134
+ </body>
135
+ </html>
html_files/train/CocoTrip-test_cont-inst_2_a_summ_1.html ADDED
@@ -0,0 +1,135 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+
2
+ <!DOCTYPE html>
3
+ <html lang="en">
4
+ <head>
5
+ <meta charset="UTF-8">
6
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
+ <title>Document Review</title>
8
+ <style>
9
+ body {
10
+ font-family: Arial, sans-serif;
11
+ display: flex;
12
+ justify-content: center; /* This will center the .reviews container on the screen */
13
+ align-items: flex-start;
14
+ height: 100vh;
15
+ margin: 2px; /* Remove default margin */
16
+ }
17
+
18
+ .highlight { background-color: yellow;
19
+ color: black !important; /* Dark grey for muted text */
20
+ cursor: pointer;}
21
+ .not-hover-highlight { background-color: lightyellow;
22
+ color: #606060 !important; /* Dark grey for muted text */}
23
+ .summary {
24
+ width: 50%;
25
+ font-size: 1.0rem;
26
+ padding: 10px;
27
+ height: 100vh; /* Maximum height to a third of the viewport height */
28
+ background-color: #9e9e9e0a;
29
+ }
30
+ .reviews {
31
+ width: 50%;
32
+ font-size: 0.7rem;
33
+ display: flex;
34
+ flex-wrap: wrap;
35
+ padding: 10px;
36
+ max-height: 100vh; /* Maximum height to a third of the viewport height */
37
+ overflow-y: auto; /* Enable vertical scrolling */
38
+ background-color: #9e9e9e0a; /* Light grey background */
39
+ }
40
+ .text-box {
41
+ width: calc(100% - 20px); /* Adjust based on padding */
42
+ margin: 10px;
43
+ padding: 10px;
44
+ background-color: #9e9e9e0a; /* Light grey background */
45
+ color: #606060bf;
46
+ border: 2px solid #ddd; /* Cartoonish border */
47
+ border-radius: 20px; /* Rounded corners for cartoonish effect */
48
+ position: relative;
49
+ box-shadow: 3px 3px #bbb; /* Soft shadow for depth */
50
+ }
51
+ .text-box:before {
52
+ content: '';
53
+ position: absolute;
54
+ right: 100%;
55
+ bottom: 20%;
56
+ border-top: 10px solid transparent;
57
+ border-bottom: 10px solid transparent;
58
+ border-right: 10px solid #ddd; /* Arrow matching the border */
59
+ }
60
+ .summary-box {
61
+ padding: 10px;
62
+ margin: 10px 0;
63
+ background-color: #e6e6fa; /* Lavender background for a pleasant look */
64
+ border: 1px solid #ddd; /* Light border for definition */
65
+ border-radius: 5px; /* Slightly rounded corners */
66
+ box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* Soft shadow for depth */
67
+ cursor: pointer;
68
+ }
69
+ h4 { margin-top: 0; }
70
+ </style>
71
+ </head>
72
+ <body>
73
+ <div class='column reviews'><h2>Reviews</h2><div class='text-box'>On a recent extended visit to Boston (2+ weeks), <span class='review-span highlight' data-aligned-summaries='0'>we were lucky enough to stay at the Colonnade Hotel. This hotel is head and shoulders above other area hotels</span>! <span class='review-span highlight' data-aligned-summaries='1 4'>The rooms</span> <span class='review-span highlight' data-aligned-summaries='4'>are</span> decorated with a quiet sophistication that is <span class='review-span highlight' data-aligned-summaries='1 4'>very comfortable</span> <span class='review-span highlight' data-aligned-summaries='4'>(feather pillows and comforter, wool throw blanket)</span>, <span class='review-span highlight' data-aligned-summaries='6 7'>and every person we encountered on the staff -</span> <span class='review-span highlight' data-aligned-summaries='6'>from housekeeping to the front desk -</span> <span class='review-span highlight' data-aligned-summaries='6 7'>was helpful</span>,<span class='review-span highlight' data-aligned-summaries='6'> courteous, and kind</span>. <span class='review-span highlight' data-aligned-summaries='9'>The attached restaurant, Brasserie Jo, not only has very delicious food and a charming atmosphere, but also some of the best service we have encountered anywhere</span>. As a whole, the service in the hotel was exceptional, and <span class='review-span highlight' data-aligned-summaries='6 8'>we want to thank in particular the front desk staff, concierge Jerry Good, and doorman Norman Maines</span>. <span class='review-span highlight' data-aligned-summaries='0'>This hotel is superb in every respect</span>, <span class='review-span highlight' data-aligned-summaries='0'>we could not recommend it more highly</span> - we would never think of staying anywhere else in Boston.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='6 7'>The service was outstanding from check-in to check-out</span>. The room service was outstanding, along with the guys up front, class act. <span class='review-span highlight' data-aligned-summaries='2'>The location is</span> so nice and very <span class='review-span highlight' data-aligned-summaries='2'>easy to move around the City. So many great places to eat around the hotel</span>. <span class='review-span highlight' data-aligned-summaries='10'>Nice size gym</span> on the 5th floor with several carido machines. <span class='review-span highlight' data-aligned-summaries='0 1'>The Colonnade made my</span> <span class='review-span highlight' data-aligned-summaries='0'>first</span> <span class='review-span highlight' data-aligned-summaries='0 1'>stay</span> <span class='review-span highlight' data-aligned-summaries='0'>in Boston a</span> <span class='review-span highlight' data-aligned-summaries='0 1'>unique</span> <span class='review-span highlight' data-aligned-summaries='0'>one and i will be back</span> with my family. I felt very safe at all times and i felt like i was in the center of all activity with that location.</div><div class='text-box'>I stayed here for a wedding. While the wedding party was treated well, <span class='review-span highlight' data-aligned-summaries='0 6'>I</span> <span class='review-span highlight' data-aligned-summaries='0 1 6 7'>was often treated poorly</span> <span class='review-span highlight' data-aligned-summaries='1 6 7'>and spoken to as if I were trespassing on the property</span>. <span class='review-span highlight' data-aligned-summaries='0 4'>The room was average</span> and the shower was VERY bad. <span class='review-span highlight' data-aligned-summaries='1 4'>The water pressure was painful</span> and I felt that the shower head was going to fall off. <span class='review-span highlight' data-aligned-summaries='4 5'>The TV was the smallest hotel TV I have ever seen</span>. <span class='review-span highlight' data-aligned-summaries='6 7'>Upon checkout, the front desk left me on hold for a long time</span> <span class='review-span highlight' data-aligned-summaries='7'>to answer a simple question</span>. <span class='review-span highlight' data-aligned-summaries='0'>I would not recommend this hotel to anyone</span>.</div><div class='text-box'>My husband and I first stayed here for our wedding weekend and enjoyed it so much we returned for our first anniversary. <span class='review-span highlight' data-aligned-summaries='4'>The rooms are</span> spacious, clean, and <span class='review-span highlight' data-aligned-summaries='4'>very comfortable</span>-ditto the bathrooms. <span class='review-span highlight' data-aligned-summaries='6'>The staff are polite, courteous, a thoughtful</span>-we even received a fruit and cheese plate in honor of our anniversary. We also love the location-within walking distance to Back Bay and the South End-both great walking neighborhoods. And the T is right out front if you're going further afield.</div><div class='text-box'>Let's make this simple from the very first greeting from <span class='review-span highlight' data-aligned-summaries='8'>Norman Maines the exceptional greeter/doorman</span>/guest advocate <span class='review-span highlight' data-aligned-summaries='0'>my entre stay this was an exceptional experience</span>. <span class='review-span highlight' data-aligned-summaries='6'>With Norman setting the standard each and every time I entered and exited it was not surprising to find the entire team above the norm</span> and the rooms and service to match. This is one boutique that gets it and knows how imortant the selection of team mebers is.</div><div class='text-box'>We had a great week in Boston staying at the Colonnade. <span class='review-span highlight' data-aligned-summaries='1'>It was</span> very clean and <span class='review-span highlight' data-aligned-summaries='1'>comfortable</span> and the bathroom was excellent. <span class='review-span highlight' data-aligned-summaries='6'>The hotel</span> <span class='review-span highlight' data-aligned-summaries='6 7'>staff were</span> <span class='review-span highlight' data-aligned-summaries='6'>very</span> <span class='review-span highlight' data-aligned-summaries='6 7'>helpful</span> <span class='review-span highlight' data-aligned-summaries='6'>and polite</span>, especially Norman. If I visited Boston again, I would definately stay at the Colonnade Hotel and <span class='review-span highlight' data-aligned-summaries='0'>would recommend it to my friends</span>.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>I stayed at the Colonnade</span> for four nights for a recent conference. <span class='review-span highlight' data-aligned-summaries='0 2 3'>It is immediately adjacent to</span> <span class='review-span highlight' data-aligned-summaries='0'>numerous things</span>: <span class='review-span highlight' data-aligned-summaries='3'>a T connection</span>, two fair-sized <span class='review-span highlight' data-aligned-summaries='2'>shopping plazas, several restaurants,</span> <span class='review-span highlight' data-aligned-summaries='2 3'>and the Hynes Convention Center</span>. Further, <span class='review-span highlight' data-aligned-summaries='0 6 7'>the staff was super friendly and super helpful</span>. Thanks!</div><div class='text-box'>In Boston for a graduation and combined leisure trip. <span class='review-span highlight' data-aligned-summaries='0'>The</span> <span class='review-span highlight' data-aligned-summaries='0 1 4'>Colonnade was very comfortable</span>,<span class='review-span highlight' data-aligned-summaries='0'> convenient and friendly</span>. <span class='review-span highlight' data-aligned-summaries='0'>Highly recommend</span> and would go back. <span class='review-span highlight' data-aligned-summaries='9'>Restaurant excellent</span>.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">The Colonnade Hotel is a great place to stay and highly recommended.</span> <span id="1" class="summary-sentence">A comfortable and unique atmosphere.</span> <span id="2" class="summary-sentence">The hotel is situated centrally in Boston for activities.</span> <span id="3" class="summary-sentence">It is in close proximity to a number of locales, such as a T connection and the Hynes Convention Centre.</span> <span id="4" class="summary-sentence">The rooms in this hotel are really comfortable with nice features such as feather pillows and comforter.</span> <span id="5" class="summary-sentence">The television was however on the small side.</span> <span id="6" class="summary-sentence">The hotel's staff are fantastic, from arrival to departure.</span> <span id="7" class="summary-sentence">They are helpful and a good face for the hotel.</span> <span id="8" class="summary-sentence">The front desk staff, the concierge Jerry Good and the doorman Norman Maines are of particular note.</span> <span id="9" class="summary-sentence">The restaurant, Brasserie Jo is excellent with delicious food.</span> <span id="10" class="summary-sentence">The hotel has a gym that is usable for guests.</span></div></div>
74
+ <script>
75
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
76
+ sentence.addEventListener('mouseenter', function() {
77
+ const summaryId = this.getAttribute('id');
78
+ document.querySelectorAll('.review-span').forEach(span => {
79
+ if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
80
+ span.classList.remove('highlight');
81
+ span.classList.add('not-hover-highlight');
82
+ }
83
+ });
84
+ this.classList.add('highlight');
85
+ });
86
+
87
+ sentence.addEventListener('mouseleave', function() {
88
+ const summaryId = this.getAttribute('id');
89
+ document.querySelectorAll('.review-span').forEach(span => {
90
+ if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
91
+ span.classList.remove('not-hover-highlight');
92
+ span.classList.add('highlight');
93
+ }
94
+ this.classList.remove('highlight');
95
+ });
96
+ });
97
+ });
98
+
99
+ document.querySelectorAll('.review-span').forEach(span => {
100
+ span.addEventListener('mouseenter', function() {
101
+ document.querySelectorAll('.review-span').forEach(span => {
102
+ if (span !== this) {
103
+ span.classList.remove('highlight');
104
+ span.classList.add('not-hover-highlight');
105
+ }
106
+ });
107
+ const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
108
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
109
+ if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
110
+ sentence.classList.add('highlight');
111
+ }
112
+ });
113
+ });
114
+ });
115
+
116
+ document.querySelectorAll('.review-span').forEach(span => {
117
+ span.addEventListener('mouseleave', function() {
118
+ const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
119
+ document.querySelectorAll('.review-span').forEach(span => {
120
+ if (span !== this) {
121
+ span.classList.remove('not-hover-highlight');
122
+ span.classList.add('highlight');
123
+ }
124
+ });
125
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
126
+ if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
127
+ sentence.classList.remove('highlight');
128
+ }
129
+ });
130
+ });
131
+ });
132
+
133
+ </script>
134
+ </body>
135
+ </html>
html_files/train/CocoTrip-test_cont-inst_2_a_summ_2.html ADDED
@@ -0,0 +1,135 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+
2
+ <!DOCTYPE html>
3
+ <html lang="en">
4
+ <head>
5
+ <meta charset="UTF-8">
6
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
+ <title>Document Review</title>
8
+ <style>
9
+ body {
10
+ font-family: Arial, sans-serif;
11
+ display: flex;
12
+ justify-content: center; /* This will center the .reviews container on the screen */
13
+ align-items: flex-start;
14
+ height: 100vh;
15
+ margin: 2px; /* Remove default margin */
16
+ }
17
+
18
+ .highlight { background-color: yellow;
19
+ color: black !important; /* Dark grey for muted text */
20
+ cursor: pointer;}
21
+ .not-hover-highlight { background-color: lightyellow;
22
+ color: #606060 !important; /* Dark grey for muted text */}
23
+ .summary {
24
+ width: 50%;
25
+ font-size: 1.0rem;
26
+ padding: 10px;
27
+ height: 100vh; /* Maximum height to a third of the viewport height */
28
+ background-color: #9e9e9e0a;
29
+ }
30
+ .reviews {
31
+ width: 50%;
32
+ font-size: 0.7rem;
33
+ display: flex;
34
+ flex-wrap: wrap;
35
+ padding: 10px;
36
+ max-height: 100vh; /* Maximum height to a third of the viewport height */
37
+ overflow-y: auto; /* Enable vertical scrolling */
38
+ background-color: #9e9e9e0a; /* Light grey background */
39
+ }
40
+ .text-box {
41
+ width: calc(100% - 20px); /* Adjust based on padding */
42
+ margin: 10px;
43
+ padding: 10px;
44
+ background-color: #9e9e9e0a; /* Light grey background */
45
+ color: #606060bf;
46
+ border: 2px solid #ddd; /* Cartoonish border */
47
+ border-radius: 20px; /* Rounded corners for cartoonish effect */
48
+ position: relative;
49
+ box-shadow: 3px 3px #bbb; /* Soft shadow for depth */
50
+ }
51
+ .text-box:before {
52
+ content: '';
53
+ position: absolute;
54
+ right: 100%;
55
+ bottom: 20%;
56
+ border-top: 10px solid transparent;
57
+ border-bottom: 10px solid transparent;
58
+ border-right: 10px solid #ddd; /* Arrow matching the border */
59
+ }
60
+ .summary-box {
61
+ padding: 10px;
62
+ margin: 10px 0;
63
+ background-color: #e6e6fa; /* Lavender background for a pleasant look */
64
+ border: 1px solid #ddd; /* Light border for definition */
65
+ border-radius: 5px; /* Slightly rounded corners */
66
+ box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* Soft shadow for depth */
67
+ cursor: pointer;
68
+ }
69
+ h4 { margin-top: 0; }
70
+ </style>
71
+ </head>
72
+ <body>
73
+ <div class='column reviews'><h2>Reviews</h2><div class='text-box'>On a recent extended visit to Boston (2+ weeks), <span class='review-span highlight' data-aligned-summaries='1'>we were lucky enough to stay at the Colonnade Hotel</span>. <span class='review-span highlight' data-aligned-summaries='1'>This hotel is head and shoulders above other area hotels</span>! <span class='review-span highlight' data-aligned-summaries='3'>The rooms are decorated with a quiet sophistication</span> that is <span class='review-span highlight' data-aligned-summaries='3'>very comfortable (feather pillows and comforter, wool throw blanket</span>), <span class='review-span highlight' data-aligned-summaries='5 6'>and every person we encountered on the staff</span> <span class='review-span highlight' data-aligned-summaries='5'>- from housekeeping to the front desk -</span> <span class='review-span highlight' data-aligned-summaries='5 6'>was</span> <span class='review-span highlight' data-aligned-summaries='5'>helpful,</span> <span class='review-span highlight' data-aligned-summaries='5 6'>courteous</span>,<span class='review-span highlight' data-aligned-summaries='5'> and kind</span>. <span class='review-span highlight' data-aligned-summaries='1 8 9'>The attached restaurant</span>,<span class='review-span highlight' data-aligned-summaries='8 9'> Brasserie Jo, not only has very delicious food and a charming atmosphere, but also</span> <span class='review-span highlight' data-aligned-summaries='1 8 9'>some of the best service we have encountered anywhere</span>. As a whole, the service in the hotel was exceptional, <span class='review-span highlight' data-aligned-summaries='7'>and we want to thank in particular the front desk staff, concierge Jerry Good, and doorman Norman Maines.</span> <span class='review-span highlight' data-aligned-summaries='0'>This hotel is superb in every respect, we could not recommend it more highly</span> - <span class='review-span highlight' data-aligned-summaries='0'>we would never think of staying anywhere else in Boston</span>.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0 1 5'>The service was outstanding</span> <span class='review-span highlight' data-aligned-summaries='1 5'>from check-in to check-out</span>. The <span class='review-span highlight' data-aligned-summaries='9'>room service was outstanding</span>, along with the guys up front, class act. The location is so nice and very easy to move around the City. <span class='review-span highlight' data-aligned-summaries='2'>So many great places to eat around the hotel</span>. <span class='review-span highlight' data-aligned-summaries='10'>Nice size gym</span> on the 5th floor <span class='review-span highlight' data-aligned-summaries='10'>with several carido machines</span>. The Colonnade made my first stay in Boston a unique one and <span class='review-span highlight' data-aligned-summaries='0'>i will be back with my family</span>. I felt very safe at all times and i felt like i was in the center of all activity with that location.</div><div class='text-box'>I stayed here for a wedding. While the wedding party was treated well, <span class='review-span highlight' data-aligned-summaries='0 1 5 6'>I was often treated poorly and spoken to as if I were trespassing on the property</span>. <span class='review-span highlight' data-aligned-summaries='3'>The room was average</span> and the shower was VERY bad. The water pressure was painful and I felt that the shower head was going to fall off. <span class='review-span highlight' data-aligned-summaries='4'>The TV was the smallest hotel TV I have ever seen</span>. <span class='review-span highlight' data-aligned-summaries='5'>Upon checkout, the front desk left me on hold for a long time</span> to answer a simple question. <span class='review-span highlight' data-aligned-summaries='0'>I would not recommend this hotel to anyone</span>.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0 1'>My husband and I first stayed here for our wedding weekend and enjoyed it so much we returned for our first anniversary</span>. <span class='review-span highlight' data-aligned-summaries='0 3'>The rooms are spacious, clean, and very comfortable</span>-<span class='review-span highlight' data-aligned-summaries='3'>ditto the bathrooms</span>. <span class='review-span highlight' data-aligned-summaries='0 5 6'>The staff are</span> <span class='review-span highlight' data-aligned-summaries='0 5'>polite, courteous, a</span> <span class='review-span highlight' data-aligned-summaries='0 5 6'>thoughtful</span>-<span class='review-span highlight' data-aligned-summaries='1 6'>we even received</span> <span class='review-span highlight' data-aligned-summaries='1'>a</span> <span class='review-span highlight' data-aligned-summaries='1 6'>fruit and cheese plate in honor of our anniversary</span>. <span class='review-span highlight' data-aligned-summaries='0'>We also love the location</span>-within walking distance to Back Bay and the South End-both great walking neighborhoods. And the T is right out front if you're going further afield.</div><div class='text-box'>Let's make this simple <span class='review-span highlight' data-aligned-summaries='1 5'>from the very first greeting</span> <span class='review-span highlight' data-aligned-summaries='1 7'>from</span> <span class='review-span highlight' data-aligned-summaries='1 6 7'>Norman Maines the exceptional greeter</span>/<span class='review-span highlight' data-aligned-summaries='1'>doorman/guest advocate my entre stay</span> <span class='review-span highlight' data-aligned-summaries='1 5'>this was an exceptional experience</span>. With Norman setting the standard each and every time I entered and exited it was not surprising to find the entire team above the norm <span class='review-span highlight' data-aligned-summaries='6'>and</span> the rooms <span class='review-span highlight' data-aligned-summaries='7'>and</span> <span class='review-span highlight' data-aligned-summaries='6 7'>service to match</span>. This is one boutique that gets it and knows how imortant the selection of team mebers is.</div><div class='text-box'>We had a great week in Boston staying at the Colonnade. <span class='review-span highlight' data-aligned-summaries='1'>It was</span> <span class='review-span highlight' data-aligned-summaries='9'>very</span> <span class='review-span highlight' data-aligned-summaries='1 9'>clean</span> <span class='review-span highlight' data-aligned-summaries='9'>and comfortable</span> and the bathroom was excellent. The <span class='review-span highlight' data-aligned-summaries='1'>hotel</span> <span class='review-span highlight' data-aligned-summaries='1 6'>staff were very helpful</span> <span class='review-span highlight' data-aligned-summaries='6'>and polite</span>, especially Norman. If I visited Boston again, I would definately stay at the Colonnade Hotel and would recommend it to my friends.</div><div class='text-box'>I stayed at the Colonnade for four nights for a recent conference. <span class='review-span highlight' data-aligned-summaries='0 2'>It is immediately adjacent to</span> <span class='review-span highlight' data-aligned-summaries='0'>numerous things</span>: a T connection, <span class='review-span highlight' data-aligned-summaries='2'>two fair-sized shopping plazas, several restaurants, and the Hynes Convention Center</span>. Further, <span class='review-span highlight' data-aligned-summaries='5 6'>the</span> <span class='review-span highlight' data-aligned-summaries='0 1 5 6'>staff was super friendly and super helpful</span>. Thanks!</div><div class='text-box'>In Boston for a graduation and combined leisure trip. <span class='review-span highlight' data-aligned-summaries='1'>The Colonnade was very comfortable, convenient and</span> <span class='review-span highlight' data-aligned-summaries='1 5'>friendly</span>. <span class='review-span highlight' data-aligned-summaries='0'>Highly recommend</span> and <span class='review-span highlight' data-aligned-summaries='0'>would go back</span>. <span class='review-span highlight' data-aligned-summaries='1 8'>Restaurant excellent</span>.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">This hotel comes highly recommended, leaving visitors wanting to come and stay again.</span> <span id="1" class="summary-sentence">From the beginning to the end of a visit, this hotel provides an exceptional experience in every aspect.</span> <span id="2" class="summary-sentence">The hotel is close to the central activities of the city with the Convention Center nearby.</span> <span id="3" class="summary-sentence">The decor of the rooms are to a good standard, with very comfortable bedding.</span> <span id="4" class="summary-sentence">However, the size of the TV is quite small in comparison to other hotels.</span> <span id="5" class="summary-sentence">From check-in to check out the staff was fantastic.</span> <span id="6" class="summary-sentence">They were thoughtful, and polite and always courteous.</span> <span id="7" class="summary-sentence">Norman, the doorman, Jerry, the concierge right through to the front desk staff were all particularly outstanding.</span> <span id="8" class="summary-sentence">The hotel's restaurant, Brasserie Jo, is very good .</span> <span id="9" class="summary-sentence">It has a great atmosphere and food is provided with great service.</span> <span id="10" class="summary-sentence">This hotel provides a decent sized gym which has a variety of cardio machines on offer for a varied work out.</span></div></div>
74
+ <script>
75
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
76
+ sentence.addEventListener('mouseenter', function() {
77
+ const summaryId = this.getAttribute('id');
78
+ document.querySelectorAll('.review-span').forEach(span => {
79
+ if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
80
+ span.classList.remove('highlight');
81
+ span.classList.add('not-hover-highlight');
82
+ }
83
+ });
84
+ this.classList.add('highlight');
85
+ });
86
+
87
+ sentence.addEventListener('mouseleave', function() {
88
+ const summaryId = this.getAttribute('id');
89
+ document.querySelectorAll('.review-span').forEach(span => {
90
+ if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
91
+ span.classList.remove('not-hover-highlight');
92
+ span.classList.add('highlight');
93
+ }
94
+ this.classList.remove('highlight');
95
+ });
96
+ });
97
+ });
98
+
99
+ document.querySelectorAll('.review-span').forEach(span => {
100
+ span.addEventListener('mouseenter', function() {
101
+ document.querySelectorAll('.review-span').forEach(span => {
102
+ if (span !== this) {
103
+ span.classList.remove('highlight');
104
+ span.classList.add('not-hover-highlight');
105
+ }
106
+ });
107
+ const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
108
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
109
+ if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
110
+ sentence.classList.add('highlight');
111
+ }
112
+ });
113
+ });
114
+ });
115
+
116
+ document.querySelectorAll('.review-span').forEach(span => {
117
+ span.addEventListener('mouseleave', function() {
118
+ const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
119
+ document.querySelectorAll('.review-span').forEach(span => {
120
+ if (span !== this) {
121
+ span.classList.remove('not-hover-highlight');
122
+ span.classList.add('highlight');
123
+ }
124
+ });
125
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
126
+ if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
127
+ sentence.classList.remove('highlight');
128
+ }
129
+ });
130
+ });
131
+ });
132
+
133
+ </script>
134
+ </body>
135
+ </html>
html_files/train/CocoTrip-test_cont-inst_2_b_summ_0.html ADDED
@@ -0,0 +1,135 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+
2
+ <!DOCTYPE html>
3
+ <html lang="en">
4
+ <head>
5
+ <meta charset="UTF-8">
6
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
+ <title>Document Review</title>
8
+ <style>
9
+ body {
10
+ font-family: Arial, sans-serif;
11
+ display: flex;
12
+ justify-content: center; /* This will center the .reviews container on the screen */
13
+ align-items: flex-start;
14
+ height: 100vh;
15
+ margin: 2px; /* Remove default margin */
16
+ }
17
+
18
+ .highlight { background-color: yellow;
19
+ color: black !important; /* Dark grey for muted text */
20
+ cursor: pointer;}
21
+ .not-hover-highlight { background-color: lightyellow;
22
+ color: #606060 !important; /* Dark grey for muted text */}
23
+ .summary {
24
+ width: 50%;
25
+ font-size: 1.0rem;
26
+ padding: 10px;
27
+ height: 100vh; /* Maximum height to a third of the viewport height */
28
+ background-color: #9e9e9e0a;
29
+ }
30
+ .reviews {
31
+ width: 50%;
32
+ font-size: 0.7rem;
33
+ display: flex;
34
+ flex-wrap: wrap;
35
+ padding: 10px;
36
+ max-height: 100vh; /* Maximum height to a third of the viewport height */
37
+ overflow-y: auto; /* Enable vertical scrolling */
38
+ background-color: #9e9e9e0a; /* Light grey background */
39
+ }
40
+ .text-box {
41
+ width: calc(100% - 20px); /* Adjust based on padding */
42
+ margin: 10px;
43
+ padding: 10px;
44
+ background-color: #9e9e9e0a; /* Light grey background */
45
+ color: #606060bf;
46
+ border: 2px solid #ddd; /* Cartoonish border */
47
+ border-radius: 20px; /* Rounded corners for cartoonish effect */
48
+ position: relative;
49
+ box-shadow: 3px 3px #bbb; /* Soft shadow for depth */
50
+ }
51
+ .text-box:before {
52
+ content: '';
53
+ position: absolute;
54
+ right: 100%;
55
+ bottom: 20%;
56
+ border-top: 10px solid transparent;
57
+ border-bottom: 10px solid transparent;
58
+ border-right: 10px solid #ddd; /* Arrow matching the border */
59
+ }
60
+ .summary-box {
61
+ padding: 10px;
62
+ margin: 10px 0;
63
+ background-color: #e6e6fa; /* Lavender background for a pleasant look */
64
+ border: 1px solid #ddd; /* Light border for definition */
65
+ border-radius: 5px; /* Slightly rounded corners */
66
+ box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* Soft shadow for depth */
67
+ cursor: pointer;
68
+ }
69
+ h4 { margin-top: 0; }
70
+ </style>
71
+ </head>
72
+ <body>
73
+ <div class='column reviews'><h2>Reviews</h2><div class='text-box'>In any season, this is one beautiful place. <span class='review-span highlight' data-aligned-summaries='0'>The hotel is vintage class from a time when quality mattered</span>. <span class='review-span highlight' data-aligned-summaries='3'>The staff is professional, helpful and always available to answer questions or make you comfortable</span>. I have stayed here more times than I can count and it has been consistently wonderful for many years. <span class='review-span highlight' data-aligned-summaries='1'>So close to the never ending beauty of Boston</span> Common and some of the best shopping within walking distances, <span class='review-span highlight' data-aligned-summaries='4'>restaurants</span> abound and there is a local flavor that mixes easily with a world class feel. Boston is rich in American history.be sure to immerse and educate yourself. From Paul Revere to <span class='review-span highlight' data-aligned-summaries='4'>famous seafood</span> this place has it all. I have traveled the world, <span class='review-span highlight' data-aligned-summaries='0'>the comfort of this hotel appeals to my sense of tranquility</span>. Tho <span class='review-span highlight' data-aligned-summaries='2'>the rooms are small</span>, <span class='review-span highlight' data-aligned-summaries='2'>they render a feeling like going home</span> to visit Grandmom.it's my favorite place in the world.</div><div class='text-box'>We were very pleased for the most part with our stay during the holiday which included an extra night due to the winter storm. <span class='review-span highlight' data-aligned-summaries='3'>The front desk staff were professional</span> and very helpful, as were the staff in the breakfast restaurant , tea and lounge bar. The rooms were nice, updated some. There is wireless in the lobby area though there is a charge for it in the room and some services in the business center. We were able to fax at the front desk without a charge. The Whiskey Bar was not a positive experience and will not be revisited. <span class='review-span highlight' data-aligned-summaries='0'>The location was perfect</span> for our needs <span class='review-span highlight' data-aligned-summaries='0'>and we enjoyed staying in the historic hotel</span>. <span class='review-span highlight' data-aligned-summaries='4'>The Christmas Tea was a treat and enjoyed by all</span>. All in all <span class='review-span highlight' data-aligned-summaries='0'>we would most likely return.</span></div><div class='text-box'>The park plaza was very nice,one block from the subway, and only 15-20min to the hotel via subway. We asked the front desk for a renovated room and we recieved a king on the 8th floor. <span class='review-span highlight' data-aligned-summaries='2'>the</span> <span class='review-span highlight' data-aligned-summaries='0 2'>room was small</span> <span class='review-span highlight' data-aligned-summaries='0'>but adequate and very clean</span>. The <span class='review-span highlight' data-aligned-summaries='0'>beds were very comfortable</span>, and there were many channels to choose from an the tv. <span class='review-span highlight' data-aligned-summaries='3'>Room service food was not good, however the front desk promptly apologized and credited our account</span>. Mccormicks and schmiidt was good (the cowder, and fish n' chips). What made our stay even better is that <span class='review-span highlight' data-aligned-summaries='0'>we got it for $100 dollars a night</span> through Priceline's name your own price deal!</div><div class='text-box'>When I <span class='review-span highlight' data-aligned-summaries='0'>found an online price</span> for the well-known Boston Park Plaza Hotel <span class='review-span highlight' data-aligned-summaries='0'>for $149/night, I thought there must be a mistake</span>. Or they were doing construction next door. But I never found any problems and got a wonderful rate for <span class='review-span highlight' data-aligned-summaries='0'>a fine</span> <span class='review-span highlight' data-aligned-summaries='0 1'>hotel</span> <span class='review-span highlight' data-aligned-summaries='1'>at a great location near the Boston Garden near the Arlington St. subway stop</span>. In fact, we were upgraded for free to the Towers floor and <span class='review-span highlight' data-aligned-summaries='2'>got a huge room</span>, access to a lounge with free breakfast and evening appetizers and to wireless internet. This was <span class='review-span highlight' data-aligned-summaries='0'>a great place to stay for a mixed business/pleasure trip</span> to Boston. I'd have been happy even if I had to pay more for the room.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='5'>All three of the south bank of elevators malfunctioned the entire four days we were there</span>! One group of guests was stuck in elevator #3 for over an hour and a half. My wife and I got stuck between floors twice in elevators #1 and 2 two days in a row when the electronics suddenly just went dead. After fiddling with the buttons it started up again each time after about five minutes. <span class='review-span highlight' data-aligned-summaries='0'>I believe these sorts of maintenance/safety issues are unforgivable in a hotel this expensive and we will not be staying there again!</span></div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0 1'>This hotel was very near the Public Gardens</span>, <span class='review-span highlight' data-aligned-summaries='1'>convenient to the Arlington stop on the T</span> and in a central location. <span class='review-span highlight' data-aligned-summaries='2'>The rooms were very nice and spacious</span>. <span class='review-span highlight' data-aligned-summaries='0'>The staff was friendly and helpful</span>. My only complaint is that <span class='review-span highlight' data-aligned-summaries='0'>the walls were paper thin and we had very noisy neighbors who didn't sleep much on Saturday night</span>. We called security but that was not much help. <span class='review-span highlight' data-aligned-summaries='3'>The hotel did compensate us for this inconvenience</span> with lunch in the hotel restaurant. <span class='review-span highlight' data-aligned-summaries='0'>Otherwise it was a pleasant experience and a good value</span></div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='2'>The room is fine but</span> they <span class='review-span highlight' data-aligned-summaries='2'>need to finish the remodel</span> with new baths. Providing robes would be nice also (like other fine hotels). The location is good for walking tours of the Back Bay and, across the park, Beacon Hill. We also did the Freedom Trail on foot. An easy and excellent restaurant is across the street (Via Matta) but avoid ordinary Legal Seafoods unless you like boring food. <span class='review-span highlight' data-aligned-summaries='0'>We got a $220 rate (total w/tax) from 1800hotels</span>.</div><div class='text-box'>Although the location is great, we <span class='review-span highlight' data-aligned-summaries='0 2'>found the room very small</span>,<span class='review-span highlight' data-aligned-summaries='0'> and not soundproof</span>. There are no coffee makers. <span class='review-span highlight' data-aligned-summaries='0'>Would not stay there again</span>.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">This is a perfect hotel for any type of stay and you will want to keep coming back for the tranquillity, unbeatable price and the quality.</span> <span id="1" class="summary-sentence">The hotel is very close to the Boston public gardens and the Arlington stop of the T line.</span> <span id="2" class="summary-sentence">The rooms are smaller in size but are decorated with a homely charm.</span> <span id="3" class="summary-sentence">The staff at the hotel were professional and also rectified any problems that occurred.</span> <span id="4" class="summary-sentence">The hotel 's Christmas Tea was particularly enjoyable, as well as the famous seafood available in the restaurant.</span> <span id="5" class="summary-sentence">The hotel itself has elevators that malfunctioned repeatedly while staying here, including stopping between floors after electricity completely cut out.</span></div></div>
74
+ <script>
75
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
76
+ sentence.addEventListener('mouseenter', function() {
77
+ const summaryId = this.getAttribute('id');
78
+ document.querySelectorAll('.review-span').forEach(span => {
79
+ if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
80
+ span.classList.remove('highlight');
81
+ span.classList.add('not-hover-highlight');
82
+ }
83
+ });
84
+ this.classList.add('highlight');
85
+ });
86
+
87
+ sentence.addEventListener('mouseleave', function() {
88
+ const summaryId = this.getAttribute('id');
89
+ document.querySelectorAll('.review-span').forEach(span => {
90
+ if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
91
+ span.classList.remove('not-hover-highlight');
92
+ span.classList.add('highlight');
93
+ }
94
+ this.classList.remove('highlight');
95
+ });
96
+ });
97
+ });
98
+
99
+ document.querySelectorAll('.review-span').forEach(span => {
100
+ span.addEventListener('mouseenter', function() {
101
+ document.querySelectorAll('.review-span').forEach(span => {
102
+ if (span !== this) {
103
+ span.classList.remove('highlight');
104
+ span.classList.add('not-hover-highlight');
105
+ }
106
+ });
107
+ const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
108
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
109
+ if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
110
+ sentence.classList.add('highlight');
111
+ }
112
+ });
113
+ });
114
+ });
115
+
116
+ document.querySelectorAll('.review-span').forEach(span => {
117
+ span.addEventListener('mouseleave', function() {
118
+ const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
119
+ document.querySelectorAll('.review-span').forEach(span => {
120
+ if (span !== this) {
121
+ span.classList.remove('not-hover-highlight');
122
+ span.classList.add('highlight');
123
+ }
124
+ });
125
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
126
+ if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
127
+ sentence.classList.remove('highlight');
128
+ }
129
+ });
130
+ });
131
+ });
132
+
133
+ </script>
134
+ </body>
135
+ </html>
html_files/train/CocoTrip-test_cont-inst_2_b_summ_1.html ADDED
@@ -0,0 +1,135 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+
2
+ <!DOCTYPE html>
3
+ <html lang="en">
4
+ <head>
5
+ <meta charset="UTF-8">
6
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
+ <title>Document Review</title>
8
+ <style>
9
+ body {
10
+ font-family: Arial, sans-serif;
11
+ display: flex;
12
+ justify-content: center; /* This will center the .reviews container on the screen */
13
+ align-items: flex-start;
14
+ height: 100vh;
15
+ margin: 2px; /* Remove default margin */
16
+ }
17
+
18
+ .highlight { background-color: yellow;
19
+ color: black !important; /* Dark grey for muted text */
20
+ cursor: pointer;}
21
+ .not-hover-highlight { background-color: lightyellow;
22
+ color: #606060 !important; /* Dark grey for muted text */}
23
+ .summary {
24
+ width: 50%;
25
+ font-size: 1.0rem;
26
+ padding: 10px;
27
+ height: 100vh; /* Maximum height to a third of the viewport height */
28
+ background-color: #9e9e9e0a;
29
+ }
30
+ .reviews {
31
+ width: 50%;
32
+ font-size: 0.7rem;
33
+ display: flex;
34
+ flex-wrap: wrap;
35
+ padding: 10px;
36
+ max-height: 100vh; /* Maximum height to a third of the viewport height */
37
+ overflow-y: auto; /* Enable vertical scrolling */
38
+ background-color: #9e9e9e0a; /* Light grey background */
39
+ }
40
+ .text-box {
41
+ width: calc(100% - 20px); /* Adjust based on padding */
42
+ margin: 10px;
43
+ padding: 10px;
44
+ background-color: #9e9e9e0a; /* Light grey background */
45
+ color: #606060bf;
46
+ border: 2px solid #ddd; /* Cartoonish border */
47
+ border-radius: 20px; /* Rounded corners for cartoonish effect */
48
+ position: relative;
49
+ box-shadow: 3px 3px #bbb; /* Soft shadow for depth */
50
+ }
51
+ .text-box:before {
52
+ content: '';
53
+ position: absolute;
54
+ right: 100%;
55
+ bottom: 20%;
56
+ border-top: 10px solid transparent;
57
+ border-bottom: 10px solid transparent;
58
+ border-right: 10px solid #ddd; /* Arrow matching the border */
59
+ }
60
+ .summary-box {
61
+ padding: 10px;
62
+ margin: 10px 0;
63
+ background-color: #e6e6fa; /* Lavender background for a pleasant look */
64
+ border: 1px solid #ddd; /* Light border for definition */
65
+ border-radius: 5px; /* Slightly rounded corners */
66
+ box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* Soft shadow for depth */
67
+ cursor: pointer;
68
+ }
69
+ h4 { margin-top: 0; }
70
+ </style>
71
+ </head>
72
+ <body>
73
+ <div class='column reviews'><h2>Reviews</h2><div class='text-box'><span class='review-span highlight' data-aligned-summaries='1'>In any season, this is one beautiful place</span>. The hotel is vintage class from a time when quality mattered. <span class='review-span highlight' data-aligned-summaries='5 6'>The staff is</span> <span class='review-span highlight' data-aligned-summaries='6'>professional</span>, <span class='review-span highlight' data-aligned-summaries='5'>helpful</span> <span class='review-span highlight' data-aligned-summaries='5 6'>and always available to</span> <span class='review-span highlight' data-aligned-summaries='5'>answer questions</span> or <span class='review-span highlight' data-aligned-summaries='6'>make you comfortable</span>. I have stayed here more times than I can count and it has been consistently wonderful for many years. <span class='review-span highlight' data-aligned-summaries='1 2'>So close to the never ending beauty of Boston Common</span> <span class='review-span highlight' data-aligned-summaries='2'>and</span> some of the best shopping within walking distances, <span class='review-span highlight' data-aligned-summaries='2 7'>restaurants abound</span> <span class='review-span highlight' data-aligned-summaries='7'>and there is</span> a local flavor that mixes easily with a world class feel. Boston is rich in American history.be sure to immerse and educate yourself. From Paul Revere to <span class='review-span highlight' data-aligned-summaries='7'>famous seafood</span> this place has it all. I have traveled the world, the comfort of this hotel appeals to my sense of tranquility. Tho <span class='review-span highlight' data-aligned-summaries='4'>the rooms are small</span>, they render a feeling like going home to visit Grandmom.it's my favorite place in the world.</div><div class='text-box'>We were very pleased for the most part with our stay during the holiday which included an extra night due to the winter storm. The <span class='review-span highlight' data-aligned-summaries='1'>front desk</span> <span class='review-span highlight' data-aligned-summaries='1 5 6'>staff were professional</span> <span class='review-span highlight' data-aligned-summaries='5'>and very helpful</span>, as were the staff in <span class='review-span highlight' data-aligned-summaries='7'>the breakfast restaurant , tea and lounge bar</span>. <span class='review-span highlight' data-aligned-summaries='1 3'>The rooms were nice</span>,<span class='review-span highlight' data-aligned-summaries='3'> updated some</span>. <span class='review-span highlight' data-aligned-summaries='4'>There is wireless in the lobby area though there is a charge for it in the room</span> and some services in the business center. We were able to fax at the front desk without a charge. The Whiskey Bar was not a positive experience and will not be revisited. <span class='review-span highlight' data-aligned-summaries='2'>The location was perfect for our needs</span> and we enjoyed staying in the historic hotel. The Christmas Tea was a treat and enjoyed by all. All in all we would most likely return.</div><div class='text-box'>The park plaza was very nice,one block from the subway, and only 15-20min to the hotel via subway. <span class='review-span highlight' data-aligned-summaries='3 4'>We asked the front desk for a renovated room and we recieved a king on the 8th floor</span>.<span class='review-span highlight' data-aligned-summaries='4'> the room was small</span> but adequate and very clean. The beds were very comfortable, and there were many channels to choose from an the tv. Room service food was not good, however the front desk promptly apologized and credited our account. Mccormicks and schmiidt was good (the cowder, and fish n' chips). <span class='review-span highlight' data-aligned-summaries='0'>What made our stay even better is that we got it for $100 dollars a night through Priceline's name your own price deal</span>!</div><div class='text-box'>When <span class='review-span highlight' data-aligned-summaries='0'>I found an online price</span> for the well-known Boston Park Plaza Hotel for $149/night, I thought there must be a mistake. Or they were doing construction next door. But I never found any problems and <span class='review-span highlight' data-aligned-summaries='0'>got a wonderful rate for</span> <span class='review-span highlight' data-aligned-summaries='0 1'>a fine hotel</span> <span class='review-span highlight' data-aligned-summaries='1'>at</span> <span class='review-span highlight' data-aligned-summaries='1 2'>a great location near the Boston Garden</span> <span class='review-span highlight' data-aligned-summaries='2'>near the Arlington St. subway stop</span>. In fact, <span class='review-span highlight' data-aligned-summaries='3 4'>we were upgraded</span> <span class='review-span highlight' data-aligned-summaries='3'>for free to the Towers floor</span> <span class='review-span highlight' data-aligned-summaries='4'>and got a huge room</span>, access to a lounge with free breakfast and evening appetizers <span class='review-span highlight' data-aligned-summaries='4'>and</span> to <span class='review-span highlight' data-aligned-summaries='4'>wireless internet</span>. This was a great place to stay for a mixed business/pleasure trip to Boston. I'd have been happy even if I had to pay more for the room.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='9'>All three of the south bank of elevators malfunctioned the entire four days we were there</span>! One group of guests was stuck in elevator #3 for over an hour and a half. My wife and I got stuck between floors twice in elevators #1 and 2 two days in a row when the electronics suddenly just went dead. After fiddling with the buttons it started up again each time after about five minutes. I believe <span class='review-span highlight' data-aligned-summaries='0 1'>these sorts of maintenance/safety issues are unforgivable in a hotel this expensive</span> and we will not be staying there again!</div><div class='text-box'>This <span class='review-span highlight' data-aligned-summaries='1 2'>hotel was very near the Public Gardens</span>,<span class='review-span highlight' data-aligned-summaries='2'> convenient to the Arlington stop on the T and in a central location</span>. <span class='review-span highlight' data-aligned-summaries='4'>The</span> <span class='review-span highlight' data-aligned-summaries='1 4'>rooms were very nice and spacious</span>. <span class='review-span highlight' data-aligned-summaries='5 6'>The staff was friendly and helpful</span>. My only complaint is that the walls were paper thin and we had very noisy neighbors who didn't sleep much on Saturday night. We called security but that was not much help. <span class='review-span highlight' data-aligned-summaries='8'>The hotel</span> did <span class='review-span highlight' data-aligned-summaries='8'>compensate us</span> for this inconvenience <span class='review-span highlight' data-aligned-summaries='8'>with lunch in the hotel restaurant</span>. Otherwise it was a pleasant experience and a good value</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='1 3'>The room is fine but they need to finish the remodel</span> with new baths. <span class='review-span highlight' data-aligned-summaries='1'>Providing robes would be nice also</span> (like other fine hotels). <span class='review-span highlight' data-aligned-summaries='2'>The location is good for walking tours</span> of the Back Bay and, across the park, Beacon Hill. We also did the Freedom Trail on foot. <span class='review-span highlight' data-aligned-summaries='7'>An</span> easy and <span class='review-span highlight' data-aligned-summaries='7'>excellent restaurant is across the street</span> (Via Matta) <span class='review-span highlight' data-aligned-summaries='7'>but avoid ordinary Legal Seafoods unless you like boring food</span>. We got a $220 rate (total w/tax) from 1800hotels.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='1'>Although</span> <span class='review-span highlight' data-aligned-summaries='1 2'>the location is great</span>,<span class='review-span highlight' data-aligned-summaries='1'> we found</span> <span class='review-span highlight' data-aligned-summaries='1 4'>the room very small</span>,<span class='review-span highlight' data-aligned-summaries='1'> and not soundproof</span>. There are no coffee makers. Would not stay there again.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">The hotel was available with a deal through Priceline, but there were some maintenance issues that tarnished the stay a little.</span> <span id="1" class="summary-sentence">In general, a great place to stay for a trip to Boston.</span> <span id="2" class="summary-sentence">The location of the hotel is great for accessing nearby attractions and places to eat.</span> <span id="3" class="summary-sentence">Newly updated rooms, with upgrades on offer for guests to choose if they want to.</span> <span id="4" class="summary-sentence">The upgraded rooms in particular are an excellent size and there is wireless internet for guests to enjoy.</span> <span id="5" class="summary-sentence">Staff at the hotel is very helpful and always available to answer questions.</span> <span id="6" class="summary-sentence">They are very professional and make you feel comfortable.</span> <span id="7" class="summary-sentence">There are plenty of food choices here including seafood.</span> <span id="8" class="summary-sentence">There is lunch provided in the hotel's restaurant too.</span> <span id="9" class="summary-sentence">The hotel's elevators seemed to be malfunctioning a lot.</span></div></div>
74
+ <script>
75
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
76
+ sentence.addEventListener('mouseenter', function() {
77
+ const summaryId = this.getAttribute('id');
78
+ document.querySelectorAll('.review-span').forEach(span => {
79
+ if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
80
+ span.classList.remove('highlight');
81
+ span.classList.add('not-hover-highlight');
82
+ }
83
+ });
84
+ this.classList.add('highlight');
85
+ });
86
+
87
+ sentence.addEventListener('mouseleave', function() {
88
+ const summaryId = this.getAttribute('id');
89
+ document.querySelectorAll('.review-span').forEach(span => {
90
+ if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
91
+ span.classList.remove('not-hover-highlight');
92
+ span.classList.add('highlight');
93
+ }
94
+ this.classList.remove('highlight');
95
+ });
96
+ });
97
+ });
98
+
99
+ document.querySelectorAll('.review-span').forEach(span => {
100
+ span.addEventListener('mouseenter', function() {
101
+ document.querySelectorAll('.review-span').forEach(span => {
102
+ if (span !== this) {
103
+ span.classList.remove('highlight');
104
+ span.classList.add('not-hover-highlight');
105
+ }
106
+ });
107
+ const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
108
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
109
+ if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
110
+ sentence.classList.add('highlight');
111
+ }
112
+ });
113
+ });
114
+ });
115
+
116
+ document.querySelectorAll('.review-span').forEach(span => {
117
+ span.addEventListener('mouseleave', function() {
118
+ const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
119
+ document.querySelectorAll('.review-span').forEach(span => {
120
+ if (span !== this) {
121
+ span.classList.remove('not-hover-highlight');
122
+ span.classList.add('highlight');
123
+ }
124
+ });
125
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
126
+ if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
127
+ sentence.classList.remove('highlight');
128
+ }
129
+ });
130
+ });
131
+ });
132
+
133
+ </script>
134
+ </body>
135
+ </html>
html_files/train/CocoTrip-test_cont-inst_2_b_summ_2.html ADDED
@@ -0,0 +1,135 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+
2
+ <!DOCTYPE html>
3
+ <html lang="en">
4
+ <head>
5
+ <meta charset="UTF-8">
6
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
+ <title>Document Review</title>
8
+ <style>
9
+ body {
10
+ font-family: Arial, sans-serif;
11
+ display: flex;
12
+ justify-content: center; /* This will center the .reviews container on the screen */
13
+ align-items: flex-start;
14
+ height: 100vh;
15
+ margin: 2px; /* Remove default margin */
16
+ }
17
+
18
+ .highlight { background-color: yellow;
19
+ color: black !important; /* Dark grey for muted text */
20
+ cursor: pointer;}
21
+ .not-hover-highlight { background-color: lightyellow;
22
+ color: #606060 !important; /* Dark grey for muted text */}
23
+ .summary {
24
+ width: 50%;
25
+ font-size: 1.0rem;
26
+ padding: 10px;
27
+ height: 100vh; /* Maximum height to a third of the viewport height */
28
+ background-color: #9e9e9e0a;
29
+ }
30
+ .reviews {
31
+ width: 50%;
32
+ font-size: 0.7rem;
33
+ display: flex;
34
+ flex-wrap: wrap;
35
+ padding: 10px;
36
+ max-height: 100vh; /* Maximum height to a third of the viewport height */
37
+ overflow-y: auto; /* Enable vertical scrolling */
38
+ background-color: #9e9e9e0a; /* Light grey background */
39
+ }
40
+ .text-box {
41
+ width: calc(100% - 20px); /* Adjust based on padding */
42
+ margin: 10px;
43
+ padding: 10px;
44
+ background-color: #9e9e9e0a; /* Light grey background */
45
+ color: #606060bf;
46
+ border: 2px solid #ddd; /* Cartoonish border */
47
+ border-radius: 20px; /* Rounded corners for cartoonish effect */
48
+ position: relative;
49
+ box-shadow: 3px 3px #bbb; /* Soft shadow for depth */
50
+ }
51
+ .text-box:before {
52
+ content: '';
53
+ position: absolute;
54
+ right: 100%;
55
+ bottom: 20%;
56
+ border-top: 10px solid transparent;
57
+ border-bottom: 10px solid transparent;
58
+ border-right: 10px solid #ddd; /* Arrow matching the border */
59
+ }
60
+ .summary-box {
61
+ padding: 10px;
62
+ margin: 10px 0;
63
+ background-color: #e6e6fa; /* Lavender background for a pleasant look */
64
+ border: 1px solid #ddd; /* Light border for definition */
65
+ border-radius: 5px; /* Slightly rounded corners */
66
+ box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* Soft shadow for depth */
67
+ cursor: pointer;
68
+ }
69
+ h4 { margin-top: 0; }
70
+ </style>
71
+ </head>
72
+ <body>
73
+ <div class='column reviews'><h2>Reviews</h2><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>In any season, this is one beautiful place</span>. <span class='review-span highlight' data-aligned-summaries='1'>The hotel is vintage class from a time when quality mattered</span>. <span class='review-span highlight' data-aligned-summaries='6'>The staff is professional, helpful and always available to answer questions</span> or make you comfortable. I have stayed here more times than I can count and it has been consistently wonderful for many years. <span class='review-span highlight' data-aligned-summaries='3'>So close to the never ending beauty of Boston Common</span> and some of the best shopping within walking distances, <span class='review-span highlight' data-aligned-summaries='8'>restaurants abound and there is</span> a local flavor that mixes easily with a world class feel. Boston is rich in American history.be sure to immerse and educate yourself. From Paul Revere to <span class='review-span highlight' data-aligned-summaries='8'>famous seafood</span> this place has it all. <span class='review-span highlight' data-aligned-summaries='2'>I have traveled the world</span>, the comfort of this hotel appeals to my sense of tranquility. Tho <span class='review-span highlight' data-aligned-summaries='5'>the rooms are small</span>, they render a feeling like going home to visit Grandmom.it<span class='review-span highlight' data-aligned-summaries='2'>'s my favorite place</span> in the world.</div><div class='text-box'>We were very pleased for the most part with our stay during the holiday which included an extra night due to the winter storm. The <span class='review-span highlight' data-aligned-summaries='6'>front desk staff were professional and very helpful</span>, as were the staff in <span class='review-span highlight' data-aligned-summaries='5 8'>the breakfast restaurant</span> , tea and lounge bar. The rooms were nice, updated some. <span class='review-span highlight' data-aligned-summaries='5'>There is wireless in the lobby area though there is a charge for it in the room</span> and some services in the business center. We were able to fax at the front desk without a charge. <span class='review-span highlight' data-aligned-summaries='8'>The Whiskey Bar was not a positive experience</span> and will not be revisited. <span class='review-span highlight' data-aligned-summaries='0'>The location was perfect for our needs and we enjoyed staying in the historic hotel</span>. <span class='review-span highlight' data-aligned-summaries='9'>The Christmas Tea was a treat</span> and enjoyed by all. All in all we would most likely return.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='3'>The park plaza was</span> very nice,<span class='review-span highlight' data-aligned-summaries='3'>one block from the subway</span>, and only 15-20min to the hotel via subway. <span class='review-span highlight' data-aligned-summaries='4'>We asked the front desk for a renovated room and we recieved a king on the 8th floor</span>. <span class='review-span highlight' data-aligned-summaries='0'>the room was small but adequate</span> and very clean. The <span class='review-span highlight' data-aligned-summaries='0'>beds were very comfortable</span>, and there were many channels to choose from an the tv. <span class='review-span highlight' data-aligned-summaries='6'>Room service food was not good, however the front desk promptly apologized and credited our account</span>. <span class='review-span highlight' data-aligned-summaries='8'>Mccormicks and schmiidt was good (the cowder, and fish n' chips)</span>. What made our stay even better is that we got it for $100 dollars a night through Priceline's name your own price deal!</div><div class='text-box'>When I found an online price for the well-known Boston Park Plaza Hotel for $149/night, I thought there must be a mistake. Or they were doing construction next door. But I never found any problems and got a wonderful rate for a fine hotel at a <span class='review-span highlight' data-aligned-summaries='3'>great location near</span> the Boston Garden near <span class='review-span highlight' data-aligned-summaries='3'>the Arlington St. subway stop</span>. In fact, we were upgraded for free to the Towers floor and <span class='review-span highlight' data-aligned-summaries='5'>got a huge room</span>, access to a lounge with <span class='review-span highlight' data-aligned-summaries='5'>free breakfast and evening appetizers and to wireless internet</span>. <span class='review-span highlight' data-aligned-summaries='0'>This was a great place to stay for a mixed business/pleasure trip to Boston</span>. I'd have been happy even if I had to pay more for the room.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>All three of the south bank of elevators malfunctioned the entire four days we were there</span>! One group of guests was stuck in elevator #3 for over an hour and a half. <span class='review-span highlight' data-aligned-summaries='10'>My wife and I got stuck between floors twice in elevators</span> #1 and 2 two days in a row when the electronics suddenly just went dead. After fiddling with the buttons it started up again each time after about five minutes. I believe these sorts of maintenance/safety issues are unforgivable in a hotel this expensive and <span class='review-span highlight' data-aligned-summaries='2'>we will not be staying there again</span>!</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0 3'>This hotel was</span> <span class='review-span highlight' data-aligned-summaries='0'>very near the Public Gardens,</span> <span class='review-span highlight' data-aligned-summaries='0 3'>convenient to the Arlington stop on the T and in a central location</span>. The rooms were very nice and spacious. <span class='review-span highlight' data-aligned-summaries='6'>The staff was friendly and helpful</span>. My only complaint is that the walls were paper thin and we had very noisy neighbors who didn't sleep much on Saturday night. <span class='review-span highlight' data-aligned-summaries='7'>We called security but that was not much help</span>. <span class='review-span highlight' data-aligned-summaries='7'>The hotel did compensate us for this inconvenience</span> with <span class='review-span highlight' data-aligned-summaries='8'>lunch in the hotel restaurant</span>. Otherwise it was a pleasant experience and a good value</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>The room is fine but they need to finish the remodel</span> with new baths. <span class='review-span highlight' data-aligned-summaries='0'>Providing robes would be nice also</span> (like other fine hotels). The location is good for walking tours of the Back Bay and, across the park, Beacon Hill. We also did the Freedom Trail on foot. <span class='review-span highlight' data-aligned-summaries='8'>An</span> easy and <span class='review-span highlight' data-aligned-summaries='8'>excellent restaurant is across the street</span> (Via Matta) <span class='review-span highlight' data-aligned-summaries='8'>but avoid ordinary Legal Seafoods</span> unless you like boring food. We got a $220 rate (total w/tax) from 1800hotels.</div><div class='text-box'>Although <span class='review-span highlight' data-aligned-summaries='3'>the location is great</span>, we <span class='review-span highlight' data-aligned-summaries='0'>found the room very small, and not soundproof</span>. There are no coffee makers. <span class='review-span highlight' data-aligned-summaries='0 2'>Would not stay there again</span>.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">This hotel is perfect for a mixed business/pleasure stay in Boston at any time of the year or season.</span> <span id="1" class="summary-sentence">It is reminiscent of vintage class when quality was key and mattered most.</span> <span id="2" class="summary-sentence">Travel the world and come back, this may be the favorite place.</span> <span id="3" class="summary-sentence">With a central location, the hotel is really convenient for the Arlington subway stop, and the Boston Common.</span> <span id="4" class="summary-sentence">If you politely request you can get a really great room on the eighth floor which is a King room.</span> <span id="5" class="summary-sentence">It's really big and has free breakfasts and appetisers as well as WiFi internet.</span> <span id="6" class="summary-sentence">Reasonable service at this hotel, with many members of staff very attentive to their guests.</span> <span id="7" class="summary-sentence">The security team were not so helpful but overall the staff seemed quite professional.</span> <span id="8" class="summary-sentence">Food-wise, the hotel does have, The Whiskey Bar, a hotel restaurant and seafood.</span> <span id="9" class="summary-sentence">They also had a special treat of Christmas Tea.</span> <span id="10" class="summary-sentence">The elevators were not working properly and kept getting stuck between floors.</span></div></div>
74
+ <script>
75
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
76
+ sentence.addEventListener('mouseenter', function() {
77
+ const summaryId = this.getAttribute('id');
78
+ document.querySelectorAll('.review-span').forEach(span => {
79
+ if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
80
+ span.classList.remove('highlight');
81
+ span.classList.add('not-hover-highlight');
82
+ }
83
+ });
84
+ this.classList.add('highlight');
85
+ });
86
+
87
+ sentence.addEventListener('mouseleave', function() {
88
+ const summaryId = this.getAttribute('id');
89
+ document.querySelectorAll('.review-span').forEach(span => {
90
+ if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
91
+ span.classList.remove('not-hover-highlight');
92
+ span.classList.add('highlight');
93
+ }
94
+ this.classList.remove('highlight');
95
+ });
96
+ });
97
+ });
98
+
99
+ document.querySelectorAll('.review-span').forEach(span => {
100
+ span.addEventListener('mouseenter', function() {
101
+ document.querySelectorAll('.review-span').forEach(span => {
102
+ if (span !== this) {
103
+ span.classList.remove('highlight');
104
+ span.classList.add('not-hover-highlight');
105
+ }
106
+ });
107
+ const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
108
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
109
+ if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
110
+ sentence.classList.add('highlight');
111
+ }
112
+ });
113
+ });
114
+ });
115
+
116
+ document.querySelectorAll('.review-span').forEach(span => {
117
+ span.addEventListener('mouseleave', function() {
118
+ const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
119
+ document.querySelectorAll('.review-span').forEach(span => {
120
+ if (span !== this) {
121
+ span.classList.remove('not-hover-highlight');
122
+ span.classList.add('highlight');
123
+ }
124
+ });
125
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
126
+ if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
127
+ sentence.classList.remove('highlight');
128
+ }
129
+ });
130
+ });
131
+ });
132
+
133
+ </script>
134
+ </body>
135
+ </html>
html_files/train/CocoTrip-test_cont-inst_3_a_summ_0.html ADDED
@@ -0,0 +1,135 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+
2
+ <!DOCTYPE html>
3
+ <html lang="en">
4
+ <head>
5
+ <meta charset="UTF-8">
6
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
+ <title>Document Review</title>
8
+ <style>
9
+ body {
10
+ font-family: Arial, sans-serif;
11
+ display: flex;
12
+ justify-content: center; /* This will center the .reviews container on the screen */
13
+ align-items: flex-start;
14
+ height: 100vh;
15
+ margin: 2px; /* Remove default margin */
16
+ }
17
+
18
+ .highlight { background-color: yellow;
19
+ color: black !important; /* Dark grey for muted text */
20
+ cursor: pointer;}
21
+ .not-hover-highlight { background-color: lightyellow;
22
+ color: #606060 !important; /* Dark grey for muted text */}
23
+ .summary {
24
+ width: 50%;
25
+ font-size: 1.0rem;
26
+ padding: 10px;
27
+ height: 100vh; /* Maximum height to a third of the viewport height */
28
+ background-color: #9e9e9e0a;
29
+ }
30
+ .reviews {
31
+ width: 50%;
32
+ font-size: 0.7rem;
33
+ display: flex;
34
+ flex-wrap: wrap;
35
+ padding: 10px;
36
+ max-height: 100vh; /* Maximum height to a third of the viewport height */
37
+ overflow-y: auto; /* Enable vertical scrolling */
38
+ background-color: #9e9e9e0a; /* Light grey background */
39
+ }
40
+ .text-box {
41
+ width: calc(100% - 20px); /* Adjust based on padding */
42
+ margin: 10px;
43
+ padding: 10px;
44
+ background-color: #9e9e9e0a; /* Light grey background */
45
+ color: #606060bf;
46
+ border: 2px solid #ddd; /* Cartoonish border */
47
+ border-radius: 20px; /* Rounded corners for cartoonish effect */
48
+ position: relative;
49
+ box-shadow: 3px 3px #bbb; /* Soft shadow for depth */
50
+ }
51
+ .text-box:before {
52
+ content: '';
53
+ position: absolute;
54
+ right: 100%;
55
+ bottom: 20%;
56
+ border-top: 10px solid transparent;
57
+ border-bottom: 10px solid transparent;
58
+ border-right: 10px solid #ddd; /* Arrow matching the border */
59
+ }
60
+ .summary-box {
61
+ padding: 10px;
62
+ margin: 10px 0;
63
+ background-color: #e6e6fa; /* Lavender background for a pleasant look */
64
+ border: 1px solid #ddd; /* Light border for definition */
65
+ border-radius: 5px; /* Slightly rounded corners */
66
+ box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* Soft shadow for depth */
67
+ cursor: pointer;
68
+ }
69
+ h4 { margin-top: 0; }
70
+ </style>
71
+ </head>
72
+ <body>
73
+ <div class='column reviews'><h2>Reviews</h2><div class='text-box'>This is my second stay at the Pullman Hotel. Billed as a five star hotel. <span class='review-span highlight' data-aligned-summaries='0'>My view is its more like a 4* hotel</span>, well situated in Barcelona, <span class='review-span highlight' data-aligned-summaries='0'>not too far from the 5 star establishment</span> , the Arts Hotel. It's a functional business Hotel with all the <span class='review-span highlight' data-aligned-summaries='6'>room amenities</span>, ( <span class='review-span highlight' data-aligned-summaries='6'>fast wi-fi in room, multi channel TV</span>, Bath and shower, modern ( art deco) , nice roomy lobby etc. <span class='review-span highlight' data-aligned-summaries='9'>on most nights the restaurant was not open for dinner though the chef was flexible to prepare dinner for a small party per- arranged</span>. <span class='review-span highlight' data-aligned-summaries='8'>We were not disappointed with the food</span>. Tasty and well presented with generous portions <span class='review-span highlight' data-aligned-summaries='7'>Rooms are mid size</span> and comfortable, but pricey ( it was GSM congress week, I guess).</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>A great hotel for a weekend break</span>. We thought <span class='review-span highlight' data-aligned-summaries='8'>the breakfast spread was excellent</span>. <span class='review-span highlight' data-aligned-summaries='5 7'>Our room with</span> <span class='review-span highlight' data-aligned-summaries='7'>a balcony and sea view</span> was perfect and the sea breeze was lush. Everything was in good condition - <span class='review-span highlight' data-aligned-summaries='5'>smart bathrooms and good facilities</span>. Only gripe would be <span class='review-span highlight' data-aligned-summaries='5'>crappy pillows and not the softest linen on the beds</span> but i suppose one can always find something to complain about (or at least i can!) The <span class='review-span highlight' data-aligned-summaries='10'>kids with the families tended to stay downstairs in the lower pool</span> area <span class='review-span highlight' data-aligned-summaries='10'>leaving the younger set (us) to chill by the more</span> <span class='review-span highlight' data-aligned-summaries='2 10'>modern pool on the roof</span>. The location was great as it's a minute form the beach and it's a short walk or cab into town. <span class='review-span highlight' data-aligned-summaries='0'>well recommended</span></div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>Very good hotel</span> <span class='review-span highlight' data-aligned-summaries='0 1'>close to the</span> <span class='review-span highlight' data-aligned-summaries='0'>party</span>-<span class='review-span highlight' data-aligned-summaries='0 1'>beach</span>-<span class='review-span highlight' data-aligned-summaries='0'>area</span>: <span class='review-span highlight' data-aligned-summaries='1'>1 minute walking</span>! <span class='review-span highlight' data-aligned-summaries='7'>We got a room with sea view</span> at 5th floor left wing which is great since the sun stays very long on the balcony. Distance to old town (picasso museum) is about 15 minutes onwards. <span class='review-span highlight' data-aligned-summaries='0'>Staff is</span> superior: <span class='review-span highlight' data-aligned-summaries='0'>very friendly and very helpful</span>! Fitness: fitness centre in the hotel is tiny but <span class='review-span highlight' data-aligned-summaries='4'>there is a fitness park about 2 minutes walking distance</span> for 16eur/day which provide a good facility. <span class='review-span highlight' data-aligned-summaries='11'>Fun: we were using the jacuzzi on the roof top</span> few times. Very cool sitting there, enjoy a glass of wine and overlooking Barcelona. I will be here again!</div><div class='text-box'>Stayed at the hotel or 4 nights in August 2010. <span class='review-span highlight' data-aligned-summaries='0'>Everything about this hotel is 5 star and is a def hotel I wold stay in again</span> if i stayed in barcelona. <span class='review-span highlight' data-aligned-summaries='8'>Breakfast was lovely</span> and catered for all people(very impressed). <span class='review-span highlight' data-aligned-summaries='2 10'>Hotel has 2 pools</span> <span class='review-span highlight' data-aligned-summaries='10'>which were fantastic</span> My only negatives were 1. <span class='review-span highlight' data-aligned-summaries='6'>No English tv stations</span> 2. Mini bar was very expensive so avoid at all costs FYI - If you don't want to be ripped off with expensive meals then avoid the sea front! We paid 55 euros for 2 pasta dishes and 2 fizzy drinks!</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>This is a thru 5 star hotel with excellent service. I can really recommend this hotel</span>. It has very attentive staff. I had <span class='review-span highlight' data-aligned-summaries='7'>a great room</span> (first floor 116), quiet, <span class='review-span highlight' data-aligned-summaries='7'>spacy, clean</span> and very nicely decorated. <span class='review-span highlight' data-aligned-summaries='2 10'>This hotel has</span> <span class='review-span highlight' data-aligned-summaries='10'>2 great pools</span>; <span class='review-span highlight' data-aligned-summaries='2'>1 roof top pool</span> with bar and 1 pool on the ground level. <span class='review-span highlight' data-aligned-summaries='3'>It is situated close to the Port Olympic</span>, the Beach <span class='review-span highlight' data-aligned-summaries='3'>and Barcelonetta</span>. So a great location. It is a great hotel for a combined city / beach vacation.</div><div class='text-box'>A <span class='review-span highlight' data-aligned-summaries='0 1'>beautiful hotel next to the beach</span> <span class='review-span highlight' data-aligned-summaries='0'>with impeccable customer service</span>. The rooms are nice, <span class='review-span highlight' data-aligned-summaries='2 10'>the pool is great</span>, but the hotel's greatest asset is the staff, who really go out of their way to treat all of their guests like they are special. Even though we are definitely not one of their high-revenue customers, everyone in the hotel treated us like we were royalty. I <span class='review-span highlight' data-aligned-summaries='0'>highly recommend the Pullman Skipper</span>.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='1'>Though one short block off the actual sand, the place has</span> <span class='review-span highlight' data-aligned-summaries='0 1'>great beaches in both directions</span>. If you don't want the beach, <span class='review-span highlight' data-aligned-summaries='2 10'>there's a very fine rooftop pool</span> <span class='review-span highlight' data-aligned-summaries='2'>with views of the sea</span>. There's <span class='review-span highlight' data-aligned-summaries='0'>also a nice cafe right beside it</span> with <span class='review-span highlight' data-aligned-summaries='8'>good, affordable breakfast</span>. It's not cheap, but very nice.</div><div class='text-box'>Hotel was very trendy, <span class='review-span highlight' data-aligned-summaries='0 5'>loved the bathroom</span> which was utterly luxurious:) <span class='review-span highlight' data-aligned-summaries='0 6'>large tv</span> <span class='review-span highlight' data-aligned-summaries='0'>and</span> <span class='review-span highlight' data-aligned-summaries='0 6'>comfortable bed</span>. <span class='review-span highlight' data-aligned-summaries='8'>Breakfast was good</span> too. Staff were extremely helpful with advice and hints on getting around the city.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">Highly recommended hotel that you will want to come back to because it is definitely five-star.</span> <span id="1" class="summary-sentence">The hotel is only a minute from the beach in both directions.</span> <span id="2" class="summary-sentence">The hotel also has a rooftop pool with a view of the sea too.</span> <span id="3" class="summary-sentence">The hotel is located near to the Port Olympic and Barcelonetta.</span> <span id="4" class="summary-sentence">There is also a fitness park a two minute walk away.</span> <span id="5" class="summary-sentence">The hotel room had a good bathroom, but the pillows and linen were a bit uncomfortable.</span> <span id="6" class="summary-sentence">The bed was a good size and there was a large TV, WiFi etc.</span> <span id="7" class="summary-sentence">The room was specious and clean and also had a sea view.</span> <span id="8" class="summary-sentence">The food was really good here especially the breakfast.</span> <span id="9" class="summary-sentence">Sometimes the restaurant did not open for dinner but the chef would be flexible for a small party, which is great.</span> <span id="10" class="summary-sentence">The pools were a great addition to this hotel as well at the fitness centre.</span> <span id="11" class="summary-sentence">There's even a Jacuzzi on the rooftop, which was really fun.</span></div></div>
74
+ <script>
75
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
76
+ sentence.addEventListener('mouseenter', function() {
77
+ const summaryId = this.getAttribute('id');
78
+ document.querySelectorAll('.review-span').forEach(span => {
79
+ if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
80
+ span.classList.remove('highlight');
81
+ span.classList.add('not-hover-highlight');
82
+ }
83
+ });
84
+ this.classList.add('highlight');
85
+ });
86
+
87
+ sentence.addEventListener('mouseleave', function() {
88
+ const summaryId = this.getAttribute('id');
89
+ document.querySelectorAll('.review-span').forEach(span => {
90
+ if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
91
+ span.classList.remove('not-hover-highlight');
92
+ span.classList.add('highlight');
93
+ }
94
+ this.classList.remove('highlight');
95
+ });
96
+ });
97
+ });
98
+
99
+ document.querySelectorAll('.review-span').forEach(span => {
100
+ span.addEventListener('mouseenter', function() {
101
+ document.querySelectorAll('.review-span').forEach(span => {
102
+ if (span !== this) {
103
+ span.classList.remove('highlight');
104
+ span.classList.add('not-hover-highlight');
105
+ }
106
+ });
107
+ const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
108
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
109
+ if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
110
+ sentence.classList.add('highlight');
111
+ }
112
+ });
113
+ });
114
+ });
115
+
116
+ document.querySelectorAll('.review-span').forEach(span => {
117
+ span.addEventListener('mouseleave', function() {
118
+ const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
119
+ document.querySelectorAll('.review-span').forEach(span => {
120
+ if (span !== this) {
121
+ span.classList.remove('not-hover-highlight');
122
+ span.classList.add('highlight');
123
+ }
124
+ });
125
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
126
+ if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
127
+ sentence.classList.remove('highlight');
128
+ }
129
+ });
130
+ });
131
+ });
132
+
133
+ </script>
134
+ </body>
135
+ </html>
html_files/train/CocoTrip-test_cont-inst_3_a_summ_1.html ADDED
@@ -0,0 +1,135 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+
2
+ <!DOCTYPE html>
3
+ <html lang="en">
4
+ <head>
5
+ <meta charset="UTF-8">
6
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
+ <title>Document Review</title>
8
+ <style>
9
+ body {
10
+ font-family: Arial, sans-serif;
11
+ display: flex;
12
+ justify-content: center; /* This will center the .reviews container on the screen */
13
+ align-items: flex-start;
14
+ height: 100vh;
15
+ margin: 2px; /* Remove default margin */
16
+ }
17
+
18
+ .highlight { background-color: yellow;
19
+ color: black !important; /* Dark grey for muted text */
20
+ cursor: pointer;}
21
+ .not-hover-highlight { background-color: lightyellow;
22
+ color: #606060 !important; /* Dark grey for muted text */}
23
+ .summary {
24
+ width: 50%;
25
+ font-size: 1.0rem;
26
+ padding: 10px;
27
+ height: 100vh; /* Maximum height to a third of the viewport height */
28
+ background-color: #9e9e9e0a;
29
+ }
30
+ .reviews {
31
+ width: 50%;
32
+ font-size: 0.7rem;
33
+ display: flex;
34
+ flex-wrap: wrap;
35
+ padding: 10px;
36
+ max-height: 100vh; /* Maximum height to a third of the viewport height */
37
+ overflow-y: auto; /* Enable vertical scrolling */
38
+ background-color: #9e9e9e0a; /* Light grey background */
39
+ }
40
+ .text-box {
41
+ width: calc(100% - 20px); /* Adjust based on padding */
42
+ margin: 10px;
43
+ padding: 10px;
44
+ background-color: #9e9e9e0a; /* Light grey background */
45
+ color: #606060bf;
46
+ border: 2px solid #ddd; /* Cartoonish border */
47
+ border-radius: 20px; /* Rounded corners for cartoonish effect */
48
+ position: relative;
49
+ box-shadow: 3px 3px #bbb; /* Soft shadow for depth */
50
+ }
51
+ .text-box:before {
52
+ content: '';
53
+ position: absolute;
54
+ right: 100%;
55
+ bottom: 20%;
56
+ border-top: 10px solid transparent;
57
+ border-bottom: 10px solid transparent;
58
+ border-right: 10px solid #ddd; /* Arrow matching the border */
59
+ }
60
+ .summary-box {
61
+ padding: 10px;
62
+ margin: 10px 0;
63
+ background-color: #e6e6fa; /* Lavender background for a pleasant look */
64
+ border: 1px solid #ddd; /* Light border for definition */
65
+ border-radius: 5px; /* Slightly rounded corners */
66
+ box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* Soft shadow for depth */
67
+ cursor: pointer;
68
+ }
69
+ h4 { margin-top: 0; }
70
+ </style>
71
+ </head>
72
+ <body>
73
+ <div class='column reviews'><h2>Reviews</h2><div class='text-box'>This is my second stay at the Pullman Hotel. <span class='review-span highlight' data-aligned-summaries='0'>Billed as a five star hotel. My view is its more like a 4* hotel</span>, well situated in Barcelona, not too far from the 5 star establishment , the Arts Hotel. <span class='review-span highlight' data-aligned-summaries='1'>It's a functional business Hotel</span> with <span class='review-span highlight' data-aligned-summaries='4'>all the room amenities, (</span> <span class='review-span highlight' data-aligned-summaries='4 5'>fast wi-fi in room</span>,<span class='review-span highlight' data-aligned-summaries='4'></span> <span class='review-span highlight' data-aligned-summaries='4 5'>multi channel TV</span>,<span class='review-span highlight' data-aligned-summaries='4'> Bath and shower, modern ( art deco) , nice roomy lobby etc</span>. on <span class='review-span highlight' data-aligned-summaries='6 7'>most nights the restaurant was not</span> <span class='review-span highlight' data-aligned-summaries='7'>open for dinner though the chef was flexible to prepare dinner for a small party per- arranged</span>. We were not disappointed with the food. Tasty and well presented with generous portions Rooms are mid size and comfortable, <span class='review-span highlight' data-aligned-summaries='1'>but pricey</span> ( it was GSM congress week, I guess).</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>A great hotel</span> for a weekend break. We thought the breakfast spread was excellent. <span class='review-span highlight' data-aligned-summaries='0 3 8'>Our room with</span> <span class='review-span highlight' data-aligned-summaries='0 3'>a balcony and sea view was perfect</span> and the sea breeze was lush. <span class='review-span highlight' data-aligned-summaries='4'>Everything was in good condition</span> - smart bathrooms and <span class='review-span highlight' data-aligned-summaries='8'>good facilities</span>. Only gripe <span class='review-span highlight' data-aligned-summaries='4'>would be crappy pillows and not the softest linen on the beds</span> but i suppose one can always find something to complain about (or at least i can!) The kids with the families tended to stay <span class='review-span highlight' data-aligned-summaries='9'>downstairs</span> in <span class='review-span highlight' data-aligned-summaries='9'>the lower pool</span> area leaving the younger set (us) to chill by the <span class='review-span highlight' data-aligned-summaries='9'>more modern pool on the roof</span>. <span class='review-span highlight' data-aligned-summaries='1 2 3'>The location was great as it's a minute form the beach</span> <span class='review-span highlight' data-aligned-summaries='1'>and it's a short walk or cab into town</span>. well recommended</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>Very good</span> <span class='review-span highlight' data-aligned-summaries='0 2'>hotel</span> <span class='review-span highlight' data-aligned-summaries='0 2 3'>close to the party-beach-area</span>:<span class='review-span highlight' data-aligned-summaries='2'> 1 minute walking</span>! We got a room with sea view at 5th floor left wing which is great since the sun stays very long on the balcony. Distance to old town (picasso museum) is about 15 minutes onwards. Staff is superior: very friendly and very helpful! Fitness: <span class='review-span highlight' data-aligned-summaries='0 8 9'>fitness centre in the hotel is tiny</span> <span class='review-span highlight' data-aligned-summaries='8'>but there is a fitness park about 2 minutes walking distance</span> for 16eur/day which provide a good facility. Fun: we were using <span class='review-span highlight' data-aligned-summaries='9'>the jacuzzi on the roof top</span> few times. Very cool sitting there, <span class='review-span highlight' data-aligned-summaries='6'>enjoy a glass of wine and overlooking Barcelona</span>. I will be here again!</div><div class='text-box'>Stayed at the hotel or 4 nights in August 2010. <span class='review-span highlight' data-aligned-summaries='0'>Everything about this hotel is 5 star and is a def hotel</span> I wold stay in again if i stayed in barcelona. Breakfast was lovely and catered for all people(very impressed). <span class='review-span highlight' data-aligned-summaries='8 9'>Hotel has 2 pools</span> <span class='review-span highlight' data-aligned-summaries='8'>which were fantastic</span> My only negatives were 1. No English tv stations 2. Mini bar was very expensive so avoid at all costs FYI - If you don't want to be ripped off with expensive meals then avoid the sea front! We paid 55 euros for 2 pasta dishes and 2 fizzy drinks!</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>This is a thru 5 star hotel</span> with excellent service. I can really recommend this hotel. It has very attentive staff. I had a <span class='review-span highlight' data-aligned-summaries='8'>great room</span> (first floor 116), quiet, spacy, clean and very nicely decorated. This <span class='review-span highlight' data-aligned-summaries='8 9'>hotel has 2 great pools</span>; <span class='review-span highlight' data-aligned-summaries='6'>1 roof top pool with bar</span> and 1 pool on the ground level. <span class='review-span highlight' data-aligned-summaries='2'>It is situated close to</span> the Port Olympic, <span class='review-span highlight' data-aligned-summaries='2'>the Beach</span> and Barcelonetta. So <span class='review-span highlight' data-aligned-summaries='3'>a great location</span>. It is a <span class='review-span highlight' data-aligned-summaries='1'>great hotel for a combined city / beach vacation</span>.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0 1 2'>A beautiful hotel next to the beach</span> <span class='review-span highlight' data-aligned-summaries='0'>with impeccable customer service</span>. <span class='review-span highlight' data-aligned-summaries='4'>The rooms are nice</span>, <span class='review-span highlight' data-aligned-summaries='9'>the pool is great</span>, but the hotel's greatest asset is the staff, who really go out of their way to treat all of their guests like they are special. Even though we are definitely not one of their high-revenue customers, everyone in the hotel treated us like we were royalty. I highly recommend the Pullman Skipper.</div><div class='text-box'>Though one short block off the actual sand, the place has great <span class='review-span highlight' data-aligned-summaries='1 2'>beaches in both directions</span>. If you don't want the beach, there's a very <span class='review-span highlight' data-aligned-summaries='8'>fine rooftop pool</span> with <span class='review-span highlight' data-aligned-summaries='3'>views of the sea</span>. There's also <span class='review-span highlight' data-aligned-summaries='8'>a nice cafe</span> right beside it with good, affordable breakfast. <span class='review-span highlight' data-aligned-summaries='0'>It's not cheap</span>, but <span class='review-span highlight' data-aligned-summaries='0'>very nice</span>.</div><div class='text-box'>Hotel was very trendy, loved the <span class='review-span highlight' data-aligned-summaries='0'>bathroom</span> which <span class='review-span highlight' data-aligned-summaries='0'>was utterly luxurious</span>:) <span class='review-span highlight' data-aligned-summaries='5'>large tv</span> and <span class='review-span highlight' data-aligned-summaries='4'>comfortable bed</span>. Breakfast was good too. <span class='review-span highlight' data-aligned-summaries='0 1'>Staff were extremely</span> <span class='review-span highlight' data-aligned-summaries='1'>helpful with advice and hints on getting around the city</span>.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">The hotel is definitely worth its five star rating, although it is expensive.</span> <span id="1" class="summary-sentence">The hotel is ideal for a combined city and beach holiday.</span> <span id="2" class="summary-sentence">This hotel is set so close to the beach that you will not need to walk too far.</span> <span id="3" class="summary-sentence">Additionally there are wonderful views from the top of the hotel, reminding you of what a great location you are staying in.</span> <span id="4" class="summary-sentence">The bed in the room didn't have the softest linen and the pillows weren't great either, but the bed itself was comfortable and everything was in good condition.</span> <span id="5" class="summary-sentence">There is WiFi in the room as well as a nice big television.</span><span id="6" class="summary-sentence">The hotel had a lovely bar/restaurant overlooking Barcelona, but be warned that it can be expensive.</span> <span id="7" class="summary-sentence">Also note that the restaurant is not available every day, but they can be flexible in providing catering on request.</span> <span id="8" class="summary-sentence">The hotel has some great facilities.</span> <span id="9" class="summary-sentence">There are two pools, a rooftop Jacuzzi and a fitness centre all within the hotel.</span></div></div>
74
+ <script>
75
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
76
+ sentence.addEventListener('mouseenter', function() {
77
+ const summaryId = this.getAttribute('id');
78
+ document.querySelectorAll('.review-span').forEach(span => {
79
+ if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
80
+ span.classList.remove('highlight');
81
+ span.classList.add('not-hover-highlight');
82
+ }
83
+ });
84
+ this.classList.add('highlight');
85
+ });
86
+
87
+ sentence.addEventListener('mouseleave', function() {
88
+ const summaryId = this.getAttribute('id');
89
+ document.querySelectorAll('.review-span').forEach(span => {
90
+ if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
91
+ span.classList.remove('not-hover-highlight');
92
+ span.classList.add('highlight');
93
+ }
94
+ this.classList.remove('highlight');
95
+ });
96
+ });
97
+ });
98
+
99
+ document.querySelectorAll('.review-span').forEach(span => {
100
+ span.addEventListener('mouseenter', function() {
101
+ document.querySelectorAll('.review-span').forEach(span => {
102
+ if (span !== this) {
103
+ span.classList.remove('highlight');
104
+ span.classList.add('not-hover-highlight');
105
+ }
106
+ });
107
+ const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
108
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
109
+ if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
110
+ sentence.classList.add('highlight');
111
+ }
112
+ });
113
+ });
114
+ });
115
+
116
+ document.querySelectorAll('.review-span').forEach(span => {
117
+ span.addEventListener('mouseleave', function() {
118
+ const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
119
+ document.querySelectorAll('.review-span').forEach(span => {
120
+ if (span !== this) {
121
+ span.classList.remove('not-hover-highlight');
122
+ span.classList.add('highlight');
123
+ }
124
+ });
125
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
126
+ if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
127
+ sentence.classList.remove('highlight');
128
+ }
129
+ });
130
+ });
131
+ });
132
+
133
+ </script>
134
+ </body>
135
+ </html>
html_files/train/CocoTrip-test_cont-inst_3_a_summ_2.html ADDED
@@ -0,0 +1,135 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+
2
+ <!DOCTYPE html>
3
+ <html lang="en">
4
+ <head>
5
+ <meta charset="UTF-8">
6
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
+ <title>Document Review</title>
8
+ <style>
9
+ body {
10
+ font-family: Arial, sans-serif;
11
+ display: flex;
12
+ justify-content: center; /* This will center the .reviews container on the screen */
13
+ align-items: flex-start;
14
+ height: 100vh;
15
+ margin: 2px; /* Remove default margin */
16
+ }
17
+
18
+ .highlight { background-color: yellow;
19
+ color: black !important; /* Dark grey for muted text */
20
+ cursor: pointer;}
21
+ .not-hover-highlight { background-color: lightyellow;
22
+ color: #606060 !important; /* Dark grey for muted text */}
23
+ .summary {
24
+ width: 50%;
25
+ font-size: 1.0rem;
26
+ padding: 10px;
27
+ height: 100vh; /* Maximum height to a third of the viewport height */
28
+ background-color: #9e9e9e0a;
29
+ }
30
+ .reviews {
31
+ width: 50%;
32
+ font-size: 0.7rem;
33
+ display: flex;
34
+ flex-wrap: wrap;
35
+ padding: 10px;
36
+ max-height: 100vh; /* Maximum height to a third of the viewport height */
37
+ overflow-y: auto; /* Enable vertical scrolling */
38
+ background-color: #9e9e9e0a; /* Light grey background */
39
+ }
40
+ .text-box {
41
+ width: calc(100% - 20px); /* Adjust based on padding */
42
+ margin: 10px;
43
+ padding: 10px;
44
+ background-color: #9e9e9e0a; /* Light grey background */
45
+ color: #606060bf;
46
+ border: 2px solid #ddd; /* Cartoonish border */
47
+ border-radius: 20px; /* Rounded corners for cartoonish effect */
48
+ position: relative;
49
+ box-shadow: 3px 3px #bbb; /* Soft shadow for depth */
50
+ }
51
+ .text-box:before {
52
+ content: '';
53
+ position: absolute;
54
+ right: 100%;
55
+ bottom: 20%;
56
+ border-top: 10px solid transparent;
57
+ border-bottom: 10px solid transparent;
58
+ border-right: 10px solid #ddd; /* Arrow matching the border */
59
+ }
60
+ .summary-box {
61
+ padding: 10px;
62
+ margin: 10px 0;
63
+ background-color: #e6e6fa; /* Lavender background for a pleasant look */
64
+ border: 1px solid #ddd; /* Light border for definition */
65
+ border-radius: 5px; /* Slightly rounded corners */
66
+ box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* Soft shadow for depth */
67
+ cursor: pointer;
68
+ }
69
+ h4 { margin-top: 0; }
70
+ </style>
71
+ </head>
72
+ <body>
73
+ <div class='column reviews'><h2>Reviews</h2><div class='text-box'>This is my second stay at the Pullman Hotel. <span class='review-span highlight' data-aligned-summaries='0'>Billed as a five star hotel. My view is its more like a 4* hotel</span>, well situated in Barcelona, not too far from the 5 star establishment , the Arts Hotel. <span class='review-span highlight' data-aligned-summaries='4'>It's a functional business Hotel with all the room amenities</span>, ( fast wi-fi in room, multi channel TV, <span class='review-span highlight' data-aligned-summaries='3'>Bath and shower, modern ( art deco)</span> , nice roomy lobby etc. <span class='review-span highlight' data-aligned-summaries='7'>on most nights the restaurant was not open for dinner</span> though the chef was flexible to prepare dinner for a small party per- arranged. <span class='review-span highlight' data-aligned-summaries='6'>We were not disappointed with the food</span>. Tasty and well presented with generous portions Rooms are mid size and comfortable, but pricey ( it was GSM congress week, I guess).</div><div class='text-box'>A great hotel for a weekend break. <span class='review-span highlight' data-aligned-summaries='6 7'>We thought the breakfast spread was excellent</span>. <span class='review-span highlight' data-aligned-summaries='4'>Our room with a</span> balcony and <span class='review-span highlight' data-aligned-summaries='4'>sea view</span> was perfect and the sea breeze was lush. Everything was in good condition - smart bathrooms and good facilities. Only gripe would be crappy pillows and not the softest linen on the beds but i suppose one can always find something to complain about (or at least i can!) <span class='review-span highlight' data-aligned-summaries='1'>The kids with the families tended to stay downstairs in the lower pool area leaving the younger set (us) to chill by the more modern</span> <span class='review-span highlight' data-aligned-summaries='1 8'>pool on the roof</span>. <span class='review-span highlight' data-aligned-summaries='1 2'>The location was great</span> <span class='review-span highlight' data-aligned-summaries='1'>as</span> <span class='review-span highlight' data-aligned-summaries='1 2'>it's a minute form the beach</span> <span class='review-span highlight' data-aligned-summaries='1'>and it's a short walk or cab into town.</span> well recommended</div><div class='text-box'>Very good hotel <span class='review-span highlight' data-aligned-summaries='1 2'>close to the party-beach-area</span>:<span class='review-span highlight' data-aligned-summaries='2'> 1 minute walking</span>! <span class='review-span highlight' data-aligned-summaries='4'>We got a room with sea view at 5th floor left wing</span> which is great since the sun stays very long on the balcony. <span class='review-span highlight' data-aligned-summaries='1'>Distance to</span> <span class='review-span highlight' data-aligned-summaries='1 2'>old town</span> <span class='review-span highlight' data-aligned-summaries='1'>(picasso museum)</span> <span class='review-span highlight' data-aligned-summaries='1 2'>is about 15 minutes onwards</span>. Staff is superior: very friendly and very helpful! Fitness: <span class='review-span highlight' data-aligned-summaries='8'>fitness centre in the hotel</span> is tiny but <span class='review-span highlight' data-aligned-summaries='2'>there is a fitness park about 2 minutes walking distance</span> for 16eur/day which provide a good facility. Fun: <span class='review-span highlight' data-aligned-summaries='8'>we were using the jacuzzi on the roof top few times</span>. Very cool sitting there, enjoy a glass of wine and overlooking Barcelona. I will be here again!</div><div class='text-box'>Stayed at the hotel or 4 nights in August 2010. Everything about this hotel is 5 star and is a def hotel I wold stay in again if i stayed in barcelona. <span class='review-span highlight' data-aligned-summaries='6 7'>Breakfast was lovely</span> <span class='review-span highlight' data-aligned-summaries='6'>and catered for all people(very impressed</span>). <span class='review-span highlight' data-aligned-summaries='1 8'>Hotel has 2 pools</span> which were fantastic My only negatives were 1. No English tv stations 2. Mini bar was very expensive so avoid at all costs FYI - If you don't want to be ripped off with expensive meals then avoid the sea front! We paid 55 euros for 2 pasta dishes and 2 fizzy drinks!</div><div class='text-box'>This is a thru 5 star hotel with excellent service. I can really recommend this hotel. It has very attentive staff. I had a great room (first floor 116), quiet, spacy, clean and very nicely decorated. <span class='review-span highlight' data-aligned-summaries='8'>This hotel has 2 great pools</span>; <span class='review-span highlight' data-aligned-summaries='1'>1 roof top pool</span> with bar and <span class='review-span highlight' data-aligned-summaries='1'>1 pool on the ground level</span>. <span class='review-span highlight' data-aligned-summaries='1 2'>It is situated close to the</span> <span class='review-span highlight' data-aligned-summaries='2'>Port Olympic, the</span> <span class='review-span highlight' data-aligned-summaries='1 2'>Beach</span> and Barcelonetta. So <span class='review-span highlight' data-aligned-summaries='2'>a great location</span>. It is a great hotel for a combined city / beach vacation.</div><div class='text-box'>A beautiful hotel next to the beach with impeccable customer service. The rooms are nice, <span class='review-span highlight' data-aligned-summaries='1'>the pool is great</span>, but the hotel's greatest asset is the staff, who really go out of their way to treat all of their guests like they are special. Even though we are definitely not one of their high-revenue customers, everyone in the hotel treated us like we were royalty. I highly recommend the Pullman Skipper.</div><div class='text-box'>Though one short block off the actual sand, <span class='review-span highlight' data-aligned-summaries='1 2'>the place has great beaches in both directions</span>. If you don't want the beach, <span class='review-span highlight' data-aligned-summaries='1 8'>there's a very fine rooftop pool</span> with <span class='review-span highlight' data-aligned-summaries='4'>views of the sea</span>. There's also <span class='review-span highlight' data-aligned-summaries='6'>a nice cafe right beside it with</span> <span class='review-span highlight' data-aligned-summaries='6 7'>good</span>,<span class='review-span highlight' data-aligned-summaries='6'> affordable</span> <span class='review-span highlight' data-aligned-summaries='6 7'>breakfast</span>. It's not cheap, but <span class='review-span highlight' data-aligned-summaries='7'>very nice</span>.</div><div class='text-box'>Hotel was very trendy, loved the <span class='review-span highlight' data-aligned-summaries='0 3'>bathroom</span> which <span class='review-span highlight' data-aligned-summaries='0 3'>was utterly luxurious</span>:) large tv and comfortable bed. <span class='review-span highlight' data-aligned-summaries='0 6 7'>Breakfast was good</span> <span class='review-span highlight' data-aligned-summaries='0 6'>too</span>. Staff were extremely helpful with advice and hints on getting around the city.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">The hotel is worth the higher price.</span> <span id="1" class="summary-sentence">It has a rooftop pool as well as a ground-level pool and is perfect for either a beach vacation or city break.</span> <span id="2" class="summary-sentence">Great location only a minute or so from beaches in both directions and close to Port Olympic as well as a fitness park two minutes away from the hotel.</span> <span id="3" class="summary-sentence">Beautiful, luxurious bathrooms that are in an excellent condition.</span> <span id="4" class="summary-sentence">All amenities are available in the rooms, and those on the higher floors have the luxury of stunning sea views.</span> <span id="5" class="summary-sentence">Wow!</span> <span id="6" class="summary-sentence">The food was really nice with affordable breakfast available at a nearby cafe if you prefer.</span> <span id="7" class="summary-sentence">The restaurant wasn't always open but breakfast was lovely.</span> <span id="8" class="summary-sentence">The hotel has two pools a fitness centre and also a jacuzzi on the rooftop.</span></div></div>
74
+ <script>
75
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
76
+ sentence.addEventListener('mouseenter', function() {
77
+ const summaryId = this.getAttribute('id');
78
+ document.querySelectorAll('.review-span').forEach(span => {
79
+ if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
80
+ span.classList.remove('highlight');
81
+ span.classList.add('not-hover-highlight');
82
+ }
83
+ });
84
+ this.classList.add('highlight');
85
+ });
86
+
87
+ sentence.addEventListener('mouseleave', function() {
88
+ const summaryId = this.getAttribute('id');
89
+ document.querySelectorAll('.review-span').forEach(span => {
90
+ if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
91
+ span.classList.remove('not-hover-highlight');
92
+ span.classList.add('highlight');
93
+ }
94
+ this.classList.remove('highlight');
95
+ });
96
+ });
97
+ });
98
+
99
+ document.querySelectorAll('.review-span').forEach(span => {
100
+ span.addEventListener('mouseenter', function() {
101
+ document.querySelectorAll('.review-span').forEach(span => {
102
+ if (span !== this) {
103
+ span.classList.remove('highlight');
104
+ span.classList.add('not-hover-highlight');
105
+ }
106
+ });
107
+ const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
108
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
109
+ if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
110
+ sentence.classList.add('highlight');
111
+ }
112
+ });
113
+ });
114
+ });
115
+
116
+ document.querySelectorAll('.review-span').forEach(span => {
117
+ span.addEventListener('mouseleave', function() {
118
+ const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
119
+ document.querySelectorAll('.review-span').forEach(span => {
120
+ if (span !== this) {
121
+ span.classList.remove('not-hover-highlight');
122
+ span.classList.add('highlight');
123
+ }
124
+ });
125
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
126
+ if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
127
+ sentence.classList.remove('highlight');
128
+ }
129
+ });
130
+ });
131
+ });
132
+
133
+ </script>
134
+ </body>
135
+ </html>
html_files/train/CocoTrip-test_cont-inst_3_b_summ_0.html ADDED
@@ -0,0 +1,135 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+
2
+ <!DOCTYPE html>
3
+ <html lang="en">
4
+ <head>
5
+ <meta charset="UTF-8">
6
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
+ <title>Document Review</title>
8
+ <style>
9
+ body {
10
+ font-family: Arial, sans-serif;
11
+ display: flex;
12
+ justify-content: center; /* This will center the .reviews container on the screen */
13
+ align-items: flex-start;
14
+ height: 100vh;
15
+ margin: 2px; /* Remove default margin */
16
+ }
17
+
18
+ .highlight { background-color: yellow;
19
+ color: black !important; /* Dark grey for muted text */
20
+ cursor: pointer;}
21
+ .not-hover-highlight { background-color: lightyellow;
22
+ color: #606060 !important; /* Dark grey for muted text */}
23
+ .summary {
24
+ width: 50%;
25
+ font-size: 1.0rem;
26
+ padding: 10px;
27
+ height: 100vh; /* Maximum height to a third of the viewport height */
28
+ background-color: #9e9e9e0a;
29
+ }
30
+ .reviews {
31
+ width: 50%;
32
+ font-size: 0.7rem;
33
+ display: flex;
34
+ flex-wrap: wrap;
35
+ padding: 10px;
36
+ max-height: 100vh; /* Maximum height to a third of the viewport height */
37
+ overflow-y: auto; /* Enable vertical scrolling */
38
+ background-color: #9e9e9e0a; /* Light grey background */
39
+ }
40
+ .text-box {
41
+ width: calc(100% - 20px); /* Adjust based on padding */
42
+ margin: 10px;
43
+ padding: 10px;
44
+ background-color: #9e9e9e0a; /* Light grey background */
45
+ color: #606060bf;
46
+ border: 2px solid #ddd; /* Cartoonish border */
47
+ border-radius: 20px; /* Rounded corners for cartoonish effect */
48
+ position: relative;
49
+ box-shadow: 3px 3px #bbb; /* Soft shadow for depth */
50
+ }
51
+ .text-box:before {
52
+ content: '';
53
+ position: absolute;
54
+ right: 100%;
55
+ bottom: 20%;
56
+ border-top: 10px solid transparent;
57
+ border-bottom: 10px solid transparent;
58
+ border-right: 10px solid #ddd; /* Arrow matching the border */
59
+ }
60
+ .summary-box {
61
+ padding: 10px;
62
+ margin: 10px 0;
63
+ background-color: #e6e6fa; /* Lavender background for a pleasant look */
64
+ border: 1px solid #ddd; /* Light border for definition */
65
+ border-radius: 5px; /* Slightly rounded corners */
66
+ box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* Soft shadow for depth */
67
+ cursor: pointer;
68
+ }
69
+ h4 { margin-top: 0; }
70
+ </style>
71
+ </head>
72
+ <body>
73
+ <div class='column reviews'><h2>Reviews</h2><div class='text-box'>I struggled to get accommodation for our wedding anniversary as it clashed with the Spanish Grand Prix. I found the Pere IV on one of my many trawls, so was a bit suspicious that they still had availability. What a lucky girl I am! The receptionist gave us the 'most romantic room' - a lovely 9th floor room with a terrace and a complimentary bottle of beautiful cava to help us celebrate our anniversary. The staff could not not have been more helpful and kind, willing to give advice on sights, restaurants, bars etc. Having a pool, jacuzzi and sauna was great after a days sightseeing, although the pool was a wee bit cool! The only downside was that it was a 10 min walk to get to the main tourist areas, although taxis are plentiful and fairly cheap and there is a metro station round the corner. <span class='review-span highlight' data-aligned-summaries='0'>An extremely good value for money hotel</span> which we would definitely use again.</div><div class='text-box'>An excellent hotel that delivers every time. <span class='review-span highlight' data-aligned-summaries='1'>The location is away from the city centre but by using the metro</span> (Bogatell located around the block) <span class='review-span highlight' data-aligned-summaries='1'>you can be any where in the city in a very little time</span>. Use the T10 card and the metro is a cheap way to travel. The reception staff are exceptional,Crisanta, Yvonne,David and the other reception staff cannot do enough to make your stay an enjoyable one. <span class='review-span highlight' data-aligned-summaries='3'>The cleaning staff also deserve recognition the rooms and public areas are immaculately clean</span>. <span class='review-span highlight' data-aligned-summaries='5'>Breakfast</span> in a lovely bright room <span class='review-span highlight' data-aligned-summaries='5'>caters for the most fussy of eaters the choices available are so varied you cannot fail to leave the room satisfied</span> and content ready to start your sightseeing day. My room(double for single use) was of a medium size but had everything required for an enjoyable stay. I look forward to seeing Magnuss and his team again next year.</div><div class='text-box'>We loved this hotel, the spa is excellent (despite the additional cost) and the hotel is only a short walk from the metro, and <span class='review-span highlight' data-aligned-summaries='1'>the city centre (Ramblas etc) is only one or two stops away</span>. <span class='review-span highlight' data-aligned-summaries='0'>The area</span> is not as pristine and smart as the rest of the city, but <span class='review-span highlight' data-aligned-summaries='1'>it</span> <span class='review-span highlight' data-aligned-summaries='0 1'>is very safe to walk late at night</span>, it appears to be an area that is not fully residential, however taxis are plentiful and bars / restaurants are within easy walking. <span class='review-span highlight' data-aligned-summaries='2'>La Sagrada Familia was the view from our window</span>, how brilliant to wak up to that! The staff and reception were incredibly friendly, and <span class='review-span highlight' data-aligned-summaries='3'>the hotel is very smart and clean</span>. We will definately stay here again when we visit in 2011.</div><div class='text-box'>Went to this hotel with a group of 18 of us. <span class='review-span highlight' data-aligned-summaries='3'>The hotel is lovely</span>, the rooms were big <span class='review-span highlight' data-aligned-summaries='3'>and very clean</span>. The hotel staff were helpful and seemed really organised, they put our rooms next to each other on the same floor which was great and even let us check in early <span class='review-span highlight' data-aligned-summaries='5'>The breakfast was lovely lots to choose from</span>, when we were going home there was a safe locked room to put your cases. We all said we would definately stay at this hotel when we come again. Just a warning got a taxi from the hotel to the airport which was 24 going and for some reason 43 going back.</div><div class='text-box'>Me and my boyfreind stayed here for 3 nights and it was one of the comfiest sleeps ever. The bed was two double beds pushed together so it was really big! <span class='review-span highlight' data-aligned-summaries='2 4'>There was a complimentary mini bar</span>,<span class='review-span highlight' data-aligned-summaries='4'></span> not alcoholic though and <span class='review-span highlight' data-aligned-summaries='4'>there were only a few drinks and they don't top them up either</span> but meh! <span class='review-span highlight' data-aligned-summaries='5'>The breakfast was awesome buffet with lots of pastries, bread and cheeses</span>:D The only things is that it's quite a walk into town. To wall to port olympic it's about 15 mins down a looong road. Then from Port Olympic it's another 15-20 mins to port vell.</div><div class='text-box'>This hotel iseverything you expect frrom a 4 star hotel. <span class='review-span highlight' data-aligned-summaries='3'>Very clean and comfortable rooms</span> and good service with a smile from all the staff. <span class='review-span highlight' data-aligned-summaries='1'>The area is mainly industrial but my wife and I walked everywhere and never felt any threat whatsoever</span>. It is about 10 mins walk to the port, 10 mins to Sagrada Familia and 15 mins to Ramblas.</div><div class='text-box'>Stayed for one night in the summer. <span class='review-span highlight' data-aligned-summaries='2'>Well air conditioned comfortable</span> <span class='review-span highlight' data-aligned-summaries='2 4'>room with free mini bar</span>. <span class='review-span highlight' data-aligned-summaries='2'>The room needed a few touch ups</span>, but on the whole was decent for a quick sleep and off out again. <span class='review-span highlight' data-aligned-summaries='5'>Breakfast was very basic continental</span>. A pleasant experience, did the job.</div><div class='text-box'>The staff are very nice but <span class='review-span highlight' data-aligned-summaries='2'>the place is very grubby and old fashioned</span>. <span class='review-span highlight' data-aligned-summaries='6'>The towels are like cardboard</span>! <span class='review-span highlight' data-aligned-summaries='1'>The area is</span> not nice, <span class='review-span highlight' data-aligned-summaries='1'>a bit industrial</span>. Would not stay there again. More like a 3 star.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">The hotel is good value for money and in a secure part of the city.</span> <span id="1" class="summary-sentence">The hotel is in an industrial but safe area not too far from the city centre.</span> <span id="2" class="summary-sentence">The hotel had air conditioned rooms with a mini bar and a view of the Sagrada Familia, but they needed a small touch up.</span> <span id="3" class="summary-sentence">The cleaning staff made the hotel an incredibly clean environment.</span> <span id="4" class="summary-sentence">There was a complimentary mini bar included, although it was not restocked.</span> <span id="5" class="summary-sentence">The breakfast served a selection of pastries, cheese and breads.</span> <span id="6" class="summary-sentence">The towels in the hotel are too firm.</span></div></div>
74
+ <script>
75
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
76
+ sentence.addEventListener('mouseenter', function() {
77
+ const summaryId = this.getAttribute('id');
78
+ document.querySelectorAll('.review-span').forEach(span => {
79
+ if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
80
+ span.classList.remove('highlight');
81
+ span.classList.add('not-hover-highlight');
82
+ }
83
+ });
84
+ this.classList.add('highlight');
85
+ });
86
+
87
+ sentence.addEventListener('mouseleave', function() {
88
+ const summaryId = this.getAttribute('id');
89
+ document.querySelectorAll('.review-span').forEach(span => {
90
+ if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
91
+ span.classList.remove('not-hover-highlight');
92
+ span.classList.add('highlight');
93
+ }
94
+ this.classList.remove('highlight');
95
+ });
96
+ });
97
+ });
98
+
99
+ document.querySelectorAll('.review-span').forEach(span => {
100
+ span.addEventListener('mouseenter', function() {
101
+ document.querySelectorAll('.review-span').forEach(span => {
102
+ if (span !== this) {
103
+ span.classList.remove('highlight');
104
+ span.classList.add('not-hover-highlight');
105
+ }
106
+ });
107
+ const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
108
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
109
+ if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
110
+ sentence.classList.add('highlight');
111
+ }
112
+ });
113
+ });
114
+ });
115
+
116
+ document.querySelectorAll('.review-span').forEach(span => {
117
+ span.addEventListener('mouseleave', function() {
118
+ const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
119
+ document.querySelectorAll('.review-span').forEach(span => {
120
+ if (span !== this) {
121
+ span.classList.remove('not-hover-highlight');
122
+ span.classList.add('highlight');
123
+ }
124
+ });
125
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
126
+ if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
127
+ sentence.classList.remove('highlight');
128
+ }
129
+ });
130
+ });
131
+ });
132
+
133
+ </script>
134
+ </body>
135
+ </html>
html_files/train/CocoTrip-test_cont-inst_3_b_summ_1.html ADDED
@@ -0,0 +1,135 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+
2
+ <!DOCTYPE html>
3
+ <html lang="en">
4
+ <head>
5
+ <meta charset="UTF-8">
6
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
+ <title>Document Review</title>
8
+ <style>
9
+ body {
10
+ font-family: Arial, sans-serif;
11
+ display: flex;
12
+ justify-content: center; /* This will center the .reviews container on the screen */
13
+ align-items: flex-start;
14
+ height: 100vh;
15
+ margin: 2px; /* Remove default margin */
16
+ }
17
+
18
+ .highlight { background-color: yellow;
19
+ color: black !important; /* Dark grey for muted text */
20
+ cursor: pointer;}
21
+ .not-hover-highlight { background-color: lightyellow;
22
+ color: #606060 !important; /* Dark grey for muted text */}
23
+ .summary {
24
+ width: 50%;
25
+ font-size: 1.0rem;
26
+ padding: 10px;
27
+ height: 100vh; /* Maximum height to a third of the viewport height */
28
+ background-color: #9e9e9e0a;
29
+ }
30
+ .reviews {
31
+ width: 50%;
32
+ font-size: 0.7rem;
33
+ display: flex;
34
+ flex-wrap: wrap;
35
+ padding: 10px;
36
+ max-height: 100vh; /* Maximum height to a third of the viewport height */
37
+ overflow-y: auto; /* Enable vertical scrolling */
38
+ background-color: #9e9e9e0a; /* Light grey background */
39
+ }
40
+ .text-box {
41
+ width: calc(100% - 20px); /* Adjust based on padding */
42
+ margin: 10px;
43
+ padding: 10px;
44
+ background-color: #9e9e9e0a; /* Light grey background */
45
+ color: #606060bf;
46
+ border: 2px solid #ddd; /* Cartoonish border */
47
+ border-radius: 20px; /* Rounded corners for cartoonish effect */
48
+ position: relative;
49
+ box-shadow: 3px 3px #bbb; /* Soft shadow for depth */
50
+ }
51
+ .text-box:before {
52
+ content: '';
53
+ position: absolute;
54
+ right: 100%;
55
+ bottom: 20%;
56
+ border-top: 10px solid transparent;
57
+ border-bottom: 10px solid transparent;
58
+ border-right: 10px solid #ddd; /* Arrow matching the border */
59
+ }
60
+ .summary-box {
61
+ padding: 10px;
62
+ margin: 10px 0;
63
+ background-color: #e6e6fa; /* Lavender background for a pleasant look */
64
+ border: 1px solid #ddd; /* Light border for definition */
65
+ border-radius: 5px; /* Slightly rounded corners */
66
+ box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* Soft shadow for depth */
67
+ cursor: pointer;
68
+ }
69
+ h4 { margin-top: 0; }
70
+ </style>
71
+ </head>
72
+ <body>
73
+ <div class='column reviews'><h2>Reviews</h2><div class='text-box'>I struggled to get accommodation for our wedding anniversary as it clashed with the Spanish Grand Prix. I found the Pere IV on one of my many trawls, so was a bit suspicious that they still had availability. What a lucky girl I am! The receptionist gave us the '<span class='review-span highlight' data-aligned-summaries='3'>most romantic room' - a lovely 9th floor room with a terrace</span> and a complimentary bottle of beautiful cava to help us celebrate our anniversary. The staff could not not have been more helpful and kind, willing to give advice on sights, restaurants, bars etc. Having a pool, jacuzzi and sauna was great after a days sightseeing, although the pool was a wee bit cool! The only downside was that <span class='review-span highlight' data-aligned-summaries='2'>it was a 10 min walk to get to the main tourist areas, although taxis are plentiful</span> and fairly cheap and there is a metro station round the corner. <span class='review-span highlight' data-aligned-summaries='1'>An extremely good value for money hotel</span> which we would definitely use again.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0 1'>An excellent hotel that delivers every time</span>. <span class='review-span highlight' data-aligned-summaries='2'>The location is away from the city centre but by using the metro (Bogatell located around the block) you can be any where in the city in a very little time</span>. Use the T10 card and the metro is a cheap way to travel. The reception staff are exceptional,Crisanta, Yvonne,David and the other reception staff cannot do enough to make your stay an enjoyable one. The cleaning staff also deserve recognition the rooms and public areas are immaculately clean. <span class='review-span highlight' data-aligned-summaries='6'>Breakfast</span> in a lovely bright room <span class='review-span highlight' data-aligned-summaries='6'>caters for the most fussy of eaters the choices available are so varied</span> you cannot fail to leave the room satisfied and content ready to start your sightseeing day. <span class='review-span highlight' data-aligned-summaries='3'>My room(double for single use) was of a medium size</span> but had everything required for an enjoyable stay. I look forward to seeing Magnuss and his team again next year.</div><div class='text-box'>We loved this hotel, <span class='review-span highlight' data-aligned-summaries='0 1'>the spa is excellent</span> <span class='review-span highlight' data-aligned-summaries='1'>(despite the additional cost</span>) and <span class='review-span highlight' data-aligned-summaries='2'>the hotel is only a short walk from the metro</span>, and the city centre (Ramblas etc) is only one or two stops away. <span class='review-span highlight' data-aligned-summaries='2'>The area is not as pristine and smart as the rest of the city, but</span> it is very safe to walk late at night, it appears to be an area that is not fully residential, however taxis are plentiful and bars / <span class='review-span highlight' data-aligned-summaries='2'>restaurants are within easy walking</span>. La <span class='review-span highlight' data-aligned-summaries='3'>Sagrada Familia was the view from our window</span>, how brilliant to wak up to that! The staff and reception were incredibly friendly, and <span class='review-span highlight' data-aligned-summaries='0 1'>the hotel is very smart and clean</span>. We will definately stay here again when we visit in 2011.</div><div class='text-box'>Went to this hotel with a group of 18 of us. <span class='review-span highlight' data-aligned-summaries='0 1'>The hotel is lovely</span>, <span class='review-span highlight' data-aligned-summaries='3'>the rooms were big</span> and very clean. <span class='review-span highlight' data-aligned-summaries='0 1'>The hotel staff were helpful</span> <span class='review-span highlight' data-aligned-summaries='1'>and seemed really organised</span>, they put our rooms next to each other on the same floor which was great and even let us check in early <span class='review-span highlight' data-aligned-summaries='5 6'>The breakfast was lovely lots to choose from</span>, when we were going home there was a safe locked room to put your cases. We all said we would definately stay at this hotel when we come again. Just a warning got a taxi from the hotel to the airport which was 24 going and for some reason 43 going back.</div><div class='text-box'>Me and my boyfreind stayed here for 3 nights and <span class='review-span highlight' data-aligned-summaries='0'>it was one of the comfiest sleeps ever</span>. The bed was two double beds pushed together so it was really big! <span class='review-span highlight' data-aligned-summaries='4'>There was a complimentary mini bar</span>, not alcoholic though and there were only a few drinks and they don't top them up either but meh! <span class='review-span highlight' data-aligned-summaries='5'>The breakfast was awesome buffet with lots of pastries, bread and cheeses:</span>D The only things is that it's quite a walk into town. To wall to port olympic it's about 15 mins down a looong road. Then from Port Olympic it's another 15-20 mins to port vell.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0 1'>This hotel</span> <span class='review-span highlight' data-aligned-summaries='0 1 7'>iseverything you expect frrom a 4 star hotel</span>. Very clean and <span class='review-span highlight' data-aligned-summaries='4'>comfortable rooms</span> and good service with a smile from all the staff. <span class='review-span highlight' data-aligned-summaries='2 7'>The area is mainly industrial</span> <span class='review-span highlight' data-aligned-summaries='2'>but my wife and I</span> walked everywhere and <span class='review-span highlight' data-aligned-summaries='2'>never felt any threat</span> whatsoever. It is about 10 mins walk to the port, 10 mins to Sagrada Familia and 15 mins to Ramblas.</div><div class='text-box'>Stayed for one night in the summer. <span class='review-span highlight' data-aligned-summaries='4'>Well air conditioned comfortable room with free mini bar</span>. The room needed a few touch ups, but on the whole was decent for a quick sleep and off out again. Breakfast was very basic continental. <span class='review-span highlight' data-aligned-summaries='0 1'>A pleasant experience</span>,<span class='review-span highlight' data-aligned-summaries='1'> did the job</span>.</div><div class='text-box'>The staff are very nice but the place is very grubby and old fashioned. <span class='review-span highlight' data-aligned-summaries='7'>The towels are like cardboard</span>! <span class='review-span highlight' data-aligned-summaries='2 7'>The area is</span> <span class='review-span highlight' data-aligned-summaries='2'>not nice,</span> <span class='review-span highlight' data-aligned-summaries='2 7'>a bit industrial</span>. <span class='review-span highlight' data-aligned-summaries='0 1'>Would not stay there again. More like a 3 star</span>.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">This hotel will provide a pleasant experience at a four-star rate as expected.</span> <span id="1" class="summary-sentence">It is good value for money and it delivers on every stay.</span> <span id="2" class="summary-sentence">This is an optimal location because you can easily access restaurants by foot as well as public transport for quicker access further afield.</span> <span id="3" class="summary-sentence">Inside the room there are great views and it is of a medium size.</span> <span id="4" class="summary-sentence">There is a free minibar included as well as air conditioning to make the room even more comfortable.</span> <span id="5" class="summary-sentence">The morning buffets were really tasty and featured plenty of pastries, breads and cheeses.</span> <span id="6" class="summary-sentence">You will find there are plenty of choices for even fussiest of eaters.</span> <span id="7" class="summary-sentence">If you don't mind cardboard towels and industrialized areas, this is the hotel for you.</span></div></div>
74
+ <script>
75
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
76
+ sentence.addEventListener('mouseenter', function() {
77
+ const summaryId = this.getAttribute('id');
78
+ document.querySelectorAll('.review-span').forEach(span => {
79
+ if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
80
+ span.classList.remove('highlight');
81
+ span.classList.add('not-hover-highlight');
82
+ }
83
+ });
84
+ this.classList.add('highlight');
85
+ });
86
+
87
+ sentence.addEventListener('mouseleave', function() {
88
+ const summaryId = this.getAttribute('id');
89
+ document.querySelectorAll('.review-span').forEach(span => {
90
+ if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
91
+ span.classList.remove('not-hover-highlight');
92
+ span.classList.add('highlight');
93
+ }
94
+ this.classList.remove('highlight');
95
+ });
96
+ });
97
+ });
98
+
99
+ document.querySelectorAll('.review-span').forEach(span => {
100
+ span.addEventListener('mouseenter', function() {
101
+ document.querySelectorAll('.review-span').forEach(span => {
102
+ if (span !== this) {
103
+ span.classList.remove('highlight');
104
+ span.classList.add('not-hover-highlight');
105
+ }
106
+ });
107
+ const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
108
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
109
+ if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
110
+ sentence.classList.add('highlight');
111
+ }
112
+ });
113
+ });
114
+ });
115
+
116
+ document.querySelectorAll('.review-span').forEach(span => {
117
+ span.addEventListener('mouseleave', function() {
118
+ const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
119
+ document.querySelectorAll('.review-span').forEach(span => {
120
+ if (span !== this) {
121
+ span.classList.remove('not-hover-highlight');
122
+ span.classList.add('highlight');
123
+ }
124
+ });
125
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
126
+ if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
127
+ sentence.classList.remove('highlight');
128
+ }
129
+ });
130
+ });
131
+ });
132
+
133
+ </script>
134
+ </body>
135
+ </html>
html_files/train/CocoTrip-test_cont-inst_3_b_summ_2.html ADDED
@@ -0,0 +1,135 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+
2
+ <!DOCTYPE html>
3
+ <html lang="en">
4
+ <head>
5
+ <meta charset="UTF-8">
6
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
+ <title>Document Review</title>
8
+ <style>
9
+ body {
10
+ font-family: Arial, sans-serif;
11
+ display: flex;
12
+ justify-content: center; /* This will center the .reviews container on the screen */
13
+ align-items: flex-start;
14
+ height: 100vh;
15
+ margin: 2px; /* Remove default margin */
16
+ }
17
+
18
+ .highlight { background-color: yellow;
19
+ color: black !important; /* Dark grey for muted text */
20
+ cursor: pointer;}
21
+ .not-hover-highlight { background-color: lightyellow;
22
+ color: #606060 !important; /* Dark grey for muted text */}
23
+ .summary {
24
+ width: 50%;
25
+ font-size: 1.0rem;
26
+ padding: 10px;
27
+ height: 100vh; /* Maximum height to a third of the viewport height */
28
+ background-color: #9e9e9e0a;
29
+ }
30
+ .reviews {
31
+ width: 50%;
32
+ font-size: 0.7rem;
33
+ display: flex;
34
+ flex-wrap: wrap;
35
+ padding: 10px;
36
+ max-height: 100vh; /* Maximum height to a third of the viewport height */
37
+ overflow-y: auto; /* Enable vertical scrolling */
38
+ background-color: #9e9e9e0a; /* Light grey background */
39
+ }
40
+ .text-box {
41
+ width: calc(100% - 20px); /* Adjust based on padding */
42
+ margin: 10px;
43
+ padding: 10px;
44
+ background-color: #9e9e9e0a; /* Light grey background */
45
+ color: #606060bf;
46
+ border: 2px solid #ddd; /* Cartoonish border */
47
+ border-radius: 20px; /* Rounded corners for cartoonish effect */
48
+ position: relative;
49
+ box-shadow: 3px 3px #bbb; /* Soft shadow for depth */
50
+ }
51
+ .text-box:before {
52
+ content: '';
53
+ position: absolute;
54
+ right: 100%;
55
+ bottom: 20%;
56
+ border-top: 10px solid transparent;
57
+ border-bottom: 10px solid transparent;
58
+ border-right: 10px solid #ddd; /* Arrow matching the border */
59
+ }
60
+ .summary-box {
61
+ padding: 10px;
62
+ margin: 10px 0;
63
+ background-color: #e6e6fa; /* Lavender background for a pleasant look */
64
+ border: 1px solid #ddd; /* Light border for definition */
65
+ border-radius: 5px; /* Slightly rounded corners */
66
+ box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* Soft shadow for depth */
67
+ cursor: pointer;
68
+ }
69
+ h4 { margin-top: 0; }
70
+ </style>
71
+ </head>
72
+ <body>
73
+ <div class='column reviews'><h2>Reviews</h2><div class='text-box'>I struggled to get accommodation for our wedding anniversary as it clashed with the Spanish Grand Prix. I found the Pere IV on one of my many trawls, so was a bit suspicious that they still had availability. What a lucky girl I am! The receptionist gave us the 'most romantic room' - a lovely 9th floor room with a terrace and a complimentary bottle of beautiful cava to help us celebrate our anniversary. <span class='review-span highlight' data-aligned-summaries='8'>The staff could not not have been more helpful and kind, willing to give advice on sights</span>, <span class='review-span highlight' data-aligned-summaries='7'>restaurants, bars etc. Having a pool, jacuzzi and sauna was great after a days sightseeing</span>, although the pool was a wee bit cool! The only downside was that it was a 10 min walk to get to the main tourist areas, although taxis are plentiful and fairly cheap and there is a metro station round the corner. An extremely good value for money hotel which we would definitely use again.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0 7'>An excellent hotel</span> <span class='review-span highlight' data-aligned-summaries='7'>that delivers every time</span>. <span class='review-span highlight' data-aligned-summaries='3'>The location is away from the city centre but by using</span> <span class='review-span highlight' data-aligned-summaries='2 3'>the metro (Bogatell located around the block)</span> <span class='review-span highlight' data-aligned-summaries='3'>you can be any where in the city in a very little time</span>. Use the T10 card and the metro is a cheap way to travel. The reception staff are exceptional,Crisanta, Yvonne,David and the other reception staff cannot do enough to make your stay an enjoyable one. <span class='review-span highlight' data-aligned-summaries='4 8'>The</span> <span class='review-span highlight' data-aligned-summaries='8'>cleaning staff also deserve recognition the</span> <span class='review-span highlight' data-aligned-summaries='4 8'>rooms</span> <span class='review-span highlight' data-aligned-summaries='8'>and public areas</span> <span class='review-span highlight' data-aligned-summaries='4 8'>are immaculately clean</span>. <span class='review-span highlight' data-aligned-summaries='9'>Breakfast in a lovely bright room caters for the most fussy of eaters the choices available are so varied you cannot fail to leave the room satisfied and content ready to start your sightseeing day</span>. <span class='review-span highlight' data-aligned-summaries='4 5'>My room(double</span> <span class='review-span highlight' data-aligned-summaries='4'>for single use) was of a medium size but</span> <span class='review-span highlight' data-aligned-summaries='4 5'>had everything required for an enjoyable stay</span>. I look forward to seeing Magnuss and his team again next year.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>We loved this hotel, the spa is excellent</span> (despite the additional cost) and <span class='review-span highlight' data-aligned-summaries='2'>the hotel is only a short walk from the metro</span>, and <span class='review-span highlight' data-aligned-summaries='3'>the city centre (Ramblas etc) is only one or two stops away</span>. <span class='review-span highlight' data-aligned-summaries='1 2'>The area</span> <span class='review-span highlight' data-aligned-summaries='2'>is not as pristine and smart as the rest of the city</span>, but it <span class='review-span highlight' data-aligned-summaries='1'>is very safe to walk late at night</span>, it appears to be an area that is not fully residential, however taxis are plentiful and bars / restaurants are within easy walking. <span class='review-span highlight' data-aligned-summaries='6'>La Sagrada Familia was the view from our window, how brilliant to wak up to that</span>! <span class='review-span highlight' data-aligned-summaries='0'>The staff and reception were incredibly friendly, and the hotel is very smart and clean</span>. We will definately stay here again when we visit in 2011.</div><div class='text-box'>Went to this hotel with a group of 18 of us. <span class='review-span highlight' data-aligned-summaries='0 10'>The hotel is lovely</span>, <span class='review-span highlight' data-aligned-summaries='4'>the rooms were big and very clean</span>. <span class='review-span highlight' data-aligned-summaries='0'>The hotel staff were helpful</span> and seemed really organised, they put our rooms next to each other on the same floor which was great and even let us check in early <span class='review-span highlight' data-aligned-summaries='9'>The breakfast was lovely lots to choose from</span>, when we were going home there was a safe locked room to put your cases. We all said we would definately stay at this hotel when we come again. Just a warning got a taxi from the hotel to the airport which was 24 going and for some reason 43 going back.</div><div class='text-box'>Me and my boyfreind stayed here for 3 nights and <span class='review-span highlight' data-aligned-summaries='0 10'>it was</span> <span class='review-span highlight' data-aligned-summaries='0 5 10'>one of the comfiest sleeps ever</span>. <span class='review-span highlight' data-aligned-summaries='4'>The bed was two double beds pushed together so it was really big! There was a complimentary mini bar</span>, not alcoholic though and there were only a few drinks and they don't top them up either but meh! <span class='review-span highlight' data-aligned-summaries='9'>The breakfast was awesome buffet with lots of pastries, bread and cheeses</span>:D <span class='review-span highlight' data-aligned-summaries='2'>The only things is that it's quite a walk into town. To wall to port olympic it's about 15 mins down a looong road. Then from Port Olympic it's another 15-20 mins to port vell</span>.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>This hotel iseverything you expect frrom a 4 star hotel</span>. <span class='review-span highlight' data-aligned-summaries='4'>Very clean and</span> <span class='review-span highlight' data-aligned-summaries='4 5'>comfortable rooms</span> and <span class='review-span highlight' data-aligned-summaries='8'>good service with a smile from all the staff</span>. <span class='review-span highlight' data-aligned-summaries='1'>The area is mainly industrial but my wife and I walked everywhere and never felt any threat whatsoever</span>. It is about 10 mins walk to the port, 10 mins to Sagrada Familia and 15 mins to Ramblas.</div><div class='text-box'>Stayed for one night in the summer. <span class='review-span highlight' data-aligned-summaries='4'>Well air conditioned</span> <span class='review-span highlight' data-aligned-summaries='4 5'>comfortable room</span> with free mini bar. The room needed a few touch ups, but on the whole was <span class='review-span highlight' data-aligned-summaries='7'>decent for a quick sleep and off out again.</span> <span class='review-span highlight' data-aligned-summaries='9'>Breakfast was very basic continental</span>. <span class='review-span highlight' data-aligned-summaries='10'>A pleasant experience, did the job</span>.</div><div class='text-box'>The staff are very nice but <span class='review-span highlight' data-aligned-summaries='8'>the place is very grubby</span> and old fashioned. <span class='review-span highlight' data-aligned-summaries='10'>The towels are like cardboard</span>! <span class='review-span highlight' data-aligned-summaries='2'>The</span> <span class='review-span highlight' data-aligned-summaries='2 10'>area is</span> <span class='review-span highlight' data-aligned-summaries='2'>not nice</span>, <span class='review-span highlight' data-aligned-summaries='2 10'>a bit industrial</span>. Would not stay there again. <span class='review-span highlight' data-aligned-summaries='0'>More like a 3 star</span>.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">This is an excellent hotel with good value and you get a 4-star hotel experience.</span> <span id="1" class="summary-sentence">The area feels very safe as well. .</span> <span id="2" class="summary-sentence">The location isn't particularly nice to look at it as it's industrial, however it is short walking distance to many of the main attractions in this area and the metro.</span> <span id="3" class="summary-sentence">The city centre is in close proximity also, when using public transport.</span> <span id="4" class="summary-sentence">These rooms are to a high quality.</span> <span id="5" class="summary-sentence">great for comfort</span> <span id="6" class="summary-sentence">and they have excellent views from the window.</span> <span id="7" class="summary-sentence">Everything needed is there to enjoy a quick stay.</span> <span id="8" class="summary-sentence">The cleaning staff were really great at what they do as they leave all areas immaculate they're so thorough.</span> <span id="9" class="summary-sentence">Good breakfast buffet that offers a selection of foods to start your day, catering for even the most fussy of eaters.</span> <span id="10" class="summary-sentence">Decent hotel, however the towels provided are of a poor quality and there are little views on offer due to it being in an industrial area.</span></div></div>
74
+ <script>
75
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
76
+ sentence.addEventListener('mouseenter', function() {
77
+ const summaryId = this.getAttribute('id');
78
+ document.querySelectorAll('.review-span').forEach(span => {
79
+ if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
80
+ span.classList.remove('highlight');
81
+ span.classList.add('not-hover-highlight');
82
+ }
83
+ });
84
+ this.classList.add('highlight');
85
+ });
86
+
87
+ sentence.addEventListener('mouseleave', function() {
88
+ const summaryId = this.getAttribute('id');
89
+ document.querySelectorAll('.review-span').forEach(span => {
90
+ if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
91
+ span.classList.remove('not-hover-highlight');
92
+ span.classList.add('highlight');
93
+ }
94
+ this.classList.remove('highlight');
95
+ });
96
+ });
97
+ });
98
+
99
+ document.querySelectorAll('.review-span').forEach(span => {
100
+ span.addEventListener('mouseenter', function() {
101
+ document.querySelectorAll('.review-span').forEach(span => {
102
+ if (span !== this) {
103
+ span.classList.remove('highlight');
104
+ span.classList.add('not-hover-highlight');
105
+ }
106
+ });
107
+ const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
108
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
109
+ if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
110
+ sentence.classList.add('highlight');
111
+ }
112
+ });
113
+ });
114
+ });
115
+
116
+ document.querySelectorAll('.review-span').forEach(span => {
117
+ span.addEventListener('mouseleave', function() {
118
+ const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
119
+ document.querySelectorAll('.review-span').forEach(span => {
120
+ if (span !== this) {
121
+ span.classList.remove('not-hover-highlight');
122
+ span.classList.add('highlight');
123
+ }
124
+ });
125
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
126
+ if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
127
+ sentence.classList.remove('highlight');
128
+ }
129
+ });
130
+ });
131
+ });
132
+
133
+ </script>
134
+ </body>
135
+ </html>
html_files/train/CocoTrip-test_cont-inst_6_a_summ_0.html ADDED
@@ -0,0 +1,135 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+
2
+ <!DOCTYPE html>
3
+ <html lang="en">
4
+ <head>
5
+ <meta charset="UTF-8">
6
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
+ <title>Document Review</title>
8
+ <style>
9
+ body {
10
+ font-family: Arial, sans-serif;
11
+ display: flex;
12
+ justify-content: center; /* This will center the .reviews container on the screen */
13
+ align-items: flex-start;
14
+ height: 100vh;
15
+ margin: 2px; /* Remove default margin */
16
+ }
17
+
18
+ .highlight { background-color: yellow;
19
+ color: black !important; /* Dark grey for muted text */
20
+ cursor: pointer;}
21
+ .not-hover-highlight { background-color: lightyellow;
22
+ color: #606060 !important; /* Dark grey for muted text */}
23
+ .summary {
24
+ width: 50%;
25
+ font-size: 1.0rem;
26
+ padding: 10px;
27
+ height: 100vh; /* Maximum height to a third of the viewport height */
28
+ background-color: #9e9e9e0a;
29
+ }
30
+ .reviews {
31
+ width: 50%;
32
+ font-size: 0.7rem;
33
+ display: flex;
34
+ flex-wrap: wrap;
35
+ padding: 10px;
36
+ max-height: 100vh; /* Maximum height to a third of the viewport height */
37
+ overflow-y: auto; /* Enable vertical scrolling */
38
+ background-color: #9e9e9e0a; /* Light grey background */
39
+ }
40
+ .text-box {
41
+ width: calc(100% - 20px); /* Adjust based on padding */
42
+ margin: 10px;
43
+ padding: 10px;
44
+ background-color: #9e9e9e0a; /* Light grey background */
45
+ color: #606060bf;
46
+ border: 2px solid #ddd; /* Cartoonish border */
47
+ border-radius: 20px; /* Rounded corners for cartoonish effect */
48
+ position: relative;
49
+ box-shadow: 3px 3px #bbb; /* Soft shadow for depth */
50
+ }
51
+ .text-box:before {
52
+ content: '';
53
+ position: absolute;
54
+ right: 100%;
55
+ bottom: 20%;
56
+ border-top: 10px solid transparent;
57
+ border-bottom: 10px solid transparent;
58
+ border-right: 10px solid #ddd; /* Arrow matching the border */
59
+ }
60
+ .summary-box {
61
+ padding: 10px;
62
+ margin: 10px 0;
63
+ background-color: #e6e6fa; /* Lavender background for a pleasant look */
64
+ border: 1px solid #ddd; /* Light border for definition */
65
+ border-radius: 5px; /* Slightly rounded corners */
66
+ box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* Soft shadow for depth */
67
+ cursor: pointer;
68
+ }
69
+ h4 { margin-top: 0; }
70
+ </style>
71
+ </head>
72
+ <body>
73
+ <div class='column reviews'><h2>Reviews</h2><div class='text-box'>Returned yesterday from a 2 night stay at the Hotel New Amsterdam with my wife and 11 year old son and have to say what a joy it was,from the initial welcoming cup of tea to the final goodbye it was a superb experience. <span class='review-span highlight' data-aligned-summaries='1'>The hotel is very centrally located</span> just a 10 minute walk from the Central Station and <span class='review-span highlight' data-aligned-summaries='1'>next to a charming canal</span> and although <span class='review-span highlight' data-aligned-summaries='2'>the rooms are on the small</span> side(we had the mini-suite in the loft which had a tricky low ceiling! and generally traditional Amsterdam hotels are on the small side) they are beautifully decorated and very cosy with high quality furnishings.<span class='review-span highlight' data-aligned-summaries='6'>Just look out for the steep stairs if you have large suitcases it can be hard work</span>! <span class='review-span highlight' data-aligned-summaries='4'>The breakfast was typically continental</span> with cold meats,cereals and a lovely selection of bread ,fresh juice and good coffee etc.served in a smart little dining room with a tv showing BBC news. What set this place apart for me was the service from all the staff who went out of their way to help and make us feel special-we have used many hotels in the US and Europe and can honestly say this hotel is right at the top when it comes to service,nothing was too much trouble. Would not hesitate in returning to this hotel.</div><div class='text-box'>The hotel is located in Jordaan, beautiful district with very cozy restaurants. The hotel has modern looks, <span class='review-span highlight' data-aligned-summaries='4'>great breakfast</span>, and the staff are nice and friendly. I stayed in room 342, which is in the third floor, and has two twin beds. <span class='review-span highlight' data-aligned-summaries='2'>The room was OK</span>, <span class='review-span highlight' data-aligned-summaries='2'>but</span> I do have to say that <span class='review-span highlight' data-aligned-summaries='2 3'>each bed was extremely small</span>! 68 cm wide (which is very small) I actually asked the staff if this was normal, and they said that in Amsterdam hotels it is normal. Apart from this, I would recommend the hotel, but I would make sure, before making the reservation that they book you a room with normal sized beds. Oh, also, the room rate doesn't include breakfast (which was 7 euros, more or less)</div><div class='text-box'>I was in this hotel during 4 days, and it was perfect. Staff is really kind,they help us in any moment. <span class='review-span highlight' data-aligned-summaries='4'>Breakfast for free</span> and also tea and coffe. <span class='review-span highlight' data-aligned-summaries='5'>Internet</span> too <span class='review-span highlight' data-aligned-summaries='5'>for free</span>. The hotel is only 5 minutes from central station, and <span class='review-span highlight' data-aligned-summaries='1'>it is placed</span> in the best area of Amsterdam, <span class='review-span highlight' data-aligned-summaries='1'>in the city center</span>.<span class='review-span highlight' data-aligned-summaries='3'>Very nice room</span>, <span class='review-span highlight' data-aligned-summaries='3'>so clean and beatifull</span> <span class='review-span highlight' data-aligned-summaries='1'>with canal view</span>. In my opinion, the hotel style is great, it is different, and <span class='review-span highlight' data-aligned-summaries='0 3'>prices are ok</span>.<span class='review-span highlight' data-aligned-summaries='0'></span></div><div class='text-box'>Hotels in Amsterdam is not cheap. <span class='review-span highlight' data-aligned-summaries='0 1 3'>This hotel</span> <span class='review-span highlight' data-aligned-summaries='0 3'>has a reasonable price</span> and <span class='review-span highlight' data-aligned-summaries='1'>has an excellent location near the central station</span> but still in a very nice area, Jordaan. <span class='review-span highlight' data-aligned-summaries='2 3'>The rooms</span> (we chose a L) <span class='review-span highlight' data-aligned-summaries='2 3'>are of a good size</span> <span class='review-span highlight' data-aligned-summaries='3'>and reasonably clean</span>. <span class='review-span highlight' data-aligned-summaries='4'>The "continental breakfast" was toast and jam, with coffee or tea</span>, which was kind of a let down. But, at this price and location, it's a great hotel.</div><div class='text-box'>The staff were friendly and helpful. <span class='review-span highlight' data-aligned-summaries='2'>The room was</span> comfortable but <span class='review-span highlight' data-aligned-summaries='2'>small</span>. We believe <span class='review-span highlight' data-aligned-summaries='7'>they cater for a gay market</span>, whilst this does not bother us at all, we did find the explicit <span class='review-span highlight' data-aligned-summaries='7'>gay pornography left in the common areas</span> offensive and gave the hotel a seedy element. We would feel the same way about heterosexual material being availabe in the same way. Would not stay there again based on this.</div><div class='text-box'>This is a small hotel <span class='review-span highlight' data-aligned-summaries='1'>located about a 5 minute walk from the Central Station in a quiet neighborhood in Amsterdam</span>. The staff is friendly and <span class='review-span highlight' data-aligned-summaries='3'>the rooms are simple and clean</span>. <span class='review-span highlight' data-aligned-summaries='0 2'>Most rooms</span> <span class='review-span highlight' data-aligned-summaries='2'>tend to be a little small</span> but <span class='review-span highlight' data-aligned-summaries='0'>are</span> <span class='review-span highlight' data-aligned-summaries='0 3'>generally a pretty good value</span>. <span class='review-span highlight' data-aligned-summaries='4'>They provide a breakfast which unfortunately is only bread/toast and jelly/jam</span> but there are plaves to eat nearby. <span class='review-span highlight' data-aligned-summaries='5'>They also offer free wireless internet</span>.</div><div class='text-box'>I stayed at this just last week. Great place to stay, <span class='review-span highlight' data-aligned-summaries='4 5'>free</span> <span class='review-span highlight' data-aligned-summaries='4'>breakfast</span> and <span class='review-span highlight' data-aligned-summaries='5'>internet</span>. Just have to wait for everyone to log off so you can get on. Even books to read if you don't want to sightsee in a number of languages. Coffee and tea available all the time as well - free! Really close to everything as well.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0 3'>very good value for money</span>. great location, great service, great room, <span class='review-span highlight' data-aligned-summaries='4'>great breakfast</span> wish there was one of these hotels in every city</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">The price of staying at this hotel was reasonable.</span> <span id="1" class="summary-sentence">The hotel is located in the city centre and right next to a canal.</span> <span id="2" class="summary-sentence">The rooms of the hotel can be small and with little beds.</span> <span id="3" class="summary-sentence">The rooms are good value and are clean and well furnished.</span> <span id="4" class="summary-sentence">The continental breakfast was a bit limited but it did taste great and it was provided by the hotel for free.</span> <span id="5" class="summary-sentence">The hotel did provide free internet access.</span> <span id="6" class="summary-sentence">However, be warned of the steep stairs if you have heavy luggage.</span> <span id="7" class="summary-sentence">The hotel is gay friendly, but there are homosexual pornographic materials left out in public areas.</span></div></div>
74
+ <script>
75
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
76
+ sentence.addEventListener('mouseenter', function() {
77
+ const summaryId = this.getAttribute('id');
78
+ document.querySelectorAll('.review-span').forEach(span => {
79
+ if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
80
+ span.classList.remove('highlight');
81
+ span.classList.add('not-hover-highlight');
82
+ }
83
+ });
84
+ this.classList.add('highlight');
85
+ });
86
+
87
+ sentence.addEventListener('mouseleave', function() {
88
+ const summaryId = this.getAttribute('id');
89
+ document.querySelectorAll('.review-span').forEach(span => {
90
+ if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
91
+ span.classList.remove('not-hover-highlight');
92
+ span.classList.add('highlight');
93
+ }
94
+ this.classList.remove('highlight');
95
+ });
96
+ });
97
+ });
98
+
99
+ document.querySelectorAll('.review-span').forEach(span => {
100
+ span.addEventListener('mouseenter', function() {
101
+ document.querySelectorAll('.review-span').forEach(span => {
102
+ if (span !== this) {
103
+ span.classList.remove('highlight');
104
+ span.classList.add('not-hover-highlight');
105
+ }
106
+ });
107
+ const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
108
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
109
+ if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
110
+ sentence.classList.add('highlight');
111
+ }
112
+ });
113
+ });
114
+ });
115
+
116
+ document.querySelectorAll('.review-span').forEach(span => {
117
+ span.addEventListener('mouseleave', function() {
118
+ const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
119
+ document.querySelectorAll('.review-span').forEach(span => {
120
+ if (span !== this) {
121
+ span.classList.remove('not-hover-highlight');
122
+ span.classList.add('highlight');
123
+ }
124
+ });
125
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
126
+ if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
127
+ sentence.classList.remove('highlight');
128
+ }
129
+ });
130
+ });
131
+ });
132
+
133
+ </script>
134
+ </body>
135
+ </html>
html_files/train/CocoTrip-test_cont-inst_6_a_summ_1.html ADDED
@@ -0,0 +1,135 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+
2
+ <!DOCTYPE html>
3
+ <html lang="en">
4
+ <head>
5
+ <meta charset="UTF-8">
6
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
+ <title>Document Review</title>
8
+ <style>
9
+ body {
10
+ font-family: Arial, sans-serif;
11
+ display: flex;
12
+ justify-content: center; /* This will center the .reviews container on the screen */
13
+ align-items: flex-start;
14
+ height: 100vh;
15
+ margin: 2px; /* Remove default margin */
16
+ }
17
+
18
+ .highlight { background-color: yellow;
19
+ color: black !important; /* Dark grey for muted text */
20
+ cursor: pointer;}
21
+ .not-hover-highlight { background-color: lightyellow;
22
+ color: #606060 !important; /* Dark grey for muted text */}
23
+ .summary {
24
+ width: 50%;
25
+ font-size: 1.0rem;
26
+ padding: 10px;
27
+ height: 100vh; /* Maximum height to a third of the viewport height */
28
+ background-color: #9e9e9e0a;
29
+ }
30
+ .reviews {
31
+ width: 50%;
32
+ font-size: 0.7rem;
33
+ display: flex;
34
+ flex-wrap: wrap;
35
+ padding: 10px;
36
+ max-height: 100vh; /* Maximum height to a third of the viewport height */
37
+ overflow-y: auto; /* Enable vertical scrolling */
38
+ background-color: #9e9e9e0a; /* Light grey background */
39
+ }
40
+ .text-box {
41
+ width: calc(100% - 20px); /* Adjust based on padding */
42
+ margin: 10px;
43
+ padding: 10px;
44
+ background-color: #9e9e9e0a; /* Light grey background */
45
+ color: #606060bf;
46
+ border: 2px solid #ddd; /* Cartoonish border */
47
+ border-radius: 20px; /* Rounded corners for cartoonish effect */
48
+ position: relative;
49
+ box-shadow: 3px 3px #bbb; /* Soft shadow for depth */
50
+ }
51
+ .text-box:before {
52
+ content: '';
53
+ position: absolute;
54
+ right: 100%;
55
+ bottom: 20%;
56
+ border-top: 10px solid transparent;
57
+ border-bottom: 10px solid transparent;
58
+ border-right: 10px solid #ddd; /* Arrow matching the border */
59
+ }
60
+ .summary-box {
61
+ padding: 10px;
62
+ margin: 10px 0;
63
+ background-color: #e6e6fa; /* Lavender background for a pleasant look */
64
+ border: 1px solid #ddd; /* Light border for definition */
65
+ border-radius: 5px; /* Slightly rounded corners */
66
+ box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* Soft shadow for depth */
67
+ cursor: pointer;
68
+ }
69
+ h4 { margin-top: 0; }
70
+ </style>
71
+ </head>
72
+ <body>
73
+ <div class='column reviews'><h2>Reviews</h2><div class='text-box'>Returned yesterday from a 2 night stay at the Hotel New Amsterdam with my wife and 11 year old son and have to say <span class='review-span highlight' data-aligned-summaries='1'>what a joy it was,from the initial welcoming cup of tea to the final goodbye it was a superb experience</span>. <span class='review-span highlight' data-aligned-summaries='2'>The hotel is very centrally located</span> just a 10 minute walk from the Central Station and next to a charming canal and although <span class='review-span highlight' data-aligned-summaries='3 6'>the rooms</span> <span class='review-span highlight' data-aligned-summaries='6'>are on the small side(we had the mini-suite in the loft which had a tricky low ceiling! and generally traditional Amsterdam hotels are on the small side)</span> they <span class='review-span highlight' data-aligned-summaries='3'>are beautifully decorated and very cosy with high quality furnishings</span>.<span class='review-span highlight' data-aligned-summaries='7'>Just look out for the steep stairs if you have large suitcases it can be hard work</span>! <span class='review-span highlight' data-aligned-summaries='4 5'>The breakfast was</span> <span class='review-span highlight' data-aligned-summaries='4'>typically continental</span> with cold meats,cereals and a lovely selection of bread ,fresh juice and good coffee <span class='review-span highlight' data-aligned-summaries='5'>etc.served in a smart little dining room</span> with a tv showing BBC news. What set this place apart for me was the service from all the staff who went out of their way to help and make us feel special-we have used many hotels in the US and Europe and can honestly say this hotel is right at the top when it comes to service,nothing was too much trouble. Would not hesitate in returning to this hotel.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='2'>The hotel is located in Jordaan, beautiful district with very cozy restaurants</span>. <span class='review-span highlight' data-aligned-summaries='0'>The hotel has modern looks</span>, <span class='review-span highlight' data-aligned-summaries='4'>great breakfast</span>, and the staff are nice and friendly. I stayed in room 342, which is in the third floor, and has two twin beds. <span class='review-span highlight' data-aligned-summaries='1 3'>The room was OK</span>, <span class='review-span highlight' data-aligned-summaries='3'>but</span> I do have to say that <span class='review-span highlight' data-aligned-summaries='1 3'>each bed was extremely small</span>! 68 cm wide (which is very small) I actually asked the staff if this was normal, and they said that in Amsterdam hotels it is normal. Apart from this, I would recommend the hotel, but I would make sure, before making the reservation that they book you a room with normal sized beds. Oh, also, the room rate doesn't include breakfast (<span class='review-span highlight' data-aligned-summaries='4'>which was 7 euros, more or less</span>)</div><div class='text-box'>I was in this hotel during 4 days, and <span class='review-span highlight' data-aligned-summaries='1'>it was perfect</span>. Staff is really kind,they help us in any moment. <span class='review-span highlight' data-aligned-summaries='4'>Breakfast for free and also tea and coffe</span>. Internet too for free. <span class='review-span highlight' data-aligned-summaries='2'>The hotel is only 5 minutes from central station, and it is placed in the best area of Amsterdam</span>, in the city center.<span class='review-span highlight' data-aligned-summaries='3'>Very nice room, so clean</span> and beatifull with canal view. In my opinion, <span class='review-span highlight' data-aligned-summaries='0'>the hotel style is great</span>, it is different, and <span class='review-span highlight' data-aligned-summaries='0 2 6'>prices are ok</span>.<span class='review-span highlight' data-aligned-summaries='2'></span></div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='6'>Hotels in Amsterdam is not cheap</span>. <span class='review-span highlight' data-aligned-summaries='2'>This hotel has a reasonable price</span> and <span class='review-span highlight' data-aligned-summaries='2'>has an excellent location near the central station</span> but still in a very nice area, Jordaan. <span class='review-span highlight' data-aligned-summaries='3'>The rooms</span> (we chose a L) <span class='review-span highlight' data-aligned-summaries='3'>are</span> of a good size and <span class='review-span highlight' data-aligned-summaries='3'>reasonably clean</span>. <span class='review-span highlight' data-aligned-summaries='4'>The "continental breakfast" was toast and jam, with coffee or tea</span>, which was kind of a let down. But, <span class='review-span highlight' data-aligned-summaries='2'>at this price</span> and location, <span class='review-span highlight' data-aligned-summaries='2'>it's a great hotel</span>.</div><div class='text-box'>The staff were friendly and helpful. <span class='review-span highlight' data-aligned-summaries='3'>The room was comfortable</span> but small. We believe they cater for a gay market, whilst this does not bother us at all, <span class='review-span highlight' data-aligned-summaries='1'>we did find the explicit gay pornography left in the common areas</span> offensive and gave the hotel a seedy element. We would feel the same way about heterosexual material being availabe in the same way. <span class='review-span highlight' data-aligned-summaries='1'>Would not stay there again based on this</span>.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='6'>This is a small hotel</span> <span class='review-span highlight' data-aligned-summaries='2'>located about a 5 minute walk from the Central Station in a quiet neighborhood in Amsterdam</span>. <span class='review-span highlight' data-aligned-summaries='1'>The staff is friendly and the rooms are simple and clean</span>. <span class='review-span highlight' data-aligned-summaries='0 2 6'>Most rooms</span> tend to be a little small but <span class='review-span highlight' data-aligned-summaries='0 2 6'>are generally a pretty good value</span>. <span class='review-span highlight' data-aligned-summaries='4'>They provide a breakfast which unfortunately is only bread/toast and jelly/jam</span> but there are plaves to eat nearby. They also offer free wireless internet.</div><div class='text-box'>I stayed at this just last week. <span class='review-span highlight' data-aligned-summaries='1'>Great place to stay</span>, <span class='review-span highlight' data-aligned-summaries='4'>free breakfast</span> and internet. Just have to wait for everyone to log off so you can get on. Even books to read if you don't want to sightsee in a number of languages. Coffee and tea available all the time as well - free! Really <span class='review-span highlight' data-aligned-summaries='2'>close to everything</span> as well.</div><div class='text-box'>very <span class='review-span highlight' data-aligned-summaries='0 1'>good value</span> <span class='review-span highlight' data-aligned-summaries='0'>for money</span>. <span class='review-span highlight' data-aligned-summaries='1'>great location</span>, great service, <span class='review-span highlight' data-aligned-summaries='3'>great room</span>, <span class='review-span highlight' data-aligned-summaries='4'>great breakfast</span> wish there was one of these hotels in every city</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">This hotel is reasonably priced and has great style to it.</span> <span id="1" class="summary-sentence">It will provide a perfect stay.</span> <span id="2" class="summary-sentence">The hotel is centrally located therefore close to everything and for the price it really makes this hotel great.</span> <span id="3" class="summary-sentence">The rooms are very nice and clean but be sure to book a large room or you will end up with small beds.</span> <span id="4" class="summary-sentence">The hotel provided a complimentary Continental breakfast with hot drinks available at all times.</span> <span id="5" class="summary-sentence">Food is served in a reserved dining room.</span> <span id="6" class="summary-sentence">Hotels here are not cheap and very often are quite small.</span> <span id="7" class="summary-sentence">In this hotel there are quite steep stairs that make large suitcases quite hard work.</span></div></div>
74
+ <script>
75
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
76
+ sentence.addEventListener('mouseenter', function() {
77
+ const summaryId = this.getAttribute('id');
78
+ document.querySelectorAll('.review-span').forEach(span => {
79
+ if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
80
+ span.classList.remove('highlight');
81
+ span.classList.add('not-hover-highlight');
82
+ }
83
+ });
84
+ this.classList.add('highlight');
85
+ });
86
+
87
+ sentence.addEventListener('mouseleave', function() {
88
+ const summaryId = this.getAttribute('id');
89
+ document.querySelectorAll('.review-span').forEach(span => {
90
+ if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
91
+ span.classList.remove('not-hover-highlight');
92
+ span.classList.add('highlight');
93
+ }
94
+ this.classList.remove('highlight');
95
+ });
96
+ });
97
+ });
98
+
99
+ document.querySelectorAll('.review-span').forEach(span => {
100
+ span.addEventListener('mouseenter', function() {
101
+ document.querySelectorAll('.review-span').forEach(span => {
102
+ if (span !== this) {
103
+ span.classList.remove('highlight');
104
+ span.classList.add('not-hover-highlight');
105
+ }
106
+ });
107
+ const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
108
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
109
+ if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
110
+ sentence.classList.add('highlight');
111
+ }
112
+ });
113
+ });
114
+ });
115
+
116
+ document.querySelectorAll('.review-span').forEach(span => {
117
+ span.addEventListener('mouseleave', function() {
118
+ const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
119
+ document.querySelectorAll('.review-span').forEach(span => {
120
+ if (span !== this) {
121
+ span.classList.remove('not-hover-highlight');
122
+ span.classList.add('highlight');
123
+ }
124
+ });
125
+ document.querySelectorAll('.summary-sentence').forEach(sentence => {
126
+ if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
127
+ sentence.classList.remove('highlight');
128
+ }
129
+ });
130
+ });
131
+ });
132
+
133
+ </script>
134
+ </body>
135
+ </html>