Hugging Face's logo

Spaces:
lovodkin93
/
FuseReviews
Running

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

Upload 140 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_100.html +135 -0
  2. html_files/train/CocoTrip-few_comm-summ_101.html +135 -0
  3. html_files/train/CocoTrip-few_comm-summ_102.html +135 -0
  4. html_files/train/CocoTrip-few_comm-summ_103.html +135 -0
  5. html_files/train/CocoTrip-few_comm-summ_104.html +135 -0
  6. html_files/train/CocoTrip-few_comm-summ_105.html +135 -0
  7. html_files/train/CocoTrip-few_comm-summ_106.html +135 -0
  8. html_files/train/CocoTrip-few_comm-summ_107.html +135 -0
  9. html_files/train/CocoTrip-few_comm-summ_108.html +135 -0
  10. html_files/train/CocoTrip-few_comm-summ_109.html +135 -0
  11. html_files/train/CocoTrip-few_comm-summ_110.html +135 -0
  12. html_files/train/CocoTrip-few_comm-summ_111.html +135 -0
  13. html_files/train/CocoTrip-few_comm-summ_112.html +135 -0
  14. html_files/train/CocoTrip-few_comm-summ_113.html +135 -0
  15. html_files/train/CocoTrip-few_comm-summ_114.html +135 -0
  16. html_files/train/CocoTrip-few_comm-summ_115.html +135 -0
  17. html_files/train/CocoTrip-few_comm-summ_116.html +135 -0
  18. html_files/train/CocoTrip-few_comm-summ_117.html +135 -0
  19. html_files/train/CocoTrip-few_comm-summ_118.html +135 -0
  20. html_files/train/CocoTrip-few_comm-summ_119.html +135 -0
  21. html_files/train/CocoTrip-few_cont-summ_0.html +135 -0
  22. html_files/train/CocoTrip-few_cont-summ_1.html +135 -0
  23. html_files/train/CocoTrip-few_cont-summ_10.html +135 -0
  24. html_files/train/CocoTrip-few_cont-summ_100.html +135 -0
  25. html_files/train/CocoTrip-few_cont-summ_101.html +135 -0
  26. html_files/train/CocoTrip-few_cont-summ_102.html +135 -0
  27. html_files/train/CocoTrip-few_cont-summ_103.html +135 -0
  28. html_files/train/CocoTrip-few_cont-summ_104.html +135 -0
  29. html_files/train/CocoTrip-few_cont-summ_105.html +135 -0
  30. html_files/train/CocoTrip-few_cont-summ_106.html +135 -0
  31. html_files/train/CocoTrip-few_cont-summ_107.html +135 -0
  32. html_files/train/CocoTrip-few_cont-summ_108.html +135 -0
  33. html_files/train/CocoTrip-few_cont-summ_109.html +135 -0
  34. html_files/train/CocoTrip-few_cont-summ_11.html +135 -0
  35. html_files/train/CocoTrip-few_cont-summ_110.html +135 -0
  36. html_files/train/CocoTrip-few_cont-summ_111.html +135 -0
  37. html_files/train/CocoTrip-few_cont-summ_112.html +135 -0
  38. html_files/train/CocoTrip-few_cont-summ_113.html +135 -0
  39. html_files/train/CocoTrip-few_cont-summ_114.html +135 -0
  40. html_files/train/CocoTrip-few_cont-summ_115.html +135 -0
  41. html_files/train/CocoTrip-few_cont-summ_116.html +135 -0
  42. html_files/train/CocoTrip-few_cont-summ_117.html +135 -0
  43. html_files/train/CocoTrip-few_cont-summ_118.html +135 -0
  44. html_files/train/CocoTrip-few_cont-summ_119.html +135 -0
  45. html_files/train/CocoTrip-few_cont-summ_12.html +135 -0
  46. html_files/train/CocoTrip-few_cont-summ_13.html +135 -0
  47. html_files/train/CocoTrip-few_cont-summ_14.html +135 -0
  48. html_files/train/CocoTrip-few_cont-summ_15.html +135 -0
  49. html_files/train/CocoTrip-few_cont-summ_16.html +135 -0
  50. html_files/train/CocoTrip-few_cont-summ_17.html +135 -0
html_files/train/CocoTrip-few_comm-summ_100.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 enjoyed our stay at the Hyatt - had a nice room (paid for an upgraded water view, which was nice to have), <span class='review-span highlight' data-aligned-summaries='0'>the staff was friendly</span> and <span class='review-span highlight' data-aligned-summaries='0'>helpful</span>, <span class='review-span highlight' data-aligned-summaries='1'>the location is perfect</span> and we had a very decent rate. The lobbies were pretty nice, but we didn't hang out there or eat at any of the places. We walked most places (or took a cab if our destination was really far), even in the middle of winter. I try not to be too picky about these things, but our room was dusty the whole time we were there. It was enough to be noticed, so it should have been cleaned by the staff. Also, we weren't very fond of the bed. It was a bit on the hard side and wasn't exactly plus. It wasn't horrible though. Again, not horrible, but our room was very hot no matter how we set the temp at.</div><div class='text-box'>Overall the hotel is ok, very busy and noisy. Valet parking is the only choice you have and an additional $50 for every 24 hours. <span class='review-span highlight' data-aligned-summaries='0'>Valet parking stole our Ipod</span> so they told us to fill out a claims report which we did and then we had to wait more than a week to call the claims department because the one and only person they have working claims was on vacation. <span class='review-span highlight' data-aligned-summaries='0'>Once I was able to talk to the claims department she was no help at all</span>. She basically called me a liar and we will not be getting reimbursed for the loss of our IPod. I am furious that it cost me $50 per day extra and then we will have to pay another $250 + to replace our IPod.</div><div class='text-box'>I stayed here for two nights to partake in the Chicago St. Patricks festivities. Check in went super fast, and we were given a room the was so newly remodeled you could still catch a whiff of the fresh paint. It overlooked the river, which made for some great shots when they dyed it! Also, they <span class='review-span highlight' data-aligned-summaries='0'>allowed us a late check out</span> of 2pm, at no charge, in order to not miss the parade. The beds were amazing, as was the bathroom. Plenty of space, with a very nice desk set up. And being one block from Michigan, and a 10 minute walk to Navy Pier, <span class='review-span highlight' data-aligned-summaries='1'>this is a great location</span>. <span class='review-span highlight' data-aligned-summaries='1'>Couldn't have been more pleased with this hotel</span>.</div><div class='text-box'>We loved our stay at the Hyatt Regency. I really <span class='review-span highlight' data-aligned-summaries='1'>don't think there is a better location</span> in downtown. So conveniently located off the river and a short jaunt to Michigan Ave, Grant Park, and Navy Pier. I have already recommended this hotel to other travelers heading to Chicago. I would say, however, the dining in the hotel is pretty pricey. So, if you are looking to save a few bucks get outside of the four walls of the hotel. That being said, I will still always stay at this hotel when traveling to Chicago, with out a doubt.</div><div class='text-box'>I stayed two nights on business. <span class='review-span highlight' data-aligned-summaries='1'>The location was great</span> and the room was very nice. The price was $25-$30 cheaper than any comparable hotels in the area. I had two minor complaints. The closet door was off the track, and wouldn't open when I checked in, and <span class='review-span highlight' data-aligned-summaries='0'>they didn't fix it</span> the second day. Also, the Big Bar closed early, and <span class='review-span highlight' data-aligned-summaries='0'>the bartender was not very polite</span> about letting me know before last call. Other than that, I would highly recommend the place.</div><div class='text-box'>As a hotel, it's very nice, with very nice amenitiies, but it's also expensive. Canned soft drink in the mini-bar cost $4.25, and Internet use in the business center was something like $10 for 7 minutes (or was that $7 for 10 minutes?). <span class='review-span highlight' data-aligned-summaries='1'>Location is good</span>. If price is no object, it's a good choice, but there are better bargains in the area.</div><div class='text-box'>The Hyatt is recently remodeled and very nice. <span class='review-span highlight' data-aligned-summaries='0'>The staff was</span> extremely <span class='review-span highlight' data-aligned-summaries='0'>friendly</span> and always <span class='review-span highlight' data-aligned-summaries='0'>helpful</span>. The <span class='review-span highlight' data-aligned-summaries='1'>location is centrally located on the mag mile</span> and we could easily walk to all there was to do downtown. Will definitely stay here again. Classy but not stuffy.</div><div class='text-box'>Stayed there Feb 2005. A former jewel that has fallen into disrepair. The hotel is dark, and shabby. Even the newer wing is not up to par. If you stay in the Loop area, try the Burham instead.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">The staff here at the hotel will do all they can to provide a helpful and friendly service.</span> <span id="1" class="summary-sentence">Owing to this as well as the great location of the hotel makes it very easy to return.</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_101.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 enjoyed our stay at the Hyatt - had a nice room (paid for an upgraded water view, which was nice to have), <span class='review-span highlight' data-aligned-summaries='0'>the staff was friendly</span> and <span class='review-span highlight' data-aligned-summaries='0'>helpful</span>, the <span class='review-span highlight' data-aligned-summaries='0'>location is perfect</span> and we had a very decent rate. The lobbies were pretty nice, but we didn't hang out there or eat at any of the places. We walked most places (or took a cab if our destination was really far), even in the middle of winter. I try not to be too picky about these things, but our room was dusty the whole time we were there. It was enough to be noticed, so it should have been cleaned by the staff. Also, we weren't very fond of the bed. It was a bit on the hard side and wasn't exactly plus. It wasn't horrible though. Again, not horrible, but our room was very hot no matter how we set the temp at.</div><div class='text-box'>Overall the hotel is ok, very busy and noisy. Valet parking is the only choice you have and an additional $50 for every 24 hours. <span class='review-span highlight' data-aligned-summaries='0'>Valet parking stole our Ipod</span> so they told us to fill out a claims report which we did and then we had to wait more than a week to call the claims department because the one and only person they have working claims was on vacation. Once I was able to talk to the claims department she was no help at all. She basically called me a liar and we will not be getting reimbursed for the loss of our IPod. I am furious that it cost me $50 per day extra and then we will have to pay another $250 + to replace our IPod.</div><div class='text-box'>I stayed here for two nights to partake in the Chicago St. Patricks festivities. Check in went super fast, and we were given a room the was so newly remodeled you could still catch a whiff of the fresh paint. It overlooked the river, which made for some great shots when they dyed it! Also, they allowed us a late check out of 2pm, at no charge, in order to not miss the parade. The beds were amazing, as was the bathroom. Plenty of space, with a very nice desk set up. And being <span class='review-span highlight' data-aligned-summaries='0'>one block from Michigan</span>, and a 10 minute walk to Navy Pier, <span class='review-span highlight' data-aligned-summaries='0'>this is a great location</span>. Couldn't have been more pleased with this hotel.</div><div class='text-box'>We loved our stay at the Hyatt Regency. <span class='review-span highlight' data-aligned-summaries='0'>I really don't think there is a better location in downtown</span>. So conveniently located off the river and <span class='review-span highlight' data-aligned-summaries='0'>a short jaunt to Michigan Ave</span>, Grant Park, and Navy Pier. I have already recommended this hotel to other travelers heading to Chicago. I would say, however, the dining in the hotel is pretty pricey. So, if you are looking to save a few bucks get outside of the four walls of the hotel. That being said, I will still always stay at this hotel when traveling to Chicago, with out a doubt.</div><div class='text-box'>I stayed two nights on business. <span class='review-span highlight' data-aligned-summaries='0'>The location was great</span> and the room was very nice. The price was $25-$30 cheaper than any comparable hotels in the area. I had two minor complaints. The closet door was off the track, and wouldn't open when I checked in, and they didn't fix it the second day. Also, the Big Bar closed early, and <span class='review-span highlight' data-aligned-summaries='0'>the bartender was not very polite about letting me know before last call</span>. Other than that, I would highly recommend the place.</div><div class='text-box'>As a hotel, it's very nice, with very nice amenitiies, but it's also expensive. Canned soft drink in the mini-bar cost $4.25, and Internet use in the business center was something like $10 for 7 minutes (or was that $7 for 10 minutes?). <span class='review-span highlight' data-aligned-summaries='0'>Location is good</span>. If price is no object, it's a good choice, but there are better bargains in the area.</div><div class='text-box'>The Hyatt is recently remodeled and very nice. <span class='review-span highlight' data-aligned-summaries='0'>The staff was extremely friendly and always helpful</span>. <span class='review-span highlight' data-aligned-summaries='0'>The location is centrally located on the mag mile and we could easily walk to all there was to do downtown</span>. Will definitely stay here again. Classy but not stuffy.</div><div class='text-box'>Stayed there Feb 2005. A former jewel that has fallen into disrepair. The hotel is dark, and shabby. Even the newer wing is not up to par. If you stay in the Loop area, try the Burham instead.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">The location of the hotel is great and close to Michigan Avenue and the staff are 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_102.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 XV Beacon recently and from the minute we got out of our car (valet right at the entrance) to the minute we left the service/staff was exceptional. <span class='review-span highlight' data-aligned-summaries='0'>The rooms were</span> beautiful and <span class='review-span highlight' data-aligned-summaries='0'>very clean</span> and much larger than we expected from a historical building. There wasn't anything that had been left out, from the stereo playing when we entered the room to the weather report for the next day sitting on the night stand! <span class='review-span highlight' data-aligned-summaries='0'>The hotel is located right in the heart of Boston</span> next to the Common and a few minutes walk to the waterfront, the possibilities are endless for restaurants and night life. We would definitely go back to this hotel, combined with the location we had a great experience!</div><div class='text-box'>I stayed at this hotel while traveling on business and it was by far the nicest hotel I've ever stayed in. The second I walked in the room, I knew that I wasn't going to want to leave and ordered myself some room service. It has a very classic style with every modern convenience you could hope for. The bed is very comfortable and the fireplace makes it very cozy. It wasn't cold enough for me to really use the fireplace but I did anyway and cranked up the AC. The shower was also fantastic. I immediately declared that I needed to get myself a rainshower as soon as I was able! It is a pricey hotel but definitely worth it if you can swing it!</div><div class='text-box'>My boyfriend has stayed here several times for business trips but this was our first leisure visit-service remains impeccable. Still received his personalized business cards and professional attentive service. Rooftop is a nice touch on a warn day to share a bottle of wine. Hotel car service was a great perk as well and we used it every night to go to our dinners around town. I am a huge product snob-the Lemon Sugar line from Fresh that they provide in the rooms has made me a regular user. And <span class='review-span highlight' data-aligned-summaries='0'>the location is perfect</span>-within walking distance to everywhere. When it's colder out, we will return and use the fireplace in our beautiful room.</div><div class='text-box'>My wife and I stayed here for 3 nights over the Labor Day weekend, the same number of nights as we stayed in October 2007. An elegant, small hotel! The front desk and room service staffs, the concierges, restaurant and in-room breakfasts, and the chauffeured car service were all excellent. Our room (#407) was very elegant and quiet, was on the west side of the building, and had windows on 2 walls. Our only problem was that the sink taps were very tight.</div><div class='text-box'>We were on a business/leisure trip. It was a high star rating and deserved it. <span class='review-span highlight' data-aligned-summaries='0'>Around the corner from Boston Common</span>, Fanueiul Hall, etc. Easy to get to city centre. The hotel breakfast was fantastic, if expensive. Every dish was amazing. When in Boston city, the Mapparium is worth a visit, along with the top of the Prudential building, to get a great idea of where everything is. There are some great museums to visit.</div><div class='text-box'>as local residents and first time guests, we found this hotel exceeded our expectations. staff were nothing but attentive and hospitable. our room was upgraded upon arrival; we couldn't have asked for more. this is a lovely hotel with not only luxurious amenities but superb staff. we can't wait to return!</div><div class='text-box'>I stayed a few weeks ago at this hotel and I heard everything! The walls are thin as paper as i heard every conversation from the room next door. I apprectiate that some builings in boston are older, but if you own a hotel you must do something ot soudnproof it!</div><div class='text-box'>Favourite hotel in Boston. Modern luxury without seeming formulaic. Good for indulgent weekends in town.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">The rooms of the hotel were clean and it is located perfectly for Boston.</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_103.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 XV Beacon recently and from the minute we got out of our car (valet right at the entrance) to the minute we left the service/staff was exceptional. <span class='review-span highlight' data-aligned-summaries='0'>The rooms were beautiful and very clean</span> and much larger than we expected from a historical building. There wasn't anything that had been left out, from the stereo playing when we entered the room to the weather report for the next day sitting on the night stand! <span class='review-span highlight' data-aligned-summaries='0'>The hotel is located right in the heart of Boston</span> next to the Common and a few minutes walk to the waterfront, the possibilities are endless for restaurants and night life. We would definitely go back to this hotel, combined with the location we had a great experience!</div><div class='text-box'>I stayed at this hotel while traveling on business and it was by far the nicest hotel I've ever stayed in. The second I walked in the room, I knew that I wasn't going to want to leave and ordered myself some room service. <span class='review-span highlight' data-aligned-summaries='0'>It has a very classic style with every modern convenience you could hope for</span>. The bed is very comfortable and the fireplace makes it very cozy. It wasn't cold enough for me to really use the fireplace but I did anyway and cranked up the AC. The shower was also fantastic. I immediately declared that I needed to get myself a rainshower as soon as I was able! It is a pricey hotel but definitely worth it if you can swing it!</div><div class='text-box'>My boyfriend has stayed here several times for business trips but this was our first leisure visit-service remains impeccable. Still received his personalized business cards and professional attentive service. Rooftop is a nice touch on a warn day to share a bottle of wine. Hotel car service was a great perk as well and we used it every night to go to our dinners around town. I am a huge product snob-the Lemon Sugar line from Fresh that they provide in the rooms has made me a regular user. And <span class='review-span highlight' data-aligned-summaries='0'>the location is perfect-within walking distance to everywhere</span>. When it's colder out, we will return and use the fireplace in our <span class='review-span highlight' data-aligned-summaries='0'>beautiful room</span>.</div><div class='text-box'>My wife and I stayed here for 3 nights over the Labor Day weekend, the same number of nights as we stayed in October 2007. An elegant, small hotel! The front desk and <span class='review-span highlight' data-aligned-summaries='0'>room service staffs</span>, the concierges, restaurant and in-room breakfasts, and the chauffeured car service <span class='review-span highlight' data-aligned-summaries='0'>were</span> all <span class='review-span highlight' data-aligned-summaries='0'>excellent</span>. Our <span class='review-span highlight' data-aligned-summaries='0'>room</span> (#407) <span class='review-span highlight' data-aligned-summaries='0'>was very elegant</span> and quiet, was on the west side of the building, and had windows on 2 walls. Our only problem was that the sink taps were very tight.</div><div class='text-box'>We were on a business/leisure trip. It was a high star rating and deserved it. Around the corner from Boston Common, Fanueiul Hall, etc. <span class='review-span highlight' data-aligned-summaries='0'>Easy to get to city centre</span>. The hotel breakfast was fantastic, if expensive. Every dish was amazing. When in Boston city, the Mapparium is worth a visit, along with the top of the Prudential building, to get a great idea of where everything is. There are some great museums to visit.</div><div class='text-box'>as local residents and first time guests, we found this hotel exceeded our expectations. <span class='review-span highlight' data-aligned-summaries='0'>staff were nothing but attentive</span> and hospitable. our room was upgraded upon arrival; we couldn't have asked for more. this is a <span class='review-span highlight' data-aligned-summaries='0'>lovely hotel</span> with not only luxurious amenities but superb staff. we can't wait to return!</div><div class='text-box'>I stayed a few weeks ago at this hotel and I heard everything! The walls are thin as paper as i heard every conversation from the room next door. <span class='review-span highlight' data-aligned-summaries='0'>I apprectiate that some builings in boston are older</span>, but if you own a hotel you must do something ot soudnproof it!</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>Favourite hotel in Boston</span>. <span class='review-span highlight' data-aligned-summaries='0'>Modern luxury without seeming formulaic</span>. Good for indulgent weekends in town.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">Whilst located in a great place for Boston, the hotel rooms are lovey and clean and the room-service provided is second to none.</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_104.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 XV Beacon recently and from the minute we got out of our car (valet right at the entrance) to the minute we left the <span class='review-span highlight' data-aligned-summaries='0'>service</span>/staff <span class='review-span highlight' data-aligned-summaries='0'>was exceptional</span>. The <span class='review-span highlight' data-aligned-summaries='0'>rooms were</span> beautiful and <span class='review-span highlight' data-aligned-summaries='0'>very clean</span> and much larger than we expected from a historical building. There wasn't anything that had been left out, from the stereo playing when we entered the room to the weather report for the next day sitting on the night stand! The hotel is located right in the heart of Boston next to the Common and a few minutes walk to the waterfront, the possibilities are endless for restaurants and night life. We would definitely go back to this hotel, combined with the location we had a great experience!</div><div class='text-box'>I stayed at this hotel while traveling on business and it was by far the nicest hotel I've ever stayed in. The second I walked in the room, I knew that I wasn't going to want to leave and ordered myself some room service. It has a very classic style with every modern convenience you could hope for. The bed is very comfortable and the fireplace makes it very cozy. It wasn't cold enough for me to really use the fireplace but I did anyway and cranked up the AC. The shower was also fantastic. I immediately declared that I needed to get myself a rainshower as soon as I was able! It is a pricey hotel but definitely worth it if you can swing it!</div><div class='text-box'>My boyfriend has stayed here several times for business trips but this was our first leisure visit-<span class='review-span highlight' data-aligned-summaries='0'>service remains impeccable</span>. Still received his personalized business cards and <span class='review-span highlight' data-aligned-summaries='0'>professional attentive service</span>. Rooftop is a nice touch on a warn day to share a bottle of wine. Hotel car service was a great perk as well and we used it every night to go to our dinners around town. I am a huge product snob-the Lemon Sugar line from Fresh that they provide in the rooms has made me a regular user. And the location is perfect-within walking distance to everywhere. When it's colder out, we will return and use the fireplace in our beautiful room.</div><div class='text-box'>My wife and I stayed here for 3 nights over the Labor Day weekend, the same number of nights as we stayed in October 2007. An elegant, small hotel! <span class='review-span highlight' data-aligned-summaries='0'>The front desk and room service staffs, the concierges, restaurant and in-room breakfasts, and the chauffeured car service were all excellent</span>. Our room (#407) was very elegant and quiet, was on the west side of the building, and had windows on 2 walls. Our only problem was that the sink taps were very tight.</div><div class='text-box'>We were on a business/leisure trip. It was a high star rating and deserved it. Around the corner from Boston Common, Fanueiul Hall, etc. Easy to get to city centre. The hotel breakfast was fantastic, if expensive. Every dish was amazing. When in Boston city, the Mapparium is worth a visit, along with the top of the Prudential building, to get a great idea of where everything is. There are some great museums to visit.</div><div class='text-box'>as local residents and first time guests, we found this hotel exceeded our expectations. <span class='review-span highlight' data-aligned-summaries='0'>staff were nothing but attentive and hospitable</span>. our room was upgraded upon arrival; we couldn't have asked for more. this is a lovely hotel with not only luxurious amenities but <span class='review-span highlight' data-aligned-summaries='0'>superb staff</span>. we can't wait to return!</div><div class='text-box'>I stayed a few weeks ago at this hotel and I heard everything! The walls are thin as paper as i heard every conversation from the room next door. I apprectiate that some builings in boston are older, but if you own a hotel you must do something ot soudnproof it!</div><div class='text-box'>Favourite hotel in Boston. Modern luxury without seeming formulaic. Good for indulgent weekends in town.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">The rooms were very clean and the service excellent.</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_105.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 traveled here for business for the first time and was somewhat disappointed. There is only wireless internet service in most of the rooms, which I can not use with my office laptop for security reasons. I had to switch rooms in order to have high speed internet access. and the internet service seemed to work only some of the time. The connection wasn't working consistently and nobody in the hotel could help. They offered a toll free number for the tech people at the DSL company. The front desk failed to provide me with my mini-bar key and the mirror in the bathroom had a huge crack in it. There were many many tourists in the hotel, which isn't good for business travelers because they tend to make a lot of noise. I don't think I'll travel here again unless I am a tourist.</div><div class='text-box'>I stay at this hotel very frequently, and every single time, my experience has been fabulous. The hotel is right in the downtown area and 5 min. walk from South Station which really helps me as I frequently take the train from/to New York. <span class='review-span highlight' data-aligned-summaries='0'>The rooms are</span> really nice, bathrooms and linen really <span class='review-span highlight' data-aligned-summaries='0'>clean</span> and above all else, the staff is some of the most friendly I have ever come across, rifht from the front desk to the concierge and housekeeping. Samir Boukhari, the front desk manager is delightfully courteous and has always gone out of his way to help and make my stay very comfortable every single time. Dianna, Aruna and Lexi at the front desk and Anthony with the concierge are wonderful as ever. <span class='review-span highlight' data-aligned-summaries='0'>I would stay here as long as business/pleasure keeps taking me into Boston</span>.</div><div class='text-box'>We stayed here for business. <span class='review-span highlight' data-aligned-summaries='0'>It was in a great location</span>, close to the theater district, shopping, etc. There is only one restaurant and a very small bar in the hotel. It would have been nice to have additional options. There were restaurants close by, but again, it would have been nice to have had the convenience of additional dining places. The fitness center was so so. I was very disappointed that there was a charge for internet. When paying the price we paid per night, that should have been included in the room cost. Great concierges.</div><div class='text-box'>We stayed at the Hyatt Regency Boston for one night during Memorial Day weekend. The staff was great, we were upgraded to a Terrace Suite when we checked in. <span class='review-span highlight' data-aligned-summaries='0'>It was</span> beautiful and very <span class='review-span highlight' data-aligned-summaries='0'>clean</span>/pleasant, although you can't actually go out onto the Terrace so that was bittersweet. We ordered room service which was excellent! The breakfast buffet was wonderful as well! <span class='review-span highlight' data-aligned-summaries='0'>Great location to all of Boston</span>. Overall a great trip! Will return to this hotel whenever we are in Boston.</div><div class='text-box'>When we booked this hotel we were worried because we saw more negative reviews than good at that time. I have no complainst.the staff was very helpful, the in house restaurant was excellent, <span class='review-span highlight' data-aligned-summaries='0'>the rooms were very clean</span>. <span class='review-span highlight' data-aligned-summaries='0'>Very close to Macy's, TJ Maxx and Marshall's. . .walking distance to all other sites that we wanted to see</span>. . . The only thing I can say negatively is paying for WIFI but that is a problem with all hotels.</div><div class='text-box'>hi, i have read all the reviews and they are a bit mixed.We have just stayed there n i have to say it 's great.Its <span class='review-span highlight' data-aligned-summaries='0'>a central location</span> - we hired a car and left it back 4 days early as parking is so expensive-unless u have to dont hire a car-otherwise park it in the place out in front of the hotel its the cheapest we checked them all i have the sore feet to prove it!</div><div class='text-box'>Disappointing when hotels such as this still charge for wifi access. We didn't get notified verbally about the complimentary breakfast either although it was no doubt in the fine print somewhere. <span class='review-span highlight' data-aligned-summaries='0'>Rooms were</span> nice and <span class='review-span highlight' data-aligned-summaries='0'>clean</span> although a little boring and the bed not that comfortable. <span class='review-span highlight' data-aligned-summaries='0'>Can't fault the location</span>, it <span class='review-span highlight' data-aligned-summaries='0'>was</span> very <span class='review-span highlight' data-aligned-summaries='0'>easy to get anywhere with the subway station</span> a few hundred metres away.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>Great location</span> and greater service <span class='review-span highlight' data-aligned-summaries='0'>at this Hyatt in Boston</span>. No more convient place to stay. Came in by train and never needed to have a car. <span class='review-span highlight' data-aligned-summaries='0'>You are right in the middle of everything</span>! The hotel & service is top notch and this isn't my first stay in Boston!</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">The rooms of the hotel were clean and it is located perfectly for Boston.</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_106.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 traveled here for business for the first time and was somewhat disappointed. There is only wireless internet service in most of the rooms, which I can not use with my office laptop for security reasons. I had to switch rooms in order to have high speed internet access. and the internet service seemed to work only some of the time. The connection wasn't working consistently and nobody in the hotel could help. They offered a toll free number for the tech people at the DSL company. The front desk failed to provide me with my mini-bar key and the mirror in the bathroom had a huge crack in it. There were many many tourists in the hotel, which isn't good for business travelers because they tend to make a lot of noise. I don't think I'll travel here again unless I am a tourist.</div><div class='text-box'>I stay at this hotel very frequently, and every single time, my experience has been fabulous. The <span class='review-span highlight' data-aligned-summaries='0'>hotel is right in the downtown area</span> and 5 min. walk from South Station which really helps me as I frequently take the train from/to New York. <span class='review-span highlight' data-aligned-summaries='0'>The rooms are</span> really <span class='review-span highlight' data-aligned-summaries='0'>nice</span>, <span class='review-span highlight' data-aligned-summaries='0'>bathrooms and linen really clean</span> and above all else, the staff is some of the most friendly I have ever come across, rifht from the front desk to the concierge and housekeeping. Samir Boukhari, the front desk manager is delightfully courteous and has always gone out of his way to help and make my stay very comfortable every single time. Dianna, Aruna and Lexi at the front desk and Anthony with the concierge are wonderful as ever. I would stay here as long as business/pleasure keeps taking me into Boston.</div><div class='text-box'>We stayed here for business. <span class='review-span highlight' data-aligned-summaries='0'>It was in a great location</span>, close to the theater district, shopping, etc. There is only one restaurant and a very small bar in the hotel. It would have been nice to have additional options. There were restaurants close by, but again, it would have been nice to have had the convenience of additional dining places. The fitness center was so so. I was very disappointed that there was a charge for internet. When paying the price we paid per night, that should have been included in the room cost. Great concierges.</div><div class='text-box'>We stayed at the Hyatt Regency Boston for one night during Memorial Day weekend. The staff was great, we were upgraded to a Terrace Suite when we checked in. <span class='review-span highlight' data-aligned-summaries='0'>It was</span> beautiful and very <span class='review-span highlight' data-aligned-summaries='0'>clean/pleasant</span>, although you can't actually go out onto the Terrace so that was bittersweet. We ordered <span class='review-span highlight' data-aligned-summaries='0'>room service which was excellent</span>! The breakfast buffet was wonderful as well! <span class='review-span highlight' data-aligned-summaries='0'>Great location to all of Boston</span>. Overall a great trip! Will return to this hotel whenever we are in Boston.</div><div class='text-box'>When we booked this hotel we were worried because we saw more negative reviews than good at that time. I have no complainst.the staff was very helpful, the in house restaurant was excellent, the <span class='review-span highlight' data-aligned-summaries='0'>rooms were very clean</span>. Very close to Macy's, TJ Maxx and Marshall's. . <span class='review-span highlight' data-aligned-summaries='0'>.walking distance to</span> all other <span class='review-span highlight' data-aligned-summaries='0'>sites</span> that <span class='review-span highlight' data-aligned-summaries='0'>we wanted to see</span>. . . The only thing I can say negatively is paying for WIFI but that is a problem with all hotels.</div><div class='text-box'>hi, i have read all the reviews and they are a bit mixed.We have just stayed there n i have to say it 's great.Its <span class='review-span highlight' data-aligned-summaries='0'>a central location</span> - we hired a car and left it back 4 days early as parking is so expensive-unless u have to dont hire a car-otherwise park it in the place out in front of the hotel its the cheapest we checked them all i have the sore feet to prove it!</div><div class='text-box'>Disappointing when hotels such as this still charge for wifi access. We didn't get notified verbally about the complimentary breakfast either although it was no doubt in the fine print somewhere. <span class='review-span highlight' data-aligned-summaries='0'>Rooms were nice</span> and <span class='review-span highlight' data-aligned-summaries='0'>clean</span> although a little boring and the bed not that comfortable. Can't fault the location, it was very easy to <span class='review-span highlight' data-aligned-summaries='0'>get anywhere with the subway</span> station a few hundred <span class='review-span highlight' data-aligned-summaries='0'>metres away.</span></div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>Great location</span> and greater service <span class='review-span highlight' data-aligned-summaries='0'>at this Hyatt in Boston</span>. No more convient place to stay. Came in by train and never needed to have a car. You are right in the middle of everything! The hotel & service is top notch and this isn't my first stay in Boston!</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">Whilst located in a great place for Boston, the hotel rooms are lovey and clean and the room-service provided is second to none.</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_107.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 traveled here for business for the first time and was somewhat disappointed. There is only wireless internet service in most of the rooms, which I can not use with my office laptop for security reasons. I <span class='review-span highlight' data-aligned-summaries='0'>had to switch rooms</span> in order to have high speed internet access. and the internet service seemed to work only some of the time. The connection wasn't working consistently and nobody in the hotel could help. They offered a toll free number for the tech people at the DSL company. The <span class='review-span highlight' data-aligned-summaries='0'>front desk failed to provide me with my mini-bar key</span> and the mirror in the bathroom had a huge crack in it. There were many many tourists in the hotel, which isn't good for business travelers because they tend to make a lot of noise. I don't think I'll travel here again unless I am a tourist.</div><div class='text-box'>I stay at this hotel very frequently, and every single time, my experience has been fabulous. The hotel is right in the downtown area and 5 min. walk from South Station which really helps me as I frequently take the train from/to New York. <span class='review-span highlight' data-aligned-summaries='0'>The rooms are</span> really nice, bathrooms and linen really <span class='review-span highlight' data-aligned-summaries='0'>clean</span> and above all else, <span class='review-span highlight' data-aligned-summaries='0'>the staff is some of the most friendly I have ever come across</span>, rifht from the front desk to the concierge and housekeeping. Samir Boukhari, the front desk manager is delightfully courteous and has always gone out of his way to help and make my stay very comfortable every single time. Dianna, Aruna and Lexi at the front desk and Anthony with the concierge are wonderful as ever. I would stay here as long as business/pleasure keeps taking me into Boston.</div><div class='text-box'>We stayed here for business. It was in a great location, close to the theater district, shopping, etc. There is only one restaurant and a very small bar in the hotel. It would have been nice to have additional options. There were restaurants close by, but again, it would have been nice to have had the convenience of additional dining places. The fitness center was so so. I was very disappointed that there was a charge for internet. When paying the price we paid per night, that should have been included in the room cost. <span class='review-span highlight' data-aligned-summaries='0'>Great concierges</span>.</div><div class='text-box'>We stayed at the Hyatt Regency Boston for one night during Memorial Day weekend. The staff was great, we were upgraded to a <span class='review-span highlight' data-aligned-summaries='0'>Terrace Suite</span> when we checked in. It <span class='review-span highlight' data-aligned-summaries='0'>was</span> beautiful and <span class='review-span highlight' data-aligned-summaries='0'>very clean</span>/pleasant, although you can't actually go out onto the Terrace so that was bittersweet. We ordered <span class='review-span highlight' data-aligned-summaries='0'>room service which was excellent</span>! The breakfast buffet was wonderful as well! Great location to all of Boston. Overall a great trip! Will return to this hotel whenever we are in Boston.</div><div class='text-box'>When we booked this hotel we were worried because we saw more negative reviews than good at that time. <span class='review-span highlight' data-aligned-summaries='0'>I have no complainst.the staff was very helpful</span>, the in house restaurant was excellent, <span class='review-span highlight' data-aligned-summaries='0'>the rooms were very clean</span>. Very close to Macy's, TJ Maxx and Marshall's. . .walking distance to all other sites that we wanted to see. . . The only thing I can say negatively is paying for WIFI but that is a problem with all hotels.</div><div class='text-box'>hi, i have read all the reviews and they are a bit mixed.We have just stayed there n i have to say it 's great.Its a central location - we hired a car and left it back 4 days early as parking is so expensive-unless u have to dont hire a car-otherwise park it in the place out in front of the hotel its the cheapest we checked them all i have the sore feet to prove it!</div><div class='text-box'>Disappointing when hotels such as this still charge for wifi access. <span class='review-span highlight' data-aligned-summaries='0'>We didn't get notified verbally about the complimentary breakfast</span> either although it was no doubt in the fine print somewhere. <span class='review-span highlight' data-aligned-summaries='0'>Rooms were</span> nice and <span class='review-span highlight' data-aligned-summaries='0'>clean</span> although a little boring and the bed not that comfortable. Can't fault the location, it was very easy to get anywhere with the subway station a few hundred metres away.</div><div class='text-box'>Great location and greater service at this Hyatt in Boston. No more convient place to stay. Came in by train and never needed to have a car. You are right in the middle of everything! <span class='review-span highlight' data-aligned-summaries='0'>The hotel & service is top notch</span> and this isn't my first stay in Boston!</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">The rooms were very clean and the service excellent.</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_108.html ADDED
@@ -0,0 +1,135 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+
2
+ <!DOCTYPE html>
3
+ <html lang="en">
4
+ <head>
5
+ <meta charset="UTF-8">
6
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
+ <title>Document Review</title>
8
+ <style>
9
+ body {
10
+ font-family: Arial, sans-serif;
11
+ display: flex;
12
+ justify-content: center; /* This will center the .reviews container on the screen */
13
+ align-items: flex-start;
14
+ height: 100vh;
15
+ margin: 2px; /* Remove default margin */
16
+ }
17
+
18
+ .highlight { background-color: yellow;
19
+ color: black !important; /* Dark grey for muted text */
20
+ cursor: pointer;}
21
+ .not-hover-highlight { background-color: lightyellow;
22
+ color: #606060 !important; /* Dark grey for muted text */}
23
+ .summary {
24
+ width: 50%;
25
+ font-size: 1.0rem;
26
+ padding: 10px;
27
+ height: 100vh; /* Maximum height to a third of the viewport height */
28
+ background-color: #9e9e9e0a;
29
+ }
30
+ .reviews {
31
+ width: 50%;
32
+ font-size: 0.7rem;
33
+ display: flex;
34
+ flex-wrap: wrap;
35
+ padding: 10px;
36
+ max-height: 100vh; /* Maximum height to a third of the viewport height */
37
+ overflow-y: auto; /* Enable vertical scrolling */
38
+ background-color: #9e9e9e0a; /* Light grey background */
39
+ }
40
+ .text-box {
41
+ width: calc(100% - 20px); /* Adjust based on padding */
42
+ margin: 10px;
43
+ padding: 10px;
44
+ background-color: #9e9e9e0a; /* Light grey background */
45
+ color: #606060bf;
46
+ border: 2px solid #ddd; /* Cartoonish border */
47
+ border-radius: 20px; /* Rounded corners for cartoonish effect */
48
+ position: relative;
49
+ box-shadow: 3px 3px #bbb; /* Soft shadow for depth */
50
+ }
51
+ .text-box:before {
52
+ content: '';
53
+ position: absolute;
54
+ right: 100%;
55
+ bottom: 20%;
56
+ border-top: 10px solid transparent;
57
+ border-bottom: 10px solid transparent;
58
+ border-right: 10px solid #ddd; /* Arrow matching the border */
59
+ }
60
+ .summary-box {
61
+ padding: 10px;
62
+ margin: 10px 0;
63
+ background-color: #e6e6fa; /* Lavender background for a pleasant look */
64
+ border: 1px solid #ddd; /* Light border for definition */
65
+ border-radius: 5px; /* Slightly rounded corners */
66
+ box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* Soft shadow for depth */
67
+ cursor: pointer;
68
+ }
69
+ h4 { margin-top: 0; }
70
+ </style>
71
+ </head>
72
+ <body>
73
+ <div class='column reviews'><h2>Reviews</h2><div class='text-box'>I have stayed here three times -all on business trips where the hotel was booked for me. In fact, there are many meetings held here, and so you might find yourself surrounded by a large group of businessmen - not necessarily a bad thing -but just be aware. The two lifts are small and infrequent, and so you may have to wait a long time - which is annoying if you are on the top floors. The <span class='review-span highlight' data-aligned-summaries='0'>location</span> is <span class='review-span highlight' data-aligned-summaries='0'>great for</span> seeing <span class='review-span highlight' data-aligned-summaries='0'>Barcelona -you can reach most of the central sights by foot</span> -including the Gaudi cathedral. Very near to a metro line , which is also a bonus. Rooms are fine -just try to get one facing the courtyard at the back -the ones to the front can be noisy. Biggest disappointment was the breakfast -17 for a very poor selection - definitely not worth it. I didn`t bother after the first morning.</div><div class='text-box'>We got a really good deal on the rooms at this hotel and, therefore, it was worth what we paid for it. However, I would have been dissapointed if we had payed full price for this. We went in january which I know is not in season however, the terraces were closed and the pools were not open. They were also doing refurbishment works to one of the terraces, none of this was really communicated until you checked in. The room was a reasonable size as we had one at the end of a corridor and the bed was comfy. The bathrooms however, need some updating, they were tired and not in the best condition. Also be warned if you stay on the front of the hotel, the spanish like to beep their horns and this can be disturbing.</div><div class='text-box'>Second time in this hotel and kinda disappointed. Rooms are ok and it is <span class='review-span highlight' data-aligned-summaries='0'>a good value for money mainly due to the great location on Paseig de Gracia</span>, but the service does not seem to care so much about their customers. They are physically present behind the desk, but it stops here. It seems that they are breathing boredom. If you go to Barcelona for a short weekend and do not plan to spend too much time at the hotel, it'll be alright. If not, i'm sure you can pick a better place where the service will show you a more positive and customer focused attitude.</div><div class='text-box'>The hotel staff was very helpful, rooms very modern with everything that we could think of. It is a short walk away from Gaudi's Casa Batllo, la Pedrera and a bit longer to la Sagrada Familia, <span class='review-span highlight' data-aligned-summaries='0'>the location couldn't be better</span>! Within a couple of blocks it has many restaurants to chose from and can't forget to mention that it's in a great shopping area. From now on the place where we'll stay when visiting Barcelona.</div><div class='text-box'>Great hotel! i can only think of a few things wrong with our stay, for one, breakfast was not worth the price paid and room service was a bit overpriced as well, but with such a wide variety of other places to eat in barcelona, it didn{t really mattter much. The standard room was small but then again the bed was huge! and <span class='review-span highlight' data-aligned-summaries='0'>the location. it can't get eny better</span>!</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>This hotel is located in a great location</span> however is very expensive. If your looking for a place near Gaudi's buildings and shopping areas, then stay here.</div><div class='text-box'>A lovely pillow menu.WOW.rooms <span class='review-span highlight' data-aligned-summaries='0'>excellent.location is very central</span> and many many shops near the hotel, staff very helpful. A bit pricey but Lovely</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>Great place and location</span>. Would defo stay here again. Loved it. Go see it.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">The location of the hotel is near to the city centre.</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_109.html ADDED
@@ -0,0 +1,135 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+
2
+ <!DOCTYPE html>
3
+ <html lang="en">
4
+ <head>
5
+ <meta charset="UTF-8">
6
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
+ <title>Document Review</title>
8
+ <style>
9
+ body {
10
+ font-family: Arial, sans-serif;
11
+ display: flex;
12
+ justify-content: center; /* This will center the .reviews container on the screen */
13
+ align-items: flex-start;
14
+ height: 100vh;
15
+ margin: 2px; /* Remove default margin */
16
+ }
17
+
18
+ .highlight { background-color: yellow;
19
+ color: black !important; /* Dark grey for muted text */
20
+ cursor: pointer;}
21
+ .not-hover-highlight { background-color: lightyellow;
22
+ color: #606060 !important; /* Dark grey for muted text */}
23
+ .summary {
24
+ width: 50%;
25
+ font-size: 1.0rem;
26
+ padding: 10px;
27
+ height: 100vh; /* Maximum height to a third of the viewport height */
28
+ background-color: #9e9e9e0a;
29
+ }
30
+ .reviews {
31
+ width: 50%;
32
+ font-size: 0.7rem;
33
+ display: flex;
34
+ flex-wrap: wrap;
35
+ padding: 10px;
36
+ max-height: 100vh; /* Maximum height to a third of the viewport height */
37
+ overflow-y: auto; /* Enable vertical scrolling */
38
+ background-color: #9e9e9e0a; /* Light grey background */
39
+ }
40
+ .text-box {
41
+ width: calc(100% - 20px); /* Adjust based on padding */
42
+ margin: 10px;
43
+ padding: 10px;
44
+ background-color: #9e9e9e0a; /* Light grey background */
45
+ color: #606060bf;
46
+ border: 2px solid #ddd; /* Cartoonish border */
47
+ border-radius: 20px; /* Rounded corners for cartoonish effect */
48
+ position: relative;
49
+ box-shadow: 3px 3px #bbb; /* Soft shadow for depth */
50
+ }
51
+ .text-box:before {
52
+ content: '';
53
+ position: absolute;
54
+ right: 100%;
55
+ bottom: 20%;
56
+ border-top: 10px solid transparent;
57
+ border-bottom: 10px solid transparent;
58
+ border-right: 10px solid #ddd; /* Arrow matching the border */
59
+ }
60
+ .summary-box {
61
+ padding: 10px;
62
+ margin: 10px 0;
63
+ background-color: #e6e6fa; /* Lavender background for a pleasant look */
64
+ border: 1px solid #ddd; /* Light border for definition */
65
+ border-radius: 5px; /* Slightly rounded corners */
66
+ box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* Soft shadow for depth */
67
+ cursor: pointer;
68
+ }
69
+ h4 { margin-top: 0; }
70
+ </style>
71
+ </head>
72
+ <body>
73
+ <div class='column reviews'><h2>Reviews</h2><div class='text-box'>I have stayed here three times -all on business trips where the hotel was booked for me. In fact, there are many meetings held here, and so you might find yourself surrounded by a large group of businessmen - not necessarily a bad thing -but just be aware. The two lifts are small and infrequent, and so you may have to wait a long time - which is annoying if you are on the top floors. <span class='review-span highlight' data-aligned-summaries='0'>The location is great</span> for seeing Barcelona <span class='review-span highlight' data-aligned-summaries='0'>-you can reach most of the central sights by foot</span> -including the Gaudi cathedral. Very near to a metro line , which is also a bonus. Rooms are fine -just try to get one facing the courtyard at the back -the ones to the front can be noisy. Biggest disappointment was the breakfast -17 for a very poor selection - definitely not worth it. I didn`t bother after the first morning.</div><div class='text-box'>We got a really good deal on the rooms at this hotel and, therefore, it was worth what we paid for it. However, I would have been dissapointed if we had payed full price for this. We went in january which I know is not in season however, the terraces were closed and the pools were not open. They were also doing refurbishment works to one of the terraces, none of this was really communicated until you checked in. The room was a reasonable size as we had one at the end of a corridor and the bed was comfy. The bathrooms however, need some updating, they were tired and not in the best condition. Also be warned if you stay on the front of the hotel, the spanish like to beep their horns and this can be disturbing.</div><div class='text-box'>Second time in this hotel and kinda disappointed. Rooms are ok and it is a good value for money mainly due to the <span class='review-span highlight' data-aligned-summaries='0'>great location on Paseig de Gracia,</span> but the service does not seem to care so much about their customers. They are physically present behind the desk, but it stops here. It seems that they are breathing boredom. If you go to Barcelona for a short weekend and do not plan to spend too much time at the hotel, it'll be alright. If not, i'm sure you can pick a better place where the service will show you a more positive and customer focused attitude.</div><div class='text-box'>The hotel staff was very helpful, rooms very modern with everything that we could think of. It is a short walk away from Gaudi's Casa Batllo, la Pedrera and a bit longer to la Sagrada Familia, <span class='review-span highlight' data-aligned-summaries='0'>the location couldn't be better</span>! Within a couple of blocks it has many restaurants to chose from and can't forget to mention that it's in a great shopping area. From now on the place where we'll stay when visiting Barcelona.</div><div class='text-box'>Great hotel! i can only think of a few things wrong with our stay, for one, breakfast was not worth the price paid and room service was a bit overpriced as well, but with such a wide variety of other places to eat in barcelona, it didn{t really mattter much. The standard room was small but then again the bed was huge! and the location. it can't get eny better!</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>This hotel is located in a great location</span> however is very expensive. If your looking for a place <span class='review-span highlight' data-aligned-summaries='0'>near Gaudi's buildings and shopping areas</span>, then stay here.</div><div class='text-box'>A lovely pillow menu.WOW.rooms <span class='review-span highlight' data-aligned-summaries='0'>excellent.location is very central and many many shops near the hotel</span>, staff very helpful. A bit pricey but Lovely</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>Great</span> place and <span class='review-span highlight' data-aligned-summaries='0'>location</span>. Would defo stay here again. Loved it. Go see it.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">The hotel is located in a useful area to reach the central sights.</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_110.html ADDED
@@ -0,0 +1,135 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+
2
+ <!DOCTYPE html>
3
+ <html lang="en">
4
+ <head>
5
+ <meta charset="UTF-8">
6
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
+ <title>Document Review</title>
8
+ <style>
9
+ body {
10
+ font-family: Arial, sans-serif;
11
+ display: flex;
12
+ justify-content: center; /* This will center the .reviews container on the screen */
13
+ align-items: flex-start;
14
+ height: 100vh;
15
+ margin: 2px; /* Remove default margin */
16
+ }
17
+
18
+ .highlight { background-color: yellow;
19
+ color: black !important; /* Dark grey for muted text */
20
+ cursor: pointer;}
21
+ .not-hover-highlight { background-color: lightyellow;
22
+ color: #606060 !important; /* Dark grey for muted text */}
23
+ .summary {
24
+ width: 50%;
25
+ font-size: 1.0rem;
26
+ padding: 10px;
27
+ height: 100vh; /* Maximum height to a third of the viewport height */
28
+ background-color: #9e9e9e0a;
29
+ }
30
+ .reviews {
31
+ width: 50%;
32
+ font-size: 0.7rem;
33
+ display: flex;
34
+ flex-wrap: wrap;
35
+ padding: 10px;
36
+ max-height: 100vh; /* Maximum height to a third of the viewport height */
37
+ overflow-y: auto; /* Enable vertical scrolling */
38
+ background-color: #9e9e9e0a; /* Light grey background */
39
+ }
40
+ .text-box {
41
+ width: calc(100% - 20px); /* Adjust based on padding */
42
+ margin: 10px;
43
+ padding: 10px;
44
+ background-color: #9e9e9e0a; /* Light grey background */
45
+ color: #606060bf;
46
+ border: 2px solid #ddd; /* Cartoonish border */
47
+ border-radius: 20px; /* Rounded corners for cartoonish effect */
48
+ position: relative;
49
+ box-shadow: 3px 3px #bbb; /* Soft shadow for depth */
50
+ }
51
+ .text-box:before {
52
+ content: '';
53
+ position: absolute;
54
+ right: 100%;
55
+ bottom: 20%;
56
+ border-top: 10px solid transparent;
57
+ border-bottom: 10px solid transparent;
58
+ border-right: 10px solid #ddd; /* Arrow matching the border */
59
+ }
60
+ .summary-box {
61
+ padding: 10px;
62
+ margin: 10px 0;
63
+ background-color: #e6e6fa; /* Lavender background for a pleasant look */
64
+ border: 1px solid #ddd; /* Light border for definition */
65
+ border-radius: 5px; /* Slightly rounded corners */
66
+ box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* Soft shadow for depth */
67
+ cursor: pointer;
68
+ }
69
+ h4 { margin-top: 0; }
70
+ </style>
71
+ </head>
72
+ <body>
73
+ <div class='column reviews'><h2>Reviews</h2><div class='text-box'>I have stayed here three times -all on business trips where the hotel was booked for me. In fact, there are many meetings held here, and so you might find yourself surrounded by a large group of businessmen - not necessarily a bad thing -but just be aware. The two lifts are small and infrequent, and so you may have to wait a long time - which is annoying if you are on the top floors. The <span class='review-span highlight' data-aligned-summaries='0'>location is great for seeing Barcelona -you can reach most of the central sights by foot -including the Gaudi cathedral. Very near to a metro line</span> , which is also a bonus. Rooms are fine -just try to get one facing the courtyard at the back -the ones to the front can be noisy. Biggest disappointment was the breakfast -17 for a very poor selection - definitely not worth it. I didn`t bother after the first morning.</div><div class='text-box'>We got a really good deal on the rooms at this hotel and, therefore, it was worth what we paid for it. However, I would have been dissapointed if we had payed full price for this. We went in january which I know is not in season however, the terraces were closed and the pools were not open. They were also doing refurbishment works to one of the terraces, none of this was really communicated until you checked in. The room was a reasonable size as we had one at the end of a corridor and the bed was comfy. The bathrooms however, need some updating, they were tired and not in the best condition. Also be warned if you stay on the front of the hotel, the spanish like to beep their horns and this can be disturbing.</div><div class='text-box'>Second time in this hotel and kinda disappointed. Rooms are ok and it is a good value for money mainly due to the <span class='review-span highlight' data-aligned-summaries='0'>great location</span> on Paseig de Gracia, but the service does not seem to care so much about their customers. They are physically present behind the desk, but it stops here. It seems that they are breathing boredom. If you go to Barcelona for a short weekend and do not plan to spend too much time at the hotel, it'll be alright. If not, i'm sure you can pick a better place where the service will show you a more positive and customer focused attitude.</div><div class='text-box'>The hotel staff was very helpful, rooms very modern with everything that we could think of. It is a <span class='review-span highlight' data-aligned-summaries='0'>short walk away from Gaudi's Casa Batllo</span>, la Pedrera and a bit longer to la Sagrada Familia, the <span class='review-span highlight' data-aligned-summaries='0'>location couldn't be better</span>! Within a couple of blocks it has many restaurants to chose from and can't forget to mention that it's in a great shopping area. From now on the place where we'll stay when visiting Barcelona.</div><div class='text-box'>Great hotel! i can only think of a few things wrong with our stay, for one, breakfast was not worth the price paid and room service was a bit overpriced as well, but with such a wide variety of other places to eat in barcelona, it didn{t really mattter much. The standard room was small but then again the bed was huge! and the <span class='review-span highlight' data-aligned-summaries='0'>location</span>. it ca<span class='review-span highlight' data-aligned-summaries='0'>n't get eny better</span>!</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>This hotel is located in a great location</span> however is very expensive. If your looking for a place near Gaudi's buildings and shopping areas, then stay here.</div><div class='text-box'>A lovely pillow menu.WOW.rooms <span class='review-span highlight' data-aligned-summaries='0'>excellent.location is very central</span> and many many shops near the hotel, staff very helpful. A bit pricey but Lovely</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>Great</span> place and <span class='review-span highlight' data-aligned-summaries='0'>location</span>. Would defo stay here again. Loved it. Go see it.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">The location of the hotel is great and is within a metro ride or walking distance to the sights.</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_111.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 hotel is situated at around 10 min by cab from the center</span> (barrio gotico). Must be max 10 years old. Can be reached also by tram or metro. Rooms are clean, beds a bit hard. Bar is OK and the patio too but mostly in the shadom in the evening. Rooms that had a sea view don't have it anymore (see previous reviews). A bit expensive for the location and the lack of view (my room had a view on a skeleton building (crisis, what crisis?) on the side of the hotel, not charming at all). The pool on the 17th is not heated, so quite difficult to swim at this time of the year, nice view on the utility building on the other side and on the sea and beach, plus power plant for the rest.</div><div class='text-box'>The rooms and prices looked good and the pool looked attractive online, however the reality was different. I booked a family room which is really 2 separate bedrooms next to each other behind another door for privacy which was meant to lock but didn't. My kids room smelt like someone had smoked 100 cigarettes in it and had drugs and booze on the table when we checked in. They cleaned but the smell didn't go away for all 3 days and they would not change the rooms. The pool is tiny and over crowded with hardly any beds to lie on which is quite difficult with kids in a very hot city. Well done for offering free WiFi but making people check into your Facebook page every time is very irritating. Overall it is good value but it is most suited to weekend getaways for young party couples or mates.</div><div class='text-box'>I stayed in the diagonal zero for 4 nights while attending a congress. The area near the hotel is not nice, however, the metro station is nearby and <span class='review-span highlight' data-aligned-summaries='0'>you can visit the centre in a few minutes</span> The rooms are spacious, mattress is moderate, views are poor. The decoration is modern but on the poor side. Breakfast was ok, but i consider it unacceptable to drink disgusting coffee from a machine in a 4 star hotel.it shows lack of respect for the client. The Personnel was very polite. There is a very good gym in the hotel and free wifi which is very important.</div><div class='text-box'>We only stayed one night but had most of 2 days sightseeing in Barcelona with fairly grown up family in 2 bedrooms. Hotel happy to look after our luggage. Perhaps <span class='review-span highlight' data-aligned-summaries='0'>in an area a bit far from the character of Barcelona, but very convenient for tram and subway</span>. <span class='review-span highlight' data-aligned-summaries='0'>Also large shopping centre close by with lots of dining choice</span>. Pool a bit crowded as our trip was in the heat of August and slightly disappointing that they charged for towel use. Very helpful porter showed us control panel for lights/aircon etc - all very hi-tech.</div><div class='text-box'>Recently stayed here and was very impressed with this hotel. Friendly staff, good clean rooms and quiet so sleep no problem. The beach is with 10 mins walking distance from the hotel and 5 mins walk from a great shopping mall Diagonal Mar where there are lots of great restaurants. The metro is a 2 min walk and a 10 min journey or <span class='review-span highlight' data-aligned-summaries='0'>6 stops to the centre of the city</span> with no changes. We loved it!</div><div class='text-box'>I stay for 3 nights in a business trip, the hotel is beautiful and the room was suburb. <span class='review-span highlight' data-aligned-summaries='0'>Its far from the city town</span> but have the beach nearby and a subway station pretty close. For sure I will come back again</div><div class='text-box'>We stayed for five nights at this hotel for a conference. By the end we couldn't wait to leave due to the monotonous breakfast, below par cleanliness, and cold decor.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>Wonderful hotel just a short metro ride away from</span> Barcelona <span class='review-span highlight' data-aligned-summaries='0'>attractions</span>, with gorgeous rooftop pool. Excellent customer service.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">The location of the hotel is near to the city centre.</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_112.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 hotel is situated at around 10 min by cab from the center (barrio gotico). Must be max 10 years old. Can be reached also by tram or metro. Rooms are clean, beds a bit hard. Bar is OK and the patio too but mostly in the shadom in the evening. Rooms that had a sea view don't have it anymore (see previous reviews). A bit expensive for the location and the lack of view (my room had a view on a skeleton building (crisis, what crisis?) on the side of the hotel, not charming at all). The pool on the 17th is not heated, so quite difficult to swim at this time of the year, nice view on the utility building on the other side and on the sea and beach, plus power plant for the rest.</div><div class='text-box'>The rooms and prices looked good and the pool looked attractive online, however the reality was different. I booked a family room which is really 2 separate bedrooms next to each other behind another door for privacy which was meant to lock but didn't. My kids room smelt like someone had smoked 100 cigarettes in it and had drugs and booze on the table when we checked in. They cleaned but the smell didn't go away for all 3 days and they would not change the rooms. The pool is tiny and over crowded with hardly any beds to lie on which is quite difficult with kids in a very hot city. Well done for offering free WiFi but making people check into your Facebook page every time is very irritating. Overall it is good value but it is most suited to weekend getaways for young party couples or mates.</div><div class='text-box'>I stayed in the diagonal zero for 4 nights while attending a congress. The area near the hotel is not nice, however, <span class='review-span highlight' data-aligned-summaries='0'>the metro station is nearby</span> and you can visit the centre in a few minutes The rooms are spacious, mattress is moderate, views are poor. The decoration is modern but on the poor side. Breakfast was ok, but i consider it unacceptable to drink disgusting coffee from a machine in a 4 star hotel.it shows lack of respect for the client. The Personnel was very polite. There is a very good gym in the hotel and free wifi which is very important.</div><div class='text-box'>We only stayed one night but had most of 2 days sightseeing in Barcelona with fairly grown up family in 2 bedrooms. Hotel happy to look after our luggage. Perhaps in an area a bit far from the character of Barcelona, but <span class='review-span highlight' data-aligned-summaries='0'>very convenient for tram and subway</span>. Also large shopping centre close by with lots of dining choice. Pool a bit crowded as our trip was in the heat of August and slightly disappointing that they charged for towel use. Very helpful porter showed us control panel for lights/aircon etc - all very hi-tech.</div><div class='text-box'>Recently stayed here and was very impressed with this hotel. Friendly staff, good clean rooms and quiet so sleep no problem. The beach is with 10 mins walking distance from the hotel and 5 mins walk from a great shopping mall Diagonal Mar where there are lots of great restaurants. <span class='review-span highlight' data-aligned-summaries='0'>The metro is a 2 min walk and a 10 min journey or 6 stops to the centre of the city</span> with no changes. We loved it!</div><div class='text-box'>I stay for 3 nights in a business trip, the hotel is beautiful and the room was suburb. <span class='review-span highlight' data-aligned-summaries='0'>Its far from the city town but have the beach nearby and a subway station pretty close</span>. For sure I will come back again</div><div class='text-box'>We stayed for five nights at this hotel for a conference. By the end we couldn't wait to leave due to the monotonous breakfast, below par cleanliness, and cold decor.</div><div class='text-box'>Wonderful hotel just a <span class='review-span highlight' data-aligned-summaries='0'>short metro ride away from Barcelona attractions</span>, with gorgeous rooftop pool. Excellent customer service.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">The hotel is located in a useful area to reach the central sights.</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_113.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 hotel is situated at around 10 min by cab from the center</span> (barrio gotico). Must be max 10 years old. <span class='review-span highlight' data-aligned-summaries='0'>Can be reached also by tram or metro</span>. Rooms are clean, beds a bit hard. Bar is OK and the patio too but mostly in the shadom in the evening. Rooms that had a sea view don't have it anymore (see previous reviews). A bit expensive for <span class='review-span highlight' data-aligned-summaries='0'>the location and the lack of view (my room had a view on a skeleton building</span> (crisis, what crisis?) <span class='review-span highlight' data-aligned-summaries='0'>on the side of the hotel, not charming at all</span>). The pool on the 17th is not heated, so quite difficult to swim at this time of the year, nice view on the utility building on the other side and on the sea and beach, plus power plant for the rest.</div><div class='text-box'>The rooms and prices looked good and the pool looked attractive online, however the reality was different. I booked a family room which is really 2 separate bedrooms next to each other behind another door for privacy which was meant to lock but didn't. My kids room smelt like someone had smoked 100 cigarettes in it and had drugs and booze on the table when we checked in. They cleaned but the smell didn't go away for all 3 days and they would not change the rooms. The pool is tiny and over crowded with hardly any beds to lie on which is quite difficult with kids in a very hot city. Well done for offering free WiFi but making people check into your Facebook page every time is very irritating. Overall it is good value but it is most suited to weekend getaways for young party couples or mates.</div><div class='text-box'>I stayed in the diagonal zero for 4 nights while attending a congress. The <span class='review-span highlight' data-aligned-summaries='0'>area near the hotel is not nice</span>, however, the <span class='review-span highlight' data-aligned-summaries='0'>metro station is nearby</span> and <span class='review-span highlight' data-aligned-summaries='0'>you can visit the centre in</span> a few <span class='review-span highlight' data-aligned-summaries='0'>minutes</span> The rooms are spacious, mattress is moderate, views are poor. The decoration is modern but on the poor side. Breakfast was ok, but i consider it unacceptable to drink disgusting coffee from a machine in a 4 star hotel.it shows lack of respect for the client. The Personnel was very polite. There is a very good gym in the hotel and free wifi which is very important.</div><div class='text-box'>We only stayed one night but had most of 2 days sightseeing in Barcelona with fairly grown up family in 2 bedrooms. Hotel happy to look after our luggage. Perhaps <span class='review-span highlight' data-aligned-summaries='0'>in an area</span> a bit <span class='review-span highlight' data-aligned-summaries='0'>far from</span> the character of <span class='review-span highlight' data-aligned-summaries='0'>Barcelona</span>, <span class='review-span highlight' data-aligned-summaries='0'>but</span> very <span class='review-span highlight' data-aligned-summaries='0'>convenient for tram and subway</span>. Also large shopping centre close by with lots of dining choice. Pool a bit crowded as our trip was in the heat of August and slightly disappointing that they charged for towel use. Very helpful porter showed us control panel for lights/aircon etc - all very hi-tech.</div><div class='text-box'>Recently stayed here and was very impressed with this hotel. Friendly staff, good clean rooms and quiet so sleep no problem. <span class='review-span highlight' data-aligned-summaries='0'>The beach is with 10 mins walking distance from the hotel and 5 mins walk from a great shopping mall Diagonal Mar where there are lots of great restaurants</span>. <span class='review-span highlight' data-aligned-summaries='0'>The metro is a 2 min walk</span> and <span class='review-span highlight' data-aligned-summaries='0'>a 10 min journey or 6 stops to the centre of the city</span> with no changes. We loved it!</div><div class='text-box'>I stay for 3 nights in a business trip, the hotel is beautiful and the room was suburb. <span class='review-span highlight' data-aligned-summaries='0'>Its far from the city town but have the beach nearby and a subway station pretty close</span>. For sure I will come back again</div><div class='text-box'>We stayed for five nights at this hotel for a conference. By the end we couldn't wait to leave due to the monotonous breakfast, below par cleanliness, and cold decor.</div><div class='text-box'>Wonderful hotel just <span class='review-span highlight' data-aligned-summaries='0'>a short metro ride away from Barcelona attractions</span>, with gorgeous rooftop pool. Excellent customer service.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">The location of the hotel is great and is within a metro ride or walking distance to the sights.</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_114.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 was lucky enough to be able to accompany my husband on a business trip to the Gaylord Palms Resort. <span class='review-span highlight' data-aligned-summaries='0'>We were thrilled from beginning to end</span>. We pulled up to the magnificent resort and were delighted at the front desk with warm welcomes and friendly personalities from all. <span class='review-span highlight' data-aligned-summaries='1'>The front desk</span> engaged us both in conversation and <span class='review-span highlight' data-aligned-summaries='1'>gave many tips on how I could enjoy the resort</span> while my husband was working. Our room in the Emeral Bay section of the hotel was very clean and whenever we needed anything (toiletries, turn down service, directions) we dialed #88 on our room phone and were connected to friendly staff with all the answers! I explored resturants, the spa, and the pools and truly enjoyed my relaxing few days at this resort. I recommended this hotel to couples, families, business travelers, and soloists.</div><div class='text-box'>We loved the hotel and the grounds. We got an incredible deal on hotwire, so we couldn't beat the value. The service was excellent. We were traveling with two small children and they were very accomodating. The only complaint was that the food was very expensive. We were not traveling on an expense account and we had failed to rent a car, so our dining options were limited to the Resort. A simple continental breakfast cost us over $8-too much to spend on a bowl of cereal and a banana for a two year old. The restaurants were very expensive and we wound up ordering in pizza one night. But <span class='review-span highlight' data-aligned-summaries='0'>if you're on an expense account or have a car to get to the store (each room has a refrigerator) or to other dining options, this is a fantastic place to stay</span>.</div><div class='text-box'>I have stayed at the gaylord Palms for the past couple of years for a yearly convention . I love this place and the <span class='review-span highlight' data-aligned-summaries='1'>friendly service</span> we receive <span class='review-span highlight' data-aligned-summaries='1'>while there</span> . I'm sure the prices are higher than other hotels , but I feel we get what we pay for . I do think the boat could be a little better as far as the food they serve . etc. . I look forward to this as a weekend spot every year for my convention and while I am only an hour away after the weekend we feel like we have had a mini vacation . I wouldn't change one thing about my stay except that I would love to be able to stay a week . I look forward to this years convention and the fun times my kids will have</div><div class='text-box'>Most rooms overlook an interior, glass covered courtyard which reminded me of the habitats you see at the zoo. If you are the spouse of a convention goer, you are trapped there. There is nothing to do but sit at the pool or work out if you don't want to go to Disney World. Even the chairs and benches are uncomfortable and designed to make you move on. I longed to find a window and look out at the real world.</div><div class='text-box'>The Shrek the Halls display was very cool (no pun intended). It's quite chilly, but very neat to see all the figures made of ice. The ICE attraction with the snow was very simple. Young children that have never seen snow would appreciate it,but that's about it. Our 9 year old was very bored. Thought the prices were quite expensive. Plus it's $13 to park.ugh!</div><div class='text-box'>Our 1 bedroom suite was spectacular! Large bedroom and living room each with flat screen in HD. Wifi throughout the facility. Very clean resort. Beautiful atriums with fish, alligators etc. Daily feedings with question and answer periods. Many restaurants and bars located within. Only minutes from Disney. Golf nearby at Celebration with preferred rates when booked through the concierge. <span class='review-span highlight' data-aligned-summaries='0'>Nothing bad to say at all</span></div><div class='text-box'>Brought my mother to celebrate her b-day. Both restaurants where we dined were very good - cannot say enough great things about Old Hickory. The steak was one of the best I've had. The massage was terrific and you must wear their most comfortable robe back to your room. <span class='review-span highlight' data-aligned-summaries='0'>Highly recommend this hotel</span> and would definitley stay there again.</div><div class='text-box'>Visited the Gaylord Palms this past weekend and was definitely impressed. Rooms extremely clean, <span class='review-span highlight' data-aligned-summaries='1'>staff very helpful</span>, check-in was speedy, and activities to keep my son occupied for awhile. I <span class='review-span highlight' data-aligned-summaries='0'>definitely will be visiting again</span>. Beautiful hotel, great staff and great location.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">Would recommend the hotel.</span> <span id="1" class="summary-sentence">The staff of 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_115.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 was lucky enough to be able to accompany my husband on a business trip to the Gaylord Palms Resort. We were thrilled from beginning to end. We pulled up to the magnificent resort and were delighted at the front desk with warm welcomes and friendly personalities from all. The <span class='review-span highlight' data-aligned-summaries='0'>front desk engaged us</span> both in conversation and gave many tips on how I could enjoy the resort while my husband was working. Our room in the Emeral Bay section of the hotel was very clean and <span class='review-span highlight' data-aligned-summaries='0'>whenever we needed anything</span> (toiletries, turn down service, directions) <span class='review-span highlight' data-aligned-summaries='0'>we dialed #88</span> on our room phone and were connected to <span class='review-span highlight' data-aligned-summaries='0'>friendly staff</span> with all the answers! I explored resturants, the spa, and the pools and truly enjoyed my relaxing few days at this resort. I <span class='review-span highlight' data-aligned-summaries='1'>recommended this hotel</span> to couples, families, business travelers, and soloists.</div><div class='text-box'>We loved the hotel and the grounds. We got an incredible deal on hotwire, so we couldn't beat the value. <span class='review-span highlight' data-aligned-summaries='0'>The service was excellent</span>. We were traveling with two small children and they were very accomodating. The only complaint was that the food was very expensive. We were not traveling on an expense account and we had failed to rent a car, so our dining options were limited to the Resort. A simple continental breakfast cost us over $8-too much to spend on a bowl of cereal and a banana for a two year old. The restaurants were very expensive and we wound up ordering in pizza one night. But if you're on an expense account or have a car to get to the store (each room has a refrigerator) or to other dining options, <span class='review-span highlight' data-aligned-summaries='1'>this is a fantastic place to stay.</span></div><div class='text-box'>I have stayed at the gaylord Palms for the past couple of years for a yearly convention . I love this place and the <span class='review-span highlight' data-aligned-summaries='0'>friendly service</span> we receive while there . I'm sure the prices are higher than other hotels , but I feel we get what we pay for . I do think the boat could be a little better as far as the food they serve . etc. . I look forward to this as a weekend spot every year for my convention and while I am only an hour away after the weekend we feel like we have had a mini vacation . I wouldn't change one thing about my stay except that I would love to be able to stay a week . I look forward to this years convention and the fun times my kids will have</div><div class='text-box'>Most rooms overlook an interior, glass covered courtyard which reminded me of the habitats you see at the zoo. If you are the spouse of a convention goer, you are trapped there. There is nothing to do but sit at the pool or work out if you don't want to go to Disney World. Even the chairs and benches are uncomfortable and designed to make you move on. I longed to find a window and look out at the real world.</div><div class='text-box'>The Shrek the Halls display was very cool (no pun intended). It's quite chilly, but very neat to see all the figures made of ice. The ICE attraction with the snow was very simple. Young children that have never seen snow would appreciate it,but that's about it. Our 9 year old was very bored. Thought the prices were quite expensive. Plus it's $13 to park.ugh!</div><div class='text-box'>Our 1 bedroom suite was spectacular! Large bedroom and living room each with flat screen in HD. Wifi throughout the facility. Very clean resort. Beautiful atriums with fish, alligators etc. Daily feedings with question and answer periods. Many restaurants and bars located within. Only minutes from Disney. Golf nearby at Celebration with preferred rates when booked through the concierge. <span class='review-span highlight' data-aligned-summaries='1'>Nothing bad to say at all</span></div><div class='text-box'>Brought my mother to celebrate her b-day. Both restaurants where we dined were very good - cannot say enough great things about Old Hickory. The steak was one of the best I've had. <span class='review-span highlight' data-aligned-summaries='0'>The massage was terrific and you must wear their most comfortable robe back to your room</span>. <span class='review-span highlight' data-aligned-summaries='1'>Highly recommend this hotel</span> and would definitley stay there again.</div><div class='text-box'>Visited the Gaylord Palms this past weekend and was definitely impressed. Rooms extremely clean, <span class='review-span highlight' data-aligned-summaries='0'>staff very helpful, check-in was speedy</span>, and activities to keep my son occupied for awhile. I definitely will be visiting again. <span class='review-span highlight' data-aligned-summaries='1'>Beautiful hotel, great staff and great location</span>.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">The service provided by the friendly staff here was really excellent.</span> <span id="1" class="summary-sentence">Overall a very 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_116.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 was lucky enough to be able to accompany my husband on a business trip to the Gaylord Palms Resort. <span class='review-span highlight' data-aligned-summaries='2'>We were thrilled from beginning to end</span>. We pulled up to the magnificent resort and <span class='review-span highlight' data-aligned-summaries='1'>were delighted at the front desk with warm welcomes and friendly personalities from all</span>. <span class='review-span highlight' data-aligned-summaries='0'>The front desk engaged us both in conversation and gave many tips on how I could enjoy the resort</span> while my husband was working. Our room in the Emeral Bay section of the hotel was very clean and whenever we needed anything (toiletries, turn down service, directions) we dialed #88 on our room phone and were connected to friendly staff with all the answers! I explored resturants, the spa, and the pools and truly enjoyed my relaxing few days at this resort. I recommended this hotel to couples, families, business travelers, and soloists.</div><div class='text-box'>We loved the hotel and the grounds. We got an incredible deal on hotwire, so we couldn't beat the value. <span class='review-span highlight' data-aligned-summaries='0 1'>The service was excellent</span>. We were traveling with two small children and they were very accomodating. The only complaint was that the food was very expensive. We were not traveling on an expense account and we had failed to rent a car, so our dining options were limited to the Resort. A simple continental breakfast cost us over $8-too much to spend on a bowl of cereal and a banana for a two year old. The restaurants were very expensive and we wound up ordering in pizza one night. But if you're on an expense account or have a car to get to the store (each room has a refrigerator) or to other dining options, <span class='review-span highlight' data-aligned-summaries='2'>this is a fantastic place to stay</span>.</div><div class='text-box'>I have stayed at the gaylord Palms for the past couple of years for a yearly convention . <span class='review-span highlight' data-aligned-summaries='1'>I love this place and the friendly service we receive while there</span> . I'm sure the prices are higher than other hotels , but <span class='review-span highlight' data-aligned-summaries='0'>I feel we get what we pay for</span> . I do think the boat could be a little better as far as the food they serve . etc. . I look forward to this as a weekend spot every year for my convention and while I am only an hour away after the weekend we feel like we have had a mini vacation . I wouldn't change one thing about my stay except that I would love to be able to stay a week . I look forward to this years convention and the fun times my kids will have</div><div class='text-box'>Most rooms overlook an interior, glass covered courtyard which reminded me of the habitats you see at the zoo. <span class='review-span highlight' data-aligned-summaries='2'>If you are the spouse of a convention goer, you are trapped there</span>. There is nothing to do but sit at the pool or work out if you don't want to go to Disney World. Even the chairs and benches are uncomfortable and designed to make you move on. I longed to find a window and look out at the real world.</div><div class='text-box'>The Shrek the Halls display was very cool (no pun intended). It's quite chilly, but very neat to see all the figures made of ice. The ICE attraction with the snow was very simple. Young children that have never seen snow would appreciate it,but that's about it. Our 9 year old was very bored. Thought the prices were quite expensive. Plus it's $13 to park.ugh!</div><div class='text-box'>Our 1 bedroom suite was spectacular! Large bedroom and living room each with flat screen in HD. Wifi throughout the facility. Very clean resort. Beautiful atriums with fish, alligators etc. Daily feedings with question and answer periods. Many restaurants and bars located within. Only minutes from Disney. Golf nearby at Celebration with preferred rates when booked through the concierge. <span class='review-span highlight' data-aligned-summaries='2'>Nothing bad to say at all</span></div><div class='text-box'>Brought my mother to celebrate her b-day. Both restaurants where we dined were very good - cannot say enough great things about Old Hickory. The steak was one of the best I've had. The massage was terrific and you must wear their most comfortable robe back to your room. <span class='review-span highlight' data-aligned-summaries='2'>Highly recommend this hotel</span> and would definitley stay there again.</div><div class='text-box'>Visited the Gaylord Palms this past weekend and was definitely impressed. <span class='review-span highlight' data-aligned-summaries='0'>Rooms extremely clean</span>, staff very helpful, <span class='review-span highlight' data-aligned-summaries='0'>check-in was speedy</span>, and activities to keep my son occupied for awhile. I definitely will be visiting again. Beautiful hotel, <span class='review-span highlight' data-aligned-summaries='1'>great staff</span> and great location.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">The service of the hotel was excellent.</span> <span id="1" class="summary-sentence">The staff is great.</span> <span id="2" class="summary-sentence">This hotel is highly 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_117.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 were originally due to stay for 10 nights and we booked for three people - my teenager daughter and her friend and myself. On arrival in the room the beds were very small double beds and only two of them - I spoke to the manager who said that all the rooms were exactly the same (untrue) and that for an extra $10 we could have a rollaway bed. The rooms are far too small for more than two people. The site is not well maintained and the pool not clean. We were then stranded due to the volcano and having enquired about staying for an additional five nights was told that we could have a special price of $39 per night - only to find out on the website for the hotel that the cost for that period of time would be $32 per night. Scammed! <span class='review-span highlight' data-aligned-summaries='0'>I would not recommend this hotel to anyone</span> - there are far better places to stay which are closer to the amenities.</div><div class='text-box'>This is the second time we have stayed at this hotel and both times have been totally trouble free. We stayed for 10 nights and had no problems. The room was clean and was cleaned every day, towels and bed sheets changed we came back every day to a spotless room. We <span class='review-span highlight' data-aligned-summaries='1'>only seen</span> reception <span class='review-span highlight' data-aligned-summaries='1'>staff to check in and out</span> but they seemed friendly enough and there were no additional charges over what we paid when we booked. The location is exellent, took about 10 mins to get to disney and about 20 mins to Universal and Seaworld. Aircon and tv worked well and there was always a parking space outside our room despite the hotel being quite busy over spring break. I will definatly stay here again if back in Orlando :)</div><div class='text-box'>The "Hotel" is actually like something straight out of My Name is Earl. Filthy carpets, bugs in the refridgerator and all over the room. Horrendously misrepresented by the pictures on the website, the bbq area and lagoon are disgraceful. I paid for 2 star Quality, but would never stay here, recommend it, etc. In fairness the staff are very friendly and <span class='review-span highlight' data-aligned-summaries='1'>all issues raised were dealt with</span>, they seem to know with the quality of their resort, they HAVE to provide good service. Bar is very reasonable, with Long Island Iced tea recommended. My honest advice, not even worth the small amount paid, <span class='review-span highlight' data-aligned-summaries='0'>I will never stay here again</span>, you have been warned!</div><div class='text-box'>Is a nice hotel with many amenities, <span class='review-span highlight' data-aligned-summaries='1'>room service was excellent</span>. The shuttle was not so confy, because run for 3 hotels, but Champions is the first so you can have a seat haha. If you have a car, fine, because if you don't have a car you don't have many alternatives to eat. I like this hotel and <span class='review-span highlight' data-aligned-summaries='0'>really recomend it</span>. This hotel is near to a Chinese buffett, Dominos Pizza, Pizza Hut, Walgreens, McDonalds.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>This is one of my favorite hotels in Kissimmee</span>. It is a Instead super comfortable, accessible parks and disney all the best places you can eat in your vacation. The attention is very satisfactory. I have two Sometimes visiting this hotel and will not be the last. since its price and the comfort of your rooms make your stay a very welcoming.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>I had a lovey stay</span>. The resort is a value, and taking the back road on Sherberth, I traveled to Disney in 6 minutes. <span class='review-span highlight' data-aligned-summaries='1'>The staff is</span> warm and <span class='review-span highlight' data-aligned-summaries='1'>attentive</span>. I felt like I was at home with family.</div><div class='text-box'>Champions World Resort was exactly what we were looking for. A brief relaxing weekend near Orlando Fl. The rooms were nice and clean, and <span class='review-span highlight' data-aligned-summaries='1'>the hotel staff was very responsive and attentive to our needs</span>. <span class='review-span highlight' data-aligned-summaries='0'>I highly recommend this resort</span>.</div><div class='text-box'>We stay here every year. I like the hotel, its clean, <span class='review-span highlight' data-aligned-summaries='1'>the employees are very nice</span> and the prices are great. <span class='review-span highlight' data-aligned-summaries='0'>I will continue to stay here!</span></div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">Would recommend the hotel.</span> <span id="1" class="summary-sentence">The staff of 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_118.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 were originally due to stay for 10 nights and we booked for three people - my teenager daughter and her friend and myself. On arrival in the room the beds were very small double beds and only two of them - I spoke to the manager who said that all the rooms were exactly the same (untrue) and that for an extra $10 we could have a rollaway bed. The rooms are far too small for more than two people. The site is not well maintained and the pool not clean. We were then stranded due to the volcano and having enquired about staying for an additional five nights was told that we could have a special price of $39 per night - only to find out on the website for the hotel that the cost for that period of time would be $32 per night. Scammed! <span class='review-span highlight' data-aligned-summaries='1'>I would not recommend this hotel to anyone - there are far better places to stay which are closer to the amenities</span>.</div><div class='text-box'>This is the second time we have stayed at this hotel and both times have been totally trouble free. We stayed for 10 nights and had no problems. The <span class='review-span highlight' data-aligned-summaries='0'>room was</span> clean and was <span class='review-span highlight' data-aligned-summaries='0'>cleaned every day</span>, towels and bed sheets changed we <span class='review-span highlight' data-aligned-summaries='0'>came back</span> every day <span class='review-span highlight' data-aligned-summaries='0'>to a spotless room</span>. We only seen reception <span class='review-span highlight' data-aligned-summaries='0'>staff</span> to check in and out but they <span class='review-span highlight' data-aligned-summaries='0'>seemed friendly</span> enough and there were no additional charges over what we paid when we booked. The location is exellent, took about 10 mins to get to disney and about 20 mins to Universal and Seaworld. Aircon and tv worked well and there was always a parking space outside our room despite the hotel being quite busy over spring break. I will definatly stay here again if back in Orlando :)</div><div class='text-box'>The "Hotel" is actually like something straight out of My Name is Earl. Filthy carpets, bugs in the refridgerator and all over the room. Horrendously misrepresented by the pictures on the website, the bbq area and lagoon are disgraceful. I paid for 2 star Quality, but <span class='review-span highlight' data-aligned-summaries='1'>would never</span> stay here, <span class='review-span highlight' data-aligned-summaries='1'>recommend it,</span> etc. <span class='review-span highlight' data-aligned-summaries='0'>In fairness the staff are very friendly and all issues raised were dealt with, they seem to know</span> with the quality of their resort, <span class='review-span highlight' data-aligned-summaries='0'>they HAVE to provide good service</span>. Bar is very reasonable, with Long Island Iced tea recommended. <span class='review-span highlight' data-aligned-summaries='1'>My honest advice, not even worth the small amount paid</span>, I will never stay here again, <span class='review-span highlight' data-aligned-summaries='1'>you have been warned</span>!</div><div class='text-box'>Is a nice hotel with many amenities, <span class='review-span highlight' data-aligned-summaries='0'>room service was excellent</span>. The shuttle was not so confy, because run for 3 hotels, but Champions is the first so you can have a seat haha. If you have a car, fine, because if you don't have a car you don't have many alternatives to eat. <span class='review-span highlight' data-aligned-summaries='1'>I like this hotel and really recomend it</span>. This hotel is near to a Chinese buffett, Dominos Pizza, Pizza Hut, Walgreens, McDonalds.</div><div class='text-box'>This is one of my favorite hotels in Kissimmee. It is a Instead super comfortable, accessible parks and disney all the best places you can eat in your vacation. <span class='review-span highlight' data-aligned-summaries='0'>The attention is very satisfactory</span>. I have two Sometimes <span class='review-span highlight' data-aligned-summaries='1'>visiting this hotel and will not be the last. since its price and the comfort of your rooms make your stay a very welcoming</span>.</div><div class='text-box'>I had a lovey stay. The resort is a value, and taking the back road on Sherberth, I traveled to Disney in 6 minutes. <span class='review-span highlight' data-aligned-summaries='0'>The staff is warm and attentive</span>. I felt like I was at home with family.</div><div class='text-box'>Champions World Resort was exactly what we were looking for. A brief relaxing weekend near Orlando Fl. The rooms were nice and clean, and the hotel <span class='review-span highlight' data-aligned-summaries='0'>staff was very responsive and attentive</span> to our needs. <span class='review-span highlight' data-aligned-summaries='1'>I</span> highly <span class='review-span highlight' data-aligned-summaries='1'>recommend this resort</span>.</div><div class='text-box'>We stay here every year. I like the hotel, its clean, <span class='review-span highlight' data-aligned-summaries='0'>the employees are very nice</span> and the prices are great. <span class='review-span highlight' data-aligned-summaries='1'>I will continue to stay here</span>!</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">The service provided by the friendly staff here was really excellent.</span> <span id="1" class="summary-sentence">Overall a very 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_119.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 were originally due to stay for 10 nights and we booked for three people - my teenager daughter and her friend and myself. On arrival in the room the beds were very small double beds and only two of them - I spoke to the manager who said that all the rooms were exactly the same (untrue) and that for an extra $10 we could have a rollaway bed. <span class='review-span highlight' data-aligned-summaries='0'>The rooms are far too small for more than two people. The site is not well maintained and the pool not clean.</span> We were then stranded due to the volcano and having enquired about staying for an additional five nights was told that we could have a special price of $39 per night - only to find out on the website for the hotel that the cost for that period of time would be $32 per night. Scammed! <span class='review-span highlight' data-aligned-summaries='2'>I would not recommend this hotel to anyone</span> - there are far better places to stay which are closer to the amenities.</div><div class='text-box'>This is the second time <span class='review-span highlight' data-aligned-summaries='2'>we have stayed at this hotel and both times have been totally trouble free</span>. We stayed for 10 nights and had no problems. The room was clean and was cleaned every day, towels and bed sheets changed we came back every day to a spotless room. <span class='review-span highlight' data-aligned-summaries='1'>We only seen reception staff to check in and out but they seemed friendly enough</span> and there were no additional charges over what we paid when we booked. The location is exellent, took about 10 mins to get to disney and about 20 mins to Universal and Seaworld. Aircon and tv worked well and there was always a parking space outside our room despite the hotel being quite busy over spring break. I will definatly stay here again if back in Orlando :)</div><div class='text-box'>The "Hotel" is actually like something straight out of My Name is Earl. Filthy carpets, bugs in the refridgerator and all over the room. Horrendously misrepresented by the pictures on the website, the bbq area and lagoon are disgraceful. I paid for 2 star Quality, but <span class='review-span highlight' data-aligned-summaries='2'>would never</span> stay here, <span class='review-span highlight' data-aligned-summaries='2'>recommend it</span>, etc. In fairness <span class='review-span highlight' data-aligned-summaries='1'>the staff are very friendly and</span> <span class='review-span highlight' data-aligned-summaries='0 1'>all issues raised were dealt with</span>,<span class='review-span highlight' data-aligned-summaries='0'> they seem to know</span> with the quality of their resort, <span class='review-span highlight' data-aligned-summaries='0'>they HAVE to provide good service</span>. Bar is very reasonable, with Long Island Iced tea recommended. <span class='review-span highlight' data-aligned-summaries='2'>My honest advice, not even worth the small amount paid</span>, I will never stay here again, you have been warned!</div><div class='text-box'>Is a nice hotel with many amenities, <span class='review-span highlight' data-aligned-summaries='0'>room service was excellent</span>. The shuttle was not so confy, because run for 3 hotels, but Champions is the first so you can have a seat haha. If you have a car, fine, because if you don't have a car you don't have many alternatives to eat. <span class='review-span highlight' data-aligned-summaries='2'>I like this hotel and really recomend it</span>. This hotel is near to a Chinese buffett, Dominos Pizza, Pizza Hut, Walgreens, McDonalds.</div><div class='text-box'>This is one of my favorite hotels in Kissimmee. It is a Instead super comfortable, accessible parks and disney all the best places you can eat in your vacation. The <span class='review-span highlight' data-aligned-summaries='0 1'>attention is very satisfactory</span>. I have two Sometimes visiting this hotel and will not be the last. since its price and the comfort of your rooms make your stay a very welcoming.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='2'>I had a lovey stay</span>. The resort is a value, and taking the back road on Sherberth, I traveled to Disney in 6 minutes. <span class='review-span highlight' data-aligned-summaries='0 1'>The staff is warm and attentive. I felt like I was at home with family</span>.</div><div class='text-box'>Champions World Resort was exactly what we were looking for. A brief relaxing weekend near Orlando Fl. The rooms were nice and clean, and the <span class='review-span highlight' data-aligned-summaries='0'>hotel</span> <span class='review-span highlight' data-aligned-summaries='0 1'>staff was</span> <span class='review-span highlight' data-aligned-summaries='0'>very responsive</span> and <span class='review-span highlight' data-aligned-summaries='1'>attentive to our needs.</span> I <span class='review-span highlight' data-aligned-summaries='2'>highly recommend this resort</span>.</div><div class='text-box'>We stay here every year. I like the hotel, its clean, the <span class='review-span highlight' data-aligned-summaries='1'>employees are very nice</span> and the prices are great. <span class='review-span highlight' data-aligned-summaries='2'>I will continue to stay here</span>!</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">The service of the hotel was excellent.</span> <span id="1" class="summary-sentence">The staff is great.</span> <span id="2" class="summary-sentence">This hotel is highly 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_cont-summ_0.html ADDED
@@ -0,0 +1,135 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+
2
+ <!DOCTYPE html>
3
+ <html lang="en">
4
+ <head>
5
+ <meta charset="UTF-8">
6
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
+ <title>Document Review</title>
8
+ <style>
9
+ body {
10
+ font-family: Arial, sans-serif;
11
+ display: flex;
12
+ justify-content: center; /* This will center the .reviews container on the screen */
13
+ align-items: flex-start;
14
+ height: 100vh;
15
+ margin: 2px; /* Remove default margin */
16
+ }
17
+
18
+ .highlight { background-color: yellow;
19
+ color: black !important; /* Dark grey for muted text */
20
+ cursor: pointer;}
21
+ .not-hover-highlight { background-color: lightyellow;
22
+ color: #606060 !important; /* Dark grey for muted text */}
23
+ .summary {
24
+ width: 50%;
25
+ font-size: 1.0rem;
26
+ padding: 10px;
27
+ height: 100vh; /* Maximum height to a third of the viewport height */
28
+ background-color: #9e9e9e0a;
29
+ }
30
+ .reviews {
31
+ width: 50%;
32
+ font-size: 0.7rem;
33
+ display: flex;
34
+ flex-wrap: wrap;
35
+ padding: 10px;
36
+ max-height: 100vh; /* Maximum height to a third of the viewport height */
37
+ overflow-y: auto; /* Enable vertical scrolling */
38
+ background-color: #9e9e9e0a; /* Light grey background */
39
+ }
40
+ .text-box {
41
+ width: calc(100% - 20px); /* Adjust based on padding */
42
+ margin: 10px;
43
+ padding: 10px;
44
+ background-color: #9e9e9e0a; /* Light grey background */
45
+ color: #606060bf;
46
+ border: 2px solid #ddd; /* Cartoonish border */
47
+ border-radius: 20px; /* Rounded corners for cartoonish effect */
48
+ position: relative;
49
+ box-shadow: 3px 3px #bbb; /* Soft shadow for depth */
50
+ }
51
+ .text-box:before {
52
+ content: '';
53
+ position: absolute;
54
+ right: 100%;
55
+ bottom: 20%;
56
+ border-top: 10px solid transparent;
57
+ border-bottom: 10px solid transparent;
58
+ border-right: 10px solid #ddd; /* Arrow matching the border */
59
+ }
60
+ .summary-box {
61
+ padding: 10px;
62
+ margin: 10px 0;
63
+ background-color: #e6e6fa; /* Lavender background for a pleasant look */
64
+ border: 1px solid #ddd; /* Light border for definition */
65
+ border-radius: 5px; /* Slightly rounded corners */
66
+ box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* Soft shadow for depth */
67
+ cursor: pointer;
68
+ }
69
+ h4 { margin-top: 0; }
70
+ </style>
71
+ </head>
72
+ <body>
73
+ <div class='column reviews'><h2>Reviews</h2><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>This place can be summed up in one word . flawless</span> ! <span class='review-span highlight' data-aligned-summaries='2'>Located across the street from</span> the most beautiful beach in Key West - <span class='review-span highlight' data-aligned-summaries='2'>Smathers Beach</span> 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 . <span class='review-span highlight' data-aligned-summaries='4'>the room</span> - comfortable, <span class='review-span highlight' data-aligned-summaries='4'>huge, it is literally the size of a small apartment</span>, with a small kitchenette, a dining table a huge couch and and <span class='review-span highlight' data-aligned-summaries='5'>super comfortable bed</span>, oh yeah and <span class='review-span highlight' data-aligned-summaries='6'>the bathroom is also pretty darn big</span>. 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, <span class='review-span highlight' data-aligned-summaries='9'>the hotel has plenty of bikes for rent as well</span>.</div><div class='text-box'>The <span class='review-span highlight' data-aligned-summaries='0 2 3'>hotel</span> <span class='review-span highlight' data-aligned-summaries='0'>has a great location</span>, <span class='review-span highlight' data-aligned-summaries='2'>across from the beach</span> and <span class='review-span highlight' data-aligned-summaries='3'>away from Duval street, but a free shuttle every hour</span> into town and airport. <span class='review-span highlight' data-aligned-summaries='0 4 6'>Rooms</span> <span class='review-span highlight' data-aligned-summaries='0 4'>are</span> <span class='review-span highlight' data-aligned-summaries='0'>all suites</span> <span class='review-span highlight' data-aligned-summaries='0 4'>large</span> <span class='review-span highlight' data-aligned-summaries='0'>and comfortable</span> <span class='review-span highlight' data-aligned-summaries='6'>with</span> microwave and wet bars, living room areas , <span class='review-span highlight' data-aligned-summaries='0'>well designed space</span> with pocket doors to close off the bedroom for privacy. <span class='review-span highlight' data-aligned-summaries='0 5'>Comfortable beds</span> and <span class='review-span highlight' data-aligned-summaries='0 6'>nice vanity area</span>, <span class='review-span highlight' data-aligned-summaries='4'>lots of storage space</span>. We were a large group and <span class='review-span highlight' data-aligned-summaries='0'>treated very well</span>. 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 <span class='review-span highlight' data-aligned-summaries='7'>asked for a late checkout last minute and they accomodated</span> as many as possible. <span class='review-span highlight' data-aligned-summaries='0'>Pool was</span> heated and <span class='review-span highlight' data-aligned-summaries='0'>lovely</span>, a hot tub in the corner. <span class='review-span highlight' data-aligned-summaries='8'>Restaurant closed at 9 and bar at 11pm, a little early for our crowd</span> and Key West but that is my only complaint.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='1 2'>The hotel</span> <span class='review-span highlight' data-aligned-summaries='1'>was decorated beautifully for X-mas</span> and I loved <span class='review-span highlight' data-aligned-summaries='1'>the Palm trees with Christmas lights</span>! <span class='review-span highlight' data-aligned-summaries='7'>The staff was very helpful</span> and friendly. The rate was what is to be expected for Key West, <span class='review-span highlight' data-aligned-summaries='2 3'>right by the airport</span>! <span class='review-span highlight' data-aligned-summaries='2'>The beach is across the street from the hotel</span> with multiple activities for one to participate in. <span class='review-span highlight' data-aligned-summaries='3'>Since the hotel is out of the was a smidge, they offer shuttles</span>, numerous shuttles to all the hot spots in Key West. <span class='review-span highlight' data-aligned-summaries='0'>The rooms were beautiful</span>, and <span class='review-span highlight' data-aligned-summaries='0'>very clean</span>, <span class='review-span highlight' data-aligned-summaries='0'>unless you looked directly behind the toilet</span>, <span class='review-span highlight' data-aligned-summaries='0'>which could use a little extra scrubbing</span>. I would stay here again, tomorrow!</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>The hotel is an all suite hotel</span> so the <span class='review-span highlight' data-aligned-summaries='4'>rooms were very spacious</span> and allowed us to kick back in our room mid afternoons and mornings. <span class='review-span highlight' data-aligned-summaries='2'>If you like a slower pace</span> and a public <span class='review-span highlight' data-aligned-summaries='2'>beach across the street</span>, <span class='review-span highlight' data-aligned-summaries='2'>this is a good place to stay</span>. <span class='review-span highlight' data-aligned-summaries='3'>You will have to</span> drive or <span class='review-span highlight' data-aligned-summaries='3'>take the shuttle to Duval Street</span> 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, <span class='review-span highlight' data-aligned-summaries='0'>it wasn't a St Regis or even a Westin</span>, 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'><span class='review-span highlight' data-aligned-summaries='2 3 4 6'>This</span> <span class='review-span highlight' data-aligned-summaries='0 2 3 4 6'>hotel</span> <span class='review-span highlight' data-aligned-summaries='0 4 6'>has huge</span> <span class='review-span highlight' data-aligned-summaries='0 4'>rooms</span> and <span class='review-span highlight' data-aligned-summaries='6'>bathrooms</span> and <span class='review-span highlight' data-aligned-summaries='2 3'>is</span> <span class='review-span highlight' data-aligned-summaries='0 2'>in a great location</span> <span class='review-span highlight' data-aligned-summaries='2'>across from the beach</span> and <span class='review-span highlight' data-aligned-summaries='2 3'>close to the airport</span>. <span class='review-span highlight' data-aligned-summaries='0 8'>Great food</span> <span class='review-span highlight' data-aligned-summaries='8'>in the restaurant</span> and <span class='review-span highlight' data-aligned-summaries='0'>staff is wonderful</span>! I highly recommend to anyone needing some extra space and doesnt care about <span class='review-span highlight' data-aligned-summaries='3'>being downtown</span>!</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0 4'>Large</span>, <span class='review-span highlight' data-aligned-summaries='0 4'>modern</span>, <span class='review-span highlight' data-aligned-summaries='0'>clean</span> <span class='review-span highlight' data-aligned-summaries='0 4'>rooms</span> <span class='review-span highlight' data-aligned-summaries='2'>across from one of the few beaches in Key West</span>. <span class='review-span highlight' data-aligned-summaries='3'>While far from downtown</span>, <span class='review-span highlight' data-aligned-summaries='2'>this hotel</span> offers <span class='review-span highlight' data-aligned-summaries='0'>a lot of comfort</span>, a nice little pool, and <span class='review-span highlight' data-aligned-summaries='3'>regular shuttle service</span>. We would stay there again!</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</span>, <span class='review-span highlight' data-aligned-summaries='0'>unsafe</span>, <span class='review-span highlight' data-aligned-summaries='4'>only thing really redone was the lobby</span>! <span class='review-span highlight' data-aligned-summaries='11'>Elevators were very scary</span>, 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 all suite hotel is flawless.</span> <span id="1" class="summary-sentence">Around the holidays season, the hotel was well decorated for X-mas with lovely Palm trees and Christmas lights.</span> <span id="2" class="summary-sentence">This hotel is so close to the beach and is perfectly located for peace and quiet.</span> <span id="3" class="summary-sentence">The airport and Duval street is only a short shuttle away, but downtown is quite far away.</span> <span id="4" class="summary-sentence">Morden rooms with great size and a lot of storage space.</span> <span id="5" class="summary-sentence">The beds are super comfortable.</span> <span id="6" class="summary-sentence">The bathroom is also pretty large with a nice vanity area.</span> <span id="7" class="summary-sentence">The staff were even willing to help with last minute late checkout request.</span> <span id="8" class="summary-sentence">The restaurant provides great food, but it closes too early for us.</span> <span id="9" class="summary-sentence">The hotel actually has bikes to rent.</span> <span id="10" class="summary-sentence">Parking close-by can be very pricey per day.</span> <span id="11" class="summary-sentence">The elevators feel not safe.</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_cont-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 . <span class='review-span highlight' data-aligned-summaries='0'>flawless</span> ! <span class='review-span highlight' data-aligned-summaries='2'>Located across the street from</span> the most beautiful beach in Key West - <span class='review-span highlight' data-aligned-summaries='2'>Smathers Beach</span> and <span class='review-span highlight' data-aligned-summaries='2'>literally 1.7 miles from Duval street</span> it is prefect! <span class='review-span highlight' data-aligned-summaries='7 9'>The service was fantastic</span>, the grounds are very well kept, with a cool pool. and the piece de Resistance . <span class='review-span highlight' data-aligned-summaries='3'>the room</span> - comfortable, <span class='review-span highlight' data-aligned-summaries='3'>huge, it is literally the size of a small apartment</span>, with a small kitchenette, a dining table a huge couch and and super <span class='review-span highlight' data-aligned-summaries='3'>comfortable bed</span>, oh yeah and <span class='review-span highlight' data-aligned-summaries='3'>the bathroom is also pretty darn big</span>. 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. <span class='review-span highlight' data-aligned-summaries='2'>Since we brought our bikes</span>, we did not have to move our car at all in the 3 days we were there, <span class='review-span highlight' data-aligned-summaries='2'>Duval street is just a short ride from the hotel</span>. don't own a bike? Or don't feel like shipping them down with you ? No problem, <span class='review-span highlight' data-aligned-summaries='11'>the hotel has plenty of bikes for rent as well</span>.</div><div class='text-box'>The hotel has a great location, <span class='review-span highlight' data-aligned-summaries='2'>across from the beach</span> and away from Duval street, but a <span class='review-span highlight' data-aligned-summaries='2'>free shuttle</span> every hour into town and airport. <span class='review-span highlight' data-aligned-summaries='0 3'>Rooms are all suites</span> <span class='review-span highlight' data-aligned-summaries='3'>large</span> and comfortable with microwave and wet bars, living room areas , well designed space with pocket doors to close off the bedroom for privacy. <span class='review-span highlight' data-aligned-summaries='3'>Comfortable beds</span> and <span class='review-span highlight' data-aligned-summaries='4'>nice vanity area</span>, <span class='review-span highlight' data-aligned-summaries='3'>lots of storage space</span>. We were a large group and treated very well. <span class='review-span highlight' data-aligned-summaries='5 7 9'>The restaurant staff was particularly accomodating</span>. <span class='review-span highlight' data-aligned-summaries='5 7 9'>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>. <span class='review-span highlight' data-aligned-summaries='6 7 9'>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. <span class='review-span highlight' data-aligned-summaries='8'>Restaurant closed at 9 and bar at 11pm, a little early for our crowd</span> and Key West but that is my only complaint.</div><div class='text-box'>The hotel was <span class='review-span highlight' data-aligned-summaries='1'>decorated beautifully for X-mas and I loved the Palm trees with Christmas lights</span>! <span class='review-span highlight' data-aligned-summaries='5 7 9'>The staff was very helpful and friendly</span>. The rate was what is to be expected for Key West, right by the airport! <span class='review-span highlight' data-aligned-summaries='2 4'>The beach is across the street from the hotel</span> with multiple activities for one to participate in. Since the hotel is out of the was a smidge, <span class='review-span highlight' data-aligned-summaries='2'>they offer shuttles, numerous shuttles to all the hot spots in Key West</span>. <span class='review-span highlight' data-aligned-summaries='3'>The rooms were</span> beautiful, and <span class='review-span highlight' data-aligned-summaries='3'>very clean</span>, 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'><span class='review-span highlight' data-aligned-summaries='0 4'>The hotel</span> <span class='review-span highlight' data-aligned-summaries='0'>is an all suite hotel</span> so the <span class='review-span highlight' data-aligned-summaries='0 3 4'>rooms were very spacious</span> and <span class='review-span highlight' data-aligned-summaries='4'>allowed us to kick back</span> in our room mid afternoons and mornings. If you like a slower pace and <span class='review-span highlight' data-aligned-summaries='4'>a public beach across the street</span>, this is a good place to stay. <span class='review-span highlight' data-aligned-summaries='2'>You will have to drive or take the shuttle to Duval Street area</span> and the shuttle is only once an hour. <span class='review-span highlight' data-aligned-summaries='11'>Parking in the Duval Street area will cost from $10 to $35 per day</span>.</div><div class='text-box'>I took my girlfriend here for a long weekend and to propose. The hotel was great, obviously, <span class='review-span highlight' data-aligned-summaries='1'>it wasn't a St Regis or even a Westin</span>, 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'><span class='review-span highlight' data-aligned-summaries='3'>This hotel has huge rooms</span> and <span class='review-span highlight' data-aligned-summaries='3'>bathrooms</span> and is in a great location <span class='review-span highlight' data-aligned-summaries='2'>across from the beach</span> and close to the airport. <span class='review-span highlight' data-aligned-summaries='9'>Great food in the restaurant and</span> <span class='review-span highlight' data-aligned-summaries='5 9'>staff is wonderful</span>! I highly recommend to anyone needing some extra space and doesnt care about being downtown!</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0 3 4'>Large</span>,<span class='review-span highlight' data-aligned-summaries='0'> modern,</span> <span class='review-span highlight' data-aligned-summaries='0 3'>clean</span> <span class='review-span highlight' data-aligned-summaries='0 3 4'>rooms</span> <span class='review-span highlight' data-aligned-summaries='0 4'>across from</span> <span class='review-span highlight' data-aligned-summaries='4'>one of the few</span> <span class='review-span highlight' data-aligned-summaries='0 4'>beaches</span> <span class='review-span highlight' data-aligned-summaries='4'>in Key West</span>. 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 would stay there again!</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 1'>Dirty</span>, <span class='review-span highlight' data-aligned-summaries='0 1'>unsafe</span>, <span class='review-span highlight' data-aligned-summaries='1'>only thing really redone was the lobby</span>! <span class='review-span highlight' data-aligned-summaries='0 10'>Elevators were very scary</span>, our <span class='review-span highlight' data-aligned-summaries='10'>daughters would not even ride without us</span>.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">Overall, as an all-suite hotel, the place was great.</span> <span id="1" class="summary-sentence">It's not the fanciest, but it was beautifully decorated for Christmas with lights on the palm trees and it was very enjoyable.</span> <span id="2" class="summary-sentence">The hotel is just across the street from Smather's Beach and is only a short walk, shuttle ride or bike trip away from Duval street.</span> <span id="3" class="summary-sentence">The rooms are large and spacious with lots of storage space and are clean with comfortable beds and also have a big bathroom.</span> <span id="4" class="summary-sentence">The vanity is very nice and the room is spacious enough to kick back in but also close to one of the few beaches in Key West.</span> <span id="5" class="summary-sentence">In the restaurant, the staff was very good.</span> <span id="6" class="summary-sentence">If at all possible the staff tried to accommodate late checkouts for all who requested it.</span> <span id="7" class="summary-sentence">Fantastic service.</span> <span id="8" class="summary-sentence">Although the restaurant closed at 9 and the bar also closed too early for the crowd, at 11.</span> <span id="9" class="summary-sentence">The food and staff was great.</span> <span id="10" class="summary-sentence">The hotel's elevators are not recommended to be used.</span> <span id="11" class="summary-sentence">Parking in the Duval Street area is pricey but the hotel has plenty of bicycles that are available to rent 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_cont-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. <span class='review-span highlight' data-aligned-summaries='1'>The resort is located only 45 minutes south of the Cancun airport</span> and <span class='review-span highlight' data-aligned-summaries='1'>the resort will arrange for transportation to and from the airport</span> for you. The staff is very friendly and welcoming and will go out of their way to assist you 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. <span class='review-span highlight' data-aligned-summaries='5'>The resort and beach</span> is beautiful, <span class='review-span highlight' data-aligned-summaries='4'>the food is outstanding</span>, the people are extremely friendly and welcoming, <span class='review-span highlight' data-aligned-summaries='0'>the atmosphere is completely relaxing</span>. Without a doubt, <span class='review-span highlight' data-aligned-summaries='0'>this is one of the most amazing experiences</span> 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'><span class='review-span highlight' data-aligned-summaries='0'>A most relaxing holiday spot.the</span> 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='5'>The beach area</span> 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.<span class='review-span highlight' data-aligned-summaries='3'>I felt secure there at all times;there was always an attendant around even at night</span> but again without having a strong-arm presence.The hotel guests were obviously having a good time;the friendly approach of the dining attendants 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 <span class='review-span highlight' data-aligned-summaries='0'>a jewel</span> in the Yucatan!</div><div class='text-box'>My wife and I really enjoyed <span class='review-span highlight' data-aligned-summaries='0 5 6'>the Mahekal</span> - the <span class='review-span highlight' data-aligned-summaries='0'>staff was very friendly</span>, <span class='review-span highlight' data-aligned-summaries='0 4'>food was excellent</span>, <span class='review-span highlight' data-aligned-summaries='0'>rooms very comfortable</span>. This is a very low-key facility - <span class='review-span highlight' data-aligned-summaries='0 2'>rooms do not have TVs, radios or even clocks</span> - but the <span class='review-span highlight' data-aligned-summaries='0 2'>beds are comfortable</span> and the <span class='review-span highlight' data-aligned-summaries='0 2'>showers work well</span>. We stayed in the <span class='review-span highlight' data-aligned-summaries='0'>Garden area</span> which <span class='review-span highlight' data-aligned-summaries='0'>was quite nice</span> - and still only <span class='review-span highlight' data-aligned-summaries='5'>a short walk to the beach</span>. <span class='review-span highlight' data-aligned-summaries='0'>Every room has a sheltered porch with two hammocks</span> 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 - <span class='review-span highlight' data-aligned-summaries='6'>could use better internet accessibility</span> and <span class='review-span highlight' data-aligned-summaries='6'>some of the hotels in the area have music blasting a bit too loudly at times</span>.</div><div class='text-box'>16 years and still coming back. <span class='review-span highlight' data-aligned-summaries='0'>It is such a fun</span>, <span class='review-span highlight' data-aligned-summaries='0'>laid back</span>, <span class='review-span highlight' data-aligned-summaries='0 2'>wonderfully relaxing place without a</span> <span class='review-span highlight' data-aligned-summaries='0'>phone</span> <span class='review-span highlight' data-aligned-summaries='0 2'>in your room</span> <span class='review-span highlight' data-aligned-summaries='0'>or a</span> <span class='review-span highlight' data-aligned-summaries='0 2'>tv blaring</span> in your ear. <span class='review-span highlight' data-aligned-summaries='0'>Kids around the pool</span>, <span class='review-span highlight' data-aligned-summaries='0'>adults talking</span>, <span class='review-span highlight' data-aligned-summaries='0'>the sound of wind, waves, and yet it is quiet</span>. <span class='review-span highlight' data-aligned-summaries='0 4'>Excellent</span> <span class='review-span highlight' data-aligned-summaries='0'>staff</span>, <span class='review-span highlight' data-aligned-summaries='0 4'>food</span>, and <span class='review-span highlight' data-aligned-summaries='0'>you sit next to the ocean or inside comfort.it is not at all like an all inclusive</span>, thank goodness. <span class='review-span highlight' data-aligned-summaries='0'>It is specially unique</span>.</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, <span class='review-span highlight' data-aligned-summaries='4'>the food is excellent</span> (<span class='review-span highlight' data-aligned-summaries='4'>2 meals a day are inclusive</span>) and the location is central to every shop, restaurant and anything else you could want. <span class='review-span highlight' data-aligned-summaries='0'>This is truely a diamond in the rough</span>.</div><div class='text-box'>Can't say enough about this place. We spent five days there and didn't want to leave. <span class='review-span highlight' data-aligned-summaries='0'>The atmosphere enables you to truly escape the realities of life</span>. <span class='review-span highlight' data-aligned-summaries='0'>Staff was incredibly friendly and helpful</span>. We'll be back!</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>This is a</span> <span class='review-span highlight' data-aligned-summaries='0 5'>great place to stay</span>! <span class='review-span highlight' data-aligned-summaries='0'>Everything was perfect</span>, <span class='review-span highlight' data-aligned-summaries='5'>from the gorgeous beach, 2 big pools, to the ping pong tables</span>. Everyone can find something to enjoy! We loved it!</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>Terrific place to stay</span>, <span class='review-span highlight' data-aligned-summaries='0'>quite</span>, <span class='review-span highlight' data-aligned-summaries='4'>good food</span> <span class='review-span highlight' data-aligned-summaries='5'>unbelievable beach</span>. Close to shopping and restaurants. Staff is the best, always happy and willing to help in any way. .</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">This hotel will provide a wonderful experience with a relaxing atmosphere and truly is a unique place to stay.</span> <span id="1" class="summary-sentence">The hotel is only around 45 minutes away from Cancun airport , with a shuttle service provided by the hotel.</span> <span id="2" class="summary-sentence">The rooms do not feature mod-cons like televisions, radios or clocks however the beds are super comfortable and the showers provided work really well.</span> <span id="3" class="summary-sentence">In the nighttime there was always a member of staff around as well, which gives a sense of security.</span> <span id="4" class="summary-sentence">The food provided was really good.</span> <span id="5" class="summary-sentence">The hotel has dome fantastic feature such as access to a beach, two swimming pools and a table tennis table.</span> <span id="6" class="summary-sentence">It is worth nothing that the hotel could improve its internet access and the surrounding hotels can be noisy 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_cont-summ_100.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'>We enjoyed our stay at the Hyatt</span> - had a nice room (<span class='review-span highlight' data-aligned-summaries='4'>paid for an upgraded water view, which was nice to have</span>), the <span class='review-span highlight' data-aligned-summaries='0'>staff was friendly and helpful</span>, the location is perfect and we had a very decent rate. The lobbies were pretty nice, but we didn't hang out there or eat at any of the places. We walked most places (or took a cab if our destination was really far), even in the middle of winter. I try not to be too picky about these things, but <span class='review-span highlight' data-aligned-summaries='2'>our room was dusty</span> the whole time we were there. It was enough to be noticed, so it should have been cleaned by the staff. Also, <span class='review-span highlight' data-aligned-summaries='2'>we weren't very fond of the bed. It was a bit on the hard side</span> and wasn't exactly plus. It wasn't horrible though. Again, not horrible, but our room was very hot no matter how we set the temp at.</div><div class='text-box'>Overall <span class='review-span highlight' data-aligned-summaries='0'>the hotel is</span> ok, <span class='review-span highlight' data-aligned-summaries='0'>very busy</span> and <span class='review-span highlight' data-aligned-summaries='0'>noisy</span>. <span class='review-span highlight' data-aligned-summaries='0'>Valet parking is the only choice you have and an additional $50 for every 24 hours</span>. Valet parking stole our Ipod so they told us to fill out a claims report which we did and then we had to wait more than a week to call the claims department because the one and only person they have working claims was on vacation. Once I was able to talk to the claims department she was no help at all. She basically called me a liar and we will not be getting reimbursed for the loss of our IPod<span class='review-span highlight' data-aligned-summaries='0'>. I am furious that it cost me $50 per day extra and then we will have to pay another $250 + to replace our IPod</span>.</div><div class='text-box'>I stayed here for two nights to partake in the Chicago St. Patricks festivities. Check in went super fast, and we were given a room the was so newly remodeled you could still catch a whiff of the fresh paint. <span class='review-span highlight' data-aligned-summaries='1 4'>It overlooked the river</span>, which made for some great shots when they dyed it! Also, they allowed us a late check out of 2pm, at no charge, in order to not miss the parade. <span class='review-span highlight' data-aligned-summaries='2'>The beds were amazing</span>, as was the bathroom. Plenty of space, with a very nice desk set up. And being <span class='review-span highlight' data-aligned-summaries='1'>one block from Michigan, and a 10 minute walk to Navy Pier</span>, this is a great location. <span class='review-span highlight' data-aligned-summaries='0'>Couldn't have been more pleased with this hotel</span>.</div><div class='text-box'>We loved our stay at the Hyatt Regency. I really don't think there is a better location in downtown. <span class='review-span highlight' data-aligned-summaries='1'>So conveniently located off the river and a short jaunt to Michigan Ave, Grant Park, and Navy Pier</span>. <span class='review-span highlight' data-aligned-summaries='0'>I have already recommended this hotel</span> to other travelers heading to Chicago. I would say, however, the dining in the hotel is pretty pricey. So, if you are looking to save a few bucks get outside of the four walls of the hotel. That being said, I will still always stay at this hotel when traveling to Chicago, with out a doubt.</div><div class='text-box'>I stayed two nights on business. The location was great and the room was very nice. <span class='review-span highlight' data-aligned-summaries='0 4'>The price was $25-$30 cheaper than any comparable hotels in the area</span>. I had two minor complaints. The closet door was off the track, and wouldn't open when I checked in, and they didn't fix it the second day. Also, the Big Bar closed early, and the bartender was not very polite about letting me know before last call. Other than that, <span class='review-span highlight' data-aligned-summaries='4'>I</span> <span class='review-span highlight' data-aligned-summaries='0 4'>would highly recommend the place</span>.</div><div class='text-box'>As a hotel, it's very nice, with very nice amenitiies, but <span class='review-span highlight' data-aligned-summaries='0'>it's also expensive</span>. <span class='review-span highlight' data-aligned-summaries='3'>Canned soft drink in the mini-bar cost $4.25,</span> and Internet use in the business center was something like $10 for 7 minutes (or was that $7 for 10 minutes?). Location is good. <span class='review-span highlight' data-aligned-summaries='0 4'>If price is no object, it's a good choice</span>,<span class='review-span highlight' data-aligned-summaries='0'> but there are better bargains</span> in the area.</div><div class='text-box'>The Hyatt is recently remodeled and very nice. The <span class='review-span highlight' data-aligned-summaries='0'>staff was extremely friendly and always helpful</span>. The location is <span class='review-span highlight' data-aligned-summaries='0'>centrally located on the mag mile</span> and we could easily walk to all there was to do downtown. Will definitely stay here again. Classy but not stuffy.</div><div class='text-box'>Stayed there Feb 2005. <span class='review-span highlight' data-aligned-summaries='0 4'>A former jewel that has fallen into disrepair</span>. The hotel is dark, and shabby. Even the newer wing is not up to par. If you stay in the Loop area, try the Burham instead.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">In general the Hyatt hotel is highly recommended, but it can have a busy atmosphere, be a little noisy and a little expensive.</span> <span id="1" class="summary-sentence">The hotel is located closely to the river, and just a short walk to Michigan Avenue, Grant Park and Navy Pier.</span> <span id="2" class="summary-sentence">The room was really hot and also quite dusty, and the bed wasn't great.</span> <span id="3" class="summary-sentence">Cans of soft drink from the hotel mini bar were expensive at $4 each.</span> <span id="4" class="summary-sentence">The price of the hotel makes it a really good choice especially with the view overlooking the river.</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_cont-summ_101.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 enjoyed our stay at the Hyatt - had a nice room (paid for an upgraded water view, which was nice to have), the staff was friendly and helpful, <span class='review-span highlight' data-aligned-summaries='1'>the location is perfect</span> and we had a very decent rate. The lobbies were pretty nice, but we didn't hang out there or eat at any of the places. We walked most places (or took a cab if our destination was really far), even in the middle of winter. I try not to be too picky about these things, but <span class='review-span highlight' data-aligned-summaries='5'>our room was dusty the whole time we were there. It was enough to be noticed, so it should have been cleaned by the staff</span>. Also, <span class='review-span highlight' data-aligned-summaries='4'>we weren't very fond of the bed. It was a bit on the hard side and wasn't exactly plus. It wasn't horrible though</span>. Again, <span class='review-span highlight' data-aligned-summaries='5'>not horrible, but our room was very hot no matter how we set the temp at</span>.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>Overall the hotel is ok, very busy and noisy</span>. <span class='review-span highlight' data-aligned-summaries='7'>Valet parking is the only choice you have and an additional $50 for every 24 hours</span>. Valet parking stole our Ipod so they told us to fill out a claims report which we did and then we had to wait more than a week to call the claims department because the one and only person they have working claims was on vacation. Once I was able to talk to the claims department she was no help at all. She basically called me a liar and we will not be getting reimbursed for the loss of our IPod. I am furious that it cost me $50 per day extra and then we will have to pay another $250 + to replace our IPod.</div><div class='text-box'>I stayed here for two nights to partake in the Chicago St. Patricks festivities. Check in went super fast, and we were given a <span class='review-span highlight' data-aligned-summaries='0'>room</span> the <span class='review-span highlight' data-aligned-summaries='0'>was</span> <span class='review-span highlight' data-aligned-summaries='0 5'>so newly remodeled</span> <span class='review-span highlight' data-aligned-summaries='5'>you could still catch a whiff of the fresh paint</span>. <span class='review-span highlight' data-aligned-summaries='2'>It overlooked the river, which made for some great shots</span> when they dyed it! Also, they allowed us a late check out of 2pm, at no charge, in order to not miss the parade. <span class='review-span highlight' data-aligned-summaries='4'>The beds were amazing</span>, as was the bathroom. <span class='review-span highlight' data-aligned-summaries='4'>Plenty of space</span>, with a very nice desk set up. <span class='review-span highlight' data-aligned-summaries='1'>And being</span> <span class='review-span highlight' data-aligned-summaries='1 2'>one block from Michigan</span>, and a 10 minute walk to Navy Pier, <span class='review-span highlight' data-aligned-summaries='1'>this is a great location</span>. Couldn't have been more pleased with this hotel.</div><div class='text-box'>We loved our stay at the Hyatt Regency. <span class='review-span highlight' data-aligned-summaries='2'>I really don't think there is a better location in downtown</span>. So <span class='review-span highlight' data-aligned-summaries='1'>conveniently located off the river and a short jaunt to Michigan Ave</span>, Grant Park, and Navy Pier. I have already recommended this hotel to other travelers heading to Chicago. I would say, however, <span class='review-span highlight' data-aligned-summaries='7'>the dining in the hotel is pretty pricey</span>. So, if you are looking to save a few bucks get outside of the four walls of the hotel. That being said, I will still always stay at this hotel when traveling to Chicago, with out a doubt.</div><div class='text-box'>I stayed two nights on business. <span class='review-span highlight' data-aligned-summaries='1'>The location was great</span> and <span class='review-span highlight' data-aligned-summaries='3'>the room was very nice</span>. <span class='review-span highlight' data-aligned-summaries='7'>The price was $25-$30 cheaper than any comparable hotels in the area</span>. I had two minor complaints. The closet door was off the track, and wouldn't open when I checked in, and they didn't fix it the second day. Also, the Big Bar closed early, and the bartender was not very polite about letting me know before last call. Other than that, I would highly recommend the place.</div><div class='text-box'>As a hotel, it's very nice, <span class='review-span highlight' data-aligned-summaries='0'>with very nice amenitiies</span>, but it's also expensive. <span class='review-span highlight' data-aligned-summaries='6'>Canned soft drink in the mini-bar cost $4.25</span>, and Internet use in the business center was something like $10 for 7 minutes (or was that $7 for 10 minutes?). <span class='review-span highlight' data-aligned-summaries='1'>Location is good</span>. <span class='review-span highlight' data-aligned-summaries='7'>If price is no object, it's a good choice</span>, <span class='review-span highlight' data-aligned-summaries='7'>but there are better bargains</span> in the area.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>The Hyatt is recently remodeled and very nice</span>. The staff was extremely friendly and always helpful. <span class='review-span highlight' data-aligned-summaries='1'>The location is centrally located on the mag mile and we could</span> <span class='review-span highlight' data-aligned-summaries='1 2'>easily walk to all there was to do downtown</span>. Will definitely stay here again. Classy but not stuffy.</div><div class='text-box'>Stayed there Feb 2005. A former jewel that has fallen into disrepair. <span class='review-span highlight' data-aligned-summaries='0'>The hotel is dark, and shabby</span>. <span class='review-span highlight' data-aligned-summaries='0'>Even the newer wing is not up to par</span>. If you stay in the Loop area, try the Burham instead.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">This recently remodelled Hyatt has very nice amenities but might be too dark and shabby for some and can be noisy when busy but is okay.</span> <span id="1" class="summary-sentence">The location of the hotel is great for convenience.</span> <span id="2" class="summary-sentence">Close to downtown and overlooking the river for some really good views.</span> <span id="3" class="summary-sentence">The rooms at this hotel are rather average.</span> <span id="4" class="summary-sentence">They are quite spacious with very comfortable beds.</span> <span id="5" class="summary-sentence">However, the cleanliness is not quite up to scratch and the rooms get very hot.</span> <span id="6" class="summary-sentence">The soft drink from the minibar was expensive.</span> <span id="7" class="summary-sentence">The cost of this hotel is average, however the valet parking is expensive and unfortunately is the only option whilst staying 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_cont-summ_102.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 XV Beacon recently and from the minute we got out of our car (valet right at the entrance) to the minute we left the service/staff was exceptional. <span class='review-span highlight' data-aligned-summaries='2'>The rooms were beautiful</span> and very clean and much larger than we expected from a historical building. There wasn't anything that had been left out, from the stereo playing when we entered the room to the weather report for the next day sitting on the night stand! <span class='review-span highlight' data-aligned-summaries='1'>The hotel is located right in the heart of Boston</span> next to the Common and a few minutes walk to the waterfront, the possibilities are endless for restaurants and night life. We would definitely go back to this hotel, combined with the location we had a great experience!</div><div class='text-box'>I stayed at this hotel while traveling on business and it was by far the nicest hotel I've ever stayed in. The second I walked in the room, I knew that I wasn't going to want to leave and ordered myself some room service. <span class='review-span highlight' data-aligned-summaries='0'>It has a very classic style with every modern convenience</span> you could hope for. <span class='review-span highlight' data-aligned-summaries='2'>The bed is very comfortable and the fireplace makes it very cozy</span>. It wasn't cold enough for me to really use the fireplace but I did anyway and cranked up the AC. <span class='review-span highlight' data-aligned-summaries='3'>The shower was also fantastic</span>. I immediately declared that I needed to get myself a rainshower as soon as I was able! It is a pricey hotel but definitely worth it if you can swing it!</div><div class='text-box'>My boyfriend has stayed here several times for business trips but this was our first leisure visit-service remains impeccable. Still received his personalized business cards and professional attentive service. Rooftop is a nice touch on a warn day to share a bottle of wine. <span class='review-span highlight' data-aligned-summaries='4'>Hotel car service was a great perk</span> as well and we used it every night to go to our dinners around town. I am a huge product snob-the Lemon Sugar line from Fresh that they provide in the rooms has made me a regular user. <span class='review-span highlight' data-aligned-summaries='1'>And the location is perfect</span>-within walking distance to everywhere. When it's colder out, <span class='review-span highlight' data-aligned-summaries='2'>we will return and use the fireplace in our beautiful room</span>.</div><div class='text-box'>My wife and I stayed here for 3 nights over the Labor Day weekend, the same number of nights as we stayed in October 2007. An elegant, small hotel! The front desk and room service staffs, the concierges, restaurant and <span class='review-span highlight' data-aligned-summaries='5'>in-room breakfasts</span>, and <span class='review-span highlight' data-aligned-summaries='4'>the chauffeured car service</span> <span class='review-span highlight' data-aligned-summaries='4 5'>were</span> <span class='review-span highlight' data-aligned-summaries='5'>all</span> <span class='review-span highlight' data-aligned-summaries='4 5'>excellent</span>. <span class='review-span highlight' data-aligned-summaries='2'>Our room (#407) was very elegant and quiet</span>, was on the west side of the building, and had windows on 2 walls. <span class='review-span highlight' data-aligned-summaries='6'>Our only problem was that the sink taps were very tight</span>.</div><div class='text-box'>We were on a business/leisure trip. It was a high star rating and deserved it. Around the corner from Boston Common, Fanueiul Hall, etc. <span class='review-span highlight' data-aligned-summaries='1'>Easy to get to city centre</span>. <span class='review-span highlight' data-aligned-summaries='5'>The hotel breakfast was fantastic</span>, if expensive. <span class='review-span highlight' data-aligned-summaries='5'>Every dish was amazing.</span> When in Boston city, the Mapparium is worth a visit, along with the top of the Prudential building, to get a great idea of where everything is. There are some great museums to visit.</div><div class='text-box'>as local residents and first time guests, we found this hotel exceeded our expectations. staff were nothing but attentive and hospitable. <span class='review-span highlight' data-aligned-summaries='2'>our room was upgraded</span> upon arrival; <span class='review-span highlight' data-aligned-summaries='2'>we couldn't have asked for more</span>. this is a lovely hotel with not only luxurious amenities but superb staff. we can't wait to return!</div><div class='text-box'>I stayed a few weeks ago at this hotel and I heard everything! <span class='review-span highlight' data-aligned-summaries='3'>The walls are thin as paper</span> as i heard every conversation from the room next door. <span class='review-span highlight' data-aligned-summaries='6'>I apprectiate that some builings in boston are older, but if you own a hotel</span> <span class='review-span highlight' data-aligned-summaries='2 6'>you must do something ot soudnproof it</span>!</div><div class='text-box'>Favourite hotel in Boston. <span class='review-span highlight' data-aligned-summaries='0'>Modern luxury without seeming formulaic</span>. <span class='review-span highlight' data-aligned-summaries='1'>Good for</span> indulgent <span class='review-span highlight' data-aligned-summaries='1'>weekends in town</span>.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">The hotel has all the modern conveniences but is set out in a classical style.</span> <span id="1" class="summary-sentence">It's super easy to access the city centre from this hotel, making it a great hotel for location.</span> <span id="2" class="summary-sentence">At this hotel some rooms are very elegant and quiet with comfortable beds and even a fireplace.</span> <span id="3" class="summary-sentence">The shower was great, too, but the walls are really thin.</span> <span id="4" class="summary-sentence">The hotel even provides car service.</span> <span id="5" class="summary-sentence">The hotel provided some great food and every dish tasted great.</span> <span id="6" class="summary-sentence">Unfortunately the taps on the sinks were pretty tight and because it is an older building there seemed to be no soundproofing.</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_cont-summ_103.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 XV Beacon recently and <span class='review-span highlight' data-aligned-summaries='5'>from the minute we got out of our car (valet right at the entrance) to the minute we left the service/staff was exceptional</span>. The rooms were beautiful and very clean and much larger than we expected from a historical building. There wasn't anything that had been left out, from the stereo playing when we entered the room to the weather report for the next day sitting on the night stand! The hotel is located right in the heart of Boston next to the Common and a few minutes walk to the waterfront, the possibilities are endless for restaurants and night life. We would definitely go back to this hotel, combined with the location we had a great experience!</div><div class='text-box'>I stayed at this hotel while traveling on business and it was by far the nicest hotel I've ever stayed in. <span class='review-span highlight' data-aligned-summaries='3'>The second I walked in the room, I knew that I wasn't going to want to leave</span> and ordered myself some room service. <span class='review-span highlight' data-aligned-summaries='0'>It has</span> a very classic style with <span class='review-span highlight' data-aligned-summaries='0'>every modern convenience you could hope for</span>. <span class='review-span highlight' data-aligned-summaries='3'>The bed is very comfortable</span> and <span class='review-span highlight' data-aligned-summaries='3'>the fireplace makes it very cozy</span>. It wasn't cold enough for me to really use the fireplace but I did anyway and cranked up the AC. The shower was also fantastic. I immediately declared that I needed to get myself a rainshower as soon as I was able! <span class='review-span highlight' data-aligned-summaries='1'>It is a pricey hotel but definitely worth it</span> if you can swing it!</div><div class='text-box'>My boyfriend has stayed here several times for business trips but this was our first leisure visit-<span class='review-span highlight' data-aligned-summaries='0'>service remains</span> <span class='review-span highlight' data-aligned-summaries='0 5'>impeccable</span>. Still received his personalized business cards and <span class='review-span highlight' data-aligned-summaries='5'>professional attentive service</span>. Rooftop is a nice touch on a warn day to share a bottle of wine. <span class='review-span highlight' data-aligned-summaries='5'>Hotel car service was a great perk</span> as well and we used it every night to go to our dinners around town. I am a huge product snob-the Lemon Sugar line from Fresh that they provide in the rooms has made me a regular user. <span class='review-span highlight' data-aligned-summaries='2'>And the location is perfect-within walking distance to everywhere</span>. When it's colder out, <span class='review-span highlight' data-aligned-summaries='3'>we will return and use the fireplace in our beautiful room.</span></div><div class='text-box'>My wife and I stayed here for 3 nights over the Labor Day weekend, the same number of nights as we stayed in October 2007. <span class='review-span highlight' data-aligned-summaries='0'>An elegant, small hotel!</span> <span class='review-span highlight' data-aligned-summaries='5'>The front desk and room service staffs, the concierges, restaurant and in-room breakfasts, and the chauffeured car service were all excellent</span>. <span class='review-span highlight' data-aligned-summaries='3'>Our room (#407) was very elegant</span> and quiet, was on the west side of the building, and had windows on 2 walls. <span class='review-span highlight' data-aligned-summaries='7'>Our only problem was that the sink taps were very tight</span>.</div><div class='text-box'>We were on a business/leisure trip. <span class='review-span highlight' data-aligned-summaries='0'>It was a high star rating and deserved it</span>. Around the corner from Boston Common, Fanueiul Hall, etc. <span class='review-span highlight' data-aligned-summaries='2'>Easy to get to city centre</span>. The <span class='review-span highlight' data-aligned-summaries='1'>hotel breakfast was</span> fantastic, if <span class='review-span highlight' data-aligned-summaries='1'>expensive</span>. Every dish was amazing. When in Boston city, the Mapparium is worth a visit, along with the top of the Prudential building, to get a great idea of where everything is. There are some great museums to visit.</div><div class='text-box'>as local residents and first time guests, <span class='review-span highlight' data-aligned-summaries='0 1'>we found this hotel exceeded our expectations</span>. <span class='review-span highlight' data-aligned-summaries='5'>staff were nothing but attentive and hospitable</span>. our room was upgraded upon arrival; we couldn't have asked for more. this is a lovely hotel with not only luxurious amenities but superb staff. we can't wait to return!</div><div class='text-box'>I stayed a few weeks ago at this hotel and I heard everything! <span class='review-span highlight' data-aligned-summaries='4'>The walls are thin as paper</span> as i heard every conversation from the room next door. I apprectiate that some builings in boston are older, but <span class='review-span highlight' data-aligned-summaries='0 1'>if you own a hotel you must do something ot soudnproof it</span>!</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>Favourite hotel</span> in Boston. <span class='review-span highlight' data-aligned-summaries='0'>Modern luxury</span> without seeming formulaic. Good for indulgent weekends in town.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">This is a superb elegant but modern hotel that truly deserves its high-star rating.</span> <span id="1" class="summary-sentence">It is a little pricey however well-worth it because it exceeds all expectations.</span> <span id="2" class="summary-sentence">The hotel has easy travel into the city centre as as well as in walking distance to all the major sights you may wish to see.</span> <span id="3" class="summary-sentence">The rooms were elegant with a fireplace and comfortable beds.</span> <span id="4" class="summary-sentence">However the walls were quite thin.</span> <span id="5" class="summary-sentence">The staff were attentive and accommodating to all needs, even as far as the hotel car service etc.</span> <span id="6" class="summary-sentence">The range of foods provided by the hotel were excellent.</span> <span id="7" class="summary-sentence">One thing to note about the hotel is that the sink taps were on too tight to use properly.</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_cont-summ_104.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 XV Beacon recently and from the minute we got out of our car (valet right at the entrance) to the minute we left <span class='review-span highlight' data-aligned-summaries='0'>the service/staff was exceptional</span>. <span class='review-span highlight' data-aligned-summaries='0 3 4'>The rooms were beautiful</span> and very clean and much larger than we expected from a historical building. There wasn't anything that had been left out, from the stereo playing when we entered the room to the weather report for the next day sitting on the night stand! <span class='review-span highlight' data-aligned-summaries='2'>The hotel is located right in the heart of Boston next to the Common</span> and <span class='review-span highlight' data-aligned-summaries='2'>a few minutes walk to the waterfront, the possibilities are endless for restaurants and night life</span>. We would definitely go back to this hotel, combined with the location we had a great experience!</div><div class='text-box'>I stayed at this hotel while traveling on business and <span class='review-span highlight' data-aligned-summaries='0'>it was by far the nicest hotel I've ever stayed in</span>. The second I walked in the room, I knew that I wasn't going to want to leave and ordered myself some room service. <span class='review-span highlight' data-aligned-summaries='1'>It has</span> a very classic style with <span class='review-span highlight' data-aligned-summaries='1'>every modern convenience you could hope for</span>. <span class='review-span highlight' data-aligned-summaries='4'>The bed is very comfortable</span> and <span class='review-span highlight' data-aligned-summaries='3'>the fireplace makes it very cozy</span>. It wasn't cold enough for me to really use the fireplace but I did anyway and cranked up the AC. The shower was also fantastic. I immediately declared that I needed to get myself a rainshower as soon as I was able! <span class='review-span highlight' data-aligned-summaries='0'>It is a pricey hotel but definitely worth it if you can swing it</span>!</div><div class='text-box'>My boyfriend has stayed here several times for business trips but this was our first leisure visit-<span class='review-span highlight' data-aligned-summaries='0'>service remains impeccable</span>. Still received his personalized business cards and professional attentive service. Rooftop is a nice touch on a warn day to share a bottle of wine. Hotel car service was a great perk as well and we used it every night to go to our dinners around town. I am a huge product snob-the Lemon Sugar line from Fresh that they provide in the rooms has made me a regular user. <span class='review-span highlight' data-aligned-summaries='2'>And the location is perfect-within walking distance to everywhere</span>. When it's colder out, <span class='review-span highlight' data-aligned-summaries='3'>we will return and use the fireplace in our beautiful room</span>.</div><div class='text-box'>My wife and I stayed here for 3 nights over the Labor Day weekend, the same number of nights as we stayed in October 2007. <span class='review-span highlight' data-aligned-summaries='0'>An elegant, small hotel</span>! The front desk and room service staffs, the concierges, restaurant and <span class='review-span highlight' data-aligned-summaries='5'>in-room breakfasts</span>, and the chauffeured car service <span class='review-span highlight' data-aligned-summaries='5'>were</span> <span class='review-span highlight' data-aligned-summaries='0 5'>all excellent</span>. <span class='review-span highlight' data-aligned-summaries='3 4'>Our room (#407) was</span> <span class='review-span highlight' data-aligned-summaries='1 3 4'>very elegant</span> <span class='review-span highlight' data-aligned-summaries='3'>and quiet</span>, was on the west side of the building, and had windows on 2 walls. Our only problem was that <span class='review-span highlight' data-aligned-summaries='6'>the sink taps were very tight</span>.</div><div class='text-box'>We were on a business/leisure trip. <span class='review-span highlight' data-aligned-summaries='0'>It was a high star rating and deserved</span> it. Around the corner from Boston Common, Fanueiul Hall, etc. <span class='review-span highlight' data-aligned-summaries='2'>Easy to get to city centre</span>. The hotel breakfast was fantastic, if expensive. <span class='review-span highlight' data-aligned-summaries='5'>Every dish was amazing</span>. When in Boston city, the Mapparium is worth a visit, along with the top of the Prudential building, to get a great idea of where everything is. There are some great museums to visit.</div><div class='text-box'>as local residents and first time guests, we found <span class='review-span highlight' data-aligned-summaries='0'>this hotel exceeded our expectations</span>. staff were nothing but attentive and hospitable. our room was upgraded upon arrival; we couldn't have asked for more. <span class='review-span highlight' data-aligned-summaries='0 4'>this is a lovely hotel</span> <span class='review-span highlight' data-aligned-summaries='4'>with</span> not only <span class='review-span highlight' data-aligned-summaries='1 4'>luxurious amenities</span> but superb staff. we can't wait to return!</div><div class='text-box'>I stayed a few weeks ago at this hotel and I heard everything! <span class='review-span highlight' data-aligned-summaries='0 7'>The walls are thin</span> <span class='review-span highlight' data-aligned-summaries='7'>as paper as i heard every conversation from the room next door</span>. I apprectiate that some builings in boston are older, but if you own a hotel <span class='review-span highlight' data-aligned-summaries='0 7'>you must do something ot soudnproof it</span>!</div><div class='text-box'>Favourite hotel in Boston. <span class='review-span highlight' data-aligned-summaries='1 4'>Modern luxury</span> <span class='review-span highlight' data-aligned-summaries='4'>without seeming formulaic</span>. Good for indulgent weekends in town.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">A lovely hotel that exceeds expectation, it thoroughly deserves the high rating and worth the price.</span> <span id="1" class="summary-sentence">Very elegant with modern, luxurious amenities to please guests.</span> <span id="2" class="summary-sentence">The location of this hotel is great for those wanting to get to the city centre, and all the amenities are in walking distance from the hotel which is very convenient.</span> <span id="3" class="summary-sentence">Beautiful rooms at this hotel, with a cosy fireplace for guests to enjoy.</span> <span id="4" class="summary-sentence">Very elegant whilst also providing guests with a comfortable bed.</span> <span id="5" class="summary-sentence">The food was simply amazing.</span> <span id="6" class="summary-sentence">Due to this hotel being an older build, there have been some issues with the air conditioning and the sink taps can be very tight.</span> <span id="7" class="summary-sentence">Not only this, but it is very easy to hear background noise as nothing seems soundproof.</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_cont-summ_105.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'>I traveled here for business for the first time and was somewhat disappointed</span>. <span class='review-span highlight' data-aligned-summaries='1'>There is only wireless internet service in most of the rooms, which I can not use with my office laptop for security reasons.</span> I had to switch rooms in order to have high speed internet access. and the internet service seemed to work only some of the time. <span class='review-span highlight' data-aligned-summaries='1'>The connection wasn't working consistently and nobody in the hotel could help.</span> They offered a toll free number for the tech people at the DSL company. The front desk failed to provide me with my mini-bar key and the mirror in the bathroom had a huge crack in it. <span class='review-span highlight' data-aligned-summaries='0 1'>There were many many tourists in the hotel, which isn't good for business travelers because they tend to make a lot of noise</span>.<span class='review-span highlight' data-aligned-summaries='1'></span> I don't think I'll travel here again unless I am a tourist.</div><div class='text-box'>I stay at this hotel very frequently, and every single time, <span class='review-span highlight' data-aligned-summaries='0 1'>my experience has been fabulous</span>. <span class='review-span highlight' data-aligned-summaries='1'>The hotel is right in the downtown area and 5 min. walk from South Station</span> which really helps me as I frequently take the train from/to New York. <span class='review-span highlight' data-aligned-summaries='4'>The rooms are really nice</span>, bathrooms and linen really clean and above all else, the staff is some of the most friendly I have ever come across, rifht from the front desk to the concierge and housekeeping. Samir Boukhari, the front desk manager is delightfully courteous and has always gone out of his way to help and make my stay very comfortable every single time. Dianna, Aruna and Lexi at the front desk and Anthony with the concierge are wonderful as ever. <span class='review-span highlight' data-aligned-summaries='0'>I would stay here as long as business/pleasure keeps taking me into Boston</span>.</div><div class='text-box'>We <span class='review-span highlight' data-aligned-summaries='0'>stayed here for business</span>. It was in <span class='review-span highlight' data-aligned-summaries='0'>a great location</span>, <span class='review-span highlight' data-aligned-summaries='2 3'>close to</span> <span class='review-span highlight' data-aligned-summaries='2'>the theater district</span>, <span class='review-span highlight' data-aligned-summaries='3'>shopping</span>, etc. <span class='review-span highlight' data-aligned-summaries='1 5'>There is only one restaurant and a very small bar in the hotel</span>. <span class='review-span highlight' data-aligned-summaries='5'>It would have been nice to have additional options</span>. <span class='review-span highlight' data-aligned-summaries='2'>There were restaurants close by</span>, but again, <span class='review-span highlight' data-aligned-summaries='1'>it would have been nice to have had the convenience of additional dining places.</span> <span class='review-span highlight' data-aligned-summaries='1 7'>The fitness center was so so</span>. I was very disappointed that <span class='review-span highlight' data-aligned-summaries='7'>there was a charge for internet</span>. When paying the price we paid per night, that should have been included in the room cost. Great concierges.</div><div class='text-box'>We stayed at the Hyatt Regency Boston for one night during Memorial Day weekend. <span class='review-span highlight' data-aligned-summaries='0 1'>The staff was great</span>,<span class='review-span highlight' data-aligned-summaries='1'> we were upgraded to a Terrace Suite when we checked in</span>. <span class='review-span highlight' data-aligned-summaries='0'>It was beautiful</span> and very clean/pleasant, although you can't actually go out onto the Terrace so that was bittersweet. <span class='review-span highlight' data-aligned-summaries='1'>We ordered room service which was excellent!</span> <span class='review-span highlight' data-aligned-summaries='1 6'>The breakfast buffet was wonderful</span> <span class='review-span highlight' data-aligned-summaries='1'>as well!</span> Great location to all of Boston. Overall a great trip! Will return to this hotel whenever we are in Boston.</div><div class='text-box'>When we booked this hotel we were worried because we saw more negative reviews than good at that time. I have no complainst.the staff was very helpful, <span class='review-span highlight' data-aligned-summaries='1 5'>the in house restaurant was excellent</span>, the <span class='review-span highlight' data-aligned-summaries='4'>rooms were very clean</span>. <span class='review-span highlight' data-aligned-summaries='3'>Very close to Macy's, TJ Maxx and Marshall's</span>. . .walking distance to all other sites that we wanted to see. . . The only thing I can say negatively is paying for WIFI but that is a problem with all hotels.</div><div class='text-box'>hi, i have read all the reviews and they are a bit mixed.We have <span class='review-span highlight' data-aligned-summaries='0'>just stayed there n i have to say it 's great</span>.Its a central location - we hired a car and left it back 4 days early as parking is so expensive-unless u have to dont hire a car-otherwise park it in the place out in front of the hotel its the cheapest we checked them all i have the sore feet to prove it!</div><div class='text-box'>Disappointing when <span class='review-span highlight' data-aligned-summaries='7'>hotels such as this still charge for wifi access</span>. We didn't get notified verbally about the complimentary breakfast either although it was no doubt in the fine print somewhere. <span class='review-span highlight' data-aligned-summaries='0 4'>Rooms were nice and clean</span> although <span class='review-span highlight' data-aligned-summaries='1'>a little boring and the</span> <span class='review-span highlight' data-aligned-summaries='0 1'>bed not that comfortable</span>. Can't fault the location, it was very easy to get anywhere with the subway station a few hundred metres away.</div><div class='text-box'>Great location and greater service at this Hyatt in Boston. <span class='review-span highlight' data-aligned-summaries='1'>No more convient place to stay</span>. Came in by train and never needed to have a car. You are right in the middle of everything! The hotel & service is top notch and this isn't my first stay in Boston!</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">This is a great and beautiful place to stay for business or for pleasure.</span> <span id="1" class="summary-sentence">All experiences here have always been fabulous and convenient.</span> <span id="2" class="summary-sentence">The hotel is close to the theatre district with restaurants close by.</span> <span id="3" class="summary-sentence">It is situated close to Macy's, TJ Maxx and other shopping centres and the subway for easy travel.</span> <span id="4" class="summary-sentence">Rooms in this hotel are really nice and can't be recommended enough.</span> <span id="5" class="summary-sentence">The hotel only had one restaurant and a small bar, so the choices were limited.</span> <span id="6" class="summary-sentence">There is a free breakfast provided, but it is not advertised clearly.</span> <span id="7" class="summary-sentence">There is a charge to use the WiFi at the hotel and the fitness centre was not great.</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_cont-summ_106.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'>I traveled here for business for the first time and was somewhat disappointed</span>. <span class='review-span highlight' data-aligned-summaries='4'>There is only wireless internet service in most of the rooms, which I can not use with my office laptop for security reasons. I had to switch rooms in order to have high speed internet access. and the internet service seemed to work only some of the time. The connection wasn't working consistently and nobody in the hotel could help.</span> <span class='review-span highlight' data-aligned-summaries='4 5'>They offered a toll free number for the tech people at the DSL company. The front desk failed to provide me with my mini-bar key</span> <span class='review-span highlight' data-aligned-summaries='4'>and the mirror in the bathroom had a huge crack in it</span>. <span class='review-span highlight' data-aligned-summaries='0'>There were many many tourists in the hotel, which isn't good for business travelers because they tend to make a lot of noise.</span> <span class='review-span highlight' data-aligned-summaries='0 1'>I don't think I'll travel here again unless I am a tourist</span>.</div><div class='text-box'>I stay at this hotel very frequently, and every single time, my experience has been fabulous. <span class='review-span highlight' data-aligned-summaries='0 2'>The hotel is right in the downtown area</span> and <span class='review-span highlight' data-aligned-summaries='3'>5 min. walk from South Station</span> which really helps me as I frequently take the train from/to New York. <span class='review-span highlight' data-aligned-summaries='1 4'>The rooms are really nice</span>,<span class='review-span highlight' data-aligned-summaries='4'> bathrooms and linen really</span> <span class='review-span highlight' data-aligned-summaries='1 4'>clean</span> and above all else, the <span class='review-span highlight' data-aligned-summaries='5'>staff is some of the most friendly I have ever come across</span>, rifht from the front desk to the concierge and housekeeping. Samir Boukhari, the <span class='review-span highlight' data-aligned-summaries='5'>front desk manager</span> is delightfully courteous and <span class='review-span highlight' data-aligned-summaries='5'>has always gone out of his way to help</span> and make my stay very comfortable every single time. Dianna, Aruna and Lexi at the front desk and Anthony with the concierge are wonderful as ever. <span class='review-span highlight' data-aligned-summaries='0 1'>I would stay here as long as business/pleasure keeps taking me into Boston</span>.</div><div class='text-box'>We stayed here <span class='review-span highlight' data-aligned-summaries='0'>for business.</span> <span class='review-span highlight' data-aligned-summaries='0 2'>It was in a great location, close to the theater district, shopping</span>,<span class='review-span highlight' data-aligned-summaries='0'> etc</span>. <span class='review-span highlight' data-aligned-summaries='7'>There is only one restaurant and a very small bar in the hotel</span>. <span class='review-span highlight' data-aligned-summaries='7'>It would have been nice to have additional options</span>. There were restaurants close by, but again, it would have been nice to have had the convenience of additional dining places. <span class='review-span highlight' data-aligned-summaries='9'>The fitness center was so so</span>. I was very disappointed that <span class='review-span highlight' data-aligned-summaries='8'>there was a charge for internet</span>. When paying the price we paid per night, that should have been included in the room cost. Great concierges.</div><div class='text-box'>We stayed at the Hyatt Regency Boston for one night during Memorial Day weekend. The staff was great, we were upgraded to a Terrace Suite when we checked in. <span class='review-span highlight' data-aligned-summaries='1'>It was beautiful and very clean</span>/pleasant, although you can't actually go out onto the Terrace so that was bittersweet. We ordered room service which was excellent! <span class='review-span highlight' data-aligned-summaries='6'>The breakfast buffet was wonderful</span> as well! <span class='review-span highlight' data-aligned-summaries='2'>Great location to all of Boston</span>. Overall a great trip! <span class='review-span highlight' data-aligned-summaries='1'>Will return to this hotel whenever we are in Boston</span>.</div><div class='text-box'>When we booked this hotel we were worried because we saw more negative reviews than good at that time. <span class='review-span highlight' data-aligned-summaries='5'>I have no complainst.the staff was very helpful</span>, the <span class='review-span highlight' data-aligned-summaries='7'>in house restaurant was excellent</span>, <span class='review-span highlight' data-aligned-summaries='1 4'>the rooms were very clean</span>. <span class='review-span highlight' data-aligned-summaries='0 2'>Very close to Macy</span>'<span class='review-span highlight' data-aligned-summaries='2'>s, TJ Maxx and Marshall's</span>. . <span class='review-span highlight' data-aligned-summaries='0'>.walking distance to all other sites</span> that we wanted to see. . . The only thing I can say negatively is paying for WIFI but that is a problem with all hotels.</div><div class='text-box'>hi, i have read all the reviews and they are a bit mixed.We have just stayed there n i have to say it 's great.<span class='review-span highlight' data-aligned-summaries='0 2'>Its a central location</span> - we hired a car and left it back 4 days early as parking is so expensive-unless u have to dont hire a car-otherwise park it in the place out in front of the hotel its the cheapest we checked them all i have the sore feet to prove it!</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='8'>Disappointing when hotels such as this still charge for wifi access</span>. <span class='review-span highlight' data-aligned-summaries='6'>We didn't get notified verbally about the complimentary breakfast</span> either although it was no doubt in the fine print somewhere. <span class='review-span highlight' data-aligned-summaries='1'>Rooms were nice and clean</span> although a little boring and the bed not that comfortable. <span class='review-span highlight' data-aligned-summaries='2'>Can't fault the location</span>, <span class='review-span highlight' data-aligned-summaries='0 1 3'>it</span> <span class='review-span highlight' data-aligned-summaries='0 1 2 3'>was very easy to get anywhere</span> <span class='review-span highlight' data-aligned-summaries='0 1 3'>with the subway station a few hundred metres away</span>.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='2'>Great location</span> and greater service at this Hyatt in Boston. <span class='review-span highlight' data-aligned-summaries='0'>No more convient place to stay</span>. Came in by train and never needed to have a car. You are right in the middle of everything! The hotel & service is top notch and this isn't my first stay in Boston!</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">The hotel is a convenient place to stay, whether business or pleasure.</span> <span id="1" class="summary-sentence">The hotel is beautiful and clean and is ideal for repeat stays.</span> <span id="2" class="summary-sentence">The hotel's location is really good because there are shopping destinations and theatres nearby.</span> <span id="3" class="summary-sentence">In addition there is a subway station that isn't too far away.</span> <span id="4" class="summary-sentence">The rooms of the hotel are perfectly adequate, in particular the bathroom and linen.</span> <span id="5" class="summary-sentence">Extremely friendly and helpful at all times.</span> <span id="6" class="summary-sentence">There is a complimentary breakfast here, which you may not be informed about when arriving.</span> <span id="7" class="summary-sentence">It would have been good to have had more food options in the one restaurant the hotel has here.</span> <span id="8" class="summary-sentence">Like many hotels, there is a charge to use the Wi-Fi here</span><span id="9" class="summary-sentence">, however there is a fitness centre facility on site for guests to use if they so wish.</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_cont-summ_107.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'>I traveled here for business for the first time and was somewhat disappointed</span>. <span class='review-span highlight' data-aligned-summaries='1'>There is only wireless internet service in most of the rooms, which I can not use with my office laptop for security reasons. I had to switch rooms in order to have high speed internet access. and the internet service seemed to work only some of the time. The connection wasn't working consistently and nobody in the hotel could help. They offered a toll free number for the tech people at the DSL company. The front desk failed to provide me with my mini-bar key and the mirror in the bathroom had a huge crack in it</span>. <span class='review-span highlight' data-aligned-summaries='0'>There were many many tourists in the hotel, which isn't good for business travelers because they tend to make a lot of noise</span>. I don't think I'll travel here again unless I am a tourist.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>I stay at this hotel very frequently</span>, and every single time, <span class='review-span highlight' data-aligned-summaries='6'>my experience has been fabulous</span>. <span class='review-span highlight' data-aligned-summaries='1 3'>The hotel is</span> <span class='review-span highlight' data-aligned-summaries='1'>right in the downtown area and</span> <span class='review-span highlight' data-aligned-summaries='1 3'>5 min. walk from South Station</span> <span class='review-span highlight' data-aligned-summaries='1'>which really helps me</span> as I frequently take the train from/to New York. <span class='review-span highlight' data-aligned-summaries='4'>The rooms are really nice</span>, <span class='review-span highlight' data-aligned-summaries='1'>bathrooms and linen really clean</span> and above all else, the staff is some of the most friendly I have ever come across, rifht from the front desk to the concierge and housekeeping. Samir Boukhari, the front desk manager is delightfully courteous and has always gone out of his way to help and make my stay very comfortable every single time. Dianna, Aruna and Lexi at the front desk and Anthony with the concierge are wonderful as ever. <span class='review-span highlight' data-aligned-summaries='0'>I would stay here as long as business/pleasure keeps taking me into Boston</span>.</div><div class='text-box'>We stayed here for business. <span class='review-span highlight' data-aligned-summaries='2'>It was</span> in a great location, <span class='review-span highlight' data-aligned-summaries='2'>close to the theater district</span>, shopping, etc. <span class='review-span highlight' data-aligned-summaries='5'>There is only one restaurant and a very small bar in the hotel. It would have been nice to have additional options</span>. <span class='review-span highlight' data-aligned-summaries='3'>There were restaurants close by</span>, but again, it would have been nice to have had the convenience of additional dining places. <span class='review-span highlight' data-aligned-summaries='7'>The fitness center was so so</span>. <span class='review-span highlight' data-aligned-summaries='6'>I was very disappointed that there was a charge for internet</span>. When paying the price we paid per night, that should have been included in the room cost. Great concierges.</div><div class='text-box'>We stayed at the Hyatt Regency Boston for one night during Memorial Day weekend. <span class='review-span highlight' data-aligned-summaries='0'>The staff was great</span>, we were upgraded to a <span class='review-span highlight' data-aligned-summaries='4'>Terrace Suite</span> when we checked in. <span class='review-span highlight' data-aligned-summaries='1'>It</span> <span class='review-span highlight' data-aligned-summaries='1 4'>was beautiful and very clean</span>/<span class='review-span highlight' data-aligned-summaries='4'>pleasant</span>, although you can't actually go out onto the Terrace so that was bittersweet. We ordered room service which was excellent! <span class='review-span highlight' data-aligned-summaries='5'>The breakfast buffet was wonderful as well</span>! <span class='review-span highlight' data-aligned-summaries='0 1'>Great location to all of Boston</span>. Overall a great trip! <span class='review-span highlight' data-aligned-summaries='0'>Will return to this hotel whenever we are in Boston</span>.</div><div class='text-box'>When we booked this hotel we were worried because we saw more negative reviews than good at that time. I have no complainst.the staff was very helpful, the in house restaurant was excellent, <span class='review-span highlight' data-aligned-summaries='4'>the</span> <span class='review-span highlight' data-aligned-summaries='1 4'>rooms were very clean</span>. <span class='review-span highlight' data-aligned-summaries='2'>Very close to Macy's, TJ Maxx and Marshall's</span>. . <span class='review-span highlight' data-aligned-summaries='1'>.walking distance to all other sites</span> that we wanted to see. . . <span class='review-span highlight' data-aligned-summaries='6'>The only thing I can say negatively is paying for WIFI</span> but that is a problem with all hotels.</div><div class='text-box'>hi, i have read all the reviews and they are a bit mixed.We have <span class='review-span highlight' data-aligned-summaries='0'>just stayed there n i have to say it 's great</span>.<span class='review-span highlight' data-aligned-summaries='1'>Its a central location</span> - we hired a car and left it back 4 days early as parking is so expensive-unless u have to dont hire a car-otherwise park it in the place out in front of the hotel its the cheapest we checked them all i have the sore feet to prove it!</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='6'>Disappointing when hotels such as this still charge for wifi access</span>. <span class='review-span highlight' data-aligned-summaries='5'>We didn't get notified verbally about the complimentary breakfast</span> either although it was no doubt in the fine print somewhere. <span class='review-span highlight' data-aligned-summaries='0 1 4'>Rooms were nice</span> <span class='review-span highlight' data-aligned-summaries='0 1'>and clean</span> although a little boring and the bed not that comfortable. <span class='review-span highlight' data-aligned-summaries='0 1'>Can't fault the location</span>, <span class='review-span highlight' data-aligned-summaries='1'>it was very easy to get anywhere with the subway station a few hundred metres away</span>.</div><div class='text-box'>Great location and greater service at this Hyatt in Boston. <span class='review-span highlight' data-aligned-summaries='1'>No more convient place to stay</span>. Came in by train and never needed to have a car. You are right in the middle of everything! <span class='review-span highlight' data-aligned-summaries='0'>The hotel & service is top notch</span> and <span class='review-span highlight' data-aligned-summaries='0'>this isn't my first stay in Boston</span>!</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">This hotel is great for business or pleasure and will be frequented over and over by its visitors.</span> <span id="1" class="summary-sentence">It is clean and beautiful and very convenient.</span> <span id="2" class="summary-sentence">This hotel is not only close to the theatre district but to shopping at Macy's, TJ Maxx and Marshall's.</span> <span id="3" class="summary-sentence">There are close by restaurants to choose from but also the subway station isn't far away for those wanting to go further on.</span> <span id="4" class="summary-sentence">The rooms are nice.</span> <span id="5" class="summary-sentence">The restaurant and small bar lacked availability of food options for guests, however they do serve a complimentary breakfast.</span> <span id="6" class="summary-sentence">There was a disappointing downside to this hotel in that you have to pay for WiFi access.</span> <span id="7" class="summary-sentence">There is a fitness centre but that is a little so-so.</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_cont-summ_108.html ADDED
@@ -0,0 +1,135 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+
2
+ <!DOCTYPE html>
3
+ <html lang="en">
4
+ <head>
5
+ <meta charset="UTF-8">
6
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
+ <title>Document Review</title>
8
+ <style>
9
+ body {
10
+ font-family: Arial, sans-serif;
11
+ display: flex;
12
+ justify-content: center; /* This will center the .reviews container on the screen */
13
+ align-items: flex-start;
14
+ height: 100vh;
15
+ margin: 2px; /* Remove default margin */
16
+ }
17
+
18
+ .highlight { background-color: yellow;
19
+ color: black !important; /* Dark grey for muted text */
20
+ cursor: pointer;}
21
+ .not-hover-highlight { background-color: lightyellow;
22
+ color: #606060 !important; /* Dark grey for muted text */}
23
+ .summary {
24
+ width: 50%;
25
+ font-size: 1.0rem;
26
+ padding: 10px;
27
+ height: 100vh; /* Maximum height to a third of the viewport height */
28
+ background-color: #9e9e9e0a;
29
+ }
30
+ .reviews {
31
+ width: 50%;
32
+ font-size: 0.7rem;
33
+ display: flex;
34
+ flex-wrap: wrap;
35
+ padding: 10px;
36
+ max-height: 100vh; /* Maximum height to a third of the viewport height */
37
+ overflow-y: auto; /* Enable vertical scrolling */
38
+ background-color: #9e9e9e0a; /* Light grey background */
39
+ }
40
+ .text-box {
41
+ width: calc(100% - 20px); /* Adjust based on padding */
42
+ margin: 10px;
43
+ padding: 10px;
44
+ background-color: #9e9e9e0a; /* Light grey background */
45
+ color: #606060bf;
46
+ border: 2px solid #ddd; /* Cartoonish border */
47
+ border-radius: 20px; /* Rounded corners for cartoonish effect */
48
+ position: relative;
49
+ box-shadow: 3px 3px #bbb; /* Soft shadow for depth */
50
+ }
51
+ .text-box:before {
52
+ content: '';
53
+ position: absolute;
54
+ right: 100%;
55
+ bottom: 20%;
56
+ border-top: 10px solid transparent;
57
+ border-bottom: 10px solid transparent;
58
+ border-right: 10px solid #ddd; /* Arrow matching the border */
59
+ }
60
+ .summary-box {
61
+ padding: 10px;
62
+ margin: 10px 0;
63
+ background-color: #e6e6fa; /* Lavender background for a pleasant look */
64
+ border: 1px solid #ddd; /* Light border for definition */
65
+ border-radius: 5px; /* Slightly rounded corners */
66
+ box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* Soft shadow for depth */
67
+ cursor: pointer;
68
+ }
69
+ h4 { margin-top: 0; }
70
+ </style>
71
+ </head>
72
+ <body>
73
+ <div class='column reviews'><h2>Reviews</h2><div class='text-box'>I have stayed here three times -all on business trips where the hotel was booked for me. In fact, there are many meetings held here, and so you might find yourself surrounded by a large group of businessmen - not necessarily a bad thing -but just be aware. <span class='review-span highlight' data-aligned-summaries='8'>The two lifts are small and infrequent, and so you may have to wait a long time</span> - which is annoying if you are on the top floors. <span class='review-span highlight' data-aligned-summaries='0 2'>The location is great</span> <span class='review-span highlight' data-aligned-summaries='2'>for seeing Barcelona -you can reach most of the central sights by foot -including the Gaudi cathedral</span>. <span class='review-span highlight' data-aligned-summaries='3'>Very near to a metro line</span> , which is also a bonus. <span class='review-span highlight' data-aligned-summaries='0 9'>Rooms are fine</span> <span class='review-span highlight' data-aligned-summaries='9'>-just try to get one facing the courtyard at the back -the ones to the front can be noisy</span>. <span class='review-span highlight' data-aligned-summaries='0 7'>Biggest disappointment was the breakfast -17 for a very poor selection - definitely not worth it</span>. I didn`t bother after the first morning.</div><div class='text-box'>We got a really good deal on the rooms at this hotel and, therefore, it was worth what we paid for it. However, <span class='review-span highlight' data-aligned-summaries='0'>I would have been dissapointed if we had payed full price for this</span>. We went in january which I know is not in season however, the terraces were closed and the pools were not open. They were also doing refurbishment works to one of the terraces, none of this was really communicated until you checked in. <span class='review-span highlight' data-aligned-summaries='0 4'>The room was a reasonable size</span> as we had one at the end of a corridor <span class='review-span highlight' data-aligned-summaries='0 4'>and the bed was comfy</span>. <span class='review-span highlight' data-aligned-summaries='5'>The bathrooms</span> however, <span class='review-span highlight' data-aligned-summaries='5'>need some updating</span>, they were tired and not in the best condition. Also be warned <span class='review-span highlight' data-aligned-summaries='1 9'>if you stay on the front of the hotel, the spanish like to beep their horns and this can be disturbing</span>.</div><div class='text-box'>Second time in this hotel and kinda disappointed. <span class='review-span highlight' data-aligned-summaries='0'>Rooms are ok</span> and it is <span class='review-span highlight' data-aligned-summaries='0'>a good value for money mainly due to the great location</span> on Paseig de Gracia, <span class='review-span highlight' data-aligned-summaries='0'>but the service does not seem to care so much about their customers</span>. They are physically present behind the desk, but it stops here. It seems that they are breathing boredom. If you go to Barcelona for a short weekend and do not plan to spend too much time at the hotel, it'll be alright. If not, i'm sure you can pick a better place where the service will show you a more positive and customer focused attitude.</div><div class='text-box'>The <span class='review-span highlight' data-aligned-summaries='0'>hotel staff was very helpful</span>, <span class='review-span highlight' data-aligned-summaries='0'>rooms very modern with everything that we could think of</span><span class='review-span highlight' data-aligned-summaries='2'>. It is a short walk away from Gaudi's Casa Batllo, la Pedrera</span> and a bit longer to la Sagrada Familia, <span class='review-span highlight' data-aligned-summaries='2'>the location couldn't be better</span>! <span class='review-span highlight' data-aligned-summaries='2'>Within a couple of blocks it has many restaurants</span> to chose from and can't forget to mention that it<span class='review-span highlight' data-aligned-summaries='2'>'s in a great shopping area</span>. From now on the place where we'll stay when visiting Barcelona.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>Great hotel</span>! i can only think of a few things wrong with our stay, for one, <span class='review-span highlight' data-aligned-summaries='0 7'>breakfast was not worth the price</span> paid and <span class='review-span highlight' data-aligned-summaries='0 6'>room service was a bit overpriced</span> as well, but with such a wide variety of other places to eat in barcelona, it didn{t really mattter much. <span class='review-span highlight' data-aligned-summaries='4'>The standard room was small</span> but then again <span class='review-span highlight' data-aligned-summaries='4'>the bed was huge</span>! <span class='review-span highlight' data-aligned-summaries='2'>and the location. it can't get eny better!</span></div><div class='text-box'>This hotel is located in a <span class='review-span highlight' data-aligned-summaries='0 2'>great location</span> <span class='review-span highlight' data-aligned-summaries='0'>however is very expensive</span>. If your looking for a place near Gaudi's buildings and shopping areas, then stay here.</div><div class='text-box'>A lovely pillow menu.WOW.rooms <span class='review-span highlight' data-aligned-summaries='2'>excellent.location is very central and many many shops near the hotel</span>, staff very helpful. <span class='review-span highlight' data-aligned-summaries='0'>A bit pricey but Lovely</span></div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>Great place and location</span>. Would defo stay here again. Loved it. Go see it.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">This is overall a really great hotel but a bit pricey.</span> <span id="1" class="summary-sentence">It could be quite disturbing if you stay on the front of the hotel due to the horns from the street.</span> <span id="2" class="summary-sentence">The location of this hotel is absolutely great and central, you can walk to many shops, Gaudi 's Casa Batllo , and la Pedrera.</span> <span id="3" class="summary-sentence">The metro station is also really close.</span> <span id="4" class="summary-sentence">A standard room at this hotel is smaller than expected, with most of the space being taken by the huge but very comfortable bed inside.</span> <span id="5" class="summary-sentence">The bathrooms was outdated and need some updating.</span> <span id="6" class="summary-sentence">The room service was overpriced.</span> <span id="7" class="summary-sentence">Unfortunately the hotel's breakfast definitely not worth the money.</span> <span id="8" class="summary-sentence">The lifts were a bit inconvenient and request long time wait because there are only two of small and infrequent ones.</span> <span id="9" class="summary-sentence">Also, the rooms facing courtyard at the back are quieter than the ones to the front.</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_cont-summ_109.html ADDED
@@ -0,0 +1,135 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+
2
+ <!DOCTYPE html>
3
+ <html lang="en">
4
+ <head>
5
+ <meta charset="UTF-8">
6
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
+ <title>Document Review</title>
8
+ <style>
9
+ body {
10
+ font-family: Arial, sans-serif;
11
+ display: flex;
12
+ justify-content: center; /* This will center the .reviews container on the screen */
13
+ align-items: flex-start;
14
+ height: 100vh;
15
+ margin: 2px; /* Remove default margin */
16
+ }
17
+
18
+ .highlight { background-color: yellow;
19
+ color: black !important; /* Dark grey for muted text */
20
+ cursor: pointer;}
21
+ .not-hover-highlight { background-color: lightyellow;
22
+ color: #606060 !important; /* Dark grey for muted text */}
23
+ .summary {
24
+ width: 50%;
25
+ font-size: 1.0rem;
26
+ padding: 10px;
27
+ height: 100vh; /* Maximum height to a third of the viewport height */
28
+ background-color: #9e9e9e0a;
29
+ }
30
+ .reviews {
31
+ width: 50%;
32
+ font-size: 0.7rem;
33
+ display: flex;
34
+ flex-wrap: wrap;
35
+ padding: 10px;
36
+ max-height: 100vh; /* Maximum height to a third of the viewport height */
37
+ overflow-y: auto; /* Enable vertical scrolling */
38
+ background-color: #9e9e9e0a; /* Light grey background */
39
+ }
40
+ .text-box {
41
+ width: calc(100% - 20px); /* Adjust based on padding */
42
+ margin: 10px;
43
+ padding: 10px;
44
+ background-color: #9e9e9e0a; /* Light grey background */
45
+ color: #606060bf;
46
+ border: 2px solid #ddd; /* Cartoonish border */
47
+ border-radius: 20px; /* Rounded corners for cartoonish effect */
48
+ position: relative;
49
+ box-shadow: 3px 3px #bbb; /* Soft shadow for depth */
50
+ }
51
+ .text-box:before {
52
+ content: '';
53
+ position: absolute;
54
+ right: 100%;
55
+ bottom: 20%;
56
+ border-top: 10px solid transparent;
57
+ border-bottom: 10px solid transparent;
58
+ border-right: 10px solid #ddd; /* Arrow matching the border */
59
+ }
60
+ .summary-box {
61
+ padding: 10px;
62
+ margin: 10px 0;
63
+ background-color: #e6e6fa; /* Lavender background for a pleasant look */
64
+ border: 1px solid #ddd; /* Light border for definition */
65
+ border-radius: 5px; /* Slightly rounded corners */
66
+ box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* Soft shadow for depth */
67
+ cursor: pointer;
68
+ }
69
+ h4 { margin-top: 0; }
70
+ </style>
71
+ </head>
72
+ <body>
73
+ <div class='column reviews'><h2>Reviews</h2><div class='text-box'><span class='review-span highlight' data-aligned-summaries='2'>I have stayed here three times -all on business trips</span> where the hotel was booked for me. In fact, there are many meetings held here, and so you might find yourself surrounded by a large group of businessmen - not necessarily a bad thing -but just be aware. <span class='review-span highlight' data-aligned-summaries='11 12'>The two lifts are small and infrequent</span>,<span class='review-span highlight' data-aligned-summaries='12'> and so you may have to wait a long time</span> - <span class='review-span highlight' data-aligned-summaries='11'>which is annoying if you are on the top floors</span>. <span class='review-span highlight' data-aligned-summaries='0 5'>The</span> <span class='review-span highlight' data-aligned-summaries='0 3 5'>location is great for seeing Barcelona</span> <span class='review-span highlight' data-aligned-summaries='3'>-you can reach most of the central sights by foot -including the Gaudi cathedral. Very near to a metro line</span> , which is also a bonus. <span class='review-span highlight' data-aligned-summaries='2 6 10'>Rooms are fine</span> <span class='review-span highlight' data-aligned-summaries='6 10'>-just try to get one facing the courtyard at the back</span> <span class='review-span highlight' data-aligned-summaries='2 6 10'>-the ones to the front can be noisy</span>. <span class='review-span highlight' data-aligned-summaries='9'>Biggest disappointment was the breakfast -17 for a very poor selection - definitely not worth it</span>. I didn`t bother after the first morning.</div><div class='text-box'>We got a really good deal on the rooms at this hotel and, therefore, it was worth what we paid for it. However, <span class='review-span highlight' data-aligned-summaries='2'>I would have been dissapointed if we had payed full price</span> for this. We went in january which I know is not in season however, the terraces were closed and the pools were not open. They were also doing refurbishment works to one of the terraces, none of this was really communicated until you checked in. <span class='review-span highlight' data-aligned-summaries='6'>The room was a reasonable size</span> as we had one at the end of a corridor and <span class='review-span highlight' data-aligned-summaries='6'>the bed was comfy</span>. <span class='review-span highlight' data-aligned-summaries='7'>The bathrooms however, need some updating</span>, <span class='review-span highlight' data-aligned-summaries='7'>they were tired and not in the best condition</span>. <span class='review-span highlight' data-aligned-summaries='2 10'>Also be warned if you stay on the front of the hotel, the spanish like to beep their horns and this can be disturbing</span>.</div><div class='text-box'>Second time in this hotel and kinda disappointed. <span class='review-span highlight' data-aligned-summaries='1'>Rooms are ok</span> and <span class='review-span highlight' data-aligned-summaries='1'>it is a good value for money mainly due to</span> <span class='review-span highlight' data-aligned-summaries='1 5'>the great location</span> <span class='review-span highlight' data-aligned-summaries='5'>on Paseig de Gracia</span>, but <span class='review-span highlight' data-aligned-summaries='1 8'>the service does not seem to care</span> so much about their customers. They are physically present behind the desk, but it stops here. It seems that they are breathing boredom. <span class='review-span highlight' data-aligned-summaries='0'>If you go to Barcelona</span> for a short weekend <span class='review-span highlight' data-aligned-summaries='0'>and do not plan to spend too much time at the hotel, it'll be alright</span>. If not, i'm sure you can pick a better place where the service will show you a more positive and customer focused attitude.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='8'>The hotel staff was very helpful</span>, <span class='review-span highlight' data-aligned-summaries='1'>rooms very modern with everything that we could think of</span>. <span class='review-span highlight' data-aligned-summaries='3'>It is a short walk away from Gaudi's Casa Batllo, la Pedrera and a bit longer to la Sagrada Familia,</span> <span class='review-span highlight' data-aligned-summaries='3 5'>the location couldn't be better</span>!<span class='review-span highlight' data-aligned-summaries='3'></span> Within a couple of blocks it has many restaurants to chose from and can't forget to mention that it's in a great shopping area. From now on <span class='review-span highlight' data-aligned-summaries='0'>the place where we'll stay when visiting Barcelona</span>.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='1'>Great hotel</span>! i can only think of a few things wrong with our stay, for one, <span class='review-span highlight' data-aligned-summaries='1 9'>breakfast was not worth the price</span> <span class='review-span highlight' data-aligned-summaries='9'>paid</span> and <span class='review-span highlight' data-aligned-summaries='1'>room service was a bit overpriced</span> as well, but with such a wide variety of other places to eat in barcelona, it didn{t really mattter much. The <span class='review-span highlight' data-aligned-summaries='6'>standard room was small</span> but then again <span class='review-span highlight' data-aligned-summaries='6'>the bed was huge</span>! <span class='review-span highlight' data-aligned-summaries='3 5'>and the location. it can't get eny better</span>!</div><div class='text-box'>This hotel is <span class='review-span highlight' data-aligned-summaries='3 4 5'>located</span> <span class='review-span highlight' data-aligned-summaries='3 5'>in a great location</span> however <span class='review-span highlight' data-aligned-summaries='1'>is very expensive</span>. <span class='review-span highlight' data-aligned-summaries='3'>If your looking for a place</span> <span class='review-span highlight' data-aligned-summaries='3 4'>near</span> <span class='review-span highlight' data-aligned-summaries='3'>Gaudi's buildings and</span> <span class='review-span highlight' data-aligned-summaries='3 4'>shopping areas</span>, then stay here.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='9'>A lovely pillow menu</span>.WOW.rooms <span class='review-span highlight' data-aligned-summaries='3 4 5'>excellent.location is very central and many many shops near the hotel</span>, <span class='review-span highlight' data-aligned-summaries='8'>staff very helpful</span>. <span class='review-span highlight' data-aligned-summaries='0 1'>A bit pricey but Lovely</span></div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0 3 5'>Great</span> <span class='review-span highlight' data-aligned-summaries='0'>place and</span> <span class='review-span highlight' data-aligned-summaries='0 3 5'>location</span>. <span class='review-span highlight' data-aligned-summaries='0'>Would defo stay here again</span>. Loved it. Go see it.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">This hotel may be the place you want to stay with each visit to Barcelona.</span> <span id="1" class="summary-sentence">It's not cheap but it is lovely.</span> <span id="2" class="summary-sentence">It's also popular with business travellers but the Spanish do like to beep their horns so staying at the front of the hotel could be noisy and disturbing and leave you disappointed.</span> <span id="3" class="summary-sentence">Being within close proximity of the metro line and only a short walk from Gaudi's Casa Batllo, la Pedrera, and even not far from Sagrada Familia, the location of this hotel is great.</span> <span id="4" class="summary-sentence">It is very centralised with many shops nearby as well.</span> <span id="5" class="summary-sentence">Overall, a fantastic location.</span> <span id="6" class="summary-sentence">The hotel rooms are an adequate size with a decent night's sleep to be had from the bed itself.</span> <span id="7" class="summary-sentence">The bathrooms are a little outdated and could do with a deep clean.</span> <span id="8" class="summary-sentence">The staff at the hotel were incredibly helpful.</span> <span id="9" class="summary-sentence">The hotel had a lovely pillow menu but breakfast was not worth the price paid.</span> <span id="10" class="summary-sentence">The front of the hotel can be loud so it is worth requesting a room facing the courtyard at the back</span> <span id="11" class="summary-sentence">and you may want to consider one of the lower floors to avoid having to take one of the two lifts.</span> <span id="12" class="summary-sentence">They are small and irregular in their arrival causing sometimes long wait times.</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_cont-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'><span class='review-span highlight' data-aligned-summaries='0 1 7'>If you are looking for complete</span> <span class='review-span highlight' data-aligned-summaries='0 1'>peace</span>,<span class='review-span highlight' data-aligned-summaries='0'></span> <span class='review-span highlight' data-aligned-summaries='0 1'>beauty</span>,<span class='review-span highlight' data-aligned-summaries='0'></span> <span class='review-span highlight' data-aligned-summaries='0 1'>and</span> <span class='review-span highlight' data-aligned-summaries='0 1 7'>relaxation</span> <span class='review-span highlight' data-aligned-summaries='1'>away from the crazy commercialism of Cancun,</span> <span class='review-span highlight' data-aligned-summaries='0 1 7'>this is the place</span>. <span class='review-span highlight' data-aligned-summaries='2'>The resort is located only 45 minutes south of the Cancun airport</span> and the resort will arrange for transportation to and from the airport for you. The staff is very friendly and welcoming and will go out of their way to assist you with whatever you may need. <span class='review-span highlight' data-aligned-summaries='0 1'>The property itself is very beautiful and landscaped throughout with lush gardens</span>. <span class='review-span highlight' data-aligned-summaries='0 1 3'>It is</span> <span class='review-span highlight' data-aligned-summaries='0 1'>as close to paradise as one can get</span>. <span class='review-span highlight' data-aligned-summaries='2'>Mahekal is</span> <span class='review-span highlight' data-aligned-summaries='2 3'>in walking distance of 5th Avenue</span> <span class='review-span highlight' data-aligned-summaries='2'>(main strip</span> <span class='review-span highlight' data-aligned-summaries='2 3'>for shopping, restaraunts</span>,<span class='review-span highlight' data-aligned-summaries='2'> etc.)</span> 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='0 1'>The resort and beach is beautiful</span>, <span class='review-span highlight' data-aligned-summaries='0'>the food is outstanding</span>, <span class='review-span highlight' data-aligned-summaries='0'>the people are extremely friendly and welcoming</span>, <span class='review-span highlight' data-aligned-summaries='0 7'>the atmosphere is completely relaxing</span>. <span class='review-span highlight' data-aligned-summaries='0'>Without a doubt, this is one of the most amazing experiences I have ever had</span> and am looking forward to going back again this year.and hopefully many more to come.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='1 7'>A most relaxing</span> <span class='review-span highlight' data-aligned-summaries='1'>holiday</span> <span class='review-span highlight' data-aligned-summaries='1 7'>spot.the</span> 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.<span class='review-span highlight' data-aligned-summaries='9'>I felt secure there at all times;there was always an attendant around even at night</span> but again without having a strong-arm presence.The hotel guests were obviously having a good time;the friendly approach of the dining attendants ensured this at meal-times.The <span class='review-span highlight' data-aligned-summaries='4'>towels in the rooms were "sculptured" into an array of animals</span>,with <span class='review-span highlight' data-aligned-summaries='5'>a new piece of artwork appearing at every room service</span>. And as a final touch.on the morning of our departure,we were given a breakfast box;this contained <span class='review-span highlight' data-aligned-summaries='10'>appetising food</span> 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 staff was very friendly, food was excellent, rooms very comfortable. <span class='review-span highlight' data-aligned-summaries='1 7 11'>This is a very low-key facility</span> <span class='review-span highlight' data-aligned-summaries='1 7'>-</span> <span class='review-span highlight' data-aligned-summaries='1 6 7'>rooms do not have TVs, radios or even clocks</span> - but <span class='review-span highlight' data-aligned-summaries='8'>the beds are comfortable</span> and the showers work well. We stayed in the Garden area which was quite nice - and still only a short walk to the beach. <span class='review-span highlight' data-aligned-summaries='7 8'>Every room has</span> <span class='review-span highlight' data-aligned-summaries='8'>a sheltered porch</span> with <span class='review-span highlight' data-aligned-summaries='7'>two hammocks</span> and a table and chairs. <span class='review-span highlight' data-aligned-summaries='2'>The location is near (a couple of blocks away) from the main shopping street</span>. The beach is well maintained. All-in-all, a very nice place and a good value. A few complaints - <span class='review-span highlight' data-aligned-summaries='11'>could use better internet accessibility</span> and <span class='review-span highlight' data-aligned-summaries='1 7 11'>some of the hotels in the area have music blasting a bit too loudly at times</span>.</div><div class='text-box'>16 years and still coming back. It is such a <span class='review-span highlight' data-aligned-summaries='0'>fun, laid back,</span> <span class='review-span highlight' data-aligned-summaries='0 1 7 11'>wonderfully</span> <span class='review-span highlight' data-aligned-summaries='0 1 6 7 11'>relaxing place</span> <span class='review-span highlight' data-aligned-summaries='1 6 7'>without a phone in your room or a tv blaring in your ear</span>. <span class='review-span highlight' data-aligned-summaries='0'>Kids around the pool</span>, <span class='review-span highlight' data-aligned-summaries='0'>adults talking</span>, <span class='review-span highlight' data-aligned-summaries='0'>the sound of wind</span>, <span class='review-span highlight' data-aligned-summaries='0'>waves</span>, and <span class='review-span highlight' data-aligned-summaries='0'>yet</span> <span class='review-span highlight' data-aligned-summaries='0 1 7 11'>it is quiet</span>. <span class='review-span highlight' data-aligned-summaries='0 9 10'>Excellent</span> <span class='review-span highlight' data-aligned-summaries='0 9'>staff</span>, <span class='review-span highlight' data-aligned-summaries='0 10'>food</span>, and <span class='review-span highlight' data-aligned-summaries='0 1'>you sit next to the ocean</span> <span class='review-span highlight' data-aligned-summaries='0'>or inside comfort.it</span> is <span class='review-span highlight' data-aligned-summaries='11'>not at all like an all inclusive, thank goodness</span>. <span class='review-span highlight' data-aligned-summaries='0'>It is specially unique</span>.</div><div class='text-box'>Clean hotel rooms, large tiled bathrooms, fans and air conditioning make for excellent cabana-like rooms. Each <span class='review-span highlight' data-aligned-summaries='7'>equipped with</span> <span class='review-span highlight' data-aligned-summaries='0 1 7'>two hammocks for a lazy day at the beach</span>. The <span class='review-span highlight' data-aligned-summaries='0'>sand is clean and pure</span>, <span class='review-span highlight' data-aligned-summaries='10'>the</span> <span class='review-span highlight' data-aligned-summaries='0 10'>food is excellent</span> (2 meals a day are inclusive) and the <span class='review-span highlight' data-aligned-summaries='0'>location is central to every shop, restaurant and anything else</span> you could want. This is truely <span class='review-span highlight' data-aligned-summaries='0'>a diamond in the rough</span>.</div><div class='text-box'>Can't say enough about this place. We spent five days there and didn't want to leave. <span class='review-span highlight' data-aligned-summaries='0 7'>The atmosphere enables you to truly escape the realities of life</span>. <span class='review-span highlight' data-aligned-summaries='0 9'>Staff was incredibly friendly and helpful</span>. We'll be back!</div><div class='text-box'>This is a <span class='review-span highlight' data-aligned-summaries='0 1'>great place to stay</span>! <span class='review-span highlight' data-aligned-summaries='0'>Everything was perfect</span>, from <span class='review-span highlight' data-aligned-summaries='1'>the</span> <span class='review-span highlight' data-aligned-summaries='0 1'>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'><span class='review-span highlight' data-aligned-summaries='0'>Terrific place</span> to stay, <span class='review-span highlight' data-aligned-summaries='0 1 7 11'>quite</span>, <span class='review-span highlight' data-aligned-summaries='0 10'>good food</span> <span class='review-span highlight' data-aligned-summaries='0'>unbelievable beach</span>. <span class='review-span highlight' data-aligned-summaries='0'>Close to shopping and restaurants</span>. <span class='review-span highlight' data-aligned-summaries='0 9'>Staff</span> <span class='review-span highlight' data-aligned-summaries='0'>is the best</span>, <span class='review-span highlight' data-aligned-summaries='9'>always 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">This resort is beautiful and offers the most amazing experience.</span> <span id="1" class="summary-sentence">It is gorgeous and the gardens and landscaping are brilliant and peaceful and one of the most relaxing places away from the bustle of Cancun.</span> <span id="2" class="summary-sentence">The hotel location is only 45 minutes from the airport and within a couple of blocks fo the main shopping street.</span> <span id="3" class="summary-sentence">It is also within easy walking distance of 5th Avenue for shopping or eating.</span> <span id="4" class="summary-sentence">Some nice touches in the rooms are the sculptured towels - of animals.</span> <span id="5" class="summary-sentence">And the artwork in each room.</span> <span id="6" class="summary-sentence">Also nice, was a lack of items like TVs, radios, clocks or even phones.</span> <span id="7" class="summary-sentence">Very relaxing and there were hammocks as well.</span> <span id="8" class="summary-sentence">Besides that the bed is comfortable and there is also a sheltered porch.</span> <span id="9" class="summary-sentence">The staff at this hotel make it easy for their guests to feel safe and secure, with appropriate attendants on shift at all hours of the day.</span> <span id="10" class="summary-sentence">The food is good.</span> <span id="11" class="summary-sentence">The hotel is nothing like an all-inclusive place which was perfect although the internet access wasn't great and noise from surrounding hotels was too loud at times.</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_cont-summ_110.html ADDED
@@ -0,0 +1,135 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+
2
+ <!DOCTYPE html>
3
+ <html lang="en">
4
+ <head>
5
+ <meta charset="UTF-8">
6
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
+ <title>Document Review</title>
8
+ <style>
9
+ body {
10
+ font-family: Arial, sans-serif;
11
+ display: flex;
12
+ justify-content: center; /* This will center the .reviews container on the screen */
13
+ align-items: flex-start;
14
+ height: 100vh;
15
+ margin: 2px; /* Remove default margin */
16
+ }
17
+
18
+ .highlight { background-color: yellow;
19
+ color: black !important; /* Dark grey for muted text */
20
+ cursor: pointer;}
21
+ .not-hover-highlight { background-color: lightyellow;
22
+ color: #606060 !important; /* Dark grey for muted text */}
23
+ .summary {
24
+ width: 50%;
25
+ font-size: 1.0rem;
26
+ padding: 10px;
27
+ height: 100vh; /* Maximum height to a third of the viewport height */
28
+ background-color: #9e9e9e0a;
29
+ }
30
+ .reviews {
31
+ width: 50%;
32
+ font-size: 0.7rem;
33
+ display: flex;
34
+ flex-wrap: wrap;
35
+ padding: 10px;
36
+ max-height: 100vh; /* Maximum height to a third of the viewport height */
37
+ overflow-y: auto; /* Enable vertical scrolling */
38
+ background-color: #9e9e9e0a; /* Light grey background */
39
+ }
40
+ .text-box {
41
+ width: calc(100% - 20px); /* Adjust based on padding */
42
+ margin: 10px;
43
+ padding: 10px;
44
+ background-color: #9e9e9e0a; /* Light grey background */
45
+ color: #606060bf;
46
+ border: 2px solid #ddd; /* Cartoonish border */
47
+ border-radius: 20px; /* Rounded corners for cartoonish effect */
48
+ position: relative;
49
+ box-shadow: 3px 3px #bbb; /* Soft shadow for depth */
50
+ }
51
+ .text-box:before {
52
+ content: '';
53
+ position: absolute;
54
+ right: 100%;
55
+ bottom: 20%;
56
+ border-top: 10px solid transparent;
57
+ border-bottom: 10px solid transparent;
58
+ border-right: 10px solid #ddd; /* Arrow matching the border */
59
+ }
60
+ .summary-box {
61
+ padding: 10px;
62
+ margin: 10px 0;
63
+ background-color: #e6e6fa; /* Lavender background for a pleasant look */
64
+ border: 1px solid #ddd; /* Light border for definition */
65
+ border-radius: 5px; /* Slightly rounded corners */
66
+ box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* Soft shadow for depth */
67
+ cursor: pointer;
68
+ }
69
+ h4 { margin-top: 0; }
70
+ </style>
71
+ </head>
72
+ <body>
73
+ <div class='column reviews'><h2>Reviews</h2><div class='text-box'>I have stayed here three times -all on business trips where the hotel was booked for me. In fact, there are many meetings held here, and so you might find yourself surrounded by a large group of businessmen - not necessarily a bad thing -but just be aware. <span class='review-span highlight' data-aligned-summaries='8'>The two lifts are small and infrequent, and so you may have to wait a long time</span> - which is annoying if you are on the top floors. <span class='review-span highlight' data-aligned-summaries='0'>The location is great for seeing Barcelona</span> <span class='review-span highlight' data-aligned-summaries='3'>-you can reach most of the central sights by foot -including the Gaudi cathedral</span>. <span class='review-span highlight' data-aligned-summaries='2'>Very near to a metro line</span> , which is also a bonus. <span class='review-span highlight' data-aligned-summaries='1 4 9'>Rooms are fine</span> <span class='review-span highlight' data-aligned-summaries='1 9'>-just try to get one facing the courtyard at the back -the ones to the front can be noisy</span>. <span class='review-span highlight' data-aligned-summaries='0 7'>Biggest disappointment was the breakfast -17 for a very poor selection - definitely not worth it</span>. I didn`t bother after the first morning.</div><div class='text-box'>We got <span class='review-span highlight' data-aligned-summaries='0'>a really good deal on the rooms at this hotel</span> and, therefore, it was <span class='review-span highlight' data-aligned-summaries='0'>worth what we paid for it</span>. However, <span class='review-span highlight' data-aligned-summaries='5'>I would have been dissapointed if we had payed full price for this</span>. We went in january which I know is not in season however, the terraces were closed and the pools were not open. They were also doing refurbishment works to one of the terraces, none of this was really communicated until you checked in. <span class='review-span highlight' data-aligned-summaries='4'>The room was a reasonable size</span> as we had one at the end of a corridor and the bed was comfy. <span class='review-span highlight' data-aligned-summaries='5'>The bathrooms however, need some updating</span>, they were tired and not in the best condition. Also be warned <span class='review-span highlight' data-aligned-summaries='1 9'>if you stay on the front of the hotel, the spanish like to beep their horns and this can be disturbing</span>.<span class='review-span highlight' data-aligned-summaries='9'></span></div><div class='text-box'>Second time in this hotel and kinda disappointed. <span class='review-span highlight' data-aligned-summaries='4'>Rooms are ok</span> and it <span class='review-span highlight' data-aligned-summaries='0'>is a good value for money mainly due to the great location</span> on Paseig de Gracia, but <span class='review-span highlight' data-aligned-summaries='6'>the service does not seem to care so much about their customers</span>. They are physically present behind the desk, but it stops here. It seems that they are breathing boredom. <span class='review-span highlight' data-aligned-summaries='0'>If you go to Barcelona for a short weekend and do not plan to spend too much time at the hotel, it'll be alright</span>. If not, i'm sure you can pick a better place where the service will show you a more positive and customer focused attitude.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='6'>The hotel staff was very helpful</span>, <span class='review-span highlight' data-aligned-summaries='4'>rooms very modern with everything that we could think of</span>. <span class='review-span highlight' data-aligned-summaries='3'>It is a</span> <span class='review-span highlight' data-aligned-summaries='0 3'>short walk away from Gaudi's Casa Batllo</span>,<span class='review-span highlight' data-aligned-summaries='3'> la Pedrera and a bit longer to la Sagrada Familia</span>, the location couldn't be better! Within a couple of blocks it has many restaurants to chose from and can't forget to mention that it's in a great shopping area. From now on <span class='review-span highlight' data-aligned-summaries='0'>the place where we'll stay when visiting Barcelona</span>.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>Great hotel</span>! i can only think of a few things wrong with our stay, for one, <span class='review-span highlight' data-aligned-summaries='7'>breakfast was not worth the price paid</span> and room service was a bit overpriced as well, but with such a wide variety of other places to eat <span class='review-span highlight' data-aligned-summaries='0'>in barcelona</span>, it didn{t really mattter much. <span class='review-span highlight' data-aligned-summaries='4'>The standard room was small but</span> then again <span class='review-span highlight' data-aligned-summaries='4'>the bed was huge</span>! and <span class='review-span highlight' data-aligned-summaries='0'>the location</span>. it ca<span class='review-span highlight' data-aligned-summaries='0'>n't get eny better</span>!</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>This hotel is located in a great location however is very expensive</span>. If your looking for a place near Gaudi's buildings and shopping areas, then stay here.</div><div class='text-box'>A lovely pillow menu.<span class='review-span highlight' data-aligned-summaries='0'>WOW.rooms excellent.location</span> is very central and many many shops near the hotel, staff very helpful. A bit pricey but Lovely</div><div class='text-box'>Great place and location. <span class='review-span highlight' data-aligned-summaries='0'>Would defo stay here again</span>. Loved it. Go see it.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">The hotel, although a tad expensive, is a good option for a short stay in Barcelona.</span> <span id="1" class="summary-sentence">The front of the hotel can be noisy at time so ask for a room that is not facing the street.</span> <span id="2" class="summary-sentence">The hotel is situated near a metro line to get into central Barcelona.</span> <span id="3" class="summary-sentence">The hotel itself is a short walk from Gaudi's Casa Batllo, la Pedrera and just a little further to see La Sagrada Familia.</span> <span id="4" class="summary-sentence">The rooms are okay though on the small side at times.</span> <span id="5" class="summary-sentence">Bathrooms needed updating and some TLC but overall the rooms are good value due to the hotel's location.</span> <span id="6" class="summary-sentence">The hotel's staff was really very helpful.</span> <span id="7" class="summary-sentence">The hotel's breakfast was a bit basic and expensive for a 4 star hotel .</span> <span id="8" class="summary-sentence">The lifts in the hotel are a bit cramped and can take some time to arrive.</span> <span id="9" class="summary-sentence">The best rooms in the hotel are the ones facing the courtyard at the back, as the front side of the hotel can be noisy.</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_cont-summ_111.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 hotel is situated at around 10 min by cab from the center</span> (barrio gotico). Must be max 10 years old. <span class='review-span highlight' data-aligned-summaries='0'>Can be reached also by</span> tram or <span class='review-span highlight' data-aligned-summaries='0'>metro</span>. <span class='review-span highlight' data-aligned-summaries='3'>Rooms are clean</span>, beds a bit hard. Bar is OK and the patio too but mostly in the shadom in the evening. Rooms that had a sea view don't have it anymore (see previous reviews). A bit expensive for the location and the lack of view (my room had a view on a skeleton building (crisis, what crisis?) on the side of the hotel, not charming at all). The pool on the 17th is not heated, so quite difficult to swim at this time of the year, <span class='review-span highlight' data-aligned-summaries='0'>nice view</span> on the utility building on the other side and <span class='review-span highlight' data-aligned-summaries='0'>on the sea and beach</span>, plus power plant for the rest.</div><div class='text-box'>The rooms and prices looked good and the pool looked attractive online, however the reality was different. I booked a family room which is really 2 separate bedrooms next to each other behind another door for privacy which was meant to lock but didn't. <span class='review-span highlight' data-aligned-summaries='3'>My kids room smelt like someone had smoked 100 cigarettes in it and had drugs and booze on the table when we checked in</span>. <span class='review-span highlight' data-aligned-summaries='3'>They cleaned but the smell didn't go away</span> for all 3 days and they would not change the rooms. <span class='review-span highlight' data-aligned-summaries='8'>The pool is tiny and over crowded</span> with hardly any beds to lie on which is quite difficult with kids in a very hot city. <span class='review-span highlight' data-aligned-summaries='7'>Well done for offering free WiFi</span> but making people check into your Facebook page every time is very irritating. <span class='review-span highlight' data-aligned-summaries='9'>Overall it is good value</span> but it is most suited to weekend getaways for young party couples or mates.</div><div class='text-box'>I stayed in the diagonal zero for 4 nights while attending a congress. The area near the hotel is not nice, however, <span class='review-span highlight' data-aligned-summaries='0'>the metro station is nearby</span> and you can visit the centre in a few minutes <span class='review-span highlight' data-aligned-summaries='2'>The rooms are spacious</span>, mattress is moderate, views are poor. The decoration is modern but on the poor side. <span class='review-span highlight' data-aligned-summaries='6'>Breakfast was ok</span>, but <span class='review-span highlight' data-aligned-summaries='6'>i consider it unacceptable to drink disgusting coffee from a machine</span> in a 4 star hotel.it shows lack of respect for the client. The Personnel was very polite. <span class='review-span highlight' data-aligned-summaries='7'>There is a very good gym in the hotel</span> and <span class='review-span highlight' data-aligned-summaries='7'>free wifi</span> which is very important.</div><div class='text-box'>We only stayed one night but had most of 2 days sightseeing in Barcelona with fairly grown up family in 2 bedrooms. <span class='review-span highlight' data-aligned-summaries='4'>Hotel happy to look after our luggage</span>. Perhaps <span class='review-span highlight' data-aligned-summaries='1'>in an area a bit far from the character of Barcelona</span>, but <span class='review-span highlight' data-aligned-summaries='0'>very convenient for</span> tram and <span class='review-span highlight' data-aligned-summaries='0'>subway</span>. Also <span class='review-span highlight' data-aligned-summaries='0'>large shopping centre close by with lots of dining choice</span>. <span class='review-span highlight' data-aligned-summaries='8'>Pool a bit crowded</span> as our trip was in the heat of August and slightly disappointing that they charged for towel use. <span class='review-span highlight' data-aligned-summaries='5'>Very helpful porter showed us control panel for lights/aircon etc - all very hi-tech</span>.</div><div class='text-box'>Recently stayed here and was very impressed with this hotel. <span class='review-span highlight' data-aligned-summaries='4'>Friendly staff</span>, <span class='review-span highlight' data-aligned-summaries='3'>good clean rooms</span> and quiet so sleep no problem. <span class='review-span highlight' data-aligned-summaries='0'>The beach is with 10 mins walking distance from the hotel</span> and <span class='review-span highlight' data-aligned-summaries='0'>5 mins walk from a great shopping mall Diagonal Mar where there are lots of great restaurants</span>. <span class='review-span highlight' data-aligned-summaries='0'>The metro is a 2 min walk</span> and a 10 min journey or 6 stops to the centre of the city with no changes. We loved it!</div><div class='text-box'>I stay for 3 nights in a business trip, <span class='review-span highlight' data-aligned-summaries='9'>the hotel is beautiful and the room was suburb</span>. Its <span class='review-span highlight' data-aligned-summaries='1'>far from the city town</span> but have <span class='review-span highlight' data-aligned-summaries='0'>the beach nearby and a subway station pretty close</span>. For sure I will come back again</div><div class='text-box'>We stayed for five nights at this hotel for a conference. By the end <span class='review-span highlight' data-aligned-summaries='6'>we couldn't wait to leave due to the monotonous breakfast</span>, below par cleanliness, and cold decor.</div><div class='text-box'>Wonderful hotel <span class='review-span highlight' data-aligned-summaries='1'>just a short metro ride away from Barcelona attractions</span>, with gorgeous rooftop pool. Excellent customer service.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">Whilst it's ideally located for shopping and dining, and there is a beach and subway station nearby</span><span id="1" class="summary-sentence">, it's quite far from the true local character.</span> <span id="2" class="summary-sentence">The room was spacious but was not as advertised online.</span> <span id="3" class="summary-sentence">The room was cleaned but there was a lingering smell and drug paraphernalia left there.</span> <span id="4" class="summary-sentence">The hotel staff were polite and accommodating.</span> <span id="5" class="summary-sentence">Even one of the porters managed to show us how to work all of the mod cons of the room as well.</span> <span id="6" class="summary-sentence">The breakfast was okay enough but the coffee from a machine was quite unpleasant.</span> <span id="7" class="summary-sentence">There is free WiFi here at the hotel and a great gym .</span> <span id="8" class="summary-sentence">The pool looks a bit different than pictures provided online and was on the smaller side therefore crowded.</span> <span id="9" class="summary-sentence">Overall though it is worth the money charged.</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_cont-summ_112.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 hotel is situated at around 10 min by cab from the center (barrio gotico). Must be max 10 years old. Can be reached also by tram or metro. <span class='review-span highlight' data-aligned-summaries='0 3'>Rooms are clean</span>,<span class='review-span highlight' data-aligned-summaries='3'> beds a bit hard</span>. Bar is OK and the patio too but mostly in the shadom in the evening. <span class='review-span highlight' data-aligned-summaries='0 3'>Rooms that had a sea view don't have it anymore</span> (see previous reviews). <span class='review-span highlight' data-aligned-summaries='2'>A bit expensive for the location</span> and the lack of view (<span class='review-span highlight' data-aligned-summaries='4'>my room had a view on a skeleton building</span> (crisis, what crisis?) on the side of the hotel, not charming at all). The pool on the 17th is not heated, so quite difficult to swim at this time of the year, <span class='review-span highlight' data-aligned-summaries='4'>nice view on the utility building</span> on the other side and on the sea and beach, plus power plant for the rest.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='4'>The rooms</span> and prices <span class='review-span highlight' data-aligned-summaries='4'>looked good</span> and the pool looked attractive <span class='review-span highlight' data-aligned-summaries='4'>online, however the reality was different</span>. <span class='review-span highlight' data-aligned-summaries='3'>I booked a family room which is really 2 separate bedrooms next to each other behind another door for privacy which was meant to lock but didn't.</span> <span class='review-span highlight' data-aligned-summaries='3 4'>My kids room smelt like someone had smoked 100 cigarettes in it</span> <span class='review-span highlight' data-aligned-summaries='3'>and had drugs and booze on the table when we checked in.</span> <span class='review-span highlight' data-aligned-summaries='3 4'>They cleaned but the smell didn't go away for all 3 days</span> <span class='review-span highlight' data-aligned-summaries='3'>and</span> <span class='review-span highlight' data-aligned-summaries='3 5'>they would not change the rooms</span>. <span class='review-span highlight' data-aligned-summaries='7'>The pool is</span> tiny and <span class='review-span highlight' data-aligned-summaries='7'>over crowded</span> with hardly any beds to lie on which is quite difficult with kids in a very hot city. Well done for offering free WiFi but making people check into your Facebook page every time is very irritating. Overall it is good value but it is most suited to weekend getaways for young party couples or mates.</div><div class='text-box'>I stayed in the diagonal zero for 4 nights while attending a congress. <span class='review-span highlight' data-aligned-summaries='0'>The area near the hotel is not nice</span>, however, the metro station is nearby and you can visit the centre in a few minutes <span class='review-span highlight' data-aligned-summaries='3 4'>The</span> <span class='review-span highlight' data-aligned-summaries='0 3 4'>rooms are spacious</span>, mattress is moderate, <span class='review-span highlight' data-aligned-summaries='3 4'>views are poor</span>. The decoration is modern but on the poor side. <span class='review-span highlight' data-aligned-summaries='6'>Breakfast was ok</span>, but i consider it unacceptable to drink disgusting coffee from a machine in a 4 star hotel.it shows lack of respect for the client. <span class='review-span highlight' data-aligned-summaries='5'>The Personnel was very polite</span>. <span class='review-span highlight' data-aligned-summaries='7'>There is a very good gym in the hotel</span> and free wifi which is very important.</div><div class='text-box'>We only stayed one night but had most of 2 days sightseeing in Barcelona with fairly grown up family in 2 bedrooms. Hotel happy to look after our luggage. <span class='review-span highlight' data-aligned-summaries='2'>Perhaps in an area a bit far from the character of Barcelona</span>, but very convenient for tram and subway. Also large shopping centre close by with lots of dining choice. <span class='review-span highlight' data-aligned-summaries='7'>Pool a bit crowded as our trip was in the heat of August</span> and slightly disappointing that they charged for towel use. <span class='review-span highlight' data-aligned-summaries='5'>Very helpful porter showed us control panel for lights/aircon etc</span> - all very hi-tech.</div><div class='text-box'>Recently stayed here and was <span class='review-span highlight' data-aligned-summaries='0'>very impressed with this hotel</span>. <span class='review-span highlight' data-aligned-summaries='5'>Friendly staff</span>, <span class='review-span highlight' data-aligned-summaries='3'>good clean rooms and quiet</span> so sleep no problem. <span class='review-span highlight' data-aligned-summaries='1'>The beach is with 10 mins walking distance from the hotel</span> and <span class='review-span highlight' data-aligned-summaries='1'>5 mins walk from a great shopping mall Diagonal Mar where there are lots of great restaurants</span>. The metro is a 2 min walk and a 10 min journey or 6 stops to the centre of the city with no changes. We loved it!</div><div class='text-box'>I stay for 3 nights in a business trip, <span class='review-span highlight' data-aligned-summaries='0'>the hotel is beautiful and the room was suburb</span>. Its far from the city town but <span class='review-span highlight' data-aligned-summaries='1'>have the beach nearby</span> and a subway station pretty close. For sure I will come back again</div><div class='text-box'>We stayed for five nights at this hotel for a conference. By the end <span class='review-span highlight' data-aligned-summaries='0'>we couldn't wait to leave</span> due to the <span class='review-span highlight' data-aligned-summaries='6'>monotonous breakfast</span>, <span class='review-span highlight' data-aligned-summaries='3'>below par cleanliness, and cold decor</span>.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>Wonderful hotel</span> just a short metro ride away from Barcelona attractions, with gorgeous rooftop pool. Excellent customer service.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">This hotel provides a really impressive stay.</span> <span id="1" class="summary-sentence">The hotel is located within ten minutes walk from the beach and around five minutes away from a shopping mall and restaurants.</span> <span id="2" class="summary-sentence">The hotel is a little expensive for the location as it is not in the centre of Barcelona.</span> <span id="3" class="summary-sentence">The rooms are very unsatisfactory for the most part.</span> <span id="4" class="summary-sentence">Some are spacious but views are less than great, the room smelled of cigarettes and the representation of the rooms online was not accurate.</span> <span id="5" class="summary-sentence">The staff were polite and helpful but also really friendly and approachable when requiring help with any issues.</span> <span id="6" class="summary-sentence">The breakfast was okay but not much selection.</span> <span id="7" class="summary-sentence">The hotel's pool can be a bit crowded at times but the gym facilities are excellent.</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_cont-summ_113.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 hotel is situated at around 10 min by cab from the center (barrio gotico). Must be max 10 years old. <span class='review-span highlight' data-aligned-summaries='1'>Can be reached also by tram</span> or metro. <span class='review-span highlight' data-aligned-summaries='3'>Rooms are clean</span>, <span class='review-span highlight' data-aligned-summaries='3'>beds a bit hard</span>. Bar is OK and the patio too but mostly in the shadom in the evening. Rooms that had a sea view don't have it anymore (see previous reviews). A bit expensive for the location and the lack of view (my room had a view on a skeleton building (crisis, what crisis?) on the side of the hotel, not charming at all). <span class='review-span highlight' data-aligned-summaries='0'>The pool on the 17th is not heated</span>, so quite difficult to swim at this time of the year, <span class='review-span highlight' data-aligned-summaries='0'>nice view on the utility building on the other side</span> and on the sea and beach, plus power plant for the rest.</div><div class='text-box'>The rooms and prices looked good and the pool looked attractive online, however the reality was different. I booked a family room which is really 2 separate bedrooms next to each other behind another door for privacy which was meant to lock but didn't. <span class='review-span highlight' data-aligned-summaries='4'>My kids room smelt like someone had smoked 100 cigarettes in it</span> and had drugs and booze on the table when we checked in. <span class='review-span highlight' data-aligned-summaries='4'>They cleaned but the smell didn't go away for all 3 days</span> and <span class='review-span highlight' data-aligned-summaries='5'>they would not change the rooms</span>. The pool is tiny and over crowded with hardly any beds to lie on which is quite difficult with kids in a very hot city. <span class='review-span highlight' data-aligned-summaries='7'>Well done for offering free WiFi but making people check into your Facebook page every time is very irritating</span>. Overall it is good value but it is most suited to weekend getaways for young party couples or mates.</div><div class='text-box'>I stayed in the diagonal zero for 4 nights while attending a congress. <span class='review-span highlight' data-aligned-summaries='0'>The area near the hotel is not nice</span>, however, <span class='review-span highlight' data-aligned-summaries='1'>the metro station is nearby</span> and you can visit the centre in a few minutes The <span class='review-span highlight' data-aligned-summaries='3'>rooms are spacious</span>, <span class='review-span highlight' data-aligned-summaries='3'>mattress is moderate</span>, <span class='review-span highlight' data-aligned-summaries='0 3 4'>views are poor</span>. The decoration is modern but on the poor side. Breakfast was ok, but <span class='review-span highlight' data-aligned-summaries='6'>i consider it unacceptable to drink disgusting coffee from a machine</span> in a 4 star hotel.it shows lack of respect for the client. The Personnel was very polite. <span class='review-span highlight' data-aligned-summaries='9'>There is a very good gym in the hotel</span> and <span class='review-span highlight' data-aligned-summaries='7'>free wifi</span> which is very important.</div><div class='text-box'>We only stayed one night but had most of 2 days sightseeing in Barcelona with fairly grown up family in 2 bedrooms. Hotel happy to look after our luggage. <span class='review-span highlight' data-aligned-summaries='1'>Perhaps in an area a bit far from the character of Barcelona, but very convenient for tram and subway</span>. <span class='review-span highlight' data-aligned-summaries='2'>Also large shopping centre close by with lots of dining choice</span>. <span class='review-span highlight' data-aligned-summaries='8'>Pool</span> a bit crowded as our trip was in the heat of August and slightly disappointing that they <span class='review-span highlight' data-aligned-summaries='8'>charged for towel use</span>. <span class='review-span highlight' data-aligned-summaries='5'>Very helpful porter</span> showed us control panel for lights/aircon etc - all very hi-tech.</div><div class='text-box'>Recently stayed here and was very impressed with this hotel. <span class='review-span highlight' data-aligned-summaries='0 5'>Friendly staff</span>, <span class='review-span highlight' data-aligned-summaries='0 3'>good clean rooms</span> and quiet so sleep no problem. <span class='review-span highlight' data-aligned-summaries='2'>The beach is with 10 mins walking distance from the hotel</span> and <span class='review-span highlight' data-aligned-summaries='2'>5 mins walk from a great shopping mall Diagonal Mar where there are lots of great restaurants</span>. The metro is a 2 min walk and a 10 min journey or 6 stops to the centre of the city with no changes. We loved it!</div><div class='text-box'>I stay for 3 nights in a business trip, the hotel is beautiful and <span class='review-span highlight' data-aligned-summaries='3'>the room was suburb</span>. Its <span class='review-span highlight' data-aligned-summaries='1'>far from the city town</span> but <span class='review-span highlight' data-aligned-summaries='1 2'>have the</span> <span class='review-span highlight' data-aligned-summaries='2'>beach nearby</span> and a <span class='review-span highlight' data-aligned-summaries='1'>subway station pretty close</span>. For sure I will come back again</div><div class='text-box'>We stayed for five nights at this hotel for a conference. By the end we could<span class='review-span highlight' data-aligned-summaries='0'>n't wait to leave</span> due to the <span class='review-span highlight' data-aligned-summaries='6'>monotonous breakfast</span>, <span class='review-span highlight' data-aligned-summaries='0'>below par cleanliness, and cold decor</span>.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>Wonderful hotel</span> <span class='review-span highlight' data-aligned-summaries='1'>just a short metro ride away from Barcelona attractions</span>, with gorgeous rooftop pool. <span class='review-span highlight' data-aligned-summaries='5'>Excellent customer service</span>.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">A very pleasant hotel to stay at, especially if visiting on business for a conference as many are held here.</span> <span id="1" class="summary-sentence">The location is convenient for the tram and subway but far from the character areas of Barcelona.</span> <span id="2" class="summary-sentence">But shopping and dining is close by and there is a beach within a 10-minute walk away.</span> <span id="3" class="summary-sentence">Average rooms at this hotel, that are spacious and reasonably comfortable.</span> <span id="4" class="summary-sentence">However, it noticeably smelt of cigarette smoke which wouldn't disappear, and the supposed sea views are quite poor.</span> <span id="5" class="summary-sentence">The staff at the hotel were all very helpful and friendly.</span> <span id="6" class="summary-sentence">breakfast was notable only in that it was monotonous and the coffee was from a machine.</span> <span id="7" class="summary-sentence">This hotel offers free WiFi as long as you check into their Facebook page each time you sign on.</span> <span id="8" class="summary-sentence">Also, there is a charge for towels at the pool but not a lot of room to sit.</span> <span id="9" class="summary-sentence">The hotel does have a good gym though.</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_cont-summ_114.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 was lucky enough to be able to accompany my husband on a business trip to the Gaylord Palms Resort. We were thrilled from beginning to end. We pulled up to the magnificent resort and were delighted at the front desk with warm welcomes and friendly personalities from all. The front desk engaged us both in conversation and gave many tips on how I could enjoy the resort while my husband was working. Our room in the Emeral Bay section of <span class='review-span highlight' data-aligned-summaries='1 4'>the hotel was very clean</span> and <span class='review-span highlight' data-aligned-summaries='4'>whenever we needed anything (toiletries, turn down service, directions) we dialed #88 on our room phone and were connected to friendly staff</span> with all the answers! <span class='review-span highlight' data-aligned-summaries='0 2'>I explored</span> <span class='review-span highlight' data-aligned-summaries='2'>resturants</span>, <span class='review-span highlight' data-aligned-summaries='0'>the spa, and the pools and truly enjoyed my relaxing few days at this resort</span>. I recommended this hotel to couples, families, business travelers, and soloists.</div><div class='text-box'>We loved the hotel and the grounds. We got an incredible deal on hotwire, so we couldn't beat the value. The service was excellent. We were traveling with two small children and they were very accomodating. <span class='review-span highlight' data-aligned-summaries='5'>The only complaint was that the food was very expensive</span>. We were not traveling on an expense account and we had failed to rent a car, so our dining options were limited to the Resort. <span class='review-span highlight' data-aligned-summaries='5'>A simple continental breakfast cost us over $8-too much to spend on a bowl of cereal and a banana for a two year old</span>. The restaurants were very expensive and we wound up ordering in pizza one night. But if you're on an expense account or have a car to get to the store (each room has a refrigerator) or to other dining options, this is a fantastic place to stay.</div><div class='text-box'>I have stayed at the gaylord Palms for the past couple of years for a yearly convention . I love this place and the friendly service we receive while there . I'm sure <span class='review-span highlight' data-aligned-summaries='6'>the prices are higher than other hotels</span> , <span class='review-span highlight' data-aligned-summaries='6'>but I feel we get what we pay for</span> . <span class='review-span highlight' data-aligned-summaries='5'>I do think the boat could be a little better as far as the food they serve</span> . etc. . I look forward to this as a weekend spot every year for my convention and while I am only an hour away after the weekend we feel like we have had a mini vacation . I wouldn't change one thing about my stay except that I would love to be able to stay a week . I look forward to this years convention and the fun times my kids will have</div><div class='text-box'>Most rooms overlook an interior, glass covered courtyard which reminded me of the habitats you see at the zoo. If you are the spouse of a convention goer, you are trapped there. <span class='review-span highlight' data-aligned-summaries='0'>There is nothing to do but sit at the pool</span> or work out if you don't want to go to Disney World. <span class='review-span highlight' data-aligned-summaries='0'>Even the chairs and benches are uncomfortable and designed to make you move on</span>. I longed to find a window and look out at the real world.</div><div class='text-box'>The Shrek the Halls display was very cool (no pun intended). It's quite chilly, but very <span class='review-span highlight' data-aligned-summaries='1'>neat to see all the figures made of ice</span>. <span class='review-span highlight' data-aligned-summaries='5'>The ICE attraction with the snow was very simple</span>. Young children that have never seen snow would appreciate it,but that's about it. Our 9 year old was very bored. Thought <span class='review-span highlight' data-aligned-summaries='5 6'>the prices were quite expensive</span>. Plus it's $13 to park.ugh!</div><div class='text-box'>Our 1 bedroom suite was spectacular! <span class='review-span highlight' data-aligned-summaries='3'>Large bedroom and living room each with flat screen in HD</span>. Wifi throughout the facility. <span class='review-span highlight' data-aligned-summaries='1 4'>Very clean resort</span>. <span class='review-span highlight' data-aligned-summaries='6'>Beautiful atriums with fish, alligators etc</span>. Daily feedings with question and answer periods. <span class='review-span highlight' data-aligned-summaries='2'>Many restaurants and bars located within</span>. Only minutes from Disney. Golf nearby at Celebration with preferred rates when booked through the concierge. Nothing bad to say at all</div><div class='text-box'>Brought my mother to celebrate her b-day. <span class='review-span highlight' data-aligned-summaries='2'>Both restaurants where we dined were very good</span> - cannot say enough great things about Old Hickory. The steak was one of the best I've had. The massage was terrific and you <span class='review-span highlight' data-aligned-summaries='4'>must wear their most comfortable robe</span> back to your room. Highly recommend this hotel and would definitley stay there again.</div><div class='text-box'>Visited the Gaylord Palms this past weekend and was definitely impressed. <span class='review-span highlight' data-aligned-summaries='1 4'>Rooms extremely clean</span>, staff very helpful, check-in was speedy, and activities to keep my son occupied for awhile. I definitely will be visiting again. Beautiful hotel, great staff and great location.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">The hotel had a spa and pools that made it a relaxing time during the stay.</span> <span id="1" class="summary-sentence">The hotel was clean and there were also figures made of ice to see.</span> <span id="2" class="summary-sentence">The hotel is ideally located to explore local restaurants and bars in the area.</span> <span id="3" class="summary-sentence">The room was large and featured a flat-screen high-definition television.</span> <span id="4" class="summary-sentence">The hotel room was always very clean and toiletries were always provided upon asking.</span> <span id="5" class="summary-sentence">The price of the food is quite off-putting and they could improve what they offer.</span> <span id="6" class="summary-sentence">Despite being fairly pricey there were really stunning atria with various wildlife to see.</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_cont-summ_115.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 was lucky enough to be able to accompany my husband on a business trip to the Gaylord Palms Resort. We were thrilled from beginning to end. We pulled up to the magnificent resort and were delighted at the front desk with warm welcomes and friendly personalities from all. The front desk engaged us both in conversation and gave many tips on how I could enjoy the resort while my husband was working. <span class='review-span highlight' data-aligned-summaries='1'>Our room in the Emeral Bay section of</span> <span class='review-span highlight' data-aligned-summaries='0 1'>the hotel was very clean</span> and whenever we needed anything (toiletries, turn down service, directions) we dialed #88 on our room phone and were connected to friendly staff with all the answers! <span class='review-span highlight' data-aligned-summaries='0'>I explored</span> resturants, <span class='review-span highlight' data-aligned-summaries='0'>the spa</span>, and <span class='review-span highlight' data-aligned-summaries='0'>the pools</span> and truly <span class='review-span highlight' data-aligned-summaries='0'>enjoyed my relaxing few days</span> at this resort. I recommended this hotel to couples, families, business travelers, and soloists.</div><div class='text-box'>We loved the hotel and the grounds. We got an incredible deal on hotwire, so we couldn't beat the value. The service was excellent. We were traveling with two small children and they were very accomodating. The only complaint was that <span class='review-span highlight' data-aligned-summaries='3'>the food was very expensive</span>. We were not traveling on an expense account and we had failed to rent a car, so our dining options were limited to the Resort. A simple continental breakfast cost us over $8-too much to spend on a bowl of cereal and a banana for a two year old. <span class='review-span highlight' data-aligned-summaries='3'>The restaurants were very expensive</span> and we wound up ordering in pizza one night. But if you're on an expense account or have a car to get to the store (each room has a refrigerator) or to other dining options, this is a fantastic place to stay.</div><div class='text-box'>I have stayed at the gaylord Palms for the past couple of years for a yearly convention . I love this place and the friendly service we receive while there . I'm sure the prices are higher than other hotels , but <span class='review-span highlight' data-aligned-summaries='3'>I feel we get what we pay for</span> . <span class='review-span highlight' data-aligned-summaries='3'>I do think the boat could be a little better as far as the food</span> they serve . etc. . I look forward to this as a weekend spot every year for my convention and while I am only an hour away after the weekend we feel like we have had a mini vacation . I wouldn't change one thing about my stay except that I would love to be able to stay a week . I look forward to this years convention and the fun times my kids will have</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='2'>Most rooms overlook an interior, glass covered courtyard</span> which reminded me of the habitats you see at the zoo. If you are the spouse of a convention goer, you are trapped there. There is nothing to do but sit at the pool or work out if you don't want to go to Disney World. Even the chairs and benches are uncomfortable and designed to make you move on. I longed to find a window and look out at the real world.</div><div class='text-box'>The Shrek the Halls display was very cool (no pun intended). It's quite chilly, but very neat to see all the figures made of ice. The ICE attraction with the snow was very simple. Young children that have never seen snow would appreciate it,but that's about it. Our 9 year old was very bored. Thought the <span class='review-span highlight' data-aligned-summaries='3'>prices were quite expensive</span>. Plus it's $13 to park.ugh!</div><div class='text-box'>Our 1 bedroom suite was spectacular! <span class='review-span highlight' data-aligned-summaries='2'>Large bedroom</span> and living room each with flat screen in HD. Wifi throughout the facility. <span class='review-span highlight' data-aligned-summaries='0'>Very clean resort</span>. <span class='review-span highlight' data-aligned-summaries='4'>Beautiful atriums with fish, alligators</span> etc. Daily feedings with question and answer periods. Many restaurants and bars located within. Only minutes from Disney. Golf nearby at Celebration with preferred rates when booked through the concierge. Nothing bad to say at all</div><div class='text-box'>Brought my mother to celebrate her b-day. Both restaurants where we dined were very good - <span class='review-span highlight' data-aligned-summaries='3'>cannot say enough great things about Old Hickory</span>. The <span class='review-span highlight' data-aligned-summaries='3'>steak was one of the best I've had</span>. The <span class='review-span highlight' data-aligned-summaries='0'>massage was terrific</span> and you must wear their most comfortable robe back to your room. <span class='review-span highlight' data-aligned-summaries='0'>Highly recommend this hotel</span> and would definitley stay there again.</div><div class='text-box'>Visited the Gaylord Palms this past weekend and was definitely impressed. <span class='review-span highlight' data-aligned-summaries='0 1'>Rooms extremely clean</span>, staff very helpful, check-in was speedy, and activities to keep my son occupied for awhile. I definitely will be visiting again. Beautiful hotel, great staff and great location.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">A few days isn't enough at this hotel because it's so relaxing, clean, and there is a spa and multiple pools to explore.</span> <span id="1" class="summary-sentence">The rooms in the Emerald Bay section of the hotel were very clean and all items were well stocked in the room.</span> <span id="2" class="summary-sentence">The bedrooms are large too and some overlook a courtyard separated by a glass covered interior.</span> <span id="3" class="summary-sentence">The hotel's food can be a little on the expensive side and the quality could have been greater.</span> <span id="4" class="summary-sentence">The hotel had picturesque atriums with alligators, various fish and other species.</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_cont-summ_116.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 was lucky enough to be able to accompany my husband on a business trip to the Gaylord Palms Resort. We were thrilled from beginning to end. We pulled up to the magnificent resort and were delighted at the front desk with warm welcomes and friendly personalities from all. The front desk engaged us both in conversation and gave many tips on how I could enjoy <span class='review-span highlight' data-aligned-summaries='0'>the resort</span> while my husband was working. Our room in the Emeral Bay section of the hotel <span class='review-span highlight' data-aligned-summaries='0'>was very clean</span> and whenever we needed anything (toiletries, turn down service, directions) we dialed #88 on our room phone and were connected to friendly staff with all the answers! <span class='review-span highlight' data-aligned-summaries='0'>I</span> explored <span class='review-span highlight' data-aligned-summaries='0'>resturants</span>, the <span class='review-span highlight' data-aligned-summaries='0'>spa</span>, and the <span class='review-span highlight' data-aligned-summaries='0'>pools</span> and <span class='review-span highlight' data-aligned-summaries='0'>truly enjoyed my relaxing few days at this resort</span>. I recommended this hotel to couples, families, business travelers, and soloists.</div><div class='text-box'>We loved the hotel and the grounds. We got an incredible deal on hotwire, so we couldn't beat the value. The service was excellent. We were traveling with two small children and they were very accomodating. The only complaint was that <span class='review-span highlight' data-aligned-summaries='4'>the food was very expensive</span>. We were not traveling on an expense account and we had failed to rent a car, so our dining options were limited to the Resort. <span class='review-span highlight' data-aligned-summaries='4 6'>A simple continental breakfast cost us over $8-too much</span> <span class='review-span highlight' data-aligned-summaries='6'>to spend on a bowl of cereal and a banana</span> for a two year old. <span class='review-span highlight' data-aligned-summaries='0'>The restaurants were very expensive</span> and we wound up ordering in pizza one night. But if you're on an expense account or have a car to get to the store (<span class='review-span highlight' data-aligned-summaries='2'>each room has a refrigerator</span>) or to other dining options, this is a fantastic place to stay.</div><div class='text-box'>I have stayed at the gaylord Palms for the past couple of years for a yearly convention . I love this place and the friendly service we receive while there . I'm sure <span class='review-span highlight' data-aligned-summaries='5'>the prices are higher than other hotels</span> , but <span class='review-span highlight' data-aligned-summaries='6'>I feel</span> <span class='review-span highlight' data-aligned-summaries='4 6'>we get what we pay for</span> <span class='review-span highlight' data-aligned-summaries='4'>. I do think the boat could be a little better as far as the food</span> they serve . etc. . I look forward to this as a weekend spot every year for my convention and while I am only an hour away after the weekend we feel like we have had a mini vacation . I wouldn't change one thing about my stay except that I would love to be able to stay a week . I look forward to this years convention and the fun times my kids will have</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='2'>Most rooms overlook an interior, glass covered courtyard</span> which reminded me of the habitats you see at the zoo. If you are the spouse of a convention goer, you are trapped there. <span class='review-span highlight' data-aligned-summaries='0'>There is nothing to do but sit at the pool</span> or work out if you don't want to go to Disney World. Even the chairs and benches are uncomfortable and designed to make you move on. <span class='review-span highlight' data-aligned-summaries='2'>I longed to find a window and look out at the real world</span>.</div><div class='text-box'>The Shrek the Halls display was very cool (no pun intended). It's quite chilly, but very <span class='review-span highlight' data-aligned-summaries='1'>neat to see all the figures made of ice</span>. The ICE attraction with the snow was very simple. Young children that have never seen snow would appreciate it,but that's about it. Our 9 year old was very bored. <span class='review-span highlight' data-aligned-summaries='4 5'>Thought the prices were quite expensive</span>. Plus it's $13 to park.ugh!</div><div class='text-box'>Our 1 bedroom suite was spectacular! <span class='review-span highlight' data-aligned-summaries='3'>Large bedroom and living room each with flat screen in HD</span>. Wifi throughout the facility. <span class='review-span highlight' data-aligned-summaries='0'>Very clean resort</span>. <span class='review-span highlight' data-aligned-summaries='7'>Beautiful atriums with fish, alligators etc</span>. Daily feedings with question and answer periods. <span class='review-span highlight' data-aligned-summaries='0'>Many restaurants</span> and bars located within. Only minutes from Disney. Golf nearby at Celebration with preferred rates when booked through the concierge. Nothing bad to say at all</div><div class='text-box'>Brought my mother to celebrate her b-day. <span class='review-span highlight' data-aligned-summaries='0'>Both restaurants</span> where we dined <span class='review-span highlight' data-aligned-summaries='0'>were</span> very <span class='review-span highlight' data-aligned-summaries='0'>good</span> - cannot say enough great things about Old Hickory. The steak was one of the best I've had. The massage was terrific and you must wear their most comfortable robe back to your room. Highly recommend this hotel and would definitley stay there again.</div><div class='text-box'>Visited the Gaylord Palms this past weekend and was definitely impressed. <span class='review-span highlight' data-aligned-summaries='0'>Rooms extremely clean</span>, staff very helpful, check-in was speedy, and activities to keep my son occupied for awhile. I definitely will be visiting again. Beautiful hotel, great staff and great location.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">This is a very clean resort with restaurants, a spa and pools to enjoy and relax with over a few days or even a week.</span> <span id="1" class="summary-sentence">It even offered a display of ice figures.</span> <span id="2" class="summary-sentence">The rooms each have a refrigerator and are very clean and even overlook an interior glass-covered courtyard but not out beyond the hotel.</span> <span id="3" class="summary-sentence">The rooms have a large bedroom and living room area with flat-screen HD TV.</span> <span id="4" class="summary-sentence">The food at this hotel is particularly expensive, especially for the quality that they are providing.</span> <span id="5" class="summary-sentence">The hotel's prices for a room are quite expensive than other hotels in the area.</span> <span id="6" class="summary-sentence">However, it does seem that you get what you pay for with this hotel.</span> <span id="7" class="summary-sentence">There are also lovely features in the hotel, including a beautiful atrium with fish and alligators 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_cont-summ_117.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 were originally due to stay for 10 nights and we booked for three people - my teenager daughter and her friend and myself. On arrival in the room <span class='review-span highlight' data-aligned-summaries='3'>the beds were very small double beds and only two of them</span> - I spoke to the manager who said that all the rooms were exactly the same (untrue) and that for an extra $10 we could have a rollaway bed. <span class='review-span highlight' data-aligned-summaries='3'>The rooms are far too small for more than two people</span>. The site is not well maintained and the pool not clean. We were then stranded due to the volcano and having enquired about staying for an additional five nights <span class='review-span highlight' data-aligned-summaries='0 6'>was told that we could have a special price of $39 per night</span> <span class='review-span highlight' data-aligned-summaries='6'>- only to find out on the website for the hotel</span> <span class='review-span highlight' data-aligned-summaries='3 6'>that the cost</span> <span class='review-span highlight' data-aligned-summaries='3'>for that period of time</span> <span class='review-span highlight' data-aligned-summaries='3 6'>would be $32 per night</span>. <span class='review-span highlight' data-aligned-summaries='0'>Scammed! I would not recommend this hotel to anyone</span> - there are far better places to stay which are closer to the amenities.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>This is the second time we have stayed at this hotel and both times have been totally trouble free</span>. We stayed for 10 nights and had no problems. <span class='review-span highlight' data-aligned-summaries='4'>The room was clean and was cleaned every day, towels and bed sheets changed we came back every day to a spotless room</span>. We only seen reception staff to check in and out but they seemed friendly enough and <span class='review-span highlight' data-aligned-summaries='6'>there were no additional charges over what we paid when we booked</span>. <span class='review-span highlight' data-aligned-summaries='1'>The location is exellent</span>, took <span class='review-span highlight' data-aligned-summaries='1'>about 10 mins to get to disney</span> and <span class='review-span highlight' data-aligned-summaries='1'>about 20 mins to Universal and Seaworld</span>. <span class='review-span highlight' data-aligned-summaries='4'>Aircon</span> and tv <span class='review-span highlight' data-aligned-summaries='4'>worked well</span> and there was always a parking space outside our room despite the hotel being quite busy over spring break. I will definatly stay here again if back in Orlando :)</div><div class='text-box'>The "Hotel" is actually like something straight out of My Name is Earl. <span class='review-span highlight' data-aligned-summaries='3'>Filthy carpets,</span> <span class='review-span highlight' data-aligned-summaries='0 3'>bugs</span> <span class='review-span highlight' data-aligned-summaries='0'>in the refridgerator and</span> <span class='review-span highlight' data-aligned-summaries='0 3'>all over the room</span>. <span class='review-span highlight' data-aligned-summaries='6'>Horrendously misrepresented by the pictures on the website</span>, <span class='review-span highlight' data-aligned-summaries='6'>the bbq area and lagoon are disgraceful</span>. <span class='review-span highlight' data-aligned-summaries='3'>I paid for 2 star Quality</span>, but <span class='review-span highlight' data-aligned-summaries='0'>would never stay here, recommend it, etc</span>. In fairness the <span class='review-span highlight' data-aligned-summaries='0'>staff are very friendly and all issues raised were dealt with</span>, they seem to know with the quality of their resort, they HAVE to provide good service. <span class='review-span highlight' data-aligned-summaries='5'>Bar is very reasonable, with Long Island Iced tea recommended</span>. My honest advice, not even worth the small amount paid, I will never stay here again, you have been warned!</div><div class='text-box'>Is a nice hotel with many amenities, <span class='review-span highlight' data-aligned-summaries='0'>room service was excellent</span>. The shuttle was not so confy, because run for 3 hotels, but Champions is the first so you can have a seat haha. If you have a car, fine, because if you don't have a car you don't have many alternatives to eat. <span class='review-span highlight' data-aligned-summaries='0'>I like this hotel and really recomend it</span>. <span class='review-span highlight' data-aligned-summaries='2'>This hotel is near to a Chinese buffett, Dominos Pizza, Pizza Hut</span>, Walgreens, <span class='review-span highlight' data-aligned-summaries='2'>McDonalds</span>.</div><div class='text-box'>This is <span class='review-span highlight' data-aligned-summaries='0'>one of my favorite hotels in Kissimmee</span>. It is a Instead super comfortable, accessible parks and disney all the best places you can eat in your vacation. The attention is very satisfactory. I have two Sometimes visiting this hotel and will not be the last. since its price and <span class='review-span highlight' data-aligned-summaries='3'>the comfort of your rooms make your stay a very welcoming</span>.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>I had a lovey stay</span>. <span class='review-span highlight' data-aligned-summaries='0'>The resort is a value</span>, and taking the back road on Sherberth, <span class='review-span highlight' data-aligned-summaries='1'>I traveled to Disney in 6 minutes</span>. The staff is warm and attentive. I felt like I was at home with family.</div><div class='text-box'>Champions World Resort was exactly what we were looking for. A brief relaxing weekend near Orlando Fl. <span class='review-span highlight' data-aligned-summaries='4'>The rooms were nice and clean</span>, and the hotel staff was very responsive and attentive to our needs. <span class='review-span highlight' data-aligned-summaries='0'>I highly recommend this resort.</span></div><div class='text-box'>We stay here every year. I like the hotel, its clean, <span class='review-span highlight' data-aligned-summaries='0'>the employees are very nice and the prices are great</span>. <span class='review-span highlight' data-aligned-summaries='0'>I will continue to stay here</span>!</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">There were no issues at this hotel and would recommend it to anyone.</span> <span id="1" class="summary-sentence">The hotel is situated in a great location only 10 minutes from Disney and 20 minutes from Universal Studios and Seaworld.</span> <span id="2" class="summary-sentence">The hotel is also close to a selection of restaurants.</span> <span id="3" class="summary-sentence">The rooms of the hotel are comfortable and affordable, but not big enough for more than two people.</span> <span id="4" class="summary-sentence">The air conditioning works well but the rooms can be unclean.</span><span id="5" class="summary-sentence">The bar at the hotel is really reasonable and serves a really good Long Island iced tea.</span> <span id="6" class="summary-sentence">There is a lot of misrepresentation between the website and reality because the price in person ended up being more expensive than booking online, and the barbecue and lagoon areas were really not up to standard.</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_cont-summ_118.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 were originally due to stay for 10 nights and we booked for three people - my teenager daughter and her friend and myself. On arrival in the room the beds were very small double beds and only two of them - I spoke to the manager who said that all the rooms were exactly the same (untrue) and that for an extra $10 we could have a rollaway bed. <span class='review-span highlight' data-aligned-summaries='2'>The rooms are far too small for more than two people</span>. The site is not well maintained and the pool not clean. <span class='review-span highlight' data-aligned-summaries='0'>We</span> were then stranded due to the volcano and having <span class='review-span highlight' data-aligned-summaries='0'>enquired about staying for an additional five nights was told that we could have a special price of $39 per night - only to find out on the website for the hotel that the cost for that period of time would be $32 per night. Scammed! I would not recommend this hotel to anyone</span> - <span class='review-span highlight' data-aligned-summaries='1'>there are far better places to stay which are closer to the amenities</span>.</div><div class='text-box'>This is the second time <span class='review-span highlight' data-aligned-summaries='0'>we have stayed at this hotel</span> and both times have been totally <span class='review-span highlight' data-aligned-summaries='0'>trouble free</span>. We stayed for 10 nights and had no problems. The room was clean and was cleaned every day, towels and bed sheets changed we came back every day to a spotless room. We only seen reception staff to check in and out but they seemed friendly enough and there were no additional charges over what we paid when we booked. <span class='review-span highlight' data-aligned-summaries='1'>The location is exellent</span>, <span class='review-span highlight' data-aligned-summaries='1'>took about 10 mins to get to disney and about 20 mins to Universal and Seaworld</span>. <span class='review-span highlight' data-aligned-summaries='4'>Aircon and tv worked well</span> and there was always a parking space outside our room despite the hotel being quite busy over spring break. <span class='review-span highlight' data-aligned-summaries='0'>I will definatly stay here again</span> if back in Orlando :)</div><div class='text-box'>The "Hotel" is actually like something straight out of My Name is Earl. <span class='review-span highlight' data-aligned-summaries='2'>Filthy carpets</span>, <span class='review-span highlight' data-aligned-summaries='3'>bugs in the refridgerator and all over the room</span>. <span class='review-span highlight' data-aligned-summaries='6'>Horrendously misrepresented by the pictures on the website</span>, <span class='review-span highlight' data-aligned-summaries='7'>the bbq area and lagoon are disgraceful</span>. I paid for 2 star Quality, but <span class='review-span highlight' data-aligned-summaries='0'>would never stay here, recommend it, etc</span>. In fairness the staff are very friendly and all issues raised were dealt with, they seem to know with the quality of their resort, they HAVE to provide good service. Bar is very reasonable, with <span class='review-span highlight' data-aligned-summaries='5'>Long Island Iced tea recommended</span>. My honest advice, not even worth the small amount paid, I will never stay here again, you have been warned!</div><div class='text-box'>Is a nice hotel with many amenities, <span class='review-span highlight' data-aligned-summaries='0'>room service was excellent</span>. The shuttle was not so confy, because run for 3 hotels, but Champions is the first so you can have a seat haha. If you have a car, fine, because if you don't have a car you don't have many alternatives to eat. <span class='review-span highlight' data-aligned-summaries='0'>I like this hotel and really recomend it</span>. <span class='review-span highlight' data-aligned-summaries='1'>This hotel is near to a Chinese buffett, Dominos Pizza, Pizza Hut, Walgreens, McDonalds</span>.</div><div class='text-box'>This is one of my favorite hotels in Kissimmee. It is a Instead super comfortable, <span class='review-span highlight' data-aligned-summaries='1'>accessible parks and disney all the best places you can eat</span> in your vacation. The <span class='review-span highlight' data-aligned-summaries='0'>attention is very satisfactory</span>. I have two Sometimes visiting this hotel and will not be the last. since its price and the comfort of your rooms make your stay a <span class='review-span highlight' data-aligned-summaries='0'>very welcoming</span>.</div><div class='text-box'>I had a lovey stay. The resort is a value, and taking the back road on Sherberth, <span class='review-span highlight' data-aligned-summaries='1'>I traveled to Disney in 6 minutes</span>. The staff is warm and attentive. I felt like I was at home with family.</div><div class='text-box'>Champions World Resort was exactly what we were looking for. A brief relaxing weekend near Orlando Fl. <span class='review-span highlight' data-aligned-summaries='2'>The rooms were nice and clean</span>, and the <span class='review-span highlight' data-aligned-summaries='0'>hotel staff was very responsive and attentive to our needs</span>. <span class='review-span highlight' data-aligned-summaries='0'>I highly recommend this resort</span>.</div><div class='text-box'>We stay here every year. <span class='review-span highlight' data-aligned-summaries='2 3'>I like the hotel, its clean</span>, the employees are very nice and the prices are great. I will continue to stay here!</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">This hotel is recommended and a trouble free place to stay.</span> <span id="1" class="summary-sentence">The location here is excellent and big attractions are a maximum of 20 minutes away.</span> <span id="2" class="summary-sentence">The rooms are quite small if more than two people stay here and the carpets weren't clean at all.</span> <span id="3" class="summary-sentence">Additionally to that there were bugs in the fridge and throughout the room.</span> <span id="4" class="summary-sentence">There was air-conditioning and a television in this room and that does make the stay a bit more welcoming.</span> <span id="5" class="summary-sentence">The drinks prices were acceptable and the Long Island Iced Tea was satisfactory.</span> <span id="6" class="summary-sentence">The pictures on the website were not an accurate representation of the hotel .</span> <span id="7" class="summary-sentence">The bbq and the lagoon are both below acceptable standards.</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_cont-summ_119.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 were originally due to stay for 10 nights and we booked for three people - my teenager daughter and her friend and myself. On arrival in the room the beds were very small double beds and only two of them - I spoke to the manager who said that all the rooms were exactly the same (untrue) and that for an extra $10 we could have a rollaway bed. <span class='review-span highlight' data-aligned-summaries='3'>The rooms are far too small for more than two people</span>. The site is not well maintained and the pool not clean. We were then stranded due to the volcano and having enquired about staying for an additional five nights was told that we could have a special price of $39 per night - only to find out on the website for the hotel that the cost for that period of time would be $32 per night. Scammed! I would not recommend this hotel to anyone - there are far better places to stay which are closer to the amenities.</div><div class='text-box'>This is the second time we have stayed at this hotel and both times have been totally trouble free. <span class='review-span highlight' data-aligned-summaries='0'>We stayed for 10 nights and had no problems</span>. The room was clean and was cleaned every day, towels and bed sheets changed we came back every day to <span class='review-span highlight' data-aligned-summaries='3'>a spotless room</span>. We only seen reception staff to check in and out but they seemed friendly enough and there were no additional charges over what we paid when we booked. <span class='review-span highlight' data-aligned-summaries='1'>The location is exellent, took about 10 mins to get to disney and about 20 mins to Universal and Seaworld</span>. <span class='review-span highlight' data-aligned-summaries='4'>Aircon and tv worked well</span> and <span class='review-span highlight' data-aligned-summaries='4'>there was always a parking space outside our room</span> despite the hotel being quite busy over spring break. I will definatly stay here again if back in Orlando :)</div><div class='text-box'>The "Hotel" is actually like something straight out of My Name is Earl. <span class='review-span highlight' data-aligned-summaries='3'>Filthy carpets</span>, <span class='review-span highlight' data-aligned-summaries='3'>bugs in the refridgerator</span> and all over the room. Horrendously misrepresented by the pictures on the website, the bbq area and lagoon are disgraceful. I paid for 2 star Quality, but <span class='review-span highlight' data-aligned-summaries='0'>would never stay here, recommend it, etc</span>. In fairness the staff are very friendly and all issues raised were dealt with, they seem to know with the quality of their resort, they HAVE to provide good service. Bar is very reasonable, with Long Island Iced tea recommended. My honest advice, not even worth the small amount paid, I will never stay here again, you have been warned!</div><div class='text-box'>Is a nice <span class='review-span highlight' data-aligned-summaries='0'>hotel with many amenities</span>, room service was excellent. The shuttle was not so confy, because run for 3 hotels, but Champions is the first so you can have a seat haha. If you have a car, fine, because if you don't have a car you don't have many alternatives to eat. I like this hotel and really recomend it. <span class='review-span highlight' data-aligned-summaries='2'>This hotel is near to</span> a Chinese buffett, <span class='review-span highlight' data-aligned-summaries='2'>Dominos Pizza, Pizza Hut</span>, Walgreens, <span class='review-span highlight' data-aligned-summaries='2'>McDonalds</span>.</div><div class='text-box'>This is one of my favorite hotels in Kissimmee. It is a Instead super comfortable, <span class='review-span highlight' data-aligned-summaries='1'>accessible parks and disney</span> <span class='review-span highlight' data-aligned-summaries='2'>all the best places you can eat</span> in your vacation. The attention is very satisfactory. I have two Sometimes visiting this hotel and will not be the last. since <span class='review-span highlight' data-aligned-summaries='0'>its price</span> and the comfort of your rooms <span class='review-span highlight' data-aligned-summaries='0'>make your stay a very welcoming.</span></div><div class='text-box'>I had a lovey stay. <span class='review-span highlight' data-aligned-summaries='0'>The resort is a value</span>, and taking the back road on Sherberth, <span class='review-span highlight' data-aligned-summaries='1'>I traveled to Disney in 6 minutes</span>. The staff is warm and attentive. I felt like I was at home with family.</div><div class='text-box'>Champions World Resort was exactly what we were looking for. A brief relaxing weekend near Orlando Fl. <span class='review-span highlight' data-aligned-summaries='3'>The</span> <span class='review-span highlight' data-aligned-summaries='0 3'>rooms were nice</span> <span class='review-span highlight' data-aligned-summaries='3'>and clean</span>, and <span class='review-span highlight' data-aligned-summaries='0'>the hotel staff was very responsive</span> and attentive to our needs. I highly recommend this resort.</div><div class='text-box'>We stay here every year. I like the hotel, <span class='review-span highlight' data-aligned-summaries='3'>its clean</span>, the employees are very nice and <span class='review-span highlight' data-aligned-summaries='0'>the prices are great</span>. I will continue to stay here!</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">The hotel is cheap but adequate for a short stay or long stay.</span> <span id="1" class="summary-sentence">This hotel is ideally located for some of the main tourist attractions such as Disney and Universal, which is very convenient.</span> <span id="2" class="summary-sentence">It is also perfectly central to some of the big chain restaurants, which is perfect after a busy day sightseeing in a busy area.</span> <span id="3" class="summary-sentence">The rooms are too small and there are bugs in the refrigerator and the carpets need a good clean.</span> <span id="4" class="summary-sentence">The positives were that both the TV and the aircon worked fine and there was plenty of parking.</span> <span id="5" class="summary-sentence">The BBQ and lagoon are represented differently, in a much more positive way in the pictures than what they actually are.</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_cont-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, <span class='review-span highlight' data-aligned-summaries='1'>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 <span class='review-span highlight' data-aligned-summaries='2'>large room</span> with high ceilings, <span class='review-span highlight' data-aligned-summaries='2'>clean</span> with good beds. The guys at the reception are friendly and funny. The breakfast was rich. <span class='review-span highlight' data-aligned-summaries='1'>The station of the grand canal "vaporetto" is very close by</span>, as is in fact the entire city center. Overall, <span class='review-span highlight' data-aligned-summaries='0'>a greate place to stay</span>, 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 the staff are very helpful. <span class='review-span highlight' data-aligned-summaries='0 1'>It is only a block from train station</span> 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. <span class='review-span highlight' data-aligned-summaries='4'>The lobby also has free wireless and you can borrow one of their laptops.</span></div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>Great hotel</span>, conveniently <span class='review-span highlight' data-aligned-summaries='0 1'>located near the train station</span>, no need to struggle with luggage on the boats. Easy to get to anywhere else. Staff were great and very helpful in all respects. Room was great, <span class='review-span highlight' data-aligned-summaries='2'>plenty of space</span> (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 1'>Great location close to the station</span> but <span class='review-span highlight' data-aligned-summaries='0'>still in a quiet backwater</span>. <span class='review-span highlight' data-aligned-summaries='0'>Perfect for exploring Venice</span>. <span class='review-span highlight' data-aligned-summaries='0'>Friendly and helpful staff</span> - the free map was very welcome! <span class='review-span highlight' data-aligned-summaries='0'>Small but perfectly adequate room</span> - no view but then I wasn't paying for one! <span class='review-span highlight' data-aligned-summaries='0 1'>Charming garden</span> for breakfast. <span class='review-span highlight' data-aligned-summaries='0 2'>Air conditioning very welcome</span> <span class='review-span highlight' data-aligned-summaries='2'>during sizzling August</span>.</div><div class='text-box'>We stayed for four nights at the Hotel Abbazia and <span class='review-span highlight' data-aligned-summaries='0'>couldn't have been more impressed</span>. <span class='review-span highlight' data-aligned-summaries='2'>The rooms were huge</span> and very <span class='review-span highlight' data-aligned-summaries='2'>clean</span>, breakfast was wonderful and the staff could not have been more helpful or pleasant. <span class='review-span highlight' data-aligned-summaries='1'>It was very convenient to the</span> ACTV and the <span class='review-span highlight' data-aligned-summaries='1'>train station</span>.</div><div class='text-box'>The <span class='review-span highlight' data-aligned-summaries='0 1'>hotel</span> <span class='review-span highlight' data-aligned-summaries='0'>provides an excellent service</span> for the site seeing traveller. It is <span class='review-span highlight' data-aligned-summaries='0'>in a great location</span> <span class='review-span highlight' data-aligned-summaries='0 1'>right next to the station</span>. The <span class='review-span highlight' data-aligned-summaries='0'>staff were very friendly and helpful</span>. The <span class='review-span highlight' data-aligned-summaries='0 2'>rooms are</span> <span class='review-span highlight' data-aligned-summaries='0'>basic but</span> <span class='review-span highlight' data-aligned-summaries='0 2'>spacious and clean</span>. We would certainly recomend this hotel!</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>We loved staying at Hotel Abbazia</span> as it is <span class='review-span highlight' data-aligned-summaries='0'>good value for money</span>, <span class='review-span highlight' data-aligned-summaries='0'>staff are very friendly & helpful</span>, <span class='review-span highlight' data-aligned-summaries='0'>lovely breakfast</span> and <span class='review-span highlight' data-aligned-summaries='0 1'>good location near the</span> <span class='review-span highlight' data-aligned-summaries='0'>Grand Canal and</span> <span class='review-span highlight' data-aligned-summaries='0 1'>St Lucia station</span>. <span class='review-span highlight' data-aligned-summaries='0'>Good</span>, <span class='review-span highlight' data-aligned-summaries='0 3'>reasonably priced food venues</span> 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>. <span class='review-span highlight' data-aligned-summaries='0'>Could not fault anything</span>. <span class='review-span highlight' data-aligned-summaries='0'>Great location</span> and yet <span class='review-span highlight' data-aligned-summaries='0'>so quiet</span> (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">This is a really great place to stay and it's really quiet.</span> <span id="1" class="summary-sentence">The station is really close to the hotel and it is located in an old monastery set in beautiful gardens.</span> <span id="2" class="summary-sentence">The rooms in the hotel are spacious, clean and with air conditioning.</span> <span id="3" class="summary-sentence">The food at the hotel is reasonably priced.</span> <span id="4" class="summary-sentence">The hotel lobby provides free wireless internet and you can also borrow one of their laptops if needed.</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_cont-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. 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. <span class='review-span highlight' data-aligned-summaries='0'>The hotel is a charme</span>, 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 <span class='review-span highlight' data-aligned-summaries='2'>large room</span> with high ceilings, <span class='review-span highlight' data-aligned-summaries='2'>clean</span> with <span class='review-span highlight' data-aligned-summaries='3'>good beds</span>. The guys at the reception are friendly and funny. <span class='review-span highlight' data-aligned-summaries='4'>The breakfast was rich</span>. <span class='review-span highlight' data-aligned-summaries='0 1'>The station of the grand canal "vaporetto" is very close by</span>,<span class='review-span highlight' data-aligned-summaries='0'> as is in fact the entire city center</span>. 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. <span class='review-span highlight' data-aligned-summaries='0'>If you like luxury, I wouldn't stay here</span> but it was a great value for the price. <span class='review-span highlight' data-aligned-summaries='0'>The location</span> is great and the <span class='review-span highlight' data-aligned-summaries='0'>staff are very helpful</span>. <span class='review-span highlight' data-aligned-summaries='1'>It is</span> <span class='review-span highlight' data-aligned-summaries='0 1'>only a block from train station and one of the main lines of the vaporetti</span> so you can always catch a boat back home. It does get flooded but the hotel has boots for you to borrow. <span class='review-span highlight' data-aligned-summaries='4'>The breakfast was okay</span>, it is a <span class='review-span highlight' data-aligned-summaries='4'>standard European continental breakfast</span>. The <span class='review-span highlight' data-aligned-summaries='5'>lobby</span> also <span class='review-span highlight' data-aligned-summaries='5'>has free wireless</span> and <span class='review-span highlight' data-aligned-summaries='5'>you can borrow one of their laptops</span>.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0 5'>Great</span> <span class='review-span highlight' data-aligned-summaries='0 1 5'>hotel</span>, <span class='review-span highlight' data-aligned-summaries='1'>conveniently located near the train station</span>, no need to struggle with luggage on the boats. <span class='review-span highlight' data-aligned-summaries='0'>Easy to get to anywhere else</span>. Staff were great and very helpful in all respects. <span class='review-span highlight' data-aligned-summaries='2'>Room was great</span>, <span class='review-span highlight' data-aligned-summaries='2'>plenty of space</span> (although we did get an upgrade for our anniversary present) Breakfast in the garden a must. Note this is the <span class='review-span highlight' data-aligned-summaries='4'>only hotel</span> I have ever stayed in (and that is a lot) <span class='review-span highlight' data-aligned-summaries='4'>where the mini bar prices seem to be more favourable than outside</span>. (Odd but true) Would definitely stay here again.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0 1 5'>Great location</span> <span class='review-span highlight' data-aligned-summaries='0 1'>close to the station</span> <span class='review-span highlight' data-aligned-summaries='0'>but still</span> <span class='review-span highlight' data-aligned-summaries='0 5'>in a quiet backwater</span>. <span class='review-span highlight' data-aligned-summaries='0'>Perfect for exploring Venice</span>. Friendly and helpful staff - the free map was very welcome! <span class='review-span highlight' data-aligned-summaries='2'>Small</span> but perfectly adequate <span class='review-span highlight' data-aligned-summaries='2'>room</span> - no view but then I wasn't paying for one! Charming garden for breakfast. <span class='review-span highlight' data-aligned-summaries='3'>Air conditioning very welcome during sizzling August</span>.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>We stayed</span> for four nights <span class='review-span highlight' data-aligned-summaries='0'>at</span> <span class='review-span highlight' data-aligned-summaries='0 1'>the Hotel Abbazia</span> <span class='review-span highlight' data-aligned-summaries='0'>and couldn't have been more impressed</span>. <span class='review-span highlight' data-aligned-summaries='2'>The rooms were huge and very clean</span>, <span class='review-span highlight' data-aligned-summaries='4'>breakfast was wonderful</span> and the staff could not have been more helpful or pleasant. <span class='review-span highlight' data-aligned-summaries='0'>It</span> <span class='review-span highlight' data-aligned-summaries='0 1'>was very convenient to the</span> <span class='review-span highlight' data-aligned-summaries='0'>ACTV and the</span> <span class='review-span highlight' data-aligned-summaries='0 1'>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 1'>It is</span> <span class='review-span highlight' data-aligned-summaries='0'>in a great location</span> <span class='review-span highlight' data-aligned-summaries='0 1'>right next to the station</span>. The staff were very friendly and helpful. <span class='review-span highlight' data-aligned-summaries='2'>The rooms are</span> basic but <span class='review-span highlight' data-aligned-summaries='2'>spacious</span> 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, staff are very friendly & helpful, <span class='review-span highlight' data-aligned-summaries='4'>lovely breakfast</span> and <span class='review-span highlight' data-aligned-summaries='0'>good location</span> <span class='review-span highlight' data-aligned-summaries='0 1'>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 <span class='review-span highlight' data-aligned-summaries='0'>the Abbazia</span>. <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 <span class='review-span highlight' data-aligned-summaries='0'>yet so quiet</span> (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 hotel was impressive and easy to get anywhere else.</span> <span id="1" class="summary-sentence">The hotel is close to the train station and the main lines of the canal, The hotel is very close to the Grand Canal and St. Lucia station.</span> <span id="2" class="summary-sentence">There is plenty of space in the hotel rooms and they were always immaculately clean.</span> <span id="3" class="summary-sentence">The beds are lovely here as well, and the air-conditioning functions were really appreciated in the summer.</span> <span id="4" class="summary-sentence">The food was a bit rich but reasonably priced.</span> <span id="5" class="summary-sentence">This is a nice quiet hotel that has free wireless, and the hotel will even provide one of their laptops to borrow to use this.</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_cont-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 <span class='review-span highlight' data-aligned-summaries='0'>charming hotel</span>. 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, <span class='review-span highlight' data-aligned-summaries='2'>located in an old monastery</span> with a beautiful garden, a large bar in the old refectory (with an intact pulpit). Kids slept (4 & 7) with us in <span class='review-span highlight' data-aligned-summaries='3'>a large room</span> with high ceilings, <span class='review-span highlight' data-aligned-summaries='4'>clean</span> with good beds. The guys at the reception are friendly and funny. <span class='review-span highlight' data-aligned-summaries='5'>The breakfast was rich</span>. <span class='review-span highlight' data-aligned-summaries='1'>The station of the grand canal "vaporetto" is very close by</span>, as is in fact the entire city center. Overall, <span class='review-span highlight' data-aligned-summaries='0'>a greate place to stay</span>, visiting Venice with our without small children (and certainly if you came by car).</div><div class='text-box'>I stayed at <span class='review-span highlight' data-aligned-summaries='1'>this hotel</span> for 7 nights. <span class='review-span highlight' data-aligned-summaries='0'>If you like luxury, I wouldn't stay here</span> but it was a <span class='review-span highlight' data-aligned-summaries='0'>great value for the price</span>. The <span class='review-span highlight' data-aligned-summaries='0'>location is great</span> and the <span class='review-span highlight' data-aligned-summaries='0'>staff are very helpful</span>. It <span class='review-span highlight' data-aligned-summaries='1'>is</span> <span class='review-span highlight' data-aligned-summaries='0 1'>only a block from train station and one of the main lines of the vaporetti</span> <span class='review-span highlight' data-aligned-summaries='1'>so you can always catch a boat</span> back home. <span class='review-span highlight' data-aligned-summaries='6'>It does get flooded but the hotel has boots for you to borrow</span>. The <span class='review-span highlight' data-aligned-summaries='0 5'>breakfast was okay</span>, it is <span class='review-span highlight' data-aligned-summaries='5'>a standard European continental breakfast</span>. <span class='review-span highlight' data-aligned-summaries='4 7'>The lobby</span> also <span class='review-span highlight' data-aligned-summaries='4 7'>has free wireless</span> and you can borrow one of their laptops.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>Great hotel</span>, conveniently <span class='review-span highlight' data-aligned-summaries='1'>located near the train station</span>, no need to struggle with luggage on the boats. Easy to get to anywhere else. Staff were great and very helpful in all respects. Room was great, <span class='review-span highlight' data-aligned-summaries='3'>plenty of space</span> (although we did get an upgrade for our anniversary present) <span class='review-span highlight' data-aligned-summaries='5'>Breakfast in the garden a must</span>. 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) <span class='review-span highlight' data-aligned-summaries='0'>Would definitely stay here again</span>.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0 1'>Great location</span> <span class='review-span highlight' data-aligned-summaries='1'>close to the station</span> but <span class='review-span highlight' data-aligned-summaries='0'>still in a quiet backwater</span>. <span class='review-span highlight' data-aligned-summaries='0'>Perfect for exploring Venice</span>. <span class='review-span highlight' data-aligned-summaries='0'>Friendly and helpful staff</span> - the free map was very welcome! <span class='review-span highlight' data-aligned-summaries='3'>Small but</span> <span class='review-span highlight' data-aligned-summaries='0 3'>perfectly adequate room</span> - no view but then I wasn't paying for one! <span class='review-span highlight' data-aligned-summaries='0 5'>Charming garden</span> <span class='review-span highlight' data-aligned-summaries='5'>for breakfast</span>. <span class='review-span highlight' data-aligned-summaries='0 4'>Air conditioning</span> <span class='review-span highlight' data-aligned-summaries='4'>very welcome</span> during sizzling August.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>We stayed</span> for four nights <span class='review-span highlight' data-aligned-summaries='0'>at the</span> <span class='review-span highlight' data-aligned-summaries='0 1'>Hotel Abbazia</span> and <span class='review-span highlight' data-aligned-summaries='0'>couldn't have been more impressed</span>. The <span class='review-span highlight' data-aligned-summaries='0 3 4'>rooms were</span> <span class='review-span highlight' data-aligned-summaries='0 3'>huge</span> <span class='review-span highlight' data-aligned-summaries='0'>and</span> <span class='review-span highlight' data-aligned-summaries='0 4'>very clean</span>, <span class='review-span highlight' data-aligned-summaries='0 5'>breakfast was wonderful</span> and the <span class='review-span highlight' data-aligned-summaries='0'>staff could not have been more helpful or pleasant</span>. It was <span class='review-span highlight' data-aligned-summaries='1'>very convenient to the</span> ACTV and the <span class='review-span highlight' data-aligned-summaries='1'>train station</span>.</div><div class='text-box'>The <span class='review-span highlight' data-aligned-summaries='0'>hotel provides an excellent service</span> for the site seeing traveller. <span class='review-span highlight' data-aligned-summaries='1'>It is</span> <span class='review-span highlight' data-aligned-summaries='0 1'>in a great location</span> <span class='review-span highlight' data-aligned-summaries='1'>right next to the station</span>. The <span class='review-span highlight' data-aligned-summaries='0'>staff were very friendly and helpful</span>. <span class='review-span highlight' data-aligned-summaries='3 4'>The</span> <span class='review-span highlight' data-aligned-summaries='0 3 4'>rooms are</span> basic but <span class='review-span highlight' data-aligned-summaries='0 3'>spacious</span> <span class='review-span highlight' data-aligned-summaries='0'>and</span> <span class='review-span highlight' data-aligned-summaries='0 4'>clean</span>. We <span class='review-span highlight' data-aligned-summaries='0'>would certainly recomend this hotel</span>!</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>We loved staying at</span> <span class='review-span highlight' data-aligned-summaries='0 1'>Hotel Abbazia</span> as it is good value for money, staff are very friendly & helpful, <span class='review-span highlight' data-aligned-summaries='5'>lovely breakfast</span> and <span class='review-span highlight' data-aligned-summaries='1'>good location near</span> the Grand Canal and <span class='review-span highlight' data-aligned-summaries='1'>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. <span class='review-span highlight' data-aligned-summaries='0'>Could not fault anything</span>. Great location and yet so quiet (well apart from the church bell!). <span class='review-span highlight' data-aligned-summaries='0'>Just lovely</span>!</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">A very impressive hotel to stay in that is highly recommended, and offers a lot of charm for its guests.</span> <span id="1" class="summary-sentence">This hotel is near the train station and one of the main vaporetti if you prefer a boat.</span> <span id="2" class="summary-sentence">It is located in an old monastery.</span> <span id="3" class="summary-sentence">All rooms of a good size, especially the family rooms.</span> <span id="4" class="summary-sentence">Good working amenities in each room and they have been cleaned to a high standard.</span> <span id="5" class="summary-sentence">It's highly recommended to eat the rich breakfast in the very charming garden in the mornings.</span> <span id="6" class="summary-sentence">The hotel does have issues with flooding, however there are boots available for guests to borrow if needed.</span> <span id="7" class="summary-sentence">Free Wi-Fi is also available at this hotel which is beneficial to many.</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_cont-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 <span class='review-span highlight' data-aligned-summaries='0'>I was expecting amazing</span>. 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. <span class='review-span highlight' data-aligned-summaries='0'>The staff were aloof</span>; 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, which was quite disappointing</span> 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 - <span class='review-span highlight' data-aligned-summaries='0'>midrange hotels for me (better value for money</span>)</div><div class='text-box'>My wife and I returned to this <span class='review-span highlight' data-aligned-summaries='1'>superbly placed</span> <span class='review-span highlight' data-aligned-summaries='1 2'>hotel</span> for a wonderful four day break. (<span class='review-span highlight' data-aligned-summaries='1'>100 metres from St Marco</span>). Right from the start, whilst making my reservation by phone, Jacopo <span class='review-span highlight' data-aligned-summaries='0'>made me feel welcome</span>, and this <span class='review-span highlight' data-aligned-summaries='0'>wonderful service</span> contiued throughout our stay. The <span class='review-span highlight' data-aligned-summaries='3'>resturant for breakfast</span> is right on the lagoon and to sit outside in the sunshine and start your day with <span class='review-span highlight' data-aligned-summaries='3'>a plentiful multi choice breakfast is a pure joy</span>. This <span class='review-span highlight' data-aligned-summaries='0'>lovely Hotel helped make our trip</span> to this very special city <span class='review-span highlight' data-aligned-summaries='0'>all the more enjoyable</span>. <span class='review-span highlight' data-aligned-summaries='2'>Our room</span> was not large but <span class='review-span highlight' data-aligned-summaries='2'>perfectly equipped</span>. <span class='review-span highlight' data-aligned-summaries='2 3'>A Lagoon view</span> <span class='review-span highlight' data-aligned-summaries='3'>would have made it even better</span> (<span class='review-span highlight' data-aligned-summaries='2'>maybe next time</span>) 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 <span class='review-span highlight' data-aligned-summaries='2'>a</span> <span class='review-span highlight' data-aligned-summaries='0 2'>balcony room</span> as recommended on trip advisor. It was <span class='review-span highlight' data-aligned-summaries='0'>beautiful</span> <span class='review-span highlight' data-aligned-summaries='0 3'>a</span> <span class='review-span highlight' data-aligned-summaries='0 2 3'>perfect view</span> <span class='review-span highlight' data-aligned-summaries='0'>of the grand canal</span>. <span class='review-span highlight' data-aligned-summaries='1'>It s</span> <span class='review-span highlight' data-aligned-summaries='0 1'>location was</span> <span class='review-span highlight' data-aligned-summaries='0'>perfect</span> <span class='review-span highlight' data-aligned-summaries='0 1'>three doors away from the bridge of Sighs and 200 m from St. Marks Square</span>. <span class='review-span highlight' data-aligned-summaries='2'>The</span> <span class='review-span highlight' data-aligned-summaries='0 2'>room was plush</span> <span class='review-span highlight' data-aligned-summaries='2'>,</span> <span class='review-span highlight' data-aligned-summaries='0 2'>exposed beams</span>,<span class='review-span highlight' data-aligned-summaries='2'></span> <span class='review-span highlight' data-aligned-summaries='0 2'>tastefully decorated</span> but a bit disappointed that there was <span class='review-span highlight' data-aligned-summaries='2'>no bath in the bathroom</span>. and room (or suite as it was called) was small by suite standards.1 <span class='review-span highlight' data-aligned-summaries='2'>room.(Bed with a couch and table</span>) I would highly recommend it if you wanted to splash out for a special occassion it is <span class='review-span highlight' data-aligned-summaries='2'>a bit pricey</span>.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='1'>In the middle of everthing. St. Marks, Museums, anf fine restarants</span>. 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 3'>The hotel</span> and staff <span class='review-span highlight' data-aligned-summaries='0 3'>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. <span class='review-span highlight' data-aligned-summaries='3'>Wonderful breakfast at the hotel as well</span>. 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 <span class='review-span highlight' data-aligned-summaries='0'>faces the Grand Canal</span>. The <span class='review-span highlight' data-aligned-summaries='0'>staff were not necessarily friendly</span>, but <span class='review-span highlight' data-aligned-summaries='0'>they were not rude either</span>. <span class='review-span highlight' data-aligned-summaries='0'>They were helpful</span> in <span class='review-span highlight' data-aligned-summaries='0'>giving us information and directions</span> 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 <span class='review-span highlight' data-aligned-summaries='0'>turn down service and chocolates on our pillows</span> :-)</div><div class='text-box'>what a <span class='review-span highlight' data-aligned-summaries='0'>beautiful place looking out onto the St giorgio magiore church island</span>. <span class='review-span highlight' data-aligned-summaries='0 2'>The rooms with views are quite expensive.but</span> <span class='review-span highlight' data-aligned-summaries='0'>venice is a precious place</span> with very little space. the <span class='review-span highlight' data-aligned-summaries='0 3'>restaurant is good</span> <span class='review-span highlight' data-aligned-summaries='3'>(especially the</span> <span class='review-span highlight' data-aligned-summaries='0 3'>free</span> <span class='review-span highlight' data-aligned-summaries='3'>breakfast).but</span> explore the <span class='review-span highlight' data-aligned-summaries='0'>many small trattorias, restaurants, and pannini bars.for much better</span> though. <span class='review-span highlight' data-aligned-summaries='0'>the best value compared to cipriani, hilton danelli</span> etc.would highly recommend</div><div class='text-box'>Definately the best bed i've slept during our vacation, <span class='review-span highlight' data-aligned-summaries='0'>rooms immaculates</span>, <span class='review-span highlight' data-aligned-summaries='0 3'>wide choice at the restaurant</span> <span class='review-span highlight' data-aligned-summaries='3'>for breakfast(homemade cakes</span>!). <span class='review-span highlight' data-aligned-summaries='0'>More then</span> <span class='review-span highlight' data-aligned-summaries='0 1'>central position facing the san marco basin.5</span> <span class='review-span highlight' data-aligned-summaries='0'>stars</span>!</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>The location was great</span> and the <span class='review-span highlight' data-aligned-summaries='0'>employees were very helpful</span>.My <span class='review-span highlight' data-aligned-summaries='0 2'>ronn</span> did not have a great view but it <span class='review-span highlight' data-aligned-summaries='0 2'>was very beautifuly decorated</span>.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 great value and definitely adds to make your trip really special and enjoyable.</span> <span id="1" class="summary-sentence">There were some great places within walking distance at this hotel.</span> <span id="2" class="summary-sentence">The hotel has well equipped and nicely decorated rooms but the rooms with views are rather expensive.</span> <span id="3" class="summary-sentence">The breakfast food items were really varied and very tasty, couldn't recommend enough, This hotel could be improved if there was a lagoon view.</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_cont-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. <span class='review-span highlight' data-aligned-summaries='0'>The staff were aloof</span>; 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 - <span class='review-span highlight' data-aligned-summaries='0'>midrange hotels for me (better value for money</span>)</div><div class='text-box'>My wife and I returned to this <span class='review-span highlight' data-aligned-summaries='0 2'>superbly placed hotel</span> <span class='review-span highlight' data-aligned-summaries='0'>for</span> <span class='review-span highlight' data-aligned-summaries='0 8'>a wonderful four day break</span>. (<span class='review-span highlight' data-aligned-summaries='2'>100 metres from St Marco</span>). Right from the start, whilst making my reservation by phone, <span class='review-span highlight' data-aligned-summaries='0 8'>Jacopo made me feel welcome</span>, and this <span class='review-span highlight' data-aligned-summaries='0 8'>wonderful service contiued throughout</span> our stay. The <span class='review-span highlight' data-aligned-summaries='0 7'>resturant for breakfast is right on the lagoon</span> and to <span class='review-span highlight' data-aligned-summaries='0'>sit outside in the sunshine</span> and start your day <span class='review-span highlight' data-aligned-summaries='7'>with a</span> <span class='review-span highlight' data-aligned-summaries='0 7'>plentiful multi choice breakfast</span> is a pure joy. This <span class='review-span highlight' data-aligned-summaries='0 8'>lovely Hotel helped make our trip to this very special city all the more enjoyable</span>. Our <span class='review-span highlight' data-aligned-summaries='0 5'>room</span> <span class='review-span highlight' data-aligned-summaries='5'>was</span> not large but <span class='review-span highlight' data-aligned-summaries='0 5'>perfectly equipped</span>. <span class='review-span highlight' data-aligned-summaries='3 8'>A Lagoon view would have made it even better</span> (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. <span class='review-span highlight' data-aligned-summaries='0 8'>It was beautiful a perfect view of the grand canal</span>. It s location was perfect <span class='review-span highlight' data-aligned-summaries='2'>three doors away from the bridge of Sighs and 200 m from St. Marks Square</span>. The room was plush , <span class='review-span highlight' data-aligned-summaries='3'>exposed beams, tastefully decorated</span> 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) <span class='review-span highlight' data-aligned-summaries='0'>I would highly recommend it if you wanted to splash out for a special occassion it is a bit pricey</span>.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='2'>In the middle of everthing</span>. <span class='review-span highlight' data-aligned-summaries='2'>St. Marks</span>, 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 8'>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 hotel is very conveniently located 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='6'>They were helpful in giving us</span> information and <span class='review-span highlight' data-aligned-summaries='6'>directions</span> as well as storing our luggage after checkout so we could explore a bit before our scheduled time of departure. <span class='review-span highlight' data-aligned-summaries='0 4'>We were pleasantly surprised when we returned after dinner to find turn down service and chocolates on our pillows</span> :-)</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>what</span> <span class='review-span highlight' data-aligned-summaries='0 1'>a beautiful place looking out onto the St giorgio magiore church island</span>. <span class='review-span highlight' data-aligned-summaries='0 3'>The rooms with views are quite expensive.but venice is a precious place</span> with very little space. <span class='review-span highlight' data-aligned-summaries='7'>the restaurant is good (especially the free breakfast).but</span> 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'><span class='review-span highlight' data-aligned-summaries='0 8'>Definately the best bed i've slept</span> during our vacation, <span class='review-span highlight' data-aligned-summaries='0 8'>rooms immaculates</span>, <span class='review-span highlight' data-aligned-summaries='0 7 8'>wide choice at the restaurant</span> <span class='review-span highlight' data-aligned-summaries='7'>for breakfast(homemade cakes</span>!). <span class='review-span highlight' data-aligned-summaries='0 3 8'>More then central position facing the san marco basin.5</span> <span class='review-span highlight' data-aligned-summaries='0 8'>stars</span>!</div><div class='text-box'>The location was great and the employees were very helpful.My ronn did not have a great view but <span class='review-span highlight' data-aligned-summaries='3'>it was very beautifuly decorated</span>.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 hotel made the trip feel special but it was a little more expensive than your standard places.</span> <span id="1" class="summary-sentence">The hotel looks out onto the Saint Giorgio Maggiore .</span> <span id="2" class="summary-sentence">It is very close to the Bridge of Sighs and St. Mark's Square.</span> <span id="3" class="summary-sentence">Rooms with a good view are quite expensive but it is tastefully decorated with exposed beams.</span> <span id="4" class="summary-sentence">There are lovely touches such as turn-down service and chocolates left on the pillow.</span> <span id="5" class="summary-sentence">The rooms are perfectly equipped and include a couch and table.</span> <span id="6" class="summary-sentence">During a visit to this hotel the staff provided directions when required.</span> <span id="7" class="summary-sentence">The hotel's restaurant is situated on the lagoon and there is a varied selection for breakfast.</span> <span id="8" class="summary-sentence">The stay was good but a lagoon view could make the experience even better.</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_cont-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 <span class='review-span highlight' data-aligned-summaries='3'>room was</span> probably <span class='review-span highlight' data-aligned-summaries='3'>the smallest</span> we had stayed in ad had a slanting roof which proved extremely difficult to move around as you were continually hunched over. The staff were not overly interested in what you did and in informing you of anything 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 <span class='review-span highlight' data-aligned-summaries='0'>am happily never going to a fancy hotel again -</span> <span class='review-span highlight' data-aligned-summaries='0 1'>midrange hotels</span> <span class='review-span highlight' data-aligned-summaries='0'>for me </span>(<span class='review-span highlight' data-aligned-summaries='0 1'>better value for money</span>)</div><div class='text-box'>My wife and I returned to this <span class='review-span highlight' data-aligned-summaries='1'>superbly placed hotel for a wonderful four day break</span>. (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. <span class='review-span highlight' data-aligned-summaries='6'>The resturant for breakfast is right on the lagoon and to sit outside in the sunshine</span> and <span class='review-span highlight' data-aligned-summaries='5'>start your day with a plentiful multi choice breakfast</span> is a pure joy. <span class='review-span highlight' data-aligned-summaries='0'>This lovely Hotel</span> helped make our trip to this very special city all the more enjoyable. <span class='review-span highlight' data-aligned-summaries='3 4'>Our room was</span> <span class='review-span highlight' data-aligned-summaries='3'>not large</span> but <span class='review-span highlight' data-aligned-summaries='4'>perfectly equipped</span>. 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'><span class='review-span highlight' data-aligned-summaries='0'>We stayed here</span> for three nights in January 2004 <span class='review-span highlight' data-aligned-summaries='0'>as part of our honeymoon and we loved it</span>. We did request a balcony room as recommended on trip advisor. <span class='review-span highlight' data-aligned-summaries='2'>It was</span> beautiful <span class='review-span highlight' data-aligned-summaries='2'>a perfect view of the grand canal</span>. It s location was perfect <span class='review-span highlight' data-aligned-summaries='2'>three doors away from the bridge of Sighs and 200 m from St. Marks Square</span>. The room was plush , exposed beams, <span class='review-span highlight' data-aligned-summaries='4'>tastefully decorated</span> but a bit disappointed that <span class='review-span highlight' data-aligned-summaries='4'>there was no bath in the bathroom</span>. and <span class='review-span highlight' data-aligned-summaries='3'>room (or suite as it was called) was small by suite standards.1</span> room.(Bed with a couch and table) <span class='review-span highlight' data-aligned-summaries='0'>I would highly recommend it if you wanted to splash out for a special occassion</span> <span class='review-span highlight' data-aligned-summaries='0 3'>it is a bit pricey</span>.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='1 2'>In the middle of everthing</span>.<span class='review-span highlight' data-aligned-summaries='2'> St. Marks, Museums, anf fine restarants</span>. 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. <span class='review-span highlight' data-aligned-summaries='5'>Wonderful breakfast at the hotel</span> as well. Steps away fro the San Zaccaria vaparetto stop.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='2'>The hotel</span> is very conveniently located from the San Marco stop and <span class='review-span highlight' data-aligned-summaries='2'>faces the Grand Canal</span>. The staff were not necessarily friendly, but they were not rude either. They were helpful 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 <span class='review-span highlight' data-aligned-summaries='0 1 2'>beautiful place looking out onto the St giorgio magiore church island</span>. The <span class='review-span highlight' data-aligned-summaries='0 3'>rooms</span> <span class='review-span highlight' data-aligned-summaries='0'>with views</span> <span class='review-span highlight' data-aligned-summaries='0 3'>are</span> <span class='review-span highlight' data-aligned-summaries='0 1 3'>quite expensive.but</span> <span class='review-span highlight' data-aligned-summaries='0 1'>venice is a precious place</span> with very little space. the <span class='review-span highlight' data-aligned-summaries='5 6'>restaurant is good</span> (<span class='review-span highlight' data-aligned-summaries='5'>especially</span> the free <span class='review-span highlight' data-aligned-summaries='5'>breakfast).but</span> explore the many small trattorias, restaurants, and pannini bars.for much better though. <span class='review-span highlight' data-aligned-summaries='1'>the best value compared to cipriani, hilton danelli</span> etc.would highly recommend</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0 1'>Definately the best bed i've slept</span> during our vacation, <span class='review-span highlight' data-aligned-summaries='0 1'>rooms immaculates</span>, <span class='review-span highlight' data-aligned-summaries='5 6'>wide choice at the restaurant for breakfast(homemade cakes!)</span>. More then <span class='review-span highlight' data-aligned-summaries='1 2'>central position facing the san marco</span> basin.5 stars!</div><div class='text-box'>The location was great and the employees were very helpful.<span class='review-span highlight' data-aligned-summaries='4'>My ronn</span> did not have a great view but it <span class='review-span highlight' data-aligned-summaries='4'>was very beautifuly decorated</span>.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 lovely for staying at for a special occasion as it can be quite expensive.</span> <span id="1" class="summary-sentence">However it is well worth the money for an enjoyable trip that is perfectly placed for a short break.</span> <span id="2" class="summary-sentence">The hotel is in a location looking onto the St Giorgio maggiore church island, the grand canal, and was only short walk to the bridge of sighs and St Marks Square.</span> <span id="3" class="summary-sentence">The rooms at this hotel are quite expensive, yet the rooms are considerably small.</span> <span id="4" class="summary-sentence">However, they are decorated to a good standard and equipped with all amenities.</span> <span id="5" class="summary-sentence">A lovely, multi choice breakfast for starting your day.</span> <span id="6" class="summary-sentence">The restaurant serving breakfast is also on the lagoon so you are able to sit outside and enjoy the sun while you eat.</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>