Spaces:
Running
Running
Upload 60 files
Browse filesThis view is limited to 50 files because it contains too many changes.
See raw diff
- html_files/train/CocoTrip-dev_comm-inst_1_a_summ_0.html +135 -0
- html_files/train/CocoTrip-dev_comm-inst_1_a_summ_1.html +135 -0
- html_files/train/CocoTrip-dev_comm-inst_1_a_summ_2.html +135 -0
- html_files/train/CocoTrip-dev_comm-inst_1_b_summ_0.html +135 -0
- html_files/train/CocoTrip-dev_comm-inst_1_b_summ_1.html +135 -0
- html_files/train/CocoTrip-dev_comm-inst_1_b_summ_2.html +135 -0
- html_files/train/CocoTrip-dev_comm-inst_2_a_summ_0.html +135 -0
- html_files/train/CocoTrip-dev_comm-inst_2_a_summ_1.html +135 -0
- html_files/train/CocoTrip-dev_comm-inst_2_a_summ_2.html +135 -0
- html_files/train/CocoTrip-dev_comm-inst_2_b_summ_0.html +135 -0
- html_files/train/CocoTrip-dev_comm-inst_2_b_summ_1.html +135 -0
- html_files/train/CocoTrip-dev_comm-inst_2_b_summ_2.html +135 -0
- html_files/train/CocoTrip-dev_comm-inst_4_a_summ_0.html +135 -0
- html_files/train/CocoTrip-dev_comm-inst_4_a_summ_1.html +135 -0
- html_files/train/CocoTrip-dev_comm-inst_4_a_summ_2.html +135 -0
- html_files/train/CocoTrip-dev_comm-inst_4_b_summ_0.html +135 -0
- html_files/train/CocoTrip-dev_comm-inst_4_b_summ_1.html +135 -0
- html_files/train/CocoTrip-dev_comm-inst_4_b_summ_2.html +135 -0
- html_files/train/CocoTrip-dev_comm-inst_8_a_summ_0.html +135 -0
- html_files/train/CocoTrip-dev_comm-inst_8_a_summ_1.html +135 -0
- html_files/train/CocoTrip-dev_comm-inst_8_a_summ_2.html +135 -0
- html_files/train/CocoTrip-dev_comm-inst_8_b_summ_0.html +135 -0
- html_files/train/CocoTrip-dev_comm-inst_8_b_summ_1.html +135 -0
- html_files/train/CocoTrip-dev_comm-inst_8_b_summ_2.html +135 -0
- html_files/train/CocoTrip-dev_comm-inst_9_a_summ_0.html +135 -0
- html_files/train/CocoTrip-dev_comm-inst_9_a_summ_1.html +135 -0
- html_files/train/CocoTrip-dev_comm-inst_9_a_summ_2.html +135 -0
- html_files/train/CocoTrip-dev_comm-inst_9_b_summ_0.html +135 -0
- html_files/train/CocoTrip-dev_comm-inst_9_b_summ_1.html +135 -0
- html_files/train/CocoTrip-dev_comm-inst_9_b_summ_2.html +135 -0
- html_files/train/CocoTrip-dev_cont-inst_1_a_summ_0.html +135 -0
- html_files/train/CocoTrip-dev_cont-inst_1_a_summ_1.html +135 -0
- html_files/train/CocoTrip-dev_cont-inst_1_a_summ_2.html +135 -0
- html_files/train/CocoTrip-dev_cont-inst_1_b_summ_0.html +135 -0
- html_files/train/CocoTrip-dev_cont-inst_1_b_summ_1.html +135 -0
- html_files/train/CocoTrip-dev_cont-inst_1_b_summ_2.html +135 -0
- html_files/train/CocoTrip-dev_cont-inst_2_a_summ_0.html +135 -0
- html_files/train/CocoTrip-dev_cont-inst_2_a_summ_1.html +135 -0
- html_files/train/CocoTrip-dev_cont-inst_2_a_summ_2.html +135 -0
- html_files/train/CocoTrip-dev_cont-inst_2_b_summ_0.html +135 -0
- html_files/train/CocoTrip-dev_cont-inst_2_b_summ_1.html +135 -0
- html_files/train/CocoTrip-dev_cont-inst_2_b_summ_2.html +135 -0
- html_files/train/CocoTrip-dev_cont-inst_4_a_summ_0.html +135 -0
- html_files/train/CocoTrip-dev_cont-inst_4_a_summ_1.html +135 -0
- html_files/train/CocoTrip-dev_cont-inst_4_a_summ_2.html +135 -0
- html_files/train/CocoTrip-dev_cont-inst_4_b_summ_0.html +135 -0
- html_files/train/CocoTrip-dev_cont-inst_4_b_summ_1.html +135 -0
- html_files/train/CocoTrip-dev_cont-inst_4_b_summ_2.html +135 -0
- html_files/train/CocoTrip-dev_cont-inst_8_a_summ_0.html +135 -0
- html_files/train/CocoTrip-dev_cont-inst_8_a_summ_1.html +135 -0
html_files/train/CocoTrip-dev_comm-inst_1_a_summ_0.html
ADDED
|
@@ -0,0 +1,135 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
|
| 2 |
+
<!DOCTYPE html>
|
| 3 |
+
<html lang="en">
|
| 4 |
+
<head>
|
| 5 |
+
<meta charset="UTF-8">
|
| 6 |
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
| 7 |
+
<title>Document Review</title>
|
| 8 |
+
<style>
|
| 9 |
+
body {
|
| 10 |
+
font-family: Arial, sans-serif;
|
| 11 |
+
display: flex;
|
| 12 |
+
justify-content: center; /* This will center the .reviews container on the screen */
|
| 13 |
+
align-items: flex-start;
|
| 14 |
+
height: 100vh;
|
| 15 |
+
margin: 2px; /* Remove default margin */
|
| 16 |
+
}
|
| 17 |
+
|
| 18 |
+
.highlight { background-color: yellow;
|
| 19 |
+
color: black !important; /* Dark grey for muted text */
|
| 20 |
+
cursor: pointer;}
|
| 21 |
+
.not-hover-highlight { background-color: lightyellow;
|
| 22 |
+
color: #606060 !important; /* Dark grey for muted text */}
|
| 23 |
+
.summary {
|
| 24 |
+
width: 50%;
|
| 25 |
+
font-size: 1.0rem;
|
| 26 |
+
padding: 10px;
|
| 27 |
+
height: 100vh; /* Maximum height to a third of the viewport height */
|
| 28 |
+
background-color: #9e9e9e0a;
|
| 29 |
+
}
|
| 30 |
+
.reviews {
|
| 31 |
+
width: 50%;
|
| 32 |
+
font-size: 0.7rem;
|
| 33 |
+
display: flex;
|
| 34 |
+
flex-wrap: wrap;
|
| 35 |
+
padding: 10px;
|
| 36 |
+
max-height: 100vh; /* Maximum height to a third of the viewport height */
|
| 37 |
+
overflow-y: auto; /* Enable vertical scrolling */
|
| 38 |
+
background-color: #9e9e9e0a; /* Light grey background */
|
| 39 |
+
}
|
| 40 |
+
.text-box {
|
| 41 |
+
width: calc(100% - 20px); /* Adjust based on padding */
|
| 42 |
+
margin: 10px;
|
| 43 |
+
padding: 10px;
|
| 44 |
+
background-color: #9e9e9e0a; /* Light grey background */
|
| 45 |
+
color: #606060bf;
|
| 46 |
+
border: 2px solid #ddd; /* Cartoonish border */
|
| 47 |
+
border-radius: 20px; /* Rounded corners for cartoonish effect */
|
| 48 |
+
position: relative;
|
| 49 |
+
box-shadow: 3px 3px #bbb; /* Soft shadow for depth */
|
| 50 |
+
}
|
| 51 |
+
.text-box:before {
|
| 52 |
+
content: '';
|
| 53 |
+
position: absolute;
|
| 54 |
+
right: 100%;
|
| 55 |
+
bottom: 20%;
|
| 56 |
+
border-top: 10px solid transparent;
|
| 57 |
+
border-bottom: 10px solid transparent;
|
| 58 |
+
border-right: 10px solid #ddd; /* Arrow matching the border */
|
| 59 |
+
}
|
| 60 |
+
.summary-box {
|
| 61 |
+
padding: 10px;
|
| 62 |
+
margin: 10px 0;
|
| 63 |
+
background-color: #e6e6fa; /* Lavender background for a pleasant look */
|
| 64 |
+
border: 1px solid #ddd; /* Light border for definition */
|
| 65 |
+
border-radius: 5px; /* Slightly rounded corners */
|
| 66 |
+
box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* Soft shadow for depth */
|
| 67 |
+
cursor: pointer;
|
| 68 |
+
}
|
| 69 |
+
h4 { margin-top: 0; }
|
| 70 |
+
</style>
|
| 71 |
+
</head>
|
| 72 |
+
<body>
|
| 73 |
+
<div class='column reviews'><h2>Reviews</h2><div class='text-box'>The Residence Inn was great. Very central to lots of things but the people working there were what made the stay so enjoybale. <span class='review-span highlight' data-aligned-summaries='0'>Leyla at the front desk was so helpful</span> in guiding us as to what to do and never without a big smile on her face. <span class='review-span highlight' data-aligned-summaries='0'>Franco at the valet was so friendly and helpful</span> and since he was our very frist imprerssion of the Residence Inn it certainly was a good one. The breakfast was great but <span class='review-span highlight' data-aligned-summaries='0'>again the staff was wonderful. Kemika (sp) was so helpful and warm</span> and it certainly made for an enjoyable breakfast time with our family. The rooms were clean and modern. The parking charge was the only downfall at $35 a day. It would be better to include it in the room price.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>I was treated very horribly by the staff at this hotel</span>, I would not recommend it to anyone no matter who you are. Maybe its because they are new they don't know how to treat guests but I can tell you this much they ruined my entire stay and never bothered to do anything about it,until I took action. I am disappointed that a Marriott would act like this, but atleast now you know that they are not capable of effectively dealing with problem resolution during your stay.</div><div class='text-box'>I have stayed at this hotel numerous times since it opened. I love the location, and the kitchenette in the rooms makes any hotel stay so much more comfortable. Of course, one can never complain about complementary breakfast! <span class='review-span highlight' data-aligned-summaries='0'>The staff has</span> always <span class='review-span highlight' data-aligned-summaries='0'>been</span> super friendly and <span class='review-span highlight' data-aligned-summaries='0'>helpful</span>, from the maintenance and housekeeping staff, to the front desk and valet. Every time I go to Toronto I look forward to staying there!</div><div class='text-box'>We stayed in the residence inn over a weekend. After a Long drive from chicago we were assigned a room on a high floor as requested with <span class='review-span highlight' data-aligned-summaries='1'>a lovely view of the cn tower</span>! The hotel is in the perfect spot for exploring the surrounding area and has lots of pubs and restaurants in close vicinity also! Book it, you won't be dissapointed :)</div><div class='text-box'>Excellent location. <span class='review-span highlight' data-aligned-summaries='1'>5 Minutes walking distance to</span> both the Rogers Centre and <span class='review-span highlight' data-aligned-summaries='1'>CN Tower</span>. Also walking distance to all the nightclubs in the entertainment district. Rooms are brand new and kept spotlessly clean. This property is also reasonably priced with the AAA discount. I can't think of a single negative thing to say about this property.</div><div class='text-box'>A thank you party for the clients on our first night, <span class='review-span highlight' data-aligned-summaries='0'>staff very polite</span> and room very clean. <span class='review-span highlight' data-aligned-summaries='1'>Close to the CN tower</span> and King street, well located. The fact that you have a complete kitchen and a very nice breakfast included also are some of the reasons to go back to this hotel.</div><div class='text-box'>Stayed for 3 nights in August. Excellent location next to the CN Tower. Lovely room with full kitchen - handy with young children - excellent deli round the corner which made preparing meals easier etc. - less stressful than taking youngsters to restaurants. Absolutely superb breakfast each morning. <span class='review-span highlight' data-aligned-summaries='0'>Courteous staff throughout</span>.</div><div class='text-box'>I have been staying in Residence Inn for the ast 5 months and its by far the best extended stay hotel I have ever visited. Excelent location,Food and Guest Services</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">The staff have been okay at this hotel and sometimes were great and helpful but at times they wouldn't treat guests incredibly well.</span> <span id="1" class="summary-sentence">The hotel is also located near to CN Tower.</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-dev_comm-inst_1_a_summ_1.html
ADDED
|
@@ -0,0 +1,135 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
|
| 2 |
+
<!DOCTYPE html>
|
| 3 |
+
<html lang="en">
|
| 4 |
+
<head>
|
| 5 |
+
<meta charset="UTF-8">
|
| 6 |
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
| 7 |
+
<title>Document Review</title>
|
| 8 |
+
<style>
|
| 9 |
+
body {
|
| 10 |
+
font-family: Arial, sans-serif;
|
| 11 |
+
display: flex;
|
| 12 |
+
justify-content: center; /* This will center the .reviews container on the screen */
|
| 13 |
+
align-items: flex-start;
|
| 14 |
+
height: 100vh;
|
| 15 |
+
margin: 2px; /* Remove default margin */
|
| 16 |
+
}
|
| 17 |
+
|
| 18 |
+
.highlight { background-color: yellow;
|
| 19 |
+
color: black !important; /* Dark grey for muted text */
|
| 20 |
+
cursor: pointer;}
|
| 21 |
+
.not-hover-highlight { background-color: lightyellow;
|
| 22 |
+
color: #606060 !important; /* Dark grey for muted text */}
|
| 23 |
+
.summary {
|
| 24 |
+
width: 50%;
|
| 25 |
+
font-size: 1.0rem;
|
| 26 |
+
padding: 10px;
|
| 27 |
+
height: 100vh; /* Maximum height to a third of the viewport height */
|
| 28 |
+
background-color: #9e9e9e0a;
|
| 29 |
+
}
|
| 30 |
+
.reviews {
|
| 31 |
+
width: 50%;
|
| 32 |
+
font-size: 0.7rem;
|
| 33 |
+
display: flex;
|
| 34 |
+
flex-wrap: wrap;
|
| 35 |
+
padding: 10px;
|
| 36 |
+
max-height: 100vh; /* Maximum height to a third of the viewport height */
|
| 37 |
+
overflow-y: auto; /* Enable vertical scrolling */
|
| 38 |
+
background-color: #9e9e9e0a; /* Light grey background */
|
| 39 |
+
}
|
| 40 |
+
.text-box {
|
| 41 |
+
width: calc(100% - 20px); /* Adjust based on padding */
|
| 42 |
+
margin: 10px;
|
| 43 |
+
padding: 10px;
|
| 44 |
+
background-color: #9e9e9e0a; /* Light grey background */
|
| 45 |
+
color: #606060bf;
|
| 46 |
+
border: 2px solid #ddd; /* Cartoonish border */
|
| 47 |
+
border-radius: 20px; /* Rounded corners for cartoonish effect */
|
| 48 |
+
position: relative;
|
| 49 |
+
box-shadow: 3px 3px #bbb; /* Soft shadow for depth */
|
| 50 |
+
}
|
| 51 |
+
.text-box:before {
|
| 52 |
+
content: '';
|
| 53 |
+
position: absolute;
|
| 54 |
+
right: 100%;
|
| 55 |
+
bottom: 20%;
|
| 56 |
+
border-top: 10px solid transparent;
|
| 57 |
+
border-bottom: 10px solid transparent;
|
| 58 |
+
border-right: 10px solid #ddd; /* Arrow matching the border */
|
| 59 |
+
}
|
| 60 |
+
.summary-box {
|
| 61 |
+
padding: 10px;
|
| 62 |
+
margin: 10px 0;
|
| 63 |
+
background-color: #e6e6fa; /* Lavender background for a pleasant look */
|
| 64 |
+
border: 1px solid #ddd; /* Light border for definition */
|
| 65 |
+
border-radius: 5px; /* Slightly rounded corners */
|
| 66 |
+
box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* Soft shadow for depth */
|
| 67 |
+
cursor: pointer;
|
| 68 |
+
}
|
| 69 |
+
h4 { margin-top: 0; }
|
| 70 |
+
</style>
|
| 71 |
+
</head>
|
| 72 |
+
<body>
|
| 73 |
+
<div class='column reviews'><h2>Reviews</h2><div class='text-box'>The Residence Inn was great. Very central to lots of things but the people working there were what made the stay so enjoybale. <span class='review-span highlight' data-aligned-summaries='0'>Leyla at the front desk was so helpful</span> in guiding us as to what to do and never without a big smile on her face. <span class='review-span highlight' data-aligned-summaries='0'>Franco at the valet was so</span> friendly and <span class='review-span highlight' data-aligned-summaries='0'>helpful</span> and since he was our very frist imprerssion of the Residence Inn it certainly was a good one. The breakfast was great but again the staff was wonderful. <span class='review-span highlight' data-aligned-summaries='0'>Kemika (sp) was so helpful</span> and warm and it certainly made for an enjoyable breakfast time with our family. The rooms were clean and modern. The parking charge was the only downfall at $35 a day. It would be better to include it in the room price.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>I was treated very horribly by the staff at this hotel</span>, I would not recommend it to anyone no matter who you are. Maybe its because they are new they don't know how to treat guests but I can tell you this much they ruined my entire stay and never bothered to do anything about it,until I took action. I am disappointed that a Marriott would act like this, but atleast now you know that they are not capable of effectively dealing with problem resolution during your stay.</div><div class='text-box'>I have stayed at this hotel numerous times since it opened. <span class='review-span highlight' data-aligned-summaries='1'>I love the location</span>, and the kitchenette in the rooms makes any hotel stay so much more comfortable. Of course, one can never complain about complementary breakfast! <span class='review-span highlight' data-aligned-summaries='0'>The staff has always been super friendly and helpful,</span> from the maintenance and housekeeping staff, to the front desk and valet. Every time I go to Toronto I look forward to staying there!</div><div class='text-box'>We stayed in the residence inn over a weekend. After a Long drive from chicago we were assigned a room on a high floor as requested with a lovely view of the cn tower! The <span class='review-span highlight' data-aligned-summaries='1'>hotel is in the perfect spot</span> for exploring the surrounding area and has lots of pubs and restaurants in close vicinity also! Book it, you won't be dissapointed :)</div><div class='text-box'>Excellent location. <span class='review-span highlight' data-aligned-summaries='1'>5 Minutes walking distance to</span> both the Rogers Centre and <span class='review-span highlight' data-aligned-summaries='1'>CN Tower</span>. Also walking distance to all the nightclubs in the entertainment district. Rooms are brand new and kept spotlessly clean. This property is also reasonably priced with the AAA discount. I can't think of a single negative thing to say about this property.</div><div class='text-box'>A thank you party for the clients on our first night, <span class='review-span highlight' data-aligned-summaries='0'>staff very polite</span> and room very clean. <span class='review-span highlight' data-aligned-summaries='1'>Close to the CN tower</span> and King street, well located. The fact that you have a complete kitchen and a very nice breakfast included also are some of the reasons to go back to this hotel.</div><div class='text-box'>Stayed for 3 nights in August. <span class='review-span highlight' data-aligned-summaries='1'>Excellent location next to the CN Tower</span>. Lovely room with full kitchen - handy with young children - excellent deli round the corner which made preparing meals easier etc. - less stressful than taking youngsters to restaurants. Absolutely superb breakfast each morning. Courteous staff throughout.</div><div class='text-box'>I have been staying in Residence Inn for the ast 5 months and its by far the best extended stay hotel I have ever visited. <span class='review-span highlight' data-aligned-summaries='1'>Excelent location</span>,Food and Guest Services</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">While some staff are always so helpful at this hotel, others were not great at fixing any issues that arose.</span> <span id="1" class="summary-sentence">The location is great for visiting the CN Tower, 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-dev_comm-inst_1_a_summ_2.html
ADDED
|
@@ -0,0 +1,135 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
|
| 2 |
+
<!DOCTYPE html>
|
| 3 |
+
<html lang="en">
|
| 4 |
+
<head>
|
| 5 |
+
<meta charset="UTF-8">
|
| 6 |
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
| 7 |
+
<title>Document Review</title>
|
| 8 |
+
<style>
|
| 9 |
+
body {
|
| 10 |
+
font-family: Arial, sans-serif;
|
| 11 |
+
display: flex;
|
| 12 |
+
justify-content: center; /* This will center the .reviews container on the screen */
|
| 13 |
+
align-items: flex-start;
|
| 14 |
+
height: 100vh;
|
| 15 |
+
margin: 2px; /* Remove default margin */
|
| 16 |
+
}
|
| 17 |
+
|
| 18 |
+
.highlight { background-color: yellow;
|
| 19 |
+
color: black !important; /* Dark grey for muted text */
|
| 20 |
+
cursor: pointer;}
|
| 21 |
+
.not-hover-highlight { background-color: lightyellow;
|
| 22 |
+
color: #606060 !important; /* Dark grey for muted text */}
|
| 23 |
+
.summary {
|
| 24 |
+
width: 50%;
|
| 25 |
+
font-size: 1.0rem;
|
| 26 |
+
padding: 10px;
|
| 27 |
+
height: 100vh; /* Maximum height to a third of the viewport height */
|
| 28 |
+
background-color: #9e9e9e0a;
|
| 29 |
+
}
|
| 30 |
+
.reviews {
|
| 31 |
+
width: 50%;
|
| 32 |
+
font-size: 0.7rem;
|
| 33 |
+
display: flex;
|
| 34 |
+
flex-wrap: wrap;
|
| 35 |
+
padding: 10px;
|
| 36 |
+
max-height: 100vh; /* Maximum height to a third of the viewport height */
|
| 37 |
+
overflow-y: auto; /* Enable vertical scrolling */
|
| 38 |
+
background-color: #9e9e9e0a; /* Light grey background */
|
| 39 |
+
}
|
| 40 |
+
.text-box {
|
| 41 |
+
width: calc(100% - 20px); /* Adjust based on padding */
|
| 42 |
+
margin: 10px;
|
| 43 |
+
padding: 10px;
|
| 44 |
+
background-color: #9e9e9e0a; /* Light grey background */
|
| 45 |
+
color: #606060bf;
|
| 46 |
+
border: 2px solid #ddd; /* Cartoonish border */
|
| 47 |
+
border-radius: 20px; /* Rounded corners for cartoonish effect */
|
| 48 |
+
position: relative;
|
| 49 |
+
box-shadow: 3px 3px #bbb; /* Soft shadow for depth */
|
| 50 |
+
}
|
| 51 |
+
.text-box:before {
|
| 52 |
+
content: '';
|
| 53 |
+
position: absolute;
|
| 54 |
+
right: 100%;
|
| 55 |
+
bottom: 20%;
|
| 56 |
+
border-top: 10px solid transparent;
|
| 57 |
+
border-bottom: 10px solid transparent;
|
| 58 |
+
border-right: 10px solid #ddd; /* Arrow matching the border */
|
| 59 |
+
}
|
| 60 |
+
.summary-box {
|
| 61 |
+
padding: 10px;
|
| 62 |
+
margin: 10px 0;
|
| 63 |
+
background-color: #e6e6fa; /* Lavender background for a pleasant look */
|
| 64 |
+
border: 1px solid #ddd; /* Light border for definition */
|
| 65 |
+
border-radius: 5px; /* Slightly rounded corners */
|
| 66 |
+
box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* Soft shadow for depth */
|
| 67 |
+
cursor: pointer;
|
| 68 |
+
}
|
| 69 |
+
h4 { margin-top: 0; }
|
| 70 |
+
</style>
|
| 71 |
+
</head>
|
| 72 |
+
<body>
|
| 73 |
+
<div class='column reviews'><h2>Reviews</h2><div class='text-box'>The Residence Inn was great. Very central to lots of things but the people working there were what made the stay so enjoybale. Leyla at the front desk was so helpful in guiding us as to what to do and never without a big smile on her face. Franco at the valet was so friendly and helpful and since he was our very frist imprerssion of the Residence Inn it certainly was a good one. The breakfast was great but again <span class='review-span highlight' data-aligned-summaries='1'>the staff was wonderful. Kemika (sp) was so helpful and warm</span> and it certainly made for an enjoyable breakfast time with our family. <span class='review-span highlight' data-aligned-summaries='0'>The rooms were clean</span> and modern. The parking charge was the only downfall at $35 a day. It would be better to include it in the room price.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='1'>I was treated very horribly by the staff at this hotel</span>, I would not recommend it to anyone no matter who you are. Maybe its because they are new they don't know how to treat guests but I can tell you this much they ruined my entire stay and never bothered to do anything about it,until I took action. I am disappointed that a Marriott would act like this, but atleast now you know that they are not capable of effectively dealing with problem resolution during your stay.</div><div class='text-box'>I have stayed at this hotel numerous times since it opened. I love the location, and the kitchenette in the rooms makes any hotel stay so much more comfortable. Of course, one can never complain about complementary breakfast! <span class='review-span highlight' data-aligned-summaries='1'>The staff has always been super friendly and helpful, from the maintenance and housekeeping staff, to the front desk and valet</span>. Every time I go to Toronto I look forward to staying there!</div><div class='text-box'>We stayed in the residence inn over a weekend. After a Long drive from chicago we were assigned a room on a high floor as requested with a lovely view of the cn tower! The hotel is in the perfect spot for exploring the surrounding area and has lots of pubs and restaurants in close vicinity also! Book it, you won't be dissapointed :)</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>Excellent location. 5 Minutes walking distance to</span> both the Rogers Centre and <span class='review-span highlight' data-aligned-summaries='0'>CN Tower</span>. Also walking distance to all the nightclubs in the entertainment district. <span class='review-span highlight' data-aligned-summaries='0'>Rooms are</span> brand new and <span class='review-span highlight' data-aligned-summaries='0'>kept spotlessly clean</span>. This property is also reasonably priced with the AAA discount. I can't think of a single negative thing to say about this property.</div><div class='text-box'>A thank you party for the clients on our first night, <span class='review-span highlight' data-aligned-summaries='1'>staff very polite</span> and <span class='review-span highlight' data-aligned-summaries='0'>room very clean</span>. <span class='review-span highlight' data-aligned-summaries='0'>Close to the CN tower</span> and King street, well located. The fact that you have a complete kitchen and a very nice breakfast included also are some of the reasons to go back to this hotel.</div><div class='text-box'>Stayed for 3 nights in August. <span class='review-span highlight' data-aligned-summaries='0'>Excellent location next to the CN Tower</span>. Lovely room with full kitchen - handy with young children - excellent deli round the corner which made preparing meals easier etc. - less stressful than taking youngsters to restaurants. Absolutely superb breakfast each morning. <span class='review-span highlight' data-aligned-summaries='1'>Courteous staff throughout</span>.</div><div class='text-box'>I have been staying in Residence Inn for the ast 5 months and its by far the best extended stay hotel I have ever visited. Excelent location,Food and Guest Services</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">Location was within walking distance to the CN Tower, the rooms are clean.</span> <span id="1" class="summary-sentence">Some of the staff were so courteous and helpful and super friendly, while others were very unhelpful towards their guests.</span></div></div>
|
| 74 |
+
<script>
|
| 75 |
+
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 76 |
+
sentence.addEventListener('mouseenter', function() {
|
| 77 |
+
const summaryId = this.getAttribute('id');
|
| 78 |
+
document.querySelectorAll('.review-span').forEach(span => {
|
| 79 |
+
if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
|
| 80 |
+
span.classList.remove('highlight');
|
| 81 |
+
span.classList.add('not-hover-highlight');
|
| 82 |
+
}
|
| 83 |
+
});
|
| 84 |
+
this.classList.add('highlight');
|
| 85 |
+
});
|
| 86 |
+
|
| 87 |
+
sentence.addEventListener('mouseleave', function() {
|
| 88 |
+
const summaryId = this.getAttribute('id');
|
| 89 |
+
document.querySelectorAll('.review-span').forEach(span => {
|
| 90 |
+
if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
|
| 91 |
+
span.classList.remove('not-hover-highlight');
|
| 92 |
+
span.classList.add('highlight');
|
| 93 |
+
}
|
| 94 |
+
this.classList.remove('highlight');
|
| 95 |
+
});
|
| 96 |
+
});
|
| 97 |
+
});
|
| 98 |
+
|
| 99 |
+
document.querySelectorAll('.review-span').forEach(span => {
|
| 100 |
+
span.addEventListener('mouseenter', function() {
|
| 101 |
+
document.querySelectorAll('.review-span').forEach(span => {
|
| 102 |
+
if (span !== this) {
|
| 103 |
+
span.classList.remove('highlight');
|
| 104 |
+
span.classList.add('not-hover-highlight');
|
| 105 |
+
}
|
| 106 |
+
});
|
| 107 |
+
const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
|
| 108 |
+
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 109 |
+
if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
|
| 110 |
+
sentence.classList.add('highlight');
|
| 111 |
+
}
|
| 112 |
+
});
|
| 113 |
+
});
|
| 114 |
+
});
|
| 115 |
+
|
| 116 |
+
document.querySelectorAll('.review-span').forEach(span => {
|
| 117 |
+
span.addEventListener('mouseleave', function() {
|
| 118 |
+
const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
|
| 119 |
+
document.querySelectorAll('.review-span').forEach(span => {
|
| 120 |
+
if (span !== this) {
|
| 121 |
+
span.classList.remove('not-hover-highlight');
|
| 122 |
+
span.classList.add('highlight');
|
| 123 |
+
}
|
| 124 |
+
});
|
| 125 |
+
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 126 |
+
if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
|
| 127 |
+
sentence.classList.remove('highlight');
|
| 128 |
+
}
|
| 129 |
+
});
|
| 130 |
+
});
|
| 131 |
+
});
|
| 132 |
+
|
| 133 |
+
</script>
|
| 134 |
+
</body>
|
| 135 |
+
</html>
|
html_files/train/CocoTrip-dev_comm-inst_1_b_summ_0.html
ADDED
|
@@ -0,0 +1,135 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
|
| 2 |
+
<!DOCTYPE html>
|
| 3 |
+
<html lang="en">
|
| 4 |
+
<head>
|
| 5 |
+
<meta charset="UTF-8">
|
| 6 |
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
| 7 |
+
<title>Document Review</title>
|
| 8 |
+
<style>
|
| 9 |
+
body {
|
| 10 |
+
font-family: Arial, sans-serif;
|
| 11 |
+
display: flex;
|
| 12 |
+
justify-content: center; /* This will center the .reviews container on the screen */
|
| 13 |
+
align-items: flex-start;
|
| 14 |
+
height: 100vh;
|
| 15 |
+
margin: 2px; /* Remove default margin */
|
| 16 |
+
}
|
| 17 |
+
|
| 18 |
+
.highlight { background-color: yellow;
|
| 19 |
+
color: black !important; /* Dark grey for muted text */
|
| 20 |
+
cursor: pointer;}
|
| 21 |
+
.not-hover-highlight { background-color: lightyellow;
|
| 22 |
+
color: #606060 !important; /* Dark grey for muted text */}
|
| 23 |
+
.summary {
|
| 24 |
+
width: 50%;
|
| 25 |
+
font-size: 1.0rem;
|
| 26 |
+
padding: 10px;
|
| 27 |
+
height: 100vh; /* Maximum height to a third of the viewport height */
|
| 28 |
+
background-color: #9e9e9e0a;
|
| 29 |
+
}
|
| 30 |
+
.reviews {
|
| 31 |
+
width: 50%;
|
| 32 |
+
font-size: 0.7rem;
|
| 33 |
+
display: flex;
|
| 34 |
+
flex-wrap: wrap;
|
| 35 |
+
padding: 10px;
|
| 36 |
+
max-height: 100vh; /* Maximum height to a third of the viewport height */
|
| 37 |
+
overflow-y: auto; /* Enable vertical scrolling */
|
| 38 |
+
background-color: #9e9e9e0a; /* Light grey background */
|
| 39 |
+
}
|
| 40 |
+
.text-box {
|
| 41 |
+
width: calc(100% - 20px); /* Adjust based on padding */
|
| 42 |
+
margin: 10px;
|
| 43 |
+
padding: 10px;
|
| 44 |
+
background-color: #9e9e9e0a; /* Light grey background */
|
| 45 |
+
color: #606060bf;
|
| 46 |
+
border: 2px solid #ddd; /* Cartoonish border */
|
| 47 |
+
border-radius: 20px; /* Rounded corners for cartoonish effect */
|
| 48 |
+
position: relative;
|
| 49 |
+
box-shadow: 3px 3px #bbb; /* Soft shadow for depth */
|
| 50 |
+
}
|
| 51 |
+
.text-box:before {
|
| 52 |
+
content: '';
|
| 53 |
+
position: absolute;
|
| 54 |
+
right: 100%;
|
| 55 |
+
bottom: 20%;
|
| 56 |
+
border-top: 10px solid transparent;
|
| 57 |
+
border-bottom: 10px solid transparent;
|
| 58 |
+
border-right: 10px solid #ddd; /* Arrow matching the border */
|
| 59 |
+
}
|
| 60 |
+
.summary-box {
|
| 61 |
+
padding: 10px;
|
| 62 |
+
margin: 10px 0;
|
| 63 |
+
background-color: #e6e6fa; /* Lavender background for a pleasant look */
|
| 64 |
+
border: 1px solid #ddd; /* Light border for definition */
|
| 65 |
+
border-radius: 5px; /* Slightly rounded corners */
|
| 66 |
+
box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* Soft shadow for depth */
|
| 67 |
+
cursor: pointer;
|
| 68 |
+
}
|
| 69 |
+
h4 { margin-top: 0; }
|
| 70 |
+
</style>
|
| 71 |
+
</head>
|
| 72 |
+
<body>
|
| 73 |
+
<div class='column reviews'><h2>Reviews</h2><div class='text-box'>1. The Strathcona is right in the heart of Toronto. Everything was at hand 2. I am used to the European Hotel of "getting the arm in" for a safe deposit box. Therefore it was a great enhancement that the safe deposit box was pro bono 3. <span class='review-span highlight' data-aligned-summaries='0'>The staff</span> and the concierge <span class='review-span highlight' data-aligned-summaries='0'>was</span> more than <span class='review-span highlight' data-aligned-summaries='0'>helpful</span>. Well done & thank you 4. The rooms were lovely & clean & well maintained over our four night stay 5. The rooms were bijou, however we were comfortable because my wife & I are slim. If you are a disgusting big rotund(s); either lose weight or get another hotel 6. I would definitely stay here again</div><div class='text-box'>The hotel was not cheap - almost 200 Canadian dollars (including tax and a buffet breakfast) per night for a standard room. We were shocked by the so-called "standard" room. It was tiny: to do some ironing on the ironing board, or to have access to the electric power points, one literally had to move the furniture around. Cupboard space was inadequate. The shower was lukewarm. The only redeeming featrure was the location: not in an attractive part of Toronto, but at least <span class='review-span highlight' data-aligned-summaries='1'>within walking distance of the CN Tower</span> and the main railway station. I thought it was exceptionally bad value for money, and would not recommend it.</div><div class='text-box'>The location of this hotel is its best attribute. I was in Toronto for an Argos football game August 12 and stayed at the Strathcona (for the second time). I paid $83USD for a Friday night. This is cheap by downtown T.O. standards. The room was small and clean with no view at all, but I did not care because I was noe in town for the view or the size of the room. Parking is two blocks down Wellington St. and cost $15CDN for a night - again not bad by T.O. standards. Overall a perefectly serviceable hotel if you are looking for a clean room in a great location.</div><div class='text-box'>This place is located right center to all the places we wanted to see. My friend and I went to see a concert and when I called to book they were the only hotel I found who <span class='review-span highlight' data-aligned-summaries='0'>did not talk down to you about not owning a credit card</span>. They are in walkin distance from the train station, the cn tower, hockey hall of fame and the AC and the rogers center. It was amazing and being that we were first timers in a hotel <span class='review-span highlight' data-aligned-summaries='0'>they didn't make ya feel like any question was too stupid</span>. I am going back to toronto and I am staying there again!</div><div class='text-box'>Pros: Good location Affordable Cons: Hotel staff (see below) While our stay started out well, it turned into a disaster by the end. We were situated across from about 2-4 rooms of American college students who were in Toronto to drink heavily, smoke and make as much noise as they possible could. <span class='review-span highlight' data-aligned-summaries='0'>Despite numerous calls to the front desk to remedy the problem, they did absolutely nothing to help</span>. We had two sleepless nights & this put a major damper on what was otherwise a fantastic trip. My advice: Pay the extra money & stay somewhere else!</div><div class='text-box'>My husband and me came for the Monster truck show at Rogers Center on Jan. It was super fun. <span class='review-span highlight' data-aligned-summaries='0'>What the hotel lacks in amenities and services they make up for it by being centralized</span>. Near to the night-club scene, sports arenas; Rogers Center/Air Canada Center. Restaurants, theater, shopping, and best of all, being cheap cheap cheap. Did I mention cheap? The weekend was fun and exciting. Thanks Gravedigger for tarin' the place up!</div><div class='text-box'>My wife and I stayed at the Strathcona while attending the Toronto Film Festival this past weekend. If there are only two in your party, this is a very cozy hotel. Our room was very comfortable and the location was great. You are one block away from the train terminal and the Airport Express shuttle picks you up right across the street. I would definitely stay there again.</div><div class='text-box'>I booked a Deluxe Room which to be honest was worse than Basic Rooms i have stayed in, in other Hotels. Buffet Breakfast was expensive and we ate at other places. Pub was fine though if you like watching Sport. Ideal location though for Attractions.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">The staff have been okay at this hotel and sometimes were great and helpful but at times they wouldn't treat guests incredibly well.</span> <span id="1" class="summary-sentence">The hotel is also located near to CN Tower.</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-dev_comm-inst_1_b_summ_1.html
ADDED
|
@@ -0,0 +1,135 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
|
| 2 |
+
<!DOCTYPE html>
|
| 3 |
+
<html lang="en">
|
| 4 |
+
<head>
|
| 5 |
+
<meta charset="UTF-8">
|
| 6 |
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
| 7 |
+
<title>Document Review</title>
|
| 8 |
+
<style>
|
| 9 |
+
body {
|
| 10 |
+
font-family: Arial, sans-serif;
|
| 11 |
+
display: flex;
|
| 12 |
+
justify-content: center; /* This will center the .reviews container on the screen */
|
| 13 |
+
align-items: flex-start;
|
| 14 |
+
height: 100vh;
|
| 15 |
+
margin: 2px; /* Remove default margin */
|
| 16 |
+
}
|
| 17 |
+
|
| 18 |
+
.highlight { background-color: yellow;
|
| 19 |
+
color: black !important; /* Dark grey for muted text */
|
| 20 |
+
cursor: pointer;}
|
| 21 |
+
.not-hover-highlight { background-color: lightyellow;
|
| 22 |
+
color: #606060 !important; /* Dark grey for muted text */}
|
| 23 |
+
.summary {
|
| 24 |
+
width: 50%;
|
| 25 |
+
font-size: 1.0rem;
|
| 26 |
+
padding: 10px;
|
| 27 |
+
height: 100vh; /* Maximum height to a third of the viewport height */
|
| 28 |
+
background-color: #9e9e9e0a;
|
| 29 |
+
}
|
| 30 |
+
.reviews {
|
| 31 |
+
width: 50%;
|
| 32 |
+
font-size: 0.7rem;
|
| 33 |
+
display: flex;
|
| 34 |
+
flex-wrap: wrap;
|
| 35 |
+
padding: 10px;
|
| 36 |
+
max-height: 100vh; /* Maximum height to a third of the viewport height */
|
| 37 |
+
overflow-y: auto; /* Enable vertical scrolling */
|
| 38 |
+
background-color: #9e9e9e0a; /* Light grey background */
|
| 39 |
+
}
|
| 40 |
+
.text-box {
|
| 41 |
+
width: calc(100% - 20px); /* Adjust based on padding */
|
| 42 |
+
margin: 10px;
|
| 43 |
+
padding: 10px;
|
| 44 |
+
background-color: #9e9e9e0a; /* Light grey background */
|
| 45 |
+
color: #606060bf;
|
| 46 |
+
border: 2px solid #ddd; /* Cartoonish border */
|
| 47 |
+
border-radius: 20px; /* Rounded corners for cartoonish effect */
|
| 48 |
+
position: relative;
|
| 49 |
+
box-shadow: 3px 3px #bbb; /* Soft shadow for depth */
|
| 50 |
+
}
|
| 51 |
+
.text-box:before {
|
| 52 |
+
content: '';
|
| 53 |
+
position: absolute;
|
| 54 |
+
right: 100%;
|
| 55 |
+
bottom: 20%;
|
| 56 |
+
border-top: 10px solid transparent;
|
| 57 |
+
border-bottom: 10px solid transparent;
|
| 58 |
+
border-right: 10px solid #ddd; /* Arrow matching the border */
|
| 59 |
+
}
|
| 60 |
+
.summary-box {
|
| 61 |
+
padding: 10px;
|
| 62 |
+
margin: 10px 0;
|
| 63 |
+
background-color: #e6e6fa; /* Lavender background for a pleasant look */
|
| 64 |
+
border: 1px solid #ddd; /* Light border for definition */
|
| 65 |
+
border-radius: 5px; /* Slightly rounded corners */
|
| 66 |
+
box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* Soft shadow for depth */
|
| 67 |
+
cursor: pointer;
|
| 68 |
+
}
|
| 69 |
+
h4 { margin-top: 0; }
|
| 70 |
+
</style>
|
| 71 |
+
</head>
|
| 72 |
+
<body>
|
| 73 |
+
<div class='column reviews'><h2>Reviews</h2><div class='text-box'>1. The Strathcona is right in the heart of Toronto. Everything was at hand 2. I am used to the European Hotel of "getting the arm in" for a safe deposit box. Therefore it was a great enhancement that the safe deposit box was pro bono 3. <span class='review-span highlight' data-aligned-summaries='0'>The staff and the concierge was more than helpful</span>. Well done & thank you 4. The rooms were lovely & clean & well maintained over our four night stay 5. The rooms were bijou, however we were comfortable because my wife & I are slim. If you are a disgusting big rotund(s); either lose weight or get another hotel 6. I would definitely stay here again</div><div class='text-box'>The hotel was not cheap - almost 200 Canadian dollars (including tax and a buffet breakfast) per night for a standard room. We were shocked by the so-called "standard" room. It was tiny: to do some ironing on the ironing board, or to have access to the electric power points, one literally had to move the furniture around. Cupboard space was inadequate. The shower was lukewarm. The only redeeming featrure was <span class='review-span highlight' data-aligned-summaries='1'>the location</span>: not in an attractive part of Toronto, but at least <span class='review-span highlight' data-aligned-summaries='1'>within walking distance of the CN Tower</span> and the main railway station. I thought it was exceptionally bad value for money, and would not recommend it.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='1'>The location of this hotel is its best attribute</span>. I was in Toronto for an Argos football game August 12 and stayed at the Strathcona (for the second time). I paid $83USD for a Friday night. This is cheap by downtown T.O. standards. The room was small and clean with no view at all, but I did not care because I was noe in town for the view or the size of the room. Parking is two blocks down Wellington St. and cost $15CDN for a night - again not bad by T.O. standards. Overall a perefectly serviceable hotel if you are looking for a clean room in a great location.</div><div class='text-box'>This place is located right center to all the places we wanted to see. My friend and I went to see a concert and when I called to book they were the only hotel I found who did not talk down to you about not owning a credit card. They are in walkin distance from the train station, the cn tower, hockey hall of fame and the AC and the rogers center. It was amazing and <span class='review-span highlight' data-aligned-summaries='0'>being that we were first timers in a hotel they didn't make ya feel like any question was too stupid</span>. I am going back to toronto and I am staying there again!</div><div class='text-box'>Pros: <span class='review-span highlight' data-aligned-summaries='1'>Good location</span> Affordable Cons: Hotel staff (see below) While our stay started out well, it turned into a disaster by the end. We were situated across from about 2-4 rooms of American college students who were in Toronto to drink heavily, smoke and make as much noise as they possible could. <span class='review-span highlight' data-aligned-summaries='0'>Despite numerous calls to the front desk to remedy the problem, they did absolutely nothing to help</span>. We had two sleepless nights & this put a major damper on what was otherwise a fantastic trip. My advice: Pay the extra money & stay somewhere else!</div><div class='text-box'>My husband and me came for the Monster truck show at Rogers Center on Jan. It was super fun. <span class='review-span highlight' data-aligned-summaries='0'>What the hotel lacks in amenities and services they make up for it by being centralized</span>. <span class='review-span highlight' data-aligned-summaries='1'>Near to the night-club scene, sports arenas</span>; Rogers Center/Air Canada Center. Restaurants, theater, shopping, and best of all, being cheap cheap cheap. Did I mention cheap? The weekend was fun and exciting. Thanks Gravedigger for tarin' the place up!</div><div class='text-box'>My wife and I stayed at the Strathcona while attending the Toronto Film Festival this past weekend. If there are only two in your party, this is a very cozy hotel. Our room was very comfortable and <span class='review-span highlight' data-aligned-summaries='1'>the location was great</span>. You are one block away from the train terminal and the Airport Express shuttle picks you up right across the street. I would definitely stay there again.</div><div class='text-box'>I booked a Deluxe Room which to be honest was worse than Basic Rooms i have stayed in, in other Hotels. Buffet Breakfast was expensive and we ate at other places. Pub was fine though if you like watching Sport. <span class='review-span highlight' data-aligned-summaries='1'>Ideal location</span> though <span class='review-span highlight' data-aligned-summaries='1'>for Attractions</span>.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">While some staff are always so helpful at this hotel, others were not great at fixing any issues that arose.</span> <span id="1" class="summary-sentence">The location is great for visiting the CN Tower, 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-dev_comm-inst_1_b_summ_2.html
ADDED
|
@@ -0,0 +1,135 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
|
| 2 |
+
<!DOCTYPE html>
|
| 3 |
+
<html lang="en">
|
| 4 |
+
<head>
|
| 5 |
+
<meta charset="UTF-8">
|
| 6 |
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
| 7 |
+
<title>Document Review</title>
|
| 8 |
+
<style>
|
| 9 |
+
body {
|
| 10 |
+
font-family: Arial, sans-serif;
|
| 11 |
+
display: flex;
|
| 12 |
+
justify-content: center; /* This will center the .reviews container on the screen */
|
| 13 |
+
align-items: flex-start;
|
| 14 |
+
height: 100vh;
|
| 15 |
+
margin: 2px; /* Remove default margin */
|
| 16 |
+
}
|
| 17 |
+
|
| 18 |
+
.highlight { background-color: yellow;
|
| 19 |
+
color: black !important; /* Dark grey for muted text */
|
| 20 |
+
cursor: pointer;}
|
| 21 |
+
.not-hover-highlight { background-color: lightyellow;
|
| 22 |
+
color: #606060 !important; /* Dark grey for muted text */}
|
| 23 |
+
.summary {
|
| 24 |
+
width: 50%;
|
| 25 |
+
font-size: 1.0rem;
|
| 26 |
+
padding: 10px;
|
| 27 |
+
height: 100vh; /* Maximum height to a third of the viewport height */
|
| 28 |
+
background-color: #9e9e9e0a;
|
| 29 |
+
}
|
| 30 |
+
.reviews {
|
| 31 |
+
width: 50%;
|
| 32 |
+
font-size: 0.7rem;
|
| 33 |
+
display: flex;
|
| 34 |
+
flex-wrap: wrap;
|
| 35 |
+
padding: 10px;
|
| 36 |
+
max-height: 100vh; /* Maximum height to a third of the viewport height */
|
| 37 |
+
overflow-y: auto; /* Enable vertical scrolling */
|
| 38 |
+
background-color: #9e9e9e0a; /* Light grey background */
|
| 39 |
+
}
|
| 40 |
+
.text-box {
|
| 41 |
+
width: calc(100% - 20px); /* Adjust based on padding */
|
| 42 |
+
margin: 10px;
|
| 43 |
+
padding: 10px;
|
| 44 |
+
background-color: #9e9e9e0a; /* Light grey background */
|
| 45 |
+
color: #606060bf;
|
| 46 |
+
border: 2px solid #ddd; /* Cartoonish border */
|
| 47 |
+
border-radius: 20px; /* Rounded corners for cartoonish effect */
|
| 48 |
+
position: relative;
|
| 49 |
+
box-shadow: 3px 3px #bbb; /* Soft shadow for depth */
|
| 50 |
+
}
|
| 51 |
+
.text-box:before {
|
| 52 |
+
content: '';
|
| 53 |
+
position: absolute;
|
| 54 |
+
right: 100%;
|
| 55 |
+
bottom: 20%;
|
| 56 |
+
border-top: 10px solid transparent;
|
| 57 |
+
border-bottom: 10px solid transparent;
|
| 58 |
+
border-right: 10px solid #ddd; /* Arrow matching the border */
|
| 59 |
+
}
|
| 60 |
+
.summary-box {
|
| 61 |
+
padding: 10px;
|
| 62 |
+
margin: 10px 0;
|
| 63 |
+
background-color: #e6e6fa; /* Lavender background for a pleasant look */
|
| 64 |
+
border: 1px solid #ddd; /* Light border for definition */
|
| 65 |
+
border-radius: 5px; /* Slightly rounded corners */
|
| 66 |
+
box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* Soft shadow for depth */
|
| 67 |
+
cursor: pointer;
|
| 68 |
+
}
|
| 69 |
+
h4 { margin-top: 0; }
|
| 70 |
+
</style>
|
| 71 |
+
</head>
|
| 72 |
+
<body>
|
| 73 |
+
<div class='column reviews'><h2>Reviews</h2><div class='text-box'>1. The Strathcona is right in the heart of Toronto. Everything was at hand 2. I am used to the European Hotel of "getting the arm in" for a safe deposit box. Therefore it was a great enhancement that the safe deposit box was pro bono 3. <span class='review-span highlight' data-aligned-summaries='1'>The staff and the concierge was more than helpful</span>. Well done & thank you 4. <span class='review-span highlight' data-aligned-summaries='0'>The rooms were lovely & clean</span> & well maintained over our four night stay 5. The rooms were bijou, however we were comfortable because my wife & I are slim. If you are a disgusting big rotund(s); either lose weight or get another hotel 6. I would definitely stay here again</div><div class='text-box'>The hotel was not cheap - almost 200 Canadian dollars (including tax and a buffet breakfast) per night for a standard room. We were shocked by the so-called "standard" room. It was tiny: to do some ironing on the ironing board, or to have access to the electric power points, one literally had to move the furniture around. Cupboard space was inadequate. The shower was lukewarm. <span class='review-span highlight' data-aligned-summaries='0'>The only redeeming featrure was the location</span>: not in an attractive part of Toronto, but at least <span class='review-span highlight' data-aligned-summaries='0'>within walking distance of the CN Tower</span> and the main railway station. I thought it was exceptionally bad value for money, and would not recommend it.</div><div class='text-box'>The location of this hotel is its best attribute. I was in Toronto for an Argos football game August 12 and stayed at the Strathcona (for the second time). I paid $83USD for a Friday night. This is cheap by downtown T.O. standards. <span class='review-span highlight' data-aligned-summaries='0'>The room was</span> small and <span class='review-span highlight' data-aligned-summaries='0'>clean</span> with no view at all, but I did not care because I was noe in town for the view or the size of the room. Parking is two blocks down Wellington St. and cost $15CDN for a night - again not bad by T.O. standards. Overall a perefectly serviceable hotel if you are looking for a clean room in a great location.</div><div class='text-box'>This place is located right center to all the places we wanted to see. My friend and I went to see a concert and when I called to book they were the only hotel I found who did not talk down to you about not owning a credit card. They are <span class='review-span highlight' data-aligned-summaries='0'>in walkin distance from</span> the train station, <span class='review-span highlight' data-aligned-summaries='0'>the cn tower</span>, hockey hall of fame and the AC and the rogers center. It was amazing and being that we were first timers in a hotel <span class='review-span highlight' data-aligned-summaries='1'>they didn't make ya feel like any question was too stupid</span>. I am going back to toronto and I am staying there again!</div><div class='text-box'>Pros: Good location Affordable Cons: Hotel staff (see below) While our stay started out well, it turned into a disaster by the end. We were situated across from about 2-4 rooms of American college students who were in Toronto to drink heavily, smoke and make as much noise as they possible could. <span class='review-span highlight' data-aligned-summaries='1'>Despite numerous calls to the front desk to remedy the problem, they did absolutely nothing to help</span>. We had two sleepless nights & this put a major damper on what was otherwise a fantastic trip. My advice: Pay the extra money & stay somewhere else!</div><div class='text-box'>My husband and me came for the Monster truck show at Rogers Center on Jan. It was super fun. What the hotel lacks in amenities and services they make up for it by being centralized. Near to the night-club scene, sports arenas; Rogers Center/Air Canada Center. Restaurants, theater, shopping, and best of all, being cheap cheap cheap. Did I mention cheap? The weekend was fun and exciting. Thanks Gravedigger for tarin' the place up!</div><div class='text-box'>My wife and I stayed at the Strathcona while attending the Toronto Film Festival this past weekend. If there are only two in your party, this is a very cozy hotel. Our room was very comfortable and the location was great. You are one block away from the train terminal and the Airport Express shuttle picks you up right across the street. I would definitely stay there again.</div><div class='text-box'>I booked a Deluxe Room which to be honest was worse than Basic Rooms i have stayed in, in other Hotels. Buffet Breakfast was expensive and we ate at other places. Pub was fine though if you like watching Sport. Ideal location though for Attractions.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">Location was within walking distance to the CN Tower, the rooms are clean.</span> <span id="1" class="summary-sentence">Some of the staff were so courteous and helpful and super friendly, while others were very unhelpful towards their guests.</span></div></div>
|
| 74 |
+
<script>
|
| 75 |
+
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 76 |
+
sentence.addEventListener('mouseenter', function() {
|
| 77 |
+
const summaryId = this.getAttribute('id');
|
| 78 |
+
document.querySelectorAll('.review-span').forEach(span => {
|
| 79 |
+
if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
|
| 80 |
+
span.classList.remove('highlight');
|
| 81 |
+
span.classList.add('not-hover-highlight');
|
| 82 |
+
}
|
| 83 |
+
});
|
| 84 |
+
this.classList.add('highlight');
|
| 85 |
+
});
|
| 86 |
+
|
| 87 |
+
sentence.addEventListener('mouseleave', function() {
|
| 88 |
+
const summaryId = this.getAttribute('id');
|
| 89 |
+
document.querySelectorAll('.review-span').forEach(span => {
|
| 90 |
+
if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
|
| 91 |
+
span.classList.remove('not-hover-highlight');
|
| 92 |
+
span.classList.add('highlight');
|
| 93 |
+
}
|
| 94 |
+
this.classList.remove('highlight');
|
| 95 |
+
});
|
| 96 |
+
});
|
| 97 |
+
});
|
| 98 |
+
|
| 99 |
+
document.querySelectorAll('.review-span').forEach(span => {
|
| 100 |
+
span.addEventListener('mouseenter', function() {
|
| 101 |
+
document.querySelectorAll('.review-span').forEach(span => {
|
| 102 |
+
if (span !== this) {
|
| 103 |
+
span.classList.remove('highlight');
|
| 104 |
+
span.classList.add('not-hover-highlight');
|
| 105 |
+
}
|
| 106 |
+
});
|
| 107 |
+
const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
|
| 108 |
+
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 109 |
+
if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
|
| 110 |
+
sentence.classList.add('highlight');
|
| 111 |
+
}
|
| 112 |
+
});
|
| 113 |
+
});
|
| 114 |
+
});
|
| 115 |
+
|
| 116 |
+
document.querySelectorAll('.review-span').forEach(span => {
|
| 117 |
+
span.addEventListener('mouseleave', function() {
|
| 118 |
+
const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
|
| 119 |
+
document.querySelectorAll('.review-span').forEach(span => {
|
| 120 |
+
if (span !== this) {
|
| 121 |
+
span.classList.remove('not-hover-highlight');
|
| 122 |
+
span.classList.add('highlight');
|
| 123 |
+
}
|
| 124 |
+
});
|
| 125 |
+
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 126 |
+
if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
|
| 127 |
+
sentence.classList.remove('highlight');
|
| 128 |
+
}
|
| 129 |
+
});
|
| 130 |
+
});
|
| 131 |
+
});
|
| 132 |
+
|
| 133 |
+
</script>
|
| 134 |
+
</body>
|
| 135 |
+
</html>
|
html_files/train/CocoTrip-dev_comm-inst_2_a_summ_0.html
ADDED
|
@@ -0,0 +1,135 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
|
| 2 |
+
<!DOCTYPE html>
|
| 3 |
+
<html lang="en">
|
| 4 |
+
<head>
|
| 5 |
+
<meta charset="UTF-8">
|
| 6 |
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
| 7 |
+
<title>Document Review</title>
|
| 8 |
+
<style>
|
| 9 |
+
body {
|
| 10 |
+
font-family: Arial, sans-serif;
|
| 11 |
+
display: flex;
|
| 12 |
+
justify-content: center; /* This will center the .reviews container on the screen */
|
| 13 |
+
align-items: flex-start;
|
| 14 |
+
height: 100vh;
|
| 15 |
+
margin: 2px; /* Remove default margin */
|
| 16 |
+
}
|
| 17 |
+
|
| 18 |
+
.highlight { background-color: yellow;
|
| 19 |
+
color: black !important; /* Dark grey for muted text */
|
| 20 |
+
cursor: pointer;}
|
| 21 |
+
.not-hover-highlight { background-color: lightyellow;
|
| 22 |
+
color: #606060 !important; /* Dark grey for muted text */}
|
| 23 |
+
.summary {
|
| 24 |
+
width: 50%;
|
| 25 |
+
font-size: 1.0rem;
|
| 26 |
+
padding: 10px;
|
| 27 |
+
height: 100vh; /* Maximum height to a third of the viewport height */
|
| 28 |
+
background-color: #9e9e9e0a;
|
| 29 |
+
}
|
| 30 |
+
.reviews {
|
| 31 |
+
width: 50%;
|
| 32 |
+
font-size: 0.7rem;
|
| 33 |
+
display: flex;
|
| 34 |
+
flex-wrap: wrap;
|
| 35 |
+
padding: 10px;
|
| 36 |
+
max-height: 100vh; /* Maximum height to a third of the viewport height */
|
| 37 |
+
overflow-y: auto; /* Enable vertical scrolling */
|
| 38 |
+
background-color: #9e9e9e0a; /* Light grey background */
|
| 39 |
+
}
|
| 40 |
+
.text-box {
|
| 41 |
+
width: calc(100% - 20px); /* Adjust based on padding */
|
| 42 |
+
margin: 10px;
|
| 43 |
+
padding: 10px;
|
| 44 |
+
background-color: #9e9e9e0a; /* Light grey background */
|
| 45 |
+
color: #606060bf;
|
| 46 |
+
border: 2px solid #ddd; /* Cartoonish border */
|
| 47 |
+
border-radius: 20px; /* Rounded corners for cartoonish effect */
|
| 48 |
+
position: relative;
|
| 49 |
+
box-shadow: 3px 3px #bbb; /* Soft shadow for depth */
|
| 50 |
+
}
|
| 51 |
+
.text-box:before {
|
| 52 |
+
content: '';
|
| 53 |
+
position: absolute;
|
| 54 |
+
right: 100%;
|
| 55 |
+
bottom: 20%;
|
| 56 |
+
border-top: 10px solid transparent;
|
| 57 |
+
border-bottom: 10px solid transparent;
|
| 58 |
+
border-right: 10px solid #ddd; /* Arrow matching the border */
|
| 59 |
+
}
|
| 60 |
+
.summary-box {
|
| 61 |
+
padding: 10px;
|
| 62 |
+
margin: 10px 0;
|
| 63 |
+
background-color: #e6e6fa; /* Lavender background for a pleasant look */
|
| 64 |
+
border: 1px solid #ddd; /* Light border for definition */
|
| 65 |
+
border-radius: 5px; /* Slightly rounded corners */
|
| 66 |
+
box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* Soft shadow for depth */
|
| 67 |
+
cursor: pointer;
|
| 68 |
+
}
|
| 69 |
+
h4 { margin-top: 0; }
|
| 70 |
+
</style>
|
| 71 |
+
</head>
|
| 72 |
+
<body>
|
| 73 |
+
<div class='column reviews'><h2>Reviews</h2><div class='text-box'>Would come back again and again We have been staying at Island Shangri-la once every year for the past 7 years. They have continued to improve their service year after year. <span class='review-span highlight' data-aligned-summaries='0'>The service is impeccable</span>. The rooms were renovated a couple of years ago and they added a modern twist. But the level of comfort and 'homeyness' has been retained. With the Pacific Place mall right underneath the hotel, it is so convenient to just go down and shop, knowing that even if you carry a lot of bulky items. There is no worry about riding through the mrt or lining up to get a taxi. You can just catch the elevator and go right up to your room. It is always a perfect experience staying at the hotel.</div><div class='text-box'>Good, but not unforgettable This hotel is certainly good enough as a business hotel. However, I really will not stay here for a leisure trip. As mentioned in another review, there are just no personal touches or charm. <span class='review-span highlight' data-aligned-summaries='0'>The staff is polite but the service is more mechanical, rather than from the heart</span>. There is a pool, but it offers a view of skyscrapers nearby. It's really quite hard to relax in this evironment.The location is not bad as it is connected to the subway via a big shopping mall. However, in the morning, a cab ride can take quite long to reach the central business district due to traffic jam.</div><div class='text-box'>OK, not spectacular. I spent a few nights at the Shangri La in August. I found the overall experience lacking.The rooms are bland, all function with surprisingly little style (surprising given the strong feng shui influence in HK). <span class='review-span highlight' data-aligned-summaries='0'>The rooms are also small</span>, even by HK/Toyko standards. Lunch at the cafe was expensive and disappointing. Breakfast was much better, though also very expensive.The pool is really nice, and the gym is good. <span class='review-span highlight' data-aligned-summaries='0'>The staff was OK, but interactions felt rushed</span> and reminded me more of a NYC business hotel than a true 5 star.Don't be afraid to try somewhere else.</div><div class='text-box'>once again, great stay once again, a great stay, upgraded to a harbour view as it was our silver wedding aniversary, flowers, fruit etc as well, i love this hotel so much, such humble and smilley staff considering it is regullaly voted one of the best hotels in the world for everything, fab possition, great rooms, <span class='review-span highlight' data-aligned-summaries='0'>wonderfull staff</span>, do i own it or work for them? no,we just love staying here, well done, shangri- la once again!</div><div class='text-box'>consistently excellent I stay at the island SRL frequently with business, and it isconsistently excellent - <span class='review-span highlight' data-aligned-summaries='0'>staff are always amazing</span>. Isupposethe only picky downside is if you like modern it may be a littlechinzy for you!The service is outstanding.the bar lady in the foyer bar has remembered the drink I have on every visit (as she does with every repeat guest!) and the pool is simply relaxation at its best!Highly recommended</div><div class='text-box'>Great hotel, deserves its reputation Really great location next to luxury shopping mall and park. We stayed in the lowest category room (deluxe peakview) and had no complaints. Service was excellent, <span class='review-span highlight' data-aligned-summaries='0'>staff couldn't do enough for us</span> and our 2 kids, <span class='review-span highlight' data-aligned-summaries='0'>great welcome</span>. Breakfast amazing, loved the outdoor pool - a great stay.</div><div class='text-box'>Excellent This place is great. The welcome was impressive, the location is great above Pacific place and the MTR station.<span class='review-span highlight' data-aligned-summaries='0'>The rooms were spacious</span>, <span class='review-span highlight' data-aligned-summaries='0'>clean</span> and had everything you could ask for. <span class='review-span highlight' data-aligned-summaries='0'>Staff are very polite and efficient</span>.Highly recommended.</div><div class='text-box'>top of the line but you pay for it showReview(3417094, 'full');</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">The rooms at the hotel were clean and spacious and the hotel staff were 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-dev_comm-inst_2_a_summ_1.html
ADDED
|
@@ -0,0 +1,135 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
|
| 2 |
+
<!DOCTYPE html>
|
| 3 |
+
<html lang="en">
|
| 4 |
+
<head>
|
| 5 |
+
<meta charset="UTF-8">
|
| 6 |
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
| 7 |
+
<title>Document Review</title>
|
| 8 |
+
<style>
|
| 9 |
+
body {
|
| 10 |
+
font-family: Arial, sans-serif;
|
| 11 |
+
display: flex;
|
| 12 |
+
justify-content: center; /* This will center the .reviews container on the screen */
|
| 13 |
+
align-items: flex-start;
|
| 14 |
+
height: 100vh;
|
| 15 |
+
margin: 2px; /* Remove default margin */
|
| 16 |
+
}
|
| 17 |
+
|
| 18 |
+
.highlight { background-color: yellow;
|
| 19 |
+
color: black !important; /* Dark grey for muted text */
|
| 20 |
+
cursor: pointer;}
|
| 21 |
+
.not-hover-highlight { background-color: lightyellow;
|
| 22 |
+
color: #606060 !important; /* Dark grey for muted text */}
|
| 23 |
+
.summary {
|
| 24 |
+
width: 50%;
|
| 25 |
+
font-size: 1.0rem;
|
| 26 |
+
padding: 10px;
|
| 27 |
+
height: 100vh; /* Maximum height to a third of the viewport height */
|
| 28 |
+
background-color: #9e9e9e0a;
|
| 29 |
+
}
|
| 30 |
+
.reviews {
|
| 31 |
+
width: 50%;
|
| 32 |
+
font-size: 0.7rem;
|
| 33 |
+
display: flex;
|
| 34 |
+
flex-wrap: wrap;
|
| 35 |
+
padding: 10px;
|
| 36 |
+
max-height: 100vh; /* Maximum height to a third of the viewport height */
|
| 37 |
+
overflow-y: auto; /* Enable vertical scrolling */
|
| 38 |
+
background-color: #9e9e9e0a; /* Light grey background */
|
| 39 |
+
}
|
| 40 |
+
.text-box {
|
| 41 |
+
width: calc(100% - 20px); /* Adjust based on padding */
|
| 42 |
+
margin: 10px;
|
| 43 |
+
padding: 10px;
|
| 44 |
+
background-color: #9e9e9e0a; /* Light grey background */
|
| 45 |
+
color: #606060bf;
|
| 46 |
+
border: 2px solid #ddd; /* Cartoonish border */
|
| 47 |
+
border-radius: 20px; /* Rounded corners for cartoonish effect */
|
| 48 |
+
position: relative;
|
| 49 |
+
box-shadow: 3px 3px #bbb; /* Soft shadow for depth */
|
| 50 |
+
}
|
| 51 |
+
.text-box:before {
|
| 52 |
+
content: '';
|
| 53 |
+
position: absolute;
|
| 54 |
+
right: 100%;
|
| 55 |
+
bottom: 20%;
|
| 56 |
+
border-top: 10px solid transparent;
|
| 57 |
+
border-bottom: 10px solid transparent;
|
| 58 |
+
border-right: 10px solid #ddd; /* Arrow matching the border */
|
| 59 |
+
}
|
| 60 |
+
.summary-box {
|
| 61 |
+
padding: 10px;
|
| 62 |
+
margin: 10px 0;
|
| 63 |
+
background-color: #e6e6fa; /* Lavender background for a pleasant look */
|
| 64 |
+
border: 1px solid #ddd; /* Light border for definition */
|
| 65 |
+
border-radius: 5px; /* Slightly rounded corners */
|
| 66 |
+
box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* Soft shadow for depth */
|
| 67 |
+
cursor: pointer;
|
| 68 |
+
}
|
| 69 |
+
h4 { margin-top: 0; }
|
| 70 |
+
</style>
|
| 71 |
+
</head>
|
| 72 |
+
<body>
|
| 73 |
+
<div class='column reviews'><h2>Reviews</h2><div class='text-box'>Would come back again and again We have been staying at Island Shangri-la once every year for the past 7 years. <span class='review-span highlight' data-aligned-summaries='0'>They have continued to improve their service year after year</span>. The service is impeccable. The rooms were renovated a couple of years ago and they added a modern twist. But the level of comfort and 'homeyness' has been retained. With the Pacific Place mall right underneath the hotel, it is so convenient to just go down and shop, knowing that even if you carry a lot of bulky items. There is no worry about riding through the mrt or lining up to get a taxi. You can just catch the elevator and go right up to your room. It is always a perfect experience staying at the hotel.</div><div class='text-box'>Good, but not unforgettable This hotel is certainly good enough as a business hotel. However, I really will not stay here for a leisure trip. As mentioned in another review, there are just no personal touches or charm. <span class='review-span highlight' data-aligned-summaries='0'>The staff is polite but</span> the service is more <span class='review-span highlight' data-aligned-summaries='0'>mechanical</span>, rather than from the heart. There is a pool, but it offers a view of skyscrapers nearby. It's really quite hard to relax in this evironment.The location is not bad as it is connected to the subway via a big shopping mall. However, in the morning, a cab ride can take quite long to reach the central business district due to traffic jam.</div><div class='text-box'>OK, not spectacular. I spent a few nights at the Shangri La in August. I found the overall experience lacking.The rooms are bland, all function with surprisingly little style (surprising given the strong feng shui influence in HK). <span class='review-span highlight' data-aligned-summaries='0'>The rooms are</span> also <span class='review-span highlight' data-aligned-summaries='0'>small</span>, even by HK/Toyko standards. Lunch at the cafe was expensive and disappointing. Breakfast was much better, though also very expensive.The pool is really nice, and the gym is good. <span class='review-span highlight' data-aligned-summaries='0'>The staff was OK</span>, but interactions felt rushed and reminded me more of a NYC business hotel than a true 5 star.Don't be afraid to try somewhere else.</div><div class='text-box'>once again, great stay once again, a great stay, upgraded to a harbour view as it was our silver wedding aniversary, flowers, fruit etc as well, i love this hotel so much, <span class='review-span highlight' data-aligned-summaries='0'>such humble and smilley</span> staff considering it is regullaly voted one of the best hotels in the world for everything, fab possition, great rooms, <span class='review-span highlight' data-aligned-summaries='0'>wonderfull staff</span>, do i own it or work for them? no,we just love staying here, well done, shangri- la once again!</div><div class='text-box'>consistently excellent I stay at the island SRL frequently with business, and it isconsistently excellent - <span class='review-span highlight' data-aligned-summaries='0'>staff are always amazing</span>. Isupposethe only picky downside is if you like modern it may be a littlechinzy for you!The service is outstanding.the bar lady in the foyer bar has remembered the drink I have on every visit (as she does with every repeat guest!) and the pool is simply relaxation at its best!Highly recommended</div><div class='text-box'>Great hotel, deserves its reputation Really great location next to luxury shopping mall and park. We stayed in the lowest category room (deluxe peakview) and had no complaints. <span class='review-span highlight' data-aligned-summaries='0'>Service was excellent, staff couldn't do enough for us and our 2 kids, great welcome</span>. Breakfast amazing, loved the outdoor pool - a great stay.</div><div class='text-box'>Excellent This place is great. The welcome was impressive, the location is great above Pacific place and the MTR station.<span class='review-span highlight' data-aligned-summaries='0'>The rooms were spacious, clean</span> and had everything you could ask for<span class='review-span highlight' data-aligned-summaries='0'>. Staff are very polite and efficient</span>.Highly recommended.</div><div class='text-box'>top of the line but you pay for it showReview(3417094, 'full');</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">The rooms here are clean as well as spacious and the staff are really excellent 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-dev_comm-inst_2_a_summ_2.html
ADDED
|
@@ -0,0 +1,135 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
|
| 2 |
+
<!DOCTYPE html>
|
| 3 |
+
<html lang="en">
|
| 4 |
+
<head>
|
| 5 |
+
<meta charset="UTF-8">
|
| 6 |
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
| 7 |
+
<title>Document Review</title>
|
| 8 |
+
<style>
|
| 9 |
+
body {
|
| 10 |
+
font-family: Arial, sans-serif;
|
| 11 |
+
display: flex;
|
| 12 |
+
justify-content: center; /* This will center the .reviews container on the screen */
|
| 13 |
+
align-items: flex-start;
|
| 14 |
+
height: 100vh;
|
| 15 |
+
margin: 2px; /* Remove default margin */
|
| 16 |
+
}
|
| 17 |
+
|
| 18 |
+
.highlight { background-color: yellow;
|
| 19 |
+
color: black !important; /* Dark grey for muted text */
|
| 20 |
+
cursor: pointer;}
|
| 21 |
+
.not-hover-highlight { background-color: lightyellow;
|
| 22 |
+
color: #606060 !important; /* Dark grey for muted text */}
|
| 23 |
+
.summary {
|
| 24 |
+
width: 50%;
|
| 25 |
+
font-size: 1.0rem;
|
| 26 |
+
padding: 10px;
|
| 27 |
+
height: 100vh; /* Maximum height to a third of the viewport height */
|
| 28 |
+
background-color: #9e9e9e0a;
|
| 29 |
+
}
|
| 30 |
+
.reviews {
|
| 31 |
+
width: 50%;
|
| 32 |
+
font-size: 0.7rem;
|
| 33 |
+
display: flex;
|
| 34 |
+
flex-wrap: wrap;
|
| 35 |
+
padding: 10px;
|
| 36 |
+
max-height: 100vh; /* Maximum height to a third of the viewport height */
|
| 37 |
+
overflow-y: auto; /* Enable vertical scrolling */
|
| 38 |
+
background-color: #9e9e9e0a; /* Light grey background */
|
| 39 |
+
}
|
| 40 |
+
.text-box {
|
| 41 |
+
width: calc(100% - 20px); /* Adjust based on padding */
|
| 42 |
+
margin: 10px;
|
| 43 |
+
padding: 10px;
|
| 44 |
+
background-color: #9e9e9e0a; /* Light grey background */
|
| 45 |
+
color: #606060bf;
|
| 46 |
+
border: 2px solid #ddd; /* Cartoonish border */
|
| 47 |
+
border-radius: 20px; /* Rounded corners for cartoonish effect */
|
| 48 |
+
position: relative;
|
| 49 |
+
box-shadow: 3px 3px #bbb; /* Soft shadow for depth */
|
| 50 |
+
}
|
| 51 |
+
.text-box:before {
|
| 52 |
+
content: '';
|
| 53 |
+
position: absolute;
|
| 54 |
+
right: 100%;
|
| 55 |
+
bottom: 20%;
|
| 56 |
+
border-top: 10px solid transparent;
|
| 57 |
+
border-bottom: 10px solid transparent;
|
| 58 |
+
border-right: 10px solid #ddd; /* Arrow matching the border */
|
| 59 |
+
}
|
| 60 |
+
.summary-box {
|
| 61 |
+
padding: 10px;
|
| 62 |
+
margin: 10px 0;
|
| 63 |
+
background-color: #e6e6fa; /* Lavender background for a pleasant look */
|
| 64 |
+
border: 1px solid #ddd; /* Light border for definition */
|
| 65 |
+
border-radius: 5px; /* Slightly rounded corners */
|
| 66 |
+
box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* Soft shadow for depth */
|
| 67 |
+
cursor: pointer;
|
| 68 |
+
}
|
| 69 |
+
h4 { margin-top: 0; }
|
| 70 |
+
</style>
|
| 71 |
+
</head>
|
| 72 |
+
<body>
|
| 73 |
+
<div class='column reviews'><h2>Reviews</h2><div class='text-box'>Would come back again and again We have been staying at Island Shangri-la once every year for the past 7 years. <span class='review-span highlight' data-aligned-summaries='0'>They have continued to improve their service year after year</span>. The service is impeccable. The rooms were renovated a couple of years ago and they added a modern twist. But the level of comfort and 'homeyness' has been retained. With the Pacific Place mall right underneath the hotel, it is so convenient to just go down and shop, knowing that even if you carry a lot of bulky items. There is no worry about riding through the mrt or lining up to get a taxi. You can just catch the elevator and go right up to your room. It is always a perfect experience staying at the hotel.</div><div class='text-box'>Good, but not unforgettable This hotel is certainly good enough as a business hotel. However, I really will not stay here for a leisure trip. As mentioned in another review, there are just no personal touches or charm. <span class='review-span highlight' data-aligned-summaries='0'>The staff is polite but the service is more mechanical, rather than from the heart</span>. There is a pool, but it offers a view of skyscrapers nearby. It's really quite hard to relax in this evironment.The location is not bad as it is connected to the subway via a big shopping mall. However, in the morning, a cab ride can take quite long to reach the central business district due to traffic jam.</div><div class='text-box'>OK, not spectacular. I spent a few nights at the Shangri La in August. I found the overall experience lacking.The rooms are bland, all function with surprisingly little style (surprising given the strong feng shui influence in HK). <span class='review-span highlight' data-aligned-summaries='0'>The rooms are also small, even by HK/Toyko standards</span>. Lunch at the cafe was expensive and disappointing. Breakfast was much better, though also very expensive.The pool is really nice, and the gym is good. <span class='review-span highlight' data-aligned-summaries='0'>The staff was OK, but interactions felt rushed</span> and reminded me more of a NYC business hotel than a true 5 star.Don't be afraid to try somewhere else.</div><div class='text-box'>once again, great stay once again, a great stay, upgraded to a harbour view as it was our silver wedding aniversary, flowers, fruit etc as well, i love this hotel so much, such humble and smilley staff considering it is regullaly voted one of the best hotels in the world for everything, fab possition, <span class='review-span highlight' data-aligned-summaries='0'>great rooms</span>, <span class='review-span highlight' data-aligned-summaries='0'>wonderfull staff</span>, do i own it or work for them? no,we just love staying here, well done, shangri- la once again!</div><div class='text-box'>consistently excellent I stay at the island SRL frequently with business, and it isconsistently excellent - <span class='review-span highlight' data-aligned-summaries='0'>staff are always amazing</span>. Isupposethe only picky downside is if you like modern it may be a littlechinzy for you!The service is outstanding.the bar lady in the foyer bar has remembered the drink I have on every visit (as she does with every repeat guest!) and the pool is simply relaxation at its best!Highly recommended</div><div class='text-box'>Great hotel, deserves its reputation Really great location next to luxury shopping mall and park. We stayed in the lowest category room (deluxe peakview) and had no complaints. Service was excellent, <span class='review-span highlight' data-aligned-summaries='0'>staff couldn't do enough for us</span> and our 2 kids, great welcome. Breakfast amazing, loved the outdoor pool - a great stay.</div><div class='text-box'>Excellent This place is great. The welcome was impressive, the location is great above Pacific place and the MTR station.<span class='review-span highlight' data-aligned-summaries='0'>The rooms were spacious, clean</span> and had everything you could ask for. <span class='review-span highlight' data-aligned-summaries='0'>Staff are very polite and efficient</span>.Highly recommended.</div><div class='text-box'>top of the line but you pay for it showReview(3417094, 'full');</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">The rooms are clean and spacious and the staff are 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-dev_comm-inst_2_b_summ_0.html
ADDED
|
@@ -0,0 +1,135 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
|
| 2 |
+
<!DOCTYPE html>
|
| 3 |
+
<html lang="en">
|
| 4 |
+
<head>
|
| 5 |
+
<meta charset="UTF-8">
|
| 6 |
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
| 7 |
+
<title>Document Review</title>
|
| 8 |
+
<style>
|
| 9 |
+
body {
|
| 10 |
+
font-family: Arial, sans-serif;
|
| 11 |
+
display: flex;
|
| 12 |
+
justify-content: center; /* This will center the .reviews container on the screen */
|
| 13 |
+
align-items: flex-start;
|
| 14 |
+
height: 100vh;
|
| 15 |
+
margin: 2px; /* Remove default margin */
|
| 16 |
+
}
|
| 17 |
+
|
| 18 |
+
.highlight { background-color: yellow;
|
| 19 |
+
color: black !important; /* Dark grey for muted text */
|
| 20 |
+
cursor: pointer;}
|
| 21 |
+
.not-hover-highlight { background-color: lightyellow;
|
| 22 |
+
color: #606060 !important; /* Dark grey for muted text */}
|
| 23 |
+
.summary {
|
| 24 |
+
width: 50%;
|
| 25 |
+
font-size: 1.0rem;
|
| 26 |
+
padding: 10px;
|
| 27 |
+
height: 100vh; /* Maximum height to a third of the viewport height */
|
| 28 |
+
background-color: #9e9e9e0a;
|
| 29 |
+
}
|
| 30 |
+
.reviews {
|
| 31 |
+
width: 50%;
|
| 32 |
+
font-size: 0.7rem;
|
| 33 |
+
display: flex;
|
| 34 |
+
flex-wrap: wrap;
|
| 35 |
+
padding: 10px;
|
| 36 |
+
max-height: 100vh; /* Maximum height to a third of the viewport height */
|
| 37 |
+
overflow-y: auto; /* Enable vertical scrolling */
|
| 38 |
+
background-color: #9e9e9e0a; /* Light grey background */
|
| 39 |
+
}
|
| 40 |
+
.text-box {
|
| 41 |
+
width: calc(100% - 20px); /* Adjust based on padding */
|
| 42 |
+
margin: 10px;
|
| 43 |
+
padding: 10px;
|
| 44 |
+
background-color: #9e9e9e0a; /* Light grey background */
|
| 45 |
+
color: #606060bf;
|
| 46 |
+
border: 2px solid #ddd; /* Cartoonish border */
|
| 47 |
+
border-radius: 20px; /* Rounded corners for cartoonish effect */
|
| 48 |
+
position: relative;
|
| 49 |
+
box-shadow: 3px 3px #bbb; /* Soft shadow for depth */
|
| 50 |
+
}
|
| 51 |
+
.text-box:before {
|
| 52 |
+
content: '';
|
| 53 |
+
position: absolute;
|
| 54 |
+
right: 100%;
|
| 55 |
+
bottom: 20%;
|
| 56 |
+
border-top: 10px solid transparent;
|
| 57 |
+
border-bottom: 10px solid transparent;
|
| 58 |
+
border-right: 10px solid #ddd; /* Arrow matching the border */
|
| 59 |
+
}
|
| 60 |
+
.summary-box {
|
| 61 |
+
padding: 10px;
|
| 62 |
+
margin: 10px 0;
|
| 63 |
+
background-color: #e6e6fa; /* Lavender background for a pleasant look */
|
| 64 |
+
border: 1px solid #ddd; /* Light border for definition */
|
| 65 |
+
border-radius: 5px; /* Slightly rounded corners */
|
| 66 |
+
box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* Soft shadow for depth */
|
| 67 |
+
cursor: pointer;
|
| 68 |
+
}
|
| 69 |
+
h4 { margin-top: 0; }
|
| 70 |
+
</style>
|
| 71 |
+
</head>
|
| 72 |
+
<body>
|
| 73 |
+
<div class='column reviews'><h2>Reviews</h2><div class='text-box'>My name is Vince Palumbo and I am a coach/player for the Australian Stickfighting Team, and I would like to tell you all about this beautiful Regal International Airport Hotel which is in Hong Kong. Me and my team of 16 athletes did a one night stop-over in Hong Kong on our way to the Philippines where we were travelling to so that we could all compete at the 2009 World Stickfighting Championships which were being held in Cebu City there in Philippines. Our stay at the Regal International Airport Hotel in Hong Kong was just fantastic, and we all enjoyed the hotel and service very much, so if ever you need to do a stop-over there in Hong Kong for the night, please do not hesitate to contact the manager at the hotel by the name of Mt Jon Chiu, and I am sure that he <span class='review-span highlight' data-aligned-summaries='0'>will bend over backwards to really try and accommodate you</span> or your group. So go ahead and spoil yourself for the night, and I am sure that you will be pleased with the service that you recieve there, ok! Enjoy this Fantastic Hotel in Hong Kong! Regards from GM Vince Palumbo (Australia)</div><div class='text-box'>My family and I concluded our two-week Easter trip to Berlin and London and returned to Hong Kong. After a long flight, we landed in Hong Kong's international airport around midnight despite very bad weather - raining cats and dogs. As we were very tired and the weather was terrible, we decided to spend the night at the Regal Airport Hotel before returning home in the city centre the next morning. Thanks to the convenient location of Regal, the heavy downpour did not get us wet as the hotel is connected to the airport by an enclosed link bridge. As a regular hotel guest, we got an upgrade this time. Our <span class='review-span highlight' data-aligned-summaries='0'>suite</span> has a family room and a bed room, <span class='review-span highlight' data-aligned-summaries='0'>large</span> and comfortable <span class='review-span highlight' data-aligned-summaries='0'>enough for my family of three</span>. We had the best sleep in days amd woke up the next morning refreshed. The buffet breakfast at the cafe on the lower ground floor was very good too, not to mention the <span class='review-span highlight' data-aligned-summaries='0'>good and friendly services provided by its staff</span>. No wonder, Regal was awarded the best airport hotel title for last couple of years.</div><div class='text-box'>We've stayed twice at this hotel. Rooms were good but the more important factor for us was the hotel's location. For both times, the hotel's location allowed us to make the most out of our short visit to HK. We did not waste any travel time between hotel and airport, either at arrival or for departure, since it was interconnected. We are not hassled or stressed with rushing to the airport to catch our flight. The hotel also had regular free shuttle service to Tung Chung (outlet mall) and several stops at downtown HK. This also saved us bus/train fares. The hotel also has a pool and gym which unfortunately we were not able to try since we were always out exploring HK.</div><div class='text-box'>I stayed here for a night in transit to Kathmandu. Average hotel to stay only if you are in transit, otherwise, why one should spend more money here at the airport rather than staying in city areas. Everything was expensive but <span class='review-span highlight' data-aligned-summaries='0'>some of staff were nice</span> and room facilities were okay. So many things in my room was initially not working and I had to call house keeping to fix it such as safety deposit box, TV remote, Refrigerator (with anything inside).and so on. There was nothing that really attracted me so much. But in general I saw they have different facilities within hotel complex, including many restaurants and bar, pools etc.</div><div class='text-box'>We stayed one night between our flights from Australia to North America and arrived late in the evening. The room temperature never rose above 18 degrees Celcius and the shower taps were broken and therefore shower temperature adjustment was extremely difficult. <span class='review-span highlight' data-aligned-summaries='0'>Service was just OK</span> and the breakfast which was included in our package was pretty good. For the price of the room we did not feel we received good value at all. <span class='review-span highlight' data-aligned-summaries='0'>Room was clean</span> but bed was like sleeping on a sheet of plywood and there were no face cloths.</div><div class='text-box'>My third time in this hotel, <span class='review-span highlight' data-aligned-summaries='0'>excellent staff</span> from Front desk. Luggage was sent quickly and quick check in. There is no other hotel closer to the airport. Good location for early flight visitor like me.</div><div class='text-box'>I usually avoid airport hotels like the plague, but the Regal at HK is very good. <span class='review-span highlight' data-aligned-summaries='0'>Clean spacious room</span>, good dining facilities and a reasonable room rate.</div><div class='text-box'>A quiet place despite the airport. Free transport was wonderful.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">The rooms at the hotel were clean and spacious and the hotel staff were 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-dev_comm-inst_2_b_summ_1.html
ADDED
|
@@ -0,0 +1,135 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
|
| 2 |
+
<!DOCTYPE html>
|
| 3 |
+
<html lang="en">
|
| 4 |
+
<head>
|
| 5 |
+
<meta charset="UTF-8">
|
| 6 |
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
| 7 |
+
<title>Document Review</title>
|
| 8 |
+
<style>
|
| 9 |
+
body {
|
| 10 |
+
font-family: Arial, sans-serif;
|
| 11 |
+
display: flex;
|
| 12 |
+
justify-content: center; /* This will center the .reviews container on the screen */
|
| 13 |
+
align-items: flex-start;
|
| 14 |
+
height: 100vh;
|
| 15 |
+
margin: 2px; /* Remove default margin */
|
| 16 |
+
}
|
| 17 |
+
|
| 18 |
+
.highlight { background-color: yellow;
|
| 19 |
+
color: black !important; /* Dark grey for muted text */
|
| 20 |
+
cursor: pointer;}
|
| 21 |
+
.not-hover-highlight { background-color: lightyellow;
|
| 22 |
+
color: #606060 !important; /* Dark grey for muted text */}
|
| 23 |
+
.summary {
|
| 24 |
+
width: 50%;
|
| 25 |
+
font-size: 1.0rem;
|
| 26 |
+
padding: 10px;
|
| 27 |
+
height: 100vh; /* Maximum height to a third of the viewport height */
|
| 28 |
+
background-color: #9e9e9e0a;
|
| 29 |
+
}
|
| 30 |
+
.reviews {
|
| 31 |
+
width: 50%;
|
| 32 |
+
font-size: 0.7rem;
|
| 33 |
+
display: flex;
|
| 34 |
+
flex-wrap: wrap;
|
| 35 |
+
padding: 10px;
|
| 36 |
+
max-height: 100vh; /* Maximum height to a third of the viewport height */
|
| 37 |
+
overflow-y: auto; /* Enable vertical scrolling */
|
| 38 |
+
background-color: #9e9e9e0a; /* Light grey background */
|
| 39 |
+
}
|
| 40 |
+
.text-box {
|
| 41 |
+
width: calc(100% - 20px); /* Adjust based on padding */
|
| 42 |
+
margin: 10px;
|
| 43 |
+
padding: 10px;
|
| 44 |
+
background-color: #9e9e9e0a; /* Light grey background */
|
| 45 |
+
color: #606060bf;
|
| 46 |
+
border: 2px solid #ddd; /* Cartoonish border */
|
| 47 |
+
border-radius: 20px; /* Rounded corners for cartoonish effect */
|
| 48 |
+
position: relative;
|
| 49 |
+
box-shadow: 3px 3px #bbb; /* Soft shadow for depth */
|
| 50 |
+
}
|
| 51 |
+
.text-box:before {
|
| 52 |
+
content: '';
|
| 53 |
+
position: absolute;
|
| 54 |
+
right: 100%;
|
| 55 |
+
bottom: 20%;
|
| 56 |
+
border-top: 10px solid transparent;
|
| 57 |
+
border-bottom: 10px solid transparent;
|
| 58 |
+
border-right: 10px solid #ddd; /* Arrow matching the border */
|
| 59 |
+
}
|
| 60 |
+
.summary-box {
|
| 61 |
+
padding: 10px;
|
| 62 |
+
margin: 10px 0;
|
| 63 |
+
background-color: #e6e6fa; /* Lavender background for a pleasant look */
|
| 64 |
+
border: 1px solid #ddd; /* Light border for definition */
|
| 65 |
+
border-radius: 5px; /* Slightly rounded corners */
|
| 66 |
+
box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* Soft shadow for depth */
|
| 67 |
+
cursor: pointer;
|
| 68 |
+
}
|
| 69 |
+
h4 { margin-top: 0; }
|
| 70 |
+
</style>
|
| 71 |
+
</head>
|
| 72 |
+
<body>
|
| 73 |
+
<div class='column reviews'><h2>Reviews</h2><div class='text-box'>My name is Vince Palumbo and I am a coach/player for the Australian Stickfighting Team, and I would like to tell you all about this beautiful Regal International Airport Hotel which is in Hong Kong. Me and my team of 16 athletes did a one night stop-over in Hong Kong on our way to the Philippines where we were travelling to so that we could all compete at the 2009 World Stickfighting Championships which were being held in Cebu City there in Philippines. Our stay at the Regal International Airport Hotel in Hong Kong was just fantastic, and we all enjoyed the hotel and service very much, so if ever you need to do a stop-over there in Hong Kong for the night, please do not hesitate to contact the <span class='review-span highlight' data-aligned-summaries='0'>manager</span> at the hotel by the name of Mt Jon Chiu, and I am sure that he <span class='review-span highlight' data-aligned-summaries='0'>will bend over backwards to</span> really try and <span class='review-span highlight' data-aligned-summaries='0'>accommodate you</span> or your group. So go ahead and spoil yourself for the night, and I am sure that you will be pleased with the service that you recieve there, ok! Enjoy this Fantastic Hotel in Hong Kong! Regards from GM Vince Palumbo (Australia)</div><div class='text-box'>My family and I concluded our two-week Easter trip to Berlin and London and returned to Hong Kong. After a long flight, we landed in Hong Kong's international airport around midnight despite very bad weather - raining cats and dogs. As we were very tired and the weather was terrible, we decided to spend the night at the Regal Airport Hotel before returning home in the city centre the next morning. Thanks to the convenient location of Regal, the heavy downpour did not get us wet as the hotel is connected to the airport by an enclosed link bridge. As a regular hotel guest, we got an upgrade this time. <span class='review-span highlight' data-aligned-summaries='0'>Our suite has a family room and a bed room, large and comfortable enough for my family of three</span>. We had the best sleep in days amd woke up the next morning refreshed. The buffet breakfast at the cafe on the lower ground floor was very good too, not to mention <span class='review-span highlight' data-aligned-summaries='0'>the good and friendly services provided by its staff</span>. No wonder, Regal was awarded the best airport hotel title for last couple of years.</div><div class='text-box'>We've stayed twice at this hotel. Rooms were good but the more important factor for us was the hotel's location. For both times, the hotel's location allowed us to make the most out of our short visit to HK. We did not waste any travel time between hotel and airport, either at arrival or for departure, since it was interconnected. We are not hassled or stressed with rushing to the airport to catch our flight. The hotel also had regular free shuttle service to Tung Chung (outlet mall) and several stops at downtown HK. This also saved us bus/train fares. The hotel also has a pool and gym which unfortunately we were not able to try since we were always out exploring HK.</div><div class='text-box'>I stayed here for a night in transit to Kathmandu. Average hotel to stay only if you are in transit, otherwise, why one should spend more money here at the airport rather than staying in city areas. Everything was expensive but <span class='review-span highlight' data-aligned-summaries='0'>some of staff were nice</span> and room facilities were okay. So many things in my room was initially not working and I had to call house keeping to fix it such as safety deposit box, TV remote, Refrigerator (with anything inside).and so on. There was nothing that really attracted me so much. But in general I saw they have different facilities within hotel complex, including many restaurants and bar, pools etc.</div><div class='text-box'>We stayed one night between our flights from Australia to North America and arrived late in the evening. The room temperature never rose above 18 degrees Celcius and the shower taps were broken and therefore shower temperature adjustment was extremely difficult. Service was just OK and the breakfast which was included in our package was pretty good. For the price of the room we did not feel we received good value at all. <span class='review-span highlight' data-aligned-summaries='0'>Room was clean</span> but bed was like sleeping on a sheet of plywood and there were no face cloths.</div><div class='text-box'>My third time in this hotel, <span class='review-span highlight' data-aligned-summaries='0'>excellent staff</span> from Front desk. <span class='review-span highlight' data-aligned-summaries='0'>Luggage was sent quickly and quick check in</span>. There is no other hotel closer to the airport. Good location for early flight visitor like me.</div><div class='text-box'>I usually avoid airport hotels like the plague, but the Regal at HK is very good. <span class='review-span highlight' data-aligned-summaries='0'>Clean spacious room</span>, good dining facilities and a reasonable room rate.</div><div class='text-box'>A quiet place despite the airport. Free transport was wonderful.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">The rooms here are clean as well as spacious and the staff are really excellent 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-dev_comm-inst_2_b_summ_2.html
ADDED
|
@@ -0,0 +1,135 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
|
| 2 |
+
<!DOCTYPE html>
|
| 3 |
+
<html lang="en">
|
| 4 |
+
<head>
|
| 5 |
+
<meta charset="UTF-8">
|
| 6 |
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
| 7 |
+
<title>Document Review</title>
|
| 8 |
+
<style>
|
| 9 |
+
body {
|
| 10 |
+
font-family: Arial, sans-serif;
|
| 11 |
+
display: flex;
|
| 12 |
+
justify-content: center; /* This will center the .reviews container on the screen */
|
| 13 |
+
align-items: flex-start;
|
| 14 |
+
height: 100vh;
|
| 15 |
+
margin: 2px; /* Remove default margin */
|
| 16 |
+
}
|
| 17 |
+
|
| 18 |
+
.highlight { background-color: yellow;
|
| 19 |
+
color: black !important; /* Dark grey for muted text */
|
| 20 |
+
cursor: pointer;}
|
| 21 |
+
.not-hover-highlight { background-color: lightyellow;
|
| 22 |
+
color: #606060 !important; /* Dark grey for muted text */}
|
| 23 |
+
.summary {
|
| 24 |
+
width: 50%;
|
| 25 |
+
font-size: 1.0rem;
|
| 26 |
+
padding: 10px;
|
| 27 |
+
height: 100vh; /* Maximum height to a third of the viewport height */
|
| 28 |
+
background-color: #9e9e9e0a;
|
| 29 |
+
}
|
| 30 |
+
.reviews {
|
| 31 |
+
width: 50%;
|
| 32 |
+
font-size: 0.7rem;
|
| 33 |
+
display: flex;
|
| 34 |
+
flex-wrap: wrap;
|
| 35 |
+
padding: 10px;
|
| 36 |
+
max-height: 100vh; /* Maximum height to a third of the viewport height */
|
| 37 |
+
overflow-y: auto; /* Enable vertical scrolling */
|
| 38 |
+
background-color: #9e9e9e0a; /* Light grey background */
|
| 39 |
+
}
|
| 40 |
+
.text-box {
|
| 41 |
+
width: calc(100% - 20px); /* Adjust based on padding */
|
| 42 |
+
margin: 10px;
|
| 43 |
+
padding: 10px;
|
| 44 |
+
background-color: #9e9e9e0a; /* Light grey background */
|
| 45 |
+
color: #606060bf;
|
| 46 |
+
border: 2px solid #ddd; /* Cartoonish border */
|
| 47 |
+
border-radius: 20px; /* Rounded corners for cartoonish effect */
|
| 48 |
+
position: relative;
|
| 49 |
+
box-shadow: 3px 3px #bbb; /* Soft shadow for depth */
|
| 50 |
+
}
|
| 51 |
+
.text-box:before {
|
| 52 |
+
content: '';
|
| 53 |
+
position: absolute;
|
| 54 |
+
right: 100%;
|
| 55 |
+
bottom: 20%;
|
| 56 |
+
border-top: 10px solid transparent;
|
| 57 |
+
border-bottom: 10px solid transparent;
|
| 58 |
+
border-right: 10px solid #ddd; /* Arrow matching the border */
|
| 59 |
+
}
|
| 60 |
+
.summary-box {
|
| 61 |
+
padding: 10px;
|
| 62 |
+
margin: 10px 0;
|
| 63 |
+
background-color: #e6e6fa; /* Lavender background for a pleasant look */
|
| 64 |
+
border: 1px solid #ddd; /* Light border for definition */
|
| 65 |
+
border-radius: 5px; /* Slightly rounded corners */
|
| 66 |
+
box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* Soft shadow for depth */
|
| 67 |
+
cursor: pointer;
|
| 68 |
+
}
|
| 69 |
+
h4 { margin-top: 0; }
|
| 70 |
+
</style>
|
| 71 |
+
</head>
|
| 72 |
+
<body>
|
| 73 |
+
<div class='column reviews'><h2>Reviews</h2><div class='text-box'>My name is Vince Palumbo and I am a coach/player for the Australian Stickfighting Team, and I would like to tell you all about this beautiful Regal International Airport Hotel which is in Hong Kong. Me and my team of 16 athletes did a one night stop-over in Hong Kong on our way to the Philippines where we were travelling to so that we could all compete at the 2009 World Stickfighting Championships which were being held in Cebu City there in Philippines. Our stay at the Regal International Airport Hotel in Hong Kong was just fantastic, and we all enjoyed the hotel and service very much, so if ever you need to do a stop-over there in Hong Kong for the night, please do not hesitate to contact the manager at the hotel by the name of Mt Jon Chiu, and I am sure that he <span class='review-span highlight' data-aligned-summaries='0'>will bend over backwards to really try and accommodate you or your group</span>. So go ahead and spoil yourself for the night, and I am sure that you will be pleased with the service that you recieve there, ok! Enjoy this Fantastic Hotel in Hong Kong! Regards from GM Vince Palumbo (Australia)</div><div class='text-box'>My family and I concluded our two-week Easter trip to Berlin and London and returned to Hong Kong. After a long flight, we landed in Hong Kong's international airport around midnight despite very bad weather - raining cats and dogs. As we were very tired and the weather was terrible, we decided to spend the night at the Regal Airport Hotel before returning home in the city centre the next morning. Thanks to the convenient location of Regal, the heavy downpour did not get us wet as the hotel is connected to the airport by an enclosed link bridge. As a regular hotel guest, we got an upgrade this time. <span class='review-span highlight' data-aligned-summaries='0'>Our suite has a family room and a bed room, large and comfortable enough for my family of three</span>. We had the best sleep in days amd woke up the next morning refreshed. The buffet breakfast at the cafe on the lower ground floor was very good too, not to mention the <span class='review-span highlight' data-aligned-summaries='0'>good and friendly services provided by its staff</span>. No wonder, Regal was awarded the best airport hotel title for last couple of years.</div><div class='text-box'>We've stayed twice at this hotel. <span class='review-span highlight' data-aligned-summaries='0'>Rooms were good</span> but the more important factor for us was the hotel's location. For both times, the hotel's location allowed us to make the most out of our short visit to HK. We did not waste any travel time between hotel and airport, either at arrival or for departure, since it was interconnected. We are not hassled or stressed with rushing to the airport to catch our flight. The hotel also had regular free shuttle service to Tung Chung (outlet mall) and several stops at downtown HK. This also saved us bus/train fares. The hotel also has a pool and gym which unfortunately we were not able to try since we were always out exploring HK.</div><div class='text-box'>I stayed here for a night in transit to Kathmandu. Average hotel to stay only if you are in transit, otherwise, why one should spend more money here at the airport rather than staying in city areas. Everything was expensive but some of staff were nice and room facilities were okay. So many things in my room was initially not working and I had to call house keeping to fix it such as safety deposit box, TV remote, Refrigerator (with anything inside).and so on. There was nothing that really attracted me so much. But in general I saw they have different facilities within hotel complex, including many restaurants and bar, pools etc.</div><div class='text-box'>We stayed one night between our flights from Australia to North America and arrived late in the evening. The room temperature never rose above 18 degrees Celcius and the shower taps were broken and therefore shower temperature adjustment was extremely difficult. Service was just OK and the breakfast which was included in our package was pretty good. For the price of the room we did not feel we received good value at all. <span class='review-span highlight' data-aligned-summaries='0'>Room was clean</span> but bed was like sleeping on a sheet of plywood and there were no face cloths.</div><div class='text-box'>My third time in this hotel, <span class='review-span highlight' data-aligned-summaries='0'>excellent staff</span> from Front desk. <span class='review-span highlight' data-aligned-summaries='0'>Luggage was sent quickly and quick check in</span>. There is no other hotel closer to the airport. Good location for early flight visitor like me.</div><div class='text-box'>I usually avoid airport hotels like the plague, but the Regal at HK is very good. <span class='review-span highlight' data-aligned-summaries='0'>Clean spacious room</span>, good dining facilities and a reasonable room rate.</div><div class='text-box'>A quiet place despite the airport. <span class='review-span highlight' data-aligned-summaries='0'>Free transport was wonderful</span>.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">The rooms are clean and spacious and the staff are 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-dev_comm-inst_4_a_summ_0.html
ADDED
|
@@ -0,0 +1,135 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
|
| 2 |
+
<!DOCTYPE html>
|
| 3 |
+
<html lang="en">
|
| 4 |
+
<head>
|
| 5 |
+
<meta charset="UTF-8">
|
| 6 |
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
| 7 |
+
<title>Document Review</title>
|
| 8 |
+
<style>
|
| 9 |
+
body {
|
| 10 |
+
font-family: Arial, sans-serif;
|
| 11 |
+
display: flex;
|
| 12 |
+
justify-content: center; /* This will center the .reviews container on the screen */
|
| 13 |
+
align-items: flex-start;
|
| 14 |
+
height: 100vh;
|
| 15 |
+
margin: 2px; /* Remove default margin */
|
| 16 |
+
}
|
| 17 |
+
|
| 18 |
+
.highlight { background-color: yellow;
|
| 19 |
+
color: black !important; /* Dark grey for muted text */
|
| 20 |
+
cursor: pointer;}
|
| 21 |
+
.not-hover-highlight { background-color: lightyellow;
|
| 22 |
+
color: #606060 !important; /* Dark grey for muted text */}
|
| 23 |
+
.summary {
|
| 24 |
+
width: 50%;
|
| 25 |
+
font-size: 1.0rem;
|
| 26 |
+
padding: 10px;
|
| 27 |
+
height: 100vh; /* Maximum height to a third of the viewport height */
|
| 28 |
+
background-color: #9e9e9e0a;
|
| 29 |
+
}
|
| 30 |
+
.reviews {
|
| 31 |
+
width: 50%;
|
| 32 |
+
font-size: 0.7rem;
|
| 33 |
+
display: flex;
|
| 34 |
+
flex-wrap: wrap;
|
| 35 |
+
padding: 10px;
|
| 36 |
+
max-height: 100vh; /* Maximum height to a third of the viewport height */
|
| 37 |
+
overflow-y: auto; /* Enable vertical scrolling */
|
| 38 |
+
background-color: #9e9e9e0a; /* Light grey background */
|
| 39 |
+
}
|
| 40 |
+
.text-box {
|
| 41 |
+
width: calc(100% - 20px); /* Adjust based on padding */
|
| 42 |
+
margin: 10px;
|
| 43 |
+
padding: 10px;
|
| 44 |
+
background-color: #9e9e9e0a; /* Light grey background */
|
| 45 |
+
color: #606060bf;
|
| 46 |
+
border: 2px solid #ddd; /* Cartoonish border */
|
| 47 |
+
border-radius: 20px; /* Rounded corners for cartoonish effect */
|
| 48 |
+
position: relative;
|
| 49 |
+
box-shadow: 3px 3px #bbb; /* Soft shadow for depth */
|
| 50 |
+
}
|
| 51 |
+
.text-box:before {
|
| 52 |
+
content: '';
|
| 53 |
+
position: absolute;
|
| 54 |
+
right: 100%;
|
| 55 |
+
bottom: 20%;
|
| 56 |
+
border-top: 10px solid transparent;
|
| 57 |
+
border-bottom: 10px solid transparent;
|
| 58 |
+
border-right: 10px solid #ddd; /* Arrow matching the border */
|
| 59 |
+
}
|
| 60 |
+
.summary-box {
|
| 61 |
+
padding: 10px;
|
| 62 |
+
margin: 10px 0;
|
| 63 |
+
background-color: #e6e6fa; /* Lavender background for a pleasant look */
|
| 64 |
+
border: 1px solid #ddd; /* Light border for definition */
|
| 65 |
+
border-radius: 5px; /* Slightly rounded corners */
|
| 66 |
+
box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* Soft shadow for depth */
|
| 67 |
+
cursor: pointer;
|
| 68 |
+
}
|
| 69 |
+
h4 { margin-top: 0; }
|
| 70 |
+
</style>
|
| 71 |
+
</head>
|
| 72 |
+
<body>
|
| 73 |
+
<div class='column reviews'><h2>Reviews</h2><div class='text-box'>The best part of this hotel is the staff. We were greeted by the ubiquitous doorman and all staff every time we entered the hotel. We felt as if we were the most important guests in the hotel and <span class='review-span highlight' data-aligned-summaries='0'>the staff were constantly concerned about our needs</span>. The breakfast was a lavish buffet and again the wait staff was outstanding This is a beautiful <span class='review-span highlight' data-aligned-summaries='1'>hotel</span> in the old part of Montreal and <span class='review-span highlight' data-aligned-summaries='1'>close to good restaurants</span>, art galleries, <span class='review-span highlight' data-aligned-summaries='1'>and shopping</span>. The room was luxurious, beautifully appointed, comfortable and spotless. It is just around the corner from a major theater and the cathedral and the river. It is short cab ride to the cultural center where they have the symphony, ballet and etc. The metro station is about a 10 minute walk.</div><div class='text-box'>We stayed at the Saint Sulpice in early October. <span class='review-span highlight' data-aligned-summaries='0'>The hotel has a perfect location</span> right in the heart of the Old Quarter. <span class='review-span highlight' data-aligned-summaries='1'>Lots of restaurants and attractions in the surrounding area</span>. The hotel staff is excellent, the rooms are beautiful with great bathrooms. Restaurant us good quality and group members enjoyed meals there. Concierge and front desk <span class='review-span highlight' data-aligned-summaries='0'>staff was warm and helpful</span>. The doorman are always there to help and offer a smile. Stop reading these reviews and book it! There is nothing not to like with the Saint Sulpice. We travel and book hotels all over the world, <span class='review-span highlight' data-aligned-summaries='0'>this one is a keeper</span>!</div><div class='text-box'>I rely heavily on reviews for visiting all over the world. This hotel was <span class='review-span highlight' data-aligned-summaries='0'>hands down one of the nicest and most beautiful places</span>. It was a extremely spacious room, with a queen bed, couch, fire place, large fridge, stove and sink and a window that opened toward the street and a good size bathroom. <span class='review-span highlight' data-aligned-summaries='0'>Everyone that worked there was very helpful and nice and we felt very welcomed</span>. <span class='review-span highlight' data-aligned-summaries='1'>The location is perfect and very central to a grocery store, liquor store, restaurants, etc</span>. <span class='review-span highlight' data-aligned-summaries='0'>I would highly recommend this Hotel</span> and really enjoyed our stay because of it.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>Cozy, comfortable, elegant and reasonably priced</span> the Saint-Sulpice is in the heart of old Montreal between just behind the cathedral. It is quiet, <span class='review-span highlight' data-aligned-summaries='0'>friendly and pet friendly</span>. Although we were in Montreal on the shortest days of the year our first floor room next to a courtyard garden was sunny and welcoming. <span class='review-span highlight' data-aligned-summaries='0'>One of our favorite hotels</span> anywhere.</div><div class='text-box'>Vacation with 3 sisters and Mom for Mother's Day. The only place I could find where the suite could accomodate 4 of us nicely. <span class='review-span highlight' data-aligned-summaries='0'>Clean, bright, and comfortable</span> plus and <span class='review-span highlight' data-aligned-summaries='1'>it is</span> <span class='review-span highlight' data-aligned-summaries='0 1'>right in the Old City</span> (which was good for my mother). There outdoor dining area was great for lunch! <span class='review-span highlight' data-aligned-summaries='0'>Good staff, too.</span></div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>Great service</span>, beautiful stylish contemporary decor! And even a Tassimo espresso maker in every room. L'Occitane bath products were amazing! Plus free Wi-Fi ! <span class='review-span highlight' data-aligned-summaries='1'>Central as it is</span> <span class='review-span highlight' data-aligned-summaries='0 1'>located right next to Notre Dame Cathedral</span>! <span class='review-span highlight' data-aligned-summaries='0'>Would definitely recommend this hotel</span> to the most finicky of people!</div><div class='text-box'>I love montreal, <span class='review-span highlight' data-aligned-summaries='0'>this hotel was available at a good value</span> and came <span class='review-span highlight' data-aligned-summaries='0'>highly recommended</span>. Very pleased with the location and hotel in general although slightly disappointed with saunda and fitness centre. I think there are better values out there.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>Love this hotel</span>. <span class='review-span highlight' data-aligned-summaries='1'>Perfect location to explore old town</span>. <span class='review-span highlight' data-aligned-summaries='0'>Wouldn't even consider any other hotel in town</span>. Our third visit and certainly will return again. The comp. breakfasts alone would bring us back.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">The staff at this highly recommended Montreal hotel were friendly, warm and so helpful.</span> <span id="1" class="summary-sentence">The hotel is also close to sights, restaurants and shopping.</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-dev_comm-inst_4_a_summ_1.html
ADDED
|
@@ -0,0 +1,135 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
|
| 2 |
+
<!DOCTYPE html>
|
| 3 |
+
<html lang="en">
|
| 4 |
+
<head>
|
| 5 |
+
<meta charset="UTF-8">
|
| 6 |
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
| 7 |
+
<title>Document Review</title>
|
| 8 |
+
<style>
|
| 9 |
+
body {
|
| 10 |
+
font-family: Arial, sans-serif;
|
| 11 |
+
display: flex;
|
| 12 |
+
justify-content: center; /* This will center the .reviews container on the screen */
|
| 13 |
+
align-items: flex-start;
|
| 14 |
+
height: 100vh;
|
| 15 |
+
margin: 2px; /* Remove default margin */
|
| 16 |
+
}
|
| 17 |
+
|
| 18 |
+
.highlight { background-color: yellow;
|
| 19 |
+
color: black !important; /* Dark grey for muted text */
|
| 20 |
+
cursor: pointer;}
|
| 21 |
+
.not-hover-highlight { background-color: lightyellow;
|
| 22 |
+
color: #606060 !important; /* Dark grey for muted text */}
|
| 23 |
+
.summary {
|
| 24 |
+
width: 50%;
|
| 25 |
+
font-size: 1.0rem;
|
| 26 |
+
padding: 10px;
|
| 27 |
+
height: 100vh; /* Maximum height to a third of the viewport height */
|
| 28 |
+
background-color: #9e9e9e0a;
|
| 29 |
+
}
|
| 30 |
+
.reviews {
|
| 31 |
+
width: 50%;
|
| 32 |
+
font-size: 0.7rem;
|
| 33 |
+
display: flex;
|
| 34 |
+
flex-wrap: wrap;
|
| 35 |
+
padding: 10px;
|
| 36 |
+
max-height: 100vh; /* Maximum height to a third of the viewport height */
|
| 37 |
+
overflow-y: auto; /* Enable vertical scrolling */
|
| 38 |
+
background-color: #9e9e9e0a; /* Light grey background */
|
| 39 |
+
}
|
| 40 |
+
.text-box {
|
| 41 |
+
width: calc(100% - 20px); /* Adjust based on padding */
|
| 42 |
+
margin: 10px;
|
| 43 |
+
padding: 10px;
|
| 44 |
+
background-color: #9e9e9e0a; /* Light grey background */
|
| 45 |
+
color: #606060bf;
|
| 46 |
+
border: 2px solid #ddd; /* Cartoonish border */
|
| 47 |
+
border-radius: 20px; /* Rounded corners for cartoonish effect */
|
| 48 |
+
position: relative;
|
| 49 |
+
box-shadow: 3px 3px #bbb; /* Soft shadow for depth */
|
| 50 |
+
}
|
| 51 |
+
.text-box:before {
|
| 52 |
+
content: '';
|
| 53 |
+
position: absolute;
|
| 54 |
+
right: 100%;
|
| 55 |
+
bottom: 20%;
|
| 56 |
+
border-top: 10px solid transparent;
|
| 57 |
+
border-bottom: 10px solid transparent;
|
| 58 |
+
border-right: 10px solid #ddd; /* Arrow matching the border */
|
| 59 |
+
}
|
| 60 |
+
.summary-box {
|
| 61 |
+
padding: 10px;
|
| 62 |
+
margin: 10px 0;
|
| 63 |
+
background-color: #e6e6fa; /* Lavender background for a pleasant look */
|
| 64 |
+
border: 1px solid #ddd; /* Light border for definition */
|
| 65 |
+
border-radius: 5px; /* Slightly rounded corners */
|
| 66 |
+
box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* Soft shadow for depth */
|
| 67 |
+
cursor: pointer;
|
| 68 |
+
}
|
| 69 |
+
h4 { margin-top: 0; }
|
| 70 |
+
</style>
|
| 71 |
+
</head>
|
| 72 |
+
<body>
|
| 73 |
+
<div class='column reviews'><h2>Reviews</h2><div class='text-box'>The best part of this hotel is the staff. <span class='review-span highlight' data-aligned-summaries='0'>We were greeted by the ubiquitous doorman and all staff every time we entered the hotel. We felt as if we were the most important guests in the hotel</span> and the staff were constantly concerned about our needs. The breakfast was a lavish buffet and again the wait staff was outstanding This is a beautiful hotel in the old part of Montreal and close to good restaurants, art galleries, and shopping. The room was luxurious, beautifully appointed, comfortable and spotless. It is just around the corner from a major theater and the cathedral and the river. It is short cab ride to the cultural center where they have the symphony, ballet and etc. The metro station is about a 10 minute walk.</div><div class='text-box'>We stayed at the Saint Sulpice in early October. <span class='review-span highlight' data-aligned-summaries='0'>The hotel has a perfect location</span> right in the heart of the Old Quarter. Lots of restaurants and attractions in the surrounding area. The hotel staff is excellent, the rooms are beautiful with great bathrooms. Restaurant us good quality and group members enjoyed meals there. <span class='review-span highlight' data-aligned-summaries='0'>Concierge and front desk staff was warm and helpful</span>. <span class='review-span highlight' data-aligned-summaries='0'>The doorman are always there to help and offer a smile</span>. Stop reading these reviews and book it! There is nothing not to like with the Saint Sulpice. We travel and book hotels all over the world, <span class='review-span highlight' data-aligned-summaries='0'>this one is a keeper</span>!</div><div class='text-box'>I rely heavily on reviews for visiting all over the world. This hotel was <span class='review-span highlight' data-aligned-summaries='0'>hands down one of the nicest and most beautiful places</span>. It was a extremely spacious room, with a queen bed, couch, fire place, large fridge, stove and sink and a window that opened toward the street and a good size bathroom. <span class='review-span highlight' data-aligned-summaries='0'>Everyone that worked there was very helpful and nice and we felt very welcomed</span>. The location is perfect and very central to a grocery store, liquor store, restaurants, etc. <span class='review-span highlight' data-aligned-summaries='0'>I would highly recommend this Hotel</span> and really enjoyed our stay because of it.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>Cozy, comfortable, elegant and reasonably priced</span> the Saint-Sulpice is in the heart of old Montreal between just behind the cathedral. It is quiet, friendly and pet friendly. Although we were in Montreal on the shortest days of the year our first floor room next to a courtyard garden was sunny and welcoming. <span class='review-span highlight' data-aligned-summaries='0'>One of our favorite hotels anywhere</span>.</div><div class='text-box'>Vacation with 3 sisters and Mom for Mother's Day. The only place I could find where the suite could accomodate 4 of us nicely. Clean, bright, and comfortable plus and it is right in the Old City (which was good for my mother). <span class='review-span highlight' data-aligned-summaries='0'>There outdoor dining area was great for lunch! Good staff</span>, too.</div><div class='text-box'>Great service, beautiful stylish contemporary decor! And even a Tassimo espresso maker in every room. L'Occitane bath products were amazing! Plus free Wi-Fi ! Central as it is located right next to Notre Dame Cathedral! <span class='review-span highlight' data-aligned-summaries='0'>Would definitely recommend this hotel</span> to the most finicky of people!</div><div class='text-box'>I love montreal, <span class='review-span highlight' data-aligned-summaries='0'>this hotel</span> was available at a good value and came <span class='review-span highlight' data-aligned-summaries='0'>highly recommended</span>. Very pleased with the location and hotel in general although slightly disappointed with saunda and fitness centre. I think there are better values out there.</div><div class='text-box'>Love this hotel. <span class='review-span highlight' data-aligned-summaries='0'>Perfect location to explore old town</span>. <span class='review-span highlight' data-aligned-summaries='0'>Wouldn't even consider any other hotel in town</span>. Our third visit and certainly will return again. The comp. breakfasts alone would bring us back.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">The hotel is definitely recommended and the front of house staff were particularly amiable 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-dev_comm-inst_4_a_summ_2.html
ADDED
|
@@ -0,0 +1,135 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
|
| 2 |
+
<!DOCTYPE html>
|
| 3 |
+
<html lang="en">
|
| 4 |
+
<head>
|
| 5 |
+
<meta charset="UTF-8">
|
| 6 |
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
| 7 |
+
<title>Document Review</title>
|
| 8 |
+
<style>
|
| 9 |
+
body {
|
| 10 |
+
font-family: Arial, sans-serif;
|
| 11 |
+
display: flex;
|
| 12 |
+
justify-content: center; /* This will center the .reviews container on the screen */
|
| 13 |
+
align-items: flex-start;
|
| 14 |
+
height: 100vh;
|
| 15 |
+
margin: 2px; /* Remove default margin */
|
| 16 |
+
}
|
| 17 |
+
|
| 18 |
+
.highlight { background-color: yellow;
|
| 19 |
+
color: black !important; /* Dark grey for muted text */
|
| 20 |
+
cursor: pointer;}
|
| 21 |
+
.not-hover-highlight { background-color: lightyellow;
|
| 22 |
+
color: #606060 !important; /* Dark grey for muted text */}
|
| 23 |
+
.summary {
|
| 24 |
+
width: 50%;
|
| 25 |
+
font-size: 1.0rem;
|
| 26 |
+
padding: 10px;
|
| 27 |
+
height: 100vh; /* Maximum height to a third of the viewport height */
|
| 28 |
+
background-color: #9e9e9e0a;
|
| 29 |
+
}
|
| 30 |
+
.reviews {
|
| 31 |
+
width: 50%;
|
| 32 |
+
font-size: 0.7rem;
|
| 33 |
+
display: flex;
|
| 34 |
+
flex-wrap: wrap;
|
| 35 |
+
padding: 10px;
|
| 36 |
+
max-height: 100vh; /* Maximum height to a third of the viewport height */
|
| 37 |
+
overflow-y: auto; /* Enable vertical scrolling */
|
| 38 |
+
background-color: #9e9e9e0a; /* Light grey background */
|
| 39 |
+
}
|
| 40 |
+
.text-box {
|
| 41 |
+
width: calc(100% - 20px); /* Adjust based on padding */
|
| 42 |
+
margin: 10px;
|
| 43 |
+
padding: 10px;
|
| 44 |
+
background-color: #9e9e9e0a; /* Light grey background */
|
| 45 |
+
color: #606060bf;
|
| 46 |
+
border: 2px solid #ddd; /* Cartoonish border */
|
| 47 |
+
border-radius: 20px; /* Rounded corners for cartoonish effect */
|
| 48 |
+
position: relative;
|
| 49 |
+
box-shadow: 3px 3px #bbb; /* Soft shadow for depth */
|
| 50 |
+
}
|
| 51 |
+
.text-box:before {
|
| 52 |
+
content: '';
|
| 53 |
+
position: absolute;
|
| 54 |
+
right: 100%;
|
| 55 |
+
bottom: 20%;
|
| 56 |
+
border-top: 10px solid transparent;
|
| 57 |
+
border-bottom: 10px solid transparent;
|
| 58 |
+
border-right: 10px solid #ddd; /* Arrow matching the border */
|
| 59 |
+
}
|
| 60 |
+
.summary-box {
|
| 61 |
+
padding: 10px;
|
| 62 |
+
margin: 10px 0;
|
| 63 |
+
background-color: #e6e6fa; /* Lavender background for a pleasant look */
|
| 64 |
+
border: 1px solid #ddd; /* Light border for definition */
|
| 65 |
+
border-radius: 5px; /* Slightly rounded corners */
|
| 66 |
+
box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* Soft shadow for depth */
|
| 67 |
+
cursor: pointer;
|
| 68 |
+
}
|
| 69 |
+
h4 { margin-top: 0; }
|
| 70 |
+
</style>
|
| 71 |
+
</head>
|
| 72 |
+
<body>
|
| 73 |
+
<div class='column reviews'><h2>Reviews</h2><div class='text-box'>The best part of this hotel is the staff. We were greeted by the ubiquitous doorman and all staff every time we entered the hotel. We felt as if we were the most important guests in the hotel and the staff were constantly concerned about our needs. The breakfast was a lavish buffet and again the wait staff was outstanding This is a beautiful <span class='review-span highlight' data-aligned-summaries='1'>hotel in the old part of Montreal and close to good restaurants, art galleries, and shopping</span>. The room was luxurious, beautifully appointed, comfortable and spotless. <span class='review-span highlight' data-aligned-summaries='1'>It is just around the corner from a major theater and the cathedral and the river. It is short cab ride to the cultural center where they have the symphony, ballet and etc. The metro station is about a 10 minute walk.</span></div><div class='text-box'>We stayed at the Saint Sulpice in early October. The <span class='review-span highlight' data-aligned-summaries='1'>hotel has a perfect location</span> right in the heart of the Old Quarter. Lots of restaurants and attractions in the surrounding area. The hotel staff is excellent, the rooms are beautiful with great bathrooms. Restaurant us good quality and group members enjoyed meals there. Concierge and front desk <span class='review-span highlight' data-aligned-summaries='1'>staff was</span> warm and <span class='review-span highlight' data-aligned-summaries='1'>helpful</span>. The doorman are always there to help and offer a smile. <span class='review-span highlight' data-aligned-summaries='0'>Stop reading</span> these <span class='review-span highlight' data-aligned-summaries='0'>reviews and book it!</span> There is nothing not to like with the Saint Sulpice. We travel and book hotels all over the world, this one is a keeper!</div><div class='text-box'>I rely heavily on reviews for visiting all over the world. This hotel was <span class='review-span highlight' data-aligned-summaries='0'>hands down one of the nicest and most beautiful places</span>. It was a extremely spacious room, with a queen bed, couch, fire place, large fridge, stove and sink and a window that opened toward the street and a good size bathroom. <span class='review-span highlight' data-aligned-summaries='1'>Everyone that worked there was very helpful</span> and nice and we felt very welcomed. <span class='review-span highlight' data-aligned-summaries='1'>The location is perfect and very central</span> to a grocery store, liquor store, restaurants, etc. <span class='review-span highlight' data-aligned-summaries='0'>I would highly recommend this Hotel</span> and really enjoyed our stay because of it.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>Cozy, comfortable, elegant and reasonably priced</span> the <span class='review-span highlight' data-aligned-summaries='1'>Saint-Sulpice is in the heart of old Montreal between just behind the cathedral</span>. It is quiet, <span class='review-span highlight' data-aligned-summaries='1'>friendly and pet friendly</span>. Although we were in Montreal on the shortest days of the year our first floor room next to a courtyard garden was sunny and welcoming. <span class='review-span highlight' data-aligned-summaries='0'>One of our favorite hotels anywhere</span>.</div><div class='text-box'>Vacation with 3 sisters and Mom for Mother's Day. The only place I could find where the suite could accomodate 4 of us nicely. Clean, bright, and comfortable plus and it <span class='review-span highlight' data-aligned-summaries='1'>is right in the Old City</span> (which was good for my mother). There outdoor dining area was great for lunch! Good staff, too.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0 1'>Great service</span>, beautiful stylish contemporary decor! And even a Tassimo espresso maker in every room. L'Occitane bath products were amazing! Plus free Wi-Fi ! <span class='review-span highlight' data-aligned-summaries='1'>Central as it is located right next to Notre Dame Cathedral</span>! <span class='review-span highlight' data-aligned-summaries='0'>Would definitely recommend this hotel</span> to the most finicky of people!</div><div class='text-box'>I love montreal, <span class='review-span highlight' data-aligned-summaries='0'>this hotel</span> was available at a good value and <span class='review-span highlight' data-aligned-summaries='0'>came highly recommended</span>. <span class='review-span highlight' data-aligned-summaries='1'>Very pleased with the location</span> and hotel in general although slightly disappointed with saunda and fitness centre. <span class='review-span highlight' data-aligned-summaries='0'>I think there are better values out there</span>.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>Love this hotel</span>. <span class='review-span highlight' data-aligned-summaries='1'>Perfect location to explore old town</span>. <span class='review-span highlight' data-aligned-summaries='0'>Wouldn't even consider any other hotel in town</span>. Our third visit and certainly will return again. The comp. breakfasts alone would bring us back.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">The hotel is highly recommended.</span> <span id="1" class="summary-sentence">The location is great and the staff is very helpful.</span></div></div>
|
| 74 |
+
<script>
|
| 75 |
+
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 76 |
+
sentence.addEventListener('mouseenter', function() {
|
| 77 |
+
const summaryId = this.getAttribute('id');
|
| 78 |
+
document.querySelectorAll('.review-span').forEach(span => {
|
| 79 |
+
if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
|
| 80 |
+
span.classList.remove('highlight');
|
| 81 |
+
span.classList.add('not-hover-highlight');
|
| 82 |
+
}
|
| 83 |
+
});
|
| 84 |
+
this.classList.add('highlight');
|
| 85 |
+
});
|
| 86 |
+
|
| 87 |
+
sentence.addEventListener('mouseleave', function() {
|
| 88 |
+
const summaryId = this.getAttribute('id');
|
| 89 |
+
document.querySelectorAll('.review-span').forEach(span => {
|
| 90 |
+
if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
|
| 91 |
+
span.classList.remove('not-hover-highlight');
|
| 92 |
+
span.classList.add('highlight');
|
| 93 |
+
}
|
| 94 |
+
this.classList.remove('highlight');
|
| 95 |
+
});
|
| 96 |
+
});
|
| 97 |
+
});
|
| 98 |
+
|
| 99 |
+
document.querySelectorAll('.review-span').forEach(span => {
|
| 100 |
+
span.addEventListener('mouseenter', function() {
|
| 101 |
+
document.querySelectorAll('.review-span').forEach(span => {
|
| 102 |
+
if (span !== this) {
|
| 103 |
+
span.classList.remove('highlight');
|
| 104 |
+
span.classList.add('not-hover-highlight');
|
| 105 |
+
}
|
| 106 |
+
});
|
| 107 |
+
const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
|
| 108 |
+
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 109 |
+
if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
|
| 110 |
+
sentence.classList.add('highlight');
|
| 111 |
+
}
|
| 112 |
+
});
|
| 113 |
+
});
|
| 114 |
+
});
|
| 115 |
+
|
| 116 |
+
document.querySelectorAll('.review-span').forEach(span => {
|
| 117 |
+
span.addEventListener('mouseleave', function() {
|
| 118 |
+
const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
|
| 119 |
+
document.querySelectorAll('.review-span').forEach(span => {
|
| 120 |
+
if (span !== this) {
|
| 121 |
+
span.classList.remove('not-hover-highlight');
|
| 122 |
+
span.classList.add('highlight');
|
| 123 |
+
}
|
| 124 |
+
});
|
| 125 |
+
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 126 |
+
if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
|
| 127 |
+
sentence.classList.remove('highlight');
|
| 128 |
+
}
|
| 129 |
+
});
|
| 130 |
+
});
|
| 131 |
+
});
|
| 132 |
+
|
| 133 |
+
</script>
|
| 134 |
+
</body>
|
| 135 |
+
</html>
|
html_files/train/CocoTrip-dev_comm-inst_4_b_summ_0.html
ADDED
|
@@ -0,0 +1,135 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
|
| 2 |
+
<!DOCTYPE html>
|
| 3 |
+
<html lang="en">
|
| 4 |
+
<head>
|
| 5 |
+
<meta charset="UTF-8">
|
| 6 |
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
| 7 |
+
<title>Document Review</title>
|
| 8 |
+
<style>
|
| 9 |
+
body {
|
| 10 |
+
font-family: Arial, sans-serif;
|
| 11 |
+
display: flex;
|
| 12 |
+
justify-content: center; /* This will center the .reviews container on the screen */
|
| 13 |
+
align-items: flex-start;
|
| 14 |
+
height: 100vh;
|
| 15 |
+
margin: 2px; /* Remove default margin */
|
| 16 |
+
}
|
| 17 |
+
|
| 18 |
+
.highlight { background-color: yellow;
|
| 19 |
+
color: black !important; /* Dark grey for muted text */
|
| 20 |
+
cursor: pointer;}
|
| 21 |
+
.not-hover-highlight { background-color: lightyellow;
|
| 22 |
+
color: #606060 !important; /* Dark grey for muted text */}
|
| 23 |
+
.summary {
|
| 24 |
+
width: 50%;
|
| 25 |
+
font-size: 1.0rem;
|
| 26 |
+
padding: 10px;
|
| 27 |
+
height: 100vh; /* Maximum height to a third of the viewport height */
|
| 28 |
+
background-color: #9e9e9e0a;
|
| 29 |
+
}
|
| 30 |
+
.reviews {
|
| 31 |
+
width: 50%;
|
| 32 |
+
font-size: 0.7rem;
|
| 33 |
+
display: flex;
|
| 34 |
+
flex-wrap: wrap;
|
| 35 |
+
padding: 10px;
|
| 36 |
+
max-height: 100vh; /* Maximum height to a third of the viewport height */
|
| 37 |
+
overflow-y: auto; /* Enable vertical scrolling */
|
| 38 |
+
background-color: #9e9e9e0a; /* Light grey background */
|
| 39 |
+
}
|
| 40 |
+
.text-box {
|
| 41 |
+
width: calc(100% - 20px); /* Adjust based on padding */
|
| 42 |
+
margin: 10px;
|
| 43 |
+
padding: 10px;
|
| 44 |
+
background-color: #9e9e9e0a; /* Light grey background */
|
| 45 |
+
color: #606060bf;
|
| 46 |
+
border: 2px solid #ddd; /* Cartoonish border */
|
| 47 |
+
border-radius: 20px; /* Rounded corners for cartoonish effect */
|
| 48 |
+
position: relative;
|
| 49 |
+
box-shadow: 3px 3px #bbb; /* Soft shadow for depth */
|
| 50 |
+
}
|
| 51 |
+
.text-box:before {
|
| 52 |
+
content: '';
|
| 53 |
+
position: absolute;
|
| 54 |
+
right: 100%;
|
| 55 |
+
bottom: 20%;
|
| 56 |
+
border-top: 10px solid transparent;
|
| 57 |
+
border-bottom: 10px solid transparent;
|
| 58 |
+
border-right: 10px solid #ddd; /* Arrow matching the border */
|
| 59 |
+
}
|
| 60 |
+
.summary-box {
|
| 61 |
+
padding: 10px;
|
| 62 |
+
margin: 10px 0;
|
| 63 |
+
background-color: #e6e6fa; /* Lavender background for a pleasant look */
|
| 64 |
+
border: 1px solid #ddd; /* Light border for definition */
|
| 65 |
+
border-radius: 5px; /* Slightly rounded corners */
|
| 66 |
+
box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* Soft shadow for depth */
|
| 67 |
+
cursor: pointer;
|
| 68 |
+
}
|
| 69 |
+
h4 { margin-top: 0; }
|
| 70 |
+
</style>
|
| 71 |
+
</head>
|
| 72 |
+
<body>
|
| 73 |
+
<div class='column reviews'><h2>Reviews</h2><div class='text-box'>We chose the Hilton Bonaventure for our recent stay in Montreal based on the glowing recommendation of a frequent flying family member. The downtown location proved to be a great starting point for our city explorations. The room was clean, well laid out, and comfortable. <span class='review-span highlight' data-aligned-summaries='0'>The staff was courteous and al spoke flawless English</span>. One evening we decided to sample some local ice wine we had purchased, the hotel quickly brought us glasses, opened, and then served us our wine. The breakfast was delicious, and the selection at the bar was above average. The rooftop garden was beautiful, although we didnat have time to walk though it in its entirety. <span class='review-span highlight' data-aligned-summaries='0'>Over all I give this hotel my full recommendation</span>.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>Hilton Bonaventure definitely provides bang for your buck</span>. The layout for this hotel is very unique. It has many "wings" and each wing has access to its own private pool. It also has many water features and excellent landscaping throughout the outdoor patios that are accessible privately via the rooms. You don't even realize that you are on the 17th floor once you get off the main elevator at the reception level and the view of the city from that floor is breathtaking. <span class='review-span highlight' data-aligned-summaries='0'>The staff is quite friendly and accomodating</span>. The only drawback: wired interenet only available for 1 computer in each room. Wireless internet is only available in the lobby. However, I enjoyed my stay!</div><div class='text-box'>Recently in Montreal to attend a concert with my teen Grand daughter and her friend. We chose the Bonaventure after much consideration due to it's proximity to the bell Centre( concert Venue and also Hockey Game Venue which my husband was attending). The decision could not have been better.<span class='review-span highlight' data-aligned-summaries='1'>The Bonaventure is connected to Montreal's extensive underground City, lots of shopping, a skating rink, movie theatres.we</span> were thrilled. <span class='review-span highlight' data-aligned-summaries='0'>To say nothing of the friendly hotel staff.to a person they were helpful and welcoming</span>. This is obviously a very well run facility. The management and staff should be proud.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>There are no elevators and the staff doesn't tell you</span>. <span class='review-span highlight' data-aligned-summaries='0'>I had to drag my bags upstairs and then downstairs</span>. There were no bellmans available when we arrived. It was horrible for $100US per night. <span class='review-span highlight' data-aligned-summaries='0'>When I asked for a closer room, I was given a downgraded room</span>. <span class='review-span highlight' data-aligned-summaries='0'>I've never stayed at a 4 star hotel without elevators and no bellmen</span>. Also, the drain in the bathtub was very slow. You end up showering in 4 inches of water.</div><div class='text-box'>hotel in central downtown location. Comfortable, the greatest asset is the garden with swimming pool on the top floor is even heated in winter ! Book a room on the executive floor and enjoy complimentary breakfast and evening appetizers and snacks for a small fee. A perfect hotel to stay in the city.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>Wonderful quality hotel</span>. <span class='review-span highlight' data-aligned-summaries='0'>The garden and pool are a great escape from the city below</span>. The room was clean, comfortable and tastefully renovated - very modern yet so comfy. <span class='review-span highlight' data-aligned-summaries='0'>The staff was very helpful</span> and <span class='review-span highlight' data-aligned-summaries='1'>the location of the hotel is perfect for every sight in Montreal</span>.</div><div class='text-box'>Was participating at a business convention in Montreal. We stayed at this hotel. Nice hotel with comfortable beds and <span class='review-span highlight' data-aligned-summaries='1'>nice view of downtown Montreal. Near Place Bonaventure. Closed to Bell centre and all fancy restaurant around</span>.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>Everything about this hotel was fine</span>. It is a typical, better-than-averagely run downtown Hilton property. I went there for a few days on business and ended up liking it a lot.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">The staff at this highly recommended Montreal hotel were friendly, warm and so helpful.</span> <span id="1" class="summary-sentence">The hotel is also close to sights, restaurants and shopping.</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-dev_comm-inst_4_b_summ_1.html
ADDED
|
@@ -0,0 +1,135 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
|
| 2 |
+
<!DOCTYPE html>
|
| 3 |
+
<html lang="en">
|
| 4 |
+
<head>
|
| 5 |
+
<meta charset="UTF-8">
|
| 6 |
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
| 7 |
+
<title>Document Review</title>
|
| 8 |
+
<style>
|
| 9 |
+
body {
|
| 10 |
+
font-family: Arial, sans-serif;
|
| 11 |
+
display: flex;
|
| 12 |
+
justify-content: center; /* This will center the .reviews container on the screen */
|
| 13 |
+
align-items: flex-start;
|
| 14 |
+
height: 100vh;
|
| 15 |
+
margin: 2px; /* Remove default margin */
|
| 16 |
+
}
|
| 17 |
+
|
| 18 |
+
.highlight { background-color: yellow;
|
| 19 |
+
color: black !important; /* Dark grey for muted text */
|
| 20 |
+
cursor: pointer;}
|
| 21 |
+
.not-hover-highlight { background-color: lightyellow;
|
| 22 |
+
color: #606060 !important; /* Dark grey for muted text */}
|
| 23 |
+
.summary {
|
| 24 |
+
width: 50%;
|
| 25 |
+
font-size: 1.0rem;
|
| 26 |
+
padding: 10px;
|
| 27 |
+
height: 100vh; /* Maximum height to a third of the viewport height */
|
| 28 |
+
background-color: #9e9e9e0a;
|
| 29 |
+
}
|
| 30 |
+
.reviews {
|
| 31 |
+
width: 50%;
|
| 32 |
+
font-size: 0.7rem;
|
| 33 |
+
display: flex;
|
| 34 |
+
flex-wrap: wrap;
|
| 35 |
+
padding: 10px;
|
| 36 |
+
max-height: 100vh; /* Maximum height to a third of the viewport height */
|
| 37 |
+
overflow-y: auto; /* Enable vertical scrolling */
|
| 38 |
+
background-color: #9e9e9e0a; /* Light grey background */
|
| 39 |
+
}
|
| 40 |
+
.text-box {
|
| 41 |
+
width: calc(100% - 20px); /* Adjust based on padding */
|
| 42 |
+
margin: 10px;
|
| 43 |
+
padding: 10px;
|
| 44 |
+
background-color: #9e9e9e0a; /* Light grey background */
|
| 45 |
+
color: #606060bf;
|
| 46 |
+
border: 2px solid #ddd; /* Cartoonish border */
|
| 47 |
+
border-radius: 20px; /* Rounded corners for cartoonish effect */
|
| 48 |
+
position: relative;
|
| 49 |
+
box-shadow: 3px 3px #bbb; /* Soft shadow for depth */
|
| 50 |
+
}
|
| 51 |
+
.text-box:before {
|
| 52 |
+
content: '';
|
| 53 |
+
position: absolute;
|
| 54 |
+
right: 100%;
|
| 55 |
+
bottom: 20%;
|
| 56 |
+
border-top: 10px solid transparent;
|
| 57 |
+
border-bottom: 10px solid transparent;
|
| 58 |
+
border-right: 10px solid #ddd; /* Arrow matching the border */
|
| 59 |
+
}
|
| 60 |
+
.summary-box {
|
| 61 |
+
padding: 10px;
|
| 62 |
+
margin: 10px 0;
|
| 63 |
+
background-color: #e6e6fa; /* Lavender background for a pleasant look */
|
| 64 |
+
border: 1px solid #ddd; /* Light border for definition */
|
| 65 |
+
border-radius: 5px; /* Slightly rounded corners */
|
| 66 |
+
box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* Soft shadow for depth */
|
| 67 |
+
cursor: pointer;
|
| 68 |
+
}
|
| 69 |
+
h4 { margin-top: 0; }
|
| 70 |
+
</style>
|
| 71 |
+
</head>
|
| 72 |
+
<body>
|
| 73 |
+
<div class='column reviews'><h2>Reviews</h2><div class='text-box'>We chose the Hilton Bonaventure for our recent stay in Montreal based on the glowing recommendation of a frequent flying family member. The downtown location proved to be a great starting point for our city explorations. The room was clean, well laid out, and comfortable. The <span class='review-span highlight' data-aligned-summaries='0'>staff was courteous</span> and al spoke flawless English. One evening we decided to sample some local ice wine we had purchased, the hotel quickly <span class='review-span highlight' data-aligned-summaries='0'>brought us glasses, opened, and then served us our wine</span>. The breakfast was delicious, and the selection at the bar was above average. The rooftop garden was beautiful, although we didnat have time to walk though it in its entirety. Over all <span class='review-span highlight' data-aligned-summaries='0'>I give this hotel my full recommendation</span>.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>Hilton Bonaventure definitely provides bang for your buck</span>. The layout for this hotel is very unique. It has many "wings" and each wing has access to its own private pool. It also has many water features and excellent landscaping throughout the outdoor patios that are accessible privately via the rooms. You don't even realize that you are on the 17th floor once you get off the main elevator at the reception level and the view of the city from that floor is breathtaking. <span class='review-span highlight' data-aligned-summaries='0'>The staff is quite friendly and accomodating</span>. The only drawback: wired interenet only available for 1 computer in each room. Wireless internet is only available in the lobby. However, I enjoyed my stay!</div><div class='text-box'>Recently in Montreal to attend a concert with my teen Grand daughter and her friend. We chose the Bonaventure after much consideration due to it's proximity to the bell Centre( concert Venue and also Hockey Game Venue which my husband was attending). The decision could not have been better.The <span class='review-span highlight' data-aligned-summaries='0'>Bonaventure is connected to Montreal's extensive underground City</span>, lots of shopping, a skating rink, movie theatres.we were thrilled. To say nothing of the <span class='review-span highlight' data-aligned-summaries='0'>friendly hotel staff.to a person they were helpful and welcoming</span>. <span class='review-span highlight' data-aligned-summaries='0'>This is obviously a very well run facility</span>. The management and staff should be proud.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>There are no elevators and the staff doesn't tell you</span>. I had to drag my bags upstairs and then downstairs. There were no bellmans available when we arrived. It was horrible for $100US per night. When I asked for a closer room, I was given a downgraded room. I've never stayed at a 4 star hotel without elevators and no bellmen. Also, the drain in the bathtub was very slow. You end up showering in 4 inches of water.</div><div class='text-box'>hotel in central downtown location. Comfortable, the greatest asset is the garden with swimming pool on the top floor is even heated in winter ! <span class='review-span highlight' data-aligned-summaries='0'>Book a room</span> on the executive floor and enjoy complimentary breakfast and evening appetizers and snacks for a small fee. A perfect hotel to stay in the city.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>Wonderful quality hotel</span>. The garden and pool are a great escape from the city below. The room was clean, comfortable and tastefully renovated - very modern yet so comfy. The <span class='review-span highlight' data-aligned-summaries='0'>staff was very helpful</span> and the location of the hotel is perfect for every sight in Montreal.</div><div class='text-box'>Was participating at a business convention in Montreal. We stayed at this hotel. <span class='review-span highlight' data-aligned-summaries='0'>Nice hotel with comfortable beds</span> and nice view of downtown Montreal. Near Place Bonaventure. <span class='review-span highlight' data-aligned-summaries='0'>Closed to Bell centre and all fancy restaurant around</span>.</div><div class='text-box'>Everything about this hotel was fine. It is a typical, better-than-averagely run downtown Hilton property. I went there for a few days on business and ended up liking it a lot.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">The hotel is definitely recommended and the front of house staff were particularly amiable 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-dev_comm-inst_4_b_summ_2.html
ADDED
|
@@ -0,0 +1,135 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
|
| 2 |
+
<!DOCTYPE html>
|
| 3 |
+
<html lang="en">
|
| 4 |
+
<head>
|
| 5 |
+
<meta charset="UTF-8">
|
| 6 |
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
| 7 |
+
<title>Document Review</title>
|
| 8 |
+
<style>
|
| 9 |
+
body {
|
| 10 |
+
font-family: Arial, sans-serif;
|
| 11 |
+
display: flex;
|
| 12 |
+
justify-content: center; /* This will center the .reviews container on the screen */
|
| 13 |
+
align-items: flex-start;
|
| 14 |
+
height: 100vh;
|
| 15 |
+
margin: 2px; /* Remove default margin */
|
| 16 |
+
}
|
| 17 |
+
|
| 18 |
+
.highlight { background-color: yellow;
|
| 19 |
+
color: black !important; /* Dark grey for muted text */
|
| 20 |
+
cursor: pointer;}
|
| 21 |
+
.not-hover-highlight { background-color: lightyellow;
|
| 22 |
+
color: #606060 !important; /* Dark grey for muted text */}
|
| 23 |
+
.summary {
|
| 24 |
+
width: 50%;
|
| 25 |
+
font-size: 1.0rem;
|
| 26 |
+
padding: 10px;
|
| 27 |
+
height: 100vh; /* Maximum height to a third of the viewport height */
|
| 28 |
+
background-color: #9e9e9e0a;
|
| 29 |
+
}
|
| 30 |
+
.reviews {
|
| 31 |
+
width: 50%;
|
| 32 |
+
font-size: 0.7rem;
|
| 33 |
+
display: flex;
|
| 34 |
+
flex-wrap: wrap;
|
| 35 |
+
padding: 10px;
|
| 36 |
+
max-height: 100vh; /* Maximum height to a third of the viewport height */
|
| 37 |
+
overflow-y: auto; /* Enable vertical scrolling */
|
| 38 |
+
background-color: #9e9e9e0a; /* Light grey background */
|
| 39 |
+
}
|
| 40 |
+
.text-box {
|
| 41 |
+
width: calc(100% - 20px); /* Adjust based on padding */
|
| 42 |
+
margin: 10px;
|
| 43 |
+
padding: 10px;
|
| 44 |
+
background-color: #9e9e9e0a; /* Light grey background */
|
| 45 |
+
color: #606060bf;
|
| 46 |
+
border: 2px solid #ddd; /* Cartoonish border */
|
| 47 |
+
border-radius: 20px; /* Rounded corners for cartoonish effect */
|
| 48 |
+
position: relative;
|
| 49 |
+
box-shadow: 3px 3px #bbb; /* Soft shadow for depth */
|
| 50 |
+
}
|
| 51 |
+
.text-box:before {
|
| 52 |
+
content: '';
|
| 53 |
+
position: absolute;
|
| 54 |
+
right: 100%;
|
| 55 |
+
bottom: 20%;
|
| 56 |
+
border-top: 10px solid transparent;
|
| 57 |
+
border-bottom: 10px solid transparent;
|
| 58 |
+
border-right: 10px solid #ddd; /* Arrow matching the border */
|
| 59 |
+
}
|
| 60 |
+
.summary-box {
|
| 61 |
+
padding: 10px;
|
| 62 |
+
margin: 10px 0;
|
| 63 |
+
background-color: #e6e6fa; /* Lavender background for a pleasant look */
|
| 64 |
+
border: 1px solid #ddd; /* Light border for definition */
|
| 65 |
+
border-radius: 5px; /* Slightly rounded corners */
|
| 66 |
+
box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* Soft shadow for depth */
|
| 67 |
+
cursor: pointer;
|
| 68 |
+
}
|
| 69 |
+
h4 { margin-top: 0; }
|
| 70 |
+
</style>
|
| 71 |
+
</head>
|
| 72 |
+
<body>
|
| 73 |
+
<div class='column reviews'><h2>Reviews</h2><div class='text-box'>We chose the Hilton Bonaventure for our recent stay in Montreal based on the glowing recommendation of a frequent flying family member. <span class='review-span highlight' data-aligned-summaries='0 1'>The downtown location proved to be a great</span> <span class='review-span highlight' data-aligned-summaries='0'>starting point for our city explorations</span>. The room was clean, well laid out, and comfortable. <span class='review-span highlight' data-aligned-summaries='1'>The staff was courteous and al spoke flawless English</span>. One evening we decided to sample some local ice wine we had purchased, the hotel quickly brought us glasses, opened, and then served us our wine. The breakfast was delicious, and the selection at the bar was above average. The rooftop garden was beautiful, although we didnat have time to walk though it in its entirety. <span class='review-span highlight' data-aligned-summaries='0'>Over all I give this hotel my full recommendation</span>.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>Hilton Bonaventure definitely provides bang for your buck</span>. The layout for this hotel is very unique. It has many "wings" and <span class='review-span highlight' data-aligned-summaries='0'>each wing has access to its own private pool</span>. It also has many water features and excellent landscaping throughout the outdoor patios that are accessible privately via the rooms. You don't even realize that you are on the 17th floor once you get off the main elevator at the reception level and the view of the city from that floor is breathtaking. <span class='review-span highlight' data-aligned-summaries='1'>The staff is quite friendly and accomodating</span>. The only drawback: wired interenet only available for 1 computer in each room. Wireless internet is only available in the lobby. However, I enjoyed my stay!</div><div class='text-box'>Recently in Montreal to attend a concert with my teen Grand daughter and her friend. We chose the Bonaventure after much consideration due to it's proximity to the bell Centre( concert Venue and also Hockey Game Venue which my husband was attending). The decision could not have been better.<span class='review-span highlight' data-aligned-summaries='0 1'>The Bonaventure is connected to Montreal's extensive underground City</span>, lots of shopping, a skating rink, movie theatres.we were thrilled. To say nothing of <span class='review-span highlight' data-aligned-summaries='1'>the friendly hotel staff.to a person they were helpful and welcoming</span>. <span class='review-span highlight' data-aligned-summaries='0'>This is obviously a very well run facility</span>. The management and staff should be proud.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='1'>There are no elevators and the staff doesn't tell you</span>. <span class='review-span highlight' data-aligned-summaries='0'>I had to drag my bags upstairs and then downstairs</span>. There were no bellmans available when we arrived. It was horrible for $100US per night. <span class='review-span highlight' data-aligned-summaries='1'>When I asked for a closer room, I was given a downgraded room</span>. <span class='review-span highlight' data-aligned-summaries='0'>I've never stayed at a 4 star hotel without elevators and no bellmen</span>. Also, the drain in the bathtub was very slow. You end up showering in 4 inches of water.</div><div class='text-box'>hotel in central downtown location. Comfortable, the greatest asset is the garden with swimming pool on the top floor is even heated in winter ! <span class='review-span highlight' data-aligned-summaries='0'>Book a room on the executive floor</span> and enjoy complimentary breakfast and evening appetizers and snacks for a small fee. A perfect hotel to stay in the city.</div><div class='text-box'>Wonderful quality hotel. The garden and pool are a great escape from the city below. The room was clean, comfortable and tastefully renovated - very modern yet so comfy. <span class='review-span highlight' data-aligned-summaries='0 1'>The staff was very helpful and the location of the hotel is perfect</span> for every sight in Montreal.</div><div class='text-box'>Was participating at a business convention in Montreal. We stayed at this hotel. <span class='review-span highlight' data-aligned-summaries='0'>Nice hotel with comfortable beds and</span> <span class='review-span highlight' data-aligned-summaries='0 1'>nice view of downtown Montreal</span>.<span class='review-span highlight' data-aligned-summaries='1'> Near Place Bonaventure</span>. Closed to Bell centre and all fancy restaurant around.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>Everything about this hotel was fine</span>. It is a typical, better-than-averagely run downtown Hilton property. I went there for a few days on business and ended up liking it a lot.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">The hotel is highly recommended.</span> <span id="1" class="summary-sentence">The location is great and the staff is very helpful.</span></div></div>
|
| 74 |
+
<script>
|
| 75 |
+
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 76 |
+
sentence.addEventListener('mouseenter', function() {
|
| 77 |
+
const summaryId = this.getAttribute('id');
|
| 78 |
+
document.querySelectorAll('.review-span').forEach(span => {
|
| 79 |
+
if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
|
| 80 |
+
span.classList.remove('highlight');
|
| 81 |
+
span.classList.add('not-hover-highlight');
|
| 82 |
+
}
|
| 83 |
+
});
|
| 84 |
+
this.classList.add('highlight');
|
| 85 |
+
});
|
| 86 |
+
|
| 87 |
+
sentence.addEventListener('mouseleave', function() {
|
| 88 |
+
const summaryId = this.getAttribute('id');
|
| 89 |
+
document.querySelectorAll('.review-span').forEach(span => {
|
| 90 |
+
if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
|
| 91 |
+
span.classList.remove('not-hover-highlight');
|
| 92 |
+
span.classList.add('highlight');
|
| 93 |
+
}
|
| 94 |
+
this.classList.remove('highlight');
|
| 95 |
+
});
|
| 96 |
+
});
|
| 97 |
+
});
|
| 98 |
+
|
| 99 |
+
document.querySelectorAll('.review-span').forEach(span => {
|
| 100 |
+
span.addEventListener('mouseenter', function() {
|
| 101 |
+
document.querySelectorAll('.review-span').forEach(span => {
|
| 102 |
+
if (span !== this) {
|
| 103 |
+
span.classList.remove('highlight');
|
| 104 |
+
span.classList.add('not-hover-highlight');
|
| 105 |
+
}
|
| 106 |
+
});
|
| 107 |
+
const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
|
| 108 |
+
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 109 |
+
if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
|
| 110 |
+
sentence.classList.add('highlight');
|
| 111 |
+
}
|
| 112 |
+
});
|
| 113 |
+
});
|
| 114 |
+
});
|
| 115 |
+
|
| 116 |
+
document.querySelectorAll('.review-span').forEach(span => {
|
| 117 |
+
span.addEventListener('mouseleave', function() {
|
| 118 |
+
const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
|
| 119 |
+
document.querySelectorAll('.review-span').forEach(span => {
|
| 120 |
+
if (span !== this) {
|
| 121 |
+
span.classList.remove('not-hover-highlight');
|
| 122 |
+
span.classList.add('highlight');
|
| 123 |
+
}
|
| 124 |
+
});
|
| 125 |
+
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 126 |
+
if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
|
| 127 |
+
sentence.classList.remove('highlight');
|
| 128 |
+
}
|
| 129 |
+
});
|
| 130 |
+
});
|
| 131 |
+
});
|
| 132 |
+
|
| 133 |
+
</script>
|
| 134 |
+
</body>
|
| 135 |
+
</html>
|
html_files/train/CocoTrip-dev_comm-inst_8_a_summ_0.html
ADDED
|
@@ -0,0 +1,135 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
|
| 2 |
+
<!DOCTYPE html>
|
| 3 |
+
<html lang="en">
|
| 4 |
+
<head>
|
| 5 |
+
<meta charset="UTF-8">
|
| 6 |
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
| 7 |
+
<title>Document Review</title>
|
| 8 |
+
<style>
|
| 9 |
+
body {
|
| 10 |
+
font-family: Arial, sans-serif;
|
| 11 |
+
display: flex;
|
| 12 |
+
justify-content: center; /* This will center the .reviews container on the screen */
|
| 13 |
+
align-items: flex-start;
|
| 14 |
+
height: 100vh;
|
| 15 |
+
margin: 2px; /* Remove default margin */
|
| 16 |
+
}
|
| 17 |
+
|
| 18 |
+
.highlight { background-color: yellow;
|
| 19 |
+
color: black !important; /* Dark grey for muted text */
|
| 20 |
+
cursor: pointer;}
|
| 21 |
+
.not-hover-highlight { background-color: lightyellow;
|
| 22 |
+
color: #606060 !important; /* Dark grey for muted text */}
|
| 23 |
+
.summary {
|
| 24 |
+
width: 50%;
|
| 25 |
+
font-size: 1.0rem;
|
| 26 |
+
padding: 10px;
|
| 27 |
+
height: 100vh; /* Maximum height to a third of the viewport height */
|
| 28 |
+
background-color: #9e9e9e0a;
|
| 29 |
+
}
|
| 30 |
+
.reviews {
|
| 31 |
+
width: 50%;
|
| 32 |
+
font-size: 0.7rem;
|
| 33 |
+
display: flex;
|
| 34 |
+
flex-wrap: wrap;
|
| 35 |
+
padding: 10px;
|
| 36 |
+
max-height: 100vh; /* Maximum height to a third of the viewport height */
|
| 37 |
+
overflow-y: auto; /* Enable vertical scrolling */
|
| 38 |
+
background-color: #9e9e9e0a; /* Light grey background */
|
| 39 |
+
}
|
| 40 |
+
.text-box {
|
| 41 |
+
width: calc(100% - 20px); /* Adjust based on padding */
|
| 42 |
+
margin: 10px;
|
| 43 |
+
padding: 10px;
|
| 44 |
+
background-color: #9e9e9e0a; /* Light grey background */
|
| 45 |
+
color: #606060bf;
|
| 46 |
+
border: 2px solid #ddd; /* Cartoonish border */
|
| 47 |
+
border-radius: 20px; /* Rounded corners for cartoonish effect */
|
| 48 |
+
position: relative;
|
| 49 |
+
box-shadow: 3px 3px #bbb; /* Soft shadow for depth */
|
| 50 |
+
}
|
| 51 |
+
.text-box:before {
|
| 52 |
+
content: '';
|
| 53 |
+
position: absolute;
|
| 54 |
+
right: 100%;
|
| 55 |
+
bottom: 20%;
|
| 56 |
+
border-top: 10px solid transparent;
|
| 57 |
+
border-bottom: 10px solid transparent;
|
| 58 |
+
border-right: 10px solid #ddd; /* Arrow matching the border */
|
| 59 |
+
}
|
| 60 |
+
.summary-box {
|
| 61 |
+
padding: 10px;
|
| 62 |
+
margin: 10px 0;
|
| 63 |
+
background-color: #e6e6fa; /* Lavender background for a pleasant look */
|
| 64 |
+
border: 1px solid #ddd; /* Light border for definition */
|
| 65 |
+
border-radius: 5px; /* Slightly rounded corners */
|
| 66 |
+
box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* Soft shadow for depth */
|
| 67 |
+
cursor: pointer;
|
| 68 |
+
}
|
| 69 |
+
h4 { margin-top: 0; }
|
| 70 |
+
</style>
|
| 71 |
+
</head>
|
| 72 |
+
<body>
|
| 73 |
+
<div class='column reviews'><h2>Reviews</h2><div class='text-box'>Great Location Stayed at the Brunelleschi in late December. The location was terrific, the breakfast hearty, and the rooms large and above average for Italy for the price. <span class='review-span highlight' data-aligned-summaries='1 2'>Turn two</span> <span class='review-span highlight' data-aligned-summaries='1'>corners</span> <span class='review-span highlight' data-aligned-summaries='1 2'>and you are in the piazza</span> <span class='review-span highlight' data-aligned-summaries='2'>next to Giotto's campanile</span>. As an american who speaks fluent italian, and a mother of 3, I never go to Italy to sleep in 5 star resort hotels. This hotel could never be compared to the Four Seasons, but, in Florence, it was the perfect place to start and end each day.</div><div class='text-box'>Lovely hotel We stayed here for my husband's birthday weekend. We're ususally more 3* hotel people so this was a bit of a treat, but it was worth every penny. The hotel is beautiful - such a lovely building and <span class='review-span highlight' data-aligned-summaries='1'>a GREAT location</span>. The staff were unfailingly polite as we checked in and went to the bar. Our room was a good size with an ENORMOUS bathroom, and views of the campanile. Breakfast was excellent.I found the hotel pretty much faultless. And Florence? Just beautiful.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='1'>Great location</span>, great staff! This hotel was a real find! <span class='review-span highlight' data-aligned-summaries='1'>We loved the location</span> and the front desk staff was the friendliest in Italy! The breakfast buffet was also excellent! This hotel was in a quiet alley, just steps from the Duomo and the best shopping in Florence! The only negative was the multiple levels on the different floors, making it difficult to get around in the hotel. A minor inconvenience for an otherwise excellent hotel.</div><div class='text-box'>Wonderful stay in Florence Hotel Brunelleschi is <span class='review-span highlight' data-aligned-summaries='1'>a lovely hotel in</span> <span class='review-span highlight' data-aligned-summaries='1 2'>an excellent location in the heart of Florence</span>. The rooms are brilliant , although the bells of the Duomo wake you up early in the morning! <span class='review-span highlight' data-aligned-summaries='0'>All the staff are very helpful</span> and can make good suggestions for eating out - I had the best sea bass I have ever had from one of their recommendations. I would thoroughly recommend a stay at this delightful hotel.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='1'>great location,if a little noisy</span> lovely hotel,<span class='review-span highlight' data-aligned-summaries='0'>very friendly helpful staffright</span> in the middle of all the actionwe had a suite,which had a separete bedroom(very handy)clean,very good choice on buffet breakfastonly down side was our room was on the front of the hotelwhich is on one of the main streets.so bin men and road sweepers could be heard ealy in the morninggood value more money</div><div class='text-box'>Great experience! My friend and I stayed for 4 nights. We had no complaints whatsoever<span class='review-span highlight' data-aligned-summaries='0'>. The service, staff</span>, cleanliness, comfort etc <span class='review-span highlight' data-aligned-summaries='0'>were all exemplary</span>. Special tip: bring a picnic lunch up to the rooftop terrace and get a breathtaking view of the city. <span class='review-span highlight' data-aligned-summaries='1'>The view of the Duomo</span> there by sunrise <span class='review-span highlight' data-aligned-summaries='1'>is sublime</span>.</div><div class='text-box'>only Brunelleschi is the only one who could have build something better! a portion of our large room</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='1'>Brunelleschi was Perfect</span>! <span class='review-span highlight' data-aligned-summaries='1'>View from Rooftop Patio</span></div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">The staff at the hotel are very helpful.</span> <span id="1" class="summary-sentence">The location of this hotel is simply superb becaus</span> <span id="2" class="summary-sentence">it's in a central location close to downtown sights and also more representative of locals.</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-dev_comm-inst_8_a_summ_1.html
ADDED
|
@@ -0,0 +1,135 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
|
| 2 |
+
<!DOCTYPE html>
|
| 3 |
+
<html lang="en">
|
| 4 |
+
<head>
|
| 5 |
+
<meta charset="UTF-8">
|
| 6 |
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
| 7 |
+
<title>Document Review</title>
|
| 8 |
+
<style>
|
| 9 |
+
body {
|
| 10 |
+
font-family: Arial, sans-serif;
|
| 11 |
+
display: flex;
|
| 12 |
+
justify-content: center; /* This will center the .reviews container on the screen */
|
| 13 |
+
align-items: flex-start;
|
| 14 |
+
height: 100vh;
|
| 15 |
+
margin: 2px; /* Remove default margin */
|
| 16 |
+
}
|
| 17 |
+
|
| 18 |
+
.highlight { background-color: yellow;
|
| 19 |
+
color: black !important; /* Dark grey for muted text */
|
| 20 |
+
cursor: pointer;}
|
| 21 |
+
.not-hover-highlight { background-color: lightyellow;
|
| 22 |
+
color: #606060 !important; /* Dark grey for muted text */}
|
| 23 |
+
.summary {
|
| 24 |
+
width: 50%;
|
| 25 |
+
font-size: 1.0rem;
|
| 26 |
+
padding: 10px;
|
| 27 |
+
height: 100vh; /* Maximum height to a third of the viewport height */
|
| 28 |
+
background-color: #9e9e9e0a;
|
| 29 |
+
}
|
| 30 |
+
.reviews {
|
| 31 |
+
width: 50%;
|
| 32 |
+
font-size: 0.7rem;
|
| 33 |
+
display: flex;
|
| 34 |
+
flex-wrap: wrap;
|
| 35 |
+
padding: 10px;
|
| 36 |
+
max-height: 100vh; /* Maximum height to a third of the viewport height */
|
| 37 |
+
overflow-y: auto; /* Enable vertical scrolling */
|
| 38 |
+
background-color: #9e9e9e0a; /* Light grey background */
|
| 39 |
+
}
|
| 40 |
+
.text-box {
|
| 41 |
+
width: calc(100% - 20px); /* Adjust based on padding */
|
| 42 |
+
margin: 10px;
|
| 43 |
+
padding: 10px;
|
| 44 |
+
background-color: #9e9e9e0a; /* Light grey background */
|
| 45 |
+
color: #606060bf;
|
| 46 |
+
border: 2px solid #ddd; /* Cartoonish border */
|
| 47 |
+
border-radius: 20px; /* Rounded corners for cartoonish effect */
|
| 48 |
+
position: relative;
|
| 49 |
+
box-shadow: 3px 3px #bbb; /* Soft shadow for depth */
|
| 50 |
+
}
|
| 51 |
+
.text-box:before {
|
| 52 |
+
content: '';
|
| 53 |
+
position: absolute;
|
| 54 |
+
right: 100%;
|
| 55 |
+
bottom: 20%;
|
| 56 |
+
border-top: 10px solid transparent;
|
| 57 |
+
border-bottom: 10px solid transparent;
|
| 58 |
+
border-right: 10px solid #ddd; /* Arrow matching the border */
|
| 59 |
+
}
|
| 60 |
+
.summary-box {
|
| 61 |
+
padding: 10px;
|
| 62 |
+
margin: 10px 0;
|
| 63 |
+
background-color: #e6e6fa; /* Lavender background for a pleasant look */
|
| 64 |
+
border: 1px solid #ddd; /* Light border for definition */
|
| 65 |
+
border-radius: 5px; /* Slightly rounded corners */
|
| 66 |
+
box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* Soft shadow for depth */
|
| 67 |
+
cursor: pointer;
|
| 68 |
+
}
|
| 69 |
+
h4 { margin-top: 0; }
|
| 70 |
+
</style>
|
| 71 |
+
</head>
|
| 72 |
+
<body>
|
| 73 |
+
<div class='column reviews'><h2>Reviews</h2><div class='text-box'>Great Location Stayed at the Brunelleschi in late December. The location was terrific, the breakfast hearty, and the rooms large and above average for Italy for the price. <span class='review-span highlight' data-aligned-summaries='0'>Turn two corners and you are in the piazza next to Giotto's campanile</span>. As an american who speaks fluent italian, and a mother of 3, I never go to Italy to sleep in 5 star resort hotels. This hotel could never be compared to the Four Seasons, but, in Florence, it was the perfect place to start and end each day.</div><div class='text-box'>Lovely hotel We stayed here for my husband's birthday weekend. We're ususally more 3* hotel people so this was a bit of a treat, but it was worth every penny. The hotel is beautiful - such a lovely building and a GREAT location. <span class='review-span highlight' data-aligned-summaries='1'>The staff were unfailingly polite</span> as we checked in and went to the bar. Our room was a good size with an ENORMOUS bathroom, and views of the campanile. Breakfast was excellent.I found the hotel pretty much faultless. And Florence? Just beautiful.</div><div class='text-box'>Great location, great staff! This hotel was a real find! We loved the location and <span class='review-span highlight' data-aligned-summaries='1'>the front desk staff was the friendliest in Italy</span>! The breakfast buffet was also excellent! <span class='review-span highlight' data-aligned-summaries='0'>This hotel was in a quiet alley, just steps from the Duomo and the best shopping in Florence</span>! The only negative was the multiple levels on the different floors, making it difficult to get around in the hotel. A minor inconvenience for an otherwise excellent hotel.</div><div class='text-box'>Wonderful stay in Florence Hotel Brunelleschi is a lovely <span class='review-span highlight' data-aligned-summaries='0'>hotel in an excellent location</span> in the heart of Florence. The rooms are brilliant , <span class='review-span highlight' data-aligned-summaries='0'>although the bells of the Duomo wake you up early in the morning</span>! <span class='review-span highlight' data-aligned-summaries='1'>All the staff are very helpful</span> and can make good suggestions for eating out - I had the best sea bass I have ever had from one of their recommendations. I would thoroughly recommend a stay at this delightful hotel.</div><div class='text-box'>great location,if a little noisy lovely hotel,<span class='review-span highlight' data-aligned-summaries='1'>very friendly helpful staffright</span> in the middle of all the actionwe had a suite,which had a separete bedroom(very handy)clean,very good choice on buffet breakfastonly down side was our room was on the front of the hotelwhich is on one of the main streets.so bin men and road sweepers could be heard ealy in the morninggood value more money</div><div class='text-box'>Great experience! My friend and I stayed for 4 nights. We had no complaints whatsoever<span class='review-span highlight' data-aligned-summaries='1'>. The service, staff</span>, cleanliness, comfort etc <span class='review-span highlight' data-aligned-summaries='1'>were all exemplary</span>. Special tip: bring a picnic lunch up to the rooftop terrace and get a breathtaking view of the city. The view of the Duomo there by sunrise is sublime.</div><div class='text-box'>only Brunelleschi is the only one who could have build something better! a portion of our large room</div><div class='text-box'>Brunelleschi was Perfect! <span class='review-span highlight' data-aligned-summaries='0'>View from Rooftop Patio</span></div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">The hotel is wonderfully located only a few minutes' walk to the Duomo, great destinations and popular sites.</span> <span id="1" class="summary-sentence">To add to this the staff are really 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-dev_comm-inst_8_a_summ_2.html
ADDED
|
@@ -0,0 +1,135 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
|
| 2 |
+
<!DOCTYPE html>
|
| 3 |
+
<html lang="en">
|
| 4 |
+
<head>
|
| 5 |
+
<meta charset="UTF-8">
|
| 6 |
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
| 7 |
+
<title>Document Review</title>
|
| 8 |
+
<style>
|
| 9 |
+
body {
|
| 10 |
+
font-family: Arial, sans-serif;
|
| 11 |
+
display: flex;
|
| 12 |
+
justify-content: center; /* This will center the .reviews container on the screen */
|
| 13 |
+
align-items: flex-start;
|
| 14 |
+
height: 100vh;
|
| 15 |
+
margin: 2px; /* Remove default margin */
|
| 16 |
+
}
|
| 17 |
+
|
| 18 |
+
.highlight { background-color: yellow;
|
| 19 |
+
color: black !important; /* Dark grey for muted text */
|
| 20 |
+
cursor: pointer;}
|
| 21 |
+
.not-hover-highlight { background-color: lightyellow;
|
| 22 |
+
color: #606060 !important; /* Dark grey for muted text */}
|
| 23 |
+
.summary {
|
| 24 |
+
width: 50%;
|
| 25 |
+
font-size: 1.0rem;
|
| 26 |
+
padding: 10px;
|
| 27 |
+
height: 100vh; /* Maximum height to a third of the viewport height */
|
| 28 |
+
background-color: #9e9e9e0a;
|
| 29 |
+
}
|
| 30 |
+
.reviews {
|
| 31 |
+
width: 50%;
|
| 32 |
+
font-size: 0.7rem;
|
| 33 |
+
display: flex;
|
| 34 |
+
flex-wrap: wrap;
|
| 35 |
+
padding: 10px;
|
| 36 |
+
max-height: 100vh; /* Maximum height to a third of the viewport height */
|
| 37 |
+
overflow-y: auto; /* Enable vertical scrolling */
|
| 38 |
+
background-color: #9e9e9e0a; /* Light grey background */
|
| 39 |
+
}
|
| 40 |
+
.text-box {
|
| 41 |
+
width: calc(100% - 20px); /* Adjust based on padding */
|
| 42 |
+
margin: 10px;
|
| 43 |
+
padding: 10px;
|
| 44 |
+
background-color: #9e9e9e0a; /* Light grey background */
|
| 45 |
+
color: #606060bf;
|
| 46 |
+
border: 2px solid #ddd; /* Cartoonish border */
|
| 47 |
+
border-radius: 20px; /* Rounded corners for cartoonish effect */
|
| 48 |
+
position: relative;
|
| 49 |
+
box-shadow: 3px 3px #bbb; /* Soft shadow for depth */
|
| 50 |
+
}
|
| 51 |
+
.text-box:before {
|
| 52 |
+
content: '';
|
| 53 |
+
position: absolute;
|
| 54 |
+
right: 100%;
|
| 55 |
+
bottom: 20%;
|
| 56 |
+
border-top: 10px solid transparent;
|
| 57 |
+
border-bottom: 10px solid transparent;
|
| 58 |
+
border-right: 10px solid #ddd; /* Arrow matching the border */
|
| 59 |
+
}
|
| 60 |
+
.summary-box {
|
| 61 |
+
padding: 10px;
|
| 62 |
+
margin: 10px 0;
|
| 63 |
+
background-color: #e6e6fa; /* Lavender background for a pleasant look */
|
| 64 |
+
border: 1px solid #ddd; /* Light border for definition */
|
| 65 |
+
border-radius: 5px; /* Slightly rounded corners */
|
| 66 |
+
box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* Soft shadow for depth */
|
| 67 |
+
cursor: pointer;
|
| 68 |
+
}
|
| 69 |
+
h4 { margin-top: 0; }
|
| 70 |
+
</style>
|
| 71 |
+
</head>
|
| 72 |
+
<body>
|
| 73 |
+
<div class='column reviews'><h2>Reviews</h2><div class='text-box'>Great Location Stayed at the Brunelleschi in late December. <span class='review-span highlight' data-aligned-summaries='0'>The location was terrific</span>, the breakfast hearty, and the rooms large and above average for Italy for the price. <span class='review-span highlight' data-aligned-summaries='1 2'>Turn two corners and you are in the piazza next to Giotto's campanile</span>. As an american who speaks fluent italian, and a mother of 3, I never go to Italy to sleep in 5 star resort hotels. This hotel could never be compared to the Four Seasons, but, in Florence, it was the perfect place to start and end each day.</div><div class='text-box'>Lovely hotel We stayed here for my husband's birthday weekend. We're ususally more 3* hotel people so this was a bit of a treat, but it was worth every penny. The hotel is beautiful - such a lovely building and <span class='review-span highlight' data-aligned-summaries='0'>a GREAT location</span>. <span class='review-span highlight' data-aligned-summaries='3'>The staff were unfailingly polite</span> as we checked in and went to the bar. Our room was a good size with an ENORMOUS bathroom, and views of the campanile. Breakfast was excellent.I found the hotel pretty much faultless. And Florence? Just beautiful.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>Great location</span>, great staff! This hotel was a real find! We loved the location and <span class='review-span highlight' data-aligned-summaries='3'>the front desk staff was the friendliest in Italy</span>! The breakfast buffet was also excellent! This hotel was in a quiet alley, <span class='review-span highlight' data-aligned-summaries='1 2'>just steps from the Duomo</span> <span class='review-span highlight' data-aligned-summaries='2'>and the best shopping in Florence</span>! The only negative was the multiple levels on the different floors, making it difficult to get around in the hotel. A minor inconvenience for an otherwise excellent hotel.</div><div class='text-box'>Wonderful stay in Florence Hotel Brunelleschi is a lovely hotel in <span class='review-span highlight' data-aligned-summaries='0'>an excellent location in the heart of Florence</span>. The rooms are brilliant , <span class='review-span highlight' data-aligned-summaries='0'>although</span> <span class='review-span highlight' data-aligned-summaries='0 1'>the bells of the Duomo wake you up</span> <span class='review-span highlight' data-aligned-summaries='1'>early</span> in the morning! <span class='review-span highlight' data-aligned-summaries='3'>All the staff are very helpful</span> and can make good suggestions for eating out - I had the best sea bass I have ever had from one of their recommendations. I would thoroughly recommend a stay at this delightful hotel.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>great location,if a little noisy</span> lovely hotel,<span class='review-span highlight' data-aligned-summaries='3'>very friendly helpful staffright</span> in the middle of all the actionwe had a suite,which had a separete bedroom(very handy)clean,very good choice on buffet breakfastonly down side was our room was on the front of the hotelwhich is on one of the main streets.so bin men and road sweepers could be heard ealy in the morninggood value more money</div><div class='text-box'>Great experience! My friend and I stayed for 4 nights. We had no complaints whatsoever. The service, <span class='review-span highlight' data-aligned-summaries='3'>staff</span>, cleanliness, comfort etc <span class='review-span highlight' data-aligned-summaries='3'>were all exemplary</span>. Special tip: bring a picnic lunch up to the rooftop terrace and get a <span class='review-span highlight' data-aligned-summaries='1'>breathtaking view of the city</span>. <span class='review-span highlight' data-aligned-summaries='1'>The view of the Duomo there by sunrise is sublime</span>.</div><div class='text-box'>only Brunelleschi is the only one who could have build something better! a portion of our large room</div><div class='text-box'>Brunelleschi was Perfect! <span class='review-span highlight' data-aligned-summaries='0'>View from Rooftop Patio</span></div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">The location is great.</span> <span id="1" class="summary-sentence">It's close to the Duomo, and only a couple of streets away from the piazza and is at the heart of the city.</span> <span id="2" class="summary-sentence">With easy walking distance from some of the major attractions.</span> <span id="3" class="summary-sentence">The staff is friendly.</span></div></div>
|
| 74 |
+
<script>
|
| 75 |
+
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 76 |
+
sentence.addEventListener('mouseenter', function() {
|
| 77 |
+
const summaryId = this.getAttribute('id');
|
| 78 |
+
document.querySelectorAll('.review-span').forEach(span => {
|
| 79 |
+
if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
|
| 80 |
+
span.classList.remove('highlight');
|
| 81 |
+
span.classList.add('not-hover-highlight');
|
| 82 |
+
}
|
| 83 |
+
});
|
| 84 |
+
this.classList.add('highlight');
|
| 85 |
+
});
|
| 86 |
+
|
| 87 |
+
sentence.addEventListener('mouseleave', function() {
|
| 88 |
+
const summaryId = this.getAttribute('id');
|
| 89 |
+
document.querySelectorAll('.review-span').forEach(span => {
|
| 90 |
+
if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
|
| 91 |
+
span.classList.remove('not-hover-highlight');
|
| 92 |
+
span.classList.add('highlight');
|
| 93 |
+
}
|
| 94 |
+
this.classList.remove('highlight');
|
| 95 |
+
});
|
| 96 |
+
});
|
| 97 |
+
});
|
| 98 |
+
|
| 99 |
+
document.querySelectorAll('.review-span').forEach(span => {
|
| 100 |
+
span.addEventListener('mouseenter', function() {
|
| 101 |
+
document.querySelectorAll('.review-span').forEach(span => {
|
| 102 |
+
if (span !== this) {
|
| 103 |
+
span.classList.remove('highlight');
|
| 104 |
+
span.classList.add('not-hover-highlight');
|
| 105 |
+
}
|
| 106 |
+
});
|
| 107 |
+
const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
|
| 108 |
+
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 109 |
+
if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
|
| 110 |
+
sentence.classList.add('highlight');
|
| 111 |
+
}
|
| 112 |
+
});
|
| 113 |
+
});
|
| 114 |
+
});
|
| 115 |
+
|
| 116 |
+
document.querySelectorAll('.review-span').forEach(span => {
|
| 117 |
+
span.addEventListener('mouseleave', function() {
|
| 118 |
+
const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
|
| 119 |
+
document.querySelectorAll('.review-span').forEach(span => {
|
| 120 |
+
if (span !== this) {
|
| 121 |
+
span.classList.remove('not-hover-highlight');
|
| 122 |
+
span.classList.add('highlight');
|
| 123 |
+
}
|
| 124 |
+
});
|
| 125 |
+
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 126 |
+
if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
|
| 127 |
+
sentence.classList.remove('highlight');
|
| 128 |
+
}
|
| 129 |
+
});
|
| 130 |
+
});
|
| 131 |
+
});
|
| 132 |
+
|
| 133 |
+
</script>
|
| 134 |
+
</body>
|
| 135 |
+
</html>
|
html_files/train/CocoTrip-dev_comm-inst_8_b_summ_0.html
ADDED
|
@@ -0,0 +1,135 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
|
| 2 |
+
<!DOCTYPE html>
|
| 3 |
+
<html lang="en">
|
| 4 |
+
<head>
|
| 5 |
+
<meta charset="UTF-8">
|
| 6 |
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
| 7 |
+
<title>Document Review</title>
|
| 8 |
+
<style>
|
| 9 |
+
body {
|
| 10 |
+
font-family: Arial, sans-serif;
|
| 11 |
+
display: flex;
|
| 12 |
+
justify-content: center; /* This will center the .reviews container on the screen */
|
| 13 |
+
align-items: flex-start;
|
| 14 |
+
height: 100vh;
|
| 15 |
+
margin: 2px; /* Remove default margin */
|
| 16 |
+
}
|
| 17 |
+
|
| 18 |
+
.highlight { background-color: yellow;
|
| 19 |
+
color: black !important; /* Dark grey for muted text */
|
| 20 |
+
cursor: pointer;}
|
| 21 |
+
.not-hover-highlight { background-color: lightyellow;
|
| 22 |
+
color: #606060 !important; /* Dark grey for muted text */}
|
| 23 |
+
.summary {
|
| 24 |
+
width: 50%;
|
| 25 |
+
font-size: 1.0rem;
|
| 26 |
+
padding: 10px;
|
| 27 |
+
height: 100vh; /* Maximum height to a third of the viewport height */
|
| 28 |
+
background-color: #9e9e9e0a;
|
| 29 |
+
}
|
| 30 |
+
.reviews {
|
| 31 |
+
width: 50%;
|
| 32 |
+
font-size: 0.7rem;
|
| 33 |
+
display: flex;
|
| 34 |
+
flex-wrap: wrap;
|
| 35 |
+
padding: 10px;
|
| 36 |
+
max-height: 100vh; /* Maximum height to a third of the viewport height */
|
| 37 |
+
overflow-y: auto; /* Enable vertical scrolling */
|
| 38 |
+
background-color: #9e9e9e0a; /* Light grey background */
|
| 39 |
+
}
|
| 40 |
+
.text-box {
|
| 41 |
+
width: calc(100% - 20px); /* Adjust based on padding */
|
| 42 |
+
margin: 10px;
|
| 43 |
+
padding: 10px;
|
| 44 |
+
background-color: #9e9e9e0a; /* Light grey background */
|
| 45 |
+
color: #606060bf;
|
| 46 |
+
border: 2px solid #ddd; /* Cartoonish border */
|
| 47 |
+
border-radius: 20px; /* Rounded corners for cartoonish effect */
|
| 48 |
+
position: relative;
|
| 49 |
+
box-shadow: 3px 3px #bbb; /* Soft shadow for depth */
|
| 50 |
+
}
|
| 51 |
+
.text-box:before {
|
| 52 |
+
content: '';
|
| 53 |
+
position: absolute;
|
| 54 |
+
right: 100%;
|
| 55 |
+
bottom: 20%;
|
| 56 |
+
border-top: 10px solid transparent;
|
| 57 |
+
border-bottom: 10px solid transparent;
|
| 58 |
+
border-right: 10px solid #ddd; /* Arrow matching the border */
|
| 59 |
+
}
|
| 60 |
+
.summary-box {
|
| 61 |
+
padding: 10px;
|
| 62 |
+
margin: 10px 0;
|
| 63 |
+
background-color: #e6e6fa; /* Lavender background for a pleasant look */
|
| 64 |
+
border: 1px solid #ddd; /* Light border for definition */
|
| 65 |
+
border-radius: 5px; /* Slightly rounded corners */
|
| 66 |
+
box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* Soft shadow for depth */
|
| 67 |
+
cursor: pointer;
|
| 68 |
+
}
|
| 69 |
+
h4 { margin-top: 0; }
|
| 70 |
+
</style>
|
| 71 |
+
</head>
|
| 72 |
+
<body>
|
| 73 |
+
<div class='column reviews'><h2>Reviews</h2><div class='text-box'>The Orto de' Medici Hotel, Florence This medium-priced Hotel offers a very good price to service ratio. The rooms are very clean and being an old but refurbished building, it has high and well appointed rooms.The hotel offers - as a garni hotel - an excellent breakfast (self-service from two tables). Being not on a thoroughfare, it is quiet at night. <span class='review-span highlight' data-aligned-summaries='1'>Its situation in relation to the main attraction,</span> <span class='review-span highlight' data-aligned-summaries='1 2'>the Piazza del Duomo, is a seven to ten minute's walk</span>. <span class='review-span highlight' data-aligned-summaries='1 2'>There are plenty of restaurants in the vicinity</span>, especially just opposite is the restaurant Il Cardellino. At the reception English and French is spoken. The service personnel is very friendly and is supervised by the proprietor himself.The Hopp on / Hopp-off Bus can be taken from the Piazza San Marco, approximately 200 meters from the hotel Orto de' Medici, where also other regular bus lines part for the hinterland.</div><div class='text-box'>A room with a view What a great place! Just returned from 4 nights here and delighted with the choice. <span class='review-span highlight' data-aligned-summaries='1 2'>Central location - only a few minutes walk from the Accademia</span>, but tucked away in a side street so as quiet as it can be in Florence (or any major city for that matter!). Ask for room 45, on the 4th floor (don't panic there is a lift), if you want a room with a balcony and a view over the roof tops to the Duomo and Campanile. Continental breakfast was light but adequate, but hotel too small to serve dinner - not a problem with so many good restaurants to choose from! Go and enjoy!</div><div class='text-box'>Short walk from the Madding crowds of Firenze The website was accurate in its promises. The service to arrange for private pick-up from the train station to the airport was excellent as was the arranging for museum tickets. Contact to confirm reservations was propmpt. The rooms are simple, but clean and we slept well for five restful nights. The common room is very comfortable, as is the breakfast area. The patio serves dynomite gin tonics for happy hour. <span class='review-span highlight' data-aligned-summaries='2'>The hotel is a pleasant walk from the main downtown sights in a less touristy and more local scene</span>. Would definitely stay there again.</div><div class='text-box'>Good 3 star hotel in Florence Good 3-star <span class='review-span highlight' data-aligned-summaries='2'>hotel in central</span> Florence, very close to the Accademia and to the Duomo. Lots of restaurants nearby. Room is fairly spacious but basic in decor and clean. Bedroom windows are double-paned, so that noise is not a problem. Bathroom could use a little updating but would speculate that it has been updated within last 10 years. Good American style stand-up shower. The breakfast, which is included in the price of the room, is well above average and in a lovely room which also has a very nice terrace. Friendly front desk.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>Extremely friendly/helpful staff here</span>! The Orto De Medici was a wonderful hotel, <span class='review-span highlight' data-aligned-summaries='1'>perfectly located in Florence</span>. The continental breakfast was grand and offered world travelers a diverse selection of foods and drinks.The hotel is superbly clean and beautifully decorated. The front desk staff was the best I've ever encountered. They were compassionate with our lost luggage situation and gladly booked us reservations for the Uffizi gallery.Although the walls are a bit thin in the room and it seemed a bit noisy at night.I would stay at this hotel a thousand times over.Thanks for a fabulous stay.</div><div class='text-box'>Wonderful We had a wonderful week's stay at this charming hotel. The service was first class, the room and bathroom were spacious and immaculately clean.The best part, however was the sun-lit , beautifully appointed breakfast room with, again, perfect service.We would definitely go back when we return to Florence.</div><div class='text-box'>Absolutely Lovely! <span class='review-span highlight' data-aligned-summaries='1'>A view from the Bell Tower</span> <span class='review-span highlight' data-aligned-summaries='1 2'>looking at the Duomo</span></div><div class='text-box'>My favorite Italian experience <span class='review-span highlight' data-aligned-summaries='1'>In front of the Hotel Orto De Medici</span></div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">The staff at the hotel are very helpful.</span> <span id="1" class="summary-sentence">The location of this hotel is simply superb becaus</span> <span id="2" class="summary-sentence">it's in a central location close to downtown sights and also more representative of locals.</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-dev_comm-inst_8_b_summ_1.html
ADDED
|
@@ -0,0 +1,135 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
|
| 2 |
+
<!DOCTYPE html>
|
| 3 |
+
<html lang="en">
|
| 4 |
+
<head>
|
| 5 |
+
<meta charset="UTF-8">
|
| 6 |
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
| 7 |
+
<title>Document Review</title>
|
| 8 |
+
<style>
|
| 9 |
+
body {
|
| 10 |
+
font-family: Arial, sans-serif;
|
| 11 |
+
display: flex;
|
| 12 |
+
justify-content: center; /* This will center the .reviews container on the screen */
|
| 13 |
+
align-items: flex-start;
|
| 14 |
+
height: 100vh;
|
| 15 |
+
margin: 2px; /* Remove default margin */
|
| 16 |
+
}
|
| 17 |
+
|
| 18 |
+
.highlight { background-color: yellow;
|
| 19 |
+
color: black !important; /* Dark grey for muted text */
|
| 20 |
+
cursor: pointer;}
|
| 21 |
+
.not-hover-highlight { background-color: lightyellow;
|
| 22 |
+
color: #606060 !important; /* Dark grey for muted text */}
|
| 23 |
+
.summary {
|
| 24 |
+
width: 50%;
|
| 25 |
+
font-size: 1.0rem;
|
| 26 |
+
padding: 10px;
|
| 27 |
+
height: 100vh; /* Maximum height to a third of the viewport height */
|
| 28 |
+
background-color: #9e9e9e0a;
|
| 29 |
+
}
|
| 30 |
+
.reviews {
|
| 31 |
+
width: 50%;
|
| 32 |
+
font-size: 0.7rem;
|
| 33 |
+
display: flex;
|
| 34 |
+
flex-wrap: wrap;
|
| 35 |
+
padding: 10px;
|
| 36 |
+
max-height: 100vh; /* Maximum height to a third of the viewport height */
|
| 37 |
+
overflow-y: auto; /* Enable vertical scrolling */
|
| 38 |
+
background-color: #9e9e9e0a; /* Light grey background */
|
| 39 |
+
}
|
| 40 |
+
.text-box {
|
| 41 |
+
width: calc(100% - 20px); /* Adjust based on padding */
|
| 42 |
+
margin: 10px;
|
| 43 |
+
padding: 10px;
|
| 44 |
+
background-color: #9e9e9e0a; /* Light grey background */
|
| 45 |
+
color: #606060bf;
|
| 46 |
+
border: 2px solid #ddd; /* Cartoonish border */
|
| 47 |
+
border-radius: 20px; /* Rounded corners for cartoonish effect */
|
| 48 |
+
position: relative;
|
| 49 |
+
box-shadow: 3px 3px #bbb; /* Soft shadow for depth */
|
| 50 |
+
}
|
| 51 |
+
.text-box:before {
|
| 52 |
+
content: '';
|
| 53 |
+
position: absolute;
|
| 54 |
+
right: 100%;
|
| 55 |
+
bottom: 20%;
|
| 56 |
+
border-top: 10px solid transparent;
|
| 57 |
+
border-bottom: 10px solid transparent;
|
| 58 |
+
border-right: 10px solid #ddd; /* Arrow matching the border */
|
| 59 |
+
}
|
| 60 |
+
.summary-box {
|
| 61 |
+
padding: 10px;
|
| 62 |
+
margin: 10px 0;
|
| 63 |
+
background-color: #e6e6fa; /* Lavender background for a pleasant look */
|
| 64 |
+
border: 1px solid #ddd; /* Light border for definition */
|
| 65 |
+
border-radius: 5px; /* Slightly rounded corners */
|
| 66 |
+
box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* Soft shadow for depth */
|
| 67 |
+
cursor: pointer;
|
| 68 |
+
}
|
| 69 |
+
h4 { margin-top: 0; }
|
| 70 |
+
</style>
|
| 71 |
+
</head>
|
| 72 |
+
<body>
|
| 73 |
+
<div class='column reviews'><h2>Reviews</h2><div class='text-box'>The Orto de' Medici Hotel, Florence This medium-priced Hotel offers a very good price to service ratio. The rooms are very clean and being an old but refurbished building, it has high and well appointed rooms.<span class='review-span highlight' data-aligned-summaries='0'>The hotel</span> offers - as a garni hotel - an excellent breakfast (self-service from two tables). Being not on a thoroughfare, it is quiet at night. <span class='review-span highlight' data-aligned-summaries='0'>Its situation in relation to the main attraction, the Piazza del Duomo, is a seven to ten minute's walk</span>. There are plenty of restaurants in the vicinity, especially just opposite is the restaurant Il Cardellino. At the reception English and French is spoken. The service personnel is very friendly and is supervised by the proprietor himself.The Hopp on / Hopp-off Bus can be taken from the Piazza San Marco, approximately 200 meters from the hotel Orto de' Medici, where also other regular bus lines part for the hinterland.</div><div class='text-box'>A room with a view What a great place! Just returned from 4 nights here and delighted with the choice. <span class='review-span highlight' data-aligned-summaries='0'>Central location - only a few minutes walk from the Accademia</span>, but tucked away in a side street so as quiet as it can be in Florence (or any major city for that matter!). Ask for room 45, on the 4th floor (don't panic there is a lift), if you want a room with a balcony and a view over the roof tops to the Duomo and Campanile. Continental breakfast was light but adequate, but hotel too small to serve dinner - not a problem with so many good restaurants to choose from! Go and enjoy!</div><div class='text-box'>Short walk from the Madding crowds of Firenze The website was accurate in its promises. The <span class='review-span highlight' data-aligned-summaries='1'>service to arrange</span> for private <span class='review-span highlight' data-aligned-summaries='1'>pick-up</span> from the train station to the airport <span class='review-span highlight' data-aligned-summaries='1'>was excellent as was the arranging for museum tickets</span>. Contact to confirm reservations was propmpt. The rooms are simple, but clean and we slept well for five restful nights. The common room is very comfortable, as is the breakfast area. The patio serves dynomite gin tonics for happy hour. The <span class='review-span highlight' data-aligned-summaries='0'>hotel is a pleasant walk from</span> the main downtown <span class='review-span highlight' data-aligned-summaries='0'>sights</span> in a less touristy and more local scene. Would definitely stay there again.</div><div class='text-box'>Good 3 star hotel in Florence Good 3-star hotel in central Florence, <span class='review-span highlight' data-aligned-summaries='0'>very close to the Accademia and to the Duomo. Lots of restaurants nearby</span>. Room is fairly spacious but basic in decor and clean. Bedroom windows are double-paned, so that noise is not a problem. Bathroom could use a little updating but would speculate that it has been updated within last 10 years. Good American style stand-up shower. The breakfast, which is included in the price of the room, is well above average and in a lovely room which also has a very nice terrace. Friendly front desk.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='1'>Extremely friendly/helpful staff</span> here! The Orto De Medici was a wonderful hotel, <span class='review-span highlight' data-aligned-summaries='0'>perfectly located in Florence</span>. The continental breakfast was grand and offered world travelers a diverse selection of foods and drinks.The hotel is superbly clean and beautifully decorated. <span class='review-span highlight' data-aligned-summaries='1'>The front desk staff was the best I've ever encountered</span>. They were compassionate with our lost luggage situation and gladly booked us reservations for the Uffizi gallery.Although the walls are a bit thin in the room and it seemed a bit noisy at night.I would stay at this hotel a thousand times over.Thanks for a fabulous stay.</div><div class='text-box'>Wonderful We had a wonderful week's stay at this charming hotel. The service was first class, the room and bathroom were spacious and immaculately clean.The best part, however was the sun-lit , beautifully appointed breakfast room with, again, perfect service.We would definitely go back when we return to Florence.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>Absolutely Lovely</span>! A view from the Bell Tower <span class='review-span highlight' data-aligned-summaries='0'>looking at the Duomo</span></div><div class='text-box'>My favorite Italian experience <span class='review-span highlight' data-aligned-summaries='0'>In front of the Hotel Orto De Medici</span></div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">The hotel is wonderfully located only a few minutes' walk to the Duomo, great destinations and popular sites.</span> <span id="1" class="summary-sentence">To add to this the staff are really 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-dev_comm-inst_8_b_summ_2.html
ADDED
|
@@ -0,0 +1,135 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
|
| 2 |
+
<!DOCTYPE html>
|
| 3 |
+
<html lang="en">
|
| 4 |
+
<head>
|
| 5 |
+
<meta charset="UTF-8">
|
| 6 |
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
| 7 |
+
<title>Document Review</title>
|
| 8 |
+
<style>
|
| 9 |
+
body {
|
| 10 |
+
font-family: Arial, sans-serif;
|
| 11 |
+
display: flex;
|
| 12 |
+
justify-content: center; /* This will center the .reviews container on the screen */
|
| 13 |
+
align-items: flex-start;
|
| 14 |
+
height: 100vh;
|
| 15 |
+
margin: 2px; /* Remove default margin */
|
| 16 |
+
}
|
| 17 |
+
|
| 18 |
+
.highlight { background-color: yellow;
|
| 19 |
+
color: black !important; /* Dark grey for muted text */
|
| 20 |
+
cursor: pointer;}
|
| 21 |
+
.not-hover-highlight { background-color: lightyellow;
|
| 22 |
+
color: #606060 !important; /* Dark grey for muted text */}
|
| 23 |
+
.summary {
|
| 24 |
+
width: 50%;
|
| 25 |
+
font-size: 1.0rem;
|
| 26 |
+
padding: 10px;
|
| 27 |
+
height: 100vh; /* Maximum height to a third of the viewport height */
|
| 28 |
+
background-color: #9e9e9e0a;
|
| 29 |
+
}
|
| 30 |
+
.reviews {
|
| 31 |
+
width: 50%;
|
| 32 |
+
font-size: 0.7rem;
|
| 33 |
+
display: flex;
|
| 34 |
+
flex-wrap: wrap;
|
| 35 |
+
padding: 10px;
|
| 36 |
+
max-height: 100vh; /* Maximum height to a third of the viewport height */
|
| 37 |
+
overflow-y: auto; /* Enable vertical scrolling */
|
| 38 |
+
background-color: #9e9e9e0a; /* Light grey background */
|
| 39 |
+
}
|
| 40 |
+
.text-box {
|
| 41 |
+
width: calc(100% - 20px); /* Adjust based on padding */
|
| 42 |
+
margin: 10px;
|
| 43 |
+
padding: 10px;
|
| 44 |
+
background-color: #9e9e9e0a; /* Light grey background */
|
| 45 |
+
color: #606060bf;
|
| 46 |
+
border: 2px solid #ddd; /* Cartoonish border */
|
| 47 |
+
border-radius: 20px; /* Rounded corners for cartoonish effect */
|
| 48 |
+
position: relative;
|
| 49 |
+
box-shadow: 3px 3px #bbb; /* Soft shadow for depth */
|
| 50 |
+
}
|
| 51 |
+
.text-box:before {
|
| 52 |
+
content: '';
|
| 53 |
+
position: absolute;
|
| 54 |
+
right: 100%;
|
| 55 |
+
bottom: 20%;
|
| 56 |
+
border-top: 10px solid transparent;
|
| 57 |
+
border-bottom: 10px solid transparent;
|
| 58 |
+
border-right: 10px solid #ddd; /* Arrow matching the border */
|
| 59 |
+
}
|
| 60 |
+
.summary-box {
|
| 61 |
+
padding: 10px;
|
| 62 |
+
margin: 10px 0;
|
| 63 |
+
background-color: #e6e6fa; /* Lavender background for a pleasant look */
|
| 64 |
+
border: 1px solid #ddd; /* Light border for definition */
|
| 65 |
+
border-radius: 5px; /* Slightly rounded corners */
|
| 66 |
+
box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* Soft shadow for depth */
|
| 67 |
+
cursor: pointer;
|
| 68 |
+
}
|
| 69 |
+
h4 { margin-top: 0; }
|
| 70 |
+
</style>
|
| 71 |
+
</head>
|
| 72 |
+
<body>
|
| 73 |
+
<div class='column reviews'><h2>Reviews</h2><div class='text-box'>The Orto de' Medici Hotel, Florence This medium-priced Hotel offers a very good price to service ratio. The rooms are very clean and being an old but refurbished building, it has high and well appointed rooms.The hotel offers - as a garni hotel - an excellent breakfast (self-service from two tables). Being not on a thoroughfare, it is quiet at night. <span class='review-span highlight' data-aligned-summaries='1 2'>Its situation in relation to the main attraction, the Piazza del Duomo, is a seven to ten minute's walk</span>. There are plenty of restaurants in the vicinity, especially just opposite is the restaurant Il Cardellino. At the reception English and French is spoken. <span class='review-span highlight' data-aligned-summaries='3'>The service personnel is very friendly</span> and is supervised by the proprietor himself.The Hopp on / Hopp-off Bus can be taken from the Piazza San Marco, approximately 200 meters from the hotel Orto de' Medici, where also other regular bus lines part for the hinterland.</div><div class='text-box'>A room with a view What a great place! Just returned from 4 nights here and delighted with the choice. <span class='review-span highlight' data-aligned-summaries='0 1'>Central location -</span> <span class='review-span highlight' data-aligned-summaries='0 1 2'>only a few minutes walk from the Accademia</span>,<span class='review-span highlight' data-aligned-summaries='1'></span> but tucked away in a side street so as quiet as it can be in Florence (or any major city for that matter!). Ask for room 45, on the 4th floor (don't panic there is a lift), if you want a room with a balcony <span class='review-span highlight' data-aligned-summaries='2'>and</span> <span class='review-span highlight' data-aligned-summaries='1 2'>a view over the roof tops to the Duomo</span> <span class='review-span highlight' data-aligned-summaries='2'>and Campanile</span>. Continental breakfast was light but adequate, but hotel too small to serve dinner - not a problem with so many good restaurants to choose from! Go and enjoy!</div><div class='text-box'>Short walk from the Madding crowds of Firenze The website was accurate in its promises. The service to arrange for private pick-up from the train station to the airport was excellent as was the arranging for museum tickets. Contact to confirm reservations was propmpt. The rooms are simple, but clean and we slept well for five restful nights. The common room is very comfortable, as is the breakfast area. The patio serves dynomite gin tonics for happy hour. <span class='review-span highlight' data-aligned-summaries='2'>The hotel is a pleasant walk from the main downtown sights</span> in a less touristy and more local scene. Would definitely stay there again.</div><div class='text-box'>Good 3 star hotel in Florence Good 3-star hotel <span class='review-span highlight' data-aligned-summaries='0'>in central Florence,</span> <span class='review-span highlight' data-aligned-summaries='0 1'>very close to the</span> <span class='review-span highlight' data-aligned-summaries='0'>Accademia and to the</span> <span class='review-span highlight' data-aligned-summaries='0 1'>Duomo</span>. Lots of restaurants nearby. Room is fairly spacious but basic in decor and clean. Bedroom windows are double-paned, so that noise is not a problem. Bathroom could use a little updating but would speculate that it has been updated within last 10 years. Good American style stand-up shower. The breakfast, which is included in the price of the room, is well above average and in a lovely room which also has a very nice terrace. <span class='review-span highlight' data-aligned-summaries='3'>Friendly front desk</span>.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='3'>Extremely friendly/helpful staff</span> here! The Orto De Medici was a wonderful hotel, <span class='review-span highlight' data-aligned-summaries='0'>perfectly located in Florence</span>. The continental breakfast was grand and offered world travelers a diverse selection of foods and drinks.The hotel is superbly clean and beautifully decorated. The front desk staff was the best I've ever encountered. They were compassionate with our lost luggage situation and gladly booked us reservations for the Uffizi gallery.Although the walls are a bit thin in the room and it seemed a bit noisy at night.I would stay at this hotel a thousand times over.Thanks for a fabulous stay.</div><div class='text-box'>Wonderful We had a wonderful week's stay at this charming hotel. <span class='review-span highlight' data-aligned-summaries='3'>The service was first class</span>, the room and bathroom were spacious and immaculately clean.The best part, however was the sun-lit , beautifully appointed breakfast room with, again, perfect service.We would definitely go back when we return to Florence.</div><div class='text-box'>Absolutely Lovely! <span class='review-span highlight' data-aligned-summaries='0 1'>A view from the Bell Tower looking at the Duomo</span></div><div class='text-box'>My favorite Italian experience <span class='review-span highlight' data-aligned-summaries='0'>In front of the Hotel Orto De Medici</span></div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">The location is great.</span> <span id="1" class="summary-sentence">It's close to the Duomo, and only a couple of streets away from the piazza and is at the heart of the city.</span> <span id="2" class="summary-sentence">With easy walking distance from some of the major attractions.</span> <span id="3" class="summary-sentence">The staff is friendly.</span></div></div>
|
| 74 |
+
<script>
|
| 75 |
+
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 76 |
+
sentence.addEventListener('mouseenter', function() {
|
| 77 |
+
const summaryId = this.getAttribute('id');
|
| 78 |
+
document.querySelectorAll('.review-span').forEach(span => {
|
| 79 |
+
if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
|
| 80 |
+
span.classList.remove('highlight');
|
| 81 |
+
span.classList.add('not-hover-highlight');
|
| 82 |
+
}
|
| 83 |
+
});
|
| 84 |
+
this.classList.add('highlight');
|
| 85 |
+
});
|
| 86 |
+
|
| 87 |
+
sentence.addEventListener('mouseleave', function() {
|
| 88 |
+
const summaryId = this.getAttribute('id');
|
| 89 |
+
document.querySelectorAll('.review-span').forEach(span => {
|
| 90 |
+
if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
|
| 91 |
+
span.classList.remove('not-hover-highlight');
|
| 92 |
+
span.classList.add('highlight');
|
| 93 |
+
}
|
| 94 |
+
this.classList.remove('highlight');
|
| 95 |
+
});
|
| 96 |
+
});
|
| 97 |
+
});
|
| 98 |
+
|
| 99 |
+
document.querySelectorAll('.review-span').forEach(span => {
|
| 100 |
+
span.addEventListener('mouseenter', function() {
|
| 101 |
+
document.querySelectorAll('.review-span').forEach(span => {
|
| 102 |
+
if (span !== this) {
|
| 103 |
+
span.classList.remove('highlight');
|
| 104 |
+
span.classList.add('not-hover-highlight');
|
| 105 |
+
}
|
| 106 |
+
});
|
| 107 |
+
const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
|
| 108 |
+
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 109 |
+
if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
|
| 110 |
+
sentence.classList.add('highlight');
|
| 111 |
+
}
|
| 112 |
+
});
|
| 113 |
+
});
|
| 114 |
+
});
|
| 115 |
+
|
| 116 |
+
document.querySelectorAll('.review-span').forEach(span => {
|
| 117 |
+
span.addEventListener('mouseleave', function() {
|
| 118 |
+
const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
|
| 119 |
+
document.querySelectorAll('.review-span').forEach(span => {
|
| 120 |
+
if (span !== this) {
|
| 121 |
+
span.classList.remove('not-hover-highlight');
|
| 122 |
+
span.classList.add('highlight');
|
| 123 |
+
}
|
| 124 |
+
});
|
| 125 |
+
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 126 |
+
if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
|
| 127 |
+
sentence.classList.remove('highlight');
|
| 128 |
+
}
|
| 129 |
+
});
|
| 130 |
+
});
|
| 131 |
+
});
|
| 132 |
+
|
| 133 |
+
</script>
|
| 134 |
+
</body>
|
| 135 |
+
</html>
|
html_files/train/CocoTrip-dev_comm-inst_9_a_summ_0.html
ADDED
|
@@ -0,0 +1,135 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
|
| 2 |
+
<!DOCTYPE html>
|
| 3 |
+
<html lang="en">
|
| 4 |
+
<head>
|
| 5 |
+
<meta charset="UTF-8">
|
| 6 |
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
| 7 |
+
<title>Document Review</title>
|
| 8 |
+
<style>
|
| 9 |
+
body {
|
| 10 |
+
font-family: Arial, sans-serif;
|
| 11 |
+
display: flex;
|
| 12 |
+
justify-content: center; /* This will center the .reviews container on the screen */
|
| 13 |
+
align-items: flex-start;
|
| 14 |
+
height: 100vh;
|
| 15 |
+
margin: 2px; /* Remove default margin */
|
| 16 |
+
}
|
| 17 |
+
|
| 18 |
+
.highlight { background-color: yellow;
|
| 19 |
+
color: black !important; /* Dark grey for muted text */
|
| 20 |
+
cursor: pointer;}
|
| 21 |
+
.not-hover-highlight { background-color: lightyellow;
|
| 22 |
+
color: #606060 !important; /* Dark grey for muted text */}
|
| 23 |
+
.summary {
|
| 24 |
+
width: 50%;
|
| 25 |
+
font-size: 1.0rem;
|
| 26 |
+
padding: 10px;
|
| 27 |
+
height: 100vh; /* Maximum height to a third of the viewport height */
|
| 28 |
+
background-color: #9e9e9e0a;
|
| 29 |
+
}
|
| 30 |
+
.reviews {
|
| 31 |
+
width: 50%;
|
| 32 |
+
font-size: 0.7rem;
|
| 33 |
+
display: flex;
|
| 34 |
+
flex-wrap: wrap;
|
| 35 |
+
padding: 10px;
|
| 36 |
+
max-height: 100vh; /* Maximum height to a third of the viewport height */
|
| 37 |
+
overflow-y: auto; /* Enable vertical scrolling */
|
| 38 |
+
background-color: #9e9e9e0a; /* Light grey background */
|
| 39 |
+
}
|
| 40 |
+
.text-box {
|
| 41 |
+
width: calc(100% - 20px); /* Adjust based on padding */
|
| 42 |
+
margin: 10px;
|
| 43 |
+
padding: 10px;
|
| 44 |
+
background-color: #9e9e9e0a; /* Light grey background */
|
| 45 |
+
color: #606060bf;
|
| 46 |
+
border: 2px solid #ddd; /* Cartoonish border */
|
| 47 |
+
border-radius: 20px; /* Rounded corners for cartoonish effect */
|
| 48 |
+
position: relative;
|
| 49 |
+
box-shadow: 3px 3px #bbb; /* Soft shadow for depth */
|
| 50 |
+
}
|
| 51 |
+
.text-box:before {
|
| 52 |
+
content: '';
|
| 53 |
+
position: absolute;
|
| 54 |
+
right: 100%;
|
| 55 |
+
bottom: 20%;
|
| 56 |
+
border-top: 10px solid transparent;
|
| 57 |
+
border-bottom: 10px solid transparent;
|
| 58 |
+
border-right: 10px solid #ddd; /* Arrow matching the border */
|
| 59 |
+
}
|
| 60 |
+
.summary-box {
|
| 61 |
+
padding: 10px;
|
| 62 |
+
margin: 10px 0;
|
| 63 |
+
background-color: #e6e6fa; /* Lavender background for a pleasant look */
|
| 64 |
+
border: 1px solid #ddd; /* Light border for definition */
|
| 65 |
+
border-radius: 5px; /* Slightly rounded corners */
|
| 66 |
+
box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* Soft shadow for depth */
|
| 67 |
+
cursor: pointer;
|
| 68 |
+
}
|
| 69 |
+
h4 { margin-top: 0; }
|
| 70 |
+
</style>
|
| 71 |
+
</head>
|
| 72 |
+
<body>
|
| 73 |
+
<div class='column reviews'><h2>Reviews</h2><div class='text-box'>My wife and I were in November 2006 for one night only and paid with reward points. Wish have stayed longer. Nice and superclean clean modern hotel, superb breakfast with plenty of variety and fresh capuccino made in front of you, and <span class='review-span highlight' data-aligned-summaries='0'>very helpful</span> and polite <span class='review-span highlight' data-aligned-summaries='0'>staff both in reception and breakfast room</span> that makes your stay even more enjoyable. Even thought not in centre of Rome, close enough by public transportation very easy and accesible: bus line 85 runs often one block from hotel, takes you to Colesseum and near Trevi? Metro linea B, about 5 blocks from hotel takes you to centre or Ananigna to take bus to Ciampino, and <span class='review-span highlight' data-aligned-summaries='1'>train</span> to Fiumicino airport <span class='review-span highlight' data-aligned-summaries='1'>2-3 blocks from hotel</span>: only 5 euros takes you in a bit without stops. Only problem with Metro line B is that stopped working after 9:00PM. Hope it changes soon, but still OK. Would definitely reccomend hotel to anybody and cannot wait to go back now in June for 2 nights.</div><div class='text-box'>We (a family of 9 including a toddler & an adolescent) went there last October. Having stayed at a new Holiday Inn Express in Milan last year, we were hoping to repeat the same 3-star experience. The receptionists were accomodating/business-like. We rented a van & had to pay 12 parking/night. However, everybody was disappointed with the small room (triple BR), old stained pillows & sheets, cleanliness & service. The only time that we opened our window was on the last day of our stay (it rained) & was shocked to find out that <span class='review-span highlight' data-aligned-summaries='0'>the window sill was full of black molds</span>. My son had his first asthma attack when we went home. I've just read another review from a previous guest abt. 2 months ago stating the same problem with the molds/mildew. Obviously, <span class='review-span highlight' data-aligned-summaries='0'>the hotel didn't do anything about it</span>.</div><div class='text-box'>We stayed at the Holiday Inn Express Rome - San Giovanni for 3 nights during our 8 day trip in Italy. On our last morning, we were told to leave our baggage at the lobby while breakfast and we did. When we returned, we sadly found out that one of our baggage, the one containing most of our gifts, was missing. Since we wouldn't be able to go back and get new ones, it was really devastating for us. <span class='review-span highlight' data-aligned-summaries='0'>The staff members were not even slighly interested in the situation</span>. We asked for police assistance but they didn't even bother to call; saying the police could do nothing about it. Nobody asked about what happened or anything; as if nothing had happened. <span class='review-span highlight' data-aligned-summaries='0'>The apathy, the staff members showed, made us regretfully think that some of them may have something to do with the robbery</span>.</div><div class='text-box'>We stayed at Holiday Inn Express Rome San Giovanni simply going by what others had to say about the place in Tripadvisor. I am glad I did that. I got a good price on the hiexpress website by booking in advance. Though the hotel is not right in the heart of the city, it is a very convenient to get there by bus. <span class='review-span highlight' data-aligned-summaries='1'>We also used the sub way station but that was a longer walk</span>. The rooms are very clean and modern. <span class='review-span highlight' data-aligned-summaries='0'>The front desk staff are helpful</span> . Breakfast was good with a lot of choice. Would definitely stay there again.</div><div class='text-box'>I stayed at the hotel from January 26 to January 31 and the service over all is really great, but <span class='review-span highlight' data-aligned-summaries='0'>there is nothing or none that matches service, attention, dedication and compromise with the client</span> than SIMONE DI PORTO and ALESSANDRA COPPOCA, both of them really are committed and love what they do, always aware of what you need and willing to help you. ANd these review is coming from a long term priority club member with Platinum Status, besides the deco of the hotel and overall was good. Hope to go back to the same hotel</div><div class='text-box'>We Were only in rome for 2 days and 2 nights and found Express a good place for a short stay. At first we thought the area looked a bit Dodgey But compared to Rome centre it is not too bad. There is a nice Restaurant (Sacco) just around the corner which, although a little pricey, is very pleasant. <span class='review-span highlight' data-aligned-summaries='1'>It is very close to the Station</span>, <span class='review-span highlight' data-aligned-summaries='1'>Just a 10 minute walk and another 10 to Termini Station</span>. Also There is free parking just outside reception</div><div class='text-box'>This is a good hotel, it is very decent , nice rooms(though I'm not sure if it has air conditioning), <span class='review-span highlight' data-aligned-summaries='1'>it is very close to the Metro</span>, which was our main transportation throughout our trip. it also has a bus station a minute away that is also very usefull. Money well spent!</div><div class='text-box'>Very clean rooms, <span class='review-span highlight' data-aligned-summaries='0'>super friendly and helpful staff</span>. We checked in early in the morning and were accommodated without charge. The breakfast was perfect. <span class='review-span highlight' data-aligned-summaries='0'>Make sure you get a few free cappuccino's from the Barista</span>. The Nescafe machine is fine but the cappuccino's from the barrista (Coffee Bar) are better.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">Some of the staff at the hotel were helpful.</span> <span id="1" class="summary-sentence">If you want to go a little further afield there is a train station close-by.</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-dev_comm-inst_9_a_summ_1.html
ADDED
|
@@ -0,0 +1,135 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
|
| 2 |
+
<!DOCTYPE html>
|
| 3 |
+
<html lang="en">
|
| 4 |
+
<head>
|
| 5 |
+
<meta charset="UTF-8">
|
| 6 |
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
| 7 |
+
<title>Document Review</title>
|
| 8 |
+
<style>
|
| 9 |
+
body {
|
| 10 |
+
font-family: Arial, sans-serif;
|
| 11 |
+
display: flex;
|
| 12 |
+
justify-content: center; /* This will center the .reviews container on the screen */
|
| 13 |
+
align-items: flex-start;
|
| 14 |
+
height: 100vh;
|
| 15 |
+
margin: 2px; /* Remove default margin */
|
| 16 |
+
}
|
| 17 |
+
|
| 18 |
+
.highlight { background-color: yellow;
|
| 19 |
+
color: black !important; /* Dark grey for muted text */
|
| 20 |
+
cursor: pointer;}
|
| 21 |
+
.not-hover-highlight { background-color: lightyellow;
|
| 22 |
+
color: #606060 !important; /* Dark grey for muted text */}
|
| 23 |
+
.summary {
|
| 24 |
+
width: 50%;
|
| 25 |
+
font-size: 1.0rem;
|
| 26 |
+
padding: 10px;
|
| 27 |
+
height: 100vh; /* Maximum height to a third of the viewport height */
|
| 28 |
+
background-color: #9e9e9e0a;
|
| 29 |
+
}
|
| 30 |
+
.reviews {
|
| 31 |
+
width: 50%;
|
| 32 |
+
font-size: 0.7rem;
|
| 33 |
+
display: flex;
|
| 34 |
+
flex-wrap: wrap;
|
| 35 |
+
padding: 10px;
|
| 36 |
+
max-height: 100vh; /* Maximum height to a third of the viewport height */
|
| 37 |
+
overflow-y: auto; /* Enable vertical scrolling */
|
| 38 |
+
background-color: #9e9e9e0a; /* Light grey background */
|
| 39 |
+
}
|
| 40 |
+
.text-box {
|
| 41 |
+
width: calc(100% - 20px); /* Adjust based on padding */
|
| 42 |
+
margin: 10px;
|
| 43 |
+
padding: 10px;
|
| 44 |
+
background-color: #9e9e9e0a; /* Light grey background */
|
| 45 |
+
color: #606060bf;
|
| 46 |
+
border: 2px solid #ddd; /* Cartoonish border */
|
| 47 |
+
border-radius: 20px; /* Rounded corners for cartoonish effect */
|
| 48 |
+
position: relative;
|
| 49 |
+
box-shadow: 3px 3px #bbb; /* Soft shadow for depth */
|
| 50 |
+
}
|
| 51 |
+
.text-box:before {
|
| 52 |
+
content: '';
|
| 53 |
+
position: absolute;
|
| 54 |
+
right: 100%;
|
| 55 |
+
bottom: 20%;
|
| 56 |
+
border-top: 10px solid transparent;
|
| 57 |
+
border-bottom: 10px solid transparent;
|
| 58 |
+
border-right: 10px solid #ddd; /* Arrow matching the border */
|
| 59 |
+
}
|
| 60 |
+
.summary-box {
|
| 61 |
+
padding: 10px;
|
| 62 |
+
margin: 10px 0;
|
| 63 |
+
background-color: #e6e6fa; /* Lavender background for a pleasant look */
|
| 64 |
+
border: 1px solid #ddd; /* Light border for definition */
|
| 65 |
+
border-radius: 5px; /* Slightly rounded corners */
|
| 66 |
+
box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* Soft shadow for depth */
|
| 67 |
+
cursor: pointer;
|
| 68 |
+
}
|
| 69 |
+
h4 { margin-top: 0; }
|
| 70 |
+
</style>
|
| 71 |
+
</head>
|
| 72 |
+
<body>
|
| 73 |
+
<div class='column reviews'><h2>Reviews</h2><div class='text-box'>My wife and I were in November 2006 for one night only and paid with reward points. Wish have stayed longer. Nice and superclean clean modern hotel, superb breakfast with plenty of variety and fresh capuccino made in front of you, and <span class='review-span highlight' data-aligned-summaries='1'>very helpful and polite staff both in reception and breakfast room</span> that makes your stay even more enjoyable. Even thought not in centre of Rome, close enough by public transportation very easy and accesible: bus line 85 runs often one block from hotel, takes you to Colesseum and near Trevi? <span class='review-span highlight' data-aligned-summaries='0'>Metro linea B, about 5 blocks from hotel takes you to centre</span> or Ananigna to take bus to Ciampino, <span class='review-span highlight' data-aligned-summaries='0'>and train to Fiumicino airport 2-3 blocks from hotel</span>: only 5 euros takes you in a bit without stops. Only problem with Metro line B is that stopped working after 9:00PM. Hope it changes soon, but still OK. Would definitely reccomend hotel to anybody and cannot wait to go back now in June for 2 nights.</div><div class='text-box'>We (a family of 9 including a toddler & an adolescent) went there last October. Having stayed at a new Holiday Inn Express in Milan last year, we were hoping to repeat the same 3-star experience. The receptionists were accomodating/business-like. We rented a van & had to pay 12 parking/night. However, everybody was disappointed with the small room (triple BR), old stained pillows & sheets, cleanliness & service. The only time that we opened our window was on the last day of our stay (it rained) & was shocked to find out that <span class='review-span highlight' data-aligned-summaries='1'>the window sill was full of black molds</span>. My son had his first asthma attack when we went home. I've just read another review from a previous guest abt. 2 months ago stating the same problem with the molds/mildew. Obviously, <span class='review-span highlight' data-aligned-summaries='1'>the hotel didn't do anything about it</span>.</div><div class='text-box'>We stayed at the Holiday Inn Express Rome - San Giovanni for 3 nights during our 8 day trip in Italy. On our last morning, we were told to leave our baggage at the lobby while breakfast and we did. When we returned, we sadly found out that one of our baggage, the one containing most of our gifts, was missing. Since we wouldn't be able to go back and get new ones, it was really devastating for us. <span class='review-span highlight' data-aligned-summaries='1'>The staff members were not even slighly interested in the situation</span>. We asked for police assistance but they didn't even bother to call; saying the police could do nothing about it. Nobody asked about what happened or anything; as if nothing had happened. The apathy, the staff members showed, made us regretfully think that some of them may have something to do with the robbery.</div><div class='text-box'>We stayed at Holiday Inn Express Rome San Giovanni simply going by what others had to say about the place in Tripadvisor. I am glad I did that. I got a good price on the hiexpress website by booking in advance. Though the hotel is not right in the heart of the city, it is a very convenient to get there by bus. <span class='review-span highlight' data-aligned-summaries='0'>We also used the sub way station but that was a longer walk</span>. The rooms are very clean and modern. <span class='review-span highlight' data-aligned-summaries='1'>The front desk staff are helpful</span> . Breakfast was good with a lot of choice. Would definitely stay there again.</div><div class='text-box'>I stayed at the hotel from January 26 to January 31 and the service over all is really great, but <span class='review-span highlight' data-aligned-summaries='1'>there is nothing or none that matches service, attention, dedication and compromise with the client</span> than SIMONE DI PORTO and ALESSANDRA COPPOCA, both of them <span class='review-span highlight' data-aligned-summaries='1'>really are committed and love what they do</span>, always aware of what you need and willing to help you. ANd these review is coming from a long term priority club member with Platinum Status, besides the deco of the hotel and overall was good. Hope to go back to the same hotel</div><div class='text-box'>We Were only in rome for 2 days and 2 nights and found Express a good place for a short stay. At first we thought the area looked a bit Dodgey But compared to Rome centre it is not too bad. There is a nice Restaurant (Sacco) just around the corner which, although a little pricey, is very pleasant. <span class='review-span highlight' data-aligned-summaries='0'>It is very close to the Station</span>, <span class='review-span highlight' data-aligned-summaries='0'>Just a 10 minute walk and another 10 to Termini Station</span>. Also There is free parking just outside reception</div><div class='text-box'>This is a good hotel, it is very decent , nice rooms(though I'm not sure if it has air conditioning), <span class='review-span highlight' data-aligned-summaries='0'>it is very close to the Metro</span>, which was our main transportation throughout our trip. it also has a bus station a minute away that is also very usefull. Money well spent!</div><div class='text-box'>Very clean rooms, <span class='review-span highlight' data-aligned-summaries='1'>super friendly and helpful staff</span>. We checked in early in the morning and were accommodated without charge. The breakfast was perfect. Make sure you get a few free cappuccino's from the Barista. The Nescafe machine is fine but the cappuccino's from the barrista (Coffee Bar) are better.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">The location very close to the train station.</span> <span id="1" class="summary-sentence">You will find the some of the staff at this hotel are super helpful.</span></div></div>
|
| 74 |
+
<script>
|
| 75 |
+
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 76 |
+
sentence.addEventListener('mouseenter', function() {
|
| 77 |
+
const summaryId = this.getAttribute('id');
|
| 78 |
+
document.querySelectorAll('.review-span').forEach(span => {
|
| 79 |
+
if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
|
| 80 |
+
span.classList.remove('highlight');
|
| 81 |
+
span.classList.add('not-hover-highlight');
|
| 82 |
+
}
|
| 83 |
+
});
|
| 84 |
+
this.classList.add('highlight');
|
| 85 |
+
});
|
| 86 |
+
|
| 87 |
+
sentence.addEventListener('mouseleave', function() {
|
| 88 |
+
const summaryId = this.getAttribute('id');
|
| 89 |
+
document.querySelectorAll('.review-span').forEach(span => {
|
| 90 |
+
if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
|
| 91 |
+
span.classList.remove('not-hover-highlight');
|
| 92 |
+
span.classList.add('highlight');
|
| 93 |
+
}
|
| 94 |
+
this.classList.remove('highlight');
|
| 95 |
+
});
|
| 96 |
+
});
|
| 97 |
+
});
|
| 98 |
+
|
| 99 |
+
document.querySelectorAll('.review-span').forEach(span => {
|
| 100 |
+
span.addEventListener('mouseenter', function() {
|
| 101 |
+
document.querySelectorAll('.review-span').forEach(span => {
|
| 102 |
+
if (span !== this) {
|
| 103 |
+
span.classList.remove('highlight');
|
| 104 |
+
span.classList.add('not-hover-highlight');
|
| 105 |
+
}
|
| 106 |
+
});
|
| 107 |
+
const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
|
| 108 |
+
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 109 |
+
if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
|
| 110 |
+
sentence.classList.add('highlight');
|
| 111 |
+
}
|
| 112 |
+
});
|
| 113 |
+
});
|
| 114 |
+
});
|
| 115 |
+
|
| 116 |
+
document.querySelectorAll('.review-span').forEach(span => {
|
| 117 |
+
span.addEventListener('mouseleave', function() {
|
| 118 |
+
const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
|
| 119 |
+
document.querySelectorAll('.review-span').forEach(span => {
|
| 120 |
+
if (span !== this) {
|
| 121 |
+
span.classList.remove('not-hover-highlight');
|
| 122 |
+
span.classList.add('highlight');
|
| 123 |
+
}
|
| 124 |
+
});
|
| 125 |
+
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 126 |
+
if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
|
| 127 |
+
sentence.classList.remove('highlight');
|
| 128 |
+
}
|
| 129 |
+
});
|
| 130 |
+
});
|
| 131 |
+
});
|
| 132 |
+
|
| 133 |
+
</script>
|
| 134 |
+
</body>
|
| 135 |
+
</html>
|
html_files/train/CocoTrip-dev_comm-inst_9_a_summ_2.html
ADDED
|
@@ -0,0 +1,135 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
|
| 2 |
+
<!DOCTYPE html>
|
| 3 |
+
<html lang="en">
|
| 4 |
+
<head>
|
| 5 |
+
<meta charset="UTF-8">
|
| 6 |
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
| 7 |
+
<title>Document Review</title>
|
| 8 |
+
<style>
|
| 9 |
+
body {
|
| 10 |
+
font-family: Arial, sans-serif;
|
| 11 |
+
display: flex;
|
| 12 |
+
justify-content: center; /* This will center the .reviews container on the screen */
|
| 13 |
+
align-items: flex-start;
|
| 14 |
+
height: 100vh;
|
| 15 |
+
margin: 2px; /* Remove default margin */
|
| 16 |
+
}
|
| 17 |
+
|
| 18 |
+
.highlight { background-color: yellow;
|
| 19 |
+
color: black !important; /* Dark grey for muted text */
|
| 20 |
+
cursor: pointer;}
|
| 21 |
+
.not-hover-highlight { background-color: lightyellow;
|
| 22 |
+
color: #606060 !important; /* Dark grey for muted text */}
|
| 23 |
+
.summary {
|
| 24 |
+
width: 50%;
|
| 25 |
+
font-size: 1.0rem;
|
| 26 |
+
padding: 10px;
|
| 27 |
+
height: 100vh; /* Maximum height to a third of the viewport height */
|
| 28 |
+
background-color: #9e9e9e0a;
|
| 29 |
+
}
|
| 30 |
+
.reviews {
|
| 31 |
+
width: 50%;
|
| 32 |
+
font-size: 0.7rem;
|
| 33 |
+
display: flex;
|
| 34 |
+
flex-wrap: wrap;
|
| 35 |
+
padding: 10px;
|
| 36 |
+
max-height: 100vh; /* Maximum height to a third of the viewport height */
|
| 37 |
+
overflow-y: auto; /* Enable vertical scrolling */
|
| 38 |
+
background-color: #9e9e9e0a; /* Light grey background */
|
| 39 |
+
}
|
| 40 |
+
.text-box {
|
| 41 |
+
width: calc(100% - 20px); /* Adjust based on padding */
|
| 42 |
+
margin: 10px;
|
| 43 |
+
padding: 10px;
|
| 44 |
+
background-color: #9e9e9e0a; /* Light grey background */
|
| 45 |
+
color: #606060bf;
|
| 46 |
+
border: 2px solid #ddd; /* Cartoonish border */
|
| 47 |
+
border-radius: 20px; /* Rounded corners for cartoonish effect */
|
| 48 |
+
position: relative;
|
| 49 |
+
box-shadow: 3px 3px #bbb; /* Soft shadow for depth */
|
| 50 |
+
}
|
| 51 |
+
.text-box:before {
|
| 52 |
+
content: '';
|
| 53 |
+
position: absolute;
|
| 54 |
+
right: 100%;
|
| 55 |
+
bottom: 20%;
|
| 56 |
+
border-top: 10px solid transparent;
|
| 57 |
+
border-bottom: 10px solid transparent;
|
| 58 |
+
border-right: 10px solid #ddd; /* Arrow matching the border */
|
| 59 |
+
}
|
| 60 |
+
.summary-box {
|
| 61 |
+
padding: 10px;
|
| 62 |
+
margin: 10px 0;
|
| 63 |
+
background-color: #e6e6fa; /* Lavender background for a pleasant look */
|
| 64 |
+
border: 1px solid #ddd; /* Light border for definition */
|
| 65 |
+
border-radius: 5px; /* Slightly rounded corners */
|
| 66 |
+
box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* Soft shadow for depth */
|
| 67 |
+
cursor: pointer;
|
| 68 |
+
}
|
| 69 |
+
h4 { margin-top: 0; }
|
| 70 |
+
</style>
|
| 71 |
+
</head>
|
| 72 |
+
<body>
|
| 73 |
+
<div class='column reviews'><h2>Reviews</h2><div class='text-box'>My wife and I were in November 2006 for one night only and paid with reward points. <span class='review-span highlight' data-aligned-summaries='0'>Wish have stayed longer</span>. Nice and superclean clean modern hotel, superb breakfast with plenty of variety and fresh capuccino made in front of you, and <span class='review-span highlight' data-aligned-summaries='2'>very helpful and polite staff both in reception and breakfast room</span> that makes your stay even more enjoyable. Even thought not in centre of Rome, close enough by public transportation very easy and accesible: bus line 85 runs often one block from hotel, takes you to Colesseum and near Trevi? <span class='review-span highlight' data-aligned-summaries='1'>Metro linea B, about 5 blocks from hotel</span> takes you to centre or Ananigna to take bus to Ciampino, and train to Fiumicino airport 2-3 blocks from hotel: only 5 euros takes you in a bit without stops. Only problem with Metro line B is that stopped working after 9:00PM. Hope it changes soon, but still OK. <span class='review-span highlight' data-aligned-summaries='0'>Would definitely reccomend hotel</span> to anybody and cannot wait to go back now in June for 2 nights.</div><div class='text-box'>We (a family of 9 including a toddler & an adolescent) went there last October. Having stayed at a new Holiday Inn Express in Milan last year, we were hoping to repeat the same 3-star experience. The receptionists were accomodating/business-like. We rented a van & had to pay 12 parking/night. However, everybody was disappointed with the small room (triple BR), old stained pillows & sheets, cleanliness & service. The only time that we opened our window was on the last day of our stay (it rained) & was shocked to find out that <span class='review-span highlight' data-aligned-summaries='0 2'>the window sill was full of black molds</span>. My son had his first asthma attack when we went home. I've just read another review from a previous guest abt. 2 months ago stating the same problem with the molds/mildew. <span class='review-span highlight' data-aligned-summaries='0 2'>Obviously, the hotel didn't do anything about it</span>.</div><div class='text-box'>We stayed at the Holiday Inn Express Rome - San Giovanni for 3 nights during our 8 day trip in Italy. On our last morning, we were told to leave our baggage at the lobby while breakfast and we did. When we returned, we sadly found <span class='review-span highlight' data-aligned-summaries='0'>out that one of our baggage, the one containing most of our gifts, was missing</span>. Since we wouldn't be able to go back and get new ones, it was really devastating for us. <span class='review-span highlight' data-aligned-summaries='2'>The staff members were not even slighly interested in the situation</span>. We asked for police assistance but they didn't even bother to call; saying the police could do nothing about it. Nobody asked about what happened or anything; as if nothing had happened. <span class='review-span highlight' data-aligned-summaries='0 2'>The apathy, the staff members showed, made us regretfully think that some of them may have something to do with the robbery</span>.</div><div class='text-box'>We stayed at Holiday Inn Express Rome San Giovanni simply going by what others had to say about the place in Tripadvisor. I am glad I did that. I got a good price on the hiexpress website by booking in advance. Though <span class='review-span highlight' data-aligned-summaries='0'>the hotel is</span> not right in the heart of the city, it is a <span class='review-span highlight' data-aligned-summaries='0'>very convenient to get there by bus</span>. <span class='review-span highlight' data-aligned-summaries='1'>We also used the sub way station but that was a longer walk</span>. The rooms are very clean and modern. <span class='review-span highlight' data-aligned-summaries='2'>The front desk staff are helpful</span> . Breakfast was good with a lot of choice. <span class='review-span highlight' data-aligned-summaries='0'>Would definitely stay there again</span>.</div><div class='text-box'>I stayed at the hotel from January 26 to January 31 and the service over all is really great, but <span class='review-span highlight' data-aligned-summaries='0 2'>there is nothing or none that matches service, attention, dedication and compromise with the client</span> than SIMONE DI PORTO and ALESSANDRA COPPOCA, both of them really are committed and love what they do, always aware of what you need and willing to help you. ANd these review is coming from a long term priority club member with Platinum Status, besides the deco of the hotel and overall was good. Hope to go back to the same hotel</div><div class='text-box'>We Were only in rome for 2 days and 2 nights and found Express <span class='review-span highlight' data-aligned-summaries='0'>a good place for a short stay</span>. At first we thought the area looked a bit Dodgey But compared to Rome centre it is not too bad. There is a nice Restaurant (Sacco) just around the corner which, although a little pricey, is very pleasant. <span class='review-span highlight' data-aligned-summaries='0 1'>It is very close to the Station</span>,<span class='review-span highlight' data-aligned-summaries='1'> Just a 10 minute walk and another 10 to Termini Station</span>. Also There is free parking just outside reception</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>This is a good hotel</span>, it is very decent , nice rooms(though I'm not sure if it has air conditioning), <span class='review-span highlight' data-aligned-summaries='1'>it is very close to the Metro</span>, which was our main transportation throughout our trip. it also has a bus station a minute away that is also very usefull. <span class='review-span highlight' data-aligned-summaries='0'>Money well spent</span>!</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>Very clean rooms, super friendly and helpful staff</span>. We checked in early in the morning and <span class='review-span highlight' data-aligned-summaries='2'>were accommodated without charge</span>. The breakfast was perfect. <span class='review-span highlight' data-aligned-summaries='2'>Make sure you get a few free cappuccino's from the Barista</span>. The Nescafe machine is fine but the cappuccino's from the barrista (Coffee Bar) are better.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">A great place to stay.</span> <span id="1" class="summary-sentence">The location is cloes to the main Metro train station.</span> <span id="2" class="summary-sentence">Some of the staff were 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-dev_comm-inst_9_b_summ_0.html
ADDED
|
@@ -0,0 +1,135 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
|
| 2 |
+
<!DOCTYPE html>
|
| 3 |
+
<html lang="en">
|
| 4 |
+
<head>
|
| 5 |
+
<meta charset="UTF-8">
|
| 6 |
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
| 7 |
+
<title>Document Review</title>
|
| 8 |
+
<style>
|
| 9 |
+
body {
|
| 10 |
+
font-family: Arial, sans-serif;
|
| 11 |
+
display: flex;
|
| 12 |
+
justify-content: center; /* This will center the .reviews container on the screen */
|
| 13 |
+
align-items: flex-start;
|
| 14 |
+
height: 100vh;
|
| 15 |
+
margin: 2px; /* Remove default margin */
|
| 16 |
+
}
|
| 17 |
+
|
| 18 |
+
.highlight { background-color: yellow;
|
| 19 |
+
color: black !important; /* Dark grey for muted text */
|
| 20 |
+
cursor: pointer;}
|
| 21 |
+
.not-hover-highlight { background-color: lightyellow;
|
| 22 |
+
color: #606060 !important; /* Dark grey for muted text */}
|
| 23 |
+
.summary {
|
| 24 |
+
width: 50%;
|
| 25 |
+
font-size: 1.0rem;
|
| 26 |
+
padding: 10px;
|
| 27 |
+
height: 100vh; /* Maximum height to a third of the viewport height */
|
| 28 |
+
background-color: #9e9e9e0a;
|
| 29 |
+
}
|
| 30 |
+
.reviews {
|
| 31 |
+
width: 50%;
|
| 32 |
+
font-size: 0.7rem;
|
| 33 |
+
display: flex;
|
| 34 |
+
flex-wrap: wrap;
|
| 35 |
+
padding: 10px;
|
| 36 |
+
max-height: 100vh; /* Maximum height to a third of the viewport height */
|
| 37 |
+
overflow-y: auto; /* Enable vertical scrolling */
|
| 38 |
+
background-color: #9e9e9e0a; /* Light grey background */
|
| 39 |
+
}
|
| 40 |
+
.text-box {
|
| 41 |
+
width: calc(100% - 20px); /* Adjust based on padding */
|
| 42 |
+
margin: 10px;
|
| 43 |
+
padding: 10px;
|
| 44 |
+
background-color: #9e9e9e0a; /* Light grey background */
|
| 45 |
+
color: #606060bf;
|
| 46 |
+
border: 2px solid #ddd; /* Cartoonish border */
|
| 47 |
+
border-radius: 20px; /* Rounded corners for cartoonish effect */
|
| 48 |
+
position: relative;
|
| 49 |
+
box-shadow: 3px 3px #bbb; /* Soft shadow for depth */
|
| 50 |
+
}
|
| 51 |
+
.text-box:before {
|
| 52 |
+
content: '';
|
| 53 |
+
position: absolute;
|
| 54 |
+
right: 100%;
|
| 55 |
+
bottom: 20%;
|
| 56 |
+
border-top: 10px solid transparent;
|
| 57 |
+
border-bottom: 10px solid transparent;
|
| 58 |
+
border-right: 10px solid #ddd; /* Arrow matching the border */
|
| 59 |
+
}
|
| 60 |
+
.summary-box {
|
| 61 |
+
padding: 10px;
|
| 62 |
+
margin: 10px 0;
|
| 63 |
+
background-color: #e6e6fa; /* Lavender background for a pleasant look */
|
| 64 |
+
border: 1px solid #ddd; /* Light border for definition */
|
| 65 |
+
border-radius: 5px; /* Slightly rounded corners */
|
| 66 |
+
box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* Soft shadow for depth */
|
| 67 |
+
cursor: pointer;
|
| 68 |
+
}
|
| 69 |
+
h4 { margin-top: 0; }
|
| 70 |
+
</style>
|
| 71 |
+
</head>
|
| 72 |
+
<body>
|
| 73 |
+
<div class='column reviews'><h2>Reviews</h2><div class='text-box'>You will be comfortable at this hotel. The rooms and baths are large; cleaning service is excellent. It is relatively quiet in busy, central Rome, therefore a very good location to stay for sightseeing. <span class='review-span highlight' data-aligned-summaries='1'>The main Metro terminal is a short walk away</span>. Breakfast is entirely adequate and complimentary. There is a free Internet connection in the lobby and rooms are wired for the Internet. One caution: should you need to telephone the USA, the hotel phones offer a "1508" access code. While the connection is fast and clear, the charge for a timed brief call of two or theee minutes is over $40 usd. Use your ATT card for international calls and save.</div><div class='text-box'>having just returned from a weeks stay at the universo hotel,i found it to be good value for money,<span class='review-span highlight' data-aligned-summaries='0'>on our arrival we did not have the room we booked</span> and were disappointed,<span class='review-span highlight' data-aligned-summaries='0'>when we brought this to the hotels attention our room was changed the next day</span> which we were more than happy with,breakfast was also very good with lots to choose from,don't understand the negative comments regarding breakfast on some reviews.i would definately return to this hotel.</div><div class='text-box'>Hotel's location is amazing since its <span class='review-span highlight' data-aligned-summaries='1'>2 mins walk from the main train station</span> that will take u to airport in 25 mins. 10 mins away from downtown (walking) and around 15-20 from Coloseum ! Central location, with lots of hotels around <span class='review-span highlight' data-aligned-summaries='0'>Friendly staff</span>, and really AMAZING breakfast. The restaurant is not the best you can get. Really nice rooms :)</div><div class='text-box'>We stayed 4 nights, and felt secure and comfortable. This is a fairly impersonal hotel, where <span class='review-span highlight' data-aligned-summaries='0'>the staff</span> did not speak unless spoken to, although they <span class='review-span highlight' data-aligned-summaries='0'>were helpful when requests were made</span>. The breakfast buffet was excellent. Our room was a loft, with the king bed up the stairs from the sitting area and bathroom. Several good restaurants nearby.</div><div class='text-box'>Good location if you plan to stay close to <span class='review-span highlight' data-aligned-summaries='1'>Termini rail station is a few minutes walk</span>. Hotel itself not really impressive the rooms are very small with no drawers and a tiny bathroom with a shower only. Does have air conditioning which is about the only good part .Buffet Breakfast was good but overall I wouldnt stay again at this hotel</div><div class='text-box'>We stayed here twice in May and would happily stay again. The rooms were spacious, the breakfast was yum, and <span class='review-span highlight' data-aligned-summaries='0'>the staff were friendly and helpful</span>. You could walk to a lot of Rome's attractions from here but we chose to use the hop on hop off bus which had a stop just around the corner.</div><div class='text-box'>Don't expect t set yur thermostat below 80 degrees. No matter what setting you use, <span class='review-span highlight' data-aligned-summaries='0'>the front desk controls the room temperature and will not set it below 26 Celsius</span>, or 78 Fahrenheit. Disgusting sleeping temperature, and of course does not make for a good vacation. Never again.</div><div class='text-box'>We had a great stay. <span class='review-span highlight' data-aligned-summaries='1'>Close to the train station</span> and many attractions. We walked all over Rome from here. Great breakfast, clean rooms, but <span class='review-span highlight' data-aligned-summaries='0'>the staff</span> was <span class='review-span highlight' data-aligned-summaries='0'>makes it extra special</span>.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">Some of the staff at the hotel were helpful.</span> <span id="1" class="summary-sentence">If you want to go a little further afield there is a train station close-by.</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-dev_comm-inst_9_b_summ_1.html
ADDED
|
@@ -0,0 +1,135 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
|
| 2 |
+
<!DOCTYPE html>
|
| 3 |
+
<html lang="en">
|
| 4 |
+
<head>
|
| 5 |
+
<meta charset="UTF-8">
|
| 6 |
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
| 7 |
+
<title>Document Review</title>
|
| 8 |
+
<style>
|
| 9 |
+
body {
|
| 10 |
+
font-family: Arial, sans-serif;
|
| 11 |
+
display: flex;
|
| 12 |
+
justify-content: center; /* This will center the .reviews container on the screen */
|
| 13 |
+
align-items: flex-start;
|
| 14 |
+
height: 100vh;
|
| 15 |
+
margin: 2px; /* Remove default margin */
|
| 16 |
+
}
|
| 17 |
+
|
| 18 |
+
.highlight { background-color: yellow;
|
| 19 |
+
color: black !important; /* Dark grey for muted text */
|
| 20 |
+
cursor: pointer;}
|
| 21 |
+
.not-hover-highlight { background-color: lightyellow;
|
| 22 |
+
color: #606060 !important; /* Dark grey for muted text */}
|
| 23 |
+
.summary {
|
| 24 |
+
width: 50%;
|
| 25 |
+
font-size: 1.0rem;
|
| 26 |
+
padding: 10px;
|
| 27 |
+
height: 100vh; /* Maximum height to a third of the viewport height */
|
| 28 |
+
background-color: #9e9e9e0a;
|
| 29 |
+
}
|
| 30 |
+
.reviews {
|
| 31 |
+
width: 50%;
|
| 32 |
+
font-size: 0.7rem;
|
| 33 |
+
display: flex;
|
| 34 |
+
flex-wrap: wrap;
|
| 35 |
+
padding: 10px;
|
| 36 |
+
max-height: 100vh; /* Maximum height to a third of the viewport height */
|
| 37 |
+
overflow-y: auto; /* Enable vertical scrolling */
|
| 38 |
+
background-color: #9e9e9e0a; /* Light grey background */
|
| 39 |
+
}
|
| 40 |
+
.text-box {
|
| 41 |
+
width: calc(100% - 20px); /* Adjust based on padding */
|
| 42 |
+
margin: 10px;
|
| 43 |
+
padding: 10px;
|
| 44 |
+
background-color: #9e9e9e0a; /* Light grey background */
|
| 45 |
+
color: #606060bf;
|
| 46 |
+
border: 2px solid #ddd; /* Cartoonish border */
|
| 47 |
+
border-radius: 20px; /* Rounded corners for cartoonish effect */
|
| 48 |
+
position: relative;
|
| 49 |
+
box-shadow: 3px 3px #bbb; /* Soft shadow for depth */
|
| 50 |
+
}
|
| 51 |
+
.text-box:before {
|
| 52 |
+
content: '';
|
| 53 |
+
position: absolute;
|
| 54 |
+
right: 100%;
|
| 55 |
+
bottom: 20%;
|
| 56 |
+
border-top: 10px solid transparent;
|
| 57 |
+
border-bottom: 10px solid transparent;
|
| 58 |
+
border-right: 10px solid #ddd; /* Arrow matching the border */
|
| 59 |
+
}
|
| 60 |
+
.summary-box {
|
| 61 |
+
padding: 10px;
|
| 62 |
+
margin: 10px 0;
|
| 63 |
+
background-color: #e6e6fa; /* Lavender background for a pleasant look */
|
| 64 |
+
border: 1px solid #ddd; /* Light border for definition */
|
| 65 |
+
border-radius: 5px; /* Slightly rounded corners */
|
| 66 |
+
box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* Soft shadow for depth */
|
| 67 |
+
cursor: pointer;
|
| 68 |
+
}
|
| 69 |
+
h4 { margin-top: 0; }
|
| 70 |
+
</style>
|
| 71 |
+
</head>
|
| 72 |
+
<body>
|
| 73 |
+
<div class='column reviews'><h2>Reviews</h2><div class='text-box'>You will be comfortable at this hotel. The rooms and baths are large; <span class='review-span highlight' data-aligned-summaries='1'>cleaning service is excellent</span>. It is relatively quiet in busy, central Rome, therefore a very good location to stay for sightseeing. <span class='review-span highlight' data-aligned-summaries='0'>The main Metro terminal is a short walk away</span>. Breakfast is entirely adequate and complimentary. There is a free Internet connection in the lobby and rooms are wired for the Internet. One caution: should you need to telephone the USA, the hotel phones offer a "1508" access code. While the connection is fast and clear, the charge for a timed brief call of two or theee minutes is over $40 usd. Use your ATT card for international calls and save.</div><div class='text-box'>having just returned from a weeks stay at the universo hotel,i found it to be good value for money,on our arrival <span class='review-span highlight' data-aligned-summaries='1'>we did not have the room we booked</span> and were disappointed,<span class='review-span highlight' data-aligned-summaries='1'>when we brought this to the hotels attention our room was changed the next day</span> which we were more than happy with,breakfast was also very good with lots to choose from,don't understand the negative comments regarding breakfast on some reviews.i would definately return to this hotel.</div><div class='text-box'>Hotel's <span class='review-span highlight' data-aligned-summaries='0'>location is amazing since its 2 mins walk from the main train station</span> that will take u to airport in 25 mins. 10 mins away from downtown (walking) and around 15-20 from Coloseum ! Central location, with lots of hotels around <span class='review-span highlight' data-aligned-summaries='1'>Friendly staff</span>, and really AMAZING breakfast. The restaurant is not the best you can get. Really nice rooms :)</div><div class='text-box'>We stayed 4 nights, and felt secure and comfortable. <span class='review-span highlight' data-aligned-summaries='1'>This is a fairly impersonal hotel</span>, where the staff did not speak unless spoken to, <span class='review-span highlight' data-aligned-summaries='1'>although they were helpful when requests were made</span>. The breakfast buffet was excellent. Our room was a loft, with the king bed up the stairs from the sitting area and bathroom. Several good restaurants nearby.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>Good location if you plan to stay close to Termini rail station</span> is a few minutes walk. Hotel itself not really impressive the rooms are very small with no drawers and a tiny bathroom with a shower only. Does have air conditioning which is about the only good part .Buffet Breakfast was good but overall I wouldnt stay again at this hotel</div><div class='text-box'>We stayed here twice in May and would happily stay again. The rooms were spacious, the breakfast was yum, and <span class='review-span highlight' data-aligned-summaries='1'>the staff were friendly and helpful</span>. You could walk to a lot of Rome's attractions from here but we chose to use the hop on hop off bus which had a stop just around the corner.</div><div class='text-box'>Don't expect t set yur thermostat below 80 degrees. No matter what setting you use, <span class='review-span highlight' data-aligned-summaries='1'>the front desk controls the room temperature and will not set it below 26 Celsius</span>, or 78 Fahrenheit. Disgusting sleeping temperature, and of course does not make for a good vacation. Never again.</div><div class='text-box'>We had a great stay. <span class='review-span highlight' data-aligned-summaries='0'>Close to the train station</span> and many attractions. We walked all over Rome from here. Great breakfast, clean rooms, but <span class='review-span highlight' data-aligned-summaries='1'>the staff</span> was <span class='review-span highlight' data-aligned-summaries='1'>makes it extra special</span>.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">The location very close to the train station.</span> <span id="1" class="summary-sentence">You will find the some of the staff at this hotel are super helpful.</span></div></div>
|
| 74 |
+
<script>
|
| 75 |
+
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 76 |
+
sentence.addEventListener('mouseenter', function() {
|
| 77 |
+
const summaryId = this.getAttribute('id');
|
| 78 |
+
document.querySelectorAll('.review-span').forEach(span => {
|
| 79 |
+
if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
|
| 80 |
+
span.classList.remove('highlight');
|
| 81 |
+
span.classList.add('not-hover-highlight');
|
| 82 |
+
}
|
| 83 |
+
});
|
| 84 |
+
this.classList.add('highlight');
|
| 85 |
+
});
|
| 86 |
+
|
| 87 |
+
sentence.addEventListener('mouseleave', function() {
|
| 88 |
+
const summaryId = this.getAttribute('id');
|
| 89 |
+
document.querySelectorAll('.review-span').forEach(span => {
|
| 90 |
+
if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
|
| 91 |
+
span.classList.remove('not-hover-highlight');
|
| 92 |
+
span.classList.add('highlight');
|
| 93 |
+
}
|
| 94 |
+
this.classList.remove('highlight');
|
| 95 |
+
});
|
| 96 |
+
});
|
| 97 |
+
});
|
| 98 |
+
|
| 99 |
+
document.querySelectorAll('.review-span').forEach(span => {
|
| 100 |
+
span.addEventListener('mouseenter', function() {
|
| 101 |
+
document.querySelectorAll('.review-span').forEach(span => {
|
| 102 |
+
if (span !== this) {
|
| 103 |
+
span.classList.remove('highlight');
|
| 104 |
+
span.classList.add('not-hover-highlight');
|
| 105 |
+
}
|
| 106 |
+
});
|
| 107 |
+
const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
|
| 108 |
+
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 109 |
+
if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
|
| 110 |
+
sentence.classList.add('highlight');
|
| 111 |
+
}
|
| 112 |
+
});
|
| 113 |
+
});
|
| 114 |
+
});
|
| 115 |
+
|
| 116 |
+
document.querySelectorAll('.review-span').forEach(span => {
|
| 117 |
+
span.addEventListener('mouseleave', function() {
|
| 118 |
+
const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
|
| 119 |
+
document.querySelectorAll('.review-span').forEach(span => {
|
| 120 |
+
if (span !== this) {
|
| 121 |
+
span.classList.remove('not-hover-highlight');
|
| 122 |
+
span.classList.add('highlight');
|
| 123 |
+
}
|
| 124 |
+
});
|
| 125 |
+
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 126 |
+
if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
|
| 127 |
+
sentence.classList.remove('highlight');
|
| 128 |
+
}
|
| 129 |
+
});
|
| 130 |
+
});
|
| 131 |
+
});
|
| 132 |
+
|
| 133 |
+
</script>
|
| 134 |
+
</body>
|
| 135 |
+
</html>
|
html_files/train/CocoTrip-dev_comm-inst_9_b_summ_2.html
ADDED
|
@@ -0,0 +1,135 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
|
| 2 |
+
<!DOCTYPE html>
|
| 3 |
+
<html lang="en">
|
| 4 |
+
<head>
|
| 5 |
+
<meta charset="UTF-8">
|
| 6 |
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
| 7 |
+
<title>Document Review</title>
|
| 8 |
+
<style>
|
| 9 |
+
body {
|
| 10 |
+
font-family: Arial, sans-serif;
|
| 11 |
+
display: flex;
|
| 12 |
+
justify-content: center; /* This will center the .reviews container on the screen */
|
| 13 |
+
align-items: flex-start;
|
| 14 |
+
height: 100vh;
|
| 15 |
+
margin: 2px; /* Remove default margin */
|
| 16 |
+
}
|
| 17 |
+
|
| 18 |
+
.highlight { background-color: yellow;
|
| 19 |
+
color: black !important; /* Dark grey for muted text */
|
| 20 |
+
cursor: pointer;}
|
| 21 |
+
.not-hover-highlight { background-color: lightyellow;
|
| 22 |
+
color: #606060 !important; /* Dark grey for muted text */}
|
| 23 |
+
.summary {
|
| 24 |
+
width: 50%;
|
| 25 |
+
font-size: 1.0rem;
|
| 26 |
+
padding: 10px;
|
| 27 |
+
height: 100vh; /* Maximum height to a third of the viewport height */
|
| 28 |
+
background-color: #9e9e9e0a;
|
| 29 |
+
}
|
| 30 |
+
.reviews {
|
| 31 |
+
width: 50%;
|
| 32 |
+
font-size: 0.7rem;
|
| 33 |
+
display: flex;
|
| 34 |
+
flex-wrap: wrap;
|
| 35 |
+
padding: 10px;
|
| 36 |
+
max-height: 100vh; /* Maximum height to a third of the viewport height */
|
| 37 |
+
overflow-y: auto; /* Enable vertical scrolling */
|
| 38 |
+
background-color: #9e9e9e0a; /* Light grey background */
|
| 39 |
+
}
|
| 40 |
+
.text-box {
|
| 41 |
+
width: calc(100% - 20px); /* Adjust based on padding */
|
| 42 |
+
margin: 10px;
|
| 43 |
+
padding: 10px;
|
| 44 |
+
background-color: #9e9e9e0a; /* Light grey background */
|
| 45 |
+
color: #606060bf;
|
| 46 |
+
border: 2px solid #ddd; /* Cartoonish border */
|
| 47 |
+
border-radius: 20px; /* Rounded corners for cartoonish effect */
|
| 48 |
+
position: relative;
|
| 49 |
+
box-shadow: 3px 3px #bbb; /* Soft shadow for depth */
|
| 50 |
+
}
|
| 51 |
+
.text-box:before {
|
| 52 |
+
content: '';
|
| 53 |
+
position: absolute;
|
| 54 |
+
right: 100%;
|
| 55 |
+
bottom: 20%;
|
| 56 |
+
border-top: 10px solid transparent;
|
| 57 |
+
border-bottom: 10px solid transparent;
|
| 58 |
+
border-right: 10px solid #ddd; /* Arrow matching the border */
|
| 59 |
+
}
|
| 60 |
+
.summary-box {
|
| 61 |
+
padding: 10px;
|
| 62 |
+
margin: 10px 0;
|
| 63 |
+
background-color: #e6e6fa; /* Lavender background for a pleasant look */
|
| 64 |
+
border: 1px solid #ddd; /* Light border for definition */
|
| 65 |
+
border-radius: 5px; /* Slightly rounded corners */
|
| 66 |
+
box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* Soft shadow for depth */
|
| 67 |
+
cursor: pointer;
|
| 68 |
+
}
|
| 69 |
+
h4 { margin-top: 0; }
|
| 70 |
+
</style>
|
| 71 |
+
</head>
|
| 72 |
+
<body>
|
| 73 |
+
<div class='column reviews'><h2>Reviews</h2><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>You will be comfortable at this hotel</span>. The rooms and baths are large; <span class='review-span highlight' data-aligned-summaries='2'>cleaning service is excellent</span>. It is relatively quiet in busy, central Rome, therefore <span class='review-span highlight' data-aligned-summaries='0'>a very good location to stay for sightseeing</span>. <span class='review-span highlight' data-aligned-summaries='1'>The main Metro terminal is a short walk away</span>. Breakfast is entirely adequate and complimentary. There is a free Internet connection in the lobby and rooms are wired for the Internet. One caution: should you need to telephone the USA, the hotel phones offer a "1508" access code. While the connection is fast and clear, the charge for a timed brief call of two or theee minutes is over $40 usd. Use your ATT card for international calls and save.</div><div class='text-box'>having just returned from a weeks stay at the universo hotel,i found it to be <span class='review-span highlight' data-aligned-summaries='0'>good value for money</span>,on our arrival <span class='review-span highlight' data-aligned-summaries='2'>we did not have the room we booked</span> and were disappointed,<span class='review-span highlight' data-aligned-summaries='2'>when we brought this to the hotels attention our room was changed the next day</span> which we were more than happy with,breakfast was also very good with lots to choose from,don't understand the negative comments regarding breakfast on some <span class='review-span highlight' data-aligned-summaries='0'>reviews.i would definately return to this hotel</span>.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='1'>Hotel's location is amazing since its 2 mins walk from the main train station</span> that will take u to airport in 25 mins. 10 mins away from downtown (walking) and around 15-20 from Coloseum ! Central location, with lots of hotels around <span class='review-span highlight' data-aligned-summaries='2'>Friendly staff</span>, and really AMAZING breakfast. The restaurant is not the best you can get. Really nice rooms :)</div><div class='text-box'>We stayed 4 nights, and felt secure and comfortable. This is a fairly impersonal hotel, where the <span class='review-span highlight' data-aligned-summaries='2'>staff</span> did not speak unless spoken to, although they <span class='review-span highlight' data-aligned-summaries='2'>were helpful when requests were made</span>. The breakfast buffet was excellent. Our room was a loft, with the king bed up the stairs from the sitting area and bathroom. Several good restaurants nearby.</div><div class='text-box'>Good <span class='review-span highlight' data-aligned-summaries='1'>location</span> if you plan to stay <span class='review-span highlight' data-aligned-summaries='1'>close to Termini rail station</span> is a few minutes walk. Hotel itself not really impressive the rooms are very small with no drawers and a tiny bathroom with a shower only. Does have air conditioning which is about the only good part .Buffet Breakfast was good but overall I wouldnt stay again at this hotel</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>We stayed here twice in May and would happily stay again</span>. The rooms were spacious, the breakfast was yum, and <span class='review-span highlight' data-aligned-summaries='2'>the staff were</span> friendly and <span class='review-span highlight' data-aligned-summaries='2'>helpful</span>. You could walk to a lot of Rome's attractions from here but we chose to use the hop on hop off bus which had a stop just around the corner.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>Don't expect t set yur thermostat</span> below 80 degrees. No matter what setting you use, the front desk controls the room temperature and will not set it below 26 Celsius, or 78 Fahrenheit. <span class='review-span highlight' data-aligned-summaries='0'>Disgusting sleeping temperature</span>, and of course does not make for a good vacation. Never again.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>We had a great stay</span>. <span class='review-span highlight' data-aligned-summaries='1'>Close to the train station</span> and many attractions. We walked all over Rome from here. Great breakfast, clean rooms, but the staff was makes it extra special.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">A great place to stay.</span> <span id="1" class="summary-sentence">The location is cloes to the main Metro train station.</span> <span id="2" class="summary-sentence">Some of the staff were 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-dev_cont-inst_1_a_summ_0.html
ADDED
|
@@ -0,0 +1,135 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
|
| 2 |
+
<!DOCTYPE html>
|
| 3 |
+
<html lang="en">
|
| 4 |
+
<head>
|
| 5 |
+
<meta charset="UTF-8">
|
| 6 |
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
| 7 |
+
<title>Document Review</title>
|
| 8 |
+
<style>
|
| 9 |
+
body {
|
| 10 |
+
font-family: Arial, sans-serif;
|
| 11 |
+
display: flex;
|
| 12 |
+
justify-content: center; /* This will center the .reviews container on the screen */
|
| 13 |
+
align-items: flex-start;
|
| 14 |
+
height: 100vh;
|
| 15 |
+
margin: 2px; /* Remove default margin */
|
| 16 |
+
}
|
| 17 |
+
|
| 18 |
+
.highlight { background-color: yellow;
|
| 19 |
+
color: black !important; /* Dark grey for muted text */
|
| 20 |
+
cursor: pointer;}
|
| 21 |
+
.not-hover-highlight { background-color: lightyellow;
|
| 22 |
+
color: #606060 !important; /* Dark grey for muted text */}
|
| 23 |
+
.summary {
|
| 24 |
+
width: 50%;
|
| 25 |
+
font-size: 1.0rem;
|
| 26 |
+
padding: 10px;
|
| 27 |
+
height: 100vh; /* Maximum height to a third of the viewport height */
|
| 28 |
+
background-color: #9e9e9e0a;
|
| 29 |
+
}
|
| 30 |
+
.reviews {
|
| 31 |
+
width: 50%;
|
| 32 |
+
font-size: 0.7rem;
|
| 33 |
+
display: flex;
|
| 34 |
+
flex-wrap: wrap;
|
| 35 |
+
padding: 10px;
|
| 36 |
+
max-height: 100vh; /* Maximum height to a third of the viewport height */
|
| 37 |
+
overflow-y: auto; /* Enable vertical scrolling */
|
| 38 |
+
background-color: #9e9e9e0a; /* Light grey background */
|
| 39 |
+
}
|
| 40 |
+
.text-box {
|
| 41 |
+
width: calc(100% - 20px); /* Adjust based on padding */
|
| 42 |
+
margin: 10px;
|
| 43 |
+
padding: 10px;
|
| 44 |
+
background-color: #9e9e9e0a; /* Light grey background */
|
| 45 |
+
color: #606060bf;
|
| 46 |
+
border: 2px solid #ddd; /* Cartoonish border */
|
| 47 |
+
border-radius: 20px; /* Rounded corners for cartoonish effect */
|
| 48 |
+
position: relative;
|
| 49 |
+
box-shadow: 3px 3px #bbb; /* Soft shadow for depth */
|
| 50 |
+
}
|
| 51 |
+
.text-box:before {
|
| 52 |
+
content: '';
|
| 53 |
+
position: absolute;
|
| 54 |
+
right: 100%;
|
| 55 |
+
bottom: 20%;
|
| 56 |
+
border-top: 10px solid transparent;
|
| 57 |
+
border-bottom: 10px solid transparent;
|
| 58 |
+
border-right: 10px solid #ddd; /* Arrow matching the border */
|
| 59 |
+
}
|
| 60 |
+
.summary-box {
|
| 61 |
+
padding: 10px;
|
| 62 |
+
margin: 10px 0;
|
| 63 |
+
background-color: #e6e6fa; /* Lavender background for a pleasant look */
|
| 64 |
+
border: 1px solid #ddd; /* Light border for definition */
|
| 65 |
+
border-radius: 5px; /* Slightly rounded corners */
|
| 66 |
+
box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* Soft shadow for depth */
|
| 67 |
+
cursor: pointer;
|
| 68 |
+
}
|
| 69 |
+
h4 { margin-top: 0; }
|
| 70 |
+
</style>
|
| 71 |
+
</head>
|
| 72 |
+
<body>
|
| 73 |
+
<div class='column reviews'><h2>Reviews</h2><div class='text-box'>The Residence Inn was great. Very central to lots of things but the people working there were what made the stay so enjoybale. Leyla at the front desk was so helpful in guiding us as to what to do and never without a big smile on her face. Franco at the valet was so friendly and helpful and since he was our very frist imprerssion of the Residence Inn it certainly was a good one. <span class='review-span highlight' data-aligned-summaries='4'>The breakfast was great</span> but again the staff was wonderful. Kemika (sp) was so helpful and warm and it certainly made for an enjoyable breakfast time with our family. <span class='review-span highlight' data-aligned-summaries='2 3'>The rooms were clean and modern</span>. The parking charge was the only downfall at $35 a day. It would be better to include it in the room price.</div><div class='text-box'>I was treated very horribly by the staff at this hotel, I would not recommend it to anyone no matter who you are. Maybe its because they are new they don't know how to treat guests but I can tell you this much they ruined my entire stay and never bothered to do anything about it,until I took action. I am disappointed that a Marriott would act like this, but atleast now you know that they are not capable of effectively dealing with problem resolution during your stay.</div><div class='text-box'>I have stayed at this hotel numerous times since it opened. <span class='review-span highlight' data-aligned-summaries='0'>I love the location</span>, and <span class='review-span highlight' data-aligned-summaries='3'>the kitchenette in the rooms makes any hotel stay so much more comfortable</span>. Of course, <span class='review-span highlight' data-aligned-summaries='4'>one can never complain about complementary breakfast</span>! The staff has always been super friendly and helpful, from the maintenance and housekeeping staff, to the front desk and valet. Every time I go to Toronto I look forward to staying there!</div><div class='text-box'>We stayed in the residence inn over a weekend. After a Long drive from chicago we <span class='review-span highlight' data-aligned-summaries='2'>were assigned a room on a high floor</span> as requested <span class='review-span highlight' data-aligned-summaries='2'>with a lovely view of the cn tower</span>! <span class='review-span highlight' data-aligned-summaries='0'>The hotel is in the perfect spot</span> for exploring the surrounding area and <span class='review-span highlight' data-aligned-summaries='1'>has lots of pubs and restaurants in close vicinity also</span>! Book it, you won't be dissapointed :)</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>Excellent location</span>. 5 Minutes walking distance to both the Rogers Centre and CN Tower. <span class='review-span highlight' data-aligned-summaries='1'>Also walking distance to all the nightclubs in the entertainment district</span>. <span class='review-span highlight' data-aligned-summaries='3'>Rooms are brand new and kept spotlessly clean</span>. This property is also reasonably priced with the AAA discount. I can't think of a single negative thing to say about this property.</div><div class='text-box'>A thank you party for the clients on our first night, staff very polite and <span class='review-span highlight' data-aligned-summaries='3'>room very clean</span>. <span class='review-span highlight' data-aligned-summaries='0 1'>Close to the CN tower and King street</span>,<span class='review-span highlight' data-aligned-summaries='0'> well located</span>. The fact that <span class='review-span highlight' data-aligned-summaries='3'>you have a complete kitchen</span> and a <span class='review-span highlight' data-aligned-summaries='4'>very nice breakfast included</span> also are some of the reasons to go back to this hotel.</div><div class='text-box'>Stayed for 3 nights in August. <span class='review-span highlight' data-aligned-summaries='0'>Excellent location next to the CN Tower</span>. <span class='review-span highlight' data-aligned-summaries='2 3'>Lovely room</span> <span class='review-span highlight' data-aligned-summaries='3'>with full kitchen - handy with young children</span> - excellent deli round the corner which made preparing meals easier etc. - less stressful than taking youngsters to restaurants. <span class='review-span highlight' data-aligned-summaries='4'>Absolutely superb breakfast each morning</span>. Courteous staff throughout.</div><div class='text-box'>I have been staying in Residence Inn for the ast 5 months and its by far the best extended stay hotel I have ever visited. <span class='review-span highlight' data-aligned-summaries='0'>Excelent location</span>,Food and Guest Services</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">This is a hotel located in an excellent place.</span> <span id="1" class="summary-sentence">It is perfect to walk to the entertainment district as well as pubs and restaurants.</span> <span id="2" class="summary-sentence">Rooms on the higher floors are excellent as they can provide a great view.</span> <span id="3" class="summary-sentence">The room itself is of a lovely quality and even had a full kitchen, which is incredibly useful.</span> <span id="4" class="summary-sentence">The hotel's complimentary breakfast was really good.</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-dev_cont-inst_1_a_summ_1.html
ADDED
|
@@ -0,0 +1,135 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
|
| 2 |
+
<!DOCTYPE html>
|
| 3 |
+
<html lang="en">
|
| 4 |
+
<head>
|
| 5 |
+
<meta charset="UTF-8">
|
| 6 |
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
| 7 |
+
<title>Document Review</title>
|
| 8 |
+
<style>
|
| 9 |
+
body {
|
| 10 |
+
font-family: Arial, sans-serif;
|
| 11 |
+
display: flex;
|
| 12 |
+
justify-content: center; /* This will center the .reviews container on the screen */
|
| 13 |
+
align-items: flex-start;
|
| 14 |
+
height: 100vh;
|
| 15 |
+
margin: 2px; /* Remove default margin */
|
| 16 |
+
}
|
| 17 |
+
|
| 18 |
+
.highlight { background-color: yellow;
|
| 19 |
+
color: black !important; /* Dark grey for muted text */
|
| 20 |
+
cursor: pointer;}
|
| 21 |
+
.not-hover-highlight { background-color: lightyellow;
|
| 22 |
+
color: #606060 !important; /* Dark grey for muted text */}
|
| 23 |
+
.summary {
|
| 24 |
+
width: 50%;
|
| 25 |
+
font-size: 1.0rem;
|
| 26 |
+
padding: 10px;
|
| 27 |
+
height: 100vh; /* Maximum height to a third of the viewport height */
|
| 28 |
+
background-color: #9e9e9e0a;
|
| 29 |
+
}
|
| 30 |
+
.reviews {
|
| 31 |
+
width: 50%;
|
| 32 |
+
font-size: 0.7rem;
|
| 33 |
+
display: flex;
|
| 34 |
+
flex-wrap: wrap;
|
| 35 |
+
padding: 10px;
|
| 36 |
+
max-height: 100vh; /* Maximum height to a third of the viewport height */
|
| 37 |
+
overflow-y: auto; /* Enable vertical scrolling */
|
| 38 |
+
background-color: #9e9e9e0a; /* Light grey background */
|
| 39 |
+
}
|
| 40 |
+
.text-box {
|
| 41 |
+
width: calc(100% - 20px); /* Adjust based on padding */
|
| 42 |
+
margin: 10px;
|
| 43 |
+
padding: 10px;
|
| 44 |
+
background-color: #9e9e9e0a; /* Light grey background */
|
| 45 |
+
color: #606060bf;
|
| 46 |
+
border: 2px solid #ddd; /* Cartoonish border */
|
| 47 |
+
border-radius: 20px; /* Rounded corners for cartoonish effect */
|
| 48 |
+
position: relative;
|
| 49 |
+
box-shadow: 3px 3px #bbb; /* Soft shadow for depth */
|
| 50 |
+
}
|
| 51 |
+
.text-box:before {
|
| 52 |
+
content: '';
|
| 53 |
+
position: absolute;
|
| 54 |
+
right: 100%;
|
| 55 |
+
bottom: 20%;
|
| 56 |
+
border-top: 10px solid transparent;
|
| 57 |
+
border-bottom: 10px solid transparent;
|
| 58 |
+
border-right: 10px solid #ddd; /* Arrow matching the border */
|
| 59 |
+
}
|
| 60 |
+
.summary-box {
|
| 61 |
+
padding: 10px;
|
| 62 |
+
margin: 10px 0;
|
| 63 |
+
background-color: #e6e6fa; /* Lavender background for a pleasant look */
|
| 64 |
+
border: 1px solid #ddd; /* Light border for definition */
|
| 65 |
+
border-radius: 5px; /* Slightly rounded corners */
|
| 66 |
+
box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* Soft shadow for depth */
|
| 67 |
+
cursor: pointer;
|
| 68 |
+
}
|
| 69 |
+
h4 { margin-top: 0; }
|
| 70 |
+
</style>
|
| 71 |
+
</head>
|
| 72 |
+
<body>
|
| 73 |
+
<div class='column reviews'><h2>Reviews</h2><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>The Residence Inn was great</span>. Very central to lots of things but the people working there were what made the stay so enjoybale. Leyla at the front desk was so helpful in guiding us as to what to do and never without a big smile on her face. Franco at the valet was so friendly and helpful and since he was our very frist imprerssion of the Residence Inn it certainly was a good one. <span class='review-span highlight' data-aligned-summaries='4'>The breakfast was great</span> but again the staff was wonderful. Kemika (sp) was so helpful and warm and it certainly made for an enjoyable breakfast time with our family. The rooms were clean and modern. The parking charge was the only downfall at $35 a day. It would be better to include it in the room price.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>I was treated very horribly by the staff at this hotel</span>, I <span class='review-span highlight' data-aligned-summaries='0'>would not recommend it to anyone</span> no matter who you are. Maybe its because they are new they don't know how to treat guests but I can tell you this much they ruined my entire stay and never bothered to do anything about it,until I took action. I am disappointed that a Marriott would act like this, but atleast now you know that they are not capable of effectively dealing with problem resolution during your stay.</div><div class='text-box'>I have stayed at this hotel numerous times since it opened. I love the location, and <span class='review-span highlight' data-aligned-summaries='3'>the kitchenette in the rooms makes any hotel stay so much more comfortable</span>. Of course, <span class='review-span highlight' data-aligned-summaries='4'>one can never complain about complementary breakfast</span>! The staff has always been super friendly and helpful, from the maintenance and housekeeping staff, to the front desk and valet. Every time I go to Toronto <span class='review-span highlight' data-aligned-summaries='0'>I look forward to staying there</span>!</div><div class='text-box'>We stayed in the residence inn over a weekend. After a Long drive from chicago we were assigned <span class='review-span highlight' data-aligned-summaries='2'>a room on a high floor as requested with a lovely view of the cn tower</span>! <span class='review-span highlight' data-aligned-summaries='1'>The</span> <span class='review-span highlight' data-aligned-summaries='0 1'>hotel</span> <span class='review-span highlight' data-aligned-summaries='0'>is in the perfect spot for exploring the surrounding area</span> and <span class='review-span highlight' data-aligned-summaries='1'>has lots of pubs and restaurants in close vicinity</span> also! Book it, you won't be dissapointed :)</div><div class='text-box'>Excellent location. 5 Minutes walking distance to both the Rogers Centre and CN Tower. Also walking distance to all the nightclubs in the entertainment district. Rooms are brand new and kept spotlessly clean. This property is also reasonably priced with the AAA discount. <span class='review-span highlight' data-aligned-summaries='0'>I can't think of a single negative thing to say about this property.</span></div><div class='text-box'>A thank you party for the clients on our first night, staff very polite and room very clean. <span class='review-span highlight' data-aligned-summaries='2'>Close to the CN tower</span> and King street, well located. The fact that you have a complete kitchen and a <span class='review-span highlight' data-aligned-summaries='4'>very nice breakfast included</span> also are some of the <span class='review-span highlight' data-aligned-summaries='0'>reasons to go back to this hotel</span>.</div><div class='text-box'>Stayed for 3 nights in August. <span class='review-span highlight' data-aligned-summaries='0'>Excellent location</span> next to the CN Tower. <span class='review-span highlight' data-aligned-summaries='0 3'>Lovely room</span> <span class='review-span highlight' data-aligned-summaries='3'>with full kitchen - handy with young children</span> - excellent deli round the corner which made preparing meals easier etc. - less stressful than taking youngsters to restaurants. <span class='review-span highlight' data-aligned-summaries='4'>Absolutely superb breakfast each morning</span>. Courteous staff throughout.</div><div class='text-box'>I have been staying in Residence Inn for the ast 5 months and its by far <span class='review-span highlight' data-aligned-summaries='0'>the best extended stay hotel I have ever visited</span>. Excelent location,Food and Guest Services</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">This is a great hotel to visit and you will look forward to coming back again and again.</span> <span id="1" class="summary-sentence">The hotel is situated near lots of pubs and restaurants.</span> <span id="2" class="summary-sentence">The hotel room was on a high floor so there was a great view of the CN Tower.</span> <span id="3" class="summary-sentence">The room also had a full kitchen which was ideal.</span> <span id="4" class="summary-sentence">The morning breakfast was complimentary and served really great superb food.</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-dev_cont-inst_1_a_summ_2.html
ADDED
|
@@ -0,0 +1,135 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
|
| 2 |
+
<!DOCTYPE html>
|
| 3 |
+
<html lang="en">
|
| 4 |
+
<head>
|
| 5 |
+
<meta charset="UTF-8">
|
| 6 |
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
| 7 |
+
<title>Document Review</title>
|
| 8 |
+
<style>
|
| 9 |
+
body {
|
| 10 |
+
font-family: Arial, sans-serif;
|
| 11 |
+
display: flex;
|
| 12 |
+
justify-content: center; /* This will center the .reviews container on the screen */
|
| 13 |
+
align-items: flex-start;
|
| 14 |
+
height: 100vh;
|
| 15 |
+
margin: 2px; /* Remove default margin */
|
| 16 |
+
}
|
| 17 |
+
|
| 18 |
+
.highlight { background-color: yellow;
|
| 19 |
+
color: black !important; /* Dark grey for muted text */
|
| 20 |
+
cursor: pointer;}
|
| 21 |
+
.not-hover-highlight { background-color: lightyellow;
|
| 22 |
+
color: #606060 !important; /* Dark grey for muted text */}
|
| 23 |
+
.summary {
|
| 24 |
+
width: 50%;
|
| 25 |
+
font-size: 1.0rem;
|
| 26 |
+
padding: 10px;
|
| 27 |
+
height: 100vh; /* Maximum height to a third of the viewport height */
|
| 28 |
+
background-color: #9e9e9e0a;
|
| 29 |
+
}
|
| 30 |
+
.reviews {
|
| 31 |
+
width: 50%;
|
| 32 |
+
font-size: 0.7rem;
|
| 33 |
+
display: flex;
|
| 34 |
+
flex-wrap: wrap;
|
| 35 |
+
padding: 10px;
|
| 36 |
+
max-height: 100vh; /* Maximum height to a third of the viewport height */
|
| 37 |
+
overflow-y: auto; /* Enable vertical scrolling */
|
| 38 |
+
background-color: #9e9e9e0a; /* Light grey background */
|
| 39 |
+
}
|
| 40 |
+
.text-box {
|
| 41 |
+
width: calc(100% - 20px); /* Adjust based on padding */
|
| 42 |
+
margin: 10px;
|
| 43 |
+
padding: 10px;
|
| 44 |
+
background-color: #9e9e9e0a; /* Light grey background */
|
| 45 |
+
color: #606060bf;
|
| 46 |
+
border: 2px solid #ddd; /* Cartoonish border */
|
| 47 |
+
border-radius: 20px; /* Rounded corners for cartoonish effect */
|
| 48 |
+
position: relative;
|
| 49 |
+
box-shadow: 3px 3px #bbb; /* Soft shadow for depth */
|
| 50 |
+
}
|
| 51 |
+
.text-box:before {
|
| 52 |
+
content: '';
|
| 53 |
+
position: absolute;
|
| 54 |
+
right: 100%;
|
| 55 |
+
bottom: 20%;
|
| 56 |
+
border-top: 10px solid transparent;
|
| 57 |
+
border-bottom: 10px solid transparent;
|
| 58 |
+
border-right: 10px solid #ddd; /* Arrow matching the border */
|
| 59 |
+
}
|
| 60 |
+
.summary-box {
|
| 61 |
+
padding: 10px;
|
| 62 |
+
margin: 10px 0;
|
| 63 |
+
background-color: #e6e6fa; /* Lavender background for a pleasant look */
|
| 64 |
+
border: 1px solid #ddd; /* Light border for definition */
|
| 65 |
+
border-radius: 5px; /* Slightly rounded corners */
|
| 66 |
+
box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* Soft shadow for depth */
|
| 67 |
+
cursor: pointer;
|
| 68 |
+
}
|
| 69 |
+
h4 { margin-top: 0; }
|
| 70 |
+
</style>
|
| 71 |
+
</head>
|
| 72 |
+
<body>
|
| 73 |
+
<div class='column reviews'><h2>Reviews</h2><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>The Residence Inn was great</span>. Very central to lots of things but the people working there were what made the stay so enjoybale. Leyla at the front desk was so helpful in guiding us as to what to do and never without a big smile on her face. Franco at the valet was so friendly and helpful and since he was our very frist imprerssion of the Residence Inn it certainly was a good one. <span class='review-span highlight' data-aligned-summaries='3'>The breakfast was great</span> but again the staff was wonderful. Kemika (sp) was so helpful and warm and it certainly made for an enjoyable breakfast time with our family. The rooms were clean and modern. The parking charge was the only downfall at $35 a day. It would be better to include it in the room price.</div><div class='text-box'>I <span class='review-span highlight' data-aligned-summaries='0'>was treated very horribly</span> by the staff at this hotel, I would not recommend it to anyone no matter who you are. Maybe its because they are new they don't know how to treat guests but I can tell you this much <span class='review-span highlight' data-aligned-summaries='0'>they ruined my entire stay</span> and never bothered to do anything about it,until I took action. I am disappointed that a Marriott would act like this, but atleast now you know that they are not capable of effectively dealing with problem resolution during your stay.</div><div class='text-box'>I have stayed at this hotel numerous times since it opened. I love the location, and the <span class='review-span highlight' data-aligned-summaries='2'>kitchenette in the rooms</span> makes any hotel stay so much more comfortable. Of course, <span class='review-span highlight' data-aligned-summaries='3'>one can never complain about complementary breakfast</span>! The staff has always been super friendly and helpful, from the maintenance and housekeeping staff, to the front desk and valet. Every time I go to Toronto I look forward to staying there!</div><div class='text-box'>We stayed in <span class='review-span highlight' data-aligned-summaries='0'>the residence inn</span> over a weekend. After a Long drive from chicago <span class='review-span highlight' data-aligned-summaries='2'>we were assigned a room on a high floor as requested with a lovely view of the cn tower</span>! <span class='review-span highlight' data-aligned-summaries='1'>The hotel</span> <span class='review-span highlight' data-aligned-summaries='0 1'>is in the perfect spot</span> <span class='review-span highlight' data-aligned-summaries='1'>for</span> exploring the surrounding area and has lots of <span class='review-span highlight' data-aligned-summaries='1'>pubs and restaurants in close vicinity</span> also! Book it, <span class='review-span highlight' data-aligned-summaries='0'>you won't be dissapointed</span> :)</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>Excellent location</span>. 5 Minutes walking distance to both the Rogers Centre and CN Tower. <span class='review-span highlight' data-aligned-summaries='1'>Also walking distance to all the nightclubs in the entertainment district</span>. <span class='review-span highlight' data-aligned-summaries='0'>Rooms are brand new and kept spotlessly clean</span>. This property is also reasonably priced with the AAA discount. I can't think of a single negative thing to say about this property.</div><div class='text-box'>A thank you party for the clients on our first night, <span class='review-span highlight' data-aligned-summaries='0'>staff very polite</span> and <span class='review-span highlight' data-aligned-summaries='0'>room very clean</span>. Close to the CN tower and King street, <span class='review-span highlight' data-aligned-summaries='0'>well located</span>. <span class='review-span highlight' data-aligned-summaries='0'>The fact that</span> <span class='review-span highlight' data-aligned-summaries='0 2'>you have a complete kitchen</span> <span class='review-span highlight' data-aligned-summaries='0'>and</span> <span class='review-span highlight' data-aligned-summaries='0 3'>a very nice breakfast included</span> <span class='review-span highlight' data-aligned-summaries='0'>also are some of the reasons to go back to this hotel.</span></div><div class='text-box'>Stayed for 3 nights in August. Excellent location next to the CN Tower. <span class='review-span highlight' data-aligned-summaries='2'>Lovely room with full kitchen</span> - handy with young children - excellent deli round the corner which <span class='review-span highlight' data-aligned-summaries='2'>made preparing meals easier etc</span>. - less stressful than taking youngsters to restaurants. <span class='review-span highlight' data-aligned-summaries='3'>Absolutely superb breakfast</span> each morning. Courteous staff throughout.</div><div class='text-box'>I have been <span class='review-span highlight' data-aligned-summaries='0'>staying in Residence Inn for the ast 5 months</span> and its by far <span class='review-span highlight' data-aligned-summaries='0'>the best extended stay hotel</span> I have ever visited. Excelent location,Food and Guest Services</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">The Residence Inn at Toronto is great and staying often is something worth considering.</span> <span id="1" class="summary-sentence">This hotel is close to nightclubs, the entertainment district, restaurants and pubs.</span> <span id="2" class="summary-sentence">Some rooms on the higher floors of the hotel can boast of lovely views, but other options are rooms with full kitchens to prepare your own food if you prefer.</span> <span id="3" class="summary-sentence">The complimentary breakfast was really 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-dev_cont-inst_1_b_summ_0.html
ADDED
|
@@ -0,0 +1,135 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
|
| 2 |
+
<!DOCTYPE html>
|
| 3 |
+
<html lang="en">
|
| 4 |
+
<head>
|
| 5 |
+
<meta charset="UTF-8">
|
| 6 |
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
| 7 |
+
<title>Document Review</title>
|
| 8 |
+
<style>
|
| 9 |
+
body {
|
| 10 |
+
font-family: Arial, sans-serif;
|
| 11 |
+
display: flex;
|
| 12 |
+
justify-content: center; /* This will center the .reviews container on the screen */
|
| 13 |
+
align-items: flex-start;
|
| 14 |
+
height: 100vh;
|
| 15 |
+
margin: 2px; /* Remove default margin */
|
| 16 |
+
}
|
| 17 |
+
|
| 18 |
+
.highlight { background-color: yellow;
|
| 19 |
+
color: black !important; /* Dark grey for muted text */
|
| 20 |
+
cursor: pointer;}
|
| 21 |
+
.not-hover-highlight { background-color: lightyellow;
|
| 22 |
+
color: #606060 !important; /* Dark grey for muted text */}
|
| 23 |
+
.summary {
|
| 24 |
+
width: 50%;
|
| 25 |
+
font-size: 1.0rem;
|
| 26 |
+
padding: 10px;
|
| 27 |
+
height: 100vh; /* Maximum height to a third of the viewport height */
|
| 28 |
+
background-color: #9e9e9e0a;
|
| 29 |
+
}
|
| 30 |
+
.reviews {
|
| 31 |
+
width: 50%;
|
| 32 |
+
font-size: 0.7rem;
|
| 33 |
+
display: flex;
|
| 34 |
+
flex-wrap: wrap;
|
| 35 |
+
padding: 10px;
|
| 36 |
+
max-height: 100vh; /* Maximum height to a third of the viewport height */
|
| 37 |
+
overflow-y: auto; /* Enable vertical scrolling */
|
| 38 |
+
background-color: #9e9e9e0a; /* Light grey background */
|
| 39 |
+
}
|
| 40 |
+
.text-box {
|
| 41 |
+
width: calc(100% - 20px); /* Adjust based on padding */
|
| 42 |
+
margin: 10px;
|
| 43 |
+
padding: 10px;
|
| 44 |
+
background-color: #9e9e9e0a; /* Light grey background */
|
| 45 |
+
color: #606060bf;
|
| 46 |
+
border: 2px solid #ddd; /* Cartoonish border */
|
| 47 |
+
border-radius: 20px; /* Rounded corners for cartoonish effect */
|
| 48 |
+
position: relative;
|
| 49 |
+
box-shadow: 3px 3px #bbb; /* Soft shadow for depth */
|
| 50 |
+
}
|
| 51 |
+
.text-box:before {
|
| 52 |
+
content: '';
|
| 53 |
+
position: absolute;
|
| 54 |
+
right: 100%;
|
| 55 |
+
bottom: 20%;
|
| 56 |
+
border-top: 10px solid transparent;
|
| 57 |
+
border-bottom: 10px solid transparent;
|
| 58 |
+
border-right: 10px solid #ddd; /* Arrow matching the border */
|
| 59 |
+
}
|
| 60 |
+
.summary-box {
|
| 61 |
+
padding: 10px;
|
| 62 |
+
margin: 10px 0;
|
| 63 |
+
background-color: #e6e6fa; /* Lavender background for a pleasant look */
|
| 64 |
+
border: 1px solid #ddd; /* Light border for definition */
|
| 65 |
+
border-radius: 5px; /* Slightly rounded corners */
|
| 66 |
+
box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* Soft shadow for depth */
|
| 67 |
+
cursor: pointer;
|
| 68 |
+
}
|
| 69 |
+
h4 { margin-top: 0; }
|
| 70 |
+
</style>
|
| 71 |
+
</head>
|
| 72 |
+
<body>
|
| 73 |
+
<div class='column reviews'><h2>Reviews</h2><div class='text-box'>1. The Strathcona is right in the heart of Toronto. Everything was at hand 2. I am used to the European Hotel of "getting the arm in" for a safe deposit box. Therefore it was a great enhancement that the safe deposit box was pro bono 3. The staff and the concierge was more than helpful. Well done & thank you 4. <span class='review-span highlight' data-aligned-summaries='2'>The rooms were</span> lovely & <span class='review-span highlight' data-aligned-summaries='2'>clean</span> & well maintained over our four night stay 5. The rooms were bijou, however we were comfortable because my wife & I are slim. If you are a disgusting big rotund(s); either lose weight or get another hotel 6. <span class='review-span highlight' data-aligned-summaries='0'>I would definitely stay here again</span></div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='4'>The hotel was not cheap</span> - almost <span class='review-span highlight' data-aligned-summaries='4'>200 Canadian dollars (including</span> tax and <span class='review-span highlight' data-aligned-summaries='4'>a buffet breakfast</span>) per night for a standard room. We were shocked by the so-called "<span class='review-span highlight' data-aligned-summaries='0'>standard"</span> <span class='review-span highlight' data-aligned-summaries='0 2'>room</span>. It <span class='review-span highlight' data-aligned-summaries='0 2'>was tiny</span>: to do some ironing on the ironing board, or to have access to the electric power points, one literally had to move the furniture around. Cupboard space was inadequate. The <span class='review-span highlight' data-aligned-summaries='0'>shower was lukewarm</span>. The only redeeming featrure was the location: not in an attractive part of Toronto, but at least <span class='review-span highlight' data-aligned-summaries='1'>within walking distance of the CN Tower</span> and the main railway station. I thought it was exceptionally bad value for money, and <span class='review-span highlight' data-aligned-summaries='0'>would not recommend it.</span></div><div class='text-box'>The location of this hotel is its best attribute. I was in Toronto for an Argos football game August 12 and stayed at the Strathcona (for the second time). I paid $83USD for a Friday night. This is cheap by downtown T.O. standards. <span class='review-span highlight' data-aligned-summaries='2'>The room was small and clean with no view at all</span>, but I did not care because I was noe in town for the view or the size of the room. Parking is two blocks down Wellington St. and cost $15CDN for a night - again not bad by T.O. standards. Overall <span class='review-span highlight' data-aligned-summaries='0'>a perefectly serviceable hotel</span> if you are looking for a <span class='review-span highlight' data-aligned-summaries='0'>clean room in a great location</span>.</div><div class='text-box'>This place is <span class='review-span highlight' data-aligned-summaries='0'>located right center to all the places we wanted</span> to see. My friend and I went to see a concert and when I called to book they were the only hotel I found who did not talk down to you about not owning a credit card. <span class='review-span highlight' data-aligned-summaries='1'>They are in walkin distance from</span> the train station, <span class='review-span highlight' data-aligned-summaries='1'>the cn tower, hockey hall of fame</span> and the AC <span class='review-span highlight' data-aligned-summaries='1'>and the rogers center</span>. <span class='review-span highlight' data-aligned-summaries='0'>It was amazing</span> and being that we were first timers in a hotel they didn't make ya feel like any question was too stupid. I am going back to toronto and I am staying there again!</div><div class='text-box'>Pros: Good location <span class='review-span highlight' data-aligned-summaries='4'>Affordable</span> Cons: Hotel staff (see below) <span class='review-span highlight' data-aligned-summaries='0'>While our stay started out well, it turned into a disaster by the end</span>. <span class='review-span highlight' data-aligned-summaries='3'>We were situated across from about 2-4 rooms of American college students who were in Toronto to drink heavily, smoke and make as much noise as they possible could</span>. Despite numerous calls to the front desk to remedy the problem, they did absolutely nothing to help. <span class='review-span highlight' data-aligned-summaries='0 3'>We had two sleepless nights</span> <span class='review-span highlight' data-aligned-summaries='0'>& this put a major damper on what was otherwise a fantastic trip</span>. <span class='review-span highlight' data-aligned-summaries='0'>My advice: Pay the extra money & stay somewhere else</span>!</div><div class='text-box'>My husband and me came for the Monster truck show at Rogers Center on Jan. It was super fun. <span class='review-span highlight' data-aligned-summaries='0'>What the hotel lacks in amenities and services they make up for it by being centralized</span>. <span class='review-span highlight' data-aligned-summaries='1'>Near to the</span> night-club scene, sports arenas; <span class='review-span highlight' data-aligned-summaries='1'>Rogers Center</span>/Air Canada Center. Restaurants, theater, shopping, and best of all, <span class='review-span highlight' data-aligned-summaries='4'>being cheap cheap cheap</span>. Did I mention cheap? The weekend was fun and exciting. Thanks Gravedigger for tarin' the place up!</div><div class='text-box'>My wife and I stayed at the Strathcona while attending the Toronto Film Festival this past weekend. <span class='review-span highlight' data-aligned-summaries='2'>If there are only two in your party, this is a very cozy hotel</span>. Our room was very comfortable and the location was great. You are one block away from the train terminal and the Airport Express shuttle picks you up right across the street. <span class='review-span highlight' data-aligned-summaries='0'>I would definitely stay there again</span>.</div><div class='text-box'>I booked <span class='review-span highlight' data-aligned-summaries='0'>a Deluxe Room</span> which to be honest <span class='review-span highlight' data-aligned-summaries='0'>was worse than Basic Rooms i have stayed in</span>, in other Hotels. <span class='review-span highlight' data-aligned-summaries='0 4'>Buffet Breakfast was expensive</span> and we ate at other places. <span class='review-span highlight' data-aligned-summaries='0'>Pub was fine</span> though if you like watching Sport. <span class='review-span highlight' data-aligned-summaries='0'>Ideal location though for Attractions</span>.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">This hotel is great and pretty amazing, and you would definitely want to return.</span> <span id="1" class="summary-sentence">The hotel is located close to the CN Tower, the hockey Hall of Fame and the Rogers Centre for example.</span> <span id="2" class="summary-sentence">The deluxe room was quite small and didn't have a view at all, but it was pretty clean.</span> <span id="3" class="summary-sentence">There was a lot of noise that could be heard from the room, as well.</span> <span id="4" class="summary-sentence">The hotel's breakfast is in included in the room's price, but a little expensive.</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-dev_cont-inst_1_b_summ_1.html
ADDED
|
@@ -0,0 +1,135 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
|
| 2 |
+
<!DOCTYPE html>
|
| 3 |
+
<html lang="en">
|
| 4 |
+
<head>
|
| 5 |
+
<meta charset="UTF-8">
|
| 6 |
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
| 7 |
+
<title>Document Review</title>
|
| 8 |
+
<style>
|
| 9 |
+
body {
|
| 10 |
+
font-family: Arial, sans-serif;
|
| 11 |
+
display: flex;
|
| 12 |
+
justify-content: center; /* This will center the .reviews container on the screen */
|
| 13 |
+
align-items: flex-start;
|
| 14 |
+
height: 100vh;
|
| 15 |
+
margin: 2px; /* Remove default margin */
|
| 16 |
+
}
|
| 17 |
+
|
| 18 |
+
.highlight { background-color: yellow;
|
| 19 |
+
color: black !important; /* Dark grey for muted text */
|
| 20 |
+
cursor: pointer;}
|
| 21 |
+
.not-hover-highlight { background-color: lightyellow;
|
| 22 |
+
color: #606060 !important; /* Dark grey for muted text */}
|
| 23 |
+
.summary {
|
| 24 |
+
width: 50%;
|
| 25 |
+
font-size: 1.0rem;
|
| 26 |
+
padding: 10px;
|
| 27 |
+
height: 100vh; /* Maximum height to a third of the viewport height */
|
| 28 |
+
background-color: #9e9e9e0a;
|
| 29 |
+
}
|
| 30 |
+
.reviews {
|
| 31 |
+
width: 50%;
|
| 32 |
+
font-size: 0.7rem;
|
| 33 |
+
display: flex;
|
| 34 |
+
flex-wrap: wrap;
|
| 35 |
+
padding: 10px;
|
| 36 |
+
max-height: 100vh; /* Maximum height to a third of the viewport height */
|
| 37 |
+
overflow-y: auto; /* Enable vertical scrolling */
|
| 38 |
+
background-color: #9e9e9e0a; /* Light grey background */
|
| 39 |
+
}
|
| 40 |
+
.text-box {
|
| 41 |
+
width: calc(100% - 20px); /* Adjust based on padding */
|
| 42 |
+
margin: 10px;
|
| 43 |
+
padding: 10px;
|
| 44 |
+
background-color: #9e9e9e0a; /* Light grey background */
|
| 45 |
+
color: #606060bf;
|
| 46 |
+
border: 2px solid #ddd; /* Cartoonish border */
|
| 47 |
+
border-radius: 20px; /* Rounded corners for cartoonish effect */
|
| 48 |
+
position: relative;
|
| 49 |
+
box-shadow: 3px 3px #bbb; /* Soft shadow for depth */
|
| 50 |
+
}
|
| 51 |
+
.text-box:before {
|
| 52 |
+
content: '';
|
| 53 |
+
position: absolute;
|
| 54 |
+
right: 100%;
|
| 55 |
+
bottom: 20%;
|
| 56 |
+
border-top: 10px solid transparent;
|
| 57 |
+
border-bottom: 10px solid transparent;
|
| 58 |
+
border-right: 10px solid #ddd; /* Arrow matching the border */
|
| 59 |
+
}
|
| 60 |
+
.summary-box {
|
| 61 |
+
padding: 10px;
|
| 62 |
+
margin: 10px 0;
|
| 63 |
+
background-color: #e6e6fa; /* Lavender background for a pleasant look */
|
| 64 |
+
border: 1px solid #ddd; /* Light border for definition */
|
| 65 |
+
border-radius: 5px; /* Slightly rounded corners */
|
| 66 |
+
box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* Soft shadow for depth */
|
| 67 |
+
cursor: pointer;
|
| 68 |
+
}
|
| 69 |
+
h4 { margin-top: 0; }
|
| 70 |
+
</style>
|
| 71 |
+
</head>
|
| 72 |
+
<body>
|
| 73 |
+
<div class='column reviews'><h2>Reviews</h2><div class='text-box'>1. <span class='review-span highlight' data-aligned-summaries='1'>The Strathcona is right in the heart of Toronto</span>. <span class='review-span highlight' data-aligned-summaries='1'>Everything was at hand</span> 2. I am used to the European Hotel of "getting the arm in" for a safe deposit box. Therefore it was a great enhancement that <span class='review-span highlight' data-aligned-summaries='3'>the safe deposit box was pro bono</span> 3. The staff and the concierge was more than helpful. Well done & thank you 4. <span class='review-span highlight' data-aligned-summaries='2'>The rooms were lovely & clean & well maintained over our four night stay</span> 5. <span class='review-span highlight' data-aligned-summaries='2 3'>The rooms were bijou</span>,<span class='review-span highlight' data-aligned-summaries='2'> however we were comfortable</span> because my wife & I are slim. If you are a disgusting big rotund(s); either lose weight or get another hotel 6. I would definitely stay here again</div><div class='text-box'>The hotel was not cheap - <span class='review-span highlight' data-aligned-summaries='5'>almost 200 Canadian dollars (including tax and a buffet breakfast) per night</span> for a standard room. We were shocked by the so-called "<span class='review-span highlight' data-aligned-summaries='2 3'>standard" room</span>.<span class='review-span highlight' data-aligned-summaries='3'> It</span> <span class='review-span highlight' data-aligned-summaries='2 3'>was tiny</span>: to do some ironing on the ironing board, or to have access to the electric power points, one literally had to move the furniture around. <span class='review-span highlight' data-aligned-summaries='3'>Cupboard space was inadequate</span>. <span class='review-span highlight' data-aligned-summaries='4'>The shower was lukewarm</span>. The <span class='review-span highlight' data-aligned-summaries='1'>only redeeming featrure was the location</span>: not in an attractive part of Toronto, but <span class='review-span highlight' data-aligned-summaries='1'>at least within walking distance of the CN Tower</span> and the main railway station. I thought it was exceptionally bad value for money, and <span class='review-span highlight' data-aligned-summaries='2'>would not recommend it</span>.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='1'>The location of this hotel is its best attribute</span>. I was in Toronto for an Argos football game August 12 and stayed at the Strathcona (for the second time). I paid $83USD for a Friday night. This is cheap by downtown T.O. standards. <span class='review-span highlight' data-aligned-summaries='2 3'>The room was small</span> <span class='review-span highlight' data-aligned-summaries='2'>and clean with no view at all, but I did not care</span> because I was noe in town for the view or the size of the room. Parking is two blocks down Wellington St. and cost $15CDN for a night - again not bad by T.O. standards. Overall a perefectly serviceable hotel if you are looking for a clean room in a great location.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='1'>This place is located right center to all the places we wanted to see</span>. My friend and I went to see a concert and when I called to book <span class='review-span highlight' data-aligned-summaries='0'>they were the only hotel I found who did not talk down to you about not owning a credit card</span>. <span class='review-span highlight' data-aligned-summaries='1'>They are in walkin distance from the train station, the cn tower, hockey hall of fame and the AC and the rogers center</span>. <span class='review-span highlight' data-aligned-summaries='0'>It was amazing and being that we were first timers in a hotel they didn't make ya feel like any question was too stupid</span>. I am going back to toronto and I am staying there again!</div><div class='text-box'>Pros: <span class='review-span highlight' data-aligned-summaries='1'>Good location</span> Affordable Cons: Hotel staff (see below) While our stay started out well, it turned into a disaster by the end. We were situated across from about 2-4 rooms of American college students who were in Toronto to drink heavily, smoke and make as much noise as they possible could. Despite numerous calls to the front desk to remedy the problem, <span class='review-span highlight' data-aligned-summaries='0'>they did absolutely nothing to help</span>. We had two sleepless nights & this put a major damper on what was otherwise a fantastic trip. My advice: <span class='review-span highlight' data-aligned-summaries='2'>Pay the extra money & stay somewhere else!</span></div><div class='text-box'>My husband and me came for the Monster truck show at Rogers Center on Jan. It was super fun. What the hotel lacks in amenities and services they make up for it by being centralized. <span class='review-span highlight' data-aligned-summaries='1'>Near to the night-club scene, sports arenas; Rogers Center/Air Canada Center</span>. Restaurants, theater, shopping, and best of all, being cheap cheap cheap. Did I mention cheap? The weekend was fun and exciting. Thanks Gravedigger for tarin' the place up!</div><div class='text-box'>My wife and I stayed at the Strathcona while attending the Toronto Film Festival this past weekend. <span class='review-span highlight' data-aligned-summaries='3'>If there are only two in your party, this is a very cozy hotel</span>. Our room was very comfortable and <span class='review-span highlight' data-aligned-summaries='1'>the location was great</span>. You are one block away from the train terminal and the Airport Express shuttle picks you up right across the street. I would definitely stay there again.</div><div class='text-box'>I booked a <span class='review-span highlight' data-aligned-summaries='2'>Deluxe Room</span> which to be honest <span class='review-span highlight' data-aligned-summaries='2'>was worse than Basic</span> Rooms i have stayed in, <span class='review-span highlight' data-aligned-summaries='2'>in other Hotels</span>. <span class='review-span highlight' data-aligned-summaries='5'>Buffet Breakfast was expensive</span> and we ate at other places. Pub was fine though if you like watching Sport. <span class='review-span highlight' data-aligned-summaries='1'>Ideal location though for Attractions</span>.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">The hotel treated first time stayers with respect.</span> <span id="1" class="summary-sentence">The location of the hotel couldn't be better because there are nearby attractions, night-clubs, and popular sights within walking distance.</span> <span id="2" class="summary-sentence">Even the deluxe rooms in the hotel are not to be recommended.</span> <span id="3" class="summary-sentence">The rooms are small with poor storage.</span> <span id="4" class="summary-sentence">The showers are lukewarm and the hall is noisy with rowdy guests at all hours.</span> <span id="5" class="summary-sentence">Unfortunately the buffet breakfast didn't come cheaply but it the food was mostly fine.</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-dev_cont-inst_1_b_summ_2.html
ADDED
|
@@ -0,0 +1,135 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
|
| 2 |
+
<!DOCTYPE html>
|
| 3 |
+
<html lang="en">
|
| 4 |
+
<head>
|
| 5 |
+
<meta charset="UTF-8">
|
| 6 |
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
| 7 |
+
<title>Document Review</title>
|
| 8 |
+
<style>
|
| 9 |
+
body {
|
| 10 |
+
font-family: Arial, sans-serif;
|
| 11 |
+
display: flex;
|
| 12 |
+
justify-content: center; /* This will center the .reviews container on the screen */
|
| 13 |
+
align-items: flex-start;
|
| 14 |
+
height: 100vh;
|
| 15 |
+
margin: 2px; /* Remove default margin */
|
| 16 |
+
}
|
| 17 |
+
|
| 18 |
+
.highlight { background-color: yellow;
|
| 19 |
+
color: black !important; /* Dark grey for muted text */
|
| 20 |
+
cursor: pointer;}
|
| 21 |
+
.not-hover-highlight { background-color: lightyellow;
|
| 22 |
+
color: #606060 !important; /* Dark grey for muted text */}
|
| 23 |
+
.summary {
|
| 24 |
+
width: 50%;
|
| 25 |
+
font-size: 1.0rem;
|
| 26 |
+
padding: 10px;
|
| 27 |
+
height: 100vh; /* Maximum height to a third of the viewport height */
|
| 28 |
+
background-color: #9e9e9e0a;
|
| 29 |
+
}
|
| 30 |
+
.reviews {
|
| 31 |
+
width: 50%;
|
| 32 |
+
font-size: 0.7rem;
|
| 33 |
+
display: flex;
|
| 34 |
+
flex-wrap: wrap;
|
| 35 |
+
padding: 10px;
|
| 36 |
+
max-height: 100vh; /* Maximum height to a third of the viewport height */
|
| 37 |
+
overflow-y: auto; /* Enable vertical scrolling */
|
| 38 |
+
background-color: #9e9e9e0a; /* Light grey background */
|
| 39 |
+
}
|
| 40 |
+
.text-box {
|
| 41 |
+
width: calc(100% - 20px); /* Adjust based on padding */
|
| 42 |
+
margin: 10px;
|
| 43 |
+
padding: 10px;
|
| 44 |
+
background-color: #9e9e9e0a; /* Light grey background */
|
| 45 |
+
color: #606060bf;
|
| 46 |
+
border: 2px solid #ddd; /* Cartoonish border */
|
| 47 |
+
border-radius: 20px; /* Rounded corners for cartoonish effect */
|
| 48 |
+
position: relative;
|
| 49 |
+
box-shadow: 3px 3px #bbb; /* Soft shadow for depth */
|
| 50 |
+
}
|
| 51 |
+
.text-box:before {
|
| 52 |
+
content: '';
|
| 53 |
+
position: absolute;
|
| 54 |
+
right: 100%;
|
| 55 |
+
bottom: 20%;
|
| 56 |
+
border-top: 10px solid transparent;
|
| 57 |
+
border-bottom: 10px solid transparent;
|
| 58 |
+
border-right: 10px solid #ddd; /* Arrow matching the border */
|
| 59 |
+
}
|
| 60 |
+
.summary-box {
|
| 61 |
+
padding: 10px;
|
| 62 |
+
margin: 10px 0;
|
| 63 |
+
background-color: #e6e6fa; /* Lavender background for a pleasant look */
|
| 64 |
+
border: 1px solid #ddd; /* Light border for definition */
|
| 65 |
+
border-radius: 5px; /* Slightly rounded corners */
|
| 66 |
+
box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* Soft shadow for depth */
|
| 67 |
+
cursor: pointer;
|
| 68 |
+
}
|
| 69 |
+
h4 { margin-top: 0; }
|
| 70 |
+
</style>
|
| 71 |
+
</head>
|
| 72 |
+
<body>
|
| 73 |
+
<div class='column reviews'><h2>Reviews</h2><div class='text-box'>1. The Strathcona is <span class='review-span highlight' data-aligned-summaries='1'>right in the heart of Toronto. Everything was at hand</span> 2. I am used to the European Hotel of "getting the arm in" for a safe deposit box. Therefore it was a great enhancement that the safe deposit box was pro bono 3. <span class='review-span highlight' data-aligned-summaries='0'>The staff and the concierge was more than helpful</span>. Well done & thank you 4. <span class='review-span highlight' data-aligned-summaries='0 2'>The rooms were lovely & clean</span> & well maintained over our four night stay 5. <span class='review-span highlight' data-aligned-summaries='2 4'>The rooms were bijou, however we were comfortable because my wife & I are slim</span>. If you are a disgusting big rotund(s); either lose weight or get another hotel 6. I would definitely stay here again</div><div class='text-box'>The hotel was not cheap - almost 200 Canadian dollars (including tax and a buffet breakfast) per night for a standard room. We were shocked by the so-called <span class='review-span highlight' data-aligned-summaries='2'>"standard" room.</span> <span class='review-span highlight' data-aligned-summaries='2 4'>It was tiny</span>: <span class='review-span highlight' data-aligned-summaries='4'>to do some ironing</span> on the ironing board, or to have access to the electric power points, <span class='review-span highlight' data-aligned-summaries='4'>one</span> literally <span class='review-span highlight' data-aligned-summaries='4'>had to move the furniture</span> around. <span class='review-span highlight' data-aligned-summaries='3'>Cupboard space was inadequate</span>. <span class='review-span highlight' data-aligned-summaries='3'>The shower was lukewarm</span>. The only <span class='review-span highlight' data-aligned-summaries='1'>redeeming featrure was the location</span>: not in an attractive part of Toronto, but at least within <span class='review-span highlight' data-aligned-summaries='1'>walking distance of the CN Tower and the main railway station</span>. I thought it was exceptionally bad value for money, and <span class='review-span highlight' data-aligned-summaries='0'>would not recommend it.</span></div><div class='text-box'>The location of this hotel is its best attribute. I was in Toronto for an Argos football game August 12 and stayed at the Strathcona (for the second time). I paid $83USD for a Friday night. This is cheap by downtown T.O. standards. <span class='review-span highlight' data-aligned-summaries='2'>The room was small and clean with no view at all</span>, but I did not care because I was noe in town for the view or the size of the room. Parking is two blocks down Wellington St. and cost $15CDN for a night - again not bad by T.O. standards. Overall <span class='review-span highlight' data-aligned-summaries='0'>a perefectly serviceable hotel</span> if you are looking for a clean room in a great location.</div><div class='text-box'>This place is <span class='review-span highlight' data-aligned-summaries='0 1'>located right center to all the places we wanted to see</span>. My friend and I went to see a concert and when I called to book they were the only hotel I found who <span class='review-span highlight' data-aligned-summaries='0'>did not talk down to you about not owning a credit card</span>. <span class='review-span highlight' data-aligned-summaries='1'>They are in walkin distance from the train station</span>, the cn tower, hockey hall of fame and the AC and the rogers center. It was amazing and being that we were first timers in a hotel they <span class='review-span highlight' data-aligned-summaries='0'>didn't make ya feel like any question was too stupid</span>. I am going back to toronto and I am staying there again!</div><div class='text-box'>Pros: Good location Affordable Cons: Hotel staff (see below) While our stay started out well, it turned into a disaster by the end. We were situated across from about 2-4 rooms of American college students who were in Toronto to drink heavily, smoke and make as much noise as they possible could. <span class='review-span highlight' data-aligned-summaries='0'>Despite numerous calls to the front desk to remedy the problem, they did absolutely nothing to help</span>. We had two sleepless nights & this put a major damper on what was otherwise a fantastic trip. <span class='review-span highlight' data-aligned-summaries='0'>My advice: Pay the extra money & stay somewhere else</span>!</div><div class='text-box'>My husband and me came for the Monster truck show at Rogers Center on Jan. It was super fun. <span class='review-span highlight' data-aligned-summaries='0'>What the hotel lacks in amenities and services</span> they make up for it by being centralized. Near to the night-club scene, sports arenas; Rogers Center/Air Canada Center. Restaurants, theater, shopping, and best of all, being cheap cheap cheap. Did I mention cheap? The weekend was fun and exciting. Thanks Gravedigger for tarin' the place up!</div><div class='text-box'>My wife and I stayed at the Strathcona while attending the Toronto Film Festival this past weekend. <span class='review-span highlight' data-aligned-summaries='2 4'>If there are only two in your party, this is a very cozy hotel</span>. Our <span class='review-span highlight' data-aligned-summaries='0 2'>room was very comfortable</span> and the <span class='review-span highlight' data-aligned-summaries='0'>location was great</span>. You <span class='review-span highlight' data-aligned-summaries='1'>are one block away from the train terminal</span> and the Airport Express shuttle picks you up right across the street. I would definitely stay there again.</div><div class='text-box'>I booked a <span class='review-span highlight' data-aligned-summaries='0 2'>Deluxe Room</span> which to be honest <span class='review-span highlight' data-aligned-summaries='0 2'>was worse than Basic Rooms</span> i have stayed in, <span class='review-span highlight' data-aligned-summaries='0 2'>in other Hotels</span>. Buffet Breakfast was expensive and we ate at other places. Pub was fine though if you like watching Sport. Ideal location though for Attractions.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">A highly recommended hotel that provides excellent customer service.</span> <span id="1" class="summary-sentence">This hotel is close to most of the major attractions in the area, with many of them being walking distance from the train station.</span> <span id="2" class="summary-sentence">The Delux room was not very impressive but was comfortable and clean despite being small.</span> <span id="3" class="summary-sentence">Cupboard space was also lacking and it was lacking much hot water in the shower.</span> <span id="4" class="summary-sentence">The hotel is considerable small, with limited room available for guests to move around and use some of the facilities with ease.</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-dev_cont-inst_2_a_summ_0.html
ADDED
|
@@ -0,0 +1,135 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
|
| 2 |
+
<!DOCTYPE html>
|
| 3 |
+
<html lang="en">
|
| 4 |
+
<head>
|
| 5 |
+
<meta charset="UTF-8">
|
| 6 |
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
| 7 |
+
<title>Document Review</title>
|
| 8 |
+
<style>
|
| 9 |
+
body {
|
| 10 |
+
font-family: Arial, sans-serif;
|
| 11 |
+
display: flex;
|
| 12 |
+
justify-content: center; /* This will center the .reviews container on the screen */
|
| 13 |
+
align-items: flex-start;
|
| 14 |
+
height: 100vh;
|
| 15 |
+
margin: 2px; /* Remove default margin */
|
| 16 |
+
}
|
| 17 |
+
|
| 18 |
+
.highlight { background-color: yellow;
|
| 19 |
+
color: black !important; /* Dark grey for muted text */
|
| 20 |
+
cursor: pointer;}
|
| 21 |
+
.not-hover-highlight { background-color: lightyellow;
|
| 22 |
+
color: #606060 !important; /* Dark grey for muted text */}
|
| 23 |
+
.summary {
|
| 24 |
+
width: 50%;
|
| 25 |
+
font-size: 1.0rem;
|
| 26 |
+
padding: 10px;
|
| 27 |
+
height: 100vh; /* Maximum height to a third of the viewport height */
|
| 28 |
+
background-color: #9e9e9e0a;
|
| 29 |
+
}
|
| 30 |
+
.reviews {
|
| 31 |
+
width: 50%;
|
| 32 |
+
font-size: 0.7rem;
|
| 33 |
+
display: flex;
|
| 34 |
+
flex-wrap: wrap;
|
| 35 |
+
padding: 10px;
|
| 36 |
+
max-height: 100vh; /* Maximum height to a third of the viewport height */
|
| 37 |
+
overflow-y: auto; /* Enable vertical scrolling */
|
| 38 |
+
background-color: #9e9e9e0a; /* Light grey background */
|
| 39 |
+
}
|
| 40 |
+
.text-box {
|
| 41 |
+
width: calc(100% - 20px); /* Adjust based on padding */
|
| 42 |
+
margin: 10px;
|
| 43 |
+
padding: 10px;
|
| 44 |
+
background-color: #9e9e9e0a; /* Light grey background */
|
| 45 |
+
color: #606060bf;
|
| 46 |
+
border: 2px solid #ddd; /* Cartoonish border */
|
| 47 |
+
border-radius: 20px; /* Rounded corners for cartoonish effect */
|
| 48 |
+
position: relative;
|
| 49 |
+
box-shadow: 3px 3px #bbb; /* Soft shadow for depth */
|
| 50 |
+
}
|
| 51 |
+
.text-box:before {
|
| 52 |
+
content: '';
|
| 53 |
+
position: absolute;
|
| 54 |
+
right: 100%;
|
| 55 |
+
bottom: 20%;
|
| 56 |
+
border-top: 10px solid transparent;
|
| 57 |
+
border-bottom: 10px solid transparent;
|
| 58 |
+
border-right: 10px solid #ddd; /* Arrow matching the border */
|
| 59 |
+
}
|
| 60 |
+
.summary-box {
|
| 61 |
+
padding: 10px;
|
| 62 |
+
margin: 10px 0;
|
| 63 |
+
background-color: #e6e6fa; /* Lavender background for a pleasant look */
|
| 64 |
+
border: 1px solid #ddd; /* Light border for definition */
|
| 65 |
+
border-radius: 5px; /* Slightly rounded corners */
|
| 66 |
+
box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* Soft shadow for depth */
|
| 67 |
+
cursor: pointer;
|
| 68 |
+
}
|
| 69 |
+
h4 { margin-top: 0; }
|
| 70 |
+
</style>
|
| 71 |
+
</head>
|
| 72 |
+
<body>
|
| 73 |
+
<div class='column reviews'><h2>Reviews</h2><div class='text-box'>Would come back again and again We have been staying at Island Shangri-la once every year for the past 7 years. They have continued to improve their service year after year. <span class='review-span highlight' data-aligned-summaries='0'>The service is impeccable</span>. <span class='review-span highlight' data-aligned-summaries='2'>The rooms</span> were renovated a couple of years ago and they <span class='review-span highlight' data-aligned-summaries='2'>added a modern twist</span>. But <span class='review-span highlight' data-aligned-summaries='0'>the level of comfort and 'homeyness' has been retained</span>. <span class='review-span highlight' data-aligned-summaries='0'>With the Pacific Place mall right underneath the hotel</span>, it is so convenient to just go down and shop, knowing that even if you carry a lot of bulky items. There is no worry about riding through the mrt or lining up to get a taxi. You can just catch the elevator and go right up to your room. It is always a perfect experience staying at the hotel.</div><div class='text-box'>Good, but not unforgettable This hotel is certainly good enough as a business hotel. However, I really will not stay here for a leisure trip. As mentioned in another review, <span class='review-span highlight' data-aligned-summaries='0'>there are just no personal touches</span> or charm. The staff is polite but the service is more mechanical, rather than from the heart. <span class='review-span highlight' data-aligned-summaries='4'>There is a pool</span>, <span class='review-span highlight' data-aligned-summaries='4'>but</span> it offers a view of skyscrapers nearby. <span class='review-span highlight' data-aligned-summaries='4'>It's really quite hard to relax in this evironment</span>.The location is not bad as <span class='review-span highlight' data-aligned-summaries='0'>it is connected to the subway via a big shopping mall</span>. However, in the morning, a <span class='review-span highlight' data-aligned-summaries='1'>cab ride can take quite long to reach the central business district due to traffic jam</span>.</div><div class='text-box'>OK, not spectacular. I spent a few nights at the Shangri La in August. I found the overall experience lacking.<span class='review-span highlight' data-aligned-summaries='2'>The rooms are bland, all function with surprisingly little style</span> (surprising given the strong feng shui influence in HK). <span class='review-span highlight' data-aligned-summaries='2'>The rooms are also small</span>, even by HK/Toyko standards. <span class='review-span highlight' data-aligned-summaries='3'>Lunch at the cafe was expensive and disappointing</span>. Breakfast was much better, though also very expensive.<span class='review-span highlight' data-aligned-summaries='4'>The pool is really nice, and the gym is good</span>. The staff was OK, but interactions felt rushed and reminded me more of a NYC business hotel than a true 5 star.Don't be afraid to try somewhere else.</div><div class='text-box'>once again, great stay once again, a <span class='review-span highlight' data-aligned-summaries='0'>great stay</span>, upgraded to a harbour view as it was our silver wedding aniversary, <span class='review-span highlight' data-aligned-summaries='0'>flowers, fruit etc as well</span>, i love this hotel so much, such humble and smilley staff considering it is regullaly voted one of the best hotels in the world for everything, fab possition, great rooms, wonderfull staff, do i own it or work for them? no,we just love staying here, well done, shangri- la once again!</div><div class='text-box'>consistently excellent I stay at the island SRL frequently with business, and it isconsistently excellent - staff are always amazing. Isupposethe only picky downside is if <span class='review-span highlight' data-aligned-summaries='2'>you like modern it may be a littlechinzy</span> for you!The <span class='review-span highlight' data-aligned-summaries='3'>service is outstanding.the bar lady in the foyer bar has remembered the drink I have on every visit</span> (as she does with every repeat guest!) and <span class='review-span highlight' data-aligned-summaries='4'>the pool is simply relaxation at its best!Highly recommended</span></div><div class='text-box'>Great hotel, deserves its reputation <span class='review-span highlight' data-aligned-summaries='0'>Really great location next to luxury shopping mall</span> and park. We stayed in the <span class='review-span highlight' data-aligned-summaries='2'>lowest category room</span> (deluxe peakview) and <span class='review-span highlight' data-aligned-summaries='2'>had no complaints</span>. Service was excellent, staff couldn't do enough for us and our 2 kids, great welcome. Breakfast amazing, <span class='review-span highlight' data-aligned-summaries='4'>loved the outdoor pool</span> - a great stay.</div><div class='text-box'>Excellent This place is great. The <span class='review-span highlight' data-aligned-summaries='0'>welcome was impressive</span>, the <span class='review-span highlight' data-aligned-summaries='0'>location is great above Pacific place</span> and the MTR station.<span class='review-span highlight' data-aligned-summaries='2'>The rooms were spacious</span>, clean and <span class='review-span highlight' data-aligned-summaries='4'>had everything you could ask for</span>. <span class='review-span highlight' data-aligned-summaries='0'>Staff are very polite</span> and efficient.Highly recommended.</div><div class='text-box'>top of the line but you pay for it showReview(3417094, 'full');</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">The hotel has a level of homely comfort, but sometimes lack small personal touches, The hotel is connected to a subway and sits above the Pacific Place shopping mall.</span><span id="1" class="summary-sentence">, however it can take a while to travel to the business district.</span> <span id="2" class="summary-sentence">The rooms are really modern but unfortunately lacking in style and space.</span> <span id="3" class="summary-sentence">The hotel has a cafe that provides lunch but it was really expensive and equally as disappointing, however you can get drinks from the bar that's in the foyer.</span> <span id="4" class="summary-sentence">The hotel had good facilities available, such as a gym and a pool.</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-dev_cont-inst_2_a_summ_1.html
ADDED
|
@@ -0,0 +1,135 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
|
| 2 |
+
<!DOCTYPE html>
|
| 3 |
+
<html lang="en">
|
| 4 |
+
<head>
|
| 5 |
+
<meta charset="UTF-8">
|
| 6 |
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
| 7 |
+
<title>Document Review</title>
|
| 8 |
+
<style>
|
| 9 |
+
body {
|
| 10 |
+
font-family: Arial, sans-serif;
|
| 11 |
+
display: flex;
|
| 12 |
+
justify-content: center; /* This will center the .reviews container on the screen */
|
| 13 |
+
align-items: flex-start;
|
| 14 |
+
height: 100vh;
|
| 15 |
+
margin: 2px; /* Remove default margin */
|
| 16 |
+
}
|
| 17 |
+
|
| 18 |
+
.highlight { background-color: yellow;
|
| 19 |
+
color: black !important; /* Dark grey for muted text */
|
| 20 |
+
cursor: pointer;}
|
| 21 |
+
.not-hover-highlight { background-color: lightyellow;
|
| 22 |
+
color: #606060 !important; /* Dark grey for muted text */}
|
| 23 |
+
.summary {
|
| 24 |
+
width: 50%;
|
| 25 |
+
font-size: 1.0rem;
|
| 26 |
+
padding: 10px;
|
| 27 |
+
height: 100vh; /* Maximum height to a third of the viewport height */
|
| 28 |
+
background-color: #9e9e9e0a;
|
| 29 |
+
}
|
| 30 |
+
.reviews {
|
| 31 |
+
width: 50%;
|
| 32 |
+
font-size: 0.7rem;
|
| 33 |
+
display: flex;
|
| 34 |
+
flex-wrap: wrap;
|
| 35 |
+
padding: 10px;
|
| 36 |
+
max-height: 100vh; /* Maximum height to a third of the viewport height */
|
| 37 |
+
overflow-y: auto; /* Enable vertical scrolling */
|
| 38 |
+
background-color: #9e9e9e0a; /* Light grey background */
|
| 39 |
+
}
|
| 40 |
+
.text-box {
|
| 41 |
+
width: calc(100% - 20px); /* Adjust based on padding */
|
| 42 |
+
margin: 10px;
|
| 43 |
+
padding: 10px;
|
| 44 |
+
background-color: #9e9e9e0a; /* Light grey background */
|
| 45 |
+
color: #606060bf;
|
| 46 |
+
border: 2px solid #ddd; /* Cartoonish border */
|
| 47 |
+
border-radius: 20px; /* Rounded corners for cartoonish effect */
|
| 48 |
+
position: relative;
|
| 49 |
+
box-shadow: 3px 3px #bbb; /* Soft shadow for depth */
|
| 50 |
+
}
|
| 51 |
+
.text-box:before {
|
| 52 |
+
content: '';
|
| 53 |
+
position: absolute;
|
| 54 |
+
right: 100%;
|
| 55 |
+
bottom: 20%;
|
| 56 |
+
border-top: 10px solid transparent;
|
| 57 |
+
border-bottom: 10px solid transparent;
|
| 58 |
+
border-right: 10px solid #ddd; /* Arrow matching the border */
|
| 59 |
+
}
|
| 60 |
+
.summary-box {
|
| 61 |
+
padding: 10px;
|
| 62 |
+
margin: 10px 0;
|
| 63 |
+
background-color: #e6e6fa; /* Lavender background for a pleasant look */
|
| 64 |
+
border: 1px solid #ddd; /* Light border for definition */
|
| 65 |
+
border-radius: 5px; /* Slightly rounded corners */
|
| 66 |
+
box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* Soft shadow for depth */
|
| 67 |
+
cursor: pointer;
|
| 68 |
+
}
|
| 69 |
+
h4 { margin-top: 0; }
|
| 70 |
+
</style>
|
| 71 |
+
</head>
|
| 72 |
+
<body>
|
| 73 |
+
<div class='column reviews'><h2>Reviews</h2><div class='text-box'>Would come back again and again We have been staying at Island Shangri-la once every year for the past 7 years. They have continued to improve their service year after year. The service is impeccable. <span class='review-span highlight' data-aligned-summaries='4'>The rooms were renovated</span> a couple of years ago <span class='review-span highlight' data-aligned-summaries='4'>and they added a modern twist</span>. But the level of comfort and 'homeyness' has been retained. <span class='review-span highlight' data-aligned-summaries='1'>With the Pacific Place mall right underneath the hotel, it is so convenient</span> to just go down and shop, knowing that even if you carry a lot of bulky items. There is no worry about riding through the mrt or lining up to get a taxi. You can just catch the elevator and go right up to your room. It is <span class='review-span highlight' data-aligned-summaries='0'>always a perfect experience staying at the hotel</span>.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>Good, but not unforgettable</span> This hotel is certainly good enough as a business hotel. However, I really will not stay here for a leisure trip. As mentioned in another review, <span class='review-span highlight' data-aligned-summaries='0'>there are just no personal touches</span> or charm. The staff is polite but the service is more mechanical, rather than from the heart. <span class='review-span highlight' data-aligned-summaries='7'>There is a pool</span>, but <span class='review-span highlight' data-aligned-summaries='3'>it offers a view of skyscrapers nearby</span>. It's really quite hard to relax in this evironment.<span class='review-span highlight' data-aligned-summaries='1'>The location is not bad</span> as <span class='review-span highlight' data-aligned-summaries='1 2'>it is connected to the</span> <span class='review-span highlight' data-aligned-summaries='2'>subway</span> via a <span class='review-span highlight' data-aligned-summaries='1'>big shopping mall</span>. However, in the morning, a cab ride can take quite long to reach the central business district due to traffic jam.</div><div class='text-box'>OK, not spectacular. I spent a few nights at the Shangri La in August. I <span class='review-span highlight' data-aligned-summaries='0'>found the overall experience lacking</span>.<span class='review-span highlight' data-aligned-summaries='4'>The rooms are bland, all function with surprisingly little style</span> (surprising given the strong feng shui influence in HK). The <span class='review-span highlight' data-aligned-summaries='0'>rooms are</span> <span class='review-span highlight' data-aligned-summaries='0 4'>also small</span>, even by HK/Toyko standards. <span class='review-span highlight' data-aligned-summaries='5'>Lunch at the cafe was expensive and disappointing</span>. <span class='review-span highlight' data-aligned-summaries='6'>Breakfast was much better</span>, though also very expensive.<span class='review-span highlight' data-aligned-summaries='7'>The pool is really nice, and the gym is good</span>. The staff was OK, but interactions felt rushed and reminded me more of a NYC business hotel than a true 5 star.Don't be afraid to try somewhere else.</div><div class='text-box'>once again, great stay once again, a great stay, <span class='review-span highlight' data-aligned-summaries='3'>upgraded to a harbour view</span> as it was our silver wedding aniversary, flowers, fruit etc as well, i love this hotel so much, such humble and smilley staff considering it is <span class='review-span highlight' data-aligned-summaries='0'>regullaly voted one of the best hotels in the world for everything</span>, fab possition, great rooms, wonderfull staff, do i own it or work for them? no,we just love staying here, well done, shangri- la once again!</div><div class='text-box'>consistently excellent I stay at the island SRL frequently with business, and it isconsistently excellent - staff are always amazing. Isupposethe only picky downside is <span class='review-span highlight' data-aligned-summaries='4'>if you like modern it may be a littlechinzy for you!The</span> service is <span class='review-span highlight' data-aligned-summaries='0'>outstanding.the bar lady in the foyer bar has remembered the drink I have on every visit</span> (as she does with every repeat guest!) and <span class='review-span highlight' data-aligned-summaries='7'>the pool is simply relaxation at its</span> <span class='review-span highlight' data-aligned-summaries='0 7'>best!Highly</span> <span class='review-span highlight' data-aligned-summaries='0'>recommended</span></div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>Great</span> <span class='review-span highlight' data-aligned-summaries='0 7'>hotel</span>, deserves its reputation Really <span class='review-span highlight' data-aligned-summaries='1'>great location next to luxury shopping mall</span> and park. We stayed in the lowest category room (deluxe peakview) and had no complaints. Service was excellent, staff couldn't do enough for us and our 2 kids, great welcome. <span class='review-span highlight' data-aligned-summaries='6'>Breakfast amazing</span>, <span class='review-span highlight' data-aligned-summaries='7'>loved the outdoor pool</span> - a great stay.</div><div class='text-box'>Excellent <span class='review-span highlight' data-aligned-summaries='0'>This place is great</span>. The welcome was impressive, <span class='review-span highlight' data-aligned-summaries='1 2'>the location is great</span> <span class='review-span highlight' data-aligned-summaries='2'>above</span> Pacific place and <span class='review-span highlight' data-aligned-summaries='2'>the MTR station</span>.<span class='review-span highlight' data-aligned-summaries='4'>The rooms were spacious</span>, clean and <span class='review-span highlight' data-aligned-summaries='4'>had everything you could ask for</span>. <span class='review-span highlight' data-aligned-summaries='0'>Staff are very polite and efficient</span>.Highly recommended.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>top of the line</span> but you pay for it showReview(3417094, 'full');</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">This is a really great hotel, however, it lacks the personal touch.</span> <span id="1" class="summary-sentence">The location is great because not only is it connected via a big shopping mall</span> <span id="2" class="summary-sentence">but it is super easy to get to the subway station.</span> <span id="3" class="summary-sentence">The views aren't so great because really all you see are skyscrapers.</span> <span id="4" class="summary-sentence">The rooms of the hotel were modern and close to the elevator, but they were also on the smaller side and a little simplistic.</span> <span id="5" class="summary-sentence">The food at the hotel is very expensive and not enjoyable.</span> <span id="6" class="summary-sentence">The breakfast was nicer than the lunch.</span> <span id="7" class="summary-sentence">The hotel has very good exercise facilities such a good gym and a nice pool.</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-dev_cont-inst_2_a_summ_2.html
ADDED
|
@@ -0,0 +1,135 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
|
| 2 |
+
<!DOCTYPE html>
|
| 3 |
+
<html lang="en">
|
| 4 |
+
<head>
|
| 5 |
+
<meta charset="UTF-8">
|
| 6 |
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
| 7 |
+
<title>Document Review</title>
|
| 8 |
+
<style>
|
| 9 |
+
body {
|
| 10 |
+
font-family: Arial, sans-serif;
|
| 11 |
+
display: flex;
|
| 12 |
+
justify-content: center; /* This will center the .reviews container on the screen */
|
| 13 |
+
align-items: flex-start;
|
| 14 |
+
height: 100vh;
|
| 15 |
+
margin: 2px; /* Remove default margin */
|
| 16 |
+
}
|
| 17 |
+
|
| 18 |
+
.highlight { background-color: yellow;
|
| 19 |
+
color: black !important; /* Dark grey for muted text */
|
| 20 |
+
cursor: pointer;}
|
| 21 |
+
.not-hover-highlight { background-color: lightyellow;
|
| 22 |
+
color: #606060 !important; /* Dark grey for muted text */}
|
| 23 |
+
.summary {
|
| 24 |
+
width: 50%;
|
| 25 |
+
font-size: 1.0rem;
|
| 26 |
+
padding: 10px;
|
| 27 |
+
height: 100vh; /* Maximum height to a third of the viewport height */
|
| 28 |
+
background-color: #9e9e9e0a;
|
| 29 |
+
}
|
| 30 |
+
.reviews {
|
| 31 |
+
width: 50%;
|
| 32 |
+
font-size: 0.7rem;
|
| 33 |
+
display: flex;
|
| 34 |
+
flex-wrap: wrap;
|
| 35 |
+
padding: 10px;
|
| 36 |
+
max-height: 100vh; /* Maximum height to a third of the viewport height */
|
| 37 |
+
overflow-y: auto; /* Enable vertical scrolling */
|
| 38 |
+
background-color: #9e9e9e0a; /* Light grey background */
|
| 39 |
+
}
|
| 40 |
+
.text-box {
|
| 41 |
+
width: calc(100% - 20px); /* Adjust based on padding */
|
| 42 |
+
margin: 10px;
|
| 43 |
+
padding: 10px;
|
| 44 |
+
background-color: #9e9e9e0a; /* Light grey background */
|
| 45 |
+
color: #606060bf;
|
| 46 |
+
border: 2px solid #ddd; /* Cartoonish border */
|
| 47 |
+
border-radius: 20px; /* Rounded corners for cartoonish effect */
|
| 48 |
+
position: relative;
|
| 49 |
+
box-shadow: 3px 3px #bbb; /* Soft shadow for depth */
|
| 50 |
+
}
|
| 51 |
+
.text-box:before {
|
| 52 |
+
content: '';
|
| 53 |
+
position: absolute;
|
| 54 |
+
right: 100%;
|
| 55 |
+
bottom: 20%;
|
| 56 |
+
border-top: 10px solid transparent;
|
| 57 |
+
border-bottom: 10px solid transparent;
|
| 58 |
+
border-right: 10px solid #ddd; /* Arrow matching the border */
|
| 59 |
+
}
|
| 60 |
+
.summary-box {
|
| 61 |
+
padding: 10px;
|
| 62 |
+
margin: 10px 0;
|
| 63 |
+
background-color: #e6e6fa; /* Lavender background for a pleasant look */
|
| 64 |
+
border: 1px solid #ddd; /* Light border for definition */
|
| 65 |
+
border-radius: 5px; /* Slightly rounded corners */
|
| 66 |
+
box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* Soft shadow for depth */
|
| 67 |
+
cursor: pointer;
|
| 68 |
+
}
|
| 69 |
+
h4 { margin-top: 0; }
|
| 70 |
+
</style>
|
| 71 |
+
</head>
|
| 72 |
+
<body>
|
| 73 |
+
<div class='column reviews'><h2>Reviews</h2><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>Would come back again and again We have been staying</span> at Island Shangri-la once <span class='review-span highlight' data-aligned-summaries='0'>every year for the past 7 years</span>. <span class='review-span highlight' data-aligned-summaries='0'>They have continued to improve their service year after year</span>. The service is impeccable. <span class='review-span highlight' data-aligned-summaries='1 3'>The rooms</span> <span class='review-span highlight' data-aligned-summaries='3'>were renovated a couple of years ago and they added a modern twist</span>. But the <span class='review-span highlight' data-aligned-summaries='1'>level of comfort</span> and 'homeyness' <span class='review-span highlight' data-aligned-summaries='1'>has been retained</span>. With <span class='review-span highlight' data-aligned-summaries='2'>the Pacific Place mall right underneath the hotel</span>, <span class='review-span highlight' data-aligned-summaries='2'>it is so convenient to just go down and shop</span>, knowing that even if you carry a lot of bulky items. There is no worry about riding through the mrt or lining up to get a taxi. You can just catch the elevator and go right up to your room. <span class='review-span highlight' data-aligned-summaries='0'>It is always a perfect experience staying at the hotel</span>.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>Good, but not unforgettable</span> This hotel is <span class='review-span highlight' data-aligned-summaries='0'>certainly good enough as a business hotel</span>. <span class='review-span highlight' data-aligned-summaries='0'>However, I really will not stay here for a leisure trip</span>. As mentioned in another review, <span class='review-span highlight' data-aligned-summaries='1'>there are just no personal touches or charm</span>. The staff is polite but the service is more mechanical, rather than from the heart. <span class='review-span highlight' data-aligned-summaries='6'>There is a pool</span>, <span class='review-span highlight' data-aligned-summaries='6'>but</span> it offers a view of skyscrapers nearby. <span class='review-span highlight' data-aligned-summaries='6'>It's really quite hard to relax in this evironment</span>.<span class='review-span highlight' data-aligned-summaries='2'>The location is not bad as it is connected to the subway via a big shopping mall</span>. However, in the morning, a cab ride can take quite long to reach the central business district due to traffic jam.</div><div class='text-box'>OK, not spectacular. I spent a few nights at the Shangri La in August. <span class='review-span highlight' data-aligned-summaries='0'>I found the overall experience lacking</span>.The rooms are bland, all function with surprisingly little style (surprising given the strong feng shui influence in HK). <span class='review-span highlight' data-aligned-summaries='4'>The rooms are also small, even by HK/Toyko standards</span>. <span class='review-span highlight' data-aligned-summaries='5'>Lunch at the cafe was expensive</span> and <span class='review-span highlight' data-aligned-summaries='5'>disappointing</span>. <span class='review-span highlight' data-aligned-summaries='5'>Breakfast was much better</span>, though also very expensive.<span class='review-span highlight' data-aligned-summaries='6'>The pool is really nice</span>, and <span class='review-span highlight' data-aligned-summaries='6'>the gym is good</span>. The staff was OK, but interactions felt rushed and reminded me more of a NYC business hotel than a true 5 star.<span class='review-span highlight' data-aligned-summaries='0'>Don't be afraid to try somewhere else</span>.</div><div class='text-box'>once again, great stay once again, a great stay, upgraded to a harbour view as it was our silver wedding aniversary, flowers, fruit etc as well, <span class='review-span highlight' data-aligned-summaries='0'>i love this hotel so much</span>, such humble and smilley staff considering <span class='review-span highlight' data-aligned-summaries='0'>it is regullaly voted one of the best hotels in the world for everything</span>, fab possition, great rooms, wonderfull staff, do i own it or work for them? no,we just love staying here, well done, shangri- la once again!</div><div class='text-box'>consistently excellent I stay at the island SRL frequently with business, and <span class='review-span highlight' data-aligned-summaries='0'>it isconsistently excellent</span> - <span class='review-span highlight' data-aligned-summaries='0'>staff are always amazing</span>. <span class='review-span highlight' data-aligned-summaries='3'>Isupposethe only picky downside is if you like modern it may be a littlechinzy</span> for you!The service is outstanding.the bar lady in the foyer bar has remembered the drink I have on every visit (as she does with every repeat guest!) and <span class='review-span highlight' data-aligned-summaries='6'>the pool is simply relaxation</span> at <span class='review-span highlight' data-aligned-summaries='0'>its best!Highly recommended</span></div><div class='text-box'>Great hotel, deserves its reputation Really <span class='review-span highlight' data-aligned-summaries='0 2'>great location</span> <span class='review-span highlight' data-aligned-summaries='2'>next to luxury shopping mall</span> and park. We stayed in the lowest category room (deluxe peakview) and had no complaints. <span class='review-span highlight' data-aligned-summaries='0'>Service was excellent</span>, staff couldn't do enough for us and our 2 kids, great welcome. <span class='review-span highlight' data-aligned-summaries='5'>Breakfast amazing</span>, loved the outdoor pool - a great stay.</div><div class='text-box'>Excellent This place is great. The welcome was impressive, <span class='review-span highlight' data-aligned-summaries='2'>the</span> <span class='review-span highlight' data-aligned-summaries='0 2'>location is great</span> <span class='review-span highlight' data-aligned-summaries='2'>above Pacific place and the MTR station</span>.<span class='review-span highlight' data-aligned-summaries='4'>The</span> <span class='review-span highlight' data-aligned-summaries='0 1 4'>rooms</span> <span class='review-span highlight' data-aligned-summaries='4'>were spacious</span>, clean and <span class='review-span highlight' data-aligned-summaries='0 1'>had everything you could ask for</span>. Staff are very polite and efficient.<span class='review-span highlight' data-aligned-summaries='0'>Highly recommended</span>.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>top of the line</span> but you pay for it showReview(3417094, 'full');</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">A well recommended hotel, that is a particularly pleasant experience to visit.</span> <span id="1" class="summary-sentence">Very comfortable to stay in, however there are no unique touches that makes it personal and stand out from other hotels in the area.</span> <span id="2" class="summary-sentence">The location is okay as is near the subway and is atop the Pacific Place Mall, so shopping is very convenient.</span> <span id="3" class="summary-sentence">The recently renovated rooms are decorated to have a modern twist.</span> <span id="4" class="summary-sentence">However, even by Hong Kong and Tokyo standards, they are considerably smaller than other hotels.</span> <span id="5" class="summary-sentence">The cafe can be quite expensive in this hotel at any time of day, however the food is much better for breakfast than it is for lunch.</span> <span id="6" class="summary-sentence">Excellent facilities at this hotel to keep guests busy and entertained.</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-dev_cont-inst_2_b_summ_0.html
ADDED
|
@@ -0,0 +1,135 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
|
| 2 |
+
<!DOCTYPE html>
|
| 3 |
+
<html lang="en">
|
| 4 |
+
<head>
|
| 5 |
+
<meta charset="UTF-8">
|
| 6 |
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
| 7 |
+
<title>Document Review</title>
|
| 8 |
+
<style>
|
| 9 |
+
body {
|
| 10 |
+
font-family: Arial, sans-serif;
|
| 11 |
+
display: flex;
|
| 12 |
+
justify-content: center; /* This will center the .reviews container on the screen */
|
| 13 |
+
align-items: flex-start;
|
| 14 |
+
height: 100vh;
|
| 15 |
+
margin: 2px; /* Remove default margin */
|
| 16 |
+
}
|
| 17 |
+
|
| 18 |
+
.highlight { background-color: yellow;
|
| 19 |
+
color: black !important; /* Dark grey for muted text */
|
| 20 |
+
cursor: pointer;}
|
| 21 |
+
.not-hover-highlight { background-color: lightyellow;
|
| 22 |
+
color: #606060 !important; /* Dark grey for muted text */}
|
| 23 |
+
.summary {
|
| 24 |
+
width: 50%;
|
| 25 |
+
font-size: 1.0rem;
|
| 26 |
+
padding: 10px;
|
| 27 |
+
height: 100vh; /* Maximum height to a third of the viewport height */
|
| 28 |
+
background-color: #9e9e9e0a;
|
| 29 |
+
}
|
| 30 |
+
.reviews {
|
| 31 |
+
width: 50%;
|
| 32 |
+
font-size: 0.7rem;
|
| 33 |
+
display: flex;
|
| 34 |
+
flex-wrap: wrap;
|
| 35 |
+
padding: 10px;
|
| 36 |
+
max-height: 100vh; /* Maximum height to a third of the viewport height */
|
| 37 |
+
overflow-y: auto; /* Enable vertical scrolling */
|
| 38 |
+
background-color: #9e9e9e0a; /* Light grey background */
|
| 39 |
+
}
|
| 40 |
+
.text-box {
|
| 41 |
+
width: calc(100% - 20px); /* Adjust based on padding */
|
| 42 |
+
margin: 10px;
|
| 43 |
+
padding: 10px;
|
| 44 |
+
background-color: #9e9e9e0a; /* Light grey background */
|
| 45 |
+
color: #606060bf;
|
| 46 |
+
border: 2px solid #ddd; /* Cartoonish border */
|
| 47 |
+
border-radius: 20px; /* Rounded corners for cartoonish effect */
|
| 48 |
+
position: relative;
|
| 49 |
+
box-shadow: 3px 3px #bbb; /* Soft shadow for depth */
|
| 50 |
+
}
|
| 51 |
+
.text-box:before {
|
| 52 |
+
content: '';
|
| 53 |
+
position: absolute;
|
| 54 |
+
right: 100%;
|
| 55 |
+
bottom: 20%;
|
| 56 |
+
border-top: 10px solid transparent;
|
| 57 |
+
border-bottom: 10px solid transparent;
|
| 58 |
+
border-right: 10px solid #ddd; /* Arrow matching the border */
|
| 59 |
+
}
|
| 60 |
+
.summary-box {
|
| 61 |
+
padding: 10px;
|
| 62 |
+
margin: 10px 0;
|
| 63 |
+
background-color: #e6e6fa; /* Lavender background for a pleasant look */
|
| 64 |
+
border: 1px solid #ddd; /* Light border for definition */
|
| 65 |
+
border-radius: 5px; /* Slightly rounded corners */
|
| 66 |
+
box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* Soft shadow for depth */
|
| 67 |
+
cursor: pointer;
|
| 68 |
+
}
|
| 69 |
+
h4 { margin-top: 0; }
|
| 70 |
+
</style>
|
| 71 |
+
</head>
|
| 72 |
+
<body>
|
| 73 |
+
<div class='column reviews'><h2>Reviews</h2><div class='text-box'>My name is Vince Palumbo and I am a coach/player for the Australian Stickfighting Team, and I would like to tell you all about this beautiful Regal International Airport Hotel which is in Hong Kong. Me and my team of 16 athletes did a one night stop-over in Hong Kong on our way to the Philippines where we were travelling to so that we could all compete at the 2009 World Stickfighting Championships which were being held in Cebu City there in Philippines. <span class='review-span highlight' data-aligned-summaries='1'>Our stay</span> at the Regal International Airport Hotel in Hong Kong <span class='review-span highlight' data-aligned-summaries='1'>was just fantastic, and we all enjoyed the hotel and service very much</span>, so if ever you need to do a stop-over there in Hong Kong for the night, please do not hesitate to contact the manager at the hotel by the name of Mt Jon Chiu, and I am sure that he will bend over backwards to really try and accommodate you or your group. So go ahead and spoil yourself for the night, and I am sure that you will be pleased with the service that you recieve there, ok! Enjoy this Fantastic Hotel in Hong Kong! Regards from GM Vince Palumbo (Australia)</div><div class='text-box'>My family and I concluded our two-week Easter trip to Berlin and London and returned to Hong Kong. <span class='review-span highlight' data-aligned-summaries='2'>After a long flight</span>, we landed in Hong Kong's international airport around midnight despite very bad weather - raining cats and dogs. As we were very tired and the weather was terrible, we decided to spend the night at the Regal Airport Hotel before returning home in the city centre the next morning. <span class='review-span highlight' data-aligned-summaries='2'>Thanks to the convenient location of Regal, the heavy downpour did not get us wet as</span> <span class='review-span highlight' data-aligned-summaries='0 2'>the hotel is connected to the airport</span> <span class='review-span highlight' data-aligned-summaries='2'>by an enclosed link bridge</span>. <span class='review-span highlight' data-aligned-summaries='1'>As a regular hotel guest, we got an upgrade this time.</span> <span class='review-span highlight' data-aligned-summaries='1 3'>Our suite has a family room and a bed room</span>,<span class='review-span highlight' data-aligned-summaries='1'></span> <span class='review-span highlight' data-aligned-summaries='1 3'>large</span> <span class='review-span highlight' data-aligned-summaries='1'>and comfortable</span> <span class='review-span highlight' data-aligned-summaries='1 3'>enough for my family of three</span>. We had the best sleep in days amd woke up the next morning refreshed. <span class='review-span highlight' data-aligned-summaries='1 4'>The buffet breakfast</span> <span class='review-span highlight' data-aligned-summaries='1'>at the cafe on the lower ground floor</span> <span class='review-span highlight' data-aligned-summaries='1 4'>was very good</span> too, <span class='review-span highlight' data-aligned-summaries='1'>not to mention the good and friendly services provided by its staff</span>. <span class='review-span highlight' data-aligned-summaries='1'>No wonder,</span> <span class='review-span highlight' data-aligned-summaries='0 1'>Regal was awarded the best airport hotel</span> <span class='review-span highlight' data-aligned-summaries='1'>title for last couple of years</span>.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='1'>We've stayed twice at this hotel</span>. Rooms were good but the more important factor for us was the hotel's location. For both times, <span class='review-span highlight' data-aligned-summaries='2'>the hotel's location allowed us to make the most out of our short visit to HK.</span> <span class='review-span highlight' data-aligned-summaries='0 2'>We did not waste any travel time between hotel and airport</span>, either at arrival or for departure, <span class='review-span highlight' data-aligned-summaries='0 2'>since it was interconnected</span>. We are not hassled or stressed with rushing to the airport to catch our flight. The hotel also had regular free shuttle service to Tung Chung (outlet mall) and several stops at downtown HK. This also saved us bus/train fares. The hotel also has a pool and gym which unfortunately we were not able to try since we were always out exploring HK.</div><div class='text-box'>I stayed here for a night in transit to Kathmandu. <span class='review-span highlight' data-aligned-summaries='1 2'>Average hotel</span> to stay only if you are in transit, otherwise, <span class='review-span highlight' data-aligned-summaries='1'>why</span> one should <span class='review-span highlight' data-aligned-summaries='1'>spend more money</span> <span class='review-span highlight' data-aligned-summaries='1 2'>here at the airport</span> <span class='review-span highlight' data-aligned-summaries='1'>rather than staying in city areas</span>. Everything was expensive but some of staff were nice and room facilities were okay. <span class='review-span highlight' data-aligned-summaries='3'>So many things in my room was initially not working</span> and I had to call house keeping to fix it such as safety deposit box, TV remote, Refrigerator (with anything inside).and so on. There was nothing that really attracted me so much. But in general I saw they have different facilities within hotel complex, including many restaurants and bar, pools etc.</div><div class='text-box'>We stayed one night between our flights from Australia to North America and arrived late in the evening. The room temperature never rose above 18 degrees Celcius and the shower taps were broken and therefore shower temperature adjustment was extremely difficult. <span class='review-span highlight' data-aligned-summaries='1'>Service was just OK</span> and <span class='review-span highlight' data-aligned-summaries='4'>the breakfast</span> which was included in our package <span class='review-span highlight' data-aligned-summaries='4'>was pretty good</span>. For the price of the room <span class='review-span highlight' data-aligned-summaries='1'>we did not feel we received good value</span> at all. Room was clean but bed was like sleeping on a sheet of plywood and there were no face cloths.</div><div class='text-box'>My third time in this hotel, <span class='review-span highlight' data-aligned-summaries='1'>excellent staff</span> from Front desk. <span class='review-span highlight' data-aligned-summaries='5'>Luggage was sent quickly</span> and <span class='review-span highlight' data-aligned-summaries='5'>quick check in</span>. <span class='review-span highlight' data-aligned-summaries='2'>There is no other</span> <span class='review-span highlight' data-aligned-summaries='0 2'>hotel closer to the airport</span>. <span class='review-span highlight' data-aligned-summaries='1 2'>Good location</span> <span class='review-span highlight' data-aligned-summaries='2'>for early flight visitor</span> like me.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>I usually avoid airport hotels like the plague, but the</span> Regal at HK <span class='review-span highlight' data-aligned-summaries='0'>is very good</span>. <span class='review-span highlight' data-aligned-summaries='3'>Clean spacious room</span>, good dining facilities and a reasonable room rate.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0 2'>A quiet place despite the airport</span>. <span class='review-span highlight' data-aligned-summaries='2'>Free transport</span> was wonderful.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">Despite being interconnected to the airport this is a very quiet hotel that was actually awarded for being the best airport hotel.</span> <span id="1" class="summary-sentence">It is a fantastic hotel overall and you will probably wish to return to it.</span> <span id="2" class="summary-sentence">This hotel is ideally located for those who are flying as it is close to the airport and makes it superb for early flight visitors.</span> <span id="3" class="summary-sentence">The rooms in the hotel are large and spacious , but some of the electrical items in the room were not functioning.</span> <span id="4" class="summary-sentence">The buffet breakfast was great.</span> <span id="5" class="summary-sentence">The luggage was dealt with really well and the check-in experience was super efficient.</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-dev_cont-inst_2_b_summ_1.html
ADDED
|
@@ -0,0 +1,135 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
|
| 2 |
+
<!DOCTYPE html>
|
| 3 |
+
<html lang="en">
|
| 4 |
+
<head>
|
| 5 |
+
<meta charset="UTF-8">
|
| 6 |
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
| 7 |
+
<title>Document Review</title>
|
| 8 |
+
<style>
|
| 9 |
+
body {
|
| 10 |
+
font-family: Arial, sans-serif;
|
| 11 |
+
display: flex;
|
| 12 |
+
justify-content: center; /* This will center the .reviews container on the screen */
|
| 13 |
+
align-items: flex-start;
|
| 14 |
+
height: 100vh;
|
| 15 |
+
margin: 2px; /* Remove default margin */
|
| 16 |
+
}
|
| 17 |
+
|
| 18 |
+
.highlight { background-color: yellow;
|
| 19 |
+
color: black !important; /* Dark grey for muted text */
|
| 20 |
+
cursor: pointer;}
|
| 21 |
+
.not-hover-highlight { background-color: lightyellow;
|
| 22 |
+
color: #606060 !important; /* Dark grey for muted text */}
|
| 23 |
+
.summary {
|
| 24 |
+
width: 50%;
|
| 25 |
+
font-size: 1.0rem;
|
| 26 |
+
padding: 10px;
|
| 27 |
+
height: 100vh; /* Maximum height to a third of the viewport height */
|
| 28 |
+
background-color: #9e9e9e0a;
|
| 29 |
+
}
|
| 30 |
+
.reviews {
|
| 31 |
+
width: 50%;
|
| 32 |
+
font-size: 0.7rem;
|
| 33 |
+
display: flex;
|
| 34 |
+
flex-wrap: wrap;
|
| 35 |
+
padding: 10px;
|
| 36 |
+
max-height: 100vh; /* Maximum height to a third of the viewport height */
|
| 37 |
+
overflow-y: auto; /* Enable vertical scrolling */
|
| 38 |
+
background-color: #9e9e9e0a; /* Light grey background */
|
| 39 |
+
}
|
| 40 |
+
.text-box {
|
| 41 |
+
width: calc(100% - 20px); /* Adjust based on padding */
|
| 42 |
+
margin: 10px;
|
| 43 |
+
padding: 10px;
|
| 44 |
+
background-color: #9e9e9e0a; /* Light grey background */
|
| 45 |
+
color: #606060bf;
|
| 46 |
+
border: 2px solid #ddd; /* Cartoonish border */
|
| 47 |
+
border-radius: 20px; /* Rounded corners for cartoonish effect */
|
| 48 |
+
position: relative;
|
| 49 |
+
box-shadow: 3px 3px #bbb; /* Soft shadow for depth */
|
| 50 |
+
}
|
| 51 |
+
.text-box:before {
|
| 52 |
+
content: '';
|
| 53 |
+
position: absolute;
|
| 54 |
+
right: 100%;
|
| 55 |
+
bottom: 20%;
|
| 56 |
+
border-top: 10px solid transparent;
|
| 57 |
+
border-bottom: 10px solid transparent;
|
| 58 |
+
border-right: 10px solid #ddd; /* Arrow matching the border */
|
| 59 |
+
}
|
| 60 |
+
.summary-box {
|
| 61 |
+
padding: 10px;
|
| 62 |
+
margin: 10px 0;
|
| 63 |
+
background-color: #e6e6fa; /* Lavender background for a pleasant look */
|
| 64 |
+
border: 1px solid #ddd; /* Light border for definition */
|
| 65 |
+
border-radius: 5px; /* Slightly rounded corners */
|
| 66 |
+
box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* Soft shadow for depth */
|
| 67 |
+
cursor: pointer;
|
| 68 |
+
}
|
| 69 |
+
h4 { margin-top: 0; }
|
| 70 |
+
</style>
|
| 71 |
+
</head>
|
| 72 |
+
<body>
|
| 73 |
+
<div class='column reviews'><h2>Reviews</h2><div class='text-box'>My name is Vince Palumbo and I am a coach/player for the Australian Stickfighting Team, and I would like to tell you all about this beautiful Regal International Airport Hotel which is in Hong Kong. Me and my team of 16 athletes did a one night stop-over in Hong Kong on our way to the Philippines where we were travelling to so that we could all compete at the 2009 World Stickfighting Championships which were being held in Cebu City there in Philippines. <span class='review-span highlight' data-aligned-summaries='0'>Our stay at the Regal International Airport Hotel in Hong Kong was just fantastic</span>, and <span class='review-span highlight' data-aligned-summaries='0'>we all enjoyed the hotel and service very much</span>, so if ever you need to do a stop-over there in Hong Kong for the night, please do not hesitate to contact the manager at the hotel by the name of Mt Jon Chiu, and I am sure that he will bend over backwards to really try and accommodate you or your group. So go ahead and spoil yourself for the night, and I am sure that you will be pleased with the service that you recieve there, ok! Enjoy this Fantastic Hotel in Hong Kong! Regards from GM Vince Palumbo (Australia)</div><div class='text-box'>My family and I concluded our two-week Easter trip to Berlin and London and returned to Hong Kong. After a long flight, we landed in Hong Kong's international airport around midnight despite very bad weather - raining cats and dogs. As we were very tired and the weather was terrible, we decided to spend the night at the Regal Airport Hotel before returning home in the city centre the next morning. Thanks to the convenient location of Regal, the heavy downpour did not get us wet as the hotel is connected to the airport by an enclosed link bridge. As a regular hotel guest, we got an upgrade this time. Our suite has a family room and a bed room, large and comfortable enough for my family of three. <span class='review-span highlight' data-aligned-summaries='3'>We had the best sleep in days</span> amd woke up the next morning refreshed. <span class='review-span highlight' data-aligned-summaries='5'>The buffet breakfast at the cafe on the lower ground floor was very good</span> too, not to mention the good and friendly services provided by its staff. No wonder, <span class='review-span highlight' data-aligned-summaries='0'>Regal was awarded the best airport hotel title</span> for last couple of years.</div><div class='text-box'>We've stayed twice at this hotel. <span class='review-span highlight' data-aligned-summaries='0'>Rooms were good but the more important factor for us was the hotel's location</span>. <span class='review-span highlight' data-aligned-summaries='1'>For both times, the hotel's location allowed us to make the most out of our short visit to HK.</span> <span class='review-span highlight' data-aligned-summaries='0 1'>We did not waste any travel time between hotel and airport,</span> <span class='review-span highlight' data-aligned-summaries='1'>either at arrival or for departure, since it was interconnected</span>. We are not hassled or stressed with rushing to the airport to catch our flight. <span class='review-span highlight' data-aligned-summaries='1 2'>The hotel also had regular free shuttle service to Tung Chung (outlet mall) and several stops at downtown HK</span>. This also saved us bus/train fares. The hotel also has a pool and gym which unfortunately we were not able to try since we were always out exploring HK.</div><div class='text-box'>I stayed here for a night in transit to Kathmandu. <span class='review-span highlight' data-aligned-summaries='0'>Average hotel to</span> <span class='review-span highlight' data-aligned-summaries='0 1'>stay only if you are in transit</span>, otherwise, <span class='review-span highlight' data-aligned-summaries='3'>why one should spend more money here</span> at the airport <span class='review-span highlight' data-aligned-summaries='3'>rather than staying in city areas.</span> Everything was expensive but some of staff were nice and room facilities were okay. <span class='review-span highlight' data-aligned-summaries='3'>So many things in my room was initially not working</span> and I had to call house keeping to fix it such as safety deposit box, TV remote, Refrigerator (with anything inside).and so on. There was nothing that really attracted me so much. But in general I saw they have different facilities within hotel complex, including many restaurants and bar, pools etc.</div><div class='text-box'>We stayed one night between our flights from Australia to North America and arrived late in the evening. <span class='review-span highlight' data-aligned-summaries='3'>The room temperature never rose above 18 degrees Celcius and the shower taps were broken</span> and therefore shower temperature adjustment was extremely difficult. <span class='review-span highlight' data-aligned-summaries='0'>Service was just OK</span> and <span class='review-span highlight' data-aligned-summaries='5'>the breakfast which was included in our package was pretty good</span>. <span class='review-span highlight' data-aligned-summaries='0 3'>For the price of the room we did not feel we received good value</span> at all. Room was <span class='review-span highlight' data-aligned-summaries='3'>clean but bed was like sleeping on a sheet of plywood</span> and there were no face cloths.</div><div class='text-box'>My third time in this hotel, <span class='review-span highlight' data-aligned-summaries='0'>excellent staff</span> from Front desk. <span class='review-span highlight' data-aligned-summaries='6'>Luggage was sent quickly</span> and <span class='review-span highlight' data-aligned-summaries='6'>quick check in</span>. <span class='review-span highlight' data-aligned-summaries='1'>There is</span> <span class='review-span highlight' data-aligned-summaries='0 1'>no other hotel closer to the airport</span>. Good location for early flight visitor like me.</div><div class='text-box'>I usually avoid airport hotels like the plague, but the Regal at HK is very good. <span class='review-span highlight' data-aligned-summaries='3'>Clean spacious room</span>, good dining facilities and <span class='review-span highlight' data-aligned-summaries='3'>a reasonable room rate</span>.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>A quiet place despite the airport</span>. <span class='review-span highlight' data-aligned-summaries='2'>Free transport was wonderful</span>.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">The Regal is the best airport hotel and still remains quiet despite the air travel.</span> <span id="1" class="summary-sentence">The hotel is the closest available to Hong Kong's airport and also a great hub to be able to get out and about the city.</span> <span id="2" class="summary-sentence">The hotel provides a free shuttle service to the local out let mall Tung Chung and other shopping centres in downtown Hong Kong.</span> <span id="3" class="summary-sentence">Whilst sleeping is really good here in the hotel's rooms, it did not feel like value for money and a lot of things in the room were not working at first.</span> <span id="4" class="summary-sentence">T</span> <span id="5" class="summary-sentence">The cafe provide buffet breakfast on the ground floor which is really good.</span> <span id="6" class="summary-sentence">One thing to mention about the hotel is that the luggage arrived and was checked in very efficiently.</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-dev_cont-inst_2_b_summ_2.html
ADDED
|
@@ -0,0 +1,135 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
|
| 2 |
+
<!DOCTYPE html>
|
| 3 |
+
<html lang="en">
|
| 4 |
+
<head>
|
| 5 |
+
<meta charset="UTF-8">
|
| 6 |
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
| 7 |
+
<title>Document Review</title>
|
| 8 |
+
<style>
|
| 9 |
+
body {
|
| 10 |
+
font-family: Arial, sans-serif;
|
| 11 |
+
display: flex;
|
| 12 |
+
justify-content: center; /* This will center the .reviews container on the screen */
|
| 13 |
+
align-items: flex-start;
|
| 14 |
+
height: 100vh;
|
| 15 |
+
margin: 2px; /* Remove default margin */
|
| 16 |
+
}
|
| 17 |
+
|
| 18 |
+
.highlight { background-color: yellow;
|
| 19 |
+
color: black !important; /* Dark grey for muted text */
|
| 20 |
+
cursor: pointer;}
|
| 21 |
+
.not-hover-highlight { background-color: lightyellow;
|
| 22 |
+
color: #606060 !important; /* Dark grey for muted text */}
|
| 23 |
+
.summary {
|
| 24 |
+
width: 50%;
|
| 25 |
+
font-size: 1.0rem;
|
| 26 |
+
padding: 10px;
|
| 27 |
+
height: 100vh; /* Maximum height to a third of the viewport height */
|
| 28 |
+
background-color: #9e9e9e0a;
|
| 29 |
+
}
|
| 30 |
+
.reviews {
|
| 31 |
+
width: 50%;
|
| 32 |
+
font-size: 0.7rem;
|
| 33 |
+
display: flex;
|
| 34 |
+
flex-wrap: wrap;
|
| 35 |
+
padding: 10px;
|
| 36 |
+
max-height: 100vh; /* Maximum height to a third of the viewport height */
|
| 37 |
+
overflow-y: auto; /* Enable vertical scrolling */
|
| 38 |
+
background-color: #9e9e9e0a; /* Light grey background */
|
| 39 |
+
}
|
| 40 |
+
.text-box {
|
| 41 |
+
width: calc(100% - 20px); /* Adjust based on padding */
|
| 42 |
+
margin: 10px;
|
| 43 |
+
padding: 10px;
|
| 44 |
+
background-color: #9e9e9e0a; /* Light grey background */
|
| 45 |
+
color: #606060bf;
|
| 46 |
+
border: 2px solid #ddd; /* Cartoonish border */
|
| 47 |
+
border-radius: 20px; /* Rounded corners for cartoonish effect */
|
| 48 |
+
position: relative;
|
| 49 |
+
box-shadow: 3px 3px #bbb; /* Soft shadow for depth */
|
| 50 |
+
}
|
| 51 |
+
.text-box:before {
|
| 52 |
+
content: '';
|
| 53 |
+
position: absolute;
|
| 54 |
+
right: 100%;
|
| 55 |
+
bottom: 20%;
|
| 56 |
+
border-top: 10px solid transparent;
|
| 57 |
+
border-bottom: 10px solid transparent;
|
| 58 |
+
border-right: 10px solid #ddd; /* Arrow matching the border */
|
| 59 |
+
}
|
| 60 |
+
.summary-box {
|
| 61 |
+
padding: 10px;
|
| 62 |
+
margin: 10px 0;
|
| 63 |
+
background-color: #e6e6fa; /* Lavender background for a pleasant look */
|
| 64 |
+
border: 1px solid #ddd; /* Light border for definition */
|
| 65 |
+
border-radius: 5px; /* Slightly rounded corners */
|
| 66 |
+
box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* Soft shadow for depth */
|
| 67 |
+
cursor: pointer;
|
| 68 |
+
}
|
| 69 |
+
h4 { margin-top: 0; }
|
| 70 |
+
</style>
|
| 71 |
+
</head>
|
| 72 |
+
<body>
|
| 73 |
+
<div class='column reviews'><h2>Reviews</h2><div class='text-box'>My name is Vince Palumbo and I am a coach/player for the Australian Stickfighting Team, and I would like to tell you all about this beautiful Regal International Airport Hotel which is in Hong Kong. <span class='review-span highlight' data-aligned-summaries='2'>Me and my team</span> of 16 athletes <span class='review-span highlight' data-aligned-summaries='2'>did a one night stop-over in Hong Kong</span> on our way to the Philippines where we were travelling to so that we could all compete at the 2009 World Stickfighting Championships which were being held in Cebu City there in Philippines. <span class='review-span highlight' data-aligned-summaries='0'>Our stay</span> at the Regal International Airport Hotel in Hong Kong <span class='review-span highlight' data-aligned-summaries='0'>was just fantastic</span>, and we <span class='review-span highlight' data-aligned-summaries='0'>all enjoyed the hotel and service very much</span>, so <span class='review-span highlight' data-aligned-summaries='2'>if ever you need to do a stop-over there in Hong Kong for the night</span>, please do not hesitate to contact the manager at the hotel by the name of Mt Jon Chiu, and I am sure that he will bend over backwards to really try and accommodate you or your group. So go ahead and spoil yourself for the night, and I am sure that you will be pleased with the service that you recieve there, ok! Enjoy this Fantastic Hotel in Hong Kong! Regards from GM Vince Palumbo (Australia)</div><div class='text-box'>My family and I concluded our two-week Easter trip to Berlin and London and returned to Hong Kong. After a long flight, we landed in Hong Kong's international airport around midnight despite very bad weather - raining cats and dogs. As we were very tired and the weather was terrible, we decided to spend the night at the Regal Airport Hotel before returning home in the city centre the next morning. <span class='review-span highlight' data-aligned-summaries='2'>Thanks to the convenient location</span> of Regal, the heavy downpour did not get us wet as <span class='review-span highlight' data-aligned-summaries='2'>the</span> <span class='review-span highlight' data-aligned-summaries='0 2'>hotel is connected to the airport</span> <span class='review-span highlight' data-aligned-summaries='0'>by an enclosed link bridge</span>. As a regular hotel guest, we got an upgrade this time. <span class='review-span highlight' data-aligned-summaries='0 4'>Our suite</span> has a family room and a bed room, <span class='review-span highlight' data-aligned-summaries='0 4'>large and comfortable</span> enough for my family of three. We had the best sleep in days amd woke up the next morning refreshed. <span class='review-span highlight' data-aligned-summaries='5'>The buffet breakfast at the cafe on the lower ground floor was very good too</span>, not to mention the <span class='review-span highlight' data-aligned-summaries='0'>good and friendly services</span> provided by its staff. No wonder, Regal was awarded the best airport hotel title for last couple of years.</div><div class='text-box'>We've stayed twice at this hotel. <span class='review-span highlight' data-aligned-summaries='3 4'>Rooms were good</span> but the more important factor for us was the hotel's location. For both times, <span class='review-span highlight' data-aligned-summaries='2'>the hotel's location allowed us to make the most out of our short visit to HK</span>. We did not waste any travel time between hotel and airport, either at arrival or for departure, since it was <span class='review-span highlight' data-aligned-summaries='0'>interconnected</span>. We are not hassled or stressed with rushing <span class='review-span highlight' data-aligned-summaries='0'>to the airport</span> to catch our flight. The hotel also had regular free shuttle service to Tung Chung (outlet mall) and several stops at downtown HK. This also saved us bus/train fares. <span class='review-span highlight' data-aligned-summaries='0'>The</span> <span class='review-span highlight' data-aligned-summaries='0 1'>hotel</span> <span class='review-span highlight' data-aligned-summaries='1'>also</span> <span class='review-span highlight' data-aligned-summaries='0 1'>has a pool and gym</span> which unfortunately we were not able to try since we were always out exploring HK.</div><div class='text-box'>I stayed here for a night in transit to Kathmandu. <span class='review-span highlight' data-aligned-summaries='2'>Average hotel</span> to stay only if you are in transit, otherwise, why one should spend more money <span class='review-span highlight' data-aligned-summaries='2'>here at the airport</span> rather than staying in city areas. Everything was expensive but some of staff were nice and room facilities were okay. <span class='review-span highlight' data-aligned-summaries='4'>So many things in my room was initially not working</span> and I had to call house keeping to fix it such as safety deposit box, TV remote, Refrigerator (with anything inside).and so on. There was nothing that really attracted me so much. But in general <span class='review-span highlight' data-aligned-summaries='1'>I saw they have different facilities within hotel complex, including</span> many restaurants and bar, <span class='review-span highlight' data-aligned-summaries='1'>pools etc.</span></div><div class='text-box'>We stayed one night between our flights from Australia to North America and arrived late in the evening. The <span class='review-span highlight' data-aligned-summaries='0 3 4'>room temperature never rose above 18 degrees Celcius</span> <span class='review-span highlight' data-aligned-summaries='4'>and the shower taps were broken</span> and therefore shower temperature adjustment was extremely difficult. <span class='review-span highlight' data-aligned-summaries='0'>Service was just OK</span> and the <span class='review-span highlight' data-aligned-summaries='5'>breakfast which was included in our package was pretty good</span>. For the price of the room we did not feel we received good value at all. <span class='review-span highlight' data-aligned-summaries='3'>Room was clean</span> but bed was like sleeping on a sheet of plywood and there were no face cloths.</div><div class='text-box'>My third time in this hotel, <span class='review-span highlight' data-aligned-summaries='0'>excellent staff</span> from Front desk. Luggage was sent quickly and <span class='review-span highlight' data-aligned-summaries='6'>quick check in</span>. <span class='review-span highlight' data-aligned-summaries='2'>There is no other hotel closer to the airport</span>. Good location for early flight visitor like me.</div><div class='text-box'>I usually avoid airport hotels like the plague, but <span class='review-span highlight' data-aligned-summaries='0'>the Regal at HK is very good</span>. Clean <span class='review-span highlight' data-aligned-summaries='4'>spacious room</span>, good dining facilities and a reasonable room rate.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>A quiet place despite the airport</span>. Free transport was wonderful.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">A lovely place to stay, with direct links to the airport.</span> <span id="1" class="summary-sentence">Excellent luxury amenities on site, including a swimming pool and gym for the guests to use when they please.</span> <span id="2" class="summary-sentence">The hotel is located near the airport but convenient for short visits to HK.</span> <span id="3" class="summary-sentence">The rooms are inconsistent.</span> <span id="4" class="summary-sentence">Some are great in that they are large and comfortable while others are disappointing because of non-working equipment in the rooms.</span> <span id="5" class="summary-sentence">The cafe on the lower ground floor of the hotel provides a very good buffet style breakfast for guests.</span> <span id="6" class="summary-sentence">Check-in was quick.</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-dev_cont-inst_4_a_summ_0.html
ADDED
|
@@ -0,0 +1,135 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
|
| 2 |
+
<!DOCTYPE html>
|
| 3 |
+
<html lang="en">
|
| 4 |
+
<head>
|
| 5 |
+
<meta charset="UTF-8">
|
| 6 |
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
| 7 |
+
<title>Document Review</title>
|
| 8 |
+
<style>
|
| 9 |
+
body {
|
| 10 |
+
font-family: Arial, sans-serif;
|
| 11 |
+
display: flex;
|
| 12 |
+
justify-content: center; /* This will center the .reviews container on the screen */
|
| 13 |
+
align-items: flex-start;
|
| 14 |
+
height: 100vh;
|
| 15 |
+
margin: 2px; /* Remove default margin */
|
| 16 |
+
}
|
| 17 |
+
|
| 18 |
+
.highlight { background-color: yellow;
|
| 19 |
+
color: black !important; /* Dark grey for muted text */
|
| 20 |
+
cursor: pointer;}
|
| 21 |
+
.not-hover-highlight { background-color: lightyellow;
|
| 22 |
+
color: #606060 !important; /* Dark grey for muted text */}
|
| 23 |
+
.summary {
|
| 24 |
+
width: 50%;
|
| 25 |
+
font-size: 1.0rem;
|
| 26 |
+
padding: 10px;
|
| 27 |
+
height: 100vh; /* Maximum height to a third of the viewport height */
|
| 28 |
+
background-color: #9e9e9e0a;
|
| 29 |
+
}
|
| 30 |
+
.reviews {
|
| 31 |
+
width: 50%;
|
| 32 |
+
font-size: 0.7rem;
|
| 33 |
+
display: flex;
|
| 34 |
+
flex-wrap: wrap;
|
| 35 |
+
padding: 10px;
|
| 36 |
+
max-height: 100vh; /* Maximum height to a third of the viewport height */
|
| 37 |
+
overflow-y: auto; /* Enable vertical scrolling */
|
| 38 |
+
background-color: #9e9e9e0a; /* Light grey background */
|
| 39 |
+
}
|
| 40 |
+
.text-box {
|
| 41 |
+
width: calc(100% - 20px); /* Adjust based on padding */
|
| 42 |
+
margin: 10px;
|
| 43 |
+
padding: 10px;
|
| 44 |
+
background-color: #9e9e9e0a; /* Light grey background */
|
| 45 |
+
color: #606060bf;
|
| 46 |
+
border: 2px solid #ddd; /* Cartoonish border */
|
| 47 |
+
border-radius: 20px; /* Rounded corners for cartoonish effect */
|
| 48 |
+
position: relative;
|
| 49 |
+
box-shadow: 3px 3px #bbb; /* Soft shadow for depth */
|
| 50 |
+
}
|
| 51 |
+
.text-box:before {
|
| 52 |
+
content: '';
|
| 53 |
+
position: absolute;
|
| 54 |
+
right: 100%;
|
| 55 |
+
bottom: 20%;
|
| 56 |
+
border-top: 10px solid transparent;
|
| 57 |
+
border-bottom: 10px solid transparent;
|
| 58 |
+
border-right: 10px solid #ddd; /* Arrow matching the border */
|
| 59 |
+
}
|
| 60 |
+
.summary-box {
|
| 61 |
+
padding: 10px;
|
| 62 |
+
margin: 10px 0;
|
| 63 |
+
background-color: #e6e6fa; /* Lavender background for a pleasant look */
|
| 64 |
+
border: 1px solid #ddd; /* Light border for definition */
|
| 65 |
+
border-radius: 5px; /* Slightly rounded corners */
|
| 66 |
+
box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* Soft shadow for depth */
|
| 67 |
+
cursor: pointer;
|
| 68 |
+
}
|
| 69 |
+
h4 { margin-top: 0; }
|
| 70 |
+
</style>
|
| 71 |
+
</head>
|
| 72 |
+
<body>
|
| 73 |
+
<div class='column reviews'><h2>Reviews</h2><div class='text-box'><span class='review-span highlight' data-aligned-summaries='5'>The best part of this hotel is the staff</span>. <span class='review-span highlight' data-aligned-summaries='5'>We were greeted by the ubiquitous doorman</span> and <span class='review-span highlight' data-aligned-summaries='5'>all staff every time we entered the hotel</span>. <span class='review-span highlight' data-aligned-summaries='5'>We felt as if we were the most important guests in the hotel</span> and <span class='review-span highlight' data-aligned-summaries='5'>the staff were constantly concerned about our needs</span>. <span class='review-span highlight' data-aligned-summaries='6'>The breakfast was a lavish buffet</span> and again the wait staff was outstanding <span class='review-span highlight' data-aligned-summaries='0 9'>This is a beautiful</span> <span class='review-span highlight' data-aligned-summaries='0 1 9'>hotel</span> <span class='review-span highlight' data-aligned-summaries='1'>in the old part of Montreal and close to good restaurants, art galleries, and shopping</span>. <span class='review-span highlight' data-aligned-summaries='0 3 4 9'>The room was</span> <span class='review-span highlight' data-aligned-summaries='0 3 9'>luxurious</span>, <span class='review-span highlight' data-aligned-summaries='0 9'>beautifully appointed</span>, <span class='review-span highlight' data-aligned-summaries='0 4 9'>comfortable</span> <span class='review-span highlight' data-aligned-summaries='0'>and</span> <span class='review-span highlight' data-aligned-summaries='0 4'>spotless</span>. <span class='review-span highlight' data-aligned-summaries='1 2'>It is just around the corner from a major theater and the cathedral and the river</span>. <span class='review-span highlight' data-aligned-summaries='1'>It is short cab ride to the cultural center</span> where they have the symphony, ballet and etc. <span class='review-span highlight' data-aligned-summaries='1'>The metro station is about a 10 minute walk</span>.</div><div class='text-box'>We stayed at the Saint Sulpice in early October. <span class='review-span highlight' data-aligned-summaries='0 1'>The hotel has a perfect location</span> right in the heart of the Old Quarter. <span class='review-span highlight' data-aligned-summaries='1 2'>Lots of</span> <span class='review-span highlight' data-aligned-summaries='1'>restaurants and</span> <span class='review-span highlight' data-aligned-summaries='1 2'>attractions in the surrounding area</span>. <span class='review-span highlight' data-aligned-summaries='0'>The hotel staff is excellent, the rooms are beautiful</span> with great bathrooms. Restaurant us good quality and group members enjoyed meals there. <span class='review-span highlight' data-aligned-summaries='5'>Concierge and front desk staff was warm and helpful</span>. <span class='review-span highlight' data-aligned-summaries='5'>The doorman are always there to help and offer a smile</span>. Stop reading these reviews and book it! There is nothing not to like with the Saint Sulpice. We travel and book hotels all over the world, this one is a keeper!</div><div class='text-box'>I rely heavily on reviews for visiting all over the world. <span class='review-span highlight' data-aligned-summaries='0'>This hotel was hands down one of the nicest</span> and most beautiful <span class='review-span highlight' data-aligned-summaries='0'>places</span>. It was a <span class='review-span highlight' data-aligned-summaries='3 4 9'>extremely spacious room, with a</span> <span class='review-span highlight' data-aligned-summaries='4 9'>queen bed</span>,<span class='review-span highlight' data-aligned-summaries='4'> couch</span>, <span class='review-span highlight' data-aligned-summaries='3 9'>fire place</span>, large fridge, stove and sink and a window that opened toward the street and a good size bathroom. Everyone that worked there was very helpful and nice and we felt very welcomed. <span class='review-span highlight' data-aligned-summaries='1'>The location is perfect and very central to a grocery store, liquor store, restaurants, etc</span>. I would highly recommend this Hotel and really enjoyed our stay because of it.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='4 9'>Cozy,</span> <span class='review-span highlight' data-aligned-summaries='0 4 9'>comfortable</span>,<span class='review-span highlight' data-aligned-summaries='0 9'> elegant</span> <span class='review-span highlight' data-aligned-summaries='9'>and reasonably priced</span> the Saint-Sulpice is <span class='review-span highlight' data-aligned-summaries='2'>in the heart of old Montreal</span> between <span class='review-span highlight' data-aligned-summaries='2'>just behind the cathedral</span>. It is quiet, friendly and pet friendly. Although we were in Montreal on the shortest days of the year <span class='review-span highlight' data-aligned-summaries='3'>our first floor room next to a courtyard garden was sunny and welcoming</span>. <span class='review-span highlight' data-aligned-summaries='0'>One of our favorite hotels</span> anywhere.</div><div class='text-box'>Vacation with 3 sisters and Mom for Mother's Day. The only place I could find where the <span class='review-span highlight' data-aligned-summaries='4'>suite could accomodate 4 of us nicely</span>. <span class='review-span highlight' data-aligned-summaries='0 4'>Clean</span>,<span class='review-span highlight' data-aligned-summaries='4'></span> <span class='review-span highlight' data-aligned-summaries='0 4'>bright, and</span> <span class='review-span highlight' data-aligned-summaries='0 4 9'>comfortable</span> plus and it is <span class='review-span highlight' data-aligned-summaries='1'>right in the Old City</span> (which was good for my mother). <span class='review-span highlight' data-aligned-summaries='7'>There outdoor dining area was great for lunch!</span> <span class='review-span highlight' data-aligned-summaries='5'>Good staff</span>, too.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='5'>Great service</span>, <span class='review-span highlight' data-aligned-summaries='0 9'>beautiful stylish contemporary decor</span>! And even a Tassimo espresso maker in every room. L'Occitane bath products were amazing! Plus free Wi-Fi ! <span class='review-span highlight' data-aligned-summaries='1 2'>Central as it is located right next to Notre Dame Cathedral</span>! <span class='review-span highlight' data-aligned-summaries='0'>Would definitely recommend this hotel</span> to the most finicky of people!</div><div class='text-box'>I love montreal, this hotel was available at a <span class='review-span highlight' data-aligned-summaries='0 9'>good value</span> and came highly recommended. <span class='review-span highlight' data-aligned-summaries='0 1'>Very pleased with the location</span> <span class='review-span highlight' data-aligned-summaries='0'>and hotel in general</span> although slightly disappointed with saunda and fitness centre. I think <span class='review-span highlight' data-aligned-summaries='9'>there are better values out there</span>.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>Love this hotel</span>. <span class='review-span highlight' data-aligned-summaries='1'>Perfect location to explore old town</span>. Wouldn't even consider any other hotel in town. Our third visit and certainly will return again. <span class='review-span highlight' data-aligned-summaries='6'>The comp. breakfasts alone would bring us back</span>.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">This greatly loved hotel is well kept and comfortable.</span> <span id="1" class="summary-sentence">Everything you could need in terms of shops and restaurants are really close to this hotel making it superbly located.</span> <span id="2" class="summary-sentence">Additionally there are plenty of attractions such as a theatre and cathedral just around the corner.</span> <span id="3" class="summary-sentence">The view from the luxurious room was really nice overlooking the courtyard when it was sunny.</span> <span id="4" class="summary-sentence">Additionally rooms can accommodate four people while still being comfortable and really clean.</span> <span id="5" class="summary-sentence">The doorman was always at the entrance of the hotel to greet guests and the great staff were very welcoming.</span> <span id="6" class="summary-sentence">There was a buffet for breakfast and it provided great-tasting food.</span> <span id="7" class="summary-sentence">Additionally there is a great outdoor dining area that was well-suited for eating lunch.</span> <span id="8" class="summary-sentence">There were some really great toiletries available at this hotel.</span> <span id="9" class="summary-sentence">The price was really reasonable as well considering how comfortable and elegant the hotel is.</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-dev_cont-inst_4_a_summ_1.html
ADDED
|
@@ -0,0 +1,135 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
|
| 2 |
+
<!DOCTYPE html>
|
| 3 |
+
<html lang="en">
|
| 4 |
+
<head>
|
| 5 |
+
<meta charset="UTF-8">
|
| 6 |
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
| 7 |
+
<title>Document Review</title>
|
| 8 |
+
<style>
|
| 9 |
+
body {
|
| 10 |
+
font-family: Arial, sans-serif;
|
| 11 |
+
display: flex;
|
| 12 |
+
justify-content: center; /* This will center the .reviews container on the screen */
|
| 13 |
+
align-items: flex-start;
|
| 14 |
+
height: 100vh;
|
| 15 |
+
margin: 2px; /* Remove default margin */
|
| 16 |
+
}
|
| 17 |
+
|
| 18 |
+
.highlight { background-color: yellow;
|
| 19 |
+
color: black !important; /* Dark grey for muted text */
|
| 20 |
+
cursor: pointer;}
|
| 21 |
+
.not-hover-highlight { background-color: lightyellow;
|
| 22 |
+
color: #606060 !important; /* Dark grey for muted text */}
|
| 23 |
+
.summary {
|
| 24 |
+
width: 50%;
|
| 25 |
+
font-size: 1.0rem;
|
| 26 |
+
padding: 10px;
|
| 27 |
+
height: 100vh; /* Maximum height to a third of the viewport height */
|
| 28 |
+
background-color: #9e9e9e0a;
|
| 29 |
+
}
|
| 30 |
+
.reviews {
|
| 31 |
+
width: 50%;
|
| 32 |
+
font-size: 0.7rem;
|
| 33 |
+
display: flex;
|
| 34 |
+
flex-wrap: wrap;
|
| 35 |
+
padding: 10px;
|
| 36 |
+
max-height: 100vh; /* Maximum height to a third of the viewport height */
|
| 37 |
+
overflow-y: auto; /* Enable vertical scrolling */
|
| 38 |
+
background-color: #9e9e9e0a; /* Light grey background */
|
| 39 |
+
}
|
| 40 |
+
.text-box {
|
| 41 |
+
width: calc(100% - 20px); /* Adjust based on padding */
|
| 42 |
+
margin: 10px;
|
| 43 |
+
padding: 10px;
|
| 44 |
+
background-color: #9e9e9e0a; /* Light grey background */
|
| 45 |
+
color: #606060bf;
|
| 46 |
+
border: 2px solid #ddd; /* Cartoonish border */
|
| 47 |
+
border-radius: 20px; /* Rounded corners for cartoonish effect */
|
| 48 |
+
position: relative;
|
| 49 |
+
box-shadow: 3px 3px #bbb; /* Soft shadow for depth */
|
| 50 |
+
}
|
| 51 |
+
.text-box:before {
|
| 52 |
+
content: '';
|
| 53 |
+
position: absolute;
|
| 54 |
+
right: 100%;
|
| 55 |
+
bottom: 20%;
|
| 56 |
+
border-top: 10px solid transparent;
|
| 57 |
+
border-bottom: 10px solid transparent;
|
| 58 |
+
border-right: 10px solid #ddd; /* Arrow matching the border */
|
| 59 |
+
}
|
| 60 |
+
.summary-box {
|
| 61 |
+
padding: 10px;
|
| 62 |
+
margin: 10px 0;
|
| 63 |
+
background-color: #e6e6fa; /* Lavender background for a pleasant look */
|
| 64 |
+
border: 1px solid #ddd; /* Light border for definition */
|
| 65 |
+
border-radius: 5px; /* Slightly rounded corners */
|
| 66 |
+
box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* Soft shadow for depth */
|
| 67 |
+
cursor: pointer;
|
| 68 |
+
}
|
| 69 |
+
h4 { margin-top: 0; }
|
| 70 |
+
</style>
|
| 71 |
+
</head>
|
| 72 |
+
<body>
|
| 73 |
+
<div class='column reviews'><h2>Reviews</h2><div class='text-box'>The best part of this hotel is the staff. We were greeted by the ubiquitous doorman and all staff every time we entered the hotel. <span class='review-span highlight' data-aligned-summaries='0'>We felt as if we were the most important guests</span> in the hotel and the staff were constantly concerned about our needs. The breakfast was a lavish buffet and again the wait staff was outstanding This is <span class='review-span highlight' data-aligned-summaries='0'>a beautiful hotel</span> in the old part of Montreal and close to good restaurants, art galleries, and shopping. <span class='review-span highlight' data-aligned-summaries='1 4 5'>The room was</span> <span class='review-span highlight' data-aligned-summaries='4'>luxurious</span>, beautifully appointed, <span class='review-span highlight' data-aligned-summaries='1 5'>comfortable and spotless</span>. <span class='review-span highlight' data-aligned-summaries='2'>It is just around the corner from</span> a major theater and <span class='review-span highlight' data-aligned-summaries='2'>the cathedral and the river</span>. <span class='review-span highlight' data-aligned-summaries='3'>It is short cab ride to the cultural center</span> where they have the symphony, ballet and etc. <span class='review-span highlight' data-aligned-summaries='2'>The metro station is about a 10 minute walk</span>.</div><div class='text-box'>We stayed at the Saint Sulpice in early October. The <span class='review-span highlight' data-aligned-summaries='0 2'>hotel has a perfect location</span> right in the heart of the Old Quarter. Lots of restaurants and attractions in the surrounding area. The hotel <span class='review-span highlight' data-aligned-summaries='0'>staff is excellent</span>, <span class='review-span highlight' data-aligned-summaries='4'>the rooms are beautiful with great bathrooms</span>. <span class='review-span highlight' data-aligned-summaries='8'>Restaurant us good quality and group members enjoyed meals</span> there. Concierge and front desk staff was warm and helpful. The doorman are always there to help and offer a smile. Stop reading these reviews and book it! There is nothing not to like with the Saint Sulpice. We travel and book hotels all over the world, this one is a keeper!</div><div class='text-box'>I rely heavily on reviews for visiting all over the world. <span class='review-span highlight' data-aligned-summaries='0'>This hotel was hands down one of the nicest and most beautiful places</span>. It was a <span class='review-span highlight' data-aligned-summaries='4'>extremely spacious room</span>, with a queen bed, couch, fire place, large fridge, stove and sink and a window that opened toward the street and a good size bathroom. Everyone that worked there was very helpful and nice and we felt very welcomed. <span class='review-span highlight' data-aligned-summaries='2'>The location is perfect</span> and very central to a grocery store, liquor store, restaurants, etc. <span class='review-span highlight' data-aligned-summaries='0'>I would highly recommend this Hotel</span> and really enjoyed our stay because of it.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0 1'>Cozy, comfortable</span>,<span class='review-span highlight' data-aligned-summaries='0'> elegant and reasonably priced</span> the Saint-Sulpice is <span class='review-span highlight' data-aligned-summaries='2'>in the heart of old Montreal between just behind the cathedral</span>. It is quiet, friendly and pet friendly. Although we were in Montreal on the shortest days of the year <span class='review-span highlight' data-aligned-summaries='6'>our first floor room next to a courtyard garden was sunny and welcoming</span>. <span class='review-span highlight' data-aligned-summaries='0'>One of our favorite hotels anywhere</span>.</div><div class='text-box'>Vacation with 3 sisters and Mom for Mother's Day. The only place I could find where <span class='review-span highlight' data-aligned-summaries='4'>the suite could accomodate 4 of us nicely</span>. <span class='review-span highlight' data-aligned-summaries='0 1'>Clean</span>, <span class='review-span highlight' data-aligned-summaries='0'>bright,</span> <span class='review-span highlight' data-aligned-summaries='0 1'>and comfortable</span> <span class='review-span highlight' data-aligned-summaries='0'>plus and</span> <span class='review-span highlight' data-aligned-summaries='0 2'>it is right in the Old City</span> (which was good for my mother). <span class='review-span highlight' data-aligned-summaries='7'>There outdoor dining area was great for lunch</span>! <span class='review-span highlight' data-aligned-summaries='0'>Good staff, too</span>.</div><div class='text-box'>Great service, beautiful stylish contemporary decor! And even a Tassimo espresso maker in every room. <span class='review-span highlight' data-aligned-summaries='9'>L'Occitane bath products were amazing</span>! Plus <span class='review-span highlight' data-aligned-summaries='9'>free Wi-Fi</span> ! Central as <span class='review-span highlight' data-aligned-summaries='2'>it is located right next to Notre Dame Cathedral</span>! <span class='review-span highlight' data-aligned-summaries='0'>Would definitely recommend this hotel to the most finicky of people</span>!</div><div class='text-box'>I love montreal, <span class='review-span highlight' data-aligned-summaries='0'>this hotel was available at a good value</span> and came <span class='review-span highlight' data-aligned-summaries='0'>highly recommended</span>. <span class='review-span highlight' data-aligned-summaries='2'>Very pleased with the location</span> and hotel in general although slightly disappointed with saunda and fitness centre. I think there are better values out there.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>Love this hotel</span>. <span class='review-span highlight' data-aligned-summaries='0 2'>Perfect location</span> <span class='review-span highlight' data-aligned-summaries='2'>to explore old town</span>. Wouldn't even consider any other hotel in town. Our third visit and certainly will return again. The comp. breakfasts alone would bring us back.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">Excellent hotel that is highly recommended in this area.</span> <span id="1" class="summary-sentence">It's very clean and a comfortable place to stay.</span> <span id="2" class="summary-sentence">The hotel is in a great location only a ten minute walk from the metro station and near to the cathedral and the river.</span> <span id="3" class="summary-sentence">The cultural centre is a short taxi ride away.</span> <span id="4" class="summary-sentence">The rooms were large and luxurious, perfectly able to house four guests as requested.</span> <span id="5" class="summary-sentence">The room was comfortable and clean.</span> <span id="6" class="summary-sentence">Rooms on the first floor have access to a lovely courtyard garden.</span> <span id="7" class="summary-sentence">The hotel has a lovely outdoor dining area for lunch.</span> <span id="8" class="summary-sentence">The meals served at the restaurants are a good quality too.</span> <span id="9" class="summary-sentence">The hotel had lovely toiletries available and there was free Wi-Fi available.</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-dev_cont-inst_4_a_summ_2.html
ADDED
|
@@ -0,0 +1,135 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
|
| 2 |
+
<!DOCTYPE html>
|
| 3 |
+
<html lang="en">
|
| 4 |
+
<head>
|
| 5 |
+
<meta charset="UTF-8">
|
| 6 |
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
| 7 |
+
<title>Document Review</title>
|
| 8 |
+
<style>
|
| 9 |
+
body {
|
| 10 |
+
font-family: Arial, sans-serif;
|
| 11 |
+
display: flex;
|
| 12 |
+
justify-content: center; /* This will center the .reviews container on the screen */
|
| 13 |
+
align-items: flex-start;
|
| 14 |
+
height: 100vh;
|
| 15 |
+
margin: 2px; /* Remove default margin */
|
| 16 |
+
}
|
| 17 |
+
|
| 18 |
+
.highlight { background-color: yellow;
|
| 19 |
+
color: black !important; /* Dark grey for muted text */
|
| 20 |
+
cursor: pointer;}
|
| 21 |
+
.not-hover-highlight { background-color: lightyellow;
|
| 22 |
+
color: #606060 !important; /* Dark grey for muted text */}
|
| 23 |
+
.summary {
|
| 24 |
+
width: 50%;
|
| 25 |
+
font-size: 1.0rem;
|
| 26 |
+
padding: 10px;
|
| 27 |
+
height: 100vh; /* Maximum height to a third of the viewport height */
|
| 28 |
+
background-color: #9e9e9e0a;
|
| 29 |
+
}
|
| 30 |
+
.reviews {
|
| 31 |
+
width: 50%;
|
| 32 |
+
font-size: 0.7rem;
|
| 33 |
+
display: flex;
|
| 34 |
+
flex-wrap: wrap;
|
| 35 |
+
padding: 10px;
|
| 36 |
+
max-height: 100vh; /* Maximum height to a third of the viewport height */
|
| 37 |
+
overflow-y: auto; /* Enable vertical scrolling */
|
| 38 |
+
background-color: #9e9e9e0a; /* Light grey background */
|
| 39 |
+
}
|
| 40 |
+
.text-box {
|
| 41 |
+
width: calc(100% - 20px); /* Adjust based on padding */
|
| 42 |
+
margin: 10px;
|
| 43 |
+
padding: 10px;
|
| 44 |
+
background-color: #9e9e9e0a; /* Light grey background */
|
| 45 |
+
color: #606060bf;
|
| 46 |
+
border: 2px solid #ddd; /* Cartoonish border */
|
| 47 |
+
border-radius: 20px; /* Rounded corners for cartoonish effect */
|
| 48 |
+
position: relative;
|
| 49 |
+
box-shadow: 3px 3px #bbb; /* Soft shadow for depth */
|
| 50 |
+
}
|
| 51 |
+
.text-box:before {
|
| 52 |
+
content: '';
|
| 53 |
+
position: absolute;
|
| 54 |
+
right: 100%;
|
| 55 |
+
bottom: 20%;
|
| 56 |
+
border-top: 10px solid transparent;
|
| 57 |
+
border-bottom: 10px solid transparent;
|
| 58 |
+
border-right: 10px solid #ddd; /* Arrow matching the border */
|
| 59 |
+
}
|
| 60 |
+
.summary-box {
|
| 61 |
+
padding: 10px;
|
| 62 |
+
margin: 10px 0;
|
| 63 |
+
background-color: #e6e6fa; /* Lavender background for a pleasant look */
|
| 64 |
+
border: 1px solid #ddd; /* Light border for definition */
|
| 65 |
+
border-radius: 5px; /* Slightly rounded corners */
|
| 66 |
+
box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* Soft shadow for depth */
|
| 67 |
+
cursor: pointer;
|
| 68 |
+
}
|
| 69 |
+
h4 { margin-top: 0; }
|
| 70 |
+
</style>
|
| 71 |
+
</head>
|
| 72 |
+
<body>
|
| 73 |
+
<div class='column reviews'><h2>Reviews</h2><div class='text-box'>The best part of this hotel is the staff. We were greeted by the ubiquitous doorman and all staff every time we entered the hotel. We felt as if we were the most important guests in the hotel and the staff were constantly concerned about our needs. <span class='review-span highlight' data-aligned-summaries='4'>The breakfast was a lavish buffet</span> and again the wait staff was outstanding This is a beautiful <span class='review-span highlight' data-aligned-summaries='1'>hotel</span> in the old part of Montreal and <span class='review-span highlight' data-aligned-summaries='1'>close to</span> good <span class='review-span highlight' data-aligned-summaries='1'>restaurants</span>, art galleries, and shopping. <span class='review-span highlight' data-aligned-summaries='0 3'>The room was</span> <span class='review-span highlight' data-aligned-summaries='3'>luxurious</span>, beautifully appointed, <span class='review-span highlight' data-aligned-summaries='0 3'>comfortable</span> and <span class='review-span highlight' data-aligned-summaries='0 3'>spotless</span>. It is just around the corner from a major theater and the cathedral and the river. <span class='review-span highlight' data-aligned-summaries='2'>It is short cab ride to the cultural center where they have the symphony, ballet</span> and etc. <span class='review-span highlight' data-aligned-summaries='2'>The metro station is about a 10 minute walk</span>.</div><div class='text-box'>We stayed at the Saint Sulpice in early October. The hotel has a perfect location <span class='review-span highlight' data-aligned-summaries='1'>right in the heart of the Old Quarter</span>. <span class='review-span highlight' data-aligned-summaries='1'>Lots of restaurants</span> and attractions <span class='review-span highlight' data-aligned-summaries='1'>in the surrounding area</span>. The hotel staff is excellent, <span class='review-span highlight' data-aligned-summaries='3'>the rooms are beautiful</span> with great bathrooms. Restaurant us good quality and group members enjoyed meals there. Concierge and front desk staff was warm and helpful. The doorman are always there to help and offer a smile. Stop reading these reviews and book it! There is nothing not to like with the Saint Sulpice. We travel and book hotels all over the world, <span class='review-span highlight' data-aligned-summaries='0'>this one is a keeper</span>!</div><div class='text-box'>I rely heavily on reviews for visiting all over the world. This hotel was hands down one of the nicest and most beautiful places. <span class='review-span highlight' data-aligned-summaries='3'>It was a extremely spacious room, with a queen bed, couch, fire place, large fridge, stove and sink and a window</span> that opened toward the street and a good size bathroom. Everyone that worked there was very helpful and nice and we felt very welcomed. <span class='review-span highlight' data-aligned-summaries='1'>The location is perfect and very central to a grocery store, liquor store, restaurants</span>, etc. I would highly recommend this Hotel and really enjoyed our stay because of it.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>Cozy, comfortable</span>, elegant and reasonably priced the Saint-Sulpice is <span class='review-span highlight' data-aligned-summaries='1'>in the heart of old Montreal between just behind the cathedral.</span> It is quiet, friendly and pet friendly. Although we were in Montreal on the shortest days of the year <span class='review-span highlight' data-aligned-summaries='3'>our first floor room</span> next to a courtyard garden <span class='review-span highlight' data-aligned-summaries='3'>was sunny and welcoming</span>. <span class='review-span highlight' data-aligned-summaries='0'>One of our favorite hotels anywhere</span>.</div><div class='text-box'>Vacation with 3 sisters and Mom for Mother's Day. The only place I could find where the suite could accomodate 4 of us nicely. <span class='review-span highlight' data-aligned-summaries='0 3'>Clean</span>, bright, <span class='review-span highlight' data-aligned-summaries='0 3'>and comfortable</span> plus and <span class='review-span highlight' data-aligned-summaries='1'>it is right in the Old City</span> (which was good for my mother). There outdoor dining area was great for lunch! Good staff, too.</div><div class='text-box'>Great service, <span class='review-span highlight' data-aligned-summaries='3'>beautiful stylish contemporary decor</span>! And even a Tassimo espresso maker in every room. <span class='review-span highlight' data-aligned-summaries='5'>L'Occitane bath products were amazing</span>! Plus free Wi-Fi ! Central as it is <span class='review-span highlight' data-aligned-summaries='1'>located right next to Notre Dame Cathedral</span>! <span class='review-span highlight' data-aligned-summaries='0'>Would definitely recommend this hotel</span> to the most finicky of people!</div><div class='text-box'>I love montreal, this hotel was available at a good value and came highly recommended. Very pleased with the location and hotel in general although slightly disappointed with saunda and fitness centre. <span class='review-span highlight' data-aligned-summaries='0'>I think there are better values out there</span>.</div><div class='text-box'>Love this hotel. <span class='review-span highlight' data-aligned-summaries='1'>Perfect location</span> to explore old town. <span class='review-span highlight' data-aligned-summaries='0'>Wouldn't even consider any other hotel in town</span>. Our third visit and certainly will return again. <span class='review-span highlight' data-aligned-summaries='4'>The comp. breakfasts alone would bring us back</span>.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">This hotel provides a clean and comfortable hotel and it will soon become your favourite.</span> <span id="1" class="summary-sentence">Centrally located, this hotel is close to grocery stores, restaurants, liquor stores, and next to Notre Dame Cathedral right at the center of the Old Quarter.</span> <span id="2" class="summary-sentence">The Metro is only about a 10-minute walk away or a quick taxi to the cultural center for some ballet or music.</span> <span id="3" class="summary-sentence">This hotel has luxurious, comfortable and clean rooms.</span> <span id="4" class="summary-sentence">The breakfast was amazing.</span> <span id="5" class="summary-sentence">Free WiFi and excellent bath products were included.</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-dev_cont-inst_4_b_summ_0.html
ADDED
|
@@ -0,0 +1,135 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
|
| 2 |
+
<!DOCTYPE html>
|
| 3 |
+
<html lang="en">
|
| 4 |
+
<head>
|
| 5 |
+
<meta charset="UTF-8">
|
| 6 |
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
| 7 |
+
<title>Document Review</title>
|
| 8 |
+
<style>
|
| 9 |
+
body {
|
| 10 |
+
font-family: Arial, sans-serif;
|
| 11 |
+
display: flex;
|
| 12 |
+
justify-content: center; /* This will center the .reviews container on the screen */
|
| 13 |
+
align-items: flex-start;
|
| 14 |
+
height: 100vh;
|
| 15 |
+
margin: 2px; /* Remove default margin */
|
| 16 |
+
}
|
| 17 |
+
|
| 18 |
+
.highlight { background-color: yellow;
|
| 19 |
+
color: black !important; /* Dark grey for muted text */
|
| 20 |
+
cursor: pointer;}
|
| 21 |
+
.not-hover-highlight { background-color: lightyellow;
|
| 22 |
+
color: #606060 !important; /* Dark grey for muted text */}
|
| 23 |
+
.summary {
|
| 24 |
+
width: 50%;
|
| 25 |
+
font-size: 1.0rem;
|
| 26 |
+
padding: 10px;
|
| 27 |
+
height: 100vh; /* Maximum height to a third of the viewport height */
|
| 28 |
+
background-color: #9e9e9e0a;
|
| 29 |
+
}
|
| 30 |
+
.reviews {
|
| 31 |
+
width: 50%;
|
| 32 |
+
font-size: 0.7rem;
|
| 33 |
+
display: flex;
|
| 34 |
+
flex-wrap: wrap;
|
| 35 |
+
padding: 10px;
|
| 36 |
+
max-height: 100vh; /* Maximum height to a third of the viewport height */
|
| 37 |
+
overflow-y: auto; /* Enable vertical scrolling */
|
| 38 |
+
background-color: #9e9e9e0a; /* Light grey background */
|
| 39 |
+
}
|
| 40 |
+
.text-box {
|
| 41 |
+
width: calc(100% - 20px); /* Adjust based on padding */
|
| 42 |
+
margin: 10px;
|
| 43 |
+
padding: 10px;
|
| 44 |
+
background-color: #9e9e9e0a; /* Light grey background */
|
| 45 |
+
color: #606060bf;
|
| 46 |
+
border: 2px solid #ddd; /* Cartoonish border */
|
| 47 |
+
border-radius: 20px; /* Rounded corners for cartoonish effect */
|
| 48 |
+
position: relative;
|
| 49 |
+
box-shadow: 3px 3px #bbb; /* Soft shadow for depth */
|
| 50 |
+
}
|
| 51 |
+
.text-box:before {
|
| 52 |
+
content: '';
|
| 53 |
+
position: absolute;
|
| 54 |
+
right: 100%;
|
| 55 |
+
bottom: 20%;
|
| 56 |
+
border-top: 10px solid transparent;
|
| 57 |
+
border-bottom: 10px solid transparent;
|
| 58 |
+
border-right: 10px solid #ddd; /* Arrow matching the border */
|
| 59 |
+
}
|
| 60 |
+
.summary-box {
|
| 61 |
+
padding: 10px;
|
| 62 |
+
margin: 10px 0;
|
| 63 |
+
background-color: #e6e6fa; /* Lavender background for a pleasant look */
|
| 64 |
+
border: 1px solid #ddd; /* Light border for definition */
|
| 65 |
+
border-radius: 5px; /* Slightly rounded corners */
|
| 66 |
+
box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* Soft shadow for depth */
|
| 67 |
+
cursor: pointer;
|
| 68 |
+
}
|
| 69 |
+
h4 { margin-top: 0; }
|
| 70 |
+
</style>
|
| 71 |
+
</head>
|
| 72 |
+
<body>
|
| 73 |
+
<div class='column reviews'><h2>Reviews</h2><div class='text-box'>We chose the Hilton Bonaventure for our recent stay in Montreal based on the glowing recommendation of a frequent flying family member. The downtown location proved to be a great starting point for our city explorations. The room was clean, well laid out, and comfortable. The staff was courteous and al spoke flawless English. One evening we decided to sample some local ice wine we had purchased, the hotel quickly brought us glasses, opened, and then served us our wine. The breakfast was delicious, and <span class='review-span highlight' data-aligned-summaries='2'>the selection at the bar was above average</span>. The rooftop garden was beautiful, although we didnat have time to walk though it in its entirety. Over all <span class='review-span highlight' data-aligned-summaries='0'>I give this hotel my full recommendation</span>.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>Hilton Bonaventure definitely provides bang for your buck</span>. The layout for this hotel is very unique. It has many "wings" and each wing has access to its own private pool. It also has many water features and excellent landscaping throughout the outdoor patios that are accessible privately via the rooms. You don't even realize that you are on the 17th floor once you get off the main elevator at the reception level and the view of the city from that floor is breathtaking. The staff is quite friendly and accomodating. The only drawback: <span class='review-span highlight' data-aligned-summaries='1'>wired interenet only available for 1 computer in each room</span>. Wireless internet is only available in the lobby. However, I enjoyed my stay!</div><div class='text-box'>Recently in Montreal to attend a concert with my teen Grand daughter and her friend. We chose the Bonaventure after much consideration due to it's proximity to the bell Centre( concert Venue and also Hockey Game Venue which my husband was attending). <span class='review-span highlight' data-aligned-summaries='0'>The decision could not have been better</span>.The Bonaventure is connected to Montreal's extensive underground City, lots of shopping, a skating rink, movie theatres.we were thrilled. To say nothing of the friendly hotel staff.to a person they were helpful and welcoming. This is obviously a very well run facility. The management and staff should be proud.</div><div class='text-box'>There are no elevators and the staff doesn't tell you. I had to drag my bags upstairs and then downstairs. There were no bellmans available when we arrived. <span class='review-span highlight' data-aligned-summaries='0'>It was horrible for $100US per night. When I asked for a closer room, I was given a downgraded room. I've never stayed at a 4 star hotel without elevators and no bellmen</span>. Also, <span class='review-span highlight' data-aligned-summaries='1'>the drain in the bathtub was very slow</span>. You end up showering in 4 inches of water.</div><div class='text-box'>hotel in central downtown location. Comfortable, the greatest asset is the garden with swimming pool on the top floor is even heated in winter ! <span class='review-span highlight' data-aligned-summaries='3'>Book a room on the executive floor and enjoy complimentary breakfast and evening appetizers and snacks for a small fee</span>. <span class='review-span highlight' data-aligned-summaries='0'>A perfect hotel to stay in the city</span>.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>Wonderful quality hotel</span>. The garden and pool are a great escape from the city below. The room was clean, comfortable and tastefully renovated - very modern yet so comfy. The staff was very helpful and the location of the hotel is perfect for every sight in Montreal.</div><div class='text-box'>Was participating at a business convention in Montreal. We stayed at this hotel. <span class='review-span highlight' data-aligned-summaries='0'>Nice hotel with comfortable beds and nice view</span> of downtown Montreal. Near Place Bonaventure. Closed to Bell centre and all fancy restaurant around.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>Everything about this hotel was fine</span>. It is a typical, <span class='review-span highlight' data-aligned-summaries='0'>better-than-averagely run downtown Hilton property</span>. I went there for a few days on business and ended up liking it a lot.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">A good quality hotel that provides a nice and enjoyable stay that will not break the bank.</span> <span id="1" class="summary-sentence">The bathtub in the room took too long to drain and there is only the facility for one computer to have access to the internet per room.</span> <span id="2" class="summary-sentence">The hotel's breakfast selection was really good, as well as the selection provided at the bar.</span> <span id="3" class="summary-sentence">Rooms on the executive floor are provided with a complimentary breakfast, as well as appetisers and snacks for a nominal fee.</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-dev_cont-inst_4_b_summ_1.html
ADDED
|
@@ -0,0 +1,135 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
|
| 2 |
+
<!DOCTYPE html>
|
| 3 |
+
<html lang="en">
|
| 4 |
+
<head>
|
| 5 |
+
<meta charset="UTF-8">
|
| 6 |
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
| 7 |
+
<title>Document Review</title>
|
| 8 |
+
<style>
|
| 9 |
+
body {
|
| 10 |
+
font-family: Arial, sans-serif;
|
| 11 |
+
display: flex;
|
| 12 |
+
justify-content: center; /* This will center the .reviews container on the screen */
|
| 13 |
+
align-items: flex-start;
|
| 14 |
+
height: 100vh;
|
| 15 |
+
margin: 2px; /* Remove default margin */
|
| 16 |
+
}
|
| 17 |
+
|
| 18 |
+
.highlight { background-color: yellow;
|
| 19 |
+
color: black !important; /* Dark grey for muted text */
|
| 20 |
+
cursor: pointer;}
|
| 21 |
+
.not-hover-highlight { background-color: lightyellow;
|
| 22 |
+
color: #606060 !important; /* Dark grey for muted text */}
|
| 23 |
+
.summary {
|
| 24 |
+
width: 50%;
|
| 25 |
+
font-size: 1.0rem;
|
| 26 |
+
padding: 10px;
|
| 27 |
+
height: 100vh; /* Maximum height to a third of the viewport height */
|
| 28 |
+
background-color: #9e9e9e0a;
|
| 29 |
+
}
|
| 30 |
+
.reviews {
|
| 31 |
+
width: 50%;
|
| 32 |
+
font-size: 0.7rem;
|
| 33 |
+
display: flex;
|
| 34 |
+
flex-wrap: wrap;
|
| 35 |
+
padding: 10px;
|
| 36 |
+
max-height: 100vh; /* Maximum height to a third of the viewport height */
|
| 37 |
+
overflow-y: auto; /* Enable vertical scrolling */
|
| 38 |
+
background-color: #9e9e9e0a; /* Light grey background */
|
| 39 |
+
}
|
| 40 |
+
.text-box {
|
| 41 |
+
width: calc(100% - 20px); /* Adjust based on padding */
|
| 42 |
+
margin: 10px;
|
| 43 |
+
padding: 10px;
|
| 44 |
+
background-color: #9e9e9e0a; /* Light grey background */
|
| 45 |
+
color: #606060bf;
|
| 46 |
+
border: 2px solid #ddd; /* Cartoonish border */
|
| 47 |
+
border-radius: 20px; /* Rounded corners for cartoonish effect */
|
| 48 |
+
position: relative;
|
| 49 |
+
box-shadow: 3px 3px #bbb; /* Soft shadow for depth */
|
| 50 |
+
}
|
| 51 |
+
.text-box:before {
|
| 52 |
+
content: '';
|
| 53 |
+
position: absolute;
|
| 54 |
+
right: 100%;
|
| 55 |
+
bottom: 20%;
|
| 56 |
+
border-top: 10px solid transparent;
|
| 57 |
+
border-bottom: 10px solid transparent;
|
| 58 |
+
border-right: 10px solid #ddd; /* Arrow matching the border */
|
| 59 |
+
}
|
| 60 |
+
.summary-box {
|
| 61 |
+
padding: 10px;
|
| 62 |
+
margin: 10px 0;
|
| 63 |
+
background-color: #e6e6fa; /* Lavender background for a pleasant look */
|
| 64 |
+
border: 1px solid #ddd; /* Light border for definition */
|
| 65 |
+
border-radius: 5px; /* Slightly rounded corners */
|
| 66 |
+
box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* Soft shadow for depth */
|
| 67 |
+
cursor: pointer;
|
| 68 |
+
}
|
| 69 |
+
h4 { margin-top: 0; }
|
| 70 |
+
</style>
|
| 71 |
+
</head>
|
| 72 |
+
<body>
|
| 73 |
+
<div class='column reviews'><h2>Reviews</h2><div class='text-box'>We chose the Hilton Bonaventure for our recent stay in Montreal based on the glowing recommendation of a frequent flying family member. <span class='review-span highlight' data-aligned-summaries='1'>The downtown location proved to be a great</span> starting point for our city explorations. The room was clean, well laid out, and comfortable. The staff was courteous and al spoke flawless English. One evening we decided to sample some local ice wine we had purchased, the hotel quickly brought us glasses, opened, and then served us our wine. <span class='review-span highlight' data-aligned-summaries='4'>The breakfast was delicious, and the selection at the bar was above average</span>. The rooftop garden was beautiful, although we didnat have time to walk though it in its entirety. Over all I give this hotel my full recommendation.</div><div class='text-box'>Hilton Bonaventure definitely provides bang for your buck. The layout for this hotel is very unique. It has many "wings" and each wing has access to its own private pool. It also has many water features and excellent landscaping throughout the outdoor patios that are accessible privately via the rooms. You don't even realize that you are on the 17th floor once you get off the main elevator at the reception level and the view of the city from that floor is breathtaking. The staff is quite friendly and accomodating. The only drawback: <span class='review-span highlight' data-aligned-summaries='3'>wired interenet only available for 1 computer in each room</span>. <span class='review-span highlight' data-aligned-summaries='6'>Wireless internet is only available in the lobby</span>. However, I enjoyed my stay!</div><div class='text-box'>Recently in Montreal to attend a concert with my teen Grand daughter and her friend. We chose the Bonaventure after much consideration due to it's proximity to the bell Centre( concert Venue and also Hockey Game Venue which my husband was attending). The decision could not have been better.<span class='review-span highlight' data-aligned-summaries='2'>The Bonaventure is connected to Montreal's extensive underground City, lots of shopping</span>, a skating rink, <span class='review-span highlight' data-aligned-summaries='2'>movie theatres.we</span> were thrilled. To say nothing of the <span class='review-span highlight' data-aligned-summaries='6'>friendly hotel staff.to a person they were helpful and welcoming</span>. <span class='review-span highlight' data-aligned-summaries='0 6'>This is obviously a very well run facility</span>.<span class='review-span highlight' data-aligned-summaries='0'> The management and staff should be proud</span>.</div><div class='text-box'>There are no elevators and the staff doesn't tell you. I had to drag my bags upstairs and then downstairs. There were no bellmans available when we arrived. It <span class='review-span highlight' data-aligned-summaries='0'>was horrible for $100US per night</span>. When I asked for a closer room, I <span class='review-span highlight' data-aligned-summaries='3'>was given a downgraded room</span>. I've never stayed at a <span class='review-span highlight' data-aligned-summaries='6'>4 star hotel without elevators and no bellmen</span>. Also, the drain in the bathtub was very slow. You end up showering in 4 inches of water.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='1'>hotel in central downtown location</span>. Comfortable, the greatest asset is the garden with swimming pool on the top floor is even heated in winter ! <span class='review-span highlight' data-aligned-summaries='5'>Book a room on the executive floor and enjoy complimentary breakfast and evening appetizers and snacks for a small fee</span>. <span class='review-span highlight' data-aligned-summaries='6'>A perfect hotel</span> to stay in the city.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0 6'>Wonderful quality hotel</span>. The garden and pool are a great escape from the city below. <span class='review-span highlight' data-aligned-summaries='3'>The room was clean, comfortable</span> and tastefully renovated - very modern yet so comfy. The staff was very helpful and <span class='review-span highlight' data-aligned-summaries='1'>the location of the hotel is perfect</span> for every sight in Montreal.</div><div class='text-box'>Was participating at a business convention in Montreal. We stayed at this hotel. <span class='review-span highlight' data-aligned-summaries='1 6'>Nice hotel</span> with comfortable beds and nice view of <span class='review-span highlight' data-aligned-summaries='1'>downtown</span> Montreal. Near Place Bonaventure. <span class='review-span highlight' data-aligned-summaries='2'>Closed to</span> Bell centre and all <span class='review-span highlight' data-aligned-summaries='2'>fancy restaurant</span> around.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>Everything about this hotel was fine</span>. It is a typical, <span class='review-span highlight' data-aligned-summaries='1 6'>better-than-averagely run downtown Hilton property</span>. I went there for a few days on business and ended up liking it a lot.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">The hotel is a well managed business and is a cost effective stay.</span> <span id="1" class="summary-sentence">This hotel is located downtown which is a great location to be.</span> <span id="2" class="summary-sentence">It's easily accessible to lots of fancy restaurants, shopping and even movie theatres.</span> <span id="3" class="summary-sentence">Unfortunately a downgraded room was disappointing and there is wired internet for only one computer per room.</span> <span id="4" class="summary-sentence">The breakfast is absolutely delicious with a great selection of food at the bar.</span> <span id="5" class="summary-sentence">Breakfast can be complimentary if booking a room on the executive floor and the evening appetisers only cost a small fee.</span> <span id="6" class="summary-sentence">Average hotel, and there is limited Wi-Fi available.</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-dev_cont-inst_4_b_summ_2.html
ADDED
|
@@ -0,0 +1,135 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
|
| 2 |
+
<!DOCTYPE html>
|
| 3 |
+
<html lang="en">
|
| 4 |
+
<head>
|
| 5 |
+
<meta charset="UTF-8">
|
| 6 |
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
| 7 |
+
<title>Document Review</title>
|
| 8 |
+
<style>
|
| 9 |
+
body {
|
| 10 |
+
font-family: Arial, sans-serif;
|
| 11 |
+
display: flex;
|
| 12 |
+
justify-content: center; /* This will center the .reviews container on the screen */
|
| 13 |
+
align-items: flex-start;
|
| 14 |
+
height: 100vh;
|
| 15 |
+
margin: 2px; /* Remove default margin */
|
| 16 |
+
}
|
| 17 |
+
|
| 18 |
+
.highlight { background-color: yellow;
|
| 19 |
+
color: black !important; /* Dark grey for muted text */
|
| 20 |
+
cursor: pointer;}
|
| 21 |
+
.not-hover-highlight { background-color: lightyellow;
|
| 22 |
+
color: #606060 !important; /* Dark grey for muted text */}
|
| 23 |
+
.summary {
|
| 24 |
+
width: 50%;
|
| 25 |
+
font-size: 1.0rem;
|
| 26 |
+
padding: 10px;
|
| 27 |
+
height: 100vh; /* Maximum height to a third of the viewport height */
|
| 28 |
+
background-color: #9e9e9e0a;
|
| 29 |
+
}
|
| 30 |
+
.reviews {
|
| 31 |
+
width: 50%;
|
| 32 |
+
font-size: 0.7rem;
|
| 33 |
+
display: flex;
|
| 34 |
+
flex-wrap: wrap;
|
| 35 |
+
padding: 10px;
|
| 36 |
+
max-height: 100vh; /* Maximum height to a third of the viewport height */
|
| 37 |
+
overflow-y: auto; /* Enable vertical scrolling */
|
| 38 |
+
background-color: #9e9e9e0a; /* Light grey background */
|
| 39 |
+
}
|
| 40 |
+
.text-box {
|
| 41 |
+
width: calc(100% - 20px); /* Adjust based on padding */
|
| 42 |
+
margin: 10px;
|
| 43 |
+
padding: 10px;
|
| 44 |
+
background-color: #9e9e9e0a; /* Light grey background */
|
| 45 |
+
color: #606060bf;
|
| 46 |
+
border: 2px solid #ddd; /* Cartoonish border */
|
| 47 |
+
border-radius: 20px; /* Rounded corners for cartoonish effect */
|
| 48 |
+
position: relative;
|
| 49 |
+
box-shadow: 3px 3px #bbb; /* Soft shadow for depth */
|
| 50 |
+
}
|
| 51 |
+
.text-box:before {
|
| 52 |
+
content: '';
|
| 53 |
+
position: absolute;
|
| 54 |
+
right: 100%;
|
| 55 |
+
bottom: 20%;
|
| 56 |
+
border-top: 10px solid transparent;
|
| 57 |
+
border-bottom: 10px solid transparent;
|
| 58 |
+
border-right: 10px solid #ddd; /* Arrow matching the border */
|
| 59 |
+
}
|
| 60 |
+
.summary-box {
|
| 61 |
+
padding: 10px;
|
| 62 |
+
margin: 10px 0;
|
| 63 |
+
background-color: #e6e6fa; /* Lavender background for a pleasant look */
|
| 64 |
+
border: 1px solid #ddd; /* Light border for definition */
|
| 65 |
+
border-radius: 5px; /* Slightly rounded corners */
|
| 66 |
+
box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* Soft shadow for depth */
|
| 67 |
+
cursor: pointer;
|
| 68 |
+
}
|
| 69 |
+
h4 { margin-top: 0; }
|
| 70 |
+
</style>
|
| 71 |
+
</head>
|
| 72 |
+
<body>
|
| 73 |
+
<div class='column reviews'><h2>Reviews</h2><div class='text-box'>We chose the Hilton <span class='review-span highlight' data-aligned-summaries='0'>Bonaventure</span> for our recent stay in Montreal based on the glowing recommendation of a frequent flying family member. <span class='review-span highlight' data-aligned-summaries='1'>The downtown location proved to be a great</span> starting point for our city explorations. The <span class='review-span highlight' data-aligned-summaries='0'>room was clean</span>, well laid out, and comfortable. The <span class='review-span highlight' data-aligned-summaries='0'>staff was courteous</span> and al spoke flawless English. One evening we decided to sample some local ice wine we had purchased, the hotel quickly brought us glasses, opened, and then served us our wine. <span class='review-span highlight' data-aligned-summaries='3 4'>The breakfast was delicious</span>, and <span class='review-span highlight' data-aligned-summaries='4'>the selection at the bar was above average</span>. <span class='review-span highlight' data-aligned-summaries='2'>The rooftop garden was beautiful</span>, although we didnat have time to walk though it in its entirety. Over all <span class='review-span highlight' data-aligned-summaries='5'>I give this hotel my full recommendation</span>.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>Hilton Bonaventure definitely provides bang for your buck</span>. The layout for this hotel is very unique. It has many "wings" and <span class='review-span highlight' data-aligned-summaries='2'>each wing has access to its own private pool</span>. It also has many water features and <span class='review-span highlight' data-aligned-summaries='2'>excellent landscaping</span> throughout the outdoor patios <span class='review-span highlight' data-aligned-summaries='2'>that are accessible privately via the rooms</span>. You don't even realize that you are on the 17th floor once you get off the main elevator at the reception level and the view of the city from that floor is breathtaking. The staff is quite friendly and accomodating. The only drawback: wired interenet only available for 1 computer in each room. <span class='review-span highlight' data-aligned-summaries='5'>Wireless internet is only available in the lobby</span>. However, I enjoyed my stay!</div><div class='text-box'>Recently in Montreal to attend a concert with my teen Grand daughter and her friend. We chose <span class='review-span highlight' data-aligned-summaries='0'>the Bonaventure</span> after much consideration due to it's proximity to the bell Centre( concert Venue and also Hockey Game Venue which my husband was attending). The decision could not have been better.<span class='review-span highlight' data-aligned-summaries='1'>The Bonaventure is connected to Montreal's extensive underground City, lots of shopping, a skating rink, movie theatres.we</span> were thrilled. To say nothing of the <span class='review-span highlight' data-aligned-summaries='0'>friendly hotel staff.to</span> a person they <span class='review-span highlight' data-aligned-summaries='0'>were helpful and welcoming</span>. This <span class='review-span highlight' data-aligned-summaries='0'>is obviously a very well run facility</span>. The management and staff should be proud.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='5'>There are no elevators and the staff doesn't tell you</span>. I had to drag my bags upstairs and then downstairs. <span class='review-span highlight' data-aligned-summaries='5'>There were no bellmans available</span> when we arrived. <span class='review-span highlight' data-aligned-summaries='0'>It was horrible for $100US per night</span>. When I asked for a closer room, I was given a downgraded room. I've never stayed at a 4 star hotel without elevators and no bellmen. Also, <span class='review-span highlight' data-aligned-summaries='5'>the drain in the bathtub was very slow</span>. You end up showering in 4 inches of water.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='1'>hotel in central downtown location</span>. Comfortable, <span class='review-span highlight' data-aligned-summaries='2'>the greatest asset is the garden with swimming pool</span> on the top floor is even heated in winter ! Book a room on the executive floor and <span class='review-span highlight' data-aligned-summaries='0'>enjoy complimentary breakfast and evening appetizers and snacks for a small fee</span>. <span class='review-span highlight' data-aligned-summaries='0'>A perfect hotel to stay in the city</span>.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>Wonderful quality hotel</span>. <span class='review-span highlight' data-aligned-summaries='2'>The garden</span> and <span class='review-span highlight' data-aligned-summaries='2'>pool are a</span> <span class='review-span highlight' data-aligned-summaries='1 2'>great escape</span> <span class='review-span highlight' data-aligned-summaries='1'>from the city below</span>. The room was clean, comfortable and tastefully renovated - very modern yet so comfy. The staff was very helpful and <span class='review-span highlight' data-aligned-summaries='1'>the location of the hotel is perfect for every sight in Montreal</span>.</div><div class='text-box'>Was participating at a business convention in Montreal. We stayed at this hotel. Nice hotel with <span class='review-span highlight' data-aligned-summaries='0 5'>comfortable beds and</span> <span class='review-span highlight' data-aligned-summaries='0 1 5'>nice view</span> <span class='review-span highlight' data-aligned-summaries='1'>of downtown Montreal</span>. Near Place Bonaventure. <span class='review-span highlight' data-aligned-summaries='1'>Closed to Bell centre</span> and all fancy restaurant around.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>Everything about this hotel was fine</span>. It is a typical, better-than-averagely run downtown Hilton property. I went there for a few days on business and <span class='review-span highlight' data-aligned-summaries='0'>ended up liking it a lot</span>.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">The Bonaventure Hotel provides a lot for the cost and is wonderful.</span> <span id="1" class="summary-sentence">This hotel's location is great as it is in central downtown and close to the Bell Center and connected to the underground city for shopping and entertainment.</span> <span id="2" class="summary-sentence">Rooms are close to a private pool, with there being a pool for each wing of the hotel, and guests have private access to the beautiful landscaping that surrounds their rooms.</span> <span id="3" class="summary-sentence">This hotel includes an executive floor to book, where breakfast is complimentary or in the evening appetizers and snacks are at a minimal cost.</span> <span id="4" class="summary-sentence">The breakfast is very good too and they have a lot on offer at the bar as well.</span> <span id="5" class="summary-sentence">There is only wireless internet available in the lobby but everything else about the hotel is fine enough.</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-dev_cont-inst_8_a_summ_0.html
ADDED
|
@@ -0,0 +1,135 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
|
| 2 |
+
<!DOCTYPE html>
|
| 3 |
+
<html lang="en">
|
| 4 |
+
<head>
|
| 5 |
+
<meta charset="UTF-8">
|
| 6 |
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
| 7 |
+
<title>Document Review</title>
|
| 8 |
+
<style>
|
| 9 |
+
body {
|
| 10 |
+
font-family: Arial, sans-serif;
|
| 11 |
+
display: flex;
|
| 12 |
+
justify-content: center; /* This will center the .reviews container on the screen */
|
| 13 |
+
align-items: flex-start;
|
| 14 |
+
height: 100vh;
|
| 15 |
+
margin: 2px; /* Remove default margin */
|
| 16 |
+
}
|
| 17 |
+
|
| 18 |
+
.highlight { background-color: yellow;
|
| 19 |
+
color: black !important; /* Dark grey for muted text */
|
| 20 |
+
cursor: pointer;}
|
| 21 |
+
.not-hover-highlight { background-color: lightyellow;
|
| 22 |
+
color: #606060 !important; /* Dark grey for muted text */}
|
| 23 |
+
.summary {
|
| 24 |
+
width: 50%;
|
| 25 |
+
font-size: 1.0rem;
|
| 26 |
+
padding: 10px;
|
| 27 |
+
height: 100vh; /* Maximum height to a third of the viewport height */
|
| 28 |
+
background-color: #9e9e9e0a;
|
| 29 |
+
}
|
| 30 |
+
.reviews {
|
| 31 |
+
width: 50%;
|
| 32 |
+
font-size: 0.7rem;
|
| 33 |
+
display: flex;
|
| 34 |
+
flex-wrap: wrap;
|
| 35 |
+
padding: 10px;
|
| 36 |
+
max-height: 100vh; /* Maximum height to a third of the viewport height */
|
| 37 |
+
overflow-y: auto; /* Enable vertical scrolling */
|
| 38 |
+
background-color: #9e9e9e0a; /* Light grey background */
|
| 39 |
+
}
|
| 40 |
+
.text-box {
|
| 41 |
+
width: calc(100% - 20px); /* Adjust based on padding */
|
| 42 |
+
margin: 10px;
|
| 43 |
+
padding: 10px;
|
| 44 |
+
background-color: #9e9e9e0a; /* Light grey background */
|
| 45 |
+
color: #606060bf;
|
| 46 |
+
border: 2px solid #ddd; /* Cartoonish border */
|
| 47 |
+
border-radius: 20px; /* Rounded corners for cartoonish effect */
|
| 48 |
+
position: relative;
|
| 49 |
+
box-shadow: 3px 3px #bbb; /* Soft shadow for depth */
|
| 50 |
+
}
|
| 51 |
+
.text-box:before {
|
| 52 |
+
content: '';
|
| 53 |
+
position: absolute;
|
| 54 |
+
right: 100%;
|
| 55 |
+
bottom: 20%;
|
| 56 |
+
border-top: 10px solid transparent;
|
| 57 |
+
border-bottom: 10px solid transparent;
|
| 58 |
+
border-right: 10px solid #ddd; /* Arrow matching the border */
|
| 59 |
+
}
|
| 60 |
+
.summary-box {
|
| 61 |
+
padding: 10px;
|
| 62 |
+
margin: 10px 0;
|
| 63 |
+
background-color: #e6e6fa; /* Lavender background for a pleasant look */
|
| 64 |
+
border: 1px solid #ddd; /* Light border for definition */
|
| 65 |
+
border-radius: 5px; /* Slightly rounded corners */
|
| 66 |
+
box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* Soft shadow for depth */
|
| 67 |
+
cursor: pointer;
|
| 68 |
+
}
|
| 69 |
+
h4 { margin-top: 0; }
|
| 70 |
+
</style>
|
| 71 |
+
</head>
|
| 72 |
+
<body>
|
| 73 |
+
<div class='column reviews'><h2>Reviews</h2><div class='text-box'>Great Location Stayed at the Brunelleschi in late December. The location was terrific, the breakfast hearty, and <span class='review-span highlight' data-aligned-summaries='2'>the rooms large and above average</span> for Italy for the price. <span class='review-span highlight' data-aligned-summaries='1'>Turn two corners and you are in the piazza next to Giotto's campanile</span>. As an american who speaks fluent italian, and a mother of 3, I never go to Italy to sleep in 5 star resort hotels. <span class='review-span highlight' data-aligned-summaries='0'>This hotel could never be compared to the Four Seasons, but, in Florence, it was the perfect place</span> to start and end each day.</div><div class='text-box'>Lovely hotel We stayed here for my husband's birthday weekend. We're ususally more 3* hotel people so <span class='review-span highlight' data-aligned-summaries='0'>this was a bit of a treat</span>, but it was worth every penny. The hotel is beautiful - such a lovely building and a GREAT location. The staff were unfailingly polite as we checked in and went to the bar. <span class='review-span highlight' data-aligned-summaries='2'>Our room was a good size</span> with an ENORMOUS bathroom, and views of the campanile. Breakfast was excellent.<span class='review-span highlight' data-aligned-summaries='0'>I found the hotel pretty much faultless</span>. And Florence? Just beautiful.</div><div class='text-box'>Great location, great staff! <span class='review-span highlight' data-aligned-summaries='0'>This hotel was a real find</span>! We loved the location and the front desk staff was the friendliest in Italy! The breakfast buffet was also excellent! This hotel was in a quiet alley, just steps from the Duomo and the best shopping in Florence! The only negative was the <span class='review-span highlight' data-aligned-summaries='4'>multiple levels on the different floors, making it difficult to get around in the hotel</span>. A minor inconvenience for an otherwise excellent hotel.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>Wonderful stay in Florence</span> Hotel Brunelleschi is <span class='review-span highlight' data-aligned-summaries='0'>a lovely hotel</span> in an excellent location in the heart of Florence. <span class='review-span highlight' data-aligned-summaries='2'>The rooms are brilliant</span> , although <span class='review-span highlight' data-aligned-summaries='3'>the bells of the Duomo wake you up early in the morning</span>! All the staff are very helpful and can make good suggestions for eating out - I had the best sea bass I have ever had from one of their recommendations. I would thoroughly recommend a stay at this delightful hotel.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>great location,if</span> <span class='review-span highlight' data-aligned-summaries='0 3'>a little noisy lovely hotel</span>,very friendly helpful staffright in the middle of all the actionwe had a suite,which had a separete bedroom(very handy)clean,very good choice on buffet breakfastonly down side was our room was on the front of the hotelwhich is on one of the main streets.so bin men and road sweepers could be heard ealy in the morninggood value more money</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>Great experience</span>! My friend and I stayed for 4 nights. We had <span class='review-span highlight' data-aligned-summaries='0'>no complaints whatsoever</span>. <span class='review-span highlight' data-aligned-summaries='0'>The service, staff, cleanliness, comfort etc were all exemplary</span>. Special tip: bring a picnic lunch up to the rooftop terrace and get a breathtaking view of the city. The view of the Duomo there by sunrise is sublime.</div><div class='text-box'>only <span class='review-span highlight' data-aligned-summaries='0'>Brunelleschi is the only one who could have build something better</span>! a portion of our <span class='review-span highlight' data-aligned-summaries='2'>large room</span></div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>Brunelleschi was Perfect</span>! View from Rooftop Patio</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">This flawless hotel provided a great stay and it's really recommended.</span> <span id="1" class="summary-sentence">The hotel is closely located to Giotto's Campanile.</span> <span id="2" class="summary-sentence">The rooms in this hotel are really great and quite spacious.</span> <span id="3" class="summary-sentence">There was some outside noise from the bells in the morning however.</span> <span id="4" class="summary-sentence">It was difficult to navigate the hotel due to the floor layout.</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-dev_cont-inst_8_a_summ_1.html
ADDED
|
@@ -0,0 +1,135 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
|
| 2 |
+
<!DOCTYPE html>
|
| 3 |
+
<html lang="en">
|
| 4 |
+
<head>
|
| 5 |
+
<meta charset="UTF-8">
|
| 6 |
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
| 7 |
+
<title>Document Review</title>
|
| 8 |
+
<style>
|
| 9 |
+
body {
|
| 10 |
+
font-family: Arial, sans-serif;
|
| 11 |
+
display: flex;
|
| 12 |
+
justify-content: center; /* This will center the .reviews container on the screen */
|
| 13 |
+
align-items: flex-start;
|
| 14 |
+
height: 100vh;
|
| 15 |
+
margin: 2px; /* Remove default margin */
|
| 16 |
+
}
|
| 17 |
+
|
| 18 |
+
.highlight { background-color: yellow;
|
| 19 |
+
color: black !important; /* Dark grey for muted text */
|
| 20 |
+
cursor: pointer;}
|
| 21 |
+
.not-hover-highlight { background-color: lightyellow;
|
| 22 |
+
color: #606060 !important; /* Dark grey for muted text */}
|
| 23 |
+
.summary {
|
| 24 |
+
width: 50%;
|
| 25 |
+
font-size: 1.0rem;
|
| 26 |
+
padding: 10px;
|
| 27 |
+
height: 100vh; /* Maximum height to a third of the viewport height */
|
| 28 |
+
background-color: #9e9e9e0a;
|
| 29 |
+
}
|
| 30 |
+
.reviews {
|
| 31 |
+
width: 50%;
|
| 32 |
+
font-size: 0.7rem;
|
| 33 |
+
display: flex;
|
| 34 |
+
flex-wrap: wrap;
|
| 35 |
+
padding: 10px;
|
| 36 |
+
max-height: 100vh; /* Maximum height to a third of the viewport height */
|
| 37 |
+
overflow-y: auto; /* Enable vertical scrolling */
|
| 38 |
+
background-color: #9e9e9e0a; /* Light grey background */
|
| 39 |
+
}
|
| 40 |
+
.text-box {
|
| 41 |
+
width: calc(100% - 20px); /* Adjust based on padding */
|
| 42 |
+
margin: 10px;
|
| 43 |
+
padding: 10px;
|
| 44 |
+
background-color: #9e9e9e0a; /* Light grey background */
|
| 45 |
+
color: #606060bf;
|
| 46 |
+
border: 2px solid #ddd; /* Cartoonish border */
|
| 47 |
+
border-radius: 20px; /* Rounded corners for cartoonish effect */
|
| 48 |
+
position: relative;
|
| 49 |
+
box-shadow: 3px 3px #bbb; /* Soft shadow for depth */
|
| 50 |
+
}
|
| 51 |
+
.text-box:before {
|
| 52 |
+
content: '';
|
| 53 |
+
position: absolute;
|
| 54 |
+
right: 100%;
|
| 55 |
+
bottom: 20%;
|
| 56 |
+
border-top: 10px solid transparent;
|
| 57 |
+
border-bottom: 10px solid transparent;
|
| 58 |
+
border-right: 10px solid #ddd; /* Arrow matching the border */
|
| 59 |
+
}
|
| 60 |
+
.summary-box {
|
| 61 |
+
padding: 10px;
|
| 62 |
+
margin: 10px 0;
|
| 63 |
+
background-color: #e6e6fa; /* Lavender background for a pleasant look */
|
| 64 |
+
border: 1px solid #ddd; /* Light border for definition */
|
| 65 |
+
border-radius: 5px; /* Slightly rounded corners */
|
| 66 |
+
box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* Soft shadow for depth */
|
| 67 |
+
cursor: pointer;
|
| 68 |
+
}
|
| 69 |
+
h4 { margin-top: 0; }
|
| 70 |
+
</style>
|
| 71 |
+
</head>
|
| 72 |
+
<body>
|
| 73 |
+
<div class='column reviews'><h2>Reviews</h2><div class='text-box'>Great Location Stayed at the Brunelleschi in late December. <span class='review-span highlight' data-aligned-summaries='0'>The location was terrific, the breakfast hearty, and the rooms large</span> and above average for Italy for the price. Turn two corners and you are in the piazza next to Giotto's campanile. As an american who speaks fluent italian, and a mother of 3, I never go to Italy to sleep in 5 star resort hotels. <span class='review-span highlight' data-aligned-summaries='0'>This hotel could never be compared to the Four Seasons, but,</span> <span class='review-span highlight' data-aligned-summaries='0 1'>in Florence, it was the perfect place</span> <span class='review-span highlight' data-aligned-summaries='1'>to start and end each day</span>.</div><div class='text-box'>Lovely hotel We stayed here for my husband's birthday weekend. We're ususally more 3* hotel people so this was a bit of a treat, but it was worth every penny. <span class='review-span highlight' data-aligned-summaries='0'>The hotel is beautiful</span> - such a lovely building and a GREAT location. The staff were unfailingly polite as we checked in and went to the bar. Our room was a good size with an ENORMOUS bathroom, and views of the campanile. Breakfast was excellent.<span class='review-span highlight' data-aligned-summaries='0 1'>I found the hotel pretty much faultless</span>.<span class='review-span highlight' data-aligned-summaries='1'> And Florence? Just beautiful</span>.</div><div class='text-box'>Great location, great staff! <span class='review-span highlight' data-aligned-summaries='0 1'>This hotel was a real find</span>! We loved the location and the front desk staff was the friendliest in Italy! The breakfast buffet was also excellent! This hotel was in a quiet alley, just steps from the Duomo and the best shopping in Florence! <span class='review-span highlight' data-aligned-summaries='0 4'>The only negative was the multiple levels on the different floors</span>,<span class='review-span highlight' data-aligned-summaries='4'> making it difficult to get around in the hotel</span>. A minor inconvenience for an otherwise excellent hotel.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>Wonderful stay in</span> Florence Hotel Brunelleschi is <span class='review-span highlight' data-aligned-summaries='0 1'>a lovely hotel in an excellent location in the heart of Florence</span>. The rooms are brilliant , although <span class='review-span highlight' data-aligned-summaries='2'>the bells of the Duomo wake you up early in the morning</span>! All the staff are very helpful and can make good suggestions for eating out - I had the best sea bass I have ever had from one of their recommendations. <span class='review-span highlight' data-aligned-summaries='1'>I would thoroughly recommend a stay</span> at this delightful hotel.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0 1'>great location,if a little noisy lovely hotel</span>,very friendly helpful staffright in the middle of all the actionwe had a suite,which had a separete bedroom(very handy)clean,very good choice on buffet breakfastonly down side was our room was on the front of the hotelwhich is on one of the main streets.so bin men and road sweepers could be heard ealy in the morninggood value more money</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>Great experience</span>! My friend and I stayed for 4 nights. <span class='review-span highlight' data-aligned-summaries='0 1'>We had no complaints whatsoever</span>. The service, staff, cleanliness, comfort etc were all exemplary. Special tip: <span class='review-span highlight' data-aligned-summaries='3'>bring a picnic lunch up to the rooftop terrace and get a breathtaking view of the city</span>. The view of the Duomo there by sunrise is sublime.</div><div class='text-box'>only <span class='review-span highlight' data-aligned-summaries='0 1'>Brunelleschi is the only one who could have build something better</span>! a portion of our large room</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0 1'>Brunelleschi was Perfect</span>! <span class='review-span highlight' data-aligned-summaries='3'>View from Rooftop</span> Patio</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">The stay at the hotel was a brilliant experience and there were no faults .</span> <span id="1" class="summary-sentence">It was an impeccable choice to stay in Florence and was highly recommended.</span> <span id="2" class="summary-sentence">It is worth noting that you can clearly hear the bells from the Duomo in the morning, which may be a negative for some.</span> <span id="3" class="summary-sentence">Eating lunch on the rooftop terrace is a nice way to get a gorgeous view of the city.</span> <span id="4" class="summary-sentence">There were multiple levels on different levels, which could often make it difficult to get around the hotel.</span></div></div>
|
| 74 |
+
<script>
|
| 75 |
+
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 76 |
+
sentence.addEventListener('mouseenter', function() {
|
| 77 |
+
const summaryId = this.getAttribute('id');
|
| 78 |
+
document.querySelectorAll('.review-span').forEach(span => {
|
| 79 |
+
if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
|
| 80 |
+
span.classList.remove('highlight');
|
| 81 |
+
span.classList.add('not-hover-highlight');
|
| 82 |
+
}
|
| 83 |
+
});
|
| 84 |
+
this.classList.add('highlight');
|
| 85 |
+
});
|
| 86 |
+
|
| 87 |
+
sentence.addEventListener('mouseleave', function() {
|
| 88 |
+
const summaryId = this.getAttribute('id');
|
| 89 |
+
document.querySelectorAll('.review-span').forEach(span => {
|
| 90 |
+
if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
|
| 91 |
+
span.classList.remove('not-hover-highlight');
|
| 92 |
+
span.classList.add('highlight');
|
| 93 |
+
}
|
| 94 |
+
this.classList.remove('highlight');
|
| 95 |
+
});
|
| 96 |
+
});
|
| 97 |
+
});
|
| 98 |
+
|
| 99 |
+
document.querySelectorAll('.review-span').forEach(span => {
|
| 100 |
+
span.addEventListener('mouseenter', function() {
|
| 101 |
+
document.querySelectorAll('.review-span').forEach(span => {
|
| 102 |
+
if (span !== this) {
|
| 103 |
+
span.classList.remove('highlight');
|
| 104 |
+
span.classList.add('not-hover-highlight');
|
| 105 |
+
}
|
| 106 |
+
});
|
| 107 |
+
const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
|
| 108 |
+
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 109 |
+
if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
|
| 110 |
+
sentence.classList.add('highlight');
|
| 111 |
+
}
|
| 112 |
+
});
|
| 113 |
+
});
|
| 114 |
+
});
|
| 115 |
+
|
| 116 |
+
document.querySelectorAll('.review-span').forEach(span => {
|
| 117 |
+
span.addEventListener('mouseleave', function() {
|
| 118 |
+
const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
|
| 119 |
+
document.querySelectorAll('.review-span').forEach(span => {
|
| 120 |
+
if (span !== this) {
|
| 121 |
+
span.classList.remove('not-hover-highlight');
|
| 122 |
+
span.classList.add('highlight');
|
| 123 |
+
}
|
| 124 |
+
});
|
| 125 |
+
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 126 |
+
if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
|
| 127 |
+
sentence.classList.remove('highlight');
|
| 128 |
+
}
|
| 129 |
+
});
|
| 130 |
+
});
|
| 131 |
+
});
|
| 132 |
+
|
| 133 |
+
</script>
|
| 134 |
+
</body>
|
| 135 |
+
</html>
|