Hugging Face's logo

Spaces:
lovodkin93
/
FuseReviews
Running

App Files Community
1
lovodkin93 commited on
Commit
c525221
·
verified ·
1 Parent(s): 72f5cb0

Upload 100 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-few_comm-summ_0.html +135 -0
  2. html_files/train/CocoTrip-few_comm-summ_1.html +135 -0
  3. html_files/train/CocoTrip-few_comm-summ_10.html +135 -0
  4. html_files/train/CocoTrip-few_comm-summ_11.html +135 -0
  5. html_files/train/CocoTrip-few_comm-summ_12.html +135 -0
  6. html_files/train/CocoTrip-few_comm-summ_13.html +135 -0
  7. html_files/train/CocoTrip-few_comm-summ_14.html +135 -0
  8. html_files/train/CocoTrip-few_comm-summ_15.html +135 -0
  9. html_files/train/CocoTrip-few_comm-summ_16.html +135 -0
  10. html_files/train/CocoTrip-few_comm-summ_17.html +135 -0
  11. html_files/train/CocoTrip-few_comm-summ_18.html +135 -0
  12. html_files/train/CocoTrip-few_comm-summ_19.html +135 -0
  13. html_files/train/CocoTrip-few_comm-summ_2.html +135 -0
  14. html_files/train/CocoTrip-few_comm-summ_20.html +135 -0
  15. html_files/train/CocoTrip-few_comm-summ_21.html +135 -0
  16. html_files/train/CocoTrip-few_comm-summ_22.html +135 -0
  17. html_files/train/CocoTrip-few_comm-summ_23.html +135 -0
  18. html_files/train/CocoTrip-few_comm-summ_24.html +135 -0
  19. html_files/train/CocoTrip-few_comm-summ_25.html +135 -0
  20. html_files/train/CocoTrip-few_comm-summ_26.html +135 -0
  21. html_files/train/CocoTrip-few_comm-summ_27.html +135 -0
  22. html_files/train/CocoTrip-few_comm-summ_28.html +135 -0
  23. html_files/train/CocoTrip-few_comm-summ_29.html +135 -0
  24. html_files/train/CocoTrip-few_comm-summ_3.html +135 -0
  25. html_files/train/CocoTrip-few_comm-summ_30.html +135 -0
  26. html_files/train/CocoTrip-few_comm-summ_31.html +135 -0
  27. html_files/train/CocoTrip-few_comm-summ_32.html +135 -0
  28. html_files/train/CocoTrip-few_comm-summ_33.html +135 -0
  29. html_files/train/CocoTrip-few_comm-summ_34.html +135 -0
  30. html_files/train/CocoTrip-few_comm-summ_35.html +135 -0
  31. html_files/train/CocoTrip-few_comm-summ_36.html +135 -0
  32. html_files/train/CocoTrip-few_comm-summ_37.html +135 -0
  33. html_files/train/CocoTrip-few_comm-summ_38.html +135 -0
  34. html_files/train/CocoTrip-few_comm-summ_39.html +135 -0
  35. html_files/train/CocoTrip-few_comm-summ_4.html +135 -0
  36. html_files/train/CocoTrip-few_comm-summ_40.html +135 -0
  37. html_files/train/CocoTrip-few_comm-summ_41.html +135 -0
  38. html_files/train/CocoTrip-few_comm-summ_42.html +135 -0
  39. html_files/train/CocoTrip-few_comm-summ_43.html +135 -0
  40. html_files/train/CocoTrip-few_comm-summ_44.html +135 -0
  41. html_files/train/CocoTrip-few_comm-summ_45.html +135 -0
  42. html_files/train/CocoTrip-few_comm-summ_46.html +135 -0
  43. html_files/train/CocoTrip-few_comm-summ_47.html +135 -0
  44. html_files/train/CocoTrip-few_comm-summ_48.html +135 -0
  45. html_files/train/CocoTrip-few_comm-summ_49.html +135 -0
  46. html_files/train/CocoTrip-few_comm-summ_5.html +135 -0
  47. html_files/train/CocoTrip-few_comm-summ_50.html +135 -0
  48. html_files/train/CocoTrip-few_comm-summ_51.html +135 -0
  49. html_files/train/CocoTrip-few_comm-summ_52.html +135 -0
  50. html_files/train/CocoTrip-few_comm-summ_53.html +135 -0
html_files/train/CocoTrip-few_comm-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 place can be summed up in one word . flawless ! Located across the street from the most beautiful beach in Key West - Smathers Beach and literally 1.7 miles from Duval street it is prefect! The service was fantastic, the grounds are very well kept, with a cool pool. and the piece de Resistance . the room - comfortable, huge, it is literally the size of a small apartment, with a small kitchenette, a dining table a huge couch and and super comfortable bed, oh yeah and the bathroom is also pretty darn big. We had a magical weekend staying here and every went on without a hitch, good laid back service at a very reasonable price. <span class='review-span highlight' data-aligned-summaries='0'>This is the place to stay in Key West</span>. Since we brought our bikes, we did not have to move our car at all in the 3 days we were there, Duval street is just a short ride from the hotel. don't own a bike? Or don't feel like shipping them down with you ? No problem, the hotel has plenty of bikes for rent as well.</div><div class='text-box'>The hotel has a great location, across from the beach and away from Duval street, but a free shuttle every hour into town and airport. Rooms are all suites large and comfortable with microwave and wet bars, living room areas , well designed space with pocket doors to close off the bedroom for privacy. Comfortable beds and nice vanity area, lots of storage space. We were a large group and treated very well. The restaurant <span class='review-span highlight' data-aligned-summaries='0'>staff was particularly accomodating</span>. As people in our group trickled into the restaurant , we kept adding to tables, asked for separate checks etc and it was never a problem. Many of us asked for a late checkout last minute and they accomodated as many as possible. Pool was heated and lovely, a hot tub in the corner. Restaurant closed at 9 and bar at 11pm, a little early for our crowd and Key West but that is my only complaint.</div><div class='text-box'>The hotel was decorated beautifully for X-mas and I loved the Palm trees with Christmas lights! <span class='review-span highlight' data-aligned-summaries='0'>The staff was very helpful</span> and <span class='review-span highlight' data-aligned-summaries='0'>friendly</span>. The rate was what is to be expected for Key West, right by the airport! The beach is across the street from the hotel with multiple activities for one to participate in. Since the hotel is out of the was a smidge, they offer shuttles, numerous shuttles to all the hot spots in Key West. The rooms were beautiful, and very clean, unless you looked directly behind the toilet, which could use a little extra scrubbing. I would stay here again, tomorrow!</div><div class='text-box'>The hotel is an all suite hotel so the rooms were very spacious and allowed us to kick back in our room mid afternoons and mornings. If you like a slower pace and a public beach across the street, <span class='review-span highlight' data-aligned-summaries='0'>this is a good place to stay</span>. You will have to drive or take the shuttle to Duval Street area and the shuttle is only once an hour. Parking in the Duval Street area will cost from $10 to $35 per day.</div><div class='text-box'>I took my girlfriend here for a long weekend and to propose. The hotel was great, obviously, it wasn't a St Regis or even a Westin, but it was very nice, very functional and enjoyable. The food and services were VERY expensive. I thought they took care of us well even though we were staying on points for free.</div><div class='text-box'>This hotel has huge rooms and bathrooms and is in a great location across from the beach and close to the airport. Great food in the restaurant and <span class='review-span highlight' data-aligned-summaries='0'>staff is wonderful! I highly recommend to anyone</span> needing some extra space and doesnt care about being downtown!</div><div class='text-box'>Large, modern, clean rooms across from one of the few beaches in Key West. While far from downtown, this <span class='review-span highlight' data-aligned-summaries='0'>hotel offers a lot of comfort</span>, a nice little pool, and regular shuttle service. We <span class='review-span highlight' data-aligned-summaries='0'>would stay there again</span>!</div><div class='text-box'>We went to enjoy Key West and our daughters were so excited and <span class='review-span highlight' data-aligned-summaries='0'>this motel was a complete disappointment</span>! <span class='review-span highlight' data-aligned-summaries='0'>Dirty, unsafe</span>, only thing really redone was the lobby! Elevators were very scary, our daughters would not even ride without us.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">The hotel is recommended and the staff there were friendly and helpful 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-few_comm-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 place can be summed up in one word . flawless ! Located across the street from the most beautiful beach in Key West - Smathers Beach and literally 1.7 miles from Duval street it is prefect! <span class='review-span highlight' data-aligned-summaries='0'>The service was fantastic</span>, the grounds are very well kept, with a cool pool. and the piece de Resistance . the room - comfortable, huge, it is literally the size of a small apartment, with a small kitchenette, a dining table a huge couch and and super comfortable bed, oh yeah and the bathroom is also pretty darn big. We had a magical weekend staying here and every went on without a hitch, good laid back service at a very reasonable price. This is the place to stay in Key West. Since we brought our bikes, we did not have to move our car at all in the 3 days we were there, Duval street is just a short ride from the hotel. don't own a bike? Or don't feel like shipping them down with you ? No problem, the hotel has plenty of bikes for rent as well.</div><div class='text-box'>The hotel has a great location, across from the beach and away from Duval street, but a free shuttle every hour into town and airport. Rooms are all suites large and comfortable with microwave and wet bars, living room areas , well designed space with pocket doors to close off the bedroom for privacy. Comfortable beds and nice vanity area, lots of storage space. We were a large group and treated very well. The restaurant staff was particularly accomodating. As people in our group trickled into the restaurant , we kept adding to tables, asked for separate checks etc and it was never a problem. <span class='review-span highlight' data-aligned-summaries='0'>Many of us asked for a late checkout last minute and they accomodated as many as possible</span>. Pool was heated and lovely, a hot tub in the corner. Restaurant closed at 9 and bar at 11pm, a little early for our crowd and Key West but that is my only complaint.</div><div class='text-box'>The hotel was decorated beautifully for X-mas and I loved the Palm trees with Christmas lights! <span class='review-span highlight' data-aligned-summaries='0'>The staff was very helpful and friendly</span>. The rate was what is to be expected for Key West, right by the airport! The beach is across the street from the hotel with multiple activities for one to participate in. Since the hotel is out of the was a smidge, they offer shuttles, numerous shuttles to all the hot spots in Key West. The rooms were beautiful, and very clean, unless you looked directly behind the toilet, which could use a little extra scrubbing. I would stay here again, tomorrow!</div><div class='text-box'>The hotel is an all suite hotel so the rooms were very spacious and allowed us to kick back in our room mid afternoons and mornings. If you like a slower pace and a public beach across the street, this is a good place to stay. You will have to drive or take the shuttle to Duval Street area and the shuttle is only once an hour. Parking in the Duval Street area will cost from $10 to $35 per day.</div><div class='text-box'>I took my girlfriend here for a long weekend and to propose. <span class='review-span highlight' data-aligned-summaries='0'>The hotel was great</span>, obviously, it wasn't a St Regis or even a Westin, but it was very nice, very functional and enjoyable. The food and services were VERY expensive. <span class='review-span highlight' data-aligned-summaries='0'>I thought they took care of us well</span> even though we were staying on points for free.</div><div class='text-box'>This hotel has huge rooms and bathrooms and is in a great location across from the beach and close to the airport. Great food in the restaurant and <span class='review-span highlight' data-aligned-summaries='0'>staff is wonderful</span>! I <span class='review-span highlight' data-aligned-summaries='0'>highly recommend</span> to anyone needing some extra space and doesnt care about being downtown!</div><div class='text-box'>Large, modern, clean rooms across from one of the few beaches in Key West. While far from downtown, this hotel offers a lot of comfort, a nice little pool, and regular shuttle service. <span class='review-span highlight' data-aligned-summaries='0'>We would stay there again</span>!</div><div class='text-box'>We went to enjoy Key West and our daughters were so excited and this motel was a complete disappointment! Dirty, unsafe, only thing really redone was the lobby! Elevators were very scary, our daughters would not even ride without us.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">This hotel is highly recommended especially because the staff provide a good service that is both friendly and always 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-few_comm-summ_10.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'>If you are looking for complete peace, beauty, and relaxation away from the crazy commercialism of Cancun, this is the place. The resort is located only 45 minutes south of the Cancun airport and the resort will arrange for transportation to and from the airport for you. <span class='review-span highlight' data-aligned-summaries='0'>The staff is very friendly and welcoming and will go out of their way to assist you with whatever you may need</span>. The property itself is very beautiful and landscaped throughout with lush gardens. It is as close to paradise as one can get. Mahekal is in walking distance of 5th Avenue (main strip for shopping, restaraunts, etc.) Mahekal has a wonderful wedding planner on staff who helped arrange everything for my wedding from the flowers to the hair dresser, photographer and priest. <span class='review-span highlight' data-aligned-summaries='1'>The resort and beach is beautiful</span>, the food is outstanding, the people are extremely friendly and welcoming, the atmosphere is completely relaxing. Without a doubt, this is one of the most amazing experiences I have ever had and am looking forward to going back again this year.and hopefully many more to come.</div><div class='text-box'>A most relaxing holiday spot.the staff worked so hard to repair the hurricane damage,but in such a unobtrusive way that one's stay there was not impaired in the least.<span class='review-span highlight' data-aligned-summaries='1'>The beach area</span> was always tidy,ample beds and shade,good service at all times and <span class='review-span highlight' data-aligned-summaries='1'>the room was directly facing the sand.blissful.I</span> confess I didn't want to do anything but take to my sunbed,read,swim,bask and take refreshment.I felt secure there at all times;there was always an attendant around even at night but again without having a strong-arm presence.<span class='review-span highlight' data-aligned-summaries='0'>The hotel guests were obviously having a good time;the friendly approach of the dining attendants ensured this at meal-times</span>.The towels in the rooms were "sculptured" into an array of animals,with a new piece of artwork appearing at every room service. And as a final touch.on the morning of our departure,we were given a breakfast box;this contained appetising food and drink. I cannot recommend this hotel highly enough.a credit to Mexico and a jewel in the Yucatan!</div><div class='text-box'>My wife and I really enjoyed the Mahekal - the <span class='review-span highlight' data-aligned-summaries='0'>staff was</span> very <span class='review-span highlight' data-aligned-summaries='0'>friendly</span>, food was excellent, rooms very comfortable. This is a very low-key facility - rooms do not have TVs, radios or even clocks - but the beds are comfortable and the showers work well. We stayed in the Garden area which was quite nice - and still <span class='review-span highlight' data-aligned-summaries='1'>only a short walk to the beach</span>. Every room has a sheltered porch with two hammocks and a table and chairs. The location is near (a couple of blocks away) from the main shopping street. The beach is well maintained. All-in-all, a very nice place and a good value. A few complaints - could use better internet accessibility and some of the hotels in the area have music blasting a bit too loudly at times.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>16 years and still coming back</span>. It is such a fun, laid back, wonderfully relaxing place without a phone in your room or a tv blaring in your ear. Kids around the pool, adults talking, the sound of wind, waves, and yet it is quiet. Excellent staff, food, and you sit next to the ocean or inside comfort.it is not at all like an all inclusive, thank goodness. It is specially unique.</div><div class='text-box'>Clean hotel rooms, large tiled bathrooms, fans and air conditioning make for excellent cabana-like rooms. Each equipped with two hammocks for <span class='review-span highlight' data-aligned-summaries='1'>a lazy day at the beach</span>. The sand is clean and pure, the food is excellent (2 meals a day are inclusive) and the location is central to every shop, restaurant and anything else you could want. This is truely a diamond in the rough.</div><div class='text-box'>Can't say enough about this place. We spent five days there and didn't want to leave. The atmosphere enables you to truly escape the realities of life. <span class='review-span highlight' data-aligned-summaries='0'>Staff was incredibly friendly and helpful</span>. <span class='review-span highlight' data-aligned-summaries='0'>We'll be back</span>!</div><div class='text-box'>This is a great place to stay! <span class='review-span highlight' data-aligned-summaries='1'>Everything was perfect, from the gorgeous beach</span>, 2 big pools, to the ping pong tables. Everyone can find something to enjoy! We loved it!</div><div class='text-box'>Terrific place to stay, quite, good food unbelievable beach. Close to shopping and restaurants. <span class='review-span highlight' data-aligned-summaries='0'>Staff is</span> the best, always <span class='review-span highlight' data-aligned-summaries='0'>happy and willing to help</span> in any way. .</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">Staff in this hotel are always very helpful as well as friendly, which will definitely make you want to come back.</span> <span id="1" class="summary-sentence">The hotel is located just a short walk away from the beach, 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-few_comm-summ_11.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'>If you are looking for complete peace, beauty, and relaxation away from the crazy commercialism of Cancun, this is the place. The resort is located only 45 minutes south of the Cancun airport and the resort will arrange for transportation to and from the airport for you. The <span class='review-span highlight' data-aligned-summaries='0'>staff is very friendly</span> and welcoming and <span class='review-span highlight' data-aligned-summaries='0'>will go out of their way to assist you</span> with whatever you may need. The property itself is very beautiful and landscaped throughout with lush gardens. It is as close to paradise as one can get. Mahekal is in walking distance of 5th Avenue (main strip for shopping, restaraunts, etc.) Mahekal has a wonderful wedding planner on staff who helped arrange everything for my wedding from the flowers to the hair dresser, photographer and priest. The resort and beach is beautiful, the food is outstanding, the people are extremely friendly and welcoming, the atmosphere is completely relaxing. Without a doubt, this is one of the most amazing experiences I have ever had and am looking forward to going back again this year.and hopefully many more to come.</div><div class='text-box'>A most relaxing holiday spot.the staff worked so hard to repair the hurricane damage,but in such a unobtrusive way that one's stay there was not impaired in the least.The beach area was always tidy,ample beds and shade,good service at all times and the room was directly facing the sand.blissful.I confess I didn't want to do anything but take to my sunbed,read,swim,bask and take refreshment.I felt secure there at all times;there was always an attendant around even at night but again without having a strong-arm presence.The hotel guests were obviously having a good <span class='review-span highlight' data-aligned-summaries='0'>time;the friendly approach of the dining attendants</span> ensured this at meal-times.The towels in the rooms were "sculptured" into an array of animals,with a new piece of artwork appearing at every room service. And as a final touch.on the morning of our departure,we were given a breakfast box;this contained appetising food and drink. I cannot recommend this hotel highly enough.a credit to Mexico and a jewel in the Yucatan!</div><div class='text-box'>My wife and I really enjoyed the Mahekal - <span class='review-span highlight' data-aligned-summaries='0'>the staff was very friendly</span>, food was excellent, rooms very comfortable. This is a very low-key facility - rooms do not have TVs, radios or even clocks - but the beds are comfortable and the showers work well. We stayed in the Garden area which was quite nice - and still only a short walk to the beach. Every room has a sheltered porch with two hammocks and a table and chairs. The location is near (a couple of blocks away) from the main shopping street. The beach is well maintained. All-in-all, a very nice place and a good value. A few complaints - could use better internet accessibility and some of the hotels in the area have music blasting a bit too loudly at times.</div><div class='text-box'>16 years and still coming back. It is such a fun, laid back, wonderfully relaxing place without a phone in your room or a tv blaring in your ear. Kids around the pool, adults talking, the sound of wind, waves, and yet it is quiet. <span class='review-span highlight' data-aligned-summaries='0'>Excellent staff</span>, food, and you sit next to the ocean or inside comfort.it is not at all like an all inclusive, thank goodness. It is specially unique.</div><div class='text-box'>Clean hotel rooms, large tiled bathrooms, fans and air conditioning make for excellent cabana-like rooms. Each equipped with two hammocks for a lazy day at the beach. The sand is clean and pure, the food is excellent (2 meals a day are inclusive) and the location is central to every shop, restaurant and anything else you could want. This is truely a diamond in the rough.</div><div class='text-box'>Can't say enough about this place. We spent five days there and didn't want to leave. The atmosphere enables you to truly escape the realities of life. <span class='review-span highlight' data-aligned-summaries='0'>Staff was</span> incredibly <span class='review-span highlight' data-aligned-summaries='0'>friendly</span> and <span class='review-span highlight' data-aligned-summaries='0'>helpful</span>. We'll be back!</div><div class='text-box'>This is a great place to stay! Everything was perfect, from the gorgeous beach, 2 big pools, to the ping pong tables. Everyone can find something to enjoy! We loved it!</div><div class='text-box'>Terrific place to stay, quite, good food unbelievable beach. Close to shopping and restaurants. <span class='review-span highlight' data-aligned-summaries='0'>Staff</span> is the best, <span class='review-span highlight' data-aligned-summaries='0'>always</span> happy and <span class='review-span highlight' data-aligned-summaries='0'>willing to help in any way</span>. .</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">The staff at this hotel is very friendly 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-few_comm-summ_12.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'>We made a trip through Europe by car and stayed for two nights in this charming hotel. The hotel is as close as can be to the (as far as I know) only public parking on the island, so we did not have to drag luggage through the entire city center, a serious advantage considering that, at night, you can spot desperate travellers pulling their bags over the bridges, swearing and sweating. The hotel is a charme, located in an old monastery with a beautiful garden, a large bar in the old refectory (with an intact pulpit). Kids slept (4 & 7) with us in a large room with high ceilings, clean with good beds. The guys at the reception are friendly and funny. The breakfast was rich. The station of the grand canal "vaporetto" is very close by, as is in fact the entire city center. Overall, a greate place to stay, visiting Venice with our without small children (and certainly if you came by car).</div><div class='text-box'>I stayed at this hotel for 7 nights. If you like luxury, I wouldn't stay here but it was a great value for the price. The location is great and <span class='review-span highlight' data-aligned-summaries='0'>the staff are very helpful</span>. It is only a block from train station and one of the main lines of the vaporetti so you can always catch a boat back home. It does get flooded but the hotel has boots for you to borrow. The breakfast was okay, it is a standard European continental breakfast. The lobby also has free wireless and you can borrow one of their laptops.</div><div class='text-box'>Great hotel, conveniently located near the train station, no need to struggle with luggage on the boats. Easy to get to anywhere else. <span class='review-span highlight' data-aligned-summaries='0'>Staff were</span> great and <span class='review-span highlight' data-aligned-summaries='0'>very helpful in all respects</span>. Room was great, plenty of space (although we did get an upgrade for our anniversary present) Breakfast in the garden a must. Note this is the only hotel I have ever stayed in (and that is a lot) where the mini bar prices seem to be more favourable than outside. (Odd but true) Would definitely stay here again.</div><div class='text-box'>Great location close to the station but still in a quiet backwater. Perfect for exploring Venice. Friendly and <span class='review-span highlight' data-aligned-summaries='0'>helpful staff</span> - the free map was very welcome! Small but perfectly adequate room - no view but then I wasn't paying for one! Charming garden for breakfast. Air conditioning very welcome during sizzling August.</div><div class='text-box'>We stayed for four nights at the Hotel Abbazia and couldn't have been more impressed. The rooms were huge and very clean, breakfast was wonderful and <span class='review-span highlight' data-aligned-summaries='0'>the staff could not have been more helpful or pleasant</span>. It was very convenient to the ACTV and the train station.</div><div class='text-box'>The hotel provides an excellent service for the site seeing traveller. It is in a great location right next to the station. <span class='review-span highlight' data-aligned-summaries='0'>The staff were</span> very friendly and <span class='review-span highlight' data-aligned-summaries='0'>helpful</span>. The rooms are basic but spacious and clean. We would certainly recomend this hotel!</div><div class='text-box'>We loved staying at Hotel Abbazia as it is good value for money, <span class='review-span highlight' data-aligned-summaries='0'>staff are very friendly & helpful</span>, lovely breakfast and good location near the Grand Canal and St Lucia station. Good, reasonably priced food venues handy too.</div><div class='text-box'>Just returned from a second stay in the Abbazia. Hotel staff very friendly. Could not fault anything. Great location and yet so quiet (well apart from the church bell!). Just lovely!</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 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-few_comm-summ_13.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'>We made a trip through Europe by car and stayed for two nights in this charming hotel. <span class='review-span highlight' data-aligned-summaries='0'>The hotel is as close as can be to the</span> (as far as I know) <span class='review-span highlight' data-aligned-summaries='0'>only public parking on the island</span>, so we did not have to drag luggage through the entire city center, a serious advantage considering that, at night, you can spot desperate travellers pulling their bags over the bridges, swearing and sweating. <span class='review-span highlight' data-aligned-summaries='0'>The hotel is</span> a charme, <span class='review-span highlight' data-aligned-summaries='0'>located in an old monastery with a beautiful garden</span>, a large bar in the old refectory (with an intact pulpit). Kids slept (4 & 7) with us in a large room with high ceilings, clean with good beds. The guys at the reception are friendly and funny. The breakfast was rich. The station of the grand canal "vaporetto" is very close by, as is in fact the entire city center. Overall, a greate place to stay, visiting Venice with our without small children (and certainly if you came by car).</div><div class='text-box'>I stayed at this hotel for 7 nights. If you like luxury, I wouldn't stay here but it was a great value for the price. <span class='review-span highlight' data-aligned-summaries='0'>The location is great and the staff are very helpful</span>. It is only a block from train station and one of the main lines of the vaporetti so you can always catch a boat back home. It does get flooded but the hotel has boots for you to borrow. The breakfast was okay, it is a standard European continental breakfast. The lobby also has free wireless and you can borrow one of their laptops.</div><div class='text-box'>Great hotel, <span class='review-span highlight' data-aligned-summaries='0'>conveniently located</span> near the train station, no need to struggle with luggage on the boats. Easy to get to anywhere else. <span class='review-span highlight' data-aligned-summaries='0'>Staff were great and very helpful</span> in all respects. Room was great, plenty of space (although we did get an upgrade for our anniversary present) Breakfast in the garden a must. Note this is the only hotel I have ever stayed in (and that is a lot) where the mini bar prices seem to be more favourable than outside. (Odd but true) Would definitely stay here again.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>Great location</span> close to the station but still in a quiet backwater. Perfect for exploring Venice. Friendly and <span class='review-span highlight' data-aligned-summaries='0'>helpful staff</span> - the free map was very welcome! Small but perfectly adequate room - no view but then I wasn't paying for one! Charming garden for breakfast. Air conditioning very welcome during sizzling August.</div><div class='text-box'>We stayed for four nights at the Hotel Abbazia and couldn't have been more impressed. The rooms were huge and very clean, breakfast was wonderful and the <span class='review-span highlight' data-aligned-summaries='0'>staff could not have been more helpful</span> or pleasant. It was <span class='review-span highlight' data-aligned-summaries='0'>very convenient to the ACTV and the train station</span>.</div><div class='text-box'>The hotel provides an excellent service for the site seeing traveller. <span class='review-span highlight' data-aligned-summaries='0'>It is in a great location</span> right next to the station. <span class='review-span highlight' data-aligned-summaries='0'>The staff were</span> very friendly and <span class='review-span highlight' data-aligned-summaries='0'>helpful</span>. The rooms are basic but spacious and clean. We would certainly recomend this hotel!</div><div class='text-box'>We loved staying at Hotel Abbazia as it is good value for money, <span class='review-span highlight' data-aligned-summaries='0'>staff are</span> very friendly & <span class='review-span highlight' data-aligned-summaries='0'>helpful</span>, lovely breakfast and <span class='review-span highlight' data-aligned-summaries='0'>good location</span> near the Grand Canal and St Lucia station. Good, reasonably priced food venues handy too.</div><div class='text-box'>Just returned from a second stay in the Abbazia. <span class='review-span highlight' data-aligned-summaries='0'>Hotel staff very friendly</span>. Could not fault anything. <span class='review-span highlight' data-aligned-summaries='0'>Great location</span> and yet so quiet (<span class='review-span highlight' data-aligned-summaries='0'>well apart from the church bell</span>!). Just lovely!</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">Not only is this hotel greatly located but there are some great employees working here because they're so 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-few_comm-summ_14.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'>We made a trip through Europe by car and stayed for two nights in this charming hotel. <span class='review-span highlight' data-aligned-summaries='0'>The hotel is as close as can be to the</span> (as far as I know) <span class='review-span highlight' data-aligned-summaries='0'>only public parking on the island, so we did not have to drag luggage through the entire city center, a serious advantage</span> considering that, at night, you can spot desperate travellers pulling their bags over the bridges, swearing and sweating. The hotel is a charme, located in an old monastery with a beautiful garden, a large bar in the old refectory (with an intact pulpit). Kids slept (4 & 7) with us in a large room with high ceilings, clean with good beds. The guys at the reception are friendly and funny. The breakfast was rich. The station of the grand canal "vaporetto" is very close by, as is in fact the entire city center. Overall, a greate place to stay, visiting Venice with our without small children (and certainly if you came by car).</div><div class='text-box'>I stayed at this hotel for 7 nights. If you like luxury, I wouldn't stay here but it was a great value for the price. <span class='review-span highlight' data-aligned-summaries='0'>The location is great and the staff are very helpful</span>. It is only a block from train station and one of the main lines of the vaporetti so you can always catch a boat back home. It does get flooded but the hotel has boots for you to borrow. The breakfast was okay, it is a standard European continental breakfast. The lobby also has free wireless and you can borrow one of their laptops.</div><div class='text-box'>Great hotel, <span class='review-span highlight' data-aligned-summaries='0'>conveniently located</span> near the train station, no need to struggle with luggage on the boats. Easy to get to anywhere else. <span class='review-span highlight' data-aligned-summaries='0'>Staff were</span> great and very <span class='review-span highlight' data-aligned-summaries='0'>helpful</span> in all respects. Room was great, plenty of space (although we did get an upgrade for our anniversary present) Breakfast in the garden a must. Note this is the only hotel I have ever stayed in (and that is a lot) where the mini bar prices seem to be more favourable than outside. (Odd but true) Would definitely stay here again.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>Great location close to the station</span> but still in a quiet backwater. Perfect for exploring Venice. Friendly and <span class='review-span highlight' data-aligned-summaries='0'>helpful staff</span> - the free map was very welcome! Small but perfectly adequate room - no view but then I wasn't paying for one! Charming garden for breakfast. Air conditioning very welcome during sizzling August.</div><div class='text-box'>We stayed for four nights at the Hotel Abbazia and couldn't have been more impressed. The rooms were huge and very clean, breakfast was wonderful and the <span class='review-span highlight' data-aligned-summaries='0'>staff could not have been more helpful</span> or pleasant. It was very <span class='review-span highlight' data-aligned-summaries='0'>convenient to the ACTV and the train station</span>.</div><div class='text-box'>The hotel provides an excellent service for the site seeing traveller. <span class='review-span highlight' data-aligned-summaries='0'>It is in a great location</span> right next to the station. <span class='review-span highlight' data-aligned-summaries='0'>The staff were very friendly and helpful</span>. The rooms are basic but spacious and clean. We would certainly recomend this hotel!</div><div class='text-box'>We loved staying at Hotel Abbazia as it is good value for money, <span class='review-span highlight' data-aligned-summaries='0'>staff are very</span> friendly & <span class='review-span highlight' data-aligned-summaries='0'>helpful</span>, lovely breakfast and <span class='review-span highlight' data-aligned-summaries='0'>good location near the Grand Canal and St Lucia station</span>. Good, reasonably priced food venues handy too.</div><div class='text-box'>Just returned from a second stay in the Abbazia. Hotel staff very friendly. Could not fault anything. <span class='review-span highlight' data-aligned-summaries='0'>Great location</span> and yet so quiet (<span class='review-span highlight' data-aligned-summaries='0'>well apart from the church bell</span>!). Just lovely!</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">This hotel is in a great location and the staff is 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-few_comm-summ_15.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'>Okay after all the rave reviews of other guests I was expecting amazing. Guaranteed we had the crapiest weather over the NYE period, but we had paid for a package deal and half of what we paid for we never saw, they took some money off the final bill but even still what was outlined in our package was not included. The staff were aloof; one gentleman behind the counter was very approachable however the rest were rather aloof. The room was probably the smallest we had stayed in ad had a slanting roof which proved extremely difficult to move around as you were continually hunched over. <span class='review-span highlight' data-aligned-summaries='0'>The staff were not overly interested in what you did and in informing you of anything to do or see</span>, which was quite disappointing after the fantastic experiences we had had in Rome and Florence. Maybe this is the service you receive when you go to Flashy hotels and if this is the case then I am happily never going to a fancy hotel again - midrange hotels for me (better value for money)</div><div class='text-box'>My wife and I returned to this superbly placed hotel for a wonderful four day break. (100 metres from St Marco). Right from the start, whilst making my reservation by phone, Jacopo made me feel welcome, and this wonderful service contiued throughout our stay. The resturant for breakfast is right on the lagoon and to sit outside in the sunshine and start your day with a plentiful multi choice breakfast is a pure joy. This lovely Hotel helped make our trip to this very special city all the more enjoyable. Our room was not large but perfectly equipped. A Lagoon view would have made it even better (maybe next time) I am sure there will be a next time, and definately at Savoia and Jolanda.</div><div class='text-box'>We stayed here for three nights in January 2004 as part of our honeymoon and we loved it. We did request a balcony room as recommended on trip advisor. It was beautiful a perfect view of the grand canal. It s location was perfect three doors away from the bridge of Sighs and 200 m from St. Marks Square. The room was plush , exposed beams, tastefully decorated but a bit disappointed that there was no bath in the bathroom. and room (or suite as it was called) was small by suite standards.1 room.(Bed with a couch and table) I would highly recommend it if you wanted to splash out for a special occassion it is a bit pricey.</div><div class='text-box'>In the middle of everthing. St. Marks, Museums, anf fine restarants. I really believe I could spend the rest of my life in this most beautiful city. The hotel and staff are magnificent. We have stayed there on two separate trips now and look forward to the third soon. My wife just loves to get lost waling the canals and alleways. Wonderful breakfast at the hotel as well. Steps away fro the San Zaccaria vaparetto stop.</div><div class='text-box'>The hotel is very conveniently located from the San Marco stop and faces the Grand Canal. <span class='review-span highlight' data-aligned-summaries='0'>The staff were not necessarily friendly, but they were not rude either. They were helpful</span> in giving us information and directions as well as storing our luggage after checkout so we could explore a bit before our scheduled time of departure. We were pleasantly surprised when we returned after dinner to find turn down service and chocolates on our pillows :-)</div><div class='text-box'>what a beautiful place looking out onto the St giorgio magiore church island. The rooms with views are quite expensive.but venice is a precious place with very little space. the restaurant is good (especially the free breakfast).but explore the many small trattorias, restaurants, and pannini bars.for much better though. the best value compared to cipriani, hilton danelli etc.would highly recommend</div><div class='text-box'>Definately the best bed i've slept during our vacation, rooms immaculates, wide choice at the restaurant for breakfast(homemade cakes!). More then central position facing the san marco basin.5 stars!</div><div class='text-box'>The location was great and the <span class='review-span highlight' data-aligned-summaries='0'>employees were very helpful</span>.My ronn did not have a great view but it was very beautifuly decorated.I was on the second floor facing an alley.</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 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-few_comm-summ_16.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'>Okay after all the rave reviews of other guests I was expecting amazing. Guaranteed we had the crapiest weather over the NYE period, but we had paid for a package deal and half of what we paid for we never saw, they took some money off the final bill but even still what was outlined in our package was not included. The staff were aloof; one gentleman behind the counter was very approachable however the rest were rather aloof. The room was probably the smallest we had stayed in ad had a slanting roof which proved extremely difficult to move around as you were continually hunched over. <span class='review-span highlight' data-aligned-summaries='0'>The staff were not overly interested in what you did and in informing you of anything to do or see</span>, which was quite disappointing after the fantastic experiences we had had in Rome and Florence. Maybe this is the service you receive when you go to Flashy hotels and if this is the case then I am happily never going to a fancy hotel again - midrange hotels for me (better value for money)</div><div class='text-box'>My wife and I returned to this superbly placed hotel for a wonderful four day break. (100 metres from St Marco). Right from the start, whilst making my reservation by phone, Jacopo made me feel welcome, and this wonderful service contiued throughout our stay. The resturant for breakfast is right on the lagoon and to sit outside in the sunshine and start your day with a plentiful multi choice breakfast is a pure joy. This lovely Hotel helped make our trip to this very special city all the more enjoyable. Our room was not large but perfectly equipped. A Lagoon view would have made it even better (maybe next time) I am sure there will be a next time, and definately at Savoia and Jolanda.</div><div class='text-box'>We stayed here for three nights in January 2004 as part of our honeymoon and we loved it. We did request a balcony room as recommended on trip advisor. It was beautiful a perfect view of the grand canal. <span class='review-span highlight' data-aligned-summaries='0'>It s location was perfect three doors away from the bridge of Sighs and 200 m from St. Marks Square</span>. The room was plush , exposed beams, tastefully decorated but a bit disappointed that there was no bath in the bathroom. and room (or suite as it was called) was small by suite standards.1 room.(Bed with a couch and table) I would highly recommend it if you wanted to splash out for a special occassion it is a bit pricey.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>In the middle of everthing</span>. St. Marks, Museums, anf fine restarants. I really believe I could spend the rest of my life in this most beautiful city. The hotel and <span class='review-span highlight' data-aligned-summaries='0'>staff are magnificent</span>. We have stayed there on two separate trips now and look forward to the third soon. My wife just loves to get lost waling the canals and alleways. Wonderful breakfast at the hotel as well. Steps away fro the San Zaccaria vaparetto stop.</div><div class='text-box'>The <span class='review-span highlight' data-aligned-summaries='0'>hotel is very conveniently located</span> from the San Marco stop and faces the Grand Canal. The staff were not necessarily friendly, but they were not rude either. <span class='review-span highlight' data-aligned-summaries='0'>They were helpful in giving us information and directions as well as storing our luggage after checkout so we could explore a bit</span> before our scheduled time of departure. We were pleasantly surprised when we returned after dinner to find turn down service and chocolates on our pillows :-)</div><div class='text-box'>what a beautiful place looking out onto the St giorgio magiore church island. The rooms with views are quite expensive.but venice is a precious place with very little space. the restaurant is good (especially the free breakfast).but explore the many small trattorias, restaurants, and pannini bars.for much better though. the best value compared to cipriani, hilton danelli etc.would highly recommend</div><div class='text-box'>Definately the best bed i've slept during our vacation, rooms immaculates, wide choice at the restaurant for breakfast(homemade cakes!). More then <span class='review-span highlight' data-aligned-summaries='0'>central position</span> facing the san marco basin.5 stars!</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>The location was great</span> and <span class='review-span highlight' data-aligned-summaries='0'>the employees were very helpful</span>.My ronn did not have a great view but it was very beautifuly decorated.I was on the second floor facing an alley.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">Not only is this hotel greatly located but there are some great employees working here because they're so 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-few_comm-summ_17.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'>Okay after all the rave reviews of other guests I was expecting amazing. Guaranteed we had the crapiest weather over the NYE period, but we had paid for a package deal and half of what we paid for we never saw, they took some money off the final bill but even still what was outlined in our package was not included. The staff were aloof; one gentleman behind the counter was very approachable however the rest were rather aloof. The room was probably the smallest we had stayed in ad had a slanting roof which proved extremely difficult to move around as you were continually hunched over. The <span class='review-span highlight' data-aligned-summaries='0'>staff were not overly interested</span> in what you did and <span class='review-span highlight' data-aligned-summaries='0'>in informing you of anything</span> to do or see, which was quite disappointing after the fantastic experiences we had had in Rome and Florence. Maybe this is the service you receive when you go to Flashy hotels and if this is the case then I am happily never going to a fancy hotel again - midrange hotels for me (better value for money)</div><div class='text-box'>My wife and I returned to this <span class='review-span highlight' data-aligned-summaries='0'>superbly placed hotel</span> for a wonderful four day break. (100 metres from St Marco). Right from the start, whilst making my reservation by phone, Jacopo made me feel welcome, and this <span class='review-span highlight' data-aligned-summaries='0'>wonderful service</span> contiued <span class='review-span highlight' data-aligned-summaries='0'>throughout our stay</span>. The resturant for breakfast is right on the lagoon and to sit outside in the sunshine and start your day with a plentiful multi choice breakfast is a pure joy. This lovely Hotel helped make our trip to this very special city all the more enjoyable. Our room was not large but perfectly equipped. A Lagoon view would have made it even better (maybe next time) I am sure there will be a next time, and definately at Savoia and Jolanda.</div><div class='text-box'>We stayed here for three nights in January 2004 as part of our honeymoon and we loved it. We did request a balcony room as recommended on trip advisor. It was beautiful a perfect view of the grand canal. <span class='review-span highlight' data-aligned-summaries='0'>It s location was perfect</span> three doors away from the bridge of Sighs and 200 m from St. Marks Square. The room was plush , exposed beams, tastefully decorated but a bit disappointed that there was no bath in the bathroom. and room (or suite as it was called) was small by suite standards.1 room.(Bed with a couch and table) I would highly recommend it if you wanted to splash out for a special occassion it is a bit pricey.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>In the middle of everthing</span>. St. Marks, Museums, anf fine restarants. I really believe I could spend the rest of my life in this most beautiful city. <span class='review-span highlight' data-aligned-summaries='0'>The hotel and staff are magnificent</span>. We have stayed there on two separate trips now and look forward to the third soon. My wife just loves to get lost waling the canals and alleways. Wonderful breakfast at the hotel as well. Steps away fro the San Zaccaria vaparetto stop.</div><div class='text-box'>The <span class='review-span highlight' data-aligned-summaries='0'>hotel is very conveniently located</span> from the San Marco stop and faces the Grand Canal. The staff were not necessarily friendly, but they were not rude either. <span class='review-span highlight' data-aligned-summaries='0'>They were helpful</span> in giving us information and directions as well as storing our luggage after checkout so we could explore a bit before our scheduled time of departure. We were pleasantly surprised when we returned after dinner to find turn down service and chocolates on our pillows :-)</div><div class='text-box'>what a beautiful place looking out onto the St giorgio magiore church island. The rooms with views are quite expensive.but venice is a precious place with very little space. the restaurant is good (especially the free breakfast).but explore the many small trattorias, restaurants, and pannini bars.for much better though. the best value compared to cipriani, hilton danelli etc.would highly recommend</div><div class='text-box'>Definately the best bed i've slept during our vacation, rooms immaculates, wide choice at the restaurant for breakfast(homemade cakes!). More then central position facing the san marco basin.5 stars!</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>The location was great and the employees were very helpful</span>.My ronn did not have a great view but it was very beautifuly decorated.I was on the second floor facing an alley.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">This hotel is in a great location and the staff is 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-few_comm-summ_18.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'>We stepped off the train and walked past all the taxi drivers and touts and 3 minutes later we were in the reception of the Apollo Hotel. <span class='review-span highlight' data-aligned-summaries='1'>The receptionist</span> was fluent in English and <span class='review-span highlight' data-aligned-summaries='1'>explained all the functions of the hotel in a clear and concise manner</span>. We found breakfast to be a typical Continental style with bread , ham , eggs and jam . The coffee machine was excellent and we had plenty of time to sit and watch those around us eat and admire the views. <span class='review-span highlight' data-aligned-summaries='0'>The location was handy for the trams and the subway</span> and we also walked to the Coloseum from the hotel and it was a pleasant 20 minute walk. For a 3 star hotel it was a pleasant experience and we will repeat again when next in Rome</div><div class='text-box'>Third time staying at this quaint family owned and operated hotel - and just as enjoyable a stay as previous visits! <span class='review-span highlight' data-aligned-summaries='0'>Located in centro storico Roma within view of the mighty Roman coloseum. There are plenty of little restaurants, coffee shops, and tiny grocery stores in the vicinity</span>. A tasty buffet breakfast is served each morning in the rooftop terrace dining room - including custom made delicious cappucini! :) Many, many thanks to the delightful family and staff of Hotel Apollo. We appreciate all your kind care & thoughtfulness. We look forward to our next trip to Rome and again staying at your hotel!</div><div class='text-box'>Stayed here for five nights back in October last year. <span class='review-span highlight' data-aligned-summaries='0'>Hotel is in a great location allowing you to walk to all the main attractions and explore, rather than having to rely on public transport</span>. Breakfast of pastries, fruit and cereals etc being served on the roof terrace is a great way to start the day and there are plenty of restaurants near by. Really good friendly staff, very clean and tidy. Can't rate the Apollo enough, will definitely stay again.</div><div class='text-box'>I stayed at this hotel for 5 nights at the end of May 2010. The hotel is at a very central location, within 10 minutes walk to Colosseum. But the room is very small. The shower place is tiny. I am a tiny person. But I could hardly turn myself when I am in the shower place. The bed is small and there are holes in the bed sheet. The breakfast is reasonable, but not exciting.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>We selected this hotel because of the location</span>. It was great. We did not stayed at the hotel itself but in an apartment some corners away. It was big, clean and had all that we were looking for. Lots of restaurants, <span class='review-span highlight' data-aligned-summaries='0'>a metro stop in front</span> (Cavour) and the colisseum just some minutes away. When going back to Rome for sure we will stay again in this hotel.</div><div class='text-box'>We stayed at the Apollo in the end of July. What can I say?! Excellent hotel, friendly and <span class='review-span highlight' data-aligned-summaries='1'>helpful stuff</span>, really good breakfast especially cakes and cappucino in a big cup. <span class='review-span highlight' data-aligned-summaries='0'>7 minutes walk to Colloseum</span> and 15 to Trevi Fountain. Nicely decorated spacious room with big bathroom. When I'm in Rome next time I would definetely stay in this Hotel!</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>Good location</span> and bedrooms where a very nice size. Breakfast on the roof was a good variety and tasty food. The only bad thing I can say is that the geaser broke and we were without cold water on our 3rd day, but that could happen to anybody. <span class='review-span highlight' data-aligned-summaries='1'>Always somebody available at reception to help</span>.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>Great location.walking distance from Coloseum</span>. The small pizza place next door.is a must place to take out.Night staff did not speak English.but day staff did. <span class='review-span highlight' data-aligned-summaries='1'>They arranged a cab for us.who was there ahead of time</span>.Breakfast was heavenly.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">The hotel is ideally located and good for local public transportation.</span> <span id="1" class="summary-sentence">The staff at the hotel were very 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-few_comm-summ_19.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'>We stepped off the train and walked past all the taxi drivers and touts and 3 minutes later we were in the reception of the Apollo Hotel. <span class='review-span highlight' data-aligned-summaries='1'>The receptionist</span> was fluent in English and <span class='review-span highlight' data-aligned-summaries='1'>explained all the functions of the hotel in a clear and concise manner</span>. We found breakfast to be a typical Continental style with bread , ham , eggs and jam . The coffee machine was excellent and we had plenty of time to sit and watch those around us eat and admire the views. <span class='review-span highlight' data-aligned-summaries='0'>The location was handy</span> for the trams and the subway and we also walked to the Coloseum from the hotel and it was a pleasant 20 minute walk. For a 3 star hotel it was a pleasant experience and we will repeat again when next in Rome</div><div class='text-box'>Third time staying at this quaint family owned and operated hotel - and just as enjoyable a stay as previous visits! <span class='review-span highlight' data-aligned-summaries='0'>Located</span> in centro storico Roma <span class='review-span highlight' data-aligned-summaries='0'>within view of the mighty Roman coloseum</span>. There are plenty of little restaurants, coffee shops, and tiny grocery stores in the vicinity. A tasty buffet breakfast is served each morning in the rooftop terrace dining room - including custom made delicious cappucini! :) Many, many thanks to the <span class='review-span highlight' data-aligned-summaries='1'>delightful</span> family and <span class='review-span highlight' data-aligned-summaries='1'>staff</span> of Hotel Apollo. We <span class='review-span highlight' data-aligned-summaries='1'>appreciate</span> all your <span class='review-span highlight' data-aligned-summaries='1'>kind care & thoughtfulness</span>. We look forward to our next trip to Rome and again staying at your hotel!</div><div class='text-box'>Stayed here for five nights back in October last year. <span class='review-span highlight' data-aligned-summaries='0'>Hotel is in a great location</span> allowing you to walk to all the main attractions and explore, rather than having to rely on public transport. Breakfast of pastries, fruit and cereals etc being served on the roof terrace is a great way to start the day and there are plenty of restaurants near by. <span class='review-span highlight' data-aligned-summaries='1'>Really good friendly staff</span>, very clean and tidy. Can't rate the Apollo enough, will definitely stay again.</div><div class='text-box'>I stayed at this hotel for 5 nights at the end of May 2010. <span class='review-span highlight' data-aligned-summaries='0'>The hotel is at a very central location</span>, within 10 minutes walk to Colosseum. But the room is very small. The shower place is tiny. I am a tiny person. But I could hardly turn myself when I am in the shower place. The bed is small and there are holes in the bed sheet. The breakfast is reasonable, but not exciting.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>We selected this hotel because of the location. It was great</span>. We did not stayed at the hotel itself but in an apartment some corners away. It was big, clean and had all that we were looking for. Lots of restaurants, <span class='review-span highlight' data-aligned-summaries='0'>a metro stop in front</span> (Cavour) and the colisseum just some minutes away. When going back to Rome for sure we will stay again in this hotel.</div><div class='text-box'>We stayed at the Apollo in the end of July. What can I say?! Excellent hotel, <span class='review-span highlight' data-aligned-summaries='1'>friendly and helpful stuff</span>, really good breakfast especially cakes and cappucino in a big cup. 7 minutes walk to Colloseum and 15 to Trevi Fountain. Nicely decorated spacious room with big bathroom. When I'm in Rome next time I would definetely stay in this Hotel!</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>Good location</span> and bedrooms where a very nice size. Breakfast on the roof was a good variety and tasty food. The only bad thing I can say is that the geaser broke and we were without cold water on our 3rd day, but that could happen to anybody. <span class='review-span highlight' data-aligned-summaries='1'>Always somebody available at reception</span> to help.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>Great location.walking distance from Coloseum</span>. The small pizza place next door.is a must place to take out.Night staff did not speak English.but <span class='review-span highlight' data-aligned-summaries='1'>day staff</span> did. They <span class='review-span highlight' data-aligned-summaries='1'>arranged a cab for us.who</span> was there ahead of time.Breakfast was heavenly.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">This hotel is wonderfully located and there is a metro station opposite the hotel.</span> <span id="1" class="summary-sentence">The hotel's staff were absolutely wonderful and took great care of everyone the moment they arrived.</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-few_comm-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 place can be summed up in one word . flawless ! Located across the street from the most beautiful beach in Key West - Smathers Beach and literally 1.7 miles from Duval street it is prefect! <span class='review-span highlight' data-aligned-summaries='0'>The service was fantastic</span>, the grounds are very well kept, with a cool pool. and the piece de Resistance . the room - comfortable, huge, it is literally the size of a small apartment, with a small kitchenette, a dining table a huge couch and and super comfortable bed, oh yeah and the bathroom is also pretty darn big. We had a magical weekend staying here and every went on without a hitch, good laid back service at a very reasonable price. This is the place to stay in Key West. Since we brought our bikes, we did not have to move our car at all in the 3 days we were there, Duval street is just a short ride from the hotel. don't own a bike? Or don't feel like shipping them down with you ? No problem, the hotel has plenty of bikes for rent as well.</div><div class='text-box'>The hotel has a great location, across from the beach and away from Duval street, but a free shuttle every hour into town and airport. Rooms are all suites large and comfortable with microwave and wet bars, living room areas , well designed space with pocket doors to close off the bedroom for privacy. Comfortable beds and nice vanity area, lots of storage space. We were a large group and treated very well. The restaurant <span class='review-span highlight' data-aligned-summaries='0'>staff was particularly accomodating</span>. As people in our group trickled into the restaurant , we kept adding to tables, asked for separate checks etc and it was never a problem. Many of us asked for a late checkout last minute and they accomodated as many as possible. Pool was heated and lovely, a hot tub in the corner. Restaurant closed at 9 and bar at 11pm, a little early for our crowd and Key West but that is my only complaint.</div><div class='text-box'>The hotel was decorated beautifully for X-mas and I loved the Palm trees with Christmas lights! <span class='review-span highlight' data-aligned-summaries='0'>The staff was very helpful and friendly</span>. The rate was what is to be expected for Key West, right by the airport! The beach is across the street from the hotel with multiple activities for one to participate in. Since the hotel is out of the was a smidge, they offer shuttles, numerous shuttles to all the hot spots in Key West. The rooms were beautiful, and very clean, unless you looked directly behind the toilet, which could use a little extra scrubbing. I would stay here again, tomorrow!</div><div class='text-box'>The hotel is an all suite hotel so the rooms were very spacious and allowed us to kick back in our room mid afternoons and mornings. If you like a slower pace and a public beach across the street, this is a good place to stay. You will have to drive or take the shuttle to Duval Street area and the shuttle is only once an hour. Parking in the Duval Street area will cost from $10 to $35 per day.</div><div class='text-box'>I took my girlfriend here for a long weekend and to propose. The hotel was great, obviously, it wasn't a St Regis or even a Westin, but it was very nice, very functional and enjoyable. The food and services were VERY expensive. <span class='review-span highlight' data-aligned-summaries='0'>I thought they took care of us well</span> even though we were staying on points for free.</div><div class='text-box'>This hotel has huge rooms and bathrooms and is in a great location across from the beach and close to the airport. Great food in the restaurant and staff is wonderful! I highly recommend to anyone needing some extra space and doesnt care about being downtown!</div><div class='text-box'>Large, modern, clean rooms across from one of the few beaches in Key West. While far from downtown, this hotel offers a lot of comfort, a nice little pool, and regular shuttle service. We would stay there again!</div><div class='text-box'>We went to enjoy Key West and our daughters were so excited and this motel was a complete disappointment! Dirty, unsafe, only thing really redone was the lobby! Elevators were very scary, our daughters would not even ride without us.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">The staff at this hotel is 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-few_comm-summ_20.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'>We stepped off the train and walked past all the taxi drivers and touts and 3 minutes later we were in the reception of the Apollo Hotel. <span class='review-span highlight' data-aligned-summaries='1'>The receptionist was fluent in English and explained all the functions of the hotel in a clear and concise manner</span>. We found breakfast to be a typical Continental style with bread , ham , eggs and jam . The coffee machine was excellent and we had plenty of time to sit and watch those around us eat and admire the views. <span class='review-span highlight' data-aligned-summaries='0'>The location was handy for the trams and the subway</span> and we also walked to the Coloseum from the hotel and it was a pleasant 20 minute walk. For a 3 star hotel it was a pleasant experience and we will repeat again when next in Rome</div><div class='text-box'>Third time staying at this quaint family owned and operated hotel - and just as enjoyable a stay as previous visits! Located in centro storico Roma within view of the mighty Roman coloseum. There are plenty of little restaurants, coffee shops, and tiny grocery stores in the vicinity. A tasty buffet breakfast is served each morning in the rooftop terrace dining room - including custom made delicious cappucini! :) Many, <span class='review-span highlight' data-aligned-summaries='1'>many thanks to the delightful family and staff</span> of Hotel Apollo. We appreciate all your kind care & thoughtfulness. We look forward to our next trip to Rome and again staying at your hotel!</div><div class='text-box'>Stayed here for five nights back in October last year<span class='review-span highlight' data-aligned-summaries='0'>. Hotel is in a great location</span> allowing you to walk to all the main attractions and explore, rather than having to rely on public transport. Breakfast of pastries, fruit and cereals etc being served on the roof terrace is a great way to start the day and there are plenty of restaurants near by. <span class='review-span highlight' data-aligned-summaries='1'>Really good friendly staff</span>, very clean and tidy. Can't rate the Apollo enough, will definitely stay again.</div><div class='text-box'>I stayed at this hotel for 5 nights at the end of May 2010. The <span class='review-span highlight' data-aligned-summaries='0'>hotel is at a very central location</span>, within 10 minutes walk to Colosseum. But the room is very small. The shower place is tiny. I am a tiny person. But I could hardly turn myself when I am in the shower place. The bed is small and there are holes in the bed sheet. The breakfast is reasonable, but not exciting.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>We selected this hotel because of the location. It was great</span>. We did not stayed at the hotel itself but in an apartment some corners away. It was big, clean and had all that we were looking for. Lots of restaurants, a metro stop in front (Cavour) and the colisseum just some minutes away. When going back to Rome for sure we will stay again in this hotel.</div><div class='text-box'>We stayed at the Apollo in the end of July. What can I say?! Excellent hotel, <span class='review-span highlight' data-aligned-summaries='1'>friendly</span> and <span class='review-span highlight' data-aligned-summaries='1'>helpful stuff</span>, really good breakfast especially cakes and cappucino in a big cup. 7 minutes walk to Colloseum and 15 to Trevi Fountain. Nicely decorated spacious room with big bathroom. When I'm in Rome next time I would definetely stay in this Hotel!</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>Good location</span> and bedrooms where a very nice size. Breakfast on the roof was a good variety and tasty food. The only bad thing I can say is that the geaser broke and we were without cold water on our 3rd day, but that could happen to anybody. Always somebody available at reception to help.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>Great location.walking</span> distance from Coloseum. The small pizza place next door.is a must place to take out.Night staff did not speak English.but day staff did. They <span class='review-span highlight' data-aligned-summaries='1'>arranged a cab for us.who</span> was there <span class='review-span highlight' data-aligned-summaries='1'>ahead of time</span>.Breakfast was heavenly.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">This hotel is in a great location within walking distance to the trains, trams and subway.</span> <span id="1" class="summary-sentence">The staff at this hotel are very efficient and thoughtful towards their guests and help where they can.</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-few_comm-summ_21.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'>We stayed at the Raffaello for three nights. The <span class='review-span highlight' data-aligned-summaries='0'>hotel is</span> in a safe area and <span class='review-span highlight' data-aligned-summaries='0'>within walking distance to</span> the Colosseum and <span class='review-span highlight' data-aligned-summaries='0'>the Termini</span>. The rooms were very clean but the shower was incredibly small. If you are over 6 foot you probably won't fit. <span class='review-span highlight' data-aligned-summaries='1'>Personnel</span> at the desk <span class='review-span highlight' data-aligned-summaries='1'>were</span> very friendly and <span class='review-span highlight' data-aligned-summaries='1'>helpful</span> with all our questions, directions, and requests for taxi service. Breakfast was excellent, the best we had during our 12 day travels throughout Italy, and included scrambled eggs daily. One day, however, a lady had her purse stolen while at the breakfast buffet. Someone must have come in from the outside, blended in with the crowd, and made off with the purse. If I return to Italy I would try to stay nearer the Campo de Fiori area for the night life and restaurants.</div><div class='text-box'>We stayed five nights in the Hotel Raffaello in June. It was an absolute pleasure from the time we were checked in by Angelo until our departure. We had been conned by a taxi driver out of 90 for a 10 fare and of course were upset upon arrival. But Angelo was fabulous and we stayed in the room with the balcony, which was a great size. We were there to get engaged and as I had mentioned that to Angelo, within ten minutes of getting into our room a bottle of champagne was delivered up to us. The staff are absolutely lovely and I will recommend this hotel to anyone I know travelling to Rome. We hated to leave. To all of the staff in Hotel Raffaello, thank you for your kindness.</div><div class='text-box'>We found the Raffaello hotel to meet all our needs. The room was very comfortable and even enjoyed the jacuzzi shower once we worked out how to use it! <span class='review-span highlight' data-aligned-summaries='0'>The location is excellent, 5 mins away from the Termini</span> and the Colosseum and an easy walk to all other tourist locations. Especially enjoyed the breakfast which offered an assortment of pastries, cold meats, bread, scrambled eggs, fruit and cake. Yum Yum! Amazing cappuccino's!</div><div class='text-box'>Because of a mistake on my part, I had to cancel the day of our arrival at the last minute. After explaining my problem they took car of the change without charges. <span class='review-span highlight' data-aligned-summaries='1'>We cannot rave enough about the service from the front desk staff and the wonderful treatment by the two women in the breakfast room</span>. The rooms were roomy and beyond clean. We think this is a hidden gem in Rome. Joe & Bev Wood Macungie PA</div><div class='text-box'>Excellent location if you want to consider somewhere close enough to the main train terminus to walk to/back, and near the main tube line as well as the historic sites. The room was very pleasant no noise, and breakfast was simple but substantive. <span class='review-span highlight' data-aligned-summaries='0'>The hotel</span> is also near to the large supermarket which may be used to make lunch to help reduce costs on the long days walks ahead. <span class='review-span highlight' data-aligned-summaries='0'>Great centre overall to base your visit</span></div><div class='text-box'>Clean, comfortable room with good wi-fi connection. <span class='review-span highlight' data-aligned-summaries='1'>Staff was very</span> friendly and <span class='review-span highlight' data-aligned-summaries='1'>helpful</span>. As mentioned by other reviewers, <span class='review-span highlight' data-aligned-summaries='0'>close to the train station</span> and colosseum, a bit distant to Campo de' Fiore, Piazza Navona, etc. Other comparable hotels were more expensive, so this was a very good value. Solid 3 star type of hotel.</div><div class='text-box'>A wonderful <span class='review-span highlight' data-aligned-summaries='0'>hotel</span>, <span class='review-span highlight' data-aligned-summaries='0'>accessible to all historic attractions</span> friendly family with very good SERVICE warm atmosphere. <span class='review-span highlight' data-aligned-summaries='1'>The staff were very helpful</span>. Felt like home</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>Great location</span>. <span class='review-span highlight' data-aligned-summaries='1'>Friendly</span>. Good deal.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">The hotel is ideally located and good for local public transportation.</span> <span id="1" class="summary-sentence">The staff at the hotel were very 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-few_comm-summ_22.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'>We stayed at the Raffaello for three nights. <span class='review-span highlight' data-aligned-summaries='0'>The hotel is in a safe area</span> and within walking distance to the Colosseum and the Termini. The rooms were very clean but the shower was incredibly small. If you are over 6 foot you probably won't fit. <span class='review-span highlight' data-aligned-summaries='1'>Personnel at the desk were very friendly and helpful with all our questions, directions, and requests</span> for taxi service. Breakfast was excellent, the best we had during our 12 day travels throughout Italy, and included scrambled eggs daily. One day, however, a lady had her purse stolen while at the breakfast buffet. Someone must have come in from the outside, blended in with the crowd, and made off with the purse. If I return to Italy I would try to stay nearer the Campo de Fiori area for the night life and restaurants.</div><div class='text-box'>We stayed five nights in the Hotel Raffaello in June. It was an absolute pleasure from the time we were checked in by Angelo until our departure. We had been conned by a taxi driver out of 90 for a 10 fare and of course were upset upon arrival. But <span class='review-span highlight' data-aligned-summaries='1'>Angelo was fabulous</span> and we stayed in the room with the balcony, which was a great size. We were there to get engaged and as I had mentioned that to Angelo, within ten minutes of getting into our room a bottle of champagne was delivered up to us. <span class='review-span highlight' data-aligned-summaries='1'>The staff are absolutely lovely</span> and I will recommend this hotel to anyone I know travelling to Rome. We hated to leave. <span class='review-span highlight' data-aligned-summaries='1'>To all of the staff in Hotel Raffaello, thank you for your kindness</span>.</div><div class='text-box'>We found the Raffaello hotel to meet all our needs. The room was very comfortable and even enjoyed the jacuzzi shower once we worked out how to use it! <span class='review-span highlight' data-aligned-summaries='0'>The location is excellent, 5 mins away from the Termini and the Colosseum and an easy walk to all other tourist locations</span>. Especially enjoyed the breakfast which offered an assortment of pastries, cold meats, bread, scrambled eggs, fruit and cake. Yum Yum! Amazing cappuccino's!</div><div class='text-box'>Because of a mistake on my part, I had to cancel the day of our arrival at the last minute. After explaining my problem they took car of the change without charges. <span class='review-span highlight' data-aligned-summaries='1'>We cannot rave enough about the service from the front desk staff and the wonderful treatment by the two women in the breakfast room</span>. The rooms were roomy and beyond clean. We think this is a hidden gem in Rome. Joe & Bev Wood Macungie PA</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>Excellent location</span> if you want to consider somewhere <span class='review-span highlight' data-aligned-summaries='0'>close</span> enough <span class='review-span highlight' data-aligned-summaries='0'>to the main train terminus</span> to walk to/back, and near the main tube line as well as the historic sites. The room was very pleasant no noise, and breakfast was simple but substantive. The hotel is also near to the large supermarket which may be used to make lunch to help reduce costs on the long days walks ahead. Great centre overall to base your visit</div><div class='text-box'>Clean, comfortable room with good wi-fi connection. <span class='review-span highlight' data-aligned-summaries='1'>Staff was very friendly and helpful</span>. As mentioned by other reviewers, <span class='review-span highlight' data-aligned-summaries='0'>close to the train station</span> and colosseum, a bit distant to Campo de' Fiore, Piazza Navona, etc. Other comparable hotels were more expensive, so this was a very good value. Solid 3 star type of hotel.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>A wonderful hotel, accessible to all historic attractions</span> <span class='review-span highlight' data-aligned-summaries='1'>friendly family with very good SERVICE</span> warm atmosphere. <span class='review-span highlight' data-aligned-summaries='1'>The staff were very helpful</span>. Felt like home</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>Great location</span>. <span class='review-span highlight' data-aligned-summaries='1'>Friendly</span>. Good deal.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">This hotel is wonderfully located and there is a metro station opposite the hotel.</span> <span id="1" class="summary-sentence">The hotel's staff were absolutely wonderful and took great care of everyone the moment they arrived.</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-few_comm-summ_23.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'>We stayed at the Raffaello for three nights. <span class='review-span highlight' data-aligned-summaries='0'>The hotel is</span> in a safe area and <span class='review-span highlight' data-aligned-summaries='0'>within walking distance to</span> the Colosseum and <span class='review-span highlight' data-aligned-summaries='0'>the Termini</span>. The rooms were very clean but the shower was incredibly small. If you are over 6 foot you probably won't fit. <span class='review-span highlight' data-aligned-summaries='1'>Personnel at the desk were very friendly and helpful with all our questions, directions, and requests for taxi service</span>. Breakfast was excellent, the best we had during our 12 day travels throughout Italy, and included scrambled eggs daily. One day, however, a lady had her purse stolen while at the breakfast buffet. Someone must have come in from the outside, blended in with the crowd, and made off with the purse. <span class='review-span highlight' data-aligned-summaries='0'>If I return to Italy I would try to stay nearer the Campo de Fiori area</span> for the night life and restaurants.</div><div class='text-box'>We stayed five nights in the Hotel Raffaello in June. It was an absolute pleasure from the time we were checked in by Angelo until our departure. We had been conned by a taxi driver out of 90 for a 10 fare and of course were upset upon arrival. But Angelo was fabulous and we stayed in the room with the balcony, which was a great size. We were there to get engaged and as I had mentioned that to Angelo, within ten minutes of getting into our room a bottle of champagne was delivered up to us. <span class='review-span highlight' data-aligned-summaries='1'>The staff are absolutely lovely</span> and I will recommend this hotel to anyone I know travelling to Rome. We hated to leave. To all of the staff in Hotel Raffaello, thank you for your kindness.</div><div class='text-box'>We found the Raffaello hotel to meet all our needs. The room was very comfortable and even enjoyed the jacuzzi shower once we worked out how to use it! The <span class='review-span highlight' data-aligned-summaries='0'>location is excellent</span>, 5 mins away from the Termini and the Colosseum and an easy walk to all other tourist locations. Especially enjoyed the breakfast which offered an assortment of pastries, cold meats, bread, scrambled eggs, fruit and cake. Yum Yum! Amazing cappuccino's!</div><div class='text-box'>Because of a mistake on my part, I had to cancel the day of our arrival at the last minute. After explaining my problem they took car of the change without charges. We cannot rave enough about the <span class='review-span highlight' data-aligned-summaries='1'>service from the front desk staff</span> and the <span class='review-span highlight' data-aligned-summaries='1'>wonderful treatment by the two women in the breakfast room</span>. The rooms were roomy and beyond clean. We think this is a hidden gem in Rome. Joe & Bev Wood Macungie PA</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>Excellent location if you want to consider somewhere close enough to the main train terminus</span> to walk to/back, and near the main tube line as well as the historic sites. The room was very pleasant no noise, and breakfast was simple but substantive. The hotel is also near to the large supermarket which may be used to make lunch to help reduce costs on the long days walks ahead. Great centre overall to base your visit</div><div class='text-box'>Clean, comfortable room with good wi-fi connection. <span class='review-span highlight' data-aligned-summaries='1'>Staff was very friendly and helpful</span>. As mentioned by other reviewers, <span class='review-span highlight' data-aligned-summaries='0'>close to the train station</span> and colosseum, a bit distant to Campo de' Fiore, Piazza Navona, etc. Other comparable hotels were more expensive, so this was a very good value. Solid 3 star type of hotel.</div><div class='text-box'>A wonderful <span class='review-span highlight' data-aligned-summaries='0'>hotel, accessible to all historic attractions</span> friendly family with very good SERVICE warm atmosphere. <span class='review-span highlight' data-aligned-summaries='1'>The staff were very helpful</span>. Felt like home</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>Great location</span>. Friendly. Good deal.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">This hotel is in a great location within walking distance to the trains, trams and subway.</span> <span id="1" class="summary-sentence">The staff at this hotel are very efficient and thoughtful towards their guests and help where they can.</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-few_comm-summ_24.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'>Since I found this place 5 years ago, whenever I go to Branson, this is where we choose. It's away from the Branson chaos, beautiful quiet location and we always choose the lakeview condos. We don't have a boat so the marina down at Indian Point it perfectly located if we get in the mood to rent something. We're opposite the Silver Dollar City traffic if we want to go into town during the day and we're less than a mile away if we want to go to the park. It may be a bit of a drive if someone is intensely interested in going downtown or on the Strip a lot but the roads are good and it's not that big a deal for me! We always stay in the 2-bedroom condos, it's such a relaxing, roomy place to stay, so much better for us than staying on the Strip.</div><div class='text-box'>We celebrated my husband's birthday with a trip to Branson and a stay at The Village. We enjoyed it very much. The view from the deck is our favorite. We have our meals on the deck and love to sit out and relax and listen to the sounds of nature, read and listen to our "tunes." Just one minor detail. We couldn't find the coffee. <span class='review-span highlight' data-aligned-summaries='0'>Everything</span> else <span class='review-span highlight' data-aligned-summaries='0'>was</span> there, <span class='review-span highlight' data-aligned-summaries='0'>handy and available</span>, but no coffee. Hopefully next time it will be available.</div><div class='text-box'>This is our second time staying at the Village at Indian Point. We are already planning to stay again next year, and bring the rest of family too. <span class='review-span highlight' data-aligned-summaries='0'>The condo was very clean and staff very friendly</span>. The only complaint that we were on the second level and the people above us were up all night long. We could hear their bed squeak when they got in and out of it. Other than that, everything was GREAT! See you next year! The Elder Family</div><div class='text-box'>We have adult children and we wanted to try out a condo for comfort and convenience. To our surprise, check in was easy even though we arrived late at night. The staff was helpful. <span class='review-span highlight' data-aligned-summaries='0'>The condo was</span> clean and <span class='review-span highlight' data-aligned-summaries='0'>comfortable</span>. The view was beautiful. I had some concerns about value for my money, but it was money well spent. We hope to return for another family weekend in the future.</div><div class='text-box'>My wife and I loved the rustic lodge look nestled amongst the trees. Our unit was tastefully decorated and well maintained. Our unit faced the lake and we enjoyed having coffee on the large covered patio. <span class='review-span highlight' data-aligned-summaries='0'>This place is much better</span> than staying in a hotel. We will definitely return.</div><div class='text-box'>Village at Indian Point is awesome! Great location on the lake, wonderful staff and nice, <span class='review-span highlight' data-aligned-summaries='0'>clean condos. The nature trails, pools, game room, hot tub and private dock sweeten the deal</span>. We love this place and will keep coming back!</div><div class='text-box'>We held a family reunion at The Village At Indian Point. <span class='review-span highlight' data-aligned-summaries='0'>The accommodations were very comfortable</span> with beautiful views. We had a great time. I would enjoy a trip back there.</div><div class='text-box'>Great location and beautiful area and scenery, <span class='review-span highlight' data-aligned-summaries='0'>Very quiet, peaceful and relaxing atmosphere!</span> Will definitely will be staying here again!</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">The hotel was very comfortable to stay at.</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-few_comm-summ_25.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'>Since I found this place 5 years ago, whenever I go to Branson, this is where we choose. It's away from the Branson chaos, beautiful quiet location and we always choose the lakeview condos. We don't have a boat so the marina down at Indian Point it perfectly located if we get in the mood to rent something. We're opposite the Silver Dollar City traffic if we want to go into town during the day and we're less than a mile away if we want to go to the park. It may be a bit of a drive if someone is intensely interested in going downtown or on the Strip a lot but the roads are good and it's not that big a deal for me! We always stay in the 2-bedroom <span class='review-span highlight' data-aligned-summaries='0'>condos</span>, it's <span class='review-span highlight' data-aligned-summaries='0'>such a</span> relaxing, <span class='review-span highlight' data-aligned-summaries='0'>roomy place to stay</span>, so much better for us than staying on the Strip.</div><div class='text-box'>We celebrated my husband's birthday with a trip to Branson and a stay at The Village. We enjoyed it very much. The view from the deck is our favorite. <span class='review-span highlight' data-aligned-summaries='0'>We have our meals on the deck and love to sit out and relax and listen to the sounds of nature, read and listen to our "tunes</span>." Just one minor detail. We couldn't find the coffee. Everything else was there, handy and available, but no coffee. Hopefully next time it will be available.</div><div class='text-box'>This is our second time staying at the Village at Indian Point. We are already planning to stay again next year, and bring the rest of family too. The condo was very clean and staff very friendly. The only complaint that we were on the second level and the people above us were up all night long. We could hear their bed squeak when they got in and out of it. Other than that, everything was GREAT! See you next year! The Elder Family</div><div class='text-box'>We have adult children and we wanted to try out a condo for comfort and convenience. To our surprise, check in was easy even though we arrived late at night. The staff was helpful. The <span class='review-span highlight' data-aligned-summaries='0'>condo was</span> clean and <span class='review-span highlight' data-aligned-summaries='0'>comfortable</span>. The view was beautiful. I had some concerns about value for my money, but it was money well spent. We hope to return for another family weekend in the future.</div><div class='text-box'>My wife and I loved the rustic lodge look nestled amongst the trees. Our <span class='review-span highlight' data-aligned-summaries='0'>unit was</span> tastefully decorated and <span class='review-span highlight' data-aligned-summaries='0'>well maintained</span>. Our <span class='review-span highlight' data-aligned-summaries='0'>unit faced the lake</span> and we enjoyed having coffee on the large covered patio. This place is much better than staying in a hotel. We will definitely return.</div><div class='text-box'>Village at Indian Point is awesome! Great location on the lake, wonderful staff and nice, clean condos. The nature trails, pools, game room, hot tub and private dock sweeten the deal. We love this place and will keep coming back!</div><div class='text-box'>We held a family reunion at The Village At Indian Point. The <span class='review-span highlight' data-aligned-summaries='0'>accommodations were very comfortable</span> with beautiful views. We had a great time. I would enjoy a trip back there.</div><div class='text-box'>Great location and beautiful area and scenery, <span class='review-span highlight' data-aligned-summaries='0'>Very quiet, peaceful and relaxing atmosphere</span>! Will definitely will be staying here again!</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">The rooms provide lots of comfort at this 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-few_comm-summ_26.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'>Since I found this place 5 years ago, whenever I go to Branson, this is where we choose. It's away from the Branson chaos, beautiful quiet location and we always choose the lakeview condos. We don't have a boat so the marina down at Indian Point it perfectly located if we get in the mood to rent something. We're opposite the Silver Dollar City traffic if we want to go into town during the day and we're less than a mile away if we want to go to the park. It may be a bit of a drive if someone is intensely interested in going downtown or on the Strip a lot but the roads are good and it's not that big a deal for me! We always stay in the 2-bedroom condos, <span class='review-span highlight' data-aligned-summaries='0'>it's such a relaxing, roomy place to stay</span>, so much better for us than staying on the Strip.</div><div class='text-box'>We celebrated my husband's birthday with a trip to Branson and a stay at The Village. We enjoyed it very much. The view from the deck is our favorite. We have our meals on the deck and love to sit out and relax and listen to the sounds of nature, read and listen to our "tunes." Just one minor detail. We couldn't find the coffee. Everything else was there, handy and available, but no coffee. Hopefully next time it will be available.</div><div class='text-box'>This is our second time staying at the Village at Indian Point. We are already planning to stay again next year, and bring the rest of family too. The condo was very clean and staff very friendly. The only complaint that we were on the second level and the people above us were up all night long. We could hear their bed squeak when they got in and out of it. Other than that, everything was GREAT! See you next year! The Elder Family</div><div class='text-box'>We have adult children and we wanted to try out a condo for comfort and convenience. To our surprise, check in was easy even though we arrived late at night. The staff was helpful. <span class='review-span highlight' data-aligned-summaries='0'>The condo was</span> clean and <span class='review-span highlight' data-aligned-summaries='0'>comfortable</span>. The view was beautiful. I had some concerns about value for my money, but it was money well spent. We hope to return for another family weekend in the future.</div><div class='text-box'>My wife and I loved the rustic lodge look nestled amongst the trees. Our <span class='review-span highlight' data-aligned-summaries='0'>unit was</span> tastefully decorated and <span class='review-span highlight' data-aligned-summaries='0'>well maintained</span>. Our unit faced the lake and we enjoyed having coffee on the <span class='review-span highlight' data-aligned-summaries='0'>large covered patio</span>. This place is much better than staying in a hotel. We will definitely return.</div><div class='text-box'>Village at Indian Point is awesome! Great location on the lake, wonderful staff and nice, <span class='review-span highlight' data-aligned-summaries='0'>clean condos</span>. The nature trails, pools, game room, <span class='review-span highlight' data-aligned-summaries='0'>hot tub and private dock</span> sweeten the deal. We love this place and will keep coming back!</div><div class='text-box'>We held a family reunion at The Village At Indian Point. <span class='review-span highlight' data-aligned-summaries='0'>The accommodations were very comfortable</span> with beautiful views. We had a great time. I would enjoy a trip back there.</div><div class='text-box'>Great location and beautiful area and scenery, Very quiet, peaceful and relaxing atmosphere! Will definitely will be staying here again!</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">The rooms at this hotel are very 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-few_comm-summ_27.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'>After reading earlier reviews I was concerned that the facilities and expereince would not be as nice as I had hoped. From the description of the room we rented I thought it would be tight quarters. I was pleasantly surprised to find the atmosphere and facilities to be excellent. We stayed in a small suite, bedroom and a pull out couch. We had plenty of <span class='review-span highlight' data-aligned-summaries='0'>room</span> and <span class='review-span highlight' data-aligned-summaries='0'>were very comfortable</span>. The pull out couch was of excellent quality and slept better than some beds I have expereinced during travels. We stayed during the John Hagee ministeries event. The Chateau staff did an excellent job handling the large crowd staying at the hotel and those that came in for the sessions. The Chateau made a nice Spring Break destination for these Michigan travelers.</div><div class='text-box'>Stayed last weekend and was disappointed over some details. Room 413 was very noisy.too close to heating/AC units. Also room was right above delivery area which contributed to the noise. <span class='review-span highlight' data-aligned-summaries='0'>Overall not a very welcoming feeling</span> at the Chateau. Coffee pot would not work and when I called to request another the woman at the front desk was rude and didn't seem to believe me. The doormen were unpleasant and wouldn't even smile, especially the one in the afternoon. I come to Branson often to visit family and for vacations and I'm sorry to say this will not be my choice of hotel in the future.</div><div class='text-box'>My husband and I stayed here before he deployed with the Army. It was so <span class='review-span highlight' data-aligned-summaries='0'>peaceful</span>. The <span class='review-span highlight' data-aligned-summaries='0'>area is beautiful</span>. The staff went out of their way to make our stay something to remember. Some of the small details of this resort really make a difference. The ice cream shop packed up banana spits for us to take to our room. The cafe restaurant had the best food. We can't wait to go back. Waking up to the chirping birds and the trickle of the water in the indoor atrium made for a nice touch.</div><div class='text-box'>First time to Branson, stayed at Chateau on the Lake. It's about 10 minutes past the main strip of Branson activities but it's worth the drive for the gorgeous views and <span class='review-span highlight' data-aligned-summaries='0'>lovely relaxing hotel</span>. For the price and service level of the hotel, I did expect to have a mini fridge (empty or stocked) but our room type (king lakeview) did not have one. We took advantage of the great weather and hotel bar and had a glass of wine out on the deck. So lovely!</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>This was everything that i could of asked for</span>. Nice people, nice scenery. it was to die for. I most definitely will be back here again! the food was expensive. but i expected that. pull is 24hours. they also had a movie theater. mainly showed kids movies but they still had one.</div><div class='text-box'>When we pick up our daughter from a nearby camp we always stay at the Chateau and get a special room service dinner. The <span class='review-span highlight' data-aligned-summaries='0'>beds are so comfortable</span> and we <span class='review-span highlight' data-aligned-summaries='0'>enjoy the room service</span> very much.</div><div class='text-box'>We went for our one year anniversary and had a fabulous time! The resort was stunning and the spa was lovely as well!</div><div class='text-box'>Everything about the resort was perfect! What a beautiful lake!</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">The hotel was very comfortable to stay at.</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-few_comm-summ_28.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'>After reading earlier reviews I was concerned that the facilities and expereince would not be as nice as I had hoped. From the description of the room we rented I thought it would be tight quarters. I was pleasantly surprised to find the atmosphere and facilities to be excellent. We stayed in a small suite, bedroom and a pull out couch. We had plenty of room and <span class='review-span highlight' data-aligned-summaries='0'>were very comfortable</span>. The pull out couch was of excellent quality and slept better than some beds I have expereinced during travels. We stayed during the John Hagee ministeries event. The Chateau staff did an excellent job handling the large crowd staying at the hotel and those that came in for the sessions. The Chateau made a nice Spring Break destination for these Michigan travelers.</div><div class='text-box'>Stayed last weekend and was disappointed over some details. <span class='review-span highlight' data-aligned-summaries='0'>Room</span> 413 <span class='review-span highlight' data-aligned-summaries='0'>was very noisy.too</span> close to heating/AC units. Also room was right above delivery area which contributed to the noise. Overall not a very welcoming feeling at the Chateau. <span class='review-span highlight' data-aligned-summaries='0'>Coffee pot would not work</span> and when I called to request another the woman at the front desk was rude and didn't seem to believe me. The doormen were unpleasant and wouldn't even smile, especially the one in the afternoon. I come to Branson often to visit family and for vacations and I'm sorry to say this will not be my choice of hotel in the future.</div><div class='text-box'>My husband and I stayed here before he deployed with the Army. It was so peaceful. The area is beautiful. The staff went out of their way to make our stay something to remember. Some of the small details of this resort really make a difference. The ice cream shop packed up banana spits for us to take to our room. The cafe restaurant had the best food. We can't wait to go back. Waking up to the chirping birds and the trickle of the water in the indoor atrium made for a nice touch.</div><div class='text-box'>First time to Branson, stayed at Chateau on the Lake. It's about 10 minutes past the main strip of Branson activities but it's worth the drive for the gorgeous views and lovely relaxing hotel. For the price and service level of the hotel, I did expect to have a mini fridge (empty or stocked) but our room type (king lakeview) did not have one. We took advantage of the great weather and hotel bar and had a glass of wine out on the deck. So lovely!</div><div class='text-box'>This was everything that i could of asked for. Nice people, nice scenery. it was to die for. I most definitely will be back here again! the food was expensive. but i expected that. pull is 24hours. they also had a movie theater. mainly showed kids movies but they still had one.</div><div class='text-box'>When we pick up our daughter from a nearby camp we always stay at the Chateau and get a special room service dinner. <span class='review-span highlight' data-aligned-summaries='0'>The beds are so comfortable</span> and we enjoy the room service very much.</div><div class='text-box'>We went for our one year anniversary and had a fabulous time! The resort was stunning and the spa was lovely as well!</div><div class='text-box'>Everything about the resort was perfect! What a beautiful lake!</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">The rooms provide lots of comfort at this 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-few_comm-summ_29.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'>After reading earlier reviews I was concerned that the facilities and expereince would not be as nice as I had hoped. From the description of the room we rented I thought it would be tight quarters. I was pleasantly surprised to find the atmosphere and facilities to be excellent. We stayed in a small suite, bedroom and a pull out couch. We had plenty of <span class='review-span highlight' data-aligned-summaries='0'>room</span> and <span class='review-span highlight' data-aligned-summaries='0'>were very comfortable</span>. The pull out couch was of excellent quality and slept better than some beds I have expereinced during travels. We stayed during the John Hagee ministeries event. The Chateau staff did an excellent job handling the large crowd staying at the hotel and those that came in for the sessions. The Chateau made a nice Spring Break destination for these Michigan travelers.</div><div class='text-box'>Stayed last weekend and was disappointed over some details. Room 413 was very noisy.too close to heating/AC units. Also room was right above delivery area which contributed to the noise. Overall not a very welcoming feeling at the Chateau. Coffee pot would not work and when I called to request another the woman at the front desk was rude and didn't seem to believe me. The doormen were unpleasant and wouldn't even smile, especially the one in the afternoon. I come to Branson often to visit family and for vacations and I'm sorry to say this will not be my choice of hotel in the future.</div><div class='text-box'>My husband and I stayed here before he deployed with the Army. It was so peaceful. The area is beautiful. The staff went out of their way to make our stay something to remember. Some of the small details of this resort really make a difference. The ice cream shop packed up banana spits for us to take to our room. The cafe restaurant had the best food. We can't wait to go back. <span class='review-span highlight' data-aligned-summaries='0'>Waking up to the chirping birds and the trickle of the water in the indoor atrium made for a nice touch.</span></div><div class='text-box'>First time to Branson, stayed at Chateau on the Lake. It's about 10 minutes past the main strip of Branson activities but it's worth the drive for the gorgeous views and lovely relaxing hotel. For the price and service level of the hotel, I did <span class='review-span highlight' data-aligned-summaries='0'>expect to have a mini fridge (empty or stocked) but our room type (king lakeview) did not have one.</span> We took advantage of the great weather and hotel bar and had a glass of wine out on the deck. So lovely!</div><div class='text-box'>This was everything that i could of asked for. Nice people, nice scenery. it was to die for. I most definitely will be back here again! the food was expensive. but i expected that. pull is 24hours. they also had a movie theater. mainly showed kids movies but they still had one.</div><div class='text-box'>When we pick up our daughter from a nearby camp we always stay at the Chateau and get a special room service dinner. The <span class='review-span highlight' data-aligned-summaries='0'>beds are so comfortable</span> and <span class='review-span highlight' data-aligned-summaries='0'>we enjoy the room</span> service very much.</div><div class='text-box'>We went for our one year anniversary and had a fabulous time! The resort was stunning and the spa was lovely as well!</div><div class='text-box'>Everything about the resort was perfect! What a beautiful lake!</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">The rooms at this hotel are very 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-few_comm-summ_3.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'>Up till today this rating could not have said enough about this hotel unbelievable pool great service at poolside bar from Ed, Zack and Gracie. except for room not cleaned till 3:30 rave reviews great beds clean updated great experience. Then today.still good service from Angela the bartender but ? bar full of local kids/angela's friends?,drinking heavily, dropping the F bomb every couple of minutes and getting loud and obnoxiousthey took up whole side of bar and most of Angela's time and sounded like they frequent the pool often so my question to the mangaement is the bar and pool for the use of your guests or the local kids. Big mistake we are the ones that pay for the rooms maybe you want to reconsider the use of the pool/ bar as for guest use. So far this is the only glitch in a wonderful stay with <span class='review-span highlight' data-aligned-summaries='0'>courteous staff</span> hopefully and anamoly. <span class='review-span highlight' data-aligned-summaries='0'>I would still highly recommend this Inn</span> and its serene setting if some rules too the bartenders are made no drunken friends monopolizing the bar one incident doesn't warrant a bad report.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>"The Inn at Key West" has accomodations at the level of roadside motels, but charges much higher prices</span>. Rooms are small, with uncomfortable beds, dirty rug, and worn-out furniture. The only places that look better than other motels are the lobby and pool. However, nobody sleeps in the lobby. The pool area was crowded, with many smokers wandering around, giving second-hand smoke to children cheerfully playing. I booked a room with two queen beds, but they gave me one with a king bed. <span class='review-span highlight' data-aligned-summaries='0'>Talking to the hotel staff and customer rep of Hotels.com proved to be wasting of time - almost an hour to be exact</span>. Did I mention that the hotle is inconveniently located outside of the old town where the attractions are? <span class='review-span highlight' data-aligned-summaries='0'>I'll never stay here again</span>!</div><div class='text-box'>Many nice things - walking distance to McDonalds and IHOP-breakfast there for 13.95/free coffee for guests-great location - right across from Gulf-<span class='review-span highlight' data-aligned-summaries='0'>Staff extremely helpful</span>-has trolley you can reserve spot on (on/off all day long) to see al of the well-known spots-my son did jet skiing and it was the same price as at home :) IF you live in florida ask for your Florida residence rate and that made it affordable for us - pool was beautiful <span class='review-span highlight' data-aligned-summaries='0'>-I would stay there again</span> for sure!</div><div class='text-box'>It was a very comfortable and fun place to be at the end of an active day/evening in town. <span class='review-span highlight' data-aligned-summaries='0'>The staff was extremely friendly and helpful</span>. We especially enjoyed the outside restaurant at breakfast and thought the lavish poolside landscaping was beautiful. Also enjoyed the live entertainment at the tiki bar. This was our second visit to Key West and <span class='review-span highlight' data-aligned-summaries='0'>we much preferred staying at The Inn</span> at Key West <span class='review-span highlight' data-aligned-summaries='0'>instead of staying in town</span>.</div><div class='text-box'>Everything about this place is top-notch. The lobby is beautiful - <span class='review-span highlight' data-aligned-summaries='0'>the staff is</span> cheerful, <span class='review-span highlight' data-aligned-summaries='0'>friendly</span> and <span class='review-span highlight' data-aligned-summaries='0'>helpful</span>. They make changes and solve problems with a great attitude. The rooms are clean, well-furnished and comfortable. The pool area and hot tub are well-maintained and a great place to just kick back. This would be my first choice if I ever return to Key West. <span class='review-span highlight' data-aligned-summaries='0'>Highly recommended</span>.</div><div class='text-box'>My wife wasn't too thrilled that I booked this hotel. She wasn't impressed by the outside. Her mind changed as soon as we entered our room. She loved it. It was one of the cleanest hotel we've stayed at. The staff was very nice. <span class='review-span highlight' data-aligned-summaries='0'>I would stay here on my next trip to the keys</span>.</div><div class='text-box'>We stayed two nights at this overpriced hotel! It looks just like a dirty motel with filthy rugs and roaches! <span class='review-span highlight' data-aligned-summaries='0'>The staff was rude and not very helpful</span>! You can stay at lovely B&B in old town that is actually cheaper than this dump! <span class='review-span highlight' data-aligned-summaries='0'>Please stay away</span>!</div><div class='text-box'>Exceeded our expectations ten fold. Clean, <span class='review-span highlight' data-aligned-summaries='0'>friendly</span>, gorgeous, only draw back is the location but it was also nice to be away from the main strip.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">The hotel is recommended and the staff there were friendly and helpful 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-few_comm-summ_30.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'>Hotel Victoria is great as a base from which to see the city. It's on Yonge Street, bonus, and is reasonably priced. <span class='review-span highlight' data-aligned-summaries='0'>Things like CN Tower</span>, Rogers Centre/Skydome, the Eaton Centre, harbourfront, Hockey Hall of Fame, <span class='review-span highlight' data-aligned-summaries='0'>Union station</span> and Dundas Square are all <span class='review-span highlight' data-aligned-summaries='0'>between 5 and 20 minutes' walk</span>. A list of good food options in the area would have the 'Richtree market restaurant' at the top (it's also one of the closest), nice 'takesushi' place around the corner, Baton Rouge closer to Dundas square. The hotel itself is clean and comfortable. You don't choose hotel victoria because you want luxury, nice thick walls that block out most noise, or a view of anything but a brick wall (in our room anyway), but like i said it has friendly staff, is reasonably priced and is in a great location.</div><div class='text-box'>We got a decent deal online by having to show our concert ticket to Bon Iver at Massey Hall. The queen room was small but nice and recently updated, <span class='review-span highlight' data-aligned-summaries='0'>the hotel was</span> in a great location <span class='review-span highlight' data-aligned-summaries='0'>about a ten minute walk to Queen street</span> and only a few minutes from the GO station / Union. We paid a little extra for the "Business Room" which came with a bottle of water - although there was no fridge, a paper in the morning and Apple TV, which was a good to have after the show. The only faults: we were a disappointed when we asked downstairs for wine glasses on our way in, as we brought a bottle for after the show; and the pillows were a bit high/full for us - pretty minor. The breakfast down in the adjoining restaurant, Over Easy was great in the morning.</div><div class='text-box'>stayed here for three nights. they are renovations going on at the moment in the lobby but don't let that put you off - we were on 2nd floor - newly renovated and didn't hear a thing. rooms are contemporary (new new blue woodedn floor) - clean rooms but be careful as bath in slippery - they have a bath mat for you to use. would have been nice if there were a few leaflets on site seeing in toronto - there was only a niagara leaflet. Must eat in Over Easy - restaurant just walk through hotel lobby - they do breakfast/lunch from 10am-4pm. the french toast and side of fresh fruit is magic. <span class='review-span highlight' data-aligned-summaries='0'>would recommend this hotel</span> - <span class='review-span highlight' data-aligned-summaries='0'>hockey hall of fame is 5 minute walk - CN tower 15 mins and downtown shopping in yonge is a ten minute walk</span>.</div><div class='text-box'>My girlfriend and I are staying here late November on an extended business trip. (for the first time) Before we have even stayed there, I can say <span class='review-span highlight' data-aligned-summaries='0'>I am</span> more than <span class='review-span highlight' data-aligned-summaries='0'>satisfied with the service at this Hotel</span>. I sent an email to the Sales Manager with a couple of questions about the hotel and he got back to me with polite answers\suggestions in a timely manner. This is officially the first time I have ever written a review before I have stayed somewhere. Looking forward to our experience there.</div><div class='text-box'>Best hotel stay I've ever had! Every year my boyfriend and I celebrate our anniversary by having a hotel night, our normal hotel was unavaliable so we looked around and immediatly fell in love with the modern decor of these rooms. <span class='review-span highlight' data-aligned-summaries='0'>The location was amazing</span>, having Netflicks avaliable to us as well was wonderful, and the hotel staff were very very nice! I think my boyfriend and I have found a new hotel for our future anniversaries! To sum up my experience: it was amazing!</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>Location is perfect</span>, just on Yonge and Wellington (<span class='review-span highlight' data-aligned-summaries='0'>close to</span> Eaton centre for shopping and CN Tower Skydome for <span class='review-span highlight' data-aligned-summaries='0'>sightseeing</span>). Althouigh, the breakfast was an extra cost (there is an over easy in the hotel), this was quite good value for money and a good way to start the day. The free wi-fi in the rooms was a God send. Room was nice and the shower was really good. <span class='review-span highlight' data-aligned-summaries='0'>I would definitely recommend</span> people to stay here.</div><div class='text-box'>I stayed over thr weekend and was VERY impressed with the quality of service(friendly staff) and the great room (really clean). I heard that they will be renovating in the near future and will make another reservation to see what the results are. <span class='review-span highlight' data-aligned-summaries='0'>Highly recommended</span></div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>Convenient location downtown</span>. The staff were courteous and helpful. The room was modern and suited our needs for a one night rental.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">The hotel is in walking distance to some of the sights and it is definitely recommended.</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-few_comm-summ_31.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'>Hotel Victoria is great</span> as a base from which to see the city. It's on Yonge Street, bonus, and <span class='review-span highlight' data-aligned-summaries='1'>is reasonably priced</span>. <span class='review-span highlight' data-aligned-summaries='0'>Things like CN Tower</span>, <span class='review-span highlight' data-aligned-summaries='0'>Rogers Centre/Skydome</span>, the Eaton Centre, harbourfront, Hockey Hall of Fame, Union station and Dundas Square are all <span class='review-span highlight' data-aligned-summaries='0'>between 5 and 20 minutes' walk</span>. A list of good food options in the area would have the 'Richtree market restaurant' at the top (it's also one of the closest), nice 'takesushi' place around the corner, Baton Rouge closer to Dundas square. The hotel itself is clean and comfortable. You don't choose hotel victoria because you want luxury, nice thick walls that block out most noise, or a view of anything but a brick wall (in our room anyway), but like i said it has friendly staff, is reasonably priced and is in a great location.</div><div class='text-box'>We <span class='review-span highlight' data-aligned-summaries='1'>got a decent deal online</span> by having to show our concert ticket to Bon Iver at Massey Hall. The queen room was small but nice and recently updated, the <span class='review-span highlight' data-aligned-summaries='0'>hotel was in a great location about a ten minute walk to Queen street</span> and only a few minutes from the GO station / Union. We paid a little extra for the "Business Room" which came with a bottle of water - although there was no fridge, a paper in the morning and Apple TV, which was a good to have after the show. The only faults: we were a disappointed when we asked downstairs for wine glasses on our way in, as we brought a bottle for after the show; and the pillows were a bit high/full for us - pretty minor. The breakfast down in the adjoining restaurant, Over Easy was great in the morning.</div><div class='text-box'>stayed here for three nights. they are renovations going on at the moment in the lobby but don't let that put you off - we were on 2nd floor - newly renovated and didn't hear a thing. rooms are contemporary (new new blue woodedn floor) - clean rooms but be careful as bath in slippery - they have a bath mat for you to use. would have been nice if there were a few leaflets on site seeing in toronto - there was only a niagara leaflet. Must eat in Over Easy - restaurant just walk through hotel lobby - they do breakfast/lunch from 10am-4pm. the french toast and side of fresh fruit is magic. <span class='review-span highlight' data-aligned-summaries='2'>would recommend this hotel</span> - <span class='review-span highlight' data-aligned-summaries='0'>hockey hall of fame is 5 minute walk - CN tower 15 mins and downtown shopping in yonge is a ten minute walk</span>.</div><div class='text-box'>My girlfriend and I are staying here late November on an extended business trip. (for the first time) Before we have even stayed there, I can say I am more than satisfied with the service at this Hotel. I sent an email to the Sales Manager with a couple of questions about the hotel and he got back to me with polite answers\suggestions in a timely manner. This is officially the first time I have ever written a review before I have stayed somewhere. Looking forward to our experience there.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='2'>Best hotel stay I've ever had</span>! Every year my boyfriend and I celebrate our anniversary by having a hotel night, our normal hotel was unavaliable so we looked around and immediatly fell in love with the modern decor of these rooms. The location was amazing, having Netflicks avaliable to us as well was wonderful, and the hotel staff were very very nice! I think my boyfriend and I have found a new hotel for our future anniversaries! To sum up my experience: <span class='review-span highlight' data-aligned-summaries='1'>it was amazing</span>!</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>Location is perfect</span>, just on Yonge and Wellington (close to Eaton centre for shopping and CN Tower Skydome for sightseeing). Althouigh, the breakfast was an extra cost (there is an over easy in the hotel), this was quite good value for money and a good way to start the day. The free wi-fi in the rooms was a God send. Room was nice and the shower was really good. <span class='review-span highlight' data-aligned-summaries='1 2'>I would definitely recommend people to stay here</span>.</div><div class='text-box'>I stayed over thr weekend and was VERY impressed with the quality of service(friendly staff) and the <span class='review-span highlight' data-aligned-summaries='1'>great room</span> (really clean). I heard that they will be renovating in the near future and will make another reservation to see what the results are. <span class='review-span highlight' data-aligned-summaries='2'>Highly recommended</span></div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>Convenient location downtown</span>. The staff were courteous and helpful. The room was modern and suited our needs for a one night rental.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">The hotel is conveniently located for a short walk to good sights of the city.</span> <span id="1" class="summary-sentence">This is a really great hotel with great value for money.</span> <span id="2" class="summary-sentence">It's definitely a recommendable 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-few_comm-summ_32.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'>Hotel</span> Victoria <span class='review-span highlight' data-aligned-summaries='0'>is great as a base from which to see the city</span>. It's on Yonge Street, bonus, and <span class='review-span highlight' data-aligned-summaries='0'>is reasonably priced</span>. Things like CN Tower, Rogers Centre/Skydome, <span class='review-span highlight' data-aligned-summaries='1'>the Eaton Centre</span>, harbourfront, Hockey Hall of Fame, Union station and Dundas Square <span class='review-span highlight' data-aligned-summaries='1'>are all between 5 and 20 minutes' walk.</span> A list of good food options in the area would have the 'Richtree market restaurant' at the top (it's also one of the closest), nice 'takesushi' place around the corner, Baton Rouge closer to Dundas square. The hotel itself is clean and comfortable. You don't choose hotel victoria because you want luxury, nice thick walls that block out most noise, or a view of anything but a brick wall (in our room anyway), but like i said it has friendly staff, is reasonably priced and is in a great location.</div><div class='text-box'>We <span class='review-span highlight' data-aligned-summaries='0'>got a decent deal online</span> by having to show our concert ticket to Bon Iver at Massey Hall. The queen room was small but nice and recently updated, the <span class='review-span highlight' data-aligned-summaries='1'>hotel</span> was <span class='review-span highlight' data-aligned-summaries='1'>in a great location</span> about a ten minute walk to Queen street and only a few minutes from the GO station / Union. We paid a little extra for the "Business Room" which came with a bottle of water - although there was no fridge, a paper in the morning and Apple TV, which was a good to have after the show. The only faults: we were a disappointed when we asked downstairs for wine glasses on our way in, as we brought a bottle for after the show; and the pillows were a bit high/full for us - pretty minor. The breakfast down in the adjoining restaurant, Over Easy was great in the morning.</div><div class='text-box'>stayed here for three nights. they are renovations going on at the moment in the lobby but don't let that put you off - we were on 2nd floor - newly renovated and didn't hear a thing. rooms are contemporary (new new blue woodedn floor) - clean rooms but be careful as bath in slippery - they have a bath mat for you to use. would have been nice if there were a few leaflets on site seeing in toronto - there was only a niagara leaflet. Must eat in Over Easy - restaurant just walk through hotel lobby - they do breakfast/lunch from 10am-4pm. the french toast and side of fresh fruit is magic. <span class='review-span highlight' data-aligned-summaries='1'>would recommend this hotel</span> - hockey hall of fame is 5 minute walk - CN tower 15 mins and downtown <span class='review-span highlight' data-aligned-summaries='1'>shopping in yonge is a ten minute walk</span>.</div><div class='text-box'>My girlfriend and I are staying here late November on an extended business trip. (for the first time) Before we have even stayed there, I can say I am more than satisfied with the service at this Hotel. I sent an email to the Sales Manager with a couple of questions about the hotel and he got back to me with polite answers\suggestions in a timely manner. This is officially the first time I have ever written a review before I have stayed somewhere. Looking forward to our experience there.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>Best hotel stay</span> I've ever had! Every year my boyfriend and I celebrate our anniversary by having a hotel night, our normal hotel was unavaliable so we looked around and immediatly fell in love with the modern decor of these rooms. The <span class='review-span highlight' data-aligned-summaries='1'>location was amazing,</span> having Netflicks avaliable to us as well was wonderful, and the hotel staff were very very nice! I think my boyfriend and I have found a new hotel for our future anniversaries! To sum up my experience: it was amazing!</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='1'>Location is perfect, just on Yonge and Wellington (close to Eaton centre for shopping</span> and CN Tower Skydome for sightseeing). Althouigh, the breakfast was an extra cost (there is an over easy in the hotel), this was quite good value for money and a good way to start the day. <span class='review-span highlight' data-aligned-summaries='0'>The free wi-fi in the rooms was a God send. Room was nice and the shower was really good</span>. <span class='review-span highlight' data-aligned-summaries='1'>I would definitely recommend people to stay here</span>.</div><div class='text-box'>I stayed over thr weekend and was VERY <span class='review-span highlight' data-aligned-summaries='0'>impressed with the quality of service(friendly</span> staff) <span class='review-span highlight' data-aligned-summaries='0'>and the great room</span> (really clean). I heard that they will be renovating in the near future and will make another reservation to see what the results are. <span class='review-span highlight' data-aligned-summaries='1'>Highly recommended</span></div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='1'>Convenient location downtown</span>. The staff were courteous and helpful. The room was modern and suited our needs for a one night rental.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">This hotel offers a lovely experience, and for an excellent price.</span> <span id="1" class="summary-sentence">This hotel's location is great in its convenience to being within walking distance of places like the Eaton Centre and is a recommended place to make your stay.</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-few_comm-summ_33.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 spent quite a bit of time researching hotels in central Toronto and settled on 1 king west. My spouse and I stayed in a superior studio suite and were extremely satisfied with our stay. I was attracted initially to the non-cookie cutter rooms typical in most hotels. The room was very modern with sophisticated looking furnishings, a very comfortable bed, nice walk-in shower and modern kitchenette. We were stationed on the 18th floor and did find the room a bit dark as our bedroom window was frosted over as it clearly faced another building in close proximity. We did not consider this an issue however because the room had so many other positives and the 'office' section of the room offered a view of the lake. My only disappointment was that there was no wi-fi (only hard-wired) so I was unable to use it.</div><div class='text-box'>This hotel was spacious, quiet and very clean. I would sum up the negative points of some other reviews by saying that this property is new and they are clearly still working on "opening" and getting their procedures in place. We had a glitch with our cards upon check-in and the staff upgraded us to a deluxe 2-room suite on the 44th floor with views on 3 sides. We moved to this hotel after having a bad experience at the Cosmpolitan, which is right across the street. We did not have any problems or costs involved with getting our car in and out, and another cool benefit is that the concierge staff has a fleet of vintage cars (Bentley, '60 Cadillac, Rolls) with drivers who will take you to various downtown sites for free (with an advance reservation).</div><div class='text-box'>I've stayed at this hotel several times on trips to Toronto. It is in a great location. <span class='review-span highlight' data-aligned-summaries='0'>Walking distance to Eaton Centre, restaurants and theatres</span>. Parking price is a little steep at 30$ a day but will pay around that amount anywhere in T.O. The room came well equiped - washer, dryer, kitchenette and king bed. Only negative in the room was the shower which tended to leak all over the bathroom floor and was so powerful it was an extremely uncomfortable experience. This could be room-specific as I did not have this experience on my previous stays. Overall, for the price, this is a great place to stay in downtown T.O.</div><div class='text-box'>Fabulous few days in Toronto! <span class='review-span highlight' data-aligned-summaries='0'>Hotel is in a fab location to walk to the main shopping mall and the heart of Downtown</span>. Hotel is very clean and the staff were lovely, very helpful and pleasant . The rooms were very clean and comfortable, and just right for a short city break, as we didn't spend much time in the room. The parking in the hotel was very very expensive $30 per night! We had a car for 4 nights so worked out very expensive. Lovely breakfast though but again a little overpriced.</div><div class='text-box'>I'd read the reviews and felt confident we'd get value.and we did. A nice clean <span class='review-span highlight' data-aligned-summaries='0'>hotel in a great location for site seeing</span>. <span class='review-span highlight' data-aligned-summaries='0'>I'd recommend it to anyone</span> looking for a short break to take in Torontos sites. Very good. My only small gripe is I would have liked bottled water available in the room. You need to buy your own but that's a minor personal irritation. Great hotel.</div><div class='text-box'>everything seemed first rate .until i had to deal with the concierge.i think her name was christine. maybe she should work by herself.she seemed upset when my family requested reservations were asked to be made. but the rest of the property was outstanding. will stay again.just wouldnt use the conceirge again.</div><div class='text-box'>This was our third time staying at this hotel. What brings us back? Cleanliness, <span class='review-span highlight' data-aligned-summaries='0'>location (max 10 minute walk to Air Canada Centre, Rogers Centre, Union Station, Historic District)</span>, friendliness, quality of room, and price. Also, the concierge is really helpful.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>Great Hotel</span>. I stayed for 3nights in early July with my husband and 2 teenage sons sharing 1 room. Plenty of space, 2 TVs, Very clean. Nice bar area. Frendly staff and good position. <span class='review-span highlight' data-aligned-summaries='0'>For the money it is hard to fault it</span>.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">The hotel is in walking distance to some of the sights and it is definitely recommended.</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-few_comm-summ_34.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 spent quite a bit of time researching hotels in central Toronto and settled on 1 king west. <span class='review-span highlight' data-aligned-summaries='1 2'>My spouse and I</span> stayed in a superior studio suite and <span class='review-span highlight' data-aligned-summaries='1 2'>were extremely satisfied with our stay</span>. I was attracted initially to the non-cookie cutter rooms typical in most hotels. The room was very modern with sophisticated looking furnishings, a very comfortable bed, nice walk-in shower and modern kitchenette. We were stationed on the 18th floor and did find the room a bit dark as our bedroom window was frosted over as it clearly faced another building in close proximity. We did not consider this an issue however because the room had so many other positives and the 'office' section of the room offered a view of the lake. My only disappointment was that there was no wi-fi (only hard-wired) so I was unable to use it.</div><div class='text-box'>This hotel was spacious, quiet and very clean<span class='review-span highlight' data-aligned-summaries='2'>. I would sum up the negative points of some other reviews by saying that this property is new and they are clearly still working on "opening" and getting their procedures in place.</span> We had a glitch with our cards upon check-in and the staff upgraded us to a deluxe 2-room suite on the 44th floor with views on 3 sides. We moved to this hotel after having a bad experience at the Cosmpolitan, which is right across the street. We did not have any problems or costs involved with getting our car in and out, and another cool benefit is that the concierge staff has a fleet of vintage cars (Bentley, '60 Cadillac, Rolls) with drivers who will take you to various downtown sites for free (with an advance reservation).</div><div class='text-box'>I've stayed at this hotel several times on trips to Toronto. <span class='review-span highlight' data-aligned-summaries='0'>It is in a great location. Walking distance to Eaton Centre, restaurants and theatres.</span> Parking price is a little steep at 30$ a day but will pay around that amount anywhere in T.O. The room came well equiped - washer, dryer, kitchenette and king bed. Only negative in the room was the shower which tended to leak all over the bathroom floor and was so powerful it was an extremely uncomfortable experience. This could be room-specific as I did not have this experience on my previous stays. <span class='review-span highlight' data-aligned-summaries='1'>Overall, for the price,</span> <span class='review-span highlight' data-aligned-summaries='1 2'>this is a great place to stay</span> <span class='review-span highlight' data-aligned-summaries='1'>in downtown T.O.</span></div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='1 2'>Fabulous few days in Toronto</span>! <span class='review-span highlight' data-aligned-summaries='0'>Hotel is in a fab location to walk to the main shopping mall and the heart of Downtown</span>. Hotel is very clean and the staff were lovely, very helpful and pleasant . The rooms were very clean and comfortable, and just right for a short city break, as we didn't spend much time in the room. The parking in the hotel was very very expensive $30 per night! We had a car for 4 nights so worked out very expensive. Lovely breakfast though but again a little overpriced.</div><div class='text-box'>I'd read the reviews and <span class='review-span highlight' data-aligned-summaries='1'>felt confident we'd get value.and we did</span>. <span class='review-span highlight' data-aligned-summaries='0'>A</span> nice clean <span class='review-span highlight' data-aligned-summaries='0'>hotel in a great location for site seeing</span>. I'd recommend it to anyone looking for a short break to take in Torontos sites. Very good. My only small gripe is I would have liked bottled water available in the room. You need to buy your own but that's a minor personal irritation. <span class='review-span highlight' data-aligned-summaries='1 2'>Great hotel</span>.</div><div class='text-box'>everything seemed first rate .until i had to deal with the concierge.i think her name was christine. maybe she should work by herself.she seemed upset when my family requested reservations were asked to be made. but the rest of the property was outstanding. <span class='review-span highlight' data-aligned-summaries='2'>will stay again.just</span> wouldnt use the conceirge again.</div><div class='text-box'>This was our third time staying at this hotel. <span class='review-span highlight' data-aligned-summaries='0 1 2'>What brings us back</span>? <span class='review-span highlight' data-aligned-summaries='1 2'>Cleanliness</span>, <span class='review-span highlight' data-aligned-summaries='0 1 2'>location</span> <span class='review-span highlight' data-aligned-summaries='0'>(max 10 minute walk to Air Canada Centre, Rogers Centre, Union Station, Historic District</span>), <span class='review-span highlight' data-aligned-summaries='1 2'>friendliness</span>, <span class='review-span highlight' data-aligned-summaries='1 2'>quality of room, and price</span>. Also, the concierge is really helpful.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='1'>Great Hotel</span>. I stayed for 3nights in early July with my husband and 2 teenage sons sharing 1 room. Plenty of space, 2 TVs, Very clean. Nice bar area. Frendly staff and good position. <span class='review-span highlight' data-aligned-summaries='1'>For the money it is hard to fault it</span>.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">The hotel is conveniently located for a short walk to good sights of the city.</span> <span id="1" class="summary-sentence">This is a really great hotel with great value for money.</span> <span id="2" class="summary-sentence">It's definitely a recommendable 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-few_comm-summ_35.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 spent quite a bit of time researching hotels in central Toronto and settled on 1 king west. <span class='review-span highlight' data-aligned-summaries='0'>My spouse and I</span> stayed in a superior studio suite and <span class='review-span highlight' data-aligned-summaries='0'>were extremely satisfied with our stay</span>. I was attracted initially to the non-cookie cutter rooms typical in most hotels. The room was very modern with sophisticated looking furnishings, a very comfortable bed, nice walk-in shower and modern kitchenette. We were stationed on the 18th floor and did find the room a bit dark as our bedroom window was frosted over as it clearly faced another building in close proximity. We did not consider this an issue however because the room had so many other positives and the 'office' section of the room offered a view of the lake. My only disappointment was that there was no wi-fi (only hard-wired) so I was unable to use it.</div><div class='text-box'>This <span class='review-span highlight' data-aligned-summaries='0'>hotel was spacious, quiet</span> and very clean. I would sum up the negative points of some other reviews by saying that this property is new and they are clearly still working on "opening" and getting their procedures in place. We had a glitch with our cards upon check-in and the staff upgraded us to a deluxe 2-room suite on the 44th floor with views on 3 sides. We moved to this hotel after having a bad experience at the Cosmpolitan, which is right across the street. We did not have any problems or costs involved with getting our car in and out, and another cool benefit is that the concierge staff has a fleet of vintage cars (Bentley, '60 Cadillac, Rolls) with drivers who will take you to various downtown sites for free (with an advance reservation).</div><div class='text-box'>I've stayed at this hotel several times on trips to Toronto<span class='review-span highlight' data-aligned-summaries='1'>. It is in a great location. Walking distance to Eaton Centre</span>, restaurants and theatres. Parking price is a little steep at 30$ a day but will pay around that amount anywhere in T.O. The room came well equiped - washer, dryer, kitchenette and king bed. Only negative in the room was the shower which tended to leak all over the bathroom floor and was so powerful it was an extremely uncomfortable experience. This could be room-specific as I did not have this experience on my previous stays. <span class='review-span highlight' data-aligned-summaries='0'>Overall, for the price,</span> <span class='review-span highlight' data-aligned-summaries='0 1'>this is a great place to stay</span> in downtown T.O.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0 1'>Fabulous few days in Toronto</span>! <span class='review-span highlight' data-aligned-summaries='1'>Hotel is in a fab location to walk to the main shopping mall and the heart of Downtown</span>. Hotel is very clean and the staff were lovely, very helpful and pleasant . The rooms were very clean and comfortable, and just right for a short city break, as we didn't spend much time in the room. The parking in the hotel was very very expensive $30 per night! We had a car for 4 nights so worked out very expensive. Lovely breakfast though but again a little overpriced.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='1'>I'd read the reviews and felt confident we'd get value.and we did</span>. A nice clean <span class='review-span highlight' data-aligned-summaries='1'>hotel in a great location for site seeing</span>. <span class='review-span highlight' data-aligned-summaries='1'>I'd recommend it to anyone looking for a short break to take in Torontos sites</span>. Very good. My only small gripe is I would have liked bottled water available in the room. You need to buy your own but that's a minor personal irritation. Great hotel.</div><div class='text-box'>everything seemed first rate .until i had to deal with the concierge.i think her name was christine. maybe she should work by herself.she seemed upset when my family requested reservations were asked to be made. but the rest of the property was outstanding. <span class='review-span highlight' data-aligned-summaries='1'>will stay again.just</span> wouldnt use the conceirge again.</div><div class='text-box'>This was our third time staying at this hotel. <span class='review-span highlight' data-aligned-summaries='0 1'>What brings us back</span>? Cleanliness, <span class='review-span highlight' data-aligned-summaries='1'>location</span> (max <span class='review-span highlight' data-aligned-summaries='1'>10 minute walk to</span> Air Canada Centre, <span class='review-span highlight' data-aligned-summaries='1'>Rogers Centre</span>, Union Station, Historic District), friendliness, quality of room, and <span class='review-span highlight' data-aligned-summaries='0'>price</span>. Also, the concierge is really helpful.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='1'>Great Hotel</span>. I stayed for 3nights in early July with my husband and 2 teenage sons sharing 1 room. Plenty of space, 2 TVs, Very clean. Nice bar area. Frendly staff and good position. <span class='review-span highlight' data-aligned-summaries='0 1'>For the money it is hard to fault it</span>.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">This hotel offers a lovely experience, and for an excellent price.</span> <span id="1" class="summary-sentence">This hotel's location is great in its convenience to being within walking distance of places like the Eaton Centre and is a recommended place to make your stay.</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-few_comm-summ_36.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'>this was a great place to stay</span> for the two of us. Hotel decor was fun and the staff were quite accomodating. There isalso a small restaraunt in this hotel that had great food However, for us it was located a bit off course in the sense that is is not subway convenient. Further, because this is an old historic hotel, the rooms were small, coupled with a small bathroom. I do believe you can upgrade to a larger room but none was available at the time I reserved. As the elevator is original to the hotel, it must be staff operated. At times we had to wait for someone to attend to this. Our other choice was walking 3 flights of stairs.</div><div class='text-box'>I stayed in the Gladstone this June for 7 nights. Its <span class='review-span highlight' data-aligned-summaries='0'>a great hotel</span> and represents great value in a really interesting area of the city. The Drake hotel is 200 yards up the road, double the price and has half the character.although very smart. Our room was small but adequate and well kept. The downstairs cafe serves great food, and while we were there there <span class='review-span highlight' data-aligned-summaries='0'>was live music and comedy</span> every single night. The staff were very helpful and friendly and i<span class='review-span highlight' data-aligned-summaries='1'>'d definitely recommend</span> the hotel for future stays. The Gladstone would particularly suit young couples looking for some culture, good food and music at a reasonable price.</div><div class='text-box'>The Gladstone Hotel is a great place in Toronto for so many reasons, <span class='review-span highlight' data-aligned-summaries='0'>aside from being a hotel. They have created unique spaces for musicians, artists, foodies and families.to showcase, perform and indulge</span>. They support and promote local and organic eating ( by the way they have a FRY BAR.sweet potato, potato and taro too with tons of toppings). Harvest Wednesdays supporting field to table eating (yum) are not to be missed.and while you are there, you'll know why you need to try the Gladstone.</div><div class='text-box'>I was very much looking forward to staying here, but <span class='review-span highlight' data-aligned-summaries='0'>I was quite disappointed</span>. I was in town on business for a week, and my wife and child stayed with me the first day. <span class='review-span highlight' data-aligned-summaries='0'>The Gladstone is clearly more interested in being an arts/cafe/performance/bar venue for hipsters than a hotel</span>. Details don't get addressed, the rooms are crazy small, and <span class='review-span highlight' data-aligned-summaries='1'>it's just not comfortable for any extended stay</span>. I will try The Drake next time.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>Fantastic hotel, great drinks, food and the staff super nice and cool.</span> only complaints were that our left over margarita glasses weren't cleaned up, mattress wasn't great as it sagged in the middle and the shower felt like we were washing in a horizontal MRI machine! Opted not to say anything as we were only there for a couple of nights though <span class='review-span highlight' data-aligned-summaries='1'>would probably stay at the Drake Hotel next time we take a trip</span>.</div><div class='text-box'>After a long flight we <span class='review-span highlight' data-aligned-summaries='0'>found reception to be slightly frosty</span> and unfriendly. You need the opposite after a long trip. The <span class='review-span highlight' data-aligned-summaries='0'>room was</span> also slightly <span class='review-span highlight' data-aligned-summaries='0'>disappointing</span>. We found it to be small and the design a bit half hearted with a very strange shower! It's beautiful old building but could do with a bit of warmth and character. Having stayed elsewhere in Toronto I<span class='review-span highlight' data-aligned-summaries='1'>'d recomend the hotel</span> a couple of blocks east.</div><div class='text-box'>No 'Big City Attitude' here! <span class='review-span highlight' data-aligned-summaries='0'>The Gladstone had</span> really friendly and <span class='review-span highlight' data-aligned-summaries='0'>engaging staff</span>. <span class='review-span highlight' data-aligned-summaries='0'>Rooms were</span> unique and <span class='review-span highlight' data-aligned-summaries='0'>fun.no</span> cookie cutter boxes with the same old crap. Even <span class='review-span highlight' data-aligned-summaries='0'>the elevator</span> (circa 1900) <span class='review-span highlight' data-aligned-summaries='0'>was crazy and fun</span>. Great food, music and decor and location are killer. Lots to do around the hotel. <span class='review-span highlight' data-aligned-summaries='1'>Try it out</span> if you want something different!</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>The Gladstone is a great escape in the city</span>. It is well located to hang out on Queen St West as well as the theatre district and more mainstream shopping, and <span class='review-span highlight' data-aligned-summaries='0'>has much more charm than most hotels</span>. <span class='review-span highlight' data-aligned-summaries='0'>Overall the rooms are interesting and fun</span>, but the beds are the best part.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">This hotel provides an overall enjoyable stay.</span> <span id="1" class="summary-sentence">It is definitely recommended.</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-few_comm-summ_37.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'>this was a great place to stay</span> for the two of us. <span class='review-span highlight' data-aligned-summaries='0'>Hotel</span> decor was fun and the staff were quite accomodating. There isalso a small restaraunt in this hotel that had great food However, for us it was located a bit off course in the sense that is is not subway convenient. Further, because this is an old historic hotel, the rooms were small, coupled with a small bathroom. I do believe you can upgrade to a larger room but none was available at the time I reserved. As the elevator is original to the hotel, it must be staff operated. At times we had to wait for someone to attend to this. Our other choice was walking 3 flights of stairs.</div><div class='text-box'>I stayed in the Gladstone this June for 7 nights. <span class='review-span highlight' data-aligned-summaries='0'>Its a great hotel</span> and represents great value in a really interesting area of the city. The Drake hotel is 200 yards up the road, double the price and has half the character.although very smart. Our room was small but adequate and well kept. The downstairs cafe serves great food, and while we were there there was live music and comedy every single night. The staff were very helpful and friendly and <span class='review-span highlight' data-aligned-summaries='0'>i'd definitely recommend the hotel for future stays.</span> The Gladstone would particularly suit young couples looking for some culture, good food and music at a reasonable price.</div><div class='text-box'>The Gladstone <span class='review-span highlight' data-aligned-summaries='0'>Hotel is a great place</span> in Toronto for so many reasons, aside from being a hotel. They have created unique spaces for musicians, artists, foodies and families.to showcase, perform and indulge. They support and promote local and organic eating ( by the way they have a FRY BAR.sweet potato, potato and taro too with tons of toppings). Harvest Wednesdays supporting field to table eating (yum) are not to be missed.and while you are there, you'll know why you need to try the Gladstone.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>I was very much looking forward to staying here, but I was quite disappointed.</span> I was in town on business for a week, and my wife and child stayed with me the first day. The Gladstone is clearly more interested in being an arts/cafe/performance/bar venue for hipsters than a hotel. Details don't get addressed, the rooms are crazy small, and <span class='review-span highlight' data-aligned-summaries='0'>it's just not comfortable for any extended stay</span>. I will try The Drake next time.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>Fantastic hotel</span>, great drinks, food and the staff super nice and cool. only complaints were that our left over margarita glasses weren't cleaned up, mattress wasn't great as it sagged in the middle and the shower felt like we were washing in a horizontal MRI machine! Opted not to say anything as we were only there for a couple of nights though would probably stay at the Drake Hotel next time we take a trip.</div><div class='text-box'>After a long flight we found reception to be slightly frosty and unfriendly. You need the opposite after a long trip. The room was also slightly disappointing. We found it to be small and the design a bit half hearted with a very strange shower! It's beautiful old building but could do with a bit of warmth and character. Having stayed elsewhere in Toronto <span class='review-span highlight' data-aligned-summaries='0'>I'd recomend the hotel a couple of blocks east</span>.</div><div class='text-box'>No 'Big City Attitude' here! The Gladstone had really friendly and engaging staff. Rooms were unique and fun.no cookie cutter boxes with the same old crap. Even the elevator (circa 1900) was crazy and fun. Great food, music and decor and location are killer. <span class='review-span highlight' data-aligned-summaries='0'>Lots to do around the hotel. Try it out if you want something different</span>!</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>The Gladstone is a great escape</span> in the city. It is well located to hang out on Queen St West as well as the theatre district and more mainstream shopping, and has much more charm than most hotels. Overall the rooms are interesting and fun, but the beds are the best part.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">The hotel is a great place to stay and it is a recommended 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-few_comm-summ_38.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'>this was a great place to stay</span> for the two of us. Hotel decor was fun and the staff were quite accomodating. There isalso a small restaraunt in this hotel that had great food However, for us it was located a bit off course in the sense that is is not subway convenient. Further, because this is an old historic hotel, the rooms were small, coupled with a small bathroom. I do believe you can upgrade to a larger room but none was available at the time I reserved. As the elevator is original to the hotel, it must be staff operated. At times we had to wait for someone to attend to this. Our other choice was walking 3 flights of stairs.</div><div class='text-box'>I stayed in the Gladstone this June for 7 nights. Its a <span class='review-span highlight' data-aligned-summaries='0'>great hotel</span> and represents great value in a really interesting area of the city. The Drake hotel is 200 yards up the road, double the price and has half the character.although very smart. Our room was small but adequate and well kept. The downstairs cafe serves great food, and while we were there there was live music and comedy every single night. The staff were very helpful and friendly and i'd <span class='review-span highlight' data-aligned-summaries='0'>definitely recommend the hotel</span> for future stays. The Gladstone would particularly suit young couples looking for some culture, good food and music at a reasonable price.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>The Gladstone Hotel is a great place</span> in Toronto for <span class='review-span highlight' data-aligned-summaries='0'>so many reasons, aside from being a hotel</span>. They have created unique spaces for musicians, artists, foodies and families.to showcase, perform and indulge. They support and promote local and organic eating ( by the way they have a FRY BAR.sweet potato, potato and taro too with tons of toppings). Harvest Wednesdays supporting field to table eating (yum) are not to be missed.and while you are there, you'll know why <span class='review-span highlight' data-aligned-summaries='0'>you need to try the Gladstone</span>.</div><div class='text-box'>I was very much looking forward to staying here, but I was quite disappointed. I was in town on business for a week, and my wife and child stayed with me the first day. The Gladstone is clearly more interested in being an arts/cafe/performance/bar venue for hipsters than a hotel. Details don't get addressed, the rooms are crazy small, and it's just <span class='review-span highlight' data-aligned-summaries='0'>not comfortable for any extended stay</span>. <span class='review-span highlight' data-aligned-summaries='0'>I will try The Drake next time</span>.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>Fantastic hotel</span>, great drinks, food and the staff super nice and cool. only complaints were that our left over margarita glasses weren't cleaned up, mattress wasn't great as it sagged in the middle and the shower felt like we were washing in a horizontal MRI machine! Opted not to say anything as we were only there for a couple of nights though would probably stay at the Drake Hotel next time we take a trip.</div><div class='text-box'>After a long flight we found reception to be slightly frosty and unfriendly. You need the opposite after a long trip. <span class='review-span highlight' data-aligned-summaries='0'>The room was also slightly disappointing. We found it to be small and the design a bit half hearted with a very strange shower</span>! It's beautiful old building but could do with a bit of warmth and character. <span class='review-span highlight' data-aligned-summaries='0'>Having stayed elsewhere in Toronto I'd recomend the hotel a couple of blocks east</span>.</div><div class='text-box'>No 'Big City Attitude' here! <span class='review-span highlight' data-aligned-summaries='0'>The Gladstone had really friendly and engaging staff. Rooms were unique and fun.no</span> cookie cutter boxes with the same old crap. Even the elevator (circa 1900) was crazy and fun. Great food, music and decor and location are killer. Lots to do around the hotel. <span class='review-span highlight' data-aligned-summaries='0'>Try it out</span> if you want something different!</div><div class='text-box'>The Gladstone is a <span class='review-span highlight' data-aligned-summaries='0'>great escape</span> in the city. It is well located to hang out on Queen St West as well as the theatre district and more mainstream shopping, and has much <span class='review-span highlight' data-aligned-summaries='0'>more charm than most hotels</span>. Overall the rooms are interesting and fun, but the beds are the best part.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">This hotel is very recommended and it is an excellent hotel to stay at.</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-few_comm-summ_39.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 visited Toronto end of May and stayed in this hotel with a colleague. The hotel is situated in the city centre of Toronto. The rooms in the hotel were cleaned and spacious. The bedding was very nice; the bathroom was modern with marble unit top and the toiletries were of good quality. The corridor had also an ice machine which I thought was very good idea, for those who like their cold water any time of the day. The breakfast in the hotel was also good, with a good choice of food. Newspapers were delivered to you in the morning and the staffs were very pleasant and helpful. <span class='review-span highlight' data-aligned-summaries='0'>The hotel also had a bar with a dancing floor</span> and this was quite handy for us as <span class='review-span highlight' data-aligned-summaries='0'>we could drink and dance in</span>. I will go there again if <span class='review-span highlight' data-aligned-summaries='1'>I</span> ever go to Toronto and <span class='review-span highlight' data-aligned-summaries='1'>will definitely recommend it</span>.</div><div class='text-box'>We stayed at this hotel for 7 nights and <span class='review-span highlight' data-aligned-summaries='0'>had a fantastic time</span>. The hotel is very nice and the staff are very helpful and friendly. Our room was on the 8th floor and it was a very good size and the bathroom was spacious. We had breakfast in the Market Garden, it was great with a very good choice. I found the hotel to be very quiet even although it is a very busy hotel. The location of this hotel is great. It is a 2 minute walk to the Eaton Centre (which is great) and about 20 -25 minute walk down to Front Street for the CN Tower.</div><div class='text-box'>I have stayed at the Delta Chelsea in Toronto many many times over the past years and have never been disappointed. The quality of this hotel is second to none and the location is perfect. close to everything "downtown". as well as transit . The rooms are well kept, clean. and the beds are incredibly comfortable. If I have one negative comment regarding this hotel it would be that the restaurant is very expensive. I find myself going out to eat meals while staying at the Delta Chelsea. All in all. <span class='review-span highlight' data-aligned-summaries='0'>I always enjoy my stay at this hotel</span>.</div><div class='text-box'>I visited TO for my birthday. The Delta Chelsea prestige clerk didnt have any interest in doing something special for my birthday (Montreal Delta Centerville are more then happy to give wonderful experience for celebrations!) Even though it was written on my reservation I was there for my bday; I had to verbally remind them and they didnt seem too interested. Got a few balloons and 2 chocolate strawberries. Woohoo! In the morning I finally got them to give me free breakfast. Rm was clean and for most part comfortable</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>enjoyed a week for business</span>, especially enjoyed the spa next door Elmwood Spa - they give a discount if show your room key. the curry's at lunch time in the bistro are great as is the affordable food in the cafe part. Pub i didn't like too much . but the <span class='review-span highlight' data-aligned-summaries='0'>restaurant is excellent</span>. business services are really good - make sure you get an upgraded room and that been renovated as some are looking rather tired. great staff, very friendly</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>The room was small and definitely in need of a makeover</span>. The bathroom was very small and very much in need of a makeover. I am sure both were clean, but they did not seem to be clean because they are so dingy. At $300 for one night, I was grossly over charged.</div><div class='text-box'>Stayed here for the weekend of November 4-6. Got a last minute deal and was happy with the location. There is some construction nearby so be warned of the noise in the early morning. Close to all amenities.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>Enjoyed the Delta experience</span>, will definately come back. The retaurant staff were outstanding, epecially the chef on duty.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">This hotel provides an overall enjoyable stay.</span> <span id="1" class="summary-sentence">It is definitely recommended.</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-few_comm-summ_4.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'>Up till today this rating could not have said enough about <span class='review-span highlight' data-aligned-summaries='0'>this hotel unbelievable pool great service</span> at poolside bar from Ed, Zack and Gracie. except for room not cleaned till 3:30 rave reviews great beds clean updated great experience. Then today.still good service from Angela the bartender but ? bar full of local kids/angela's friends?,drinking heavily, dropping the F bomb every couple of minutes and getting loud and obnoxiousthey took up whole side of bar and most of Angela's time and sounded like they frequent the pool often so my question to the mangaement is the bar and pool for the use of your guests or the local kids. Big mistake we are the ones that pay for the rooms maybe you want to reconsider the use of the pool/ bar as for guest use. So far this is the only glitch in a wonderful stay with courteous staff hopefully and anamoly. <span class='review-span highlight' data-aligned-summaries='0'>I would still highly recommend this Inn</span> and its serene setting if some rules too the bartenders are made no drunken friends monopolizing the bar one incident doesn't warrant a bad report.</div><div class='text-box'>"The Inn at Key West" has accomodations at the level of roadside motels, but charges much higher prices. Rooms are small, with uncomfortable beds, dirty rug, and worn-out furniture. The only places that look better than other motels are the lobby and pool. However, nobody sleeps in the lobby. The pool area was crowded, with many smokers wandering around, giving second-hand smoke to children cheerfully playing. I booked a room with two queen beds, but they gave me one with a king bed. <span class='review-span highlight' data-aligned-summaries='0'>Talking to the</span> hotel <span class='review-span highlight' data-aligned-summaries='0'>staff</span> and customer rep of Hotels.com <span class='review-span highlight' data-aligned-summaries='0'>proved to be wasting of time</span> - almost an hour to be exact. Did I mention that the hotle is inconveniently located outside of the old town where the attractions are? I<span class='review-span highlight' data-aligned-summaries='0'>'ll never stay here again</span>!</div><div class='text-box'>Many nice things - walking distance to McDonalds and IHOP-breakfast there for 13.95/free coffee for guests-great location - right across from Gulf-<span class='review-span highlight' data-aligned-summaries='0'>Staff extremely helpful</span>-has trolley you can reserve spot on (on/off all day long) to see al of the well-known spots-my son did jet skiing and it was the same price as at home :) IF you live in florida ask for your Florida residence rate and that made it affordable for us - pool was beautiful <span class='review-span highlight' data-aligned-summaries='0'>-I would stay there again for sure!</span></div><div class='text-box'>It was a very comfortable and fun place to be at the end of an active day/evening in town. <span class='review-span highlight' data-aligned-summaries='0'>The staff was extremely friendly</span> and <span class='review-span highlight' data-aligned-summaries='0'>helpful</span>. We especially enjoyed the outside restaurant at breakfast and thought the lavish poolside landscaping was beautiful. Also enjoyed the live entertainment at the tiki bar. This was our second visit to Key West and we much preferred staying at The Inn at Key West instead of staying in town.</div><div class='text-box'>Everything about this place is top-notch. The lobby is beautiful - <span class='review-span highlight' data-aligned-summaries='0'>the staff is cheerful, friendly and helpful</span>. They make changes and solve problems with a great attitude. The rooms are clean, well-furnished and comfortable. The pool area and hot tub are well-maintained and a great place to just kick back. This would be my first choice if I ever return to Key West. <span class='review-span highlight' data-aligned-summaries='0'>Highly recommended</span>.</div><div class='text-box'>My wife wasn't too thrilled that I booked this hotel. She wasn't impressed by the outside. Her mind changed as soon as we entered our room. She loved it. It was one of the cleanest hotel we've stayed at. <span class='review-span highlight' data-aligned-summaries='0'>The staff was very nice. I would stay here on my next trip to the keys</span>.</div><div class='text-box'>We stayed two nights at this overpriced hotel! It looks just like a dirty motel with filthy rugs and roaches! <span class='review-span highlight' data-aligned-summaries='0'>The staff was rude and not very helpful</span>! <span class='review-span highlight' data-aligned-summaries='0'>You can stay at lovely B&B in old town that is actually cheaper than this dump! Please stay away</span>!</div><div class='text-box'>Exceeded our expectations ten fold. <span class='review-span highlight' data-aligned-summaries='0'>Clean, friendly</span>, gorgeous, only draw back is the location but it was also nice to be away from the main strip.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">This hotel is highly recommended especially because the staff provide a good service that is both friendly and always 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-few_comm-summ_40.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 visited Toronto end of May and stayed in this hotel with a colleague. The hotel is situated in the city centre of Toronto. The rooms in the hotel were cleaned and spacious. The bedding was very nice; the bathroom was modern with marble unit top and the toiletries were of good quality. The corridor had also an ice machine which I thought was very good idea, for those who like their cold water any time of the day. The breakfast in the hotel was also good, with a good choice of food. Newspapers were delivered to you in the morning and the staffs were very pleasant and helpful. The hotel also had a bar with a dancing floor and this was quite handy for us as we could drink and dance in. <span class='review-span highlight' data-aligned-summaries='0'>I will go there again if I ever go to Toronto</span> and will <span class='review-span highlight' data-aligned-summaries='0'>definitely recommend it</span>.</div><div class='text-box'>We stayed at this hotel for 7 nights and had a fantastic time. The <span class='review-span highlight' data-aligned-summaries='0'>hotel is very nice</span> and the staff are very helpful and friendly. Our room was on the 8th floor and it was a very good size and the bathroom was spacious. We had breakfast in the Market Garden, it was great with a very good choice. I found the hotel to be very quiet even although it is a very busy hotel. The <span class='review-span highlight' data-aligned-summaries='0'>location of</span> this <span class='review-span highlight' data-aligned-summaries='0'>hotel is great</span>. It is a 2 minute walk to the Eaton Centre (which is great) and about 20 -25 minute walk down to Front Street for the CN Tower.</div><div class='text-box'>I have stayed at the Delta Chelsea in Toronto many many times over the past years and have never been disappointed. <span class='review-span highlight' data-aligned-summaries='0'>The quality of this hotel is second to none</span> and the location is perfect. close to everything "downtown". as well as transit . The rooms are well kept, clean. and the beds are incredibly comfortable. If I have one negative comment regarding this hotel it would be that the restaurant is very expensive. I find myself going out to eat meals while staying at the Delta Chelsea. All in all. <span class='review-span highlight' data-aligned-summaries='0'>I always enjoy my stay at this hotel</span>.</div><div class='text-box'>I visited TO for my birthday. The Delta Chelsea prestige clerk didnt have any interest in doing something special for my birthday (Montreal Delta Centerville are more then happy to give wonderful experience for celebrations!) Even though it was written on my reservation I was there for my bday; I had to verbally remind them and they didnt seem too interested. Got a few balloons and 2 chocolate strawberries. Woohoo! In the morning I finally got them to give me free breakfast. Rm was clean and for most part comfortable</div><div class='text-box'>enjoyed a week for business, especially enjoyed the spa next door Elmwood Spa - they give a discount if show your room key. the curry's at lunch time in the <span class='review-span highlight' data-aligned-summaries='0'>bistro are great</span> as is the affordable food in the cafe part. Pub i didn't like too much . but the restaurant is excellent. business services are really good - make sure you get an upgraded room and that been renovated as some are looking rather tired. <span class='review-span highlight' data-aligned-summaries='0'>great staff</span>, very friendly</div><div class='text-box'>The room was small and definitely in need of a makeover. The bathroom was very small and very much in need of a makeover. I am sure both were clean, but they did not seem to be clean because they are so dingy. At $300 for one night, I was grossly over charged.</div><div class='text-box'>Stayed here for the weekend of November 4-6. <span class='review-span highlight' data-aligned-summaries='0'>Got a last minute deal and was happy with the location</span>. There is some construction nearby so be warned of the noise in the early morning. Close to all amenities.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>Enjoyed the</span> Delta <span class='review-span highlight' data-aligned-summaries='0'>experience</span>, <span class='review-span highlight' data-aligned-summaries='0'>will definately come back</span>. The retaurant staff were outstanding, epecially the chef on duty.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">The hotel is a great place to stay and it is a recommended 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-few_comm-summ_41.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 visited Toronto end of May and stayed in this hotel with a colleague. The hotel is situated in the city centre of Toronto. <span class='review-span highlight' data-aligned-summaries='0'>The rooms in the hotel were cleaned and spacious. The bedding was very nice; the bathroom was modern</span> with marble unit top and the toiletries were of good quality. The corridor had also an ice machine which I thought was very good idea, for those who like their cold water any time of the day. The breakfast in the hotel was also good, with a good choice of food. Newspapers were delivered to you in the morning and the staffs were very pleasant and helpful. The hotel also had a bar with a dancing floor and this was quite handy for us as we could drink and dance in. I will go there again if I ever go to Toronto and <span class='review-span highlight' data-aligned-summaries='0'>will definitely recommend it</span>.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>We stayed at this hotel</span> for 7 nights <span class='review-span highlight' data-aligned-summaries='0'>and had a fantastic time</span>. The hotel is very nice and the staff are very helpful and friendly. Our room was on the 8th floor and it was a very good size and the bathroom was spacious. We had breakfast in the Market Garden, it was great with a very good choice. I found the hotel to be very quiet even although it is a very busy hotel. The location of this hotel is great. It is a 2 minute walk to the Eaton Centre (which is great) and about 20 -25 minute walk down to Front Street for the CN Tower.</div><div class='text-box'>I have stayed at the Delta Chelsea in Toronto many many times over the past years and have never been disappointed. <span class='review-span highlight' data-aligned-summaries='0'>The quality of this hotel is second to none</span> and the location is perfect. close to everything "downtown". as well as transit . The rooms are well kept, clean. and the beds are incredibly comfortable. If I have one negative comment regarding this hotel it would be that the restaurant is very expensive. I find myself going out to eat meals while staying at the Delta Chelsea. All in all. <span class='review-span highlight' data-aligned-summaries='0'>I always enjoy my stay at this hotel</span>.</div><div class='text-box'>I visited TO for my birthday. The Delta Chelsea prestige clerk didnt have any interest in doing something special for my birthday (Montreal Delta Centerville are more then happy to give wonderful experience for celebrations!) Even though it was written on my reservation I was there for my bday; I had to verbally remind them and they didnt seem too interested. Got a few balloons and 2 chocolate strawberries. Woohoo! In the morning I finally got them to give me free breakfast. Rm was clean and for most part comfortable</div><div class='text-box'>enjoyed a week for business, especially enjoyed the spa next door Elmwood Spa - they give a discount if show your room key. the curry's at lunch time in the bistro are great as is the affordable food in the cafe part. Pub i didn't like too much . but <span class='review-span highlight' data-aligned-summaries='0'>the restaurant is excellent</span>. <span class='review-span highlight' data-aligned-summaries='0'>business services are really good</span> - make sure you get an upgraded room and that been renovated as some are looking rather tired. <span class='review-span highlight' data-aligned-summaries='0'>great staff, very friendly</span></div><div class='text-box'>The room was small and definitely in need of a makeover. The bathroom was very small and very much in need of a makeover. I am sure both were clean, but they did not seem to be clean because they are so dingy. <span class='review-span highlight' data-aligned-summaries='0'>At $300 for one night, I was grossly over charged</span>.</div><div class='text-box'>Stayed here for the weekend of November 4-6. Got a last minute deal and was happy with the location. There is some construction nearby so be warned of the noise in the early morning. Close to all amenities.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>Enjoyed the</span> Delta <span class='review-span highlight' data-aligned-summaries='0'>experience</span>, will definately come back. The <span class='review-span highlight' data-aligned-summaries='0'>retaurant staff were outstanding</span>, epecially the chef on duty.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">This hotel is very recommended and it is an excellent hotel to stay at.</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-few_comm-summ_42.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'>We stayed here during Mardi Gras and couldnt ask for a better location. St. Charles is the main parade route so that means it passes right out your door. The hotel gives you wristbands to enter the building which is good because that means randoms cant go in. We stalked out positions within a couple blocks of the hotel to watch the parade and could easily go back to the room for a break. The room is equipped with a small kitchen which was perfect to heat up our leftovers and make some small meals. Even if it wasnt Mardi Gras, it's a good base to explore New Orleans with the trolley right outside your door. It's within walking distance of prime Garden district and it's a long walk to the French Quarter.probably 30 minutes to 40 minutes. The rooms could be updated, but the staff was very helpful even during the stressful Mardi Gras time (super busy for them) It also had a very spacious and updated gym to burn those calories off from all the good food you eat in New Orleans</div><div class='text-box'>From the time we stepped out of our car to hand over our keys to the time we left we were treated like royalty. The porters, Kevin and Mr. Turner were exceptional and made us feel most welcome especially after travelling 11 hours in the car. <span class='review-span highlight' data-aligned-summaries='0'>We stayed in a studio with a king bed and full kitchen, dressing area and shower. All were very clean</span>. We exchanged our time share and this was definitely a pleasant surprise. The Resort is in a residential area right on the St. Charles trolley line. We purchased a Jazzy Pass at Walgreens down the street and never needed our car.</div><div class='text-box'>My daughter and I spend a weekend here while job hunting, school interviewing and house hunting. <span class='review-span highlight' data-aligned-summaries='0'>This was the perfect home base for all of our explorations</span>. We have made many many trips to New Orleans but this was our 1st time staying outside of the Quarter. It was wonderful! The staff was amazing, so very nice. The rooms were spacious and well appointed, the beds very comfortable and everything upgraded and modern. Having the streetcar stop right out front made everything so easy. Would recommend this to anyone visiting this amazing city!</div><div class='text-box'>WOW - looking via the internet I was looking forward to staying at the Avenue Plaza. Too bad there was no information about them being timeshares. The location is great - right on the St. Charles streetcar line. But we didn't get fresh towels, the <span class='review-span highlight' data-aligned-summaries='0'>beds were not made up</span>, the floors were dirty.NOT what you want to see when you are traveling, especially when you know there are so many hotels in NO that are way classier. <span class='review-span highlight' data-aligned-summaries='0'>Would not recommend</span> staying here at all.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>Great hotel</span>. My wife and I showed up at 11:30 PM for the BCS championship game. Our original hotel was oversold, and they contacted the Avenue Plaza. The staff was very nice. The room was nicely appointed, with a refrigerator, stove, and coffee pot. The bathroom was small, but everything worked; it was clean, and the bed was comfortable. We could have spent a lot more and gotten a lot less.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>Great location</span> for bar/ restaurant hopping on St Charles, <span class='review-span highlight' data-aligned-summaries='0'>nice and clean pool</span>, <span class='review-span highlight' data-aligned-summaries='0'>fantastic steak house on site</span>! Fun 24/7 bar next door for karaoke. <span class='review-span highlight' data-aligned-summaries='0'>Loved my stay</span> for my birthday. Walk down to the Blind Pelican for drinks, 15$ taxi to quarter, great shopping on Magazine st.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>Staff were very friendly</span> and helpful. Rooms were large and clean and well appointed with tv, kitchenette, etc. <span class='review-span highlight' data-aligned-summaries='0'>Great shower</span>. Even though this is a timeshare there was no pressure to buy. All staff went out of there way to be helpful.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>This is a wonderful place to stay</span> in a beautiful section of New Orleans. Fine dining and transportation all within walking distance. <span class='review-span highlight' data-aligned-summaries='0'>Well worth the money, I will stay here again</span>!</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">This was definitely a great 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-few_comm-summ_43.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'>We stayed here during Mardi Gras and couldnt ask for a better location. St. Charles is the main parade route so that means it passes right out your door. <span class='review-span highlight' data-aligned-summaries='0'>The hotel gives you wristbands to enter the building which is good</span> because that means randoms cant go in. We stalked out positions within a couple blocks of the hotel to watch the parade and could easily go back to the room for a break. The room is equipped with <span class='review-span highlight' data-aligned-summaries='0'>a small kitchen which was perfect</span> to heat up our leftovers and make some small meals. Even if it wasnt Mardi Gras, it's a good base to explore New Orleans with the trolley right outside your door. It's within walking distance of prime Garden district and it's a long walk to the French Quarter.probably 30 minutes to 40 minutes. The rooms could be updated, but the staff was very helpful even during the stressful Mardi Gras time (super busy for them) It also had a very spacious and updated gym to burn those calories off from all the good food you eat in New Orleans</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>From the time we stepped out of our car</span> to hand over our keys <span class='review-span highlight' data-aligned-summaries='0'>to the time we left we were treated like royalty</span>. <span class='review-span highlight' data-aligned-summaries='0'>The porters</span>, Kevin and Mr. Turner <span class='review-span highlight' data-aligned-summaries='0'>were exceptional and made us feel most welcome</span> especially after travelling 11 hours in the car. We stayed in a studio with a king bed and full kitchen, dressing area and shower. All were very clean. We exchanged our time share and this was definitely a pleasant surprise. The Resort is in a residential area right on the St. Charles trolley line. We purchased a Jazzy Pass at Walgreens down the street and never needed our car.</div><div class='text-box'>My daughter and I spend a weekend here while job hunting, school interviewing and house hunting. This was the perfect home base for all of our explorations. We have made many many trips to New Orleans but this was our 1st time staying outside of the Quarter. It was wonderful! The staff was amazing, so very nice. The rooms were spacious and well appointed, the beds very comfortable and everything upgraded and modern. Having the streetcar stop right out front made everything so easy. <span class='review-span highlight' data-aligned-summaries='0'>Would recommend this to anyone visiting this amazing city</span>!</div><div class='text-box'>WOW - looking via the internet I was looking forward to staying at the Avenue Plaza. Too bad there was no information about them being timeshares. The location is great - right on the St. Charles streetcar line. But <span class='review-span highlight' data-aligned-summaries='0'>we didn't get fresh towels, the beds were not made up, the floors were dirty</span>.NOT what you want to see when you are traveling, especially when you know there are so many hotels in NO that are way classier. <span class='review-span highlight' data-aligned-summaries='0'>Would not recommend staying here at all</span>.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>Great hotel</span>. My wife and I showed up at 11:30 PM for the BCS championship game. Our original hotel was oversold, and they contacted the Avenue Plaza. The staff was very nice. The room was nicely appointed, with a refrigerator, stove, and coffee pot. The bathroom was small, but everything worked; it was clean, and the bed was comfortable. We could have spent a lot more and gotten a lot less.</div><div class='text-box'>Great location for bar/ restaurant hopping on St Charles, nice and clean pool, fantastic steak house on site! Fun 24/7 bar next door for karaoke. <span class='review-span highlight' data-aligned-summaries='0'>Loved my stay</span> for my birthday. Walk down to the Blind Pelican for drinks, 15$ taxi to quarter, great shopping on Magazine st.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>Staff were very friendly and helpful. Rooms were large and clean and well appointed with tv, kitchenette, etc. Great shower</span>. Even though this is a timeshare there was no pressure to buy. All staff went out of there way to be helpful.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>This is a wonderful place to stay in</span> a beautiful section of New Orleans. Fine dining and transportation all within walking distance. Well worth the money, <span class='review-span highlight' data-aligned-summaries='0'>I will stay here again</span>!</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">This is such a great hotel to stay in.</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-few_comm-summ_44.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'>We stayed here during Mardi Gras and could<span class='review-span highlight' data-aligned-summaries='0'>nt ask for a better location</span>. St. Charles is the main parade route so that means it passes right out your door. The hotel gives you wristbands to enter the building which is good because that means randoms cant go in. We stalked out positions within a couple blocks of the hotel to watch the parade and could easily go back to the room for a break. The <span class='review-span highlight' data-aligned-summaries='0'>room</span> is <span class='review-span highlight' data-aligned-summaries='0'>equipped with a small kitchen</span> which was perfect to heat up our leftovers and make some small meals. Even if it wasnt Mardi Gras, it's a good base to explore New Orleans with the trolley right outside your door. It's within walking distance of prime Garden district and it's a long walk to the French Quarter.probably 30 minutes to 40 minutes. The rooms could be updated, but the staff was very helpful even during the stressful Mardi Gras time (super busy for them) It also had a very spacious and updated gym to burn those calories off from all the good food you eat in New Orleans</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>From the time we stepped out of our car</span> to hand over our keys <span class='review-span highlight' data-aligned-summaries='0'>to the time we left we were treated like royalty</span>. The porters, <span class='review-span highlight' data-aligned-summaries='0'>Kevin and Mr. Turner were exceptional and made us feel most welcome</span> especially after travelling 11 hours in the car. We stayed in a studio with a king bed and full kitchen, dressing area and shower. All were very clean. We exchanged our time share and this was definitely a pleasant surprise. The Resort is in a residential area right on the St. Charles trolley line. We purchased a Jazzy Pass at Walgreens down the street and never needed our car.</div><div class='text-box'>My daughter and I spend a weekend here while job hunting, school interviewing and house hunting. <span class='review-span highlight' data-aligned-summaries='0'>This was the perfect home base for all of our explorations</span>. We have made many many trips to New Orleans but this was our 1st time staying outside of the Quarter. It was wonderful! The staff was amazing, so very nice. The rooms were spacious and well appointed, the beds very comfortable and everything upgraded and modern. Having the streetcar stop right out front made everything so easy. Would recommend this to anyone visiting this amazing city!</div><div class='text-box'>WOW - looking via the internet I was looking forward to staying at the Avenue Plaza. Too bad there was no information about them being timeshares. The location is great - right on the St. Charles streetcar line. But we didn't get fresh towels, the beds were not made up, the floors were dirty.NOT what you want to see when you are traveling, especially when you know there are <span class='review-span highlight' data-aligned-summaries='0'>so many hotels</span> in NO <span class='review-span highlight' data-aligned-summaries='0'>that are way classier</span>. <span class='review-span highlight' data-aligned-summaries='0'>Would not recommend staying</span> here at all.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>Great hotel</span>. My wife and I showed up at 11:30 PM for the BCS championship game. Our original hotel was oversold, and they contacted the Avenue Plaza. The staff was very nice. The room was nicely appointed, with a refrigerator, stove, and coffee pot. The bathroom was small, but everything worked; it was clean, and the bed was comfortable. We could have spent a lot more and gotten a lot less.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>Great location</span> for bar/ restaurant hopping on St Charles, <span class='review-span highlight' data-aligned-summaries='0'>nice and clean pool</span>, <span class='review-span highlight' data-aligned-summaries='0'>fantastic steak house on site</span>! Fun 24/7 bar next door for karaoke. <span class='review-span highlight' data-aligned-summaries='0'>Loved my stay</span> for my birthday. Walk down to the Blind Pelican for drinks, 15$ taxi to quarter, great shopping on Magazine st.</div><div class='text-box'>Staff were very friendly and helpful. Rooms were large and clean and well appointed with tv, kitchenette, etc. <span class='review-span highlight' data-aligned-summaries='0'>Great shower</span>. Even though this is a timeshare there was no pressure to buy. All staff went out of there way to be helpful.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>This is a wonderful place to stay</span> in a beautiful section of New Orleans. Fine dining and transportation all within walking distance. Well worth the money, I will stay here again!</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">This is a great 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-few_comm-summ_45.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'>Overpriced</span> Stayed there with my family Aug 1 to 4 2005. Good points - its on Bourbon Street. Bad points - its on Bourbon Street + everything else. Asked for a quiet room months ahead, we were given a room next to the elevator: noisy, lots of convention goers yelling up and down the corridor at 3 a.m. Parking is difficult - they have a garage (about $30/ day !) but its small and spaces are tight. My wife had to go to ER whilst we were there, they didn't even know where the nearest hospital was ! Constant feeling that they wanted our cash but didn't want to provide anything like service in return. <span class='review-span highlight' data-aligned-summaries='0'>Avoid</span>.</div><div class='text-box'>Had a great time! We splurged and booked two Bourbon Street balcony rooms for a post-graduation celebration with our two young adult daughters. Although the hotel itself is a little long-in-the-tooth, its location on lower Bourbon Street can't be beat. There are nicer, fancier hotels and inns nearby, but we chose the Royal Sonesta specifically for its location. Yes, it's noisy and you can hear music and rowdy crowds until late at night, but we anticipated this too. Bourbon Street was busier for an early June Monday and Tuesday night than I would have expected, but we had fun sitting on the balcony, throwing beads at the crowds who happened to walk by.</div><div class='text-box'>Jazzfest Stay here for 8 nights and for the most part it was very enjoyable except for a few monir things that added up. For about 3-4 days the hot water was only luke warm, one day I went out and took off the privacy sign and by 3pm the room was not made up, had to call housekeeping and when I returned at 4pm, it still was not done, had to put in an angry second call to have the room done ASAP. Also one monring I had the privacy sign on and housekeeping still knocked on my door, lucky I was not sleeping.The <span class='review-span highlight' data-aligned-summaries='0'>location cannot be beat</span> and <span class='review-span highlight' data-aligned-summaries='0'>service/staff is</span> still very <span class='review-span highlight' data-aligned-summaries='0'>good</span>.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>Great hotel</span>! I have family in New Orleans so I am pretty familiar with the city.I have stayed in a good deal of places/areas of town. The Royal Sonesta, by far, offers the best location and experience. One of the three hotel bars to the GREAT restaurant for breakfast to the fabulous rooms, this place is a treasure. We had a courtyard room that opened up to the pool deck. BEAUTIFUL! And the price was right too!</div><div class='text-box'>No one returns emails or calls.Upcoming Stay I have booked a room for an upcoming Conference-American College of Cardiology; I have sent emails to various managers at hotel inquiring what amenities are included for the room price of $300+/ SHOCKER - No one responds. I haven't even arrived there for my MARCH Conference, and I am feeling like <span class='review-span highlight' data-aligned-summaries='0'>this is a poorly managed hotel</span>.</div><div class='text-box'>Great place on Bourbon Street Stayed one night at the Royal Sonesta on Bourbon Street. <span class='review-span highlight' data-aligned-summaries='0'>What a great place</span>, very classy and you can't beat the location. Went in June so the rates were very inexpensive. Rooms were very clean and quiet. Definitely would stay there again. First Class.</div><div class='text-box'>Great location, tiny rooms <span class='review-span highlight' data-aligned-summaries='0'>Nice hotel</span> in a great location, but very overpriced. The room was small and not very well maintained. Parking was also overpriced and the scratched my spouse's custom car when the valet parked it.</div><div class='text-box'>Very nice hotel <span class='review-span highlight' data-aligned-summaries='0'>Very nice hotel</span>. The reception area is extremely nice. The rooms are also very nice with large flat screens although they are quite small.Very good breakfast. Very good location though as a result quite noisy.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">This was definitely a great 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-few_comm-summ_46.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'>Overpriced</span> Stayed there with my family Aug 1 to 4 2005. Good points - its on Bourbon Street. Bad points - its on Bourbon Street + everything else. Asked for a quiet room months ahead, we were given a room next to the elevator: noisy, lots of convention goers yelling up and down the corridor at 3 a.m. Parking is difficult - they have a garage (about $30/ day !) but its small and spaces are tight. My wife had to go to ER whilst we were there, they didn't even know where the nearest hospital was ! Constant feeling that they wanted our cash but didn't want to provide anything like service in return. <span class='review-span highlight' data-aligned-summaries='0'>Avoid</span>.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>Had a great time</span>! We splurged and booked two Bourbon Street balcony rooms for a post-graduation celebration with our two young adult daughters. Although the hotel itself is a little long-in-the-tooth, its <span class='review-span highlight' data-aligned-summaries='0'>location</span> on lower Bourbon Street <span class='review-span highlight' data-aligned-summaries='0'>can't be beat</span>. There are nicer, fancier hotels and inns nearby, but we chose the Royal Sonesta specifically for its location. Yes, it's noisy and you can hear music and rowdy crowds until late at night, but we anticipated this too. Bourbon Street was busier for an early June Monday and Tuesday night than I would have expected, but we had fun sitting on the balcony, throwing beads at the crowds who happened to walk by.</div><div class='text-box'>Jazzfest Stay here for 8 nights and for the most part it was very enjoyable except for a few monir things that added up. For about 3-4 days the hot water was only luke warm, one day I went out and took off the privacy sign and by 3pm the room was not made up, had to call housekeeping and when I returned at 4pm, it still was not done, had to put in an angry second call to have the room done ASAP. Also one monring I had the privacy sign on and housekeeping still knocked on my door, lucky I was not sleeping.The <span class='review-span highlight' data-aligned-summaries='0'>location cannot be beat</span> and <span class='review-span highlight' data-aligned-summaries='0'>service/staff is</span> still <span class='review-span highlight' data-aligned-summaries='0'>very good.</span></div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>Great hotel</span>! I have family in New Orleans so I am pretty familiar with the city.I have stayed in a good deal of places/areas of town. The Royal Sonesta, by far, offers the best location and experience. One of the three hotel bars to the GREAT restaurant for breakfast to the fabulous rooms, this place is a treasure. We had a courtyard room that opened up to the pool deck. BEAUTIFUL! And the price was right too!</div><div class='text-box'>No one returns emails or calls.Upcoming Stay I have booked a room for an upcoming Conference-American College of Cardiology; I have sent emails to various managers at hotel inquiring what amenities are included for the room price of $300+/ SHOCKER - No one responds. I haven't even arrived there for my MARCH Conference, and I am feeling like this is a poorly managed hotel.</div><div class='text-box'>Great place on Bourbon Street Stayed one night at the Royal Sonesta on Bourbon Street. <span class='review-span highlight' data-aligned-summaries='0'>What a great place</span>, very classy and you can't beat the location. Went in June so the rates were very inexpensive. Rooms were very clean and quiet. Definitely would stay there again. First Class.</div><div class='text-box'>Great location, tiny rooms <span class='review-span highlight' data-aligned-summaries='0'>Nice hotel</span> in a great location, but very overpriced. The room was small and not very well maintained. Parking was also overpriced and the scratched my spouse's custom car when the valet parked it.</div><div class='text-box'>Very nice hotel <span class='review-span highlight' data-aligned-summaries='0'>Very nice hotel</span>. The reception area is extremely nice. The rooms are also very nice with large flat screens although they are quite small.Very good breakfast. Very good location though as a result quite noisy.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">This is such a great hotel to stay in.</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-few_comm-summ_47.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'>Overpriced</span> Stayed there with my family Aug 1 to 4 2005. Good points - its on Bourbon Street. Bad points - its on Bourbon Street + everything else. Asked for a quiet room months ahead, we were given a room next to the elevator: noisy, lots of convention goers yelling up and down the corridor at 3 a.m. Parking is difficult - they have a garage (about $30/ day !) but its small and spaces are tight. My wife had to go to ER whilst we were there, they didn't even know where the nearest hospital was ! Constant feeling that they wanted our cash but didn't want to provide anything like service in return. <span class='review-span highlight' data-aligned-summaries='0'>Avoid</span>.</div><div class='text-box'>Had a great time! We splurged and booked two Bourbon Street balcony rooms for a post-graduation celebration with our two young adult daughters. Although the hotel itself is a little long-in-the-tooth, its <span class='review-span highlight' data-aligned-summaries='0'>location</span> on lower Bourbon Street <span class='review-span highlight' data-aligned-summaries='0'>can't be beat</span>. There are nicer, fancier hotels and inns nearby, but we chose the Royal Sonesta specifically for its location. Yes, it's noisy and you can hear music and rowdy crowds until late at night, but we anticipated this too. Bourbon Street was busier for an early June Monday and Tuesday night than I would have expected, but we had <span class='review-span highlight' data-aligned-summaries='0'>fun sitting on the balcony</span>, throwing beads at the crowds who happened to walk by.</div><div class='text-box'>Jazzfest Stay here for 8 nights and for the most part it was very enjoyable except for a few monir things that added up. For about 3-4 days the hot water was only luke warm, one day I went out and took off the privacy sign and by 3pm the room was not made up, had to call housekeeping and when I returned at 4pm, it still was not done, had to put in an angry second call to have the room done ASAP. Also one monring I had the privacy sign on and housekeeping still knocked on my door, lucky I was not sleeping.<span class='review-span highlight' data-aligned-summaries='0'>The location cannot be beat and service/staff is still very good</span>.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>Great hotel</span>! I have family in New Orleans so I am pretty familiar with the city.I have stayed in a good deal of places/areas of town. <span class='review-span highlight' data-aligned-summaries='0'>The Royal Sonesta, by far, offers the best location and experience</span>. One of the three hotel bars to the GREAT restaurant for breakfast to the fabulous rooms, <span class='review-span highlight' data-aligned-summaries='0'>this place is a treasure.</span> We had a courtyard room that opened up to the pool deck. BEAUTIFUL! And the price was right too!</div><div class='text-box'>No one returns emails or calls.Upcoming Stay I have booked a room for an upcoming Conference-American College of Cardiology; I have sent emails to various managers at hotel inquiring what amenities are included for the room price of $300+/ SHOCKER - No one responds. I haven't even arrived there for my MARCH Conference, and <span class='review-span highlight' data-aligned-summaries='0'>I am feeling like this is a poorly managed hotel</span>.</div><div class='text-box'>Great place on Bourbon Street Stayed one night at the Royal Sonesta on Bourbon Street. <span class='review-span highlight' data-aligned-summaries='0'>What a great place</span>, very classy and you can't beat the location. Went in June so the rates were very inexpensive. Rooms were very clean and quiet. Definitely would stay there again. First Class.</div><div class='text-box'>Great location, tiny rooms <span class='review-span highlight' data-aligned-summaries='0'>Nice hotel in a great location</span>, but very overpriced. The room was small and not very well maintained. Parking was also overpriced and the scratched my spouse's custom car when the valet parked it.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>Very nice hotel</span> Very nice hotel. The reception area is extremely nice. The rooms are also very nice with large flat screens although they are quite small.Very good breakfast. Very good location though as a result quite noisy.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">This is a great 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-few_comm-summ_48.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'>We stayed in the Locanda Sant'Agostin in January '06, <span class='review-span highlight' data-aligned-summaries='0'>we were very impressed with the quality and friendliness of the service we received</span>. Our room was very quiet, if not a little cold, however I think the Venetian's are a little more hardy when it came to the -C temperatures we experienced. January was a brilliant time to visit, St Mark's square was practically empty and we did not have to queue for anything! Breakfast was basic continental style, but the humourous attention of the waitress more than made up for this. <span class='review-span highlight' data-aligned-summaries='0'>We would recommend this hotel</span> to anyone who wants to experience Venice, you really can walk anywhere from the Hotel, the Rialto Bridge and St Marks are only a few minutes walk away. A brilliant holiday - thank you Locando Sant'Agostin we'll be sending our parents your way next year!</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>My husband and I</span>, as well as another couple reserved 2 rooms on the internet and <span class='review-span highlight' data-aligned-summaries='0'>were very happy with the accommodations</span>. They were clean, comfortable, charming, centrallly located, and breakfast was a nice start to the day with yoghurt, cappuccino, coissants, cereal. The rooms were decorated with old world charm and the bathrooms were newly upgraded. <span class='review-span highlight' data-aligned-summaries='0'>The staff was very friendly</span> and helpful. The location was walking distance to all of Venice. It is easiest to take a water taxi or the walk has many bridges and steps for you to navigate with your luggage. -Great value. Loved Venice and Locanda Sant'Agostin Loretta and Vincent</div><div class='text-box'>Locanda San Agostin is the most charming hotel; it is all about service and making sure the guests are comfortable. <span class='review-span highlight' data-aligned-summaries='0'>The staff are</span> so helpful and so <span class='review-span highlight' data-aligned-summaries='0'>pleasant</span>. We stayed in the apt nearby and found it spacious and clean, and it gave us a flavour of how Venetians live. The hotel is away from the main tourist drag but it is still in a great location, not far from the water-ferry station and Rialto,and quite close to a couple of great restaurants.</div><div class='text-box'>The Locanda Sant'Agostin was a delight in every way. The hotel is a historic beauty with a pleasant surprise of a large spacious room and bathroom. The location was ideal; situated off a quiet plaza but within easy walking distance to our destinations.<span class='review-span highlight' data-aligned-summaries='0'>The staff was very friendly and helpful</span>; their English speaking skills were somewhat limited but not problematic. Our stay was very pleasant and <span class='review-span highlight' data-aligned-summaries='0'>I highly recommend this hotel</span>.</div><div class='text-box'>We stayed in the apartment next to the hotel which was spacious, comfortable and clean and a great price for Venice. Breakfast next door at the hotel was lovely and the breakfast lady is very warm and friendly. <span class='review-span highlight' data-aligned-summaries='0'>The staff at reception could not have been more helpful</span>, booking us tickets to a concert, recommending places to visit and restaurants to eat. Would definitely come back and stay again.</div><div class='text-box'>A nice and <span class='review-span highlight' data-aligned-summaries='0'>friendly atmosphere</span>. Everyone were very helpful in helping us with arrangement of a water taxi pickup early Sunday morning. It is located so you can easily (< 5 min) reach the places where the Venezians go out. I am sure that we will consider this place, the next time we go to Venezia.</div><div class='text-box'>The hotel was ideally located in the centre of Venice but in a nice quiet situation. <span class='review-span highlight' data-aligned-summaries='0'>The staff were all very friendly</span> and helpful, and the hotel was spotlessly clean. <span class='review-span highlight' data-aligned-summaries='0'>I would certainly recommend this hotel</span> and when I return to Venice will look no further.</div><div class='text-box'>ideal place to stay right in the heart of real Venice clean comfortable and elegant rooms very good breakfast <span class='review-span highlight' data-aligned-summaries='0'>very efficient and helpfull staff</span> definetely <span class='review-span highlight' data-aligned-summaries='0'>i will stay again in my nxt visit</span></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 friendly and the hotel is recommended.</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-few_comm-summ_49.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'>We stayed in the Locanda Sant'Agostin in January '06, <span class='review-span highlight' data-aligned-summaries='0'>we were very impressed with the quality and friendliness of the service we received</span>. Our room was very quiet, if not a little cold, however I think the Venetian's are a little more hardy when it came to the -C temperatures we experienced. January was a brilliant time to visit, St Mark's square was practically empty and we did not have to queue for anything! Breakfast was basic continental style, but the humourous attention of the waitress more than made up for this. <span class='review-span highlight' data-aligned-summaries='0'>We would recommend this hotel to anyone</span> who wants to experience Venice, you really can walk anywhere from the Hotel, the Rialto Bridge and St Marks are only a few minutes walk away. A brilliant holiday - thank you Locando Sant'Agostin we'll be sending our parents your way next year!</div><div class='text-box'>My husband and I, as well as another couple reserved 2 rooms on the internet and were very happy with the <span class='review-span highlight' data-aligned-summaries='1'>accommodations</span>. They <span class='review-span highlight' data-aligned-summaries='1'>were clean</span>, comfortable, charming, centrallly located, and breakfast was a nice start to the day with yoghurt, cappuccino, coissants, cereal. The rooms were decorated with old world charm and the bathrooms were newly upgraded. <span class='review-span highlight' data-aligned-summaries='0'>The staff was very friendly and helpful</span>. The location was walking distance to all of Venice. It is easiest to take a water taxi or the walk has many bridges and steps for you to navigate with your luggage. -Great value. Loved Venice and Locanda Sant'Agostin Loretta and Vincent</div><div class='text-box'>Locanda San Agostin is the most charming hotel; it is all about service and making sure the guests are comfortable. The <span class='review-span highlight' data-aligned-summaries='0'>staff are so helpful</span> and so <span class='review-span highlight' data-aligned-summaries='0'>pleasant</span>. We stayed in the apt nearby and <span class='review-span highlight' data-aligned-summaries='1'>found it</span> spacious and <span class='review-span highlight' data-aligned-summaries='1'>clean</span>, and it gave us a flavour of how Venetians live. The hotel is away from the main tourist drag but it is still in a great location, not far from the water-ferry station and Rialto,and quite close to a couple of great restaurants.</div><div class='text-box'>The Locanda Sant'Agostin was a delight in every way. The hotel is a historic beauty with a pleasant surprise of a large spacious room and bathroom. The location was ideal; situated off a quiet plaza but within easy walking distance to our destinations.<span class='review-span highlight' data-aligned-summaries='0'>The staff was very friendly and helpful</span>; their English speaking skills were somewhat limited but not problematic. Our stay was very pleasant and I <span class='review-span highlight' data-aligned-summaries='0'>highly recommend this hotel</span>.</div><div class='text-box'>We stayed in the apartment next to <span class='review-span highlight' data-aligned-summaries='1'>the hotel</span> which was spacious, comfortable and <span class='review-span highlight' data-aligned-summaries='1'>clean</span> and a great price for Venice. Breakfast next door at the hotel was lovely and the breakfast lady is very warm and friendly. <span class='review-span highlight' data-aligned-summaries='0'>The staff at reception could not have been more helpful</span>, booking us tickets to a concert, recommending places to visit and restaurants to eat. <span class='review-span highlight' data-aligned-summaries='0'>Would definitely come back and stay again</span>.</div><div class='text-box'>A nice and <span class='review-span highlight' data-aligned-summaries='0'>friendly atmosphere</span>. <span class='review-span highlight' data-aligned-summaries='0'>Everyone were very helpful in helping us with arrangement of a water taxi pickup early Sunday morning.</span> It is located so you can easily (< 5 min) reach the places where the Venezians go out. I am sure that we will consider this place, the next time we go to Venezia.</div><div class='text-box'>The hotel was ideally located in the centre of Venice but in a nice quiet situation. <span class='review-span highlight' data-aligned-summaries='0'>The staff were all very friendly and helpful</span>, and <span class='review-span highlight' data-aligned-summaries='1'>the hotel was spotlessly clean</span>. <span class='review-span highlight' data-aligned-summaries='0'>I would certainly recommend this hotel</span> and when I return to Venice will look no further.</div><div class='text-box'>ideal place to stay right in the heart of real Venice <span class='review-span highlight' data-aligned-summaries='1'>clean comfortable and elegant rooms</span> very good breakfast very <span class='review-span highlight' data-aligned-summaries='0'>efficient and helpfull staff definetely i will stay again in my nxt visit</span></div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">Staff at this hotel could not have been more helpful and friendly, which really does make this hotel highly recommended.</span> <span id="1" class="summary-sentence">The hotel was really clean, 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-few_comm-summ_5.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'>Up till today this rating could not have said enough about this hotel unbelievable pool great service at poolside bar from Ed, Zack and Gracie. except for room not cleaned till 3:30 rave reviews great beds clean updated great experience. Then today.still good service from Angela the bartender but ? bar full of local kids/angela's friends?,drinking heavily, dropping the F bomb every couple of minutes and getting loud and obnoxiousthey took up whole side of bar and most of Angela's time and sounded like they frequent the pool often so my question to the mangaement is the bar and pool for the use of your guests or the local kids. Big mistake we are the ones that pay for the rooms maybe you want to reconsider the use of the pool/ bar as for guest use. So far this is the only glitch in a wonderful stay with <span class='review-span highlight' data-aligned-summaries='0'>courteous staff</span> hopefully and anamoly. I would still highly recommend this Inn and its serene setting if some rules too the bartenders are made no drunken friends monopolizing the bar one incident doesn't warrant a bad report.</div><div class='text-box'>"The Inn at Key West" has accomodations at the level of roadside motels, but charges much higher prices. Rooms are small, with uncomfortable beds, dirty rug, and worn-out furniture. The only places that look better than other motels are the lobby and pool. However, nobody sleeps in the lobby. The pool area was crowded, with many smokers wandering around, giving second-hand smoke to children cheerfully playing. I booked a room with two queen beds, but they gave me one with a king bed. <span class='review-span highlight' data-aligned-summaries='0'>Talking to the hotel staff and customer rep of Hotels.com proved to be wasting of time</span> - almost an hour to be exact. Did I mention that the hotle is inconveniently located outside of the old town where the attractions are? I'll never stay here again!</div><div class='text-box'>Many nice things - walking distance to McDonalds and IHOP-breakfast there for 13.95/free coffee for guests-great location - right across from Gulf-<span class='review-span highlight' data-aligned-summaries='0'>Staff extremely helpful</span>-has trolley you can reserve spot on (on/off all day long) to see al of the well-known spots-my son did jet skiing and it was the same price as at home :) IF you live in florida ask for your Florida residence rate and that made it affordable for us - pool was beautiful -I would stay there again for sure!</div><div class='text-box'>It was a very comfortable and fun place to be at the end of an active day/evening in town. <span class='review-span highlight' data-aligned-summaries='0'>The staff was extremely friendly and helpful</span>. We especially enjoyed the outside restaurant at breakfast and thought the lavish poolside landscaping was beautiful. Also enjoyed the live entertainment at the tiki bar. This was our second visit to Key West and we much preferred staying at The Inn at Key West instead of staying in town.</div><div class='text-box'>Everything about this place is top-notch. The lobby is beautiful - <span class='review-span highlight' data-aligned-summaries='0'>the staff is</span> cheerful, friendly and <span class='review-span highlight' data-aligned-summaries='0'>helpful</span>. They make changes and solve problems with a great attitude. The rooms are clean, well-furnished and comfortable. The pool area and hot tub are well-maintained and a great place to just kick back. This would be my first choice if I ever return to Key West. Highly recommended.</div><div class='text-box'>My wife wasn't too thrilled that I booked this hotel. She wasn't impressed by the outside. Her mind changed as soon as we entered our room. She loved it. It was one of the cleanest hotel we've stayed at. The staff was very nice. I would stay here on my next trip to the keys.</div><div class='text-box'>We stayed two nights at this overpriced hotel! It looks just like a dirty motel with filthy rugs and roaches! <span class='review-span highlight' data-aligned-summaries='0'>The staff was</span> rude and <span class='review-span highlight' data-aligned-summaries='0'>not very helpful</span>! You can stay at lovely B&B in old town that is actually cheaper than this dump! Please stay away!</div><div class='text-box'>Exceeded our expectations ten fold. Clean, <span class='review-span highlight' data-aligned-summaries='0'>friendly</span>, gorgeous, only draw back is the location but it was also nice to be away from the main strip.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">The staff at this hotel is 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-few_comm-summ_50.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'>We stayed in the Locanda Sant'Agostin in January '06, we were very <span class='review-span highlight' data-aligned-summaries='0'>impressed with the</span> quality and <span class='review-span highlight' data-aligned-summaries='0'>friendliness of the service</span> we received. Our room was very quiet, if not a little cold, however I think the Venetian's are a little more hardy when it came to the -C temperatures we experienced. January was a brilliant time to visit, St Mark's square was practically empty and we did not have to queue for anything! Breakfast was basic continental style, but the humourous attention of the waitress more than made up for this. <span class='review-span highlight' data-aligned-summaries='0'>We would recommend this hotel to anyone who wants to experience Venice</span>, you really can walk anywhere from the Hotel, the Rialto Bridge and St Marks are only a few minutes walk away. A brilliant holiday - thank you Locando Sant'Agostin we'll be sending our parents your way next year!</div><div class='text-box'>My husband and I, as well as another couple reserved 2 rooms on the internet and were very happy with the accommodations. They were clean, comfortable, charming, centrallly located, and breakfast was a nice start to the day with yoghurt, cappuccino, coissants, cereal. The rooms were decorated with old world charm and the bathrooms were newly upgraded. <span class='review-span highlight' data-aligned-summaries='0'>The staff was very friendly and helpful</span>. The location was walking distance to all of Venice. It is easiest to take a water taxi or the walk has many bridges and steps for you to navigate with your luggage. -Great value. <span class='review-span highlight' data-aligned-summaries='0'>Loved</span> Venice and <span class='review-span highlight' data-aligned-summaries='0'>Locanda Sant'Agostin</span> Loretta and Vincent</div><div class='text-box'>Locanda San Agostin is the most charming hotel; it is all about service and making sure the guests are comfortable. <span class='review-span highlight' data-aligned-summaries='0'>The staff are so helpful</span> and so pleasant. We stayed in the apt nearby and found it spacious and clean, and it gave us a flavour of how Venetians live. The hotel is away from the main tourist drag but it is still in a great location, not far from the water-ferry station and Rialto,and quite close to a couple of great restaurants.</div><div class='text-box'>The Locanda Sant'Agostin was a delight in every way. The hotel is a historic beauty with a pleasant surprise of a large spacious room and bathroom. The location was ideal; situated off a quiet plaza but within easy walking distance to our destinations.The <span class='review-span highlight' data-aligned-summaries='0'>staff was</span> very <span class='review-span highlight' data-aligned-summaries='0'>friendly</span> and <span class='review-span highlight' data-aligned-summaries='0'>helpful</span>; their English speaking skills were somewhat limited but not problematic. Our stay was very pleasant and I <span class='review-span highlight' data-aligned-summaries='0'>highly recommend this hotel</span>.</div><div class='text-box'>We stayed in the apartment next to the hotel which was spacious, comfortable and clean and a great price for Venice. Breakfast next door at the hotel was lovely and the breakfast lady is very warm and friendly. <span class='review-span highlight' data-aligned-summaries='0'>The staff at reception could not have been more helpful</span>, booking us tickets to a concert, recommending places to visit and restaurants to eat. <span class='review-span highlight' data-aligned-summaries='0'>Would definitely come back and stay again</span>.</div><div class='text-box'>A nice and <span class='review-span highlight' data-aligned-summaries='0'>friendly atmosphere</span>. <span class='review-span highlight' data-aligned-summaries='0'>Everyone were</span> very <span class='review-span highlight' data-aligned-summaries='0'>helpful</span> in helping us with arrangement of a water taxi pickup early Sunday morning. It is located so you can easily (< 5 min) reach the places where the Venezians go out. I am sure that we will consider this place, the next time we go to Venezia.</div><div class='text-box'>The hotel was ideally located in the centre of Venice but in a nice quiet situation. <span class='review-span highlight' data-aligned-summaries='0'>The staff were all very friendly and helpful</span>, and the hotel was spotlessly clean. <span class='review-span highlight' data-aligned-summaries='0'>I would certainly recommend this hotel</span> and when I return to Venice will look no further.</div><div class='text-box'>ideal place to stay right in the heart of real Venice clean comfortable and elegant rooms very good breakfast very <span class='review-span highlight' data-aligned-summaries='0'>efficient and helpfull staff definetely i will stay again in my nxt visit</span></div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">This is a highly recommended hotel with very friendly and helpful staff.</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-few_comm-summ_51.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'>My wife and I stayed at the Best Western Hotel Olimpia over the new year holiday for four nights. It is everything it claims to be and it looks just like the photos on the website. The front desk <span class='review-span highlight' data-aligned-summaries='0'>staff was very helpful</span> and the <span class='review-span highlight' data-aligned-summaries='0'>dining room staff was great</span> too. The Hotel is located about a minutes walk from the vaporetto station. You should buy an extended vaporetto pass if you are going to be in town for a stretch of time. The railway station was a short three minute walk away, and St. Mark's Square took about 1 hour at a leisurely pace to reach.</div><div class='text-box'>Hotel is quietly situated, although well located for the trains, buses and vaporetto. It is very clean and comfortable with <span class='review-span highlight' data-aligned-summaries='0'>friendly and efficient staff</span>. Excellent selection for breakfast. I developed a health problem whilst in Venice and the reception staff could not have been more helpful and supportive in assisting me to resolve the matter. <span class='review-span highlight' data-aligned-summaries='0'>I would certainly stay at this hotel if we return</span> to Venice. Our only criticism would be that the room was a little on the small side but as we spent a great deal of time sightseeing it did not affect our enjoyment of our stay.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>If you are cruising, this a great location</span>. We walked from cruise terminal to Piaza Roma. <span class='review-span highlight' data-aligned-summaries='0'>The hotel is visible from the Piaza</span>. You can get to the airport by bus, cab, or water taxi practically from the front door. The room was small but had a nice view. We left the window and shutters open and it still was not too noisy, although there is activity going on almost all night. Small but usable elevator, which you don't always get. The location and ease of travel made it worth the price.</div><div class='text-box'>This hotel was very nice. The room was quite beautiful, very large by Venice standards, with a canal view and good breakfast. The only complaint is that it is near the end of a vaparato route, and too far to walk at night from San Marco (unless you are actually familiar with the streets and alleys of Venice.) The restaurant, Brucinellis, in the same building was not so great. The bass was very disappointing, and I believe they refill the water bottles with tap water.</div><div class='text-box'>A 3 euro ticket from the airport takes you to Plaza da Roma in 15 mins, you can see the hotel as you get off the bus, A 2 minute walk up steps along small bridge and down steps brings you to Hotel Olimpia. We arrived at Marco Polo at 9p.m by 10p.m we had checked in and were eating supper overlooking canal by hotel-magical.Rooms very pretty, not big, but comfortable.Breakfast plentiful. Very convenient for leaving luggage there when checking out.<span class='review-span highlight' data-aligned-summaries='0'>Would definetly stay there again</span>, not cheap though.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>This is a good hotel</span>, cold air conditioning, <span class='review-span highlight' data-aligned-summaries='0'>warm and friendly staff</span>, and only two bridges from train station and one bridge from Water busses and Piazzaie Roma. They have tables with an awning outside their front door so <span class='review-span highlight' data-aligned-summaries='0'>you can sit and have some wine and enjoy Venice</span>. A good restaurant is right next door and the staff will tell which ones in the area to avoid.</div><div class='text-box'>We stayed here for three nights prior to our cruise, the hotel is very conveniently located transportation wise from the airport and pier. The <span class='review-span highlight' data-aligned-summaries='0'>staff at the hotel was</span> very helpful and <span class='review-span highlight' data-aligned-summaries='0'>friendly</span> and the breakfast was very good. The only note is that the shower was actually smaller than the one on the ship. Great hotel, I would stay there again and <span class='review-span highlight' data-aligned-summaries='0'>recommend it to friends</span>.</div><div class='text-box'>Located close to bus station need to take 2 bridges to get here from the train station. Everything is close by in venice, <span class='review-span highlight' data-aligned-summaries='0'>front-desk person was super nice and very talkative</span>. Have to climb 4 floors to go our room, luckily the doorman helped us with the luggages. Stayed here one night and they stored our luggage for free.</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 friendly and the hotel is recommended.</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-few_comm-summ_52.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'>My wife and I stayed at the Best Western Hotel Olimpia over the new year holiday for four nights. <span class='review-span highlight' data-aligned-summaries='0'>It is everything it claims to be</span> and it looks just like the photos on the website. <span class='review-span highlight' data-aligned-summaries='0'>The front desk staff was very helpful</span> and the dining room staff was great too. The Hotel is located about a minutes walk from the vaporetto station. You should buy an extended vaporetto pass if you are going to be in town for a stretch of time. The railway station was a short three minute walk away, and St. Mark's Square took about 1 hour at a leisurely pace to reach.</div><div class='text-box'>Hotel is quietly situated, although well located for the trains, buses and vaporetto. <span class='review-span highlight' data-aligned-summaries='1'>It is very clean</span> and comfortable with <span class='review-span highlight' data-aligned-summaries='0'>friendly and efficient staff</span>. Excellent selection for breakfast. I developed a health problem whilst in Venice and the <span class='review-span highlight' data-aligned-summaries='0'>reception staff could not have been more helpful and supportive in assisting me to resolve the matter. I would certainly stay at this hotel if we return to Venice.</span> Our only criticism would be that the room was a little on the small side but as we spent a great deal of time sightseeing it did not affect our enjoyment of our stay.</div><div class='text-box'>If you are cruising, this a great location. We walked from cruise terminal to Piaza Roma. The hotel is visible from the Piaza. You can get to the airport by bus, cab, or water taxi practically from the front door. The room was small but had a nice view. We left the window and shutters open and it still was not too noisy, although there is activity going on almost all night. Small but usable elevator, which you don't always get. The location and ease of travel made it worth the price.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>This hotel was very nice</span>. The room was quite beautiful, very large by Venice standards, with a canal view and good breakfast. The only complaint is that it is near the end of a vaparato route, and too far to walk at night from San Marco (unless you are actually familiar with the streets and alleys of Venice.) The restaurant, Brucinellis, in the same building was not so great. The bass was very disappointing, and I believe they refill the water bottles with tap water.</div><div class='text-box'>A 3 euro ticket from the airport takes you to Plaza da Roma in 15 mins, you can see the hotel as you get off the bus, A 2 minute walk up steps along small bridge and down steps brings you to Hotel Olimpia. We arrived at Marco Polo at 9p.m by 10p.m we had checked in and were eating supper overlooking canal by hotel-magical.Rooms very pretty, not big, but comfortable.Breakfast plentiful. Very convenient for leaving luggage there when checking out.<span class='review-span highlight' data-aligned-summaries='0'>Would definetly stay there again</span>, not cheap though.</div><div class='text-box'>This is a good <span class='review-span highlight' data-aligned-summaries='0'>hotel</span>, cold air conditioning, <span class='review-span highlight' data-aligned-summaries='0'>warm and friendly staff</span>, and only two bridges from train station and one bridge from Water busses and Piazzaie Roma. They have tables with an awning outside their front door so you can sit and have some wine and enjoy Venice. A good restaurant is right next door and the staff will tell which ones in the area to avoid.</div><div class='text-box'>We stayed here for three nights prior to our cruise, the hotel is very conveniently located transportation wise from the airport and pier. <span class='review-span highlight' data-aligned-summaries='0'>The staff at the hotel was very helpful and friendly</span> and the breakfast was very good. The only note is that the shower was actually smaller than the one on the ship. Great hotel, <span class='review-span highlight' data-aligned-summaries='0'>I would stay there again and recommend it to friends.</span></div><div class='text-box'>Located close to bus station need to take 2 bridges to get here from the train station. Everything is close by in venice, <span class='review-span highlight' data-aligned-summaries='0'>front-desk person was</span> super <span class='review-span highlight' data-aligned-summaries='0'>nice and</span> very <span class='review-span highlight' data-aligned-summaries='0'>talkative</span>. Have to climb 4 floors to go our room, luckily the doorman helped us with the luggages. Stayed here one night and they stored our luggage for free.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">Staff at this hotel could not have been more helpful and friendly, which really does make this hotel highly recommended.</span> <span id="1" class="summary-sentence">The hotel was really clean, 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-few_comm-summ_53.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'>My wife and I stayed at the Best Western Hotel Olimpia over the new year holiday for four nights. <span class='review-span highlight' data-aligned-summaries='0'>It is everything it claims to be and it looks just like the photos on the website</span>. <span class='review-span highlight' data-aligned-summaries='0'>The front desk staff was very helpful</span> and the dining room staff was great too. The Hotel is located about a minutes walk from the vaporetto station. You should buy an extended vaporetto pass if you are going to be in town for a stretch of time. The railway station was a short three minute walk away, and St. Mark's Square took about 1 hour at a leisurely pace to reach.</div><div class='text-box'>Hotel is quietly situated, although well located for the trains, buses and vaporetto. It is very clean and comfortable with <span class='review-span highlight' data-aligned-summaries='0'>friendly</span> and efficient <span class='review-span highlight' data-aligned-summaries='0'>staff</span>. Excellent selection for breakfast. I developed a health problem whilst in Venice and the reception <span class='review-span highlight' data-aligned-summaries='0'>staff could not have been more helpful</span> and supportive in assisting me to resolve the matter. I would certainly stay at this hotel if we return to Venice. Our only criticism would be that the room was a little on the small side but as we spent a great deal of time sightseeing it did not affect our enjoyment of our stay.</div><div class='text-box'>If you are cruising, <span class='review-span highlight' data-aligned-summaries='0'>this a great location</span>. We walked from cruise terminal to Piaza Roma. The hotel is visible from the Piaza. You can get to the airport by bus, cab, or water taxi practically from the front door. The room was small but had a nice view. We left the window and shutters open and it still was not too noisy, although there is activity going on almost all night. Small but usable elevator, which you don't always get. The location and ease of travel made it worth the price.</div><div class='text-box'>This hotel was very nice. The room was quite beautiful, very large by Venice standards, with a canal view and good breakfast. The only complaint is that it is near the end of a vaparato route, and too far to walk at night from San Marco (unless you are actually familiar with the streets and alleys of Venice.) The restaurant, Brucinellis, in the same building was not so great. The bass was very disappointing, and I believe they refill the water bottles with tap water.</div><div class='text-box'>A 3 euro ticket from the airport takes you to Plaza da Roma in 15 mins, you can see the hotel as you get off the bus, A 2 minute walk up steps along small bridge and down steps brings you to Hotel Olimpia. We arrived at Marco Polo at 9p.m by 10p.m we had checked in and were eating supper overlooking canal by hotel-magical.Rooms very pretty, not big, but comfortable.Breakfast plentiful. Very convenient for leaving luggage there when checking out.<span class='review-span highlight' data-aligned-summaries='0'>Would definetly stay there again</span>, not cheap though.</div><div class='text-box'>This is a good hotel, cold air conditioning, warm and <span class='review-span highlight' data-aligned-summaries='0'>friendly staff</span>, and only two bridges from train station and one bridge from Water busses and Piazzaie Roma. They have tables with an awning outside their front door so you can sit and have some wine and enjoy Venice. A good restaurant is right next door and the <span class='review-span highlight' data-aligned-summaries='0'>staff will tell which ones in the area to avoid</span>.</div><div class='text-box'>We stayed here for three nights prior to our cruise, the hotel is very conveniently located transportation wise from the airport and pier. <span class='review-span highlight' data-aligned-summaries='0'>The staff at the hotel was very helpful</span> and <span class='review-span highlight' data-aligned-summaries='0'>friendly</span> and the breakfast was very good. The only note is that the shower was actually smaller than the one on the ship. <span class='review-span highlight' data-aligned-summaries='0'>Great hotel, I would stay there again and recommend it to friends</span>.</div><div class='text-box'>Located close to bus station need to take 2 bridges to get here from the train station. Everything is close by in venice, <span class='review-span highlight' data-aligned-summaries='0'>front-desk person was super nice and very talkative</span>. Have to climb 4 floors to go our room, luckily <span class='review-span highlight' data-aligned-summaries='0'>the doorman helped us with the luggages</span>. Stayed here one night and they stored our luggage for free.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">This is a highly recommended hotel with very friendly and helpful staff.</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>