Spaces:
Sleeping
Sleeping
Delete html_files/test
Browse filesThis view is limited to 50 files because it contains too many changes.
See raw diff
- html_files/test/0.html +0 -137
- html_files/test/1.html +0 -137
- html_files/test/10.html +0 -137
- html_files/test/100.html +0 -137
- html_files/test/101.html +0 -137
- html_files/test/102.html +0 -137
- html_files/test/103.html +0 -137
- html_files/test/104.html +0 -137
- html_files/test/105.html +0 -137
- html_files/test/106.html +0 -137
- html_files/test/107.html +0 -137
- html_files/test/108.html +0 -137
- html_files/test/109.html +0 -137
- html_files/test/11.html +0 -137
- html_files/test/110.html +0 -137
- html_files/test/111.html +0 -137
- html_files/test/112.html +0 -137
- html_files/test/113.html +0 -137
- html_files/test/114.html +0 -137
- html_files/test/115.html +0 -137
- html_files/test/116.html +0 -137
- html_files/test/117.html +0 -137
- html_files/test/118.html +0 -137
- html_files/test/119.html +0 -137
- html_files/test/12.html +0 -137
- html_files/test/120.html +0 -137
- html_files/test/121.html +0 -137
- html_files/test/122.html +0 -137
- html_files/test/123.html +0 -137
- html_files/test/124.html +0 -137
- html_files/test/125.html +0 -137
- html_files/test/126.html +0 -137
- html_files/test/127.html +0 -137
- html_files/test/128.html +0 -137
- html_files/test/129.html +0 -137
- html_files/test/13.html +0 -137
- html_files/test/130.html +0 -137
- html_files/test/131.html +0 -137
- html_files/test/132.html +0 -137
- html_files/test/133.html +0 -137
- html_files/test/134.html +0 -137
- html_files/test/135.html +0 -137
- html_files/test/136.html +0 -137
- html_files/test/137.html +0 -137
- html_files/test/138.html +0 -137
- html_files/test/139.html +0 -137
- html_files/test/14.html +0 -137
- html_files/test/140.html +0 -137
- html_files/test/141.html +0 -137
- html_files/test/142.html +0 -137
html_files/test/0.html
DELETED
|
@@ -1,137 +0,0 @@
|
|
| 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: 30%;
|
| 25 |
-
font-size: 1.0rem;
|
| 26 |
-
padding: 10px;
|
| 27 |
-
height: 40vh; /* 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: 40vh; /* Maximum height to a third of the viewport height */
|
| 37 |
-
overflow-y: auto; /* Enable vertical scrolling */
|
| 38 |
-
background-color: #9e9e9e0a; /* Light grey background */
|
| 39 |
-
}
|
| 40 |
-
.text-box {
|
| 41 |
-
width: calc(100% - 20px); /* Adjust based on padding */
|
| 42 |
-
margin: 10px;
|
| 43 |
-
padding: 10px;
|
| 44 |
-
background-color: #9e9e9e0a; /* Light grey background */
|
| 45 |
-
color: #606060bf;
|
| 46 |
-
border: 2px solid #ddd; /* Cartoonish border */
|
| 47 |
-
border-radius: 20px; /* Rounded corners for cartoonish effect */
|
| 48 |
-
position: relative;
|
| 49 |
-
box-shadow: 3px 3px #bbb; /* Soft shadow for depth */
|
| 50 |
-
}
|
| 51 |
-
.text-box:before {
|
| 52 |
-
content: '';
|
| 53 |
-
position: absolute;
|
| 54 |
-
right: 100%;
|
| 55 |
-
bottom: 20%;
|
| 56 |
-
border-top: 10px solid transparent;
|
| 57 |
-
border-bottom: 10px solid transparent;
|
| 58 |
-
border-right: 10px solid #ddd; /* Arrow matching the border */
|
| 59 |
-
}
|
| 60 |
-
.summary-box {
|
| 61 |
-
padding: 10px;
|
| 62 |
-
margin: 10px 0;
|
| 63 |
-
background-color: #e6e6fa; /* Lavender background for a pleasant look */
|
| 64 |
-
border: 1px solid #ddd; /* Light border for definition */
|
| 65 |
-
border-radius: 5px; /* Slightly rounded corners */
|
| 66 |
-
box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* Soft shadow for depth */
|
| 67 |
-
cursor: pointer;
|
| 68 |
-
}
|
| 69 |
-
h4 { margin-top: 0; }
|
| 70 |
-
</style>
|
| 71 |
-
</head>
|
| 72 |
-
<body>
|
| 73 |
-
<div class='column reviews'><h2>Reviews</h2><div class='text-box'>This is the third time over the past 10 years we have stayed here, and although not particularly fancy, I think it is pretty reasonable for the money compared to most hotels, hence the above average rating because of value for money. That aside it is probably a middle of the road property. Pretty good location, and <span class='review-span highlight' data-aligned-summaries='1'>have never had any problems with the staff</span>, cleanliness of rooms etc. Only continuing problem is the strip of marble on the floor separating the main room with the bathroom. It is quite high and is a real killer on the toes if you are not careful ! If we go back to Singapore we will stay here again as long as the Singapore Stopover continues to be a good deal.</div><div class='text-box'>Stayed here as a Singapore Airlines stopover on the way to Europe and was happy with the hotel. <span class='review-span highlight' data-aligned-summaries='1'>When we arrived early in the morning we</span> had to wait for a few hours until checkin, but <span class='review-span highlight' data-aligned-summaries='1'>were still allowed to checkin around 9am which was quite a few hours before their official time</span>. Room aircon was quite cold and the room was quite reasonably sized and clean. Was close to all attractions, and there was a 7-11 just next door for some cheap drinks other than the mini bar. Didn't eat in any of the restaurants as other alternatives close by. Overall quite a good hotel for the money, certainly not luxurious but either was the price.</div><div class='text-box'>My family and I stayed at this hotel for under a week and the hotel amenities were ok but not great. One of the things that really annoyed me was the use of the internet in which you had to put a down payment of $10 on a LAN line cable to connect to a port hole with unreliable service, spending at least an hour just to connect! Not only that, the rooms would always be too cold once we got back even though the key wasn't plugged into the power system. <span class='review-span highlight' data-aligned-summaries='1'>Most of the staff were nice and friendly and offered great eatery suggestions if you asked</span>.</div><div class='text-box'>I stayed in the grand pacific for 5 nights. The hotel is smart.and clean. They are cleaning and upgrading the exterior which looks good but I felt the room I was in was still dated. I was in a no smoking room but the room clearly had been smoked in for a long time previously as you could still smell it. The pool is wonderful and very clean. <span class='review-span highlight' data-aligned-summaries='1'>The staff were very friendly</span>. I didn't use the restraint but the bar on the ground floor was good with nice food. Overall a nice hotel about 2 minutes walk from raffles but needs the rooms to be modernised.</div><div class='text-box'>I stayed at this hotel after picking it from many I reviewed on Travel Advisor. I arrived on Mon pm from a flight from Beijing and was quickly processed into my room. I was extremely happy with my room. I had meals in The Brasserie because this is what my Package included. <span class='review-span highlight' data-aligned-summaries='1'>The service was prompt and the staff eager to help and also very friendly</span>. <span class='review-span highlight' data-aligned-summaries='0'>The hotel is central and close to MRT stations</span> at Bungis and City Hall. There is a Burger King and a 7 Eleven store nearby so this is also a bonus.</div><div class='text-box'>This hotel was very clean, roomy and comfortable. Excellent buffet for breakfast & dinner and a la carte lunch available, all at very reasonable prices and much-needed air-conditioned comfort! 7Eleven store right next door sold bottled water at half the price in the hotel itself (a 'must' in the humidity ). Had very cheap umbrellas for the afternoon rains as well ! The only disappointment after a long flight was the fact that only two teabags were supplied- any more was charged at $1 per bag!</div><div class='text-box'>We would recommend this hotel to anyone, we stayed for 8 nights and received <span class='review-span highlight' data-aligned-summaries='1'>the best quality service from happy , helpful staff</span>. All staff members from any department were excellent, we can not say enought about how good this hotel is. Location in Singapore was ideal, close to every thing.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>This hotel is well positioned near</span> Raffles Centre and <span class='review-span highlight' data-aligned-summaries='0'>the MRT</span>. I have been staying here over the last 15 years and the rooms really need renovating.You need to get it at a good price.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">The hotel is closely located to the MRT.</span> <span id="1" class="summary-sentence">The service from the staff here is unbeatable as they are all very friendly and love to offer suggestions when asked.</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 |
-
console.log('entered!');
|
| 83 |
-
}
|
| 84 |
-
});
|
| 85 |
-
this.classList.add('highlight');
|
| 86 |
-
});
|
| 87 |
-
|
| 88 |
-
sentence.addEventListener('mouseleave', function() {
|
| 89 |
-
const summaryId = this.getAttribute('id');
|
| 90 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 91 |
-
if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
|
| 92 |
-
span.classList.remove('not-hover-highlight');
|
| 93 |
-
span.classList.add('highlight');
|
| 94 |
-
console.log('left!');
|
| 95 |
-
}
|
| 96 |
-
this.classList.remove('highlight');
|
| 97 |
-
});
|
| 98 |
-
});
|
| 99 |
-
});
|
| 100 |
-
|
| 101 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 102 |
-
span.addEventListener('mouseenter', function() {
|
| 103 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 104 |
-
if (span !== this) {
|
| 105 |
-
span.classList.remove('highlight');
|
| 106 |
-
span.classList.add('not-hover-highlight');
|
| 107 |
-
}
|
| 108 |
-
});
|
| 109 |
-
const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
|
| 110 |
-
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 111 |
-
if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
|
| 112 |
-
sentence.classList.add('highlight');
|
| 113 |
-
}
|
| 114 |
-
});
|
| 115 |
-
});
|
| 116 |
-
});
|
| 117 |
-
|
| 118 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 119 |
-
span.addEventListener('mouseleave', function() {
|
| 120 |
-
const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
|
| 121 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 122 |
-
if (span !== this) {
|
| 123 |
-
span.classList.remove('not-hover-highlight');
|
| 124 |
-
span.classList.add('highlight');
|
| 125 |
-
}
|
| 126 |
-
});
|
| 127 |
-
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 128 |
-
if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
|
| 129 |
-
sentence.classList.remove('highlight');
|
| 130 |
-
}
|
| 131 |
-
});
|
| 132 |
-
});
|
| 133 |
-
});
|
| 134 |
-
|
| 135 |
-
</script>
|
| 136 |
-
</body>
|
| 137 |
-
</html>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
html_files/test/1.html
DELETED
|
@@ -1,137 +0,0 @@
|
|
| 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: 30%;
|
| 25 |
-
font-size: 1.0rem;
|
| 26 |
-
padding: 10px;
|
| 27 |
-
height: 40vh; /* 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: 40vh; /* Maximum height to a third of the viewport height */
|
| 37 |
-
overflow-y: auto; /* Enable vertical scrolling */
|
| 38 |
-
background-color: #9e9e9e0a; /* Light grey background */
|
| 39 |
-
}
|
| 40 |
-
.text-box {
|
| 41 |
-
width: calc(100% - 20px); /* Adjust based on padding */
|
| 42 |
-
margin: 10px;
|
| 43 |
-
padding: 10px;
|
| 44 |
-
background-color: #9e9e9e0a; /* Light grey background */
|
| 45 |
-
color: #606060bf;
|
| 46 |
-
border: 2px solid #ddd; /* Cartoonish border */
|
| 47 |
-
border-radius: 20px; /* Rounded corners for cartoonish effect */
|
| 48 |
-
position: relative;
|
| 49 |
-
box-shadow: 3px 3px #bbb; /* Soft shadow for depth */
|
| 50 |
-
}
|
| 51 |
-
.text-box:before {
|
| 52 |
-
content: '';
|
| 53 |
-
position: absolute;
|
| 54 |
-
right: 100%;
|
| 55 |
-
bottom: 20%;
|
| 56 |
-
border-top: 10px solid transparent;
|
| 57 |
-
border-bottom: 10px solid transparent;
|
| 58 |
-
border-right: 10px solid #ddd; /* Arrow matching the border */
|
| 59 |
-
}
|
| 60 |
-
.summary-box {
|
| 61 |
-
padding: 10px;
|
| 62 |
-
margin: 10px 0;
|
| 63 |
-
background-color: #e6e6fa; /* Lavender background for a pleasant look */
|
| 64 |
-
border: 1px solid #ddd; /* Light border for definition */
|
| 65 |
-
border-radius: 5px; /* Slightly rounded corners */
|
| 66 |
-
box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* Soft shadow for depth */
|
| 67 |
-
cursor: pointer;
|
| 68 |
-
}
|
| 69 |
-
h4 { margin-top: 0; }
|
| 70 |
-
</style>
|
| 71 |
-
</head>
|
| 72 |
-
<body>
|
| 73 |
-
<div class='column reviews'><h2>Reviews</h2><div class='text-box'>This is the third time over the past 10 years we have stayed here, and although not particularly fancy, I think it is pretty reasonable for the money compared to most hotels, hence the above average rating because of value for money. That aside it is probably a middle of the road property. Pretty good location, and have <span class='review-span highlight' data-aligned-summaries='1'>never had any problems with the staff</span>, cleanliness of rooms etc. Only continuing problem is the strip of marble on the floor separating the main room with the bathroom. It is quite high and is a real killer on the toes if you are not careful ! If we go back to Singapore we will stay here again as long as the Singapore Stopover continues to be a good deal.</div><div class='text-box'>Stayed here as a Singapore Airlines stopover on the way to Europe and was happy with the hotel. <span class='review-span highlight' data-aligned-summaries='1'>When we arrived early</span> in the morning we had to wait for a few hours until checkin, <span class='review-span highlight' data-aligned-summaries='1'>but were still allowed to checkin around 9am which was quite a few hours before their official time</span>. Room aircon was quite cold and the room was quite reasonably sized and clean. Was close to all attractions, and there was a 7-11 just next door for some cheap drinks other than the mini bar. Didn't eat in any of the restaurants as other alternatives close by. Overall quite a good hotel for the money, certainly not luxurious but either was the price.</div><div class='text-box'>My family and I stayed at this hotel for under a week and the hotel amenities were ok but not great. One of the things that really annoyed me was the use of the internet in which you had to put a down payment of $10 on a LAN line cable to connect to a port hole with unreliable service, spending at least an hour just to connect! Not only that, the rooms would always be too cold once we got back even though the key wasn't plugged into the power system. <span class='review-span highlight' data-aligned-summaries='1'>Most of the staff were nice and friendly and offered great eatery suggestions if you asked</span>.</div><div class='text-box'>I stayed in the grand pacific for 5 nights. The hotel is smart.and clean. They are cleaning and upgrading the exterior which looks good but I felt the room I was in was still dated. I was in a no smoking room but the room clearly had been smoked in for a long time previously as you could still smell it. The pool is wonderful and very clean. <span class='review-span highlight' data-aligned-summaries='1'>The staff were very friendly</span>. I didn't use the restraint but the bar on the ground floor was good with nice food. <span class='review-span highlight' data-aligned-summaries='0'>Overall a nice hotel about 2 minutes walk from raffles</span> but needs the rooms to be modernised.</div><div class='text-box'>I stayed at this hotel after picking it from many I reviewed on Travel Advisor. I arrived on Mon pm from a flight from Beijing and was quickly processed into my room. I was extremely happy with my room. I had meals in The Brasserie because this is what my Package included. <span class='review-span highlight' data-aligned-summaries='1'>The service was prompt and the staff eager to help and also very friendly</span>. <span class='review-span highlight' data-aligned-summaries='0'>The hotel is central and close to MRT stations</span> at Bungis and City Hall. There is a Burger King and a 7 Eleven store nearby so this is also a bonus.</div><div class='text-box'>This hotel was very clean, roomy and comfortable. Excellent buffet for breakfast & dinner and a la carte lunch available, all at very reasonable prices and much-needed air-conditioned comfort! 7Eleven store right next door sold bottled water at half the price in the hotel itself (a 'must' in the humidity ). Had very cheap umbrellas for the afternoon rains as well ! The only disappointment after a long flight was the fact that only two teabags were supplied- any more was charged at $1 per bag!</div><div class='text-box'>We would recommend this hotel to anyone, we stayed for 8 nights and received the best quality <span class='review-span highlight' data-aligned-summaries='1'>service from happy , helpful staff</span>. <span class='review-span highlight' data-aligned-summaries='1'>All staff members from any department were excellent</span>, we can not say enought about how good this hotel is. Location in Singapore was ideal, close to every thing.</div><div class='text-box'>This hotel is <span class='review-span highlight' data-aligned-summaries='0'>well positioned near</span> Raffles Centre and <span class='review-span highlight' data-aligned-summaries='0'>the MRT</span>. I have been staying here over the last 15 years and the rooms really need renovating.You need to get it at a good price.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">This hotel is superbly located and close to the MRT system.</span> <span id="1" class="summary-sentence">The staff at the hotel were incredibly helpful and friendly.</span></div></div>
|
| 74 |
-
<script>
|
| 75 |
-
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 76 |
-
sentence.addEventListener('mouseenter', function() {
|
| 77 |
-
const summaryId = this.getAttribute('id');
|
| 78 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 79 |
-
if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
|
| 80 |
-
span.classList.remove('highlight');
|
| 81 |
-
span.classList.add('not-hover-highlight');
|
| 82 |
-
console.log('entered!');
|
| 83 |
-
}
|
| 84 |
-
});
|
| 85 |
-
this.classList.add('highlight');
|
| 86 |
-
});
|
| 87 |
-
|
| 88 |
-
sentence.addEventListener('mouseleave', function() {
|
| 89 |
-
const summaryId = this.getAttribute('id');
|
| 90 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 91 |
-
if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
|
| 92 |
-
span.classList.remove('not-hover-highlight');
|
| 93 |
-
span.classList.add('highlight');
|
| 94 |
-
console.log('left!');
|
| 95 |
-
}
|
| 96 |
-
this.classList.remove('highlight');
|
| 97 |
-
});
|
| 98 |
-
});
|
| 99 |
-
});
|
| 100 |
-
|
| 101 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 102 |
-
span.addEventListener('mouseenter', function() {
|
| 103 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 104 |
-
if (span !== this) {
|
| 105 |
-
span.classList.remove('highlight');
|
| 106 |
-
span.classList.add('not-hover-highlight');
|
| 107 |
-
}
|
| 108 |
-
});
|
| 109 |
-
const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
|
| 110 |
-
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 111 |
-
if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
|
| 112 |
-
sentence.classList.add('highlight');
|
| 113 |
-
}
|
| 114 |
-
});
|
| 115 |
-
});
|
| 116 |
-
});
|
| 117 |
-
|
| 118 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 119 |
-
span.addEventListener('mouseleave', function() {
|
| 120 |
-
const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
|
| 121 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 122 |
-
if (span !== this) {
|
| 123 |
-
span.classList.remove('not-hover-highlight');
|
| 124 |
-
span.classList.add('highlight');
|
| 125 |
-
}
|
| 126 |
-
});
|
| 127 |
-
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 128 |
-
if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
|
| 129 |
-
sentence.classList.remove('highlight');
|
| 130 |
-
}
|
| 131 |
-
});
|
| 132 |
-
});
|
| 133 |
-
});
|
| 134 |
-
|
| 135 |
-
</script>
|
| 136 |
-
</body>
|
| 137 |
-
</html>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
html_files/test/10.html
DELETED
|
@@ -1,137 +0,0 @@
|
|
| 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: 30%;
|
| 25 |
-
font-size: 1.0rem;
|
| 26 |
-
padding: 10px;
|
| 27 |
-
height: 40vh; /* 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: 40vh; /* Maximum height to a third of the viewport height */
|
| 37 |
-
overflow-y: auto; /* Enable vertical scrolling */
|
| 38 |
-
background-color: #9e9e9e0a; /* Light grey background */
|
| 39 |
-
}
|
| 40 |
-
.text-box {
|
| 41 |
-
width: calc(100% - 20px); /* Adjust based on padding */
|
| 42 |
-
margin: 10px;
|
| 43 |
-
padding: 10px;
|
| 44 |
-
background-color: #9e9e9e0a; /* Light grey background */
|
| 45 |
-
color: #606060bf;
|
| 46 |
-
border: 2px solid #ddd; /* Cartoonish border */
|
| 47 |
-
border-radius: 20px; /* Rounded corners for cartoonish effect */
|
| 48 |
-
position: relative;
|
| 49 |
-
box-shadow: 3px 3px #bbb; /* Soft shadow for depth */
|
| 50 |
-
}
|
| 51 |
-
.text-box:before {
|
| 52 |
-
content: '';
|
| 53 |
-
position: absolute;
|
| 54 |
-
right: 100%;
|
| 55 |
-
bottom: 20%;
|
| 56 |
-
border-top: 10px solid transparent;
|
| 57 |
-
border-bottom: 10px solid transparent;
|
| 58 |
-
border-right: 10px solid #ddd; /* Arrow matching the border */
|
| 59 |
-
}
|
| 60 |
-
.summary-box {
|
| 61 |
-
padding: 10px;
|
| 62 |
-
margin: 10px 0;
|
| 63 |
-
background-color: #e6e6fa; /* Lavender background for a pleasant look */
|
| 64 |
-
border: 1px solid #ddd; /* Light border for definition */
|
| 65 |
-
border-radius: 5px; /* Slightly rounded corners */
|
| 66 |
-
box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* Soft shadow for depth */
|
| 67 |
-
cursor: pointer;
|
| 68 |
-
}
|
| 69 |
-
h4 { margin-top: 0; }
|
| 70 |
-
</style>
|
| 71 |
-
</head>
|
| 72 |
-
<body>
|
| 73 |
-
<div class='column reviews'><h2>Reviews</h2><div class='text-box'>I was completely blown away by the whole complex of Marina sands but just let me share my thoughts. Skypark is a must we went up at dusk and watched the city light up - <span class='review-span highlight' data-aligned-summaries='1'>best views of Singapore</span>. Feel very sorry for the residents of this hotel, as they swim in the pool the visitors to the skypark are continually looking through every available area. The foyer of the hotel is a bit like a first class airline checkin area but queues to check in or out - people everywhere just milling around. Foodhall downstairs is overpriced very busy and not very good - ate there twice and wished I hadn't both times. Did live in Singapore for 4 years and there are plenty of excellent hawkers around a shame this wasn't one of them. Without a doubt it is an amazing building and a must see in Singapore.</div><div class='text-box'>Check in was efficient, and the welcome drink was a nice touch. <span class='review-span highlight' data-aligned-summaries='0'>They allowed me to check in slightly early which was great</span> as I was travelling with a small child. Rooms are large and very nice. <span class='review-span highlight' data-aligned-summaries='0'>Loads of facilities, shopping etc in and around the complex</span>, we spent an entire day just exploring the area (<span class='review-span highlight' data-aligned-summaries='0'>ice skating, sampan rides, skypark, infinity pool etc</span>). Check out was also efficient. I had read a lot of bad reviews, but didn't have any negative experiences during my stay here. Absolutely recommend staying here!</div><div class='text-box'>I have read the negative reviews here and had some mixed feelings before I checked in. But I have to admit that there was nothing that was really bad. I used the laundry service and some other Concierge services and they were all satisfying. <span class='review-span highlight' data-aligned-summaries='0'>The staff was</span> also <span class='review-span highlight' data-aligned-summaries='0'>friendly</span>, so all-in-all very ok. The only thing is the location. Marina Bay Sands is a bit from the city and I haven't found a convenience store at the mall just next to the hotel.</div><div class='text-box'>Room was very spacious and decor contemporary. The kids love the Skypark pool and the bathtub in the room. <span class='review-span highlight' data-aligned-summaries='1'>View was good</span>; better to come when the Gardens by the Bay is open. Linked to shopping mall of designer brands. Mall layout is kinda confusing though. Only tried the Fuse lounge for a nightcap, where there was live music. Relaxing<span class='review-span highlight' data-aligned-summaries='0'>. Very conveniently linked to Bayfront MRT station</span>.</div><div class='text-box'>its one of the best hotel i have ever seen. Simply amazingly made. specially the shape massive rooms awesome food classy <span class='review-span highlight' data-aligned-summaries='1'>sky bar at</span> the <span class='review-span highlight' data-aligned-summaries='1'>top floor</span> from there <span class='review-span highlight' data-aligned-summaries='1'>we can see whole Singapore</span> incredible and so <span class='review-span highlight' data-aligned-summaries='0'>polite staff</span> and the shopping area is huge with all possible world best brands and the casino is mind boggling with all games.i wish to visit twice a year.</div><div class='text-box'>We were lucky to score a free up grade to a club room which was a bit noisey from traffic alongside but overall the room was fantastic. <span class='review-span highlight' data-aligned-summaries='0'>Allowed late chck out and a glass of champagne leaving the hotel</span>. Obviously the pool complex is one of the main draw cards for this hotel.</div><div class='text-box'>Big "Vegas Style" <span class='review-span highlight' data-aligned-summaries='0'>hotel with the shopping mall and convention centre attached</span>. I paid a little more for <span class='review-span highlight' data-aligned-summaries='1'>the premium room</span> but it <span class='review-span highlight' data-aligned-summaries='1'>was worth it for the city view</span>. Room was large with big bathroom and separate shower. Always busy, especially the skypark over the hotel which was wonderful</div><div class='text-box'>went there because of the breathtaking rooftop infinity pool which is really special. the hotel itself is modern, huge, bright, <span class='review-span highlight' data-aligned-summaries='0'>has friendly staff</span> but the hotel is too big and therefore much too impersonal. You have to do it once - <span class='review-span highlight' data-aligned-summaries='0'>but there are more personal hotels in Singapore</span>.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">The location of this hotel is really convenient and their staff were wonderfully friendly.</span> <span id="1" class="summary-sentence">The hotel has beautiful views.</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 |
-
console.log('entered!');
|
| 83 |
-
}
|
| 84 |
-
});
|
| 85 |
-
this.classList.add('highlight');
|
| 86 |
-
});
|
| 87 |
-
|
| 88 |
-
sentence.addEventListener('mouseleave', function() {
|
| 89 |
-
const summaryId = this.getAttribute('id');
|
| 90 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 91 |
-
if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
|
| 92 |
-
span.classList.remove('not-hover-highlight');
|
| 93 |
-
span.classList.add('highlight');
|
| 94 |
-
console.log('left!');
|
| 95 |
-
}
|
| 96 |
-
this.classList.remove('highlight');
|
| 97 |
-
});
|
| 98 |
-
});
|
| 99 |
-
});
|
| 100 |
-
|
| 101 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 102 |
-
span.addEventListener('mouseenter', function() {
|
| 103 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 104 |
-
if (span !== this) {
|
| 105 |
-
span.classList.remove('highlight');
|
| 106 |
-
span.classList.add('not-hover-highlight');
|
| 107 |
-
}
|
| 108 |
-
});
|
| 109 |
-
const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
|
| 110 |
-
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 111 |
-
if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
|
| 112 |
-
sentence.classList.add('highlight');
|
| 113 |
-
}
|
| 114 |
-
});
|
| 115 |
-
});
|
| 116 |
-
});
|
| 117 |
-
|
| 118 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 119 |
-
span.addEventListener('mouseleave', function() {
|
| 120 |
-
const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
|
| 121 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 122 |
-
if (span !== this) {
|
| 123 |
-
span.classList.remove('not-hover-highlight');
|
| 124 |
-
span.classList.add('highlight');
|
| 125 |
-
}
|
| 126 |
-
});
|
| 127 |
-
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 128 |
-
if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
|
| 129 |
-
sentence.classList.remove('highlight');
|
| 130 |
-
}
|
| 131 |
-
});
|
| 132 |
-
});
|
| 133 |
-
});
|
| 134 |
-
|
| 135 |
-
</script>
|
| 136 |
-
</body>
|
| 137 |
-
</html>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
html_files/test/100.html
DELETED
|
@@ -1,137 +0,0 @@
|
|
| 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: 30%;
|
| 25 |
-
font-size: 1.0rem;
|
| 26 |
-
padding: 10px;
|
| 27 |
-
height: 40vh; /* 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: 40vh; /* 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'>Just spent one night at the Holiday Inn, and to be honest, it's the best option on that price range. <span class='review-span highlight' data-aligned-summaries='1'>Lovely setting</span>, and the Pompidou 'Paris Plages' really suited the setting. Chilled out area by the canal with a fab place to eat opposite the entrance, that served proper French simple food. <span class='review-span highlight' data-aligned-summaries='1 3'>Room spotless</span>, and although when we went to bed we could still hear music, it didn't really bother us. <span class='review-span highlight' data-aligned-summaries='7'>The breakfast was standard</span>, and there were hot options, they were gone by the time we went down. A previous poster mentioned one of the lifts being shut off, and we experienced this, but it didn't impede our stay any - <span class='review-span highlight' data-aligned-summaries='9'>who cares about waiting an extra minute for a lift</span> - if you're that bothered, then <span class='review-span highlight' data-aligned-summaries='10'>use the stairs</span>! Paris can be pretty bad for accommodation of this standard, and this is a gem. The Metro is less than 5 minutes away, and it's nice to be in a part of Paris that is not touristyy at all.</div><div class='text-box'>The hotel is 4 minutes from the metro with a handy all night store en route. <span class='review-span highlight' data-aligned-summaries='6'>The staff were very friendly and efficient</span> and I would recommend thi hotel with its lovely views and large comfortable rooms. <span class='review-span highlight' data-aligned-summaries='3'>My room looked all the way up the canal</span> towards the rotunda near the Stalingrad metro station <span class='review-span highlight' data-aligned-summaries='3'>and overlooked the houseboats moored in the canal basin</span>. <span class='review-span highlight' data-aligned-summaries='1 2'>The tree lined avenue alongside was used by the locals to play boules</span> <span class='review-span highlight' data-aligned-summaries='2'>and the two cafe bars nearby were ideal</span> for a late night drink/coffee. Easy access to Paris by metro and a real feeling that you were not surrounded by tourists but were seing a genuine slice of French life. I would not hesitate to recommend the hotel although some people might not like the walk from the station at night as it is quite dark (albeit it is past the police station).</div><div class='text-box'>My wife and myself spent 5 days in this hotel from 12th May 2009 and found it to be an exceptional <span class='review-span highlight' data-aligned-summaries='2'>hotel in a lovely location just outside Paris</span>. <span class='review-span highlight' data-aligned-summaries='3'>Our delightful room was overlooking the canal with a view of boats</span> as they plied their way down he canal. Brilliant <span class='review-span highlight' data-aligned-summaries='5'>shower in the good size bathroom, no bath, but this not important to ourselves</span>. <span class='review-span highlight' data-aligned-summaries='4'>Large and very comfortable bed</span> and <span class='review-span highlight' data-aligned-summaries='5'>room had all the facilities you would expect</span> from this hotel group including internet connection, tea and coffee etc. <span class='review-span highlight' data-aligned-summaries='7'>Very adequate breakfast served</span> in dining room and <span class='review-span highlight' data-aligned-summaries='6'>staff were very helpful</span>. We used the excellent public transport system, always a good way to get about Paris, and there was a very convenient Metro station close to the hotel.</div><div class='text-box'>We booked a room 2 months ago. When we arrived last saterday, they were suddenly 'overbooked'. They said the'll send us to a different hotel, they gave us a map en showed us how to walk. When we came to the other hotel, they didn't no nothing about us. The hotelstaff send us to the wrong hotel! After a whole afternoon walking around the nieghbourhood, we finally checked in at the right hotel. A waste of our afternoon, since we stayed only a view days in Paris. <span class='review-span highlight' data-aligned-summaries='6'>We are certainly not happy with the serive at the hotel, you don't treat your guest like that and only say a simple 'sorry' afterwards</span>.</div><div class='text-box'>My wife and I stayed at this hotel for a weekend for our anniversary. The <span class='review-span highlight' data-aligned-summaries='2'>hotel was well located</span> to experience Paris without paying the high prices. We purchased a 3 day Visite Paris pass which allowed us unlimited travel on the metro, RER, Bus etc. to visit all the main attractions. The pass also entitled us to a 20% discount on the Euro Disney tickets and the travel there and back! I highly recommend this hotel for a great weekend away.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>This seemed a brand new hotel</span>. <span class='review-span highlight' data-aligned-summaries='2'>Location is nice.</span> <span class='review-span highlight' data-aligned-summaries='3'>The room has a view over the canal</span>. <span class='review-span highlight' data-aligned-summaries='2'>By metro you is quickly in the centre of Paris</span>. <span class='review-span highlight' data-aligned-summaries='8'>Secured parking below the hotel</span>. There were not enough seats in the restaurant, so be ready to wait for some time during rush hour.</div><div class='text-box'>Who would have thought that a H.I. Express could be so enjoyable. <span class='review-span highlight' data-aligned-summaries='6'>The staff were extraordinary</span>, <span class='review-span highlight' data-aligned-summaries='1 3'>the setting</span> <span class='review-span highlight' data-aligned-summaries='3'>on the canal</span> <span class='review-span highlight' data-aligned-summaries='1 3'>was really nice</span> and the Metro was real close. We enjoyed our stay here prior to meeting at another hotel for a Globus tour.</div><div class='text-box'>Had a beautiful time in Paris thanks to this hotel as well. <span class='review-span highlight' data-aligned-summaries='6'>Staff very helpful</span> , metro close by <span class='review-span highlight' data-aligned-summaries='3'>and the</span> <span class='review-span highlight' data-aligned-summaries='1 3'>view of the canal it's very romantic</span>. Went there with my partner and loved it. <span class='review-span highlight' data-aligned-summaries='1'>Simple,</span> <span class='review-span highlight' data-aligned-summaries='1 3'>clean</span> <span class='review-span highlight' data-aligned-summaries='1'>and effective</span> . Thank you .</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">This hotel seems like it is brand new which is a plus.</span> <span id="1" class="summary-sentence">It is in a picturesque setting and is simplistically clean.</span> <span id="2" class="summary-sentence">The hotel is situated in a good location just outside Paris with two cafe bars nearby.</span> <span id="3" class="summary-sentence">The super clean room had incredible views of the canal and the boats there.</span> <span id="4" class="summary-sentence">Not only that but the beds were both large and really cosy.</span> <span id="5" class="summary-sentence">There was every facility you need apart from having a shower instead of a bath, but that's fine for most people.</span> <span id="6" class="summary-sentence">The staff are pretty helpful and at times they were extraordinary.</span> <span id="7" class="summary-sentence">The hotel offered a basic breakfast.</span> <span id="8" class="summary-sentence">There is secure parking underneath the hotel.</span> <span id="9" class="summary-sentence">There are also lifts provided, which can be a bit of a wait</span> <span id="10" class="summary-sentence">but there are also stairs to use.</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 |
-
console.log('entered!');
|
| 83 |
-
}
|
| 84 |
-
});
|
| 85 |
-
this.classList.add('highlight');
|
| 86 |
-
});
|
| 87 |
-
|
| 88 |
-
sentence.addEventListener('mouseleave', function() {
|
| 89 |
-
const summaryId = this.getAttribute('id');
|
| 90 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 91 |
-
if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
|
| 92 |
-
span.classList.remove('not-hover-highlight');
|
| 93 |
-
span.classList.add('highlight');
|
| 94 |
-
console.log('left!');
|
| 95 |
-
}
|
| 96 |
-
this.classList.remove('highlight');
|
| 97 |
-
});
|
| 98 |
-
});
|
| 99 |
-
});
|
| 100 |
-
|
| 101 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 102 |
-
span.addEventListener('mouseenter', function() {
|
| 103 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 104 |
-
if (span !== this) {
|
| 105 |
-
span.classList.remove('highlight');
|
| 106 |
-
span.classList.add('not-hover-highlight');
|
| 107 |
-
}
|
| 108 |
-
});
|
| 109 |
-
const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
|
| 110 |
-
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 111 |
-
if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
|
| 112 |
-
sentence.classList.add('highlight');
|
| 113 |
-
}
|
| 114 |
-
});
|
| 115 |
-
});
|
| 116 |
-
});
|
| 117 |
-
|
| 118 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 119 |
-
span.addEventListener('mouseleave', function() {
|
| 120 |
-
const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
|
| 121 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 122 |
-
if (span !== this) {
|
| 123 |
-
span.classList.remove('not-hover-highlight');
|
| 124 |
-
span.classList.add('highlight');
|
| 125 |
-
}
|
| 126 |
-
});
|
| 127 |
-
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 128 |
-
if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
|
| 129 |
-
sentence.classList.remove('highlight');
|
| 130 |
-
}
|
| 131 |
-
});
|
| 132 |
-
});
|
| 133 |
-
});
|
| 134 |
-
|
| 135 |
-
</script>
|
| 136 |
-
</body>
|
| 137 |
-
</html>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
html_files/test/101.html
DELETED
|
@@ -1,137 +0,0 @@
|
|
| 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: 30%;
|
| 25 |
-
font-size: 1.0rem;
|
| 26 |
-
padding: 10px;
|
| 27 |
-
height: 40vh; /* 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: 40vh; /* 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'>Just spent one night at the Holiday Inn, and to be honest, <span class='review-span highlight' data-aligned-summaries='0'>it's the best option on that price range</span>. <span class='review-span highlight' data-aligned-summaries='1'>Lovely setting, and the Pompidou 'Paris Plages' really suited the setting</span>. Chilled out area by the canal with <span class='review-span highlight' data-aligned-summaries='9'>a fab place to eat opposite the entrance, that served proper French simple food</span>. <span class='review-span highlight' data-aligned-summaries='5'>Room spotless</span>, and although when we went to bed we could still hear music, it didn't really bother us. <span class='review-span highlight' data-aligned-summaries='10'>The breakfast was standard, and there were hot options, they were gone by the time we went down</span>. A previous poster mentioned <span class='review-span highlight' data-aligned-summaries='11'>one of the lifts being shut off</span>, and we experienced this, <span class='review-span highlight' data-aligned-summaries='11'>but it didn't impede our stay any</span> - who cares about waiting an extra minute for a lift - if you're that bothered, then <span class='review-span highlight' data-aligned-summaries='11'>use the stairs</span>! <span class='review-span highlight' data-aligned-summaries='0'>Paris can be pretty bad for accommodation of this standard, and this is a gem</span>. The Metro is less than 5 minutes away, and it's nice to be in a part of Paris that is not touristyy at all.</div><div class='text-box'>The hotel is 4 minutes from the metro with a handy all night store en route. <span class='review-span highlight' data-aligned-summaries='7'>The staff were very friendly and efficient</span> and I would recommend thi hotel with its lovely views and <span class='review-span highlight' data-aligned-summaries='5'>large comfortable rooms</span>. <span class='review-span highlight' data-aligned-summaries='4'>My room looked all the way up the canal towards the rotunda near the Stalingrad metro station and overlooked the houseboats moored in the canal basin</span>. The tree lined avenue alongside was used by the locals to play boules and <span class='review-span highlight' data-aligned-summaries='2'>the two cafe bars nearby were ideal for a late night drink</span>/coffee. Easy access to Paris by metro and a real feeling that you were not surrounded by tourists but were seing a genuine slice of French life. I would not hesitate to recommend the hotel although <span class='review-span highlight' data-aligned-summaries='3'>some people might not like the walk from the station at night</span> as it is quite dark (albeit it is past the police station).</div><div class='text-box'>My wife and myself spent 5 days in this hotel from 12th May 2009 and found it to be <span class='review-span highlight' data-aligned-summaries='0'>an exceptional hotel in a lovely location just outside Paris</span>. <span class='review-span highlight' data-aligned-summaries='4'>Our delightful room was overlooking the canal with a view of boats as they plied their way down he canal</span>. <span class='review-span highlight' data-aligned-summaries='5'>Brilliant shower in the good size bathroom, no bath</span>, but this not important to ourselves. <span class='review-span highlight' data-aligned-summaries='6'>Large and very comfortable bed</span> and <span class='review-span highlight' data-aligned-summaries='6'>room had all the facilities you would expect from this hotel group including internet connection, tea and coffee etc.</span> Very adequate breakfast served in dining room and <span class='review-span highlight' data-aligned-summaries='7'>staff were very helpful</span>. We used the excellent public transport system, always a good way to get about Paris, and there was a very convenient Metro station close to the hotel.</div><div class='text-box'>We booked a room 2 months ago. When we arrived last saterday, <span class='review-span highlight' data-aligned-summaries='7'>they were suddenly 'overbooked'. They said the'll send us to a different hotel, they gave us a map en showed us how to walk</span>. When we came to the other hotel, they didn't no nothing about us. <span class='review-span highlight' data-aligned-summaries='7'>The hotelstaff send us to the wrong hotel</span>! After a whole afternoon walking around the nieghbourhood, we finally checked in at the right hotel. A waste of our afternoon, since we stayed only a view days in Paris. <span class='review-span highlight' data-aligned-summaries='7'>We are certainly not happy with the serive at the hotel, you don't treat your guest like that and only say a simple 'sorry' afterwards.</span></div><div class='text-box'>My wife and I stayed at this hotel for a weekend for our anniversary. <span class='review-span highlight' data-aligned-summaries='0'>The hotel was well located to experience Paris without paying the high prices.</span> We purchased a 3 day Visite Paris pass which allowed us unlimited travel on the metro, RER, Bus etc. to visit all the main attractions. The pass also entitled us to a 20% discount on the Euro Disney tickets and the travel there and back! I highly recommend this hotel for a great weekend away.</div><div class='text-box'>This seemed a brand new hotel. <span class='review-span highlight' data-aligned-summaries='2'>Location is nice</span>. <span class='review-span highlight' data-aligned-summaries='4'>The room has a view over the canal</span>. By metro you is quickly in the centre of Paris. <span class='review-span highlight' data-aligned-summaries='11'>Secured parking below the hotel</span>. There were not enough seats in the restaurant, so be ready to wait for some time during rush hour.</div><div class='text-box'>Who would have thought that a <span class='review-span highlight' data-aligned-summaries='0'>H.I. Express could be so enjoyable</span>. <span class='review-span highlight' data-aligned-summaries='7 8'>The staff were extraordinary</span>, <span class='review-span highlight' data-aligned-summaries='1'>the setting on the canal was really nice</span> and the Metro was real close. We enjoyed our stay here prior to meeting at another hotel for a Globus tour.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>Had a beautiful time in Paris thanks to this hotel</span> as well. <span class='review-span highlight' data-aligned-summaries='7'>Staff very helpful</span> , <span class='review-span highlight' data-aligned-summaries='3'>metro close by</span> and <span class='review-span highlight' data-aligned-summaries='4'>the view of the canal</span> it's very romantic. Went there with my partner and loved it. Simple, <span class='review-span highlight' data-aligned-summaries='5'>clean</span> and effective . Thank you .</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">This hotel is a great option for those visiting Paris with a specific price range in mind, as it is a gem in what can be pretty bad accommodation in regards to this standard.</span> <span id="1" class="summary-sentence">The setting is lovely and really suited to its surroundings, making it a simple yet effective choice.</span> <span id="2" class="summary-sentence">Ideal location just on the outskirts of the main city, with multiple cafe bars close by for guests to enjoy if they fancy leaving the hotel.</span> <span id="3" class="summary-sentence">However, it is not in walking distance from the main station which can be off putting for some.</span> <span id="4" class="summary-sentence">The views from the rooms overlook the canals with its boats and looking onwards to the rotunda near the metro station in Stalingrad.</span> <span id="5" class="summary-sentence">There is also a good-sized bathroom with a great shower, though no bath and the room itself was clean and very large.</span> <span id="6" class="summary-sentence">The bed is comfortable and the rooms included all the expected facilities, an internet connection, and coffee or tea.</span> <span id="7" class="summary-sentence">The service was okay, as the staff generally try to be helpful where they can.</span> <span id="8" class="summary-sentence">But it could be better at times.</span> <span id="9" class="summary-sentence">The French food served nearby the hotel was simple but proper, it was a great place to eat.</span> <span id="10" class="summary-sentence">Sadly the hot but standard breakfast options were gone by a certain time in the morning.</span> <span id="11" class="summary-sentence">The hotel has the option of parking beneath the hotel and it is secured and although there were issues with the lift, stairs were available for use.</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 |
-
console.log('entered!');
|
| 83 |
-
}
|
| 84 |
-
});
|
| 85 |
-
this.classList.add('highlight');
|
| 86 |
-
});
|
| 87 |
-
|
| 88 |
-
sentence.addEventListener('mouseleave', function() {
|
| 89 |
-
const summaryId = this.getAttribute('id');
|
| 90 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 91 |
-
if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
|
| 92 |
-
span.classList.remove('not-hover-highlight');
|
| 93 |
-
span.classList.add('highlight');
|
| 94 |
-
console.log('left!');
|
| 95 |
-
}
|
| 96 |
-
this.classList.remove('highlight');
|
| 97 |
-
});
|
| 98 |
-
});
|
| 99 |
-
});
|
| 100 |
-
|
| 101 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 102 |
-
span.addEventListener('mouseenter', function() {
|
| 103 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 104 |
-
if (span !== this) {
|
| 105 |
-
span.classList.remove('highlight');
|
| 106 |
-
span.classList.add('not-hover-highlight');
|
| 107 |
-
}
|
| 108 |
-
});
|
| 109 |
-
const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
|
| 110 |
-
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 111 |
-
if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
|
| 112 |
-
sentence.classList.add('highlight');
|
| 113 |
-
}
|
| 114 |
-
});
|
| 115 |
-
});
|
| 116 |
-
});
|
| 117 |
-
|
| 118 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 119 |
-
span.addEventListener('mouseleave', function() {
|
| 120 |
-
const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
|
| 121 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 122 |
-
if (span !== this) {
|
| 123 |
-
span.classList.remove('not-hover-highlight');
|
| 124 |
-
span.classList.add('highlight');
|
| 125 |
-
}
|
| 126 |
-
});
|
| 127 |
-
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 128 |
-
if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
|
| 129 |
-
sentence.classList.remove('highlight');
|
| 130 |
-
}
|
| 131 |
-
});
|
| 132 |
-
});
|
| 133 |
-
});
|
| 134 |
-
|
| 135 |
-
</script>
|
| 136 |
-
</body>
|
| 137 |
-
</html>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
html_files/test/102.html
DELETED
|
@@ -1,137 +0,0 @@
|
|
| 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: 30%;
|
| 25 |
-
font-size: 1.0rem;
|
| 26 |
-
padding: 10px;
|
| 27 |
-
height: 40vh; /* 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: 40vh; /* Maximum height to a third of the viewport height */
|
| 37 |
-
overflow-y: auto; /* Enable vertical scrolling */
|
| 38 |
-
background-color: #9e9e9e0a; /* Light grey background */
|
| 39 |
-
}
|
| 40 |
-
.text-box {
|
| 41 |
-
width: calc(100% - 20px); /* Adjust based on padding */
|
| 42 |
-
margin: 10px;
|
| 43 |
-
padding: 10px;
|
| 44 |
-
background-color: #9e9e9e0a; /* Light grey background */
|
| 45 |
-
color: #606060bf;
|
| 46 |
-
border: 2px solid #ddd; /* Cartoonish border */
|
| 47 |
-
border-radius: 20px; /* Rounded corners for cartoonish effect */
|
| 48 |
-
position: relative;
|
| 49 |
-
box-shadow: 3px 3px #bbb; /* Soft shadow for depth */
|
| 50 |
-
}
|
| 51 |
-
.text-box:before {
|
| 52 |
-
content: '';
|
| 53 |
-
position: absolute;
|
| 54 |
-
right: 100%;
|
| 55 |
-
bottom: 20%;
|
| 56 |
-
border-top: 10px solid transparent;
|
| 57 |
-
border-bottom: 10px solid transparent;
|
| 58 |
-
border-right: 10px solid #ddd; /* Arrow matching the border */
|
| 59 |
-
}
|
| 60 |
-
.summary-box {
|
| 61 |
-
padding: 10px;
|
| 62 |
-
margin: 10px 0;
|
| 63 |
-
background-color: #e6e6fa; /* Lavender background for a pleasant look */
|
| 64 |
-
border: 1px solid #ddd; /* Light border for definition */
|
| 65 |
-
border-radius: 5px; /* Slightly rounded corners */
|
| 66 |
-
box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* Soft shadow for depth */
|
| 67 |
-
cursor: pointer;
|
| 68 |
-
}
|
| 69 |
-
h4 { margin-top: 0; }
|
| 70 |
-
</style>
|
| 71 |
-
</head>
|
| 72 |
-
<body>
|
| 73 |
-
<div class='column reviews'><h2>Reviews</h2><div class='text-box'>We were searching for a place to stay, having never been to Montreal before. After reading several reviews <span class='review-span highlight' data-aligned-summaries='0'>we opted for this hotel and contacted them directly for a booking</span>. At this time they beat the expedia rate and offered us a 10% CAA discount. That took our room rate to $117/night for Thurs - Sun. <span class='review-span highlight' data-aligned-summaries='4'>The hotel is a converted bank</span> and is located in central Old Montreal. <span class='review-span highlight' data-aligned-summaries='2'>There is a metro stop within a couple blocks, which easily gets you some prime</span> shopping and <span class='review-span highlight' data-aligned-summaries='2'>restaurant areas</span>. The staff were very helpful, recommending great restaurants and providing directions. <span class='review-span highlight' data-aligned-summaries='3'>The rooms are not large</span>, but the very high ceilings make the rooms feel roomy. And, <span class='review-span highlight' data-aligned-summaries='6'>the lobby bar has 2 for 1 drinks every evening</span>. We would stay here again.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>This hotel is a real treasure</span>. <span class='review-span highlight' data-aligned-summaries='2'>It is a very short walk from the subway and the restaurants of Old Montreal.</span> The greeting upon our arrival was very warm and we found all staff (Cleaning Lady to Bartender) bent over backwards to make us feel welcome. The lobby is very comfortable with free WiFi. <span class='review-span highlight' data-aligned-summaries='5'>The rooms are</span> elegant <span class='review-span highlight' data-aligned-summaries='5'>with free WiFi</span> and comfortable beds. The bathroom is nice and it and the <span class='review-span highlight' data-aligned-summaries='3'>bedroom were very clean</span>. <span class='review-span highlight' data-aligned-summaries='7'>There was no street noise</span>. We unfortunately had noisy, inconsiderate neighbours the first night however the hotel staff immediately offered to move us. <span class='review-span highlight' data-aligned-summaries='0'>This</span> boutique <span class='review-span highlight' data-aligned-summaries='0'>hotel made our weekend getaway very special</span>.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0 1'>Fabulous location, & wonderful service in an extraordinary hotel environment</span>. <span class='review-span highlight' data-aligned-summaries='6'>Lovely warm lobby with</span> <span class='review-span highlight' data-aligned-summaries='6 7'>live bossa-nova music , a nice bar</span> <span class='review-span highlight' data-aligned-summaries='6'>and impressive art</span>. <span class='review-span highlight' data-aligned-summaries='3'>The rooms</span> are charming, comfy,& <span class='review-span highlight' data-aligned-summaries='3'>with beautifully design antique furniture</span>. <span class='review-span highlight' data-aligned-summaries='4'>Formerly an 18 century bank , each room is slightly different with</span> <span class='review-span highlight' data-aligned-summaries='3 4'>some elegant remnants of its bank days</span>:( suite 318 is the old vault. renovated) <span class='review-span highlight' data-aligned-summaries='5'>The art throughout the halls are worthy of any Contemporary or Modern art museum</span>. We look forward to a return visit to Montreal and to the charming L Hotel.</div><div class='text-box'>My Partner and I stayed 7 nights at L'Hotel in Montreal. The service was impeccable, the rooms very comfortable, the staff very attentive and hospitable, and the location was perfect. <span class='review-span highlight' data-aligned-summaries='0'>The artwork contained within the hotel put the Museum of Contemporary Art to shame!</span> <span class='review-span highlight' data-aligned-summaries='0 1'>If</span> <span class='review-span highlight' data-aligned-summaries='1'>you are traveling to Montreal, this is the hotel to stay at.</span> <span class='review-span highlight' data-aligned-summaries='7'>Friday and Saturday evening had a</span> <span class='review-span highlight' data-aligned-summaries='6 7'>bosso nova group in the bar area.a</span> <span class='review-span highlight' data-aligned-summaries='6'>great place to have a glass or two of wine and listen to some great music</span>.</div><div class='text-box'>This is <span class='review-span highlight' data-aligned-summaries='0 1'>a nice hotel</span> <span class='review-span highlight' data-aligned-summaries='1'>in</span> the <span class='review-span highlight' data-aligned-summaries='1'>Old Port part of Montreal</span>. <span class='review-span highlight' data-aligned-summaries='3'>Rooms are</span> nice, everything is very <span class='review-span highlight' data-aligned-summaries='3'>clean</span>, breakfast (included in some room rates) is rather good, valet parking is convenient (included in some room rates). Service is friendly (wiill help with restaurant bookings, etc). Have stayed there several time and will happily stay there again.</div><div class='text-box'>This was <span class='review-span highlight' data-aligned-summaries='1'>an extremely well-located hotel</span>. <span class='review-span highlight' data-aligned-summaries='2'>We were there during the Montreal Jazz Festival and could walk to it as well as to everywhere in the entire Old Town</span> and it's also <span class='review-span highlight' data-aligned-summaries='2'>close to the subway</span>. The staff was friendly, rooms very nice, and breakfast very good. There really <span class='review-span highlight' data-aligned-summaries='1'>wasn't anything to complain about</span>.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0 1'>Great boutique hotel and perfect location in old montreal</span>.Very friendly and helpful staff.Rooms are unique ,comfortable and <span class='review-span highlight' data-aligned-summaries='5'>if you appreciate modern art its like staying in an art gallery</span>.</div><div class='text-box'>The <span class='review-span highlight' data-aligned-summaries='3'>hotel had huge rooms</span> that were very clean and comfortable. The staff was friendly and helpful and their breakfasts were wonderful!</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">After booking directly with the hotel it was really impressive and made for a very special weekend.</span> <span id="1" class="summary-sentence">This is the place to be.</span> <span id="2" class="summary-sentence">The hotel was situated close to a metro station, allowing travel to the restaurants of Old Montreal and within walking distance of the Montreal Jazz Festival.</span> <span id="3" class="summary-sentence">The rooms are adequately sized but are clean and with elegant furnishings.</span> <span id="4" class="summary-sentence">The rooms retain some history from its previous incarnation as a bank.</span> <span id="5" class="summary-sentence">The rooms have free WiFi available with lovely modern art too.</span> <span id="6" class="summary-sentence">The hotel has a good bar that is ideal for relaxing whilst listening to some live music.</span> <span id="7" class="summary-sentence">The hotel had no street noise at all and on Friday and Saturday evenings there was a music group playing at the bar area.</span></div></div>
|
| 74 |
-
<script>
|
| 75 |
-
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 76 |
-
sentence.addEventListener('mouseenter', function() {
|
| 77 |
-
const summaryId = this.getAttribute('id');
|
| 78 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 79 |
-
if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
|
| 80 |
-
span.classList.remove('highlight');
|
| 81 |
-
span.classList.add('not-hover-highlight');
|
| 82 |
-
console.log('entered!');
|
| 83 |
-
}
|
| 84 |
-
});
|
| 85 |
-
this.classList.add('highlight');
|
| 86 |
-
});
|
| 87 |
-
|
| 88 |
-
sentence.addEventListener('mouseleave', function() {
|
| 89 |
-
const summaryId = this.getAttribute('id');
|
| 90 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 91 |
-
if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
|
| 92 |
-
span.classList.remove('not-hover-highlight');
|
| 93 |
-
span.classList.add('highlight');
|
| 94 |
-
console.log('left!');
|
| 95 |
-
}
|
| 96 |
-
this.classList.remove('highlight');
|
| 97 |
-
});
|
| 98 |
-
});
|
| 99 |
-
});
|
| 100 |
-
|
| 101 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 102 |
-
span.addEventListener('mouseenter', function() {
|
| 103 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 104 |
-
if (span !== this) {
|
| 105 |
-
span.classList.remove('highlight');
|
| 106 |
-
span.classList.add('not-hover-highlight');
|
| 107 |
-
}
|
| 108 |
-
});
|
| 109 |
-
const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
|
| 110 |
-
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 111 |
-
if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
|
| 112 |
-
sentence.classList.add('highlight');
|
| 113 |
-
}
|
| 114 |
-
});
|
| 115 |
-
});
|
| 116 |
-
});
|
| 117 |
-
|
| 118 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 119 |
-
span.addEventListener('mouseleave', function() {
|
| 120 |
-
const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
|
| 121 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 122 |
-
if (span !== this) {
|
| 123 |
-
span.classList.remove('not-hover-highlight');
|
| 124 |
-
span.classList.add('highlight');
|
| 125 |
-
}
|
| 126 |
-
});
|
| 127 |
-
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 128 |
-
if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
|
| 129 |
-
sentence.classList.remove('highlight');
|
| 130 |
-
}
|
| 131 |
-
});
|
| 132 |
-
});
|
| 133 |
-
});
|
| 134 |
-
|
| 135 |
-
</script>
|
| 136 |
-
</body>
|
| 137 |
-
</html>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
html_files/test/103.html
DELETED
|
@@ -1,137 +0,0 @@
|
|
| 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: 30%;
|
| 25 |
-
font-size: 1.0rem;
|
| 26 |
-
padding: 10px;
|
| 27 |
-
height: 40vh; /* 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: 40vh; /* Maximum height to a third of the viewport height */
|
| 37 |
-
overflow-y: auto; /* Enable vertical scrolling */
|
| 38 |
-
background-color: #9e9e9e0a; /* Light grey background */
|
| 39 |
-
}
|
| 40 |
-
.text-box {
|
| 41 |
-
width: calc(100% - 20px); /* Adjust based on padding */
|
| 42 |
-
margin: 10px;
|
| 43 |
-
padding: 10px;
|
| 44 |
-
background-color: #9e9e9e0a; /* Light grey background */
|
| 45 |
-
color: #606060bf;
|
| 46 |
-
border: 2px solid #ddd; /* Cartoonish border */
|
| 47 |
-
border-radius: 20px; /* Rounded corners for cartoonish effect */
|
| 48 |
-
position: relative;
|
| 49 |
-
box-shadow: 3px 3px #bbb; /* Soft shadow for depth */
|
| 50 |
-
}
|
| 51 |
-
.text-box:before {
|
| 52 |
-
content: '';
|
| 53 |
-
position: absolute;
|
| 54 |
-
right: 100%;
|
| 55 |
-
bottom: 20%;
|
| 56 |
-
border-top: 10px solid transparent;
|
| 57 |
-
border-bottom: 10px solid transparent;
|
| 58 |
-
border-right: 10px solid #ddd; /* Arrow matching the border */
|
| 59 |
-
}
|
| 60 |
-
.summary-box {
|
| 61 |
-
padding: 10px;
|
| 62 |
-
margin: 10px 0;
|
| 63 |
-
background-color: #e6e6fa; /* Lavender background for a pleasant look */
|
| 64 |
-
border: 1px solid #ddd; /* Light border for definition */
|
| 65 |
-
border-radius: 5px; /* Slightly rounded corners */
|
| 66 |
-
box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* Soft shadow for depth */
|
| 67 |
-
cursor: pointer;
|
| 68 |
-
}
|
| 69 |
-
h4 { margin-top: 0; }
|
| 70 |
-
</style>
|
| 71 |
-
</head>
|
| 72 |
-
<body>
|
| 73 |
-
<div class='column reviews'><h2>Reviews</h2><div class='text-box'>We were searching for a place to stay, having never been to Montreal before. After reading several reviews we opted for this hotel and contacted them directly for a booking. At this time they beat the expedia rate and offered us a 10% CAA discount. That took our room rate to $117/night for Thurs - Sun. The hotel is a converted bank and is located in central Old Montreal. <span class='review-span highlight' data-aligned-summaries='2'>There is a metro stop within a couple blocks, which easily gets you some prime shopping and restaurant areas</span>. The staff were very helpful, recommending great restaurants and providing directions. <span class='review-span highlight' data-aligned-summaries='3'>The rooms are not large</span>, but <span class='review-span highlight' data-aligned-summaries='3'>the very high ceilings make the rooms feel roomy</span>. And, the lobby bar has 2 for 1 drinks every evening. We would stay here again.</div><div class='text-box'>This hotel is a real treasure. It is a very short walk from the subway and the restaurants of Old Montreal. The greeting upon our arrival was very warm and we found all staff (Cleaning Lady to Bartender) bent over backwards to make us feel welcome. The lobby is very comfortable with free WiFi. <span class='review-span highlight' data-aligned-summaries='4'>The rooms are elegant</span> with free WiFi and comfortable beds. The bathroom is nice and it and the bedroom were very clean. <span class='review-span highlight' data-aligned-summaries='6'>There was no street noise</span>. We unfortunately had noisy, inconsiderate neighbours the first night however the hotel staff immediately offered to move us. This boutique hotel made our weekend getaway very special.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='2'>Fabulous location</span>, & wonderful service in an extraordinary hotel environment. <span class='review-span highlight' data-aligned-summaries='0 1 6 7'>Lovely warm</span> <span class='review-span highlight' data-aligned-summaries='0 1 5 6 7'>lobby with</span> <span class='review-span highlight' data-aligned-summaries='1 5 6 7'>live bossa-nova music</span> <span class='review-span highlight' data-aligned-summaries='1'>, a nice bar</span> <span class='review-span highlight' data-aligned-summaries='6'>and</span> <span class='review-span highlight' data-aligned-summaries='0 6'>impressive art</span>. <span class='review-span highlight' data-aligned-summaries='4'>The rooms are charming</span>, comfy,& <span class='review-span highlight' data-aligned-summaries='4'>with beautifully design antique furniture</span>. Formerly an 18 century bank , each room is slightly different with some elegant remnants of its bank days:( suite 318 is the old vault. renovated) The art throughout the halls are worthy of any Contemporary or Modern art museum. We look forward to a return visit to Montreal and to the charming L Hotel.</div><div class='text-box'>My Partner and I stayed 7 nights at L'Hotel in Montreal. The service was impeccable, the rooms very comfortable, the staff very attentive and hospitable, and <span class='review-span highlight' data-aligned-summaries='2'>the location was perfect</span>. <span class='review-span highlight' data-aligned-summaries='0'>The artwork contained within the hotel put the Museum of Contemporary Art to shame</span>! If you are traveling to Montreal, this is the hotel to stay at. <span class='review-span highlight' data-aligned-summaries='1 7'>Friday and Saturday evening had a bosso nova group in the bar area.a</span> <span class='review-span highlight' data-aligned-summaries='1 5'>great place to have a glass or two of wine</span> <span class='review-span highlight' data-aligned-summaries='5'>and listen to some great music</span>.</div><div class='text-box'>This is a nice <span class='review-span highlight' data-aligned-summaries='2'>hotel in the Old Port part of Montreal</span>. Rooms are nice, everything is very clean, breakfast (included in some room rates) is rather good, valet parking is convenient (included in some room rates). Service is friendly (wiill help with restaurant bookings, etc). Have stayed there several time and will happily stay there again.</div><div class='text-box'>This was an extremely well-located hotel. We were there during the Montreal Jazz Festival and <span class='review-span highlight' data-aligned-summaries='2'>could walk</span> to it as well as to <span class='review-span highlight' data-aligned-summaries='2'>everywhere in the entire Old Town</span> and it's also <span class='review-span highlight' data-aligned-summaries='2'>close to the subway</span>. The staff was friendly, rooms very nice, and breakfast very good. There really wasn't anything to complain about.</div><div class='text-box'>Great boutique hotel and <span class='review-span highlight' data-aligned-summaries='2'>perfect location in old montreal</span>.Very friendly and helpful staff.Rooms are unique ,comfortable and if you appreciate modern art its like staying in an art gallery.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='3'>The hotel had huge rooms</span> that were very clean and comfortable. The staff was friendly and helpful and their breakfasts were wonderful!</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">The hotel is decorated with lots of desirable artwork.</span> <span id="1" class="summary-sentence">There is also a lobby that is home to live bossa nova music and a good bar for guests.</span> <span id="2" class="summary-sentence">This hotel is ideally situated to explore the Old Town on foot and the metro stop is easily accessible by walking a few blocks, which can take you to some great shopping locations as well as restaurants.</span> <span id="3" class="summary-sentence">The tall ceilings in the rooms provide a larger feel to an otherwise average-sized room.</span> <span id="4" class="summary-sentence">However the furnishings are elegant and stylish therefore provide quite a charming feel to the room.</span> <span id="5" class="summary-sentence">This hotel is a great place to drink some wine and appreciate the great music they play here.</span> <span id="6" class="summary-sentence">The atmosphere at the hotel was very good as there was no street noise.</span> <span id="7" class="summary-sentence">There was also a bossa nova group that played the hotel on weekend evenings 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 |
-
console.log('entered!');
|
| 83 |
-
}
|
| 84 |
-
});
|
| 85 |
-
this.classList.add('highlight');
|
| 86 |
-
});
|
| 87 |
-
|
| 88 |
-
sentence.addEventListener('mouseleave', function() {
|
| 89 |
-
const summaryId = this.getAttribute('id');
|
| 90 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 91 |
-
if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
|
| 92 |
-
span.classList.remove('not-hover-highlight');
|
| 93 |
-
span.classList.add('highlight');
|
| 94 |
-
console.log('left!');
|
| 95 |
-
}
|
| 96 |
-
this.classList.remove('highlight');
|
| 97 |
-
});
|
| 98 |
-
});
|
| 99 |
-
});
|
| 100 |
-
|
| 101 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 102 |
-
span.addEventListener('mouseenter', function() {
|
| 103 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 104 |
-
if (span !== this) {
|
| 105 |
-
span.classList.remove('highlight');
|
| 106 |
-
span.classList.add('not-hover-highlight');
|
| 107 |
-
}
|
| 108 |
-
});
|
| 109 |
-
const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
|
| 110 |
-
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 111 |
-
if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
|
| 112 |
-
sentence.classList.add('highlight');
|
| 113 |
-
}
|
| 114 |
-
});
|
| 115 |
-
});
|
| 116 |
-
});
|
| 117 |
-
|
| 118 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 119 |
-
span.addEventListener('mouseleave', function() {
|
| 120 |
-
const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
|
| 121 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 122 |
-
if (span !== this) {
|
| 123 |
-
span.classList.remove('not-hover-highlight');
|
| 124 |
-
span.classList.add('highlight');
|
| 125 |
-
}
|
| 126 |
-
});
|
| 127 |
-
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 128 |
-
if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
|
| 129 |
-
sentence.classList.remove('highlight');
|
| 130 |
-
}
|
| 131 |
-
});
|
| 132 |
-
});
|
| 133 |
-
});
|
| 134 |
-
|
| 135 |
-
</script>
|
| 136 |
-
</body>
|
| 137 |
-
</html>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
html_files/test/104.html
DELETED
|
@@ -1,137 +0,0 @@
|
|
| 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: 30%;
|
| 25 |
-
font-size: 1.0rem;
|
| 26 |
-
padding: 10px;
|
| 27 |
-
height: 40vh; /* 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: 40vh; /* Maximum height to a third of the viewport height */
|
| 37 |
-
overflow-y: auto; /* Enable vertical scrolling */
|
| 38 |
-
background-color: #9e9e9e0a; /* Light grey background */
|
| 39 |
-
}
|
| 40 |
-
.text-box {
|
| 41 |
-
width: calc(100% - 20px); /* Adjust based on padding */
|
| 42 |
-
margin: 10px;
|
| 43 |
-
padding: 10px;
|
| 44 |
-
background-color: #9e9e9e0a; /* Light grey background */
|
| 45 |
-
color: #606060bf;
|
| 46 |
-
border: 2px solid #ddd; /* Cartoonish border */
|
| 47 |
-
border-radius: 20px; /* Rounded corners for cartoonish effect */
|
| 48 |
-
position: relative;
|
| 49 |
-
box-shadow: 3px 3px #bbb; /* Soft shadow for depth */
|
| 50 |
-
}
|
| 51 |
-
.text-box:before {
|
| 52 |
-
content: '';
|
| 53 |
-
position: absolute;
|
| 54 |
-
right: 100%;
|
| 55 |
-
bottom: 20%;
|
| 56 |
-
border-top: 10px solid transparent;
|
| 57 |
-
border-bottom: 10px solid transparent;
|
| 58 |
-
border-right: 10px solid #ddd; /* Arrow matching the border */
|
| 59 |
-
}
|
| 60 |
-
.summary-box {
|
| 61 |
-
padding: 10px;
|
| 62 |
-
margin: 10px 0;
|
| 63 |
-
background-color: #e6e6fa; /* Lavender background for a pleasant look */
|
| 64 |
-
border: 1px solid #ddd; /* Light border for definition */
|
| 65 |
-
border-radius: 5px; /* Slightly rounded corners */
|
| 66 |
-
box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* Soft shadow for depth */
|
| 67 |
-
cursor: pointer;
|
| 68 |
-
}
|
| 69 |
-
h4 { margin-top: 0; }
|
| 70 |
-
</style>
|
| 71 |
-
</head>
|
| 72 |
-
<body>
|
| 73 |
-
<div class='column reviews'><h2>Reviews</h2><div class='text-box'>We were searching for a place to stay, having never been to Montreal before. After reading several reviews we opted for this hotel and contacted them directly for a booking. At this time they beat the expedia rate and offered us a 10% CAA discount. That took our room rate to $117/night for Thurs - Sun. <span class='review-span highlight' data-aligned-summaries='3 5'>The hotel</span> <span class='review-span highlight' data-aligned-summaries='5'>is a converted bank</span> and <span class='review-span highlight' data-aligned-summaries='3'>is located in central Old Montreal</span>. <span class='review-span highlight' data-aligned-summaries='3'>There is a metro stop within a couple blocks, which easily gets you some prime shopping and restaurant areas</span>. The staff were very helpful, recommending great restaurants and providing directions. The <span class='review-span highlight' data-aligned-summaries='7'>rooms are not large, but the very high ceilings make the rooms feel roomy</span>. And, the lobby bar has 2 for 1 drinks every evening. We would stay here again.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0 2'>This hotel is a real treasure</span>. <span class='review-span highlight' data-aligned-summaries='3'>It is a very short walk from the subway and the restaurants of Old Montreal</span>. The greeting upon our arrival was very warm and we found all staff (Cleaning Lady to Bartender) bent over backwards to make us feel welcome. <span class='review-span highlight' data-aligned-summaries='2'>The lobby is very comfortable</span> with free WiFi. <span class='review-span highlight' data-aligned-summaries='6 7 8'>The rooms are elegant</span> <span class='review-span highlight' data-aligned-summaries='7 8'>with</span> <span class='review-span highlight' data-aligned-summaries='8'>free WiFi and</span> <span class='review-span highlight' data-aligned-summaries='7 8'>comfortable beds</span>. <span class='review-span highlight' data-aligned-summaries='7'>The bathroom</span> is nice and it <span class='review-span highlight' data-aligned-summaries='7'>and the bedroom were very clean</span>. <span class='review-span highlight' data-aligned-summaries='11'>There was no street noise</span>. We unfortunately had noisy, inconsiderate neighbours the first night however the hotel staff immediately offered to move us. This boutique hotel made our weekend getaway very special.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>Fabulous location, & wonderful service in an</span> <span class='review-span highlight' data-aligned-summaries='0 10'>extraordinary hotel environment</span>. <span class='review-span highlight' data-aligned-summaries='2'>Lovely warm</span> <span class='review-span highlight' data-aligned-summaries='1 2'>lobby</span> <span class='review-span highlight' data-aligned-summaries='1'>with</span> <span class='review-span highlight' data-aligned-summaries='1 11'>live bossa-nova music</span> <span class='review-span highlight' data-aligned-summaries='1'>, a nice bar and impressive art</span>. <span class='review-span highlight' data-aligned-summaries='7'>The rooms are</span> charming, <span class='review-span highlight' data-aligned-summaries='7'>comfy</span>,& with beautifully design antique furniture. <span class='review-span highlight' data-aligned-summaries='5'>Formerly an 18 century bank</span> , <span class='review-span highlight' data-aligned-summaries='6'>each room is slightly different with some elegant remnants of its bank days</span>:( suite 318 is the old vault. renovated) <span class='review-span highlight' data-aligned-summaries='1'>The art throughout the halls are worthy of any Contemporary or Modern art museum</span>. We look forward to a return visit to Montreal and to the charming L Hotel.</div><div class='text-box'>My Partner and I stayed 7 nights at L'Hotel in Montreal. <span class='review-span highlight' data-aligned-summaries='0'>The service was impeccable,</span> <span class='review-span highlight' data-aligned-summaries='0 7'>the rooms very comfortable</span>, the staff very attentive and hospitable, and the location was perfect. <span class='review-span highlight' data-aligned-summaries='1 2'>The artwork contained within the hotel put the Museum of Contemporary Art to shame</span>! If you are traveling to Montreal, <span class='review-span highlight' data-aligned-summaries='0'>this is the hotel to stay at</span>. <span class='review-span highlight' data-aligned-summaries='11'>Friday and Saturday evening</span> <span class='review-span highlight' data-aligned-summaries='1 11'>had a bosso nova group in the bar area.a</span> <span class='review-span highlight' data-aligned-summaries='9 10'>great place to have a glass or two of wine and listen to some great music</span>.<span class='review-span highlight' data-aligned-summaries='9'></span></div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>This is a nice</span> <span class='review-span highlight' data-aligned-summaries='0 3'>hotel</span> <span class='review-span highlight' data-aligned-summaries='3'>in the Old Port part of Montreal</span>. <span class='review-span highlight' data-aligned-summaries='7'>Rooms are nice, everything is very clean</span>, breakfast (included in some room rates) is rather good, valet parking is convenient (included in some room rates). <span class='review-span highlight' data-aligned-summaries='2'>Service is friendly (</span>wiill help with restaurant bookings, etc). <span class='review-span highlight' data-aligned-summaries='0'>Have stayed there several time and will happily stay there again.</span></div><div class='text-box'>This was an <span class='review-span highlight' data-aligned-summaries='0'>extremely well-located hotel</span>. <span class='review-span highlight' data-aligned-summaries='4'>We were there during the Montreal Jazz Festival and</span> <span class='review-span highlight' data-aligned-summaries='3 4'>could walk</span> <span class='review-span highlight' data-aligned-summaries='4'>to it as well as to</span> <span class='review-span highlight' data-aligned-summaries='3 4'>everywhere in the entire Old Town</span> <span class='review-span highlight' data-aligned-summaries='3'>and it's also close to the subway</span>. The staff was friendly, <span class='review-span highlight' data-aligned-summaries='0'>rooms very nice</span>, and breakfast very good. There really wasn't anything to complain about.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0 10'>Great</span> boutique <span class='review-span highlight' data-aligned-summaries='0 10'>hotel</span> and <span class='review-span highlight' data-aligned-summaries='3'>perfect location</span> in old montreal.Very friendly and helpful staff.<span class='review-span highlight' data-aligned-summaries='2 6 7'>Rooms are</span> <span class='review-span highlight' data-aligned-summaries='2 6'>unique</span> ,<span class='review-span highlight' data-aligned-summaries='7'>comfortable</span> and <span class='review-span highlight' data-aligned-summaries='8'>if you appreciate modern art its</span> <span class='review-span highlight' data-aligned-summaries='2 8'>like staying in an art gallery</span>.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0 2 7'>The hotel had</span> <span class='review-span highlight' data-aligned-summaries='0 2'>huge</span> <span class='review-span highlight' data-aligned-summaries='0 2 7'>rooms that were very clean</span> <span class='review-span highlight' data-aligned-summaries='7'>and comfortable</span>. <span class='review-span highlight' data-aligned-summaries='0 2'>The staff was friendly and helpful</span> and their breakfasts were wonderful!</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 stay at over and over.</span> <span id="1" class="summary-sentence">They have live bossa-nova music, a bar, and very impressive art on display worthy of being in a museum.</span> <span id="2" class="summary-sentence">The lobby is welcoming and lovely but the hotel overall is very special.</span> <span id="3" class="summary-sentence">This hotel is conveniently located within walking distance of shops, the restaurants of Old Montreal and even the subway.</span> <span id="4" class="summary-sentence">The Montreal Jazz Festival, as well as the entire Old Town, are also located within easy walking distance.</span> <span id="5" class="summary-sentence">This hotel was formally a bank.</span> <span id="6" class="summary-sentence">Rooms differ from one another but retain the elegant touches of its past.</span> <span id="7" class="summary-sentence">They are clean, comfortable and individual but not large, though the high ceilings give the illusion of spaciousness.</span> <span id="8" class="summary-sentence">There is free WiFi and comfortable beds and have been decorated with modern art.</span> <span id="9" class="summary-sentence">Have a seat, listen to some music, and drink some wine.</span> <span id="10" class="summary-sentence">Excellent.</span> <span id="11" class="summary-sentence">No street noise but the bar area comes alive with a bossa nova group on Friday and Saturday nights.</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 |
-
console.log('entered!');
|
| 83 |
-
}
|
| 84 |
-
});
|
| 85 |
-
this.classList.add('highlight');
|
| 86 |
-
});
|
| 87 |
-
|
| 88 |
-
sentence.addEventListener('mouseleave', function() {
|
| 89 |
-
const summaryId = this.getAttribute('id');
|
| 90 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 91 |
-
if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
|
| 92 |
-
span.classList.remove('not-hover-highlight');
|
| 93 |
-
span.classList.add('highlight');
|
| 94 |
-
console.log('left!');
|
| 95 |
-
}
|
| 96 |
-
this.classList.remove('highlight');
|
| 97 |
-
});
|
| 98 |
-
});
|
| 99 |
-
});
|
| 100 |
-
|
| 101 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 102 |
-
span.addEventListener('mouseenter', function() {
|
| 103 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 104 |
-
if (span !== this) {
|
| 105 |
-
span.classList.remove('highlight');
|
| 106 |
-
span.classList.add('not-hover-highlight');
|
| 107 |
-
}
|
| 108 |
-
});
|
| 109 |
-
const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
|
| 110 |
-
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 111 |
-
if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
|
| 112 |
-
sentence.classList.add('highlight');
|
| 113 |
-
}
|
| 114 |
-
});
|
| 115 |
-
});
|
| 116 |
-
});
|
| 117 |
-
|
| 118 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 119 |
-
span.addEventListener('mouseleave', function() {
|
| 120 |
-
const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
|
| 121 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 122 |
-
if (span !== this) {
|
| 123 |
-
span.classList.remove('not-hover-highlight');
|
| 124 |
-
span.classList.add('highlight');
|
| 125 |
-
}
|
| 126 |
-
});
|
| 127 |
-
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 128 |
-
if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
|
| 129 |
-
sentence.classList.remove('highlight');
|
| 130 |
-
}
|
| 131 |
-
});
|
| 132 |
-
});
|
| 133 |
-
});
|
| 134 |
-
|
| 135 |
-
</script>
|
| 136 |
-
</body>
|
| 137 |
-
</html>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
html_files/test/105.html
DELETED
|
@@ -1,137 +0,0 @@
|
|
| 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: 30%;
|
| 25 |
-
font-size: 1.0rem;
|
| 26 |
-
padding: 10px;
|
| 27 |
-
height: 40vh; /* 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: 40vh; /* 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='3'>The Vogue is well located, across from Ogilvy (the nicest department store in the city in my opinion)</span> which also means very close to Ste. Catherine, Sherbrooke and Crescent Streets. <span class='review-span highlight' data-aligned-summaries='5'>I stayed in a very spacious executive suite</span> with bathtub, two TVs (better choice of channels should be available), very comfortable bed, nice bathrooms. Shower pressure was good but shower itself a bit old fashioned even if well maintained. Service a bit uneven but in general very good. Good room service but a bit expensive. Bar at the lobby looks dated. <span class='review-span highlight' data-aligned-summaries='1'>I have to say that overall it does not feel like a 5 star hotel but still quite good. Recommended</span>.</div><div class='text-box'>What a wonderfu, friendly and beautiful botique <span class='review-span highlight' data-aligned-summaries='2 3'>hotel</span> <span class='review-span highlight' data-aligned-summaries='2'>right in the middle of Montreal's shopping district</span> and <span class='review-span highlight' data-aligned-summaries='3'>nearby McGill Univ</span>. The only negative thing to mention about the hotel is the carpeting in our room definitely needs to be replaced! <span class='review-span highlight' data-aligned-summaries='1'>The staff, service, etc</span>. <span class='review-span highlight' data-aligned-summaries='1'>are all excellent</span>. Leave your car at home or <span class='review-span highlight' data-aligned-summaries='7'>if you drive, park it in the garage</span>. You are in walking distance of everything. You will need to take a cab to old Montreal. So much to see and do there too. <span class='review-span highlight' data-aligned-summaries='3'>A very safe city to walk around</span>. Montreal is very very expensive due to the low value of the US dollar, but it was still worth the tri</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>I stayed at Hotel Vogue for a shopping weekend</span> in Montreal <span class='review-span highlight' data-aligned-summaries='0'>and it did not disappoint</span>. From the lobby to my room itself <span class='review-span highlight' data-aligned-summaries='1'>it is probably the nicest and most</span> <span class='review-span highlight' data-aligned-summaries='1 5'>luxurious hotels</span> <span class='review-span highlight' data-aligned-summaries='1'>I've stayed in</span>. <span class='review-span highlight' data-aligned-summaries='4 5'>The bathroom was a dream equipped with tv and jacuzzi tub</span>. The service was excellent when the moment I stepped in. Everyone was very friendly and polite. I ordered room service for dinner and <span class='review-span highlight' data-aligned-summaries='6'>the food was delicious.</span> <span class='review-span highlight' data-aligned-summaries='0 1 2'>shopping is just steps away</span> which is great. nice to have a dvd in the room too. For a luxury shopping weekend in Montreal or a romantic getaway I would definitely recommend Hotel Vogue.</div><div class='text-box'>What a <span class='review-span highlight' data-aligned-summaries='1'>great hotel in a wonderful location</span>. <span class='review-span highlight' data-aligned-summaries='0'>We have stayed here many times</span> over the past few years <span class='review-span highlight' data-aligned-summaries='0'>and have never been disappointed</span>. The <span class='review-span highlight' data-aligned-summaries='1 5'>rooms are spacious</span> <span class='review-span highlight' data-aligned-summaries='1'>and VERY quiet</span> and <span class='review-span highlight' data-aligned-summaries='4'>the bathroom has a separate walk-in shower</span>. Everything is spotless and <span class='review-span highlight' data-aligned-summaries='6'>the service</span> (<span class='review-span highlight' data-aligned-summaries='6'>from</span> the front desk to <span class='review-span highlight' data-aligned-summaries='6'>room service</span> to the doorman and valet) is top notch. We return to find the same friendly faces working in this hotel, which definitely says something about the way Loews treats their employees. We can't wait to go back! Superb.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0 1'>This is a potentially great boutique hotel</span> - great rooms, excellent staff, very comfortable <span class='review-span highlight' data-aligned-summaries='0 1'>BUT I resent having to pay extra for water and internet</span> which other comparable hotels (The Nelligan, Le Germain) throw in. It just feels like I'm being nickled and dimed to death. Other posters have made the same comments and I'm hoping that Le Vogue is listening - I'm heading back there tonight. <span class='review-span highlight' data-aligned-summaries='2'>Otherwise it's a terrific hotel in a great location</span> whether you're <span class='review-span highlight' data-aligned-summaries='2'>in Montreal</span> for business or pleasure.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>We just loved our recent stay at the Vogue!</span> <span class='review-span highlight' data-aligned-summaries='0 1'>The service is always very good,</span> <span class='review-span highlight' data-aligned-summaries='1'>the location is great</span> and they have those small attentions that make a difference (they let a bag in our car with 2 apples and 2 bottles of water for the road). <span class='review-span highlight' data-aligned-summaries='6'>The breakfast (room service) was delicious</span>. We just can't wait to go back!</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='1'>Great rooms</span>, big marble bathroom, <span class='review-span highlight' data-aligned-summaries='4'>ipod docking</span> and all the other amenties that you would expect. But it was the <span class='review-span highlight' data-aligned-summaries='1'>staff</span> that really <span class='review-span highlight' data-aligned-summaries='1'>made us feel welcome</span> from the moment we arrived. Thanks to everyone for a fun weekend in Montreal.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='1'>Great room and</span> very <span class='review-span highlight' data-aligned-summaries='1'>good service</span>. Nicely located in Montreal. We've stayed there the last 3 or 4 times we were in Montreal and will visit again.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">This hotel never disappoints during your stay, whether it's for a shopping weekend or something else</span> <span id="1" class="summary-sentence">it's a great place to stay.</span> <span id="2" class="summary-sentence">The hotel is in the centre of Montreal's shopping district.</span> <span id="3" class="summary-sentence">It is close to McGill University as well as Ogilvy in a safe part of the city.</span> <span id="4" class="summary-sentence">There are some really cool and handy features and amenities included in the rooms such as iPod docking station, a pressure shower, DVD player and television and Jacuzzi tub in the bathroom was great.</span> <span id="5" class="summary-sentence">The rooms were spacious and luxurious at the same time.</span> <span id="6" class="summary-sentence">The breakfast provided via room service was really tasty.</span> <span id="7" class="summary-sentence">There was a garage to park your car.</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 |
-
console.log('entered!');
|
| 83 |
-
}
|
| 84 |
-
});
|
| 85 |
-
this.classList.add('highlight');
|
| 86 |
-
});
|
| 87 |
-
|
| 88 |
-
sentence.addEventListener('mouseleave', function() {
|
| 89 |
-
const summaryId = this.getAttribute('id');
|
| 90 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 91 |
-
if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
|
| 92 |
-
span.classList.remove('not-hover-highlight');
|
| 93 |
-
span.classList.add('highlight');
|
| 94 |
-
console.log('left!');
|
| 95 |
-
}
|
| 96 |
-
this.classList.remove('highlight');
|
| 97 |
-
});
|
| 98 |
-
});
|
| 99 |
-
});
|
| 100 |
-
|
| 101 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 102 |
-
span.addEventListener('mouseenter', function() {
|
| 103 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 104 |
-
if (span !== this) {
|
| 105 |
-
span.classList.remove('highlight');
|
| 106 |
-
span.classList.add('not-hover-highlight');
|
| 107 |
-
}
|
| 108 |
-
});
|
| 109 |
-
const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
|
| 110 |
-
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 111 |
-
if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
|
| 112 |
-
sentence.classList.add('highlight');
|
| 113 |
-
}
|
| 114 |
-
});
|
| 115 |
-
});
|
| 116 |
-
});
|
| 117 |
-
|
| 118 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 119 |
-
span.addEventListener('mouseleave', function() {
|
| 120 |
-
const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
|
| 121 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 122 |
-
if (span !== this) {
|
| 123 |
-
span.classList.remove('not-hover-highlight');
|
| 124 |
-
span.classList.add('highlight');
|
| 125 |
-
}
|
| 126 |
-
});
|
| 127 |
-
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 128 |
-
if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
|
| 129 |
-
sentence.classList.remove('highlight');
|
| 130 |
-
}
|
| 131 |
-
});
|
| 132 |
-
});
|
| 133 |
-
});
|
| 134 |
-
|
| 135 |
-
</script>
|
| 136 |
-
</body>
|
| 137 |
-
</html>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
html_files/test/106.html
DELETED
|
@@ -1,137 +0,0 @@
|
|
| 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: 30%;
|
| 25 |
-
font-size: 1.0rem;
|
| 26 |
-
padding: 10px;
|
| 27 |
-
height: 40vh; /* 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: 40vh; /* Maximum height to a third of the viewport height */
|
| 37 |
-
overflow-y: auto; /* Enable vertical scrolling */
|
| 38 |
-
background-color: #9e9e9e0a; /* Light grey background */
|
| 39 |
-
}
|
| 40 |
-
.text-box {
|
| 41 |
-
width: calc(100% - 20px); /* Adjust based on padding */
|
| 42 |
-
margin: 10px;
|
| 43 |
-
padding: 10px;
|
| 44 |
-
background-color: #9e9e9e0a; /* Light grey background */
|
| 45 |
-
color: #606060bf;
|
| 46 |
-
border: 2px solid #ddd; /* Cartoonish border */
|
| 47 |
-
border-radius: 20px; /* Rounded corners for cartoonish effect */
|
| 48 |
-
position: relative;
|
| 49 |
-
box-shadow: 3px 3px #bbb; /* Soft shadow for depth */
|
| 50 |
-
}
|
| 51 |
-
.text-box:before {
|
| 52 |
-
content: '';
|
| 53 |
-
position: absolute;
|
| 54 |
-
right: 100%;
|
| 55 |
-
bottom: 20%;
|
| 56 |
-
border-top: 10px solid transparent;
|
| 57 |
-
border-bottom: 10px solid transparent;
|
| 58 |
-
border-right: 10px solid #ddd; /* Arrow matching the border */
|
| 59 |
-
}
|
| 60 |
-
.summary-box {
|
| 61 |
-
padding: 10px;
|
| 62 |
-
margin: 10px 0;
|
| 63 |
-
background-color: #e6e6fa; /* Lavender background for a pleasant look */
|
| 64 |
-
border: 1px solid #ddd; /* Light border for definition */
|
| 65 |
-
border-radius: 5px; /* Slightly rounded corners */
|
| 66 |
-
box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* Soft shadow for depth */
|
| 67 |
-
cursor: pointer;
|
| 68 |
-
}
|
| 69 |
-
h4 { margin-top: 0; }
|
| 70 |
-
</style>
|
| 71 |
-
</head>
|
| 72 |
-
<body>
|
| 73 |
-
<div class='column reviews'><h2>Reviews</h2><div class='text-box'><span class='review-span highlight' data-aligned-summaries='1'>The Vogue is well located, across from</span> Ogilvy (<span class='review-span highlight' data-aligned-summaries='1'>the nicest department store in the city in my opinion</span>) which also means very close to Ste. Catherine, Sherbrooke and Crescent Streets. <span class='review-span highlight' data-aligned-summaries='2'>I stayed in a very</span> <span class='review-span highlight' data-aligned-summaries='2 3'>spacious executive suite</span> <span class='review-span highlight' data-aligned-summaries='2'>with bathtub,</span> <span class='review-span highlight' data-aligned-summaries='2 3'>two TVs</span> <span class='review-span highlight' data-aligned-summaries='2'>(better choice of channels should be available), very comfortable bed, nice bathrooms. Shower pressure</span> was good but <span class='review-span highlight' data-aligned-summaries='6'>shower itself a bit old fashioned even if well maintained</span>. Service a bit uneven but in general very good. <span class='review-span highlight' data-aligned-summaries='4'>Good room service</span> but a bit expensive. Bar at the lobby looks dated. I have to say that overall it does not feel like a 5 star hotel but still quite good. Recommended.</div><div class='text-box'>What a <span class='review-span highlight' data-aligned-summaries='0'>wonderfu, friendly and beautiful botique hotel</span> <span class='review-span highlight' data-aligned-summaries='0 1'>right in the middle of Montreal's shopping district</span> and nearby McGill Univ. The only negative thing to mention about the hotel is the carpeting in our room definitely needs to be replaced! The staff, service, etc. are all excellent. Leave your car at home or <span class='review-span highlight' data-aligned-summaries='5'>if you drive, park it in the garage</span>. <span class='review-span highlight' data-aligned-summaries='1'>You are in walking distance of everything</span>. You will need to take a cab to old Montreal. So much to see and do there too. A very safe city to walk around. Montreal is very very expensive due to the low value of the US dollar, but it was still worth the tri</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>I stayed at Hotel Vogue for a shopping weekend in Montreal and it did not disappoint</span>. From the lobby to my room itself it is probably the nicest and most luxurious hotels I've stayed in. <span class='review-span highlight' data-aligned-summaries='2'>The bathroom was</span> a dream <span class='review-span highlight' data-aligned-summaries='2'>equipped with tv and jacuzzi tub</span>. The service was excellent when the moment I stepped in. Everyone was very friendly and polite. I ordered <span class='review-span highlight' data-aligned-summaries='4'>room service for dinner</span> and the food <span class='review-span highlight' data-aligned-summaries='4'>was delicious</span>. <span class='review-span highlight' data-aligned-summaries='0'>shopping is just steps away</span> which is great. nice to have a dvd in the room too. For a luxury shopping weekend in Montreal or a romantic getaway I would definitely recommend Hotel Vogue.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>What a great hotel</span> in a wonderful location. We have stayed here many times over the past few years and have never been disappointed. <span class='review-span highlight' data-aligned-summaries='2'>The rooms are spacious</span> and VERY quiet and the bathroom has a separate walk-in shower. Everything is spotless and the service (from the front desk to room service to the doorman and valet) is top notch. We return to find the same friendly faces working in this hotel, which definitely says something about the way Loews treats their employees. We can't wait to go back! Superb.</div><div class='text-box'>This is <span class='review-span highlight' data-aligned-summaries='0'>a potentially great boutique hotel</span> - great rooms, excellent staff, very comfortable <span class='review-span highlight' data-aligned-summaries='0'>BUT I resent having to pay extra for water and internet which other comparable hotels</span> (The Nelligan, Le Germain) throw in. It just feels like I'm being nickled and dimed to death. Other posters have made the same comments and I'm hoping that Le Vogue is listening - I'm heading back there tonight. Otherwise it's a terrific hotel in a great location whether you're in Montreal for business or pleasure.</div><div class='text-box'>We just loved our recent stay at the Vogue! The service is always very good, the location is great and they have those small attentions that make a difference (they let a bag in our car with 2 apples and 2 bottles of water for the road). <span class='review-span highlight' data-aligned-summaries='4'>The breakfast (room service) was delicious</span>. We just can't wait to go back!</div><div class='text-box'>Great rooms, big marble bathroom, <span class='review-span highlight' data-aligned-summaries='2'>ipod docking and all the other amenties that you would expect</span>. But it was the staff that really made us feel welcome from the moment we arrived. Thanks to everyone for <span class='review-span highlight' data-aligned-summaries='0'>a fun weekend in Montreal</span>.</div><div class='text-box'>Great room and <span class='review-span highlight' data-aligned-summaries='4'>very good service</span>. Nicely located in Montreal. We've stayed there the last 3 or 4 times we were in Montreal and will visit again.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">The Hotel Vogue is the perfect hotel for a shopping weekend in Montreal or a romantic trip with a loved one.</span> <span id="1" class="summary-sentence">This is a hotel located in a safe area within walking distance of pretty much everything you could need.</span> <span id="2" class="summary-sentence">The rooms in the hotel are a good size, with lots of amenities such as iPod docking stations, a television and even a Jacuzzi hot tub.</span> <span id="3" class="summary-sentence">The executive suites are particular spacious with two televisions too.</span> <span id="4" class="summary-sentence">The breakfast food provided by the hotel's room service was very good.</span> <span id="5" class="summary-sentence">You can park your car in the garage if you prefer to drive here.</span> <span id="6" class="summary-sentence">The shower was a little old but the water pressure was 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 |
-
console.log('entered!');
|
| 83 |
-
}
|
| 84 |
-
});
|
| 85 |
-
this.classList.add('highlight');
|
| 86 |
-
});
|
| 87 |
-
|
| 88 |
-
sentence.addEventListener('mouseleave', function() {
|
| 89 |
-
const summaryId = this.getAttribute('id');
|
| 90 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 91 |
-
if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
|
| 92 |
-
span.classList.remove('not-hover-highlight');
|
| 93 |
-
span.classList.add('highlight');
|
| 94 |
-
console.log('left!');
|
| 95 |
-
}
|
| 96 |
-
this.classList.remove('highlight');
|
| 97 |
-
});
|
| 98 |
-
});
|
| 99 |
-
});
|
| 100 |
-
|
| 101 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 102 |
-
span.addEventListener('mouseenter', function() {
|
| 103 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 104 |
-
if (span !== this) {
|
| 105 |
-
span.classList.remove('highlight');
|
| 106 |
-
span.classList.add('not-hover-highlight');
|
| 107 |
-
}
|
| 108 |
-
});
|
| 109 |
-
const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
|
| 110 |
-
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 111 |
-
if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
|
| 112 |
-
sentence.classList.add('highlight');
|
| 113 |
-
}
|
| 114 |
-
});
|
| 115 |
-
});
|
| 116 |
-
});
|
| 117 |
-
|
| 118 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 119 |
-
span.addEventListener('mouseleave', function() {
|
| 120 |
-
const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
|
| 121 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 122 |
-
if (span !== this) {
|
| 123 |
-
span.classList.remove('not-hover-highlight');
|
| 124 |
-
span.classList.add('highlight');
|
| 125 |
-
}
|
| 126 |
-
});
|
| 127 |
-
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 128 |
-
if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
|
| 129 |
-
sentence.classList.remove('highlight');
|
| 130 |
-
}
|
| 131 |
-
});
|
| 132 |
-
});
|
| 133 |
-
});
|
| 134 |
-
|
| 135 |
-
</script>
|
| 136 |
-
</body>
|
| 137 |
-
</html>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
html_files/test/107.html
DELETED
|
@@ -1,137 +0,0 @@
|
|
| 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: 30%;
|
| 25 |
-
font-size: 1.0rem;
|
| 26 |
-
padding: 10px;
|
| 27 |
-
height: 40vh; /* 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: 40vh; /* Maximum height to a third of the viewport height */
|
| 37 |
-
overflow-y: auto; /* Enable vertical scrolling */
|
| 38 |
-
background-color: #9e9e9e0a; /* Light grey background */
|
| 39 |
-
}
|
| 40 |
-
.text-box {
|
| 41 |
-
width: calc(100% - 20px); /* Adjust based on padding */
|
| 42 |
-
margin: 10px;
|
| 43 |
-
padding: 10px;
|
| 44 |
-
background-color: #9e9e9e0a; /* Light grey background */
|
| 45 |
-
color: #606060bf;
|
| 46 |
-
border: 2px solid #ddd; /* Cartoonish border */
|
| 47 |
-
border-radius: 20px; /* Rounded corners for cartoonish effect */
|
| 48 |
-
position: relative;
|
| 49 |
-
box-shadow: 3px 3px #bbb; /* Soft shadow for depth */
|
| 50 |
-
}
|
| 51 |
-
.text-box:before {
|
| 52 |
-
content: '';
|
| 53 |
-
position: absolute;
|
| 54 |
-
right: 100%;
|
| 55 |
-
bottom: 20%;
|
| 56 |
-
border-top: 10px solid transparent;
|
| 57 |
-
border-bottom: 10px solid transparent;
|
| 58 |
-
border-right: 10px solid #ddd; /* Arrow matching the border */
|
| 59 |
-
}
|
| 60 |
-
.summary-box {
|
| 61 |
-
padding: 10px;
|
| 62 |
-
margin: 10px 0;
|
| 63 |
-
background-color: #e6e6fa; /* Lavender background for a pleasant look */
|
| 64 |
-
border: 1px solid #ddd; /* Light border for definition */
|
| 65 |
-
border-radius: 5px; /* Slightly rounded corners */
|
| 66 |
-
box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* Soft shadow for depth */
|
| 67 |
-
cursor: pointer;
|
| 68 |
-
}
|
| 69 |
-
h4 { margin-top: 0; }
|
| 70 |
-
</style>
|
| 71 |
-
</head>
|
| 72 |
-
<body>
|
| 73 |
-
<div class='column reviews'><h2>Reviews</h2><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0 1'>The Vogue is well located</span>,<span class='review-span highlight' data-aligned-summaries='0'> across from Ogilvy (the nicest department store in the city in my opinion</span>) <span class='review-span highlight' data-aligned-summaries='0'>which also means</span> <span class='review-span highlight' data-aligned-summaries='0 1'>very close to Ste. Catherine, Sherbrooke and Crescent Streets</span>. I stayed in <span class='review-span highlight' data-aligned-summaries='4'>a very spacious executive suite</span> with bathtub, two TVs (better choice of channels should be available), <span class='review-span highlight' data-aligned-summaries='4'>very comfortable bed</span>, <span class='review-span highlight' data-aligned-summaries='3'>nice bathrooms</span>. Shower pressure was good but shower itself a bit old fashioned even if <span class='review-span highlight' data-aligned-summaries='0'>well maintained</span>. Service a bit uneven but in general very good. Good room service but a bit expensive. Bar at the lobby looks dated. I have to say that overall it does not feel like a 5 star hotel but still quite good. Recommended.</div><div class='text-box'>What a wonderfu, <span class='review-span highlight' data-aligned-summaries='0 1'>friendly and beautiful botique hotel right in the middle of Montreal's shopping district</span> and nearby McGill Univ. The only negative thing to mention about the hotel is <span class='review-span highlight' data-aligned-summaries='2'>the carpeting in our room definitely needs to be replaced</span>! The staff, service, etc. are all excellent. Leave your car at home or if you drive, park it in the garage. <span class='review-span highlight' data-aligned-summaries='0 1'>You are in walking distance of everything</span>. You will need to take a cab to old Montreal. So much to see and do there too. A very safe city to walk around. Montreal is very very expensive due to the low value of the US dollar, but it was still worth the tri</div><div class='text-box'>I stayed at Hotel Vogue for a shopping weekend in Montreal and it did not disappoint. <span class='review-span highlight' data-aligned-summaries='0'>From the lobby to my room itself it is probably the nicest</span> and most luxurious <span class='review-span highlight' data-aligned-summaries='0'>hotels I've stayed in</span>. <span class='review-span highlight' data-aligned-summaries='3'>The bathroom was a dream equipped with tv and jacuzzi tub</span>. The service was excellent when the moment I stepped in. Everyone was very friendly and polite. I ordered room service for dinner and the food was delicious. <span class='review-span highlight' data-aligned-summaries='1'>shopping is just steps away which is great</span>. nice to have a dvd in the room too. <span class='review-span highlight' data-aligned-summaries='0'>For a luxury shopping weekend in Montreal or a romantic getaway I would definitely recommend Hotel Vogue</span>.</div><div class='text-box'>What <span class='review-span highlight' data-aligned-summaries='1'>a great hotel in a wonderful location</span>. <span class='review-span highlight' data-aligned-summaries='0'>We have stayed here many times</span> over the past few years <span class='review-span highlight' data-aligned-summaries='0'>and have never been disappointed</span>. <span class='review-span highlight' data-aligned-summaries='2 4'>The rooms are spacious</span> <span class='review-span highlight' data-aligned-summaries='2'>and VERY quiet and</span> <span class='review-span highlight' data-aligned-summaries='2 3'>the bathroom has a separate walk-in shower</span>.<span class='review-span highlight' data-aligned-summaries='3'></span> <span class='review-span highlight' data-aligned-summaries='0 3'>Everything is spotless</span> and the service (from the front desk to room service to the doorman and valet) is top notch. We return to find the same friendly faces working in this hotel, which definitely says something about the way Loews treats their employees. We can't wait to go back! Superb.</div><div class='text-box'>This is a potentially great boutique hotel - <span class='review-span highlight' data-aligned-summaries='2'>great rooms</span>, excellent staff, very comfortable BUT I resent having to pay extra for water and internet which other comparable hotels (The Nelligan, Le Germain) throw in. It just feels like I'm being nickled and dimed to death. Other posters have made the same comments and I'm hoping that Le Vogue is listening - I'm heading back there tonight. Otherwise it's a terrific <span class='review-span highlight' data-aligned-summaries='1'>hotel in a great location</span> whether you're in Montreal for business or pleasure.</div><div class='text-box'>We just <span class='review-span highlight' data-aligned-summaries='0'>loved our recent stay at the Vogue</span>! The service is always very good, <span class='review-span highlight' data-aligned-summaries='1'>the location is great</span> and they have those small attentions that make a difference (they let a bag in our car with 2 apples and 2 bottles of water for the road). <span class='review-span highlight' data-aligned-summaries='5'>The breakfast</span> (room service) <span class='review-span highlight' data-aligned-summaries='5'>was delicious</span>. We just can't wait to go back!</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='2'>Great rooms</span>, <span class='review-span highlight' data-aligned-summaries='2 3'>big marble bathroom</span>,<span class='review-span highlight' data-aligned-summaries='2'> ipod docking</span> and <span class='review-span highlight' data-aligned-summaries='2'>all</span> the other <span class='review-span highlight' data-aligned-summaries='2'>amenties</span> that <span class='review-span highlight' data-aligned-summaries='2'>you would expect</span>. But it was the staff that really made us feel welcome from the moment we arrived. Thanks to everyone for a fun weekend in Montreal.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='2'>Great room</span> and very good service. <span class='review-span highlight' data-aligned-summaries='1'>Nicely located</span> in Montreal. We've stayed there the last 3 or 4 times we were in Montreal and will visit again.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">The Hotel Vogue does not disappoint for shopping or romantic getaways and is well maintained.</span> <span id="1" class="summary-sentence">The Vogue is in a great location at the heart of Montreal's shopping district and within walking distance to so much more.</span> <span id="2" class="summary-sentence">Lovely rooms that are fully equipped with all amenities and luxuries.</span> <span id="3" class="summary-sentence">The bathrooms are superb and come with tv and Jacuzzi tub.</span> <span id="4" class="summary-sentence">They are spacious, and the beds are comfortable.</span> <span id="5" class="summary-sentence">The hotel does have a very nice breakfast.</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 |
-
console.log('entered!');
|
| 83 |
-
}
|
| 84 |
-
});
|
| 85 |
-
this.classList.add('highlight');
|
| 86 |
-
});
|
| 87 |
-
|
| 88 |
-
sentence.addEventListener('mouseleave', function() {
|
| 89 |
-
const summaryId = this.getAttribute('id');
|
| 90 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 91 |
-
if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
|
| 92 |
-
span.classList.remove('not-hover-highlight');
|
| 93 |
-
span.classList.add('highlight');
|
| 94 |
-
console.log('left!');
|
| 95 |
-
}
|
| 96 |
-
this.classList.remove('highlight');
|
| 97 |
-
});
|
| 98 |
-
});
|
| 99 |
-
});
|
| 100 |
-
|
| 101 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 102 |
-
span.addEventListener('mouseenter', function() {
|
| 103 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 104 |
-
if (span !== this) {
|
| 105 |
-
span.classList.remove('highlight');
|
| 106 |
-
span.classList.add('not-hover-highlight');
|
| 107 |
-
}
|
| 108 |
-
});
|
| 109 |
-
const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
|
| 110 |
-
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 111 |
-
if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
|
| 112 |
-
sentence.classList.add('highlight');
|
| 113 |
-
}
|
| 114 |
-
});
|
| 115 |
-
});
|
| 116 |
-
});
|
| 117 |
-
|
| 118 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 119 |
-
span.addEventListener('mouseleave', function() {
|
| 120 |
-
const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
|
| 121 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 122 |
-
if (span !== this) {
|
| 123 |
-
span.classList.remove('not-hover-highlight');
|
| 124 |
-
span.classList.add('highlight');
|
| 125 |
-
}
|
| 126 |
-
});
|
| 127 |
-
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 128 |
-
if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
|
| 129 |
-
sentence.classList.remove('highlight');
|
| 130 |
-
}
|
| 131 |
-
});
|
| 132 |
-
});
|
| 133 |
-
});
|
| 134 |
-
|
| 135 |
-
</script>
|
| 136 |
-
</body>
|
| 137 |
-
</html>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
html_files/test/108.html
DELETED
|
@@ -1,137 +0,0 @@
|
|
| 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: 30%;
|
| 25 |
-
font-size: 1.0rem;
|
| 26 |
-
padding: 10px;
|
| 27 |
-
height: 40vh; /* 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: 40vh; /* 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 girlfriend and I booked Hotel Cielo for a quick 3 night escape of the Boston winter. <span class='review-span highlight' data-aligned-summaries='0'>The hotel was in the most perfect location</span> to explore Playa del Carmen as well as the Yucatcan. We were given <span class='review-span highlight' data-aligned-summaries='4'>the deluxe room for 105/night, which had a balcony that overlooked 5th ave</span> and a partial view of the ocean. <span class='review-span highlight' data-aligned-summaries='0'>I think the number one reason to stay is for the helpful staff</span>, simple rooms, and amazing locations. We also thought that Carboncitos is also the best mexican food in the area. Thanks to everyone at Hotel Cielo and we will be back hopefully for an extended stay next year. One note: bring your own shampoo as it is not provided.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>We</span> were a group of 4 and <span class='review-span highlight' data-aligned-summaries='0'>enjoyed our stay at Hotel Cielo</span>! <span class='review-span highlight' data-aligned-summaries='1'>The hotel is conveniently located within walking distance of everything</span>. Everyone at the hotel is helpful and friendly. <span class='review-span highlight' data-aligned-summaries='5'>Henri, the concierge, has lots of good information and is always willing to answer questions</span>, arrange for transportation, etc. Breakfasts at the restaurant were delicious. <span class='review-span highlight' data-aligned-summaries='7'>We</span> also <span class='review-span highlight' data-aligned-summaries='7'>enjoyed</span> swimming in a cenote, and <span class='review-span highlight' data-aligned-summaries='7'>horseback riding at Rancho Punto Venado, which also offers a lovely beach, buffet, bar, ATV's, and jeeps</span>. (Henri assisted with the reservation.)</div><div class='text-box'>My husband and I just stayed here and it was perfect for a young couple. <span class='review-span highlight' data-aligned-summaries='5'>The staff</span> especially Henry and Roberto were amazing. They <span class='review-span highlight' data-aligned-summaries='5'>took care of everything you needed</span> from great local restaurants to <span class='review-span highlight' data-aligned-summaries='6'>setting up taxis to the airport</span>. <span class='review-span highlight' data-aligned-summaries='3 4'>The rooms were</span> <span class='review-span highlight' data-aligned-summaries='3'>very clean</span> and <span class='review-span highlight' data-aligned-summaries='0 4'>a great price</span>. The rooftop has an awesome sunset view and just a great hang out spot. <span class='review-span highlight' data-aligned-summaries='1'>You are right in the middle of the main strip</span> and <span class='review-span highlight' data-aligned-summaries='2'>a minute walk from the beach</span>. It was a great location and <span class='review-span highlight' data-aligned-summaries='0'>I would go back in a heart beat</span>!</div><div class='text-box'>This trip was a culmination of all the "side trips" we've taken around Playa Del Carmen which ended at Hotel Cielo. I wouldnt have it any other way. <span class='review-span highlight' data-aligned-summaries='0 3'>Beautiful, clean</span>,<span class='review-span highlight' data-aligned-summaries='0'> bright and comfortable</span>. Henery (and everyone else) was friendly and helpful but never were intu rusive and let us enjoy peace and quiet. Carboncitos, the eatery downstairs was tasty with excellent service. Fun location with charm of its own. <span class='review-span highlight' data-aligned-summaries='0'>You wont forget this place</span> any time soon. Thanks Henery, see you next year!</div><div class='text-box'>My wife and I recently visited Playa for the first time and had a wonderful time. Hotel Cielo is <span class='review-span highlight' data-aligned-summaries='1'>perfectly located for just about everything</span> and the staff was phenonmenal in meeting our every need. <span class='review-span highlight' data-aligned-summaries='3'>The</span> <span class='review-span highlight' data-aligned-summaries='0 3'>rooms were</span> <span class='review-span highlight' data-aligned-summaries='3'>clean</span> and <span class='review-span highlight' data-aligned-summaries='3'>well kept</span> and <span class='review-span highlight' data-aligned-summaries='4'>very</span> <span class='review-span highlight' data-aligned-summaries='0 4'>reasonably priced</span>. Being first time visitors, <span class='review-span highlight' data-aligned-summaries='5'>the tips and travel advice offered by the hotel staff was invaluable</span> and greatly enhanced the quality of our trip. We will definitely return at some point in the future and have mentioned the hotel to all our friends in Boise, Idaho.</div><div class='text-box'>This was our 2nd stay at Cielo. For slightly more $, you can get one is the larger rooms which we enjoyed. <span class='review-span highlight' data-aligned-summaries='0 1 2'>This is an excellent location</span> <span class='review-span highlight' data-aligned-summaries='1 2'>as 4th street has some of the best non tourist restaurants and is about 100 yards from the beach</span>. While breakfast isn't a big deal me, my wife enjoyed it very much. <span class='review-span highlight' data-aligned-summaries='0 4'>This place is a bargain</span>.</div><div class='text-box'>had a great time , no need for one of those giant hotels, they have it all here.i <span class='review-span highlight' data-aligned-summaries='0'>would recommend to everyone</span>.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>Friendly , convient,</span> <span class='review-span highlight' data-aligned-summaries='0 1'>close to everything</span>. resturant on site, little noisy, take your ear plugs.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">The hotel was a bargain and comes highly recommended.</span> <span id="1" class="summary-sentence">The hotel is located centrally to the main strip and generally everything is within walking distance.</span> <span id="2" class="summary-sentence">It is a minute's walk to beach and nearby 4th street has a selection of local restaurants too.</span> <span id="3" class="summary-sentence">The rooms were clean and well maintained.</span> <span id="4" class="summary-sentence">They were reasonably priced and the deluxe options have a balcony overlooking 5th Avenue.</span> <span id="5" class="summary-sentence">The staff are incredibly knowledgeable about the local area and will happily spend some time advising on the best places to see.</span> <span id="6" class="summary-sentence">They were even gracious enough to book taxis to the airport, which is a great touch.</span> <span id="7" class="summary-sentence">The hotel is near to Rancho Punto Venado, which provides facilities for many outdoor activities such as horseback riding and ATV driving</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 |
-
console.log('entered!');
|
| 83 |
-
}
|
| 84 |
-
});
|
| 85 |
-
this.classList.add('highlight');
|
| 86 |
-
});
|
| 87 |
-
|
| 88 |
-
sentence.addEventListener('mouseleave', function() {
|
| 89 |
-
const summaryId = this.getAttribute('id');
|
| 90 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 91 |
-
if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
|
| 92 |
-
span.classList.remove('not-hover-highlight');
|
| 93 |
-
span.classList.add('highlight');
|
| 94 |
-
console.log('left!');
|
| 95 |
-
}
|
| 96 |
-
this.classList.remove('highlight');
|
| 97 |
-
});
|
| 98 |
-
});
|
| 99 |
-
});
|
| 100 |
-
|
| 101 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 102 |
-
span.addEventListener('mouseenter', function() {
|
| 103 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 104 |
-
if (span !== this) {
|
| 105 |
-
span.classList.remove('highlight');
|
| 106 |
-
span.classList.add('not-hover-highlight');
|
| 107 |
-
}
|
| 108 |
-
});
|
| 109 |
-
const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
|
| 110 |
-
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 111 |
-
if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
|
| 112 |
-
sentence.classList.add('highlight');
|
| 113 |
-
}
|
| 114 |
-
});
|
| 115 |
-
});
|
| 116 |
-
});
|
| 117 |
-
|
| 118 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 119 |
-
span.addEventListener('mouseleave', function() {
|
| 120 |
-
const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
|
| 121 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 122 |
-
if (span !== this) {
|
| 123 |
-
span.classList.remove('not-hover-highlight');
|
| 124 |
-
span.classList.add('highlight');
|
| 125 |
-
}
|
| 126 |
-
});
|
| 127 |
-
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 128 |
-
if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
|
| 129 |
-
sentence.classList.remove('highlight');
|
| 130 |
-
}
|
| 131 |
-
});
|
| 132 |
-
});
|
| 133 |
-
});
|
| 134 |
-
|
| 135 |
-
</script>
|
| 136 |
-
</body>
|
| 137 |
-
</html>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
html_files/test/109.html
DELETED
|
@@ -1,137 +0,0 @@
|
|
| 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: 30%;
|
| 25 |
-
font-size: 1.0rem;
|
| 26 |
-
padding: 10px;
|
| 27 |
-
height: 40vh; /* 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: 40vh; /* 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 girlfriend and I booked Hotel Cielo for a quick 3 night escape of the Boston winter. <span class='review-span highlight' data-aligned-summaries='3'>The hotel was in the most perfect location to explore Playa del Carmen</span> as well as the Yucatcan. We were given the <span class='review-span highlight' data-aligned-summaries='5'>deluxe room</span> for 105/night<span class='review-span highlight' data-aligned-summaries='5'>, which had a balcony</span> that overlooked 5th ave and <span class='review-span highlight' data-aligned-summaries='5'>a partial view of the ocean</span>. I think the number one reason to stay is for <span class='review-span highlight' data-aligned-summaries='6'>the helpful staff</span>, simple rooms, and amazing locations. We also thought that Carboncitos is also the best mexican food in the area. Thanks to everyone at Hotel Cielo and we will be back hopefully for an extended stay next year. One note: bring your own shampoo as it is not provided.</div><div class='text-box'>We were a group of 4 and enjoyed our stay at Hotel Cielo! The <span class='review-span highlight' data-aligned-summaries='0 3'>hotel is conveniently located</span> <span class='review-span highlight' data-aligned-summaries='3'>within walking distance of everything</span>. <span class='review-span highlight' data-aligned-summaries='0 6'>Everyone at the hotel is helpful</span> <span class='review-span highlight' data-aligned-summaries='0'>and friendly</span>. Henri, <span class='review-span highlight' data-aligned-summaries='7'>the concierge</span>, has lots of good information <span class='review-span highlight' data-aligned-summaries='7'>and is always willing to</span> answer questions, <span class='review-span highlight' data-aligned-summaries='7'>arrange for transportation</span>, etc. <span class='review-span highlight' data-aligned-summaries='3 8'>Breakfasts at the restaurant were delicious</span>.<span class='review-span highlight' data-aligned-summaries='8'></span> <span class='review-span highlight' data-aligned-summaries='9'>We also enjoyed swimming in a cenote, and horseback riding at Rancho Punto Venado</span>, which also offers a lovely beach, buffet, bar, ATV's, and jeeps. (Henri assisted with the reservation.)</div><div class='text-box'>My husband and I just stayed here and it was perfect for a young couple. <span class='review-span highlight' data-aligned-summaries='0 6'>The staff</span> especially Henry and Roberto <span class='review-span highlight' data-aligned-summaries='0 6'>were amazing</span>.<span class='review-span highlight' data-aligned-summaries='6'></span> <span class='review-span highlight' data-aligned-summaries='6 7'>They took care of everything</span> <span class='review-span highlight' data-aligned-summaries='6'>you needed</span> <span class='review-span highlight' data-aligned-summaries='7'>from</span> <span class='review-span highlight' data-aligned-summaries='3 4 7'>great local restaurants</span> <span class='review-span highlight' data-aligned-summaries='7'>to setting up taxis to the airport</span>. <span class='review-span highlight' data-aligned-summaries='0 2'>The rooms were very clean</span> <span class='review-span highlight' data-aligned-summaries='0'>and a great price</span>. <span class='review-span highlight' data-aligned-summaries='1'>The rooftop has an awesome sunset view</span> and just a great hang out spot. <span class='review-span highlight' data-aligned-summaries='3'>You are right in the middle of the main strip and a</span> <span class='review-span highlight' data-aligned-summaries='3 4'>minute walk from the beach</span>.<span class='review-span highlight' data-aligned-summaries='3'> It was a great location</span> and I would go back in a heart beat!</div><div class='text-box'>This trip was a culmination of all the "side trips" we've taken around Playa Del Carmen which ended at Hotel Cielo. I wouldnt have it any other way. <span class='review-span highlight' data-aligned-summaries='1'>Beautiful</span>, <span class='review-span highlight' data-aligned-summaries='2'>clean</span>, <span class='review-span highlight' data-aligned-summaries='1'>bright and comfortable</span>. Henery (and <span class='review-span highlight' data-aligned-summaries='6'>everyone</span> else) <span class='review-span highlight' data-aligned-summaries='6'>was friendly and helpful</span> but never were intu rusive and let us enjoy peace and quiet. Carboncitos, the eatery downstairs was tasty with excellent service. <span class='review-span highlight' data-aligned-summaries='3 4'>Fun location with charm of its own</span>. You wont forget this place any time soon. Thanks Henery, see you next year!</div><div class='text-box'>My wife and I recently visited Playa for the first time and had a wonderful time. <span class='review-span highlight' data-aligned-summaries='0 3 4'>Hotel Cielo is perfectly located</span> <span class='review-span highlight' data-aligned-summaries='3 4'>for just about everything</span> and <span class='review-span highlight' data-aligned-summaries='6'>the staff was phenonmenal in meeting our every need</span>. <span class='review-span highlight' data-aligned-summaries='2'>The rooms were clean</span> and well kept and very reasonably priced. Being first time visitors, the tips and travel <span class='review-span highlight' data-aligned-summaries='0 6 7'>advice offered</span> <span class='review-span highlight' data-aligned-summaries='0 7'>by the hotel staff</span> <span class='review-span highlight' data-aligned-summaries='0 6'>was invaluable</span> and <span class='review-span highlight' data-aligned-summaries='7'>greatly enhanced the quality of our trip</span>. We will definitely return at some point in the future and have mentioned the hotel to all our friends in Boise, Idaho.</div><div class='text-box'>This was our 2nd stay at Cielo. For slightly more $, you can get one is the larger rooms which we enjoyed. <span class='review-span highlight' data-aligned-summaries='3'>This is an excellent location</span> as 4th street has some of <span class='review-span highlight' data-aligned-summaries='3'>the best non tourist restaurants</span> and <span class='review-span highlight' data-aligned-summaries='3'>is about 100 yards from the beach</span>. <span class='review-span highlight' data-aligned-summaries='8'>While breakfast isn't a big deal me, my wife enjoyed it very much</span>. <span class='review-span highlight' data-aligned-summaries='0'>This place is a bargain</span>.</div><div class='text-box'>had a great time , no need for one of those giant hotels, they have it all here.i <span class='review-span highlight' data-aligned-summaries='0'>would recommend to everyone</span>.</div><div class='text-box'>Friendly , convient, <span class='review-span highlight' data-aligned-summaries='3'>close to everything</span>. <span class='review-span highlight' data-aligned-summaries='3 8'>resturant on site</span>, little noisy, take your ear plugs.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">This hotel is highly recommended because not only is it a bargain</span> <span id="1" class="summary-sentence">but it's beautiful, bright, comfortable and above all else</span> <span id="2" class="summary-sentence">it's clean.</span> <span id="3" class="summary-sentence">Everything is super close to this hotel as it is in a great location; the beach is only one minute's walk away, there are great locals' restaurants 100 yards from the beach as well</span> <span id="4" class="summary-sentence">so that adds to the experience.</span> <span id="5" class="summary-sentence">The larger deluxe rooms have a nice partial view of the ocean because of the balcony, and the room was really clean and well-kept.</span> <span id="6" class="summary-sentence">The hotel staff were very helpful.</span> <span id="7" class="summary-sentence">They booked local restaurants and transport to the airport and made the stay more pleasurable.</span> <span id="8" class="summary-sentence">The breakfasts served here were really nice.</span> <span id="9" class="summary-sentence">There are great activities close to this hotel to participate in, which really adds to a trip.</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 |
-
console.log('entered!');
|
| 83 |
-
}
|
| 84 |
-
});
|
| 85 |
-
this.classList.add('highlight');
|
| 86 |
-
});
|
| 87 |
-
|
| 88 |
-
sentence.addEventListener('mouseleave', function() {
|
| 89 |
-
const summaryId = this.getAttribute('id');
|
| 90 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 91 |
-
if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
|
| 92 |
-
span.classList.remove('not-hover-highlight');
|
| 93 |
-
span.classList.add('highlight');
|
| 94 |
-
console.log('left!');
|
| 95 |
-
}
|
| 96 |
-
this.classList.remove('highlight');
|
| 97 |
-
});
|
| 98 |
-
});
|
| 99 |
-
});
|
| 100 |
-
|
| 101 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 102 |
-
span.addEventListener('mouseenter', function() {
|
| 103 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 104 |
-
if (span !== this) {
|
| 105 |
-
span.classList.remove('highlight');
|
| 106 |
-
span.classList.add('not-hover-highlight');
|
| 107 |
-
}
|
| 108 |
-
});
|
| 109 |
-
const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
|
| 110 |
-
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 111 |
-
if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
|
| 112 |
-
sentence.classList.add('highlight');
|
| 113 |
-
}
|
| 114 |
-
});
|
| 115 |
-
});
|
| 116 |
-
});
|
| 117 |
-
|
| 118 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 119 |
-
span.addEventListener('mouseleave', function() {
|
| 120 |
-
const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
|
| 121 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 122 |
-
if (span !== this) {
|
| 123 |
-
span.classList.remove('not-hover-highlight');
|
| 124 |
-
span.classList.add('highlight');
|
| 125 |
-
}
|
| 126 |
-
});
|
| 127 |
-
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 128 |
-
if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
|
| 129 |
-
sentence.classList.remove('highlight');
|
| 130 |
-
}
|
| 131 |
-
});
|
| 132 |
-
});
|
| 133 |
-
});
|
| 134 |
-
|
| 135 |
-
</script>
|
| 136 |
-
</body>
|
| 137 |
-
</html>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
html_files/test/11.html
DELETED
|
@@ -1,137 +0,0 @@
|
|
| 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: 30%;
|
| 25 |
-
font-size: 1.0rem;
|
| 26 |
-
padding: 10px;
|
| 27 |
-
height: 40vh; /* 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: 40vh; /* Maximum height to a third of the viewport height */
|
| 37 |
-
overflow-y: auto; /* Enable vertical scrolling */
|
| 38 |
-
background-color: #9e9e9e0a; /* Light grey background */
|
| 39 |
-
}
|
| 40 |
-
.text-box {
|
| 41 |
-
width: calc(100% - 20px); /* Adjust based on padding */
|
| 42 |
-
margin: 10px;
|
| 43 |
-
padding: 10px;
|
| 44 |
-
background-color: #9e9e9e0a; /* Light grey background */
|
| 45 |
-
color: #606060bf;
|
| 46 |
-
border: 2px solid #ddd; /* Cartoonish border */
|
| 47 |
-
border-radius: 20px; /* Rounded corners for cartoonish effect */
|
| 48 |
-
position: relative;
|
| 49 |
-
box-shadow: 3px 3px #bbb; /* Soft shadow for depth */
|
| 50 |
-
}
|
| 51 |
-
.text-box:before {
|
| 52 |
-
content: '';
|
| 53 |
-
position: absolute;
|
| 54 |
-
right: 100%;
|
| 55 |
-
bottom: 20%;
|
| 56 |
-
border-top: 10px solid transparent;
|
| 57 |
-
border-bottom: 10px solid transparent;
|
| 58 |
-
border-right: 10px solid #ddd; /* Arrow matching the border */
|
| 59 |
-
}
|
| 60 |
-
.summary-box {
|
| 61 |
-
padding: 10px;
|
| 62 |
-
margin: 10px 0;
|
| 63 |
-
background-color: #e6e6fa; /* Lavender background for a pleasant look */
|
| 64 |
-
border: 1px solid #ddd; /* Light border for definition */
|
| 65 |
-
border-radius: 5px; /* Slightly rounded corners */
|
| 66 |
-
box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* Soft shadow for depth */
|
| 67 |
-
cursor: pointer;
|
| 68 |
-
}
|
| 69 |
-
h4 { margin-top: 0; }
|
| 70 |
-
</style>
|
| 71 |
-
</head>
|
| 72 |
-
<body>
|
| 73 |
-
<div class='column reviews'><h2>Reviews</h2><div class='text-box'>I was completely blown away by the whole complex of Marina sands but just let me share my thoughts. Skypark is a must we went up at dusk and watched the city light up - <span class='review-span highlight' data-aligned-summaries='1'>best views of Singapore</span>. Feel very sorry for the residents of this hotel, as they swim in the pool the visitors to the skypark are continually looking through every available area. The foyer of the hotel is a bit like a first class airline checkin area but queues to check in or out - people everywhere just milling around. Foodhall downstairs is overpriced very busy and not very good - ate there twice and wished I hadn't both times. Did live in Singapore for 4 years and there are plenty of excellent hawkers around a shame this wasn't one of them. Without a doubt it is an amazing building and a must see in Singapore.</div><div class='text-box'>Check in was efficient, and the <span class='review-span highlight' data-aligned-summaries='0'>welcome drink was a nice touch</span>. <span class='review-span highlight' data-aligned-summaries='0'>They allowed me to check in slightly early which was great</span> as I was travelling with a small child. Rooms are large and very nice. Loads of facilities, shopping etc in and around the complex, we spent an entire day just exploring the area (ice skating, sampan rides, skypark, infinity pool etc). Check out was also efficient. I had read a lot of bad reviews, but didn't have any negative experiences during my stay here. Absolutely recommend staying here!</div><div class='text-box'>I have read the negative reviews here and had some mixed feelings before I checked in. But I have to admit that there was nothing that was really bad. I used the laundry service and some other Concierge services and they were all satisfying. <span class='review-span highlight' data-aligned-summaries='0'>The staff was also friendly</span>, so all-in-all very ok. The only thing is the location. Marina Bay Sands is a bit from the city and I haven't found a convenience store at the mall just next to the hotel.</div><div class='text-box'>Room was very spacious and decor contemporary. The kids love the Skypark pool and the bathtub in the room. <span class='review-span highlight' data-aligned-summaries='1'>View was good</span>; better to come when the Gardens by the Bay is open. Linked to shopping mall of designer brands. Mall layout is kinda confusing though. Only tried the Fuse lounge for a nightcap, where there was live music. Relaxing. Very conveniently linked to Bayfront MRT station.</div><div class='text-box'>its one of the best hotel i have ever seen. Simply amazingly made. specially the shape massive rooms awesome food classy sky bar <span class='review-span highlight' data-aligned-summaries='1'>at the top floor</span> from there <span class='review-span highlight' data-aligned-summaries='1'>we can see whole Singapore</span> <span class='review-span highlight' data-aligned-summaries='0'>incredible and so polite staff</span> and the shopping area is huge with all possible world best brands and the casino is mind boggling with all games.i wish to visit twice a year.</div><div class='text-box'>We were lucky to score a free up grade to a club room which was a bit noisey from traffic alongside but overall the room was fantastic. <span class='review-span highlight' data-aligned-summaries='0'>Allowed late chck out and a glass of champagne leaving the hotel</span>. Obviously the pool complex is one of the main draw cards for this hotel.</div><div class='text-box'>Big "Vegas Style" hotel with the shopping mall and convention centre attached. I paid a little more for the <span class='review-span highlight' data-aligned-summaries='1'>premium room</span> but it <span class='review-span highlight' data-aligned-summaries='1'>was worth it for the city view</span>. Room was large with big bathroom and separate shower. Always busy, especially the skypark over the hotel which was wonderful</div><div class='text-box'>went there because of the breathtaking rooftop infinity pool which is really special. the hotel itself is modern, huge, bright, <span class='review-span highlight' data-aligned-summaries='0'>has friendly staff but the hotel is</span> too big and therefore <span class='review-span highlight' data-aligned-summaries='0'>much too impersonal.</span> You have to do it once - but there are more personal hotels in Singapore.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">The staff at this hotel is very friendly.</span> <span id="1" class="summary-sentence">The hotel has a beautiful view.</span> </div></div>
|
| 74 |
-
<script>
|
| 75 |
-
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 76 |
-
sentence.addEventListener('mouseenter', function() {
|
| 77 |
-
const summaryId = this.getAttribute('id');
|
| 78 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 79 |
-
if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
|
| 80 |
-
span.classList.remove('highlight');
|
| 81 |
-
span.classList.add('not-hover-highlight');
|
| 82 |
-
console.log('entered!');
|
| 83 |
-
}
|
| 84 |
-
});
|
| 85 |
-
this.classList.add('highlight');
|
| 86 |
-
});
|
| 87 |
-
|
| 88 |
-
sentence.addEventListener('mouseleave', function() {
|
| 89 |
-
const summaryId = this.getAttribute('id');
|
| 90 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 91 |
-
if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
|
| 92 |
-
span.classList.remove('not-hover-highlight');
|
| 93 |
-
span.classList.add('highlight');
|
| 94 |
-
console.log('left!');
|
| 95 |
-
}
|
| 96 |
-
this.classList.remove('highlight');
|
| 97 |
-
});
|
| 98 |
-
});
|
| 99 |
-
});
|
| 100 |
-
|
| 101 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 102 |
-
span.addEventListener('mouseenter', function() {
|
| 103 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 104 |
-
if (span !== this) {
|
| 105 |
-
span.classList.remove('highlight');
|
| 106 |
-
span.classList.add('not-hover-highlight');
|
| 107 |
-
}
|
| 108 |
-
});
|
| 109 |
-
const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
|
| 110 |
-
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 111 |
-
if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
|
| 112 |
-
sentence.classList.add('highlight');
|
| 113 |
-
}
|
| 114 |
-
});
|
| 115 |
-
});
|
| 116 |
-
});
|
| 117 |
-
|
| 118 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 119 |
-
span.addEventListener('mouseleave', function() {
|
| 120 |
-
const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
|
| 121 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 122 |
-
if (span !== this) {
|
| 123 |
-
span.classList.remove('not-hover-highlight');
|
| 124 |
-
span.classList.add('highlight');
|
| 125 |
-
}
|
| 126 |
-
});
|
| 127 |
-
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 128 |
-
if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
|
| 129 |
-
sentence.classList.remove('highlight');
|
| 130 |
-
}
|
| 131 |
-
});
|
| 132 |
-
});
|
| 133 |
-
});
|
| 134 |
-
|
| 135 |
-
</script>
|
| 136 |
-
</body>
|
| 137 |
-
</html>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
html_files/test/110.html
DELETED
|
@@ -1,137 +0,0 @@
|
|
| 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: 30%;
|
| 25 |
-
font-size: 1.0rem;
|
| 26 |
-
padding: 10px;
|
| 27 |
-
height: 40vh; /* 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: 40vh; /* 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 girlfriend and I booked Hotel Cielo for a quick 3 night escape of the Boston winter. The hotel was in the most perfect location to explore Playa del Carmen as well as the Yucatcan. We were given <span class='review-span highlight' data-aligned-summaries='3 4'>the deluxe room for 105/night</span>, which <span class='review-span highlight' data-aligned-summaries='3 4'>had a balcony that overlooked 5th ave and a partial view of the ocean</span>. I think the number one reason to stay is for the <span class='review-span highlight' data-aligned-summaries='0 1 5'>helpful staff</span>,<span class='review-span highlight' data-aligned-summaries='0 1'> simple rooms, and amazing locations</span>. We also thought that Carboncitos is also the best mexican food in the area. Thanks to everyone at Hotel Cielo and we will be back hopefully for an extended stay next year. One note: bring your own shampoo as it is not provided.</div><div class='text-box'>We were a group of 4 and <span class='review-span highlight' data-aligned-summaries='0'>enjoyed our stay at Hotel Cielo</span>! <span class='review-span highlight' data-aligned-summaries='2'>The hotel is conveniently located within walking distance of everything</span>. <span class='review-span highlight' data-aligned-summaries='5'>Everyone at the hotel is helpful and friendly</span>. Henri, the concierge, has lots of good information and is <span class='review-span highlight' data-aligned-summaries='5'>always willing to answer questions</span>, arrange for transportation, etc. <span class='review-span highlight' data-aligned-summaries='6'>Breakfasts at the restaurant were delicious</span>. <span class='review-span highlight' data-aligned-summaries='7'>We</span> also <span class='review-span highlight' data-aligned-summaries='7'>enjoyed</span> swimming in a cenote, and <span class='review-span highlight' data-aligned-summaries='7'>horseback riding at Rancho Punto Venado, which also offers a lovely beach, buffet, bar, ATV's, and jeeps</span>. (Henri assisted with the reservation.)</div><div class='text-box'>My husband and I just stayed here and <span class='review-span highlight' data-aligned-summaries='0'>it was perfect for a young couple</span>. <span class='review-span highlight' data-aligned-summaries='5'>The staff especially Henry and Roberto were amazing</span>. <span class='review-span highlight' data-aligned-summaries='1 5'>They took care of everything you needed from great local restaurants to setting up taxis to the airport</span>. <span class='review-span highlight' data-aligned-summaries='0 3'>The rooms were</span> <span class='review-span highlight' data-aligned-summaries='3'>very clean</span> and <span class='review-span highlight' data-aligned-summaries='0 3'>a great price</span>. The rooftop has an awesome sunset view and just a great hang out spot. You are right in the middle of the main strip and <span class='review-span highlight' data-aligned-summaries='2'>a minute walk from the beach</span>. <span class='review-span highlight' data-aligned-summaries='0'>It was a great location and I would go back in a heart beat</span>!</div><div class='text-box'>This trip was a culmination of all the "side trips" we've taken around Playa Del Carmen which ended at Hotel Cielo. I wouldnt have it any other way. <span class='review-span highlight' data-aligned-summaries='0 3'>Beautiful, clean, bright</span> <span class='review-span highlight' data-aligned-summaries='0'>and comfortable</span>. Henery (and everyone else) was friendly and helpful but never were intu rusive and let us enjoy peace and quiet. Carboncitos, the eatery downstairs was tasty with excellent service. Fun location with charm of its own. You wont forget this place any time soon. Thanks Henery, see you next year!</div><div class='text-box'>My wife and I recently visited Playa for the first time and had a wonderful time. <span class='review-span highlight' data-aligned-summaries='2'>Hotel Cielo is perfectly located for just about everything</span> and <span class='review-span highlight' data-aligned-summaries='5'>the staff was phenonmenal in meeting our every need</span>. <span class='review-span highlight' data-aligned-summaries='3'>The rooms were clean and well kept</span> and <span class='review-span highlight' data-aligned-summaries='3'>very reasonably priced</span>. Being first time visitors, <span class='review-span highlight' data-aligned-summaries='5'>the tips and travel advice offered by the hotel staff was invaluable and greatly enhanced the quality of our trip</span>. <span class='review-span highlight' data-aligned-summaries='0'>We will definitely return at some point in the future and have mentioned the hotel to all our friends in Boise, Idaho</span>.</div><div class='text-box'>This was our 2nd stay at Cielo. <span class='review-span highlight' data-aligned-summaries='4'>For slightly more $</span>, <span class='review-span highlight' data-aligned-summaries='4'>you can get</span> one is <span class='review-span highlight' data-aligned-summaries='4'>the larger rooms</span> which we enjoyed. This is an <span class='review-span highlight' data-aligned-summaries='1'>excellent location</span> as 4th street has <span class='review-span highlight' data-aligned-summaries='1'>some of the best</span> non tourist <span class='review-span highlight' data-aligned-summaries='1'>restaurants</span> and <span class='review-span highlight' data-aligned-summaries='2'>is about 100 yards from the beach</span>. While <span class='review-span highlight' data-aligned-summaries='6'>breakfast</span> isn't a big deal me, <span class='review-span highlight' data-aligned-summaries='6'>my wife enjoyed it very much</span>. This place is a bargain.</div><div class='text-box'>had a great time , <span class='review-span highlight' data-aligned-summaries='1'>no need for one of those giant hotels, they have it all</span> <span class='review-span highlight' data-aligned-summaries='0 1'>here.i</span> <span class='review-span highlight' data-aligned-summaries='0'>would recommend to everyone</span>.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>Friendly , convient,</span> <span class='review-span highlight' data-aligned-summaries='0 1'>close to everything</span>. resturant on site, little noisy, take your ear plugs.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">Highly recommended, and great value for money.</span> <span id="1" class="summary-sentence">Everything needed to make it a good visit is available to guests.</span> <span id="2" class="summary-sentence">Hotel Cielo's location is only a minute's walk from the beach and within walking distance to nearly everything.</span> <span id="3" class="summary-sentence">Beautiful rooms that are reasonably priced and well maintained.</span> <span id="4" class="summary-sentence">Stunning views from the room's balcony are available to those willing to pay slightly more.</span> <span id="5" class="summary-sentence">The staff here were amazing and took care of every need, from sorting out restaurants and taxies to offering tips and advice on travel which improved the overall quality of the trip greatly.</span> <span id="6" class="summary-sentence">The breakfast served here is of very good quality.</span> <span id="7" class="summary-sentence">Off the hotel grounds, there are activities such as horseback riding, beaches, and jeeps along with ATV's and at Rancho Punto Venado, a bar and buffet.</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 |
-
console.log('entered!');
|
| 83 |
-
}
|
| 84 |
-
});
|
| 85 |
-
this.classList.add('highlight');
|
| 86 |
-
});
|
| 87 |
-
|
| 88 |
-
sentence.addEventListener('mouseleave', function() {
|
| 89 |
-
const summaryId = this.getAttribute('id');
|
| 90 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 91 |
-
if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
|
| 92 |
-
span.classList.remove('not-hover-highlight');
|
| 93 |
-
span.classList.add('highlight');
|
| 94 |
-
console.log('left!');
|
| 95 |
-
}
|
| 96 |
-
this.classList.remove('highlight');
|
| 97 |
-
});
|
| 98 |
-
});
|
| 99 |
-
});
|
| 100 |
-
|
| 101 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 102 |
-
span.addEventListener('mouseenter', function() {
|
| 103 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 104 |
-
if (span !== this) {
|
| 105 |
-
span.classList.remove('highlight');
|
| 106 |
-
span.classList.add('not-hover-highlight');
|
| 107 |
-
}
|
| 108 |
-
});
|
| 109 |
-
const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
|
| 110 |
-
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 111 |
-
if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
|
| 112 |
-
sentence.classList.add('highlight');
|
| 113 |
-
}
|
| 114 |
-
});
|
| 115 |
-
});
|
| 116 |
-
});
|
| 117 |
-
|
| 118 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 119 |
-
span.addEventListener('mouseleave', function() {
|
| 120 |
-
const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
|
| 121 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 122 |
-
if (span !== this) {
|
| 123 |
-
span.classList.remove('not-hover-highlight');
|
| 124 |
-
span.classList.add('highlight');
|
| 125 |
-
}
|
| 126 |
-
});
|
| 127 |
-
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 128 |
-
if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
|
| 129 |
-
sentence.classList.remove('highlight');
|
| 130 |
-
}
|
| 131 |
-
});
|
| 132 |
-
});
|
| 133 |
-
});
|
| 134 |
-
|
| 135 |
-
</script>
|
| 136 |
-
</body>
|
| 137 |
-
</html>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
html_files/test/111.html
DELETED
|
@@ -1,137 +0,0 @@
|
|
| 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: 30%;
|
| 25 |
-
font-size: 1.0rem;
|
| 26 |
-
padding: 10px;
|
| 27 |
-
height: 40vh; /* 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: 40vh; /* Maximum height to a third of the viewport height */
|
| 37 |
-
overflow-y: auto; /* Enable vertical scrolling */
|
| 38 |
-
background-color: #9e9e9e0a; /* Light grey background */
|
| 39 |
-
}
|
| 40 |
-
.text-box {
|
| 41 |
-
width: calc(100% - 20px); /* Adjust based on padding */
|
| 42 |
-
margin: 10px;
|
| 43 |
-
padding: 10px;
|
| 44 |
-
background-color: #9e9e9e0a; /* Light grey background */
|
| 45 |
-
color: #606060bf;
|
| 46 |
-
border: 2px solid #ddd; /* Cartoonish border */
|
| 47 |
-
border-radius: 20px; /* Rounded corners for cartoonish effect */
|
| 48 |
-
position: relative;
|
| 49 |
-
box-shadow: 3px 3px #bbb; /* Soft shadow for depth */
|
| 50 |
-
}
|
| 51 |
-
.text-box:before {
|
| 52 |
-
content: '';
|
| 53 |
-
position: absolute;
|
| 54 |
-
right: 100%;
|
| 55 |
-
bottom: 20%;
|
| 56 |
-
border-top: 10px solid transparent;
|
| 57 |
-
border-bottom: 10px solid transparent;
|
| 58 |
-
border-right: 10px solid #ddd; /* Arrow matching the border */
|
| 59 |
-
}
|
| 60 |
-
.summary-box {
|
| 61 |
-
padding: 10px;
|
| 62 |
-
margin: 10px 0;
|
| 63 |
-
background-color: #e6e6fa; /* Lavender background for a pleasant look */
|
| 64 |
-
border: 1px solid #ddd; /* Light border for definition */
|
| 65 |
-
border-radius: 5px; /* Slightly rounded corners */
|
| 66 |
-
box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* Soft shadow for depth */
|
| 67 |
-
cursor: pointer;
|
| 68 |
-
}
|
| 69 |
-
h4 { margin-top: 0; }
|
| 70 |
-
</style>
|
| 71 |
-
</head>
|
| 72 |
-
<body>
|
| 73 |
-
<div class='column reviews'><h2>Reviews</h2><div class='text-box'>We stayed at the Fairmont Mayakoba at the end of June, the hotel is wonderful. We have 2 <span class='review-span highlight' data-aligned-summaries='0'>small children</span> and they <span class='review-span highlight' data-aligned-summaries='0'>loved the kids club</span>. We came to the Fairmont with a large group to celebrate 3 birthdays, we had asked before hand for a surprise in each room for the birthday guest. This did not happen, <span class='review-span highlight' data-aligned-summaries='4'>after repeated requests nothing was done and no explanation</span>. My 5 year old son whose birthday present was this trip was upset but we made the most of the resort. <span class='review-span highlight' data-aligned-summaries='7'>The pools are amazing</span>, each one offers something different. The room are very well kept, <span class='review-span highlight' data-aligned-summaries='8'>we stayed at the casita and felt like we were living in the rain forest</span>. I would reccomend this resort but I wish management would follow through with requests made.</div><div class='text-box'>We have stayed at least three times at the Fairmont Mayakoba and all of them have proviede us with distinguished experiences. Though a little bit expensive, when in Cancun or Playa del Carmen, this hotel brings you real comfort and amazing views both of the hotel and of the coastal zone. <span class='review-span highlight' data-aligned-summaries='5'>Food is really good, but not all of the dishes served there are to be considered as real Mexican</span>. <span class='review-span highlight' data-aligned-summaries='4'>Generally speaking, personnel is friendly</span> and <span class='review-span highlight' data-aligned-summaries='4'>would help you very much with everything</span>. If <span class='review-span highlight' data-aligned-summaries='8'>money is not an issue</span> for you, do try to <span class='review-span highlight' data-aligned-summaries='8'>stay in any of the Casitas with view to the ponds</span>. Only one major piece of advice: if your go on a honeymoon or so, avoid holiday seasons in Mexico.</div><div class='text-box'>Like most upscale Mexican resorts the landscaping is exceptional. The reception area is open and ample <span class='review-span highlight' data-aligned-summaries='4'>staff is there to greet you</span> and expedite the check-in process. The <span class='review-span highlight' data-aligned-summaries='3'>rooms are very nice</span> and spacious. <span class='review-span highlight' data-aligned-summaries='6'>Internet access is available</span>. The restaurants are <span class='review-span highlight' data-aligned-summaries='1'>convenient from the trams</span> that move everyone around the resort property on a regular basis. We did not play golf but the course looked terrific. There are <span class='review-span highlight' data-aligned-summaries='7'>several pools</span> for all ages as well as <span class='review-span highlight' data-aligned-summaries='7'>plenty of lounge chairs</span>. After my stay, I arranged for my daughter's honeymoon here and they had a terrific time too.</div><div class='text-box'>We spent 8 days at the Fairmont Mayakoba with a 3 year old and a 12 year old, and had an absolutely fantastic stay. <span class='review-span highlight' data-aligned-summaries='3'>Our suite was amazing</span>. <span class='review-span highlight' data-aligned-summaries='7'>The pools</span> and grounds <span class='review-span highlight' data-aligned-summaries='7'>were incredible</span>. And the staff, the staff was was best of any Fairmont hotel that I have stayed at. We loved it! We'll be back again next year. If you can deal with driving in Mexico, I would recommend renting a car if you plan to leave the resort frequently.</div><div class='text-box'>This was a very nice location, <span class='review-span highlight' data-aligned-summaries='5'>the food was great</span>, and <span class='review-span highlight' data-aligned-summaries='4'>the staff was</span> very nice, <span class='review-span highlight' data-aligned-summaries='4'>friendly</span>, and <span class='review-span highlight' data-aligned-summaries='4'>helpful</span>. <span class='review-span highlight' data-aligned-summaries='2'>If you like to be away from the craziness of Cancun, then this would be a great choice</span>. If you like to be surrounded with more things to do, then closer to the tourist part of Cancun would be the better choice. The beach is very narrow, but it is fairly clean.</div><div class='text-box'>I stayed at the hotel for a week in April 2010 for a conference. The <span class='review-span highlight' data-aligned-summaries='8'>hotel has a</span> beautiful <span class='review-span highlight' data-aligned-summaries='8'>property surrounded by lakes</span> and a PGA standard Golf course. The <span class='review-span highlight' data-aligned-summaries='3'>rooms were comfortable with good views</span> all around. The property is huge and we needed special carts to take us around to resteraunts and beach. All in all a great hotel but slightly on the pricier side.</div><div class='text-box'>The Fairmont resort has written service all over it! <span class='review-span highlight' data-aligned-summaries='4'>People are so friendly,</span> and really helpful, that you feel at home from the first day and onwards. Too bad our stay was only for 1 week.</div><div class='text-box'>Fabulous Hotel! <span class='review-span highlight' data-aligned-summaries='4'>Impeccable service</span>, <span class='review-span highlight' data-aligned-summaries='3'>fabulous rooms</span>, amazing walking boardwalk throughout the property. <span class='review-span highlight' data-aligned-summaries='2'>From the Welcome Drink until the check-ou, everything was Amazing</span>! Would love to go back!</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">The hotel even has a kids' club.</span> <span id="1" class="summary-sentence">The hotel is conveniently near the tram system and there are great views of the coast.</span> <span id="2" class="summary-sentence">An ideal choice for a quieter place to stay.</span> <span id="3" class="summary-sentence">One of the hotel rooms is a suite that is simply superb.</span> <span id="4" class="summary-sentence">The staff were generally friendly, but requests were not always met efficiently.</span> <span id="5" class="summary-sentence">The hotel provides great food, although some of the dishes are perhaps not too authentic to the region.</span> <span id="6" class="summary-sentence">The hotel provides internet access for guests.</span> <span id="7" class="summary-sentence">The hotel premises also have a pool and seating around it.</span> <span id="8" class="summary-sentence">If you upgrade to stay in a Casitas there is a view to the ponds of the grounds.</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 |
-
console.log('entered!');
|
| 83 |
-
}
|
| 84 |
-
});
|
| 85 |
-
this.classList.add('highlight');
|
| 86 |
-
});
|
| 87 |
-
|
| 88 |
-
sentence.addEventListener('mouseleave', function() {
|
| 89 |
-
const summaryId = this.getAttribute('id');
|
| 90 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 91 |
-
if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
|
| 92 |
-
span.classList.remove('not-hover-highlight');
|
| 93 |
-
span.classList.add('highlight');
|
| 94 |
-
console.log('left!');
|
| 95 |
-
}
|
| 96 |
-
this.classList.remove('highlight');
|
| 97 |
-
});
|
| 98 |
-
});
|
| 99 |
-
});
|
| 100 |
-
|
| 101 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 102 |
-
span.addEventListener('mouseenter', function() {
|
| 103 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 104 |
-
if (span !== this) {
|
| 105 |
-
span.classList.remove('highlight');
|
| 106 |
-
span.classList.add('not-hover-highlight');
|
| 107 |
-
}
|
| 108 |
-
});
|
| 109 |
-
const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
|
| 110 |
-
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 111 |
-
if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
|
| 112 |
-
sentence.classList.add('highlight');
|
| 113 |
-
}
|
| 114 |
-
});
|
| 115 |
-
});
|
| 116 |
-
});
|
| 117 |
-
|
| 118 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 119 |
-
span.addEventListener('mouseleave', function() {
|
| 120 |
-
const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
|
| 121 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 122 |
-
if (span !== this) {
|
| 123 |
-
span.classList.remove('not-hover-highlight');
|
| 124 |
-
span.classList.add('highlight');
|
| 125 |
-
}
|
| 126 |
-
});
|
| 127 |
-
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 128 |
-
if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
|
| 129 |
-
sentence.classList.remove('highlight');
|
| 130 |
-
}
|
| 131 |
-
});
|
| 132 |
-
});
|
| 133 |
-
});
|
| 134 |
-
|
| 135 |
-
</script>
|
| 136 |
-
</body>
|
| 137 |
-
</html>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
html_files/test/112.html
DELETED
|
@@ -1,137 +0,0 @@
|
|
| 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: 30%;
|
| 25 |
-
font-size: 1.0rem;
|
| 26 |
-
padding: 10px;
|
| 27 |
-
height: 40vh; /* 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: 40vh; /* Maximum height to a third of the viewport height */
|
| 37 |
-
overflow-y: auto; /* Enable vertical scrolling */
|
| 38 |
-
background-color: #9e9e9e0a; /* Light grey background */
|
| 39 |
-
}
|
| 40 |
-
.text-box {
|
| 41 |
-
width: calc(100% - 20px); /* Adjust based on padding */
|
| 42 |
-
margin: 10px;
|
| 43 |
-
padding: 10px;
|
| 44 |
-
background-color: #9e9e9e0a; /* Light grey background */
|
| 45 |
-
color: #606060bf;
|
| 46 |
-
border: 2px solid #ddd; /* Cartoonish border */
|
| 47 |
-
border-radius: 20px; /* Rounded corners for cartoonish effect */
|
| 48 |
-
position: relative;
|
| 49 |
-
box-shadow: 3px 3px #bbb; /* Soft shadow for depth */
|
| 50 |
-
}
|
| 51 |
-
.text-box:before {
|
| 52 |
-
content: '';
|
| 53 |
-
position: absolute;
|
| 54 |
-
right: 100%;
|
| 55 |
-
bottom: 20%;
|
| 56 |
-
border-top: 10px solid transparent;
|
| 57 |
-
border-bottom: 10px solid transparent;
|
| 58 |
-
border-right: 10px solid #ddd; /* Arrow matching the border */
|
| 59 |
-
}
|
| 60 |
-
.summary-box {
|
| 61 |
-
padding: 10px;
|
| 62 |
-
margin: 10px 0;
|
| 63 |
-
background-color: #e6e6fa; /* Lavender background for a pleasant look */
|
| 64 |
-
border: 1px solid #ddd; /* Light border for definition */
|
| 65 |
-
border-radius: 5px; /* Slightly rounded corners */
|
| 66 |
-
box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* Soft shadow for depth */
|
| 67 |
-
cursor: pointer;
|
| 68 |
-
}
|
| 69 |
-
h4 { margin-top: 0; }
|
| 70 |
-
</style>
|
| 71 |
-
</head>
|
| 72 |
-
<body>
|
| 73 |
-
<div class='column reviews'><h2>Reviews</h2><div class='text-box'>We stayed at the Fairmont Mayakoba at the end of June, <span class='review-span highlight' data-aligned-summaries='0'>the hotel is wonderful</span>. We have 2 small children and they loved the kids club. We came to the Fairmont with a large group to celebrate 3 birthdays, we had asked before hand for a surprise in each room for the birthday guest. This did not happen, <span class='review-span highlight' data-aligned-summaries='2 3'>after repeated requests nothing was done</span> <span class='review-span highlight' data-aligned-summaries='3'>and no explanation</span>. My 5 year old son whose birthday present was this trip was upset but we made the most of the resort. <span class='review-span highlight' data-aligned-summaries='5'>The pools are amazing</span>, each one offers something different. The room are very well kept, we stayed at the casita and felt like we were living in the rain forest. I would reccomend this resort but <span class='review-span highlight' data-aligned-summaries='2 3'>I wish management would follow through</span> <span class='review-span highlight' data-aligned-summaries='2'>with requests made</span>.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>We have stayed at least three times at the Fairmont Mayakoba and all of them have proviede us with distinguished experiences</span>. Though a little bit expensive, when in Cancun or Playa del Carmen, this hotel brings you real comfort and amazing views both of the hotel and of the coastal zone. <span class='review-span highlight' data-aligned-summaries='4'>Food is really good, but not all of the dishes served there are to be considered as real Mexican</span>. Generally speaking, <span class='review-span highlight' data-aligned-summaries='2 3'>personnel</span> <span class='review-span highlight' data-aligned-summaries='3'>is friendly and</span> <span class='review-span highlight' data-aligned-summaries='2 3'>would help you very much with everything</span>. If money is not an issue for you, do try to stay in any of the Casitas with view to the ponds. Only one major piece of advice: if your go on a honeymoon or so, avoid holiday seasons in Mexico.</div><div class='text-box'>Like most upscale Mexican resorts the landscaping is exceptional. The reception area is open and <span class='review-span highlight' data-aligned-summaries='3'>ample staff is there to greet you and expedite the check-in process</span>. <span class='review-span highlight' data-aligned-summaries='0'>The rooms are very nice and spacious</span>. <span class='review-span highlight' data-aligned-summaries='5'>Internet access is available</span>. <span class='review-span highlight' data-aligned-summaries='0 1'>The restaurants are convenient</span> <span class='review-span highlight' data-aligned-summaries='1'>from the trams that move everyone around the resort</span> property on a regular basis. We did not play golf but the course looked terrific. <span class='review-span highlight' data-aligned-summaries='5'>There are several pools for all ages as well as plenty of lounge chairs</span>. After my stay, I arranged for my daughter's honeymoon here and they had a terrific time too.</div><div class='text-box'>We spent 8 days at the Fairmont Mayakoba with a 3 year old and a 12 year old, and had an absolutely fantastic stay. Our <span class='review-span highlight' data-aligned-summaries='0'>suite was amazing</span>. <span class='review-span highlight' data-aligned-summaries='5'>The pools</span> and grounds <span class='review-span highlight' data-aligned-summaries='5'>were incredible</span>. And the staff, <span class='review-span highlight' data-aligned-summaries='0 3'>the staff was was best of any Fairmont hotel</span> that I have stayed at. We loved it! We'll be back again next year. If you can deal with driving in Mexico, I would recommend renting a car if you plan to leave the resort frequently.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>This was a very nice location</span>, <span class='review-span highlight' data-aligned-summaries='4'>the food was great</span>, and <span class='review-span highlight' data-aligned-summaries='0 3'>the staff was very</span> <span class='review-span highlight' data-aligned-summaries='3'>nice, friendly, and</span> <span class='review-span highlight' data-aligned-summaries='0 3'>helpful</span>. <span class='review-span highlight' data-aligned-summaries='1'>If you like to be away from the craziness of Cancun, then this would be a great choice</span>. If you like to be surrounded with more things to do, then closer to the tourist part of Cancun would be the better choice. The beach is very narrow, but it is fairly clean.</div><div class='text-box'>I stayed at the hotel for a week in April 2010 for a conference. The hotel has a beautiful property surrounded by lakes and a PGA standard Golf course. The rooms were comfortable with good views all around. The property is huge and <span class='review-span highlight' data-aligned-summaries='1'>we needed special carts to take us around to resteraunts</span> and beach. <span class='review-span highlight' data-aligned-summaries='0'>All in all a great hotel</span> but slightly on the pricier side.</div><div class='text-box'>The Fairmont resort has written service all over it! <span class='review-span highlight' data-aligned-summaries='3'>People are so friendly, and really helpful</span>, that <span class='review-span highlight' data-aligned-summaries='0'>you feel at home from the first day and onwards</span>. <span class='review-span highlight' data-aligned-summaries='0'>Too bad our stay was only for 1 week</span>.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>Fabulous Hotel</span>! <span class='review-span highlight' data-aligned-summaries='2'>Impeccable service</span>, fabulous rooms, amazing walking boardwalk throughout the property. From the Welcome Drink until the check-ou, everything was Amazing! <span class='review-span highlight' data-aligned-summaries='0'>Would love to go back</span>!</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">This is a really great and fabulous hotel that will have you coming back again and again.</span> <span id="1" class="summary-sentence">This is a conveniently located hotel because there are trams nearby to take you to restaurants, while the hotel is a good distance away from the craziness of the city.</span> <span id="2" class="summary-sentence">Requests made to staff and even management are not always followed through despite repeating them.</span> <span id="3" class="summary-sentence">Overall though the staff are friendly and try to help out as much as they can.</span> <span id="4" class="summary-sentence">Whilst the food served in this hotel is undeniably tasty they should reconsider whether some of the items on offer are really authentic Mexican dishes.</span> <span id="5" class="summary-sentence">The hotel provides access to the internet and the pools are 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 |
-
console.log('entered!');
|
| 83 |
-
}
|
| 84 |
-
});
|
| 85 |
-
this.classList.add('highlight');
|
| 86 |
-
});
|
| 87 |
-
|
| 88 |
-
sentence.addEventListener('mouseleave', function() {
|
| 89 |
-
const summaryId = this.getAttribute('id');
|
| 90 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 91 |
-
if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
|
| 92 |
-
span.classList.remove('not-hover-highlight');
|
| 93 |
-
span.classList.add('highlight');
|
| 94 |
-
console.log('left!');
|
| 95 |
-
}
|
| 96 |
-
this.classList.remove('highlight');
|
| 97 |
-
});
|
| 98 |
-
});
|
| 99 |
-
});
|
| 100 |
-
|
| 101 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 102 |
-
span.addEventListener('mouseenter', function() {
|
| 103 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 104 |
-
if (span !== this) {
|
| 105 |
-
span.classList.remove('highlight');
|
| 106 |
-
span.classList.add('not-hover-highlight');
|
| 107 |
-
}
|
| 108 |
-
});
|
| 109 |
-
const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
|
| 110 |
-
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 111 |
-
if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
|
| 112 |
-
sentence.classList.add('highlight');
|
| 113 |
-
}
|
| 114 |
-
});
|
| 115 |
-
});
|
| 116 |
-
});
|
| 117 |
-
|
| 118 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 119 |
-
span.addEventListener('mouseleave', function() {
|
| 120 |
-
const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
|
| 121 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 122 |
-
if (span !== this) {
|
| 123 |
-
span.classList.remove('not-hover-highlight');
|
| 124 |
-
span.classList.add('highlight');
|
| 125 |
-
}
|
| 126 |
-
});
|
| 127 |
-
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 128 |
-
if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
|
| 129 |
-
sentence.classList.remove('highlight');
|
| 130 |
-
}
|
| 131 |
-
});
|
| 132 |
-
});
|
| 133 |
-
});
|
| 134 |
-
|
| 135 |
-
</script>
|
| 136 |
-
</body>
|
| 137 |
-
</html>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
html_files/test/113.html
DELETED
|
@@ -1,137 +0,0 @@
|
|
| 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: 30%;
|
| 25 |
-
font-size: 1.0rem;
|
| 26 |
-
padding: 10px;
|
| 27 |
-
height: 40vh; /* 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: 40vh; /* Maximum height to a third of the viewport height */
|
| 37 |
-
overflow-y: auto; /* Enable vertical scrolling */
|
| 38 |
-
background-color: #9e9e9e0a; /* Light grey background */
|
| 39 |
-
}
|
| 40 |
-
.text-box {
|
| 41 |
-
width: calc(100% - 20px); /* Adjust based on padding */
|
| 42 |
-
margin: 10px;
|
| 43 |
-
padding: 10px;
|
| 44 |
-
background-color: #9e9e9e0a; /* Light grey background */
|
| 45 |
-
color: #606060bf;
|
| 46 |
-
border: 2px solid #ddd; /* Cartoonish border */
|
| 47 |
-
border-radius: 20px; /* Rounded corners for cartoonish effect */
|
| 48 |
-
position: relative;
|
| 49 |
-
box-shadow: 3px 3px #bbb; /* Soft shadow for depth */
|
| 50 |
-
}
|
| 51 |
-
.text-box:before {
|
| 52 |
-
content: '';
|
| 53 |
-
position: absolute;
|
| 54 |
-
right: 100%;
|
| 55 |
-
bottom: 20%;
|
| 56 |
-
border-top: 10px solid transparent;
|
| 57 |
-
border-bottom: 10px solid transparent;
|
| 58 |
-
border-right: 10px solid #ddd; /* Arrow matching the border */
|
| 59 |
-
}
|
| 60 |
-
.summary-box {
|
| 61 |
-
padding: 10px;
|
| 62 |
-
margin: 10px 0;
|
| 63 |
-
background-color: #e6e6fa; /* Lavender background for a pleasant look */
|
| 64 |
-
border: 1px solid #ddd; /* Light border for definition */
|
| 65 |
-
border-radius: 5px; /* Slightly rounded corners */
|
| 66 |
-
box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* Soft shadow for depth */
|
| 67 |
-
cursor: pointer;
|
| 68 |
-
}
|
| 69 |
-
h4 { margin-top: 0; }
|
| 70 |
-
</style>
|
| 71 |
-
</head>
|
| 72 |
-
<body>
|
| 73 |
-
<div class='column reviews'><h2>Reviews</h2><div class='text-box'>We stayed at the Fairmont Mayakoba at the end of June, <span class='review-span highlight' data-aligned-summaries='0'>the hotel is wonderful</span>. <span class='review-span highlight' data-aligned-summaries='0'>We have 2 small children and they loved the kids club</span>. We came to the Fairmont with a large group to celebrate 3 birthdays, we had asked before hand for a surprise in each room for the birthday guest. This did not happen, after repeated requests nothing was done and no explanation. My 5 year old son whose birthday present was this trip was upset but we made the most of the resort. <span class='review-span highlight' data-aligned-summaries='6'>The pools are amazing</span>, each one offers something different. The room are very well kept, we stayed at the casita and felt like we were living in the rain forest. I would reccomend this resort but <span class='review-span highlight' data-aligned-summaries='4'>I wish management would follow through with requests made</span>.</div><div class='text-box'>We have stayed at least three times at the Fairmont Mayakoba and all of them have proviede us with distinguished experiences. Though a little bit expensive, when in Cancun or Playa del Carmen, this hotel brings you <span class='review-span highlight' data-aligned-summaries='2'>real comfort and amazing views</span> both of the hotel and <span class='review-span highlight' data-aligned-summaries='2'>of the coastal zone</span>. <span class='review-span highlight' data-aligned-summaries='5'>Food is really good</span>, <span class='review-span highlight' data-aligned-summaries='5'>but not all of the dishes served there are to be considered as real Mexican</span>. <span class='review-span highlight' data-aligned-summaries='4'>Generally speaking, personnel is friendly and would help you very much with everything</span>. If money is not an issue for you, do try to stay in any of the Casitas with view to the ponds. Only one major piece of advice: if your go on a honeymoon or so, avoid holiday seasons in Mexico.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>Like most upscale Mexican resorts the landscaping is exceptional</span>. The reception area is open and <span class='review-span highlight' data-aligned-summaries='0'>ample staff is there to greet</span> you and expedite the check-in process. <span class='review-span highlight' data-aligned-summaries='0'>The rooms are very nice</span> and spacious. Internet access is available. <span class='review-span highlight' data-aligned-summaries='1'>The restaurants are convenient from the trams that move everyone around the resort property on a regular basis</span>. We did not play golf but the course looked terrific. <span class='review-span highlight' data-aligned-summaries='6'>There are several pools</span> for all ages <span class='review-span highlight' data-aligned-summaries='6'>as well as plenty of lounge chairs</span>. After my stay, I arranged for my daughter's honeymoon here and they had a terrific time too.</div><div class='text-box'>We spent 8 days at the Fairmont Mayakoba with a 3 year old and a 12 year old, and had an absolutely fantastic stay. <span class='review-span highlight' data-aligned-summaries='3'>Our suite was amazing</span>. <span class='review-span highlight' data-aligned-summaries='6'>The pools</span> and grounds <span class='review-span highlight' data-aligned-summaries='6'>were incredible</span>. And the staff, <span class='review-span highlight' data-aligned-summaries='4'>the staff was was best of any Fairmont hotel that I have stayed at</span>. We loved it! We'll be back again next year. <span class='review-span highlight' data-aligned-summaries='7'>If you can deal with driving in Mexico, I would recommend renting a car</span> if you plan to leave the resort frequently.</div><div class='text-box'>This was <span class='review-span highlight' data-aligned-summaries='0'>a very nice location</span>, <span class='review-span highlight' data-aligned-summaries='5'>the food was great</span>, <span class='review-span highlight' data-aligned-summaries='0'>and</span> <span class='review-span highlight' data-aligned-summaries='0 4'>the staff was</span> <span class='review-span highlight' data-aligned-summaries='0'>very nice</span>, <span class='review-span highlight' data-aligned-summaries='4'>friendly, and helpful</span>. <span class='review-span highlight' data-aligned-summaries='2'>If you like to be</span> <span class='review-span highlight' data-aligned-summaries='1 2'>away from the craziness of Cancun</span>,<span class='review-span highlight' data-aligned-summaries='2'> then this would be a great choice</span>. If you like to be surrounded with more things to do, then closer to the tourist part of Cancun would be the better choice. The beach is very narrow, but it is fairly clean.</div><div class='text-box'>I stayed at the hotel for a week in April 2010 for a conference. The hotel has a beautiful property surrounded by lakes and a PGA standard Golf course. The rooms were comfortable with good views all around. The property is huge and we needed <span class='review-span highlight' data-aligned-summaries='1'>special carts to take us</span> around <span class='review-span highlight' data-aligned-summaries='1'>to resteraunts and beach</span>. All in all a <span class='review-span highlight' data-aligned-summaries='0'>great hotel</span> but slightly on the pricier side.</div><div class='text-box'>The Fairmont resort has written service all over it! <span class='review-span highlight' data-aligned-summaries='4'>People are so friendly</span>, and really <span class='review-span highlight' data-aligned-summaries='4'>helpful</span>, that you feel at home from the first day and onwards. Too bad our stay was only for 1 week.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>Fabulous Hotel!</span> <span class='review-span highlight' data-aligned-summaries='0 4'>Impeccable service</span>, fabulous rooms, amazing walking boardwalk throughout the property. From the Welcome Drink until the check-ou, everything was Amazing! Would love to go back!</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">Wonderful hotel with various activities available for kids via the kids club.</span> <span id="1" class="summary-sentence">Away from the hustle-bustle of Cancun with trams available when necessary and close to restaurants and the coast.</span> <span id="2" class="summary-sentence">A really great location.</span> <span id="3" class="summary-sentence">The suite in this hotel was fantastic.</span> <span id="4" class="summary-sentence">In general, the staff is very friendly and helpful but management could work on their follow-through.</span> <span id="5" class="summary-sentence">The food here is good but not always authentic Mexican food.</span> <span id="6" class="summary-sentence">There are plenty of lounge chairs available at the many pools.</span> <span id="7" class="summary-sentence">And you can rent a car to experience driving in Mexico.</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 |
-
console.log('entered!');
|
| 83 |
-
}
|
| 84 |
-
});
|
| 85 |
-
this.classList.add('highlight');
|
| 86 |
-
});
|
| 87 |
-
|
| 88 |
-
sentence.addEventListener('mouseleave', function() {
|
| 89 |
-
const summaryId = this.getAttribute('id');
|
| 90 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 91 |
-
if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
|
| 92 |
-
span.classList.remove('not-hover-highlight');
|
| 93 |
-
span.classList.add('highlight');
|
| 94 |
-
console.log('left!');
|
| 95 |
-
}
|
| 96 |
-
this.classList.remove('highlight');
|
| 97 |
-
});
|
| 98 |
-
});
|
| 99 |
-
});
|
| 100 |
-
|
| 101 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 102 |
-
span.addEventListener('mouseenter', function() {
|
| 103 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 104 |
-
if (span !== this) {
|
| 105 |
-
span.classList.remove('highlight');
|
| 106 |
-
span.classList.add('not-hover-highlight');
|
| 107 |
-
}
|
| 108 |
-
});
|
| 109 |
-
const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
|
| 110 |
-
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 111 |
-
if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
|
| 112 |
-
sentence.classList.add('highlight');
|
| 113 |
-
}
|
| 114 |
-
});
|
| 115 |
-
});
|
| 116 |
-
});
|
| 117 |
-
|
| 118 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 119 |
-
span.addEventListener('mouseleave', function() {
|
| 120 |
-
const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
|
| 121 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 122 |
-
if (span !== this) {
|
| 123 |
-
span.classList.remove('not-hover-highlight');
|
| 124 |
-
span.classList.add('highlight');
|
| 125 |
-
}
|
| 126 |
-
});
|
| 127 |
-
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 128 |
-
if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
|
| 129 |
-
sentence.classList.remove('highlight');
|
| 130 |
-
}
|
| 131 |
-
});
|
| 132 |
-
});
|
| 133 |
-
});
|
| 134 |
-
|
| 135 |
-
</script>
|
| 136 |
-
</body>
|
| 137 |
-
</html>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
html_files/test/114.html
DELETED
|
@@ -1,137 +0,0 @@
|
|
| 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: 30%;
|
| 25 |
-
font-size: 1.0rem;
|
| 26 |
-
padding: 10px;
|
| 27 |
-
height: 40vh; /* 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: 40vh; /* 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 decoration and design is excellent, as are the staff. The roof terrace, lounge and breakfast room have real distinction. The public areas are small. <span class='review-span highlight' data-aligned-summaries='5'>There is a simple lunch menu that they don't publicise and which you can eat in the breakfast room or roof terrace</span>. <span class='review-span highlight' data-aligned-summaries='2'>The location is excellent</span> and on the edge of one of the best areas of Venice and is well removed from the tourist hordes. The room was less distinct than the public areas but that is not to complaint. In many other hotels it would be excellent. <span class='review-span highlight' data-aligned-summaries='7'>It is expensive for it's size and services</span> though, but <span class='review-span highlight' data-aligned-summaries='1'>I'm still very glad I stayed there</span>. Don't pre book their river taxi from the airport: it is too expensive and a far more complex arrangement than simply getting a private water taxi at the airport on arrival. <span class='review-span highlight' data-aligned-summaries='1'>This is an excellent hotel</span>.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='2'>Good location</span>; enough off the beaten track to be quiet and relaxing but a great short walk to Accademia and other sites. If you like exploring places on foot its ideal. If you don't, <span class='review-span highlight' data-aligned-summaries='3'>the Vaporetto is on the door step</span> and we had no problem getting anywhere in the city and the islands using it. Hotel was our kind of place; <span class='review-span highlight' data-aligned-summaries='0'>good style mixture of contemporary blending with the traditional</span> with a couple of quirky bits thrown in (the light sconces in the lounge!). Very friendly and helpful, low key staff. <span class='review-span highlight' data-aligned-summaries='4'>Room was</span> well maintained, <span class='review-span highlight' data-aligned-summaries='4'>clean</span> and pleasant. <span class='review-span highlight' data-aligned-summaries='5'>Breakfast was simple</span> but excellent (and filling). Would definitely go back there if staying in Venice again.</div><div class='text-box'>The Ca Maria Adele is ideal in every respect. It sits on a quiet little canal just behind the magnificent Chiesa di Santa Maria and not far from the Accademia. The staff was very friendly, treated its guests with real coridality and were brimming with suggestions and assistance. Breakfast was especially satisfying in a tall room that spangled with Venetian ornament. <span class='review-span highlight' data-aligned-summaries='1'>The hotel felt very personal, it was like staying at the home of a friend</span>. Who should stay here? Couples, old or young, families, no matter the size, single folk, businessmen. I look forward to going back to Venice and when I do so staying at the Ca Maria Adele. <span class='review-span highlight' data-aligned-summaries='1'>Recommended without any reservation whatever</span>.</div><div class='text-box'>Just stop searching for <span class='review-span highlight' data-aligned-summaries='1'>the perfect hotel in Venice</span> because this is the one. Right next to the Salute is an idyllic spot with just twelve rooms. The staff are without exception helpful and no request is too small. <span class='review-span highlight' data-aligned-summaries='5'>The breakfast is a delight and can be served wherever suits your mood</span> and the hotel has wonderful touches throughout. <span class='review-span highlight' data-aligned-summaries='1 2 4'>Each room is individualised</span> <span class='review-span highlight' data-aligned-summaries='2 4'>and ours overlooked the canal</span>. <span class='review-span highlight' data-aligned-summaries='3'>A minute from the vaparetto stop and close to a number of super Art Galleries</span> . Lovely little restaurant was recommended and did not disappoint. Take the Water Taxi transfer - the only way to travel.<span class='review-span highlight' data-aligned-summaries='7'>Just ignore the tariff it is worth every penny</span>. Enjoy.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='1'>Loved this small hotel, with</span> <span class='review-span highlight' data-aligned-summaries='1 2'>a great location on the Grand Canal</span> <span class='review-span highlight' data-aligned-summaries='2'>and right next door to the Salute Church</span>. <span class='review-span highlight' data-aligned-summaries='1'>The staff were polite and very helpful</span>, no problems with the English language. Will never forget the Saturday night when the Salute bells were ringing followed by all the church bells around Venice. <span class='review-span highlight' data-aligned-summaries='2'>Close to San Marco Square</span>. If you stay on the top floor be ready for a walk up the stairs to your room.</div><div class='text-box'>Paying attention to every detail, this <span class='review-span highlight' data-aligned-summaries='0'>hotel was an experience</span> of its own. The White Room on the bottom floor was spectacular, the room service was top notch, the views from all points of the hotel were nearly fantastical! Breakfast was delicious (though one staff member seemed absolutely miserable with her job) and the <span class='review-span highlight' data-aligned-summaries='6'>always stocked minibar</span> was so refershing during the hot summer days!</div><div class='text-box'>We loved the Ca Maria Adele. <span class='review-span highlight' data-aligned-summaries='1'>The hotel staff and owner were so attentive. The room was incredible and so so charming</span>. <span class='review-span highlight' data-aligned-summaries='0'>We were greeted by champagne and passion fruit within 5 minutes</span> of walking into our hotel. The breakfast room and the meal itself were just great. All the recommendations given by the hotel staff were awesome. Would LOVE LOVE to go back.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='1'>This is one of the best deals in Venice</span>. <span class='review-span highlight' data-aligned-summaries='7'>The price is a little high</span>, but <span class='review-span highlight' data-aligned-summaries='7'>well worth it</span>. <span class='review-span highlight' data-aligned-summaries='2'>This</span> boutique <span class='review-span highlight' data-aligned-summaries='2'>hotel is</span> in a relatively quite spot and still <span class='review-span highlight' data-aligned-summaries='2'>only a stop or 2 from San Marco</span>.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">The hotel was a unique experience with traditional and modern features.</span> <span id="1" class="summary-sentence">A stay at the hotel comes highly recommended.</span> <span id="2" class="summary-sentence">The hotel is situated in an excellent location on the Grand Canal, only a couple of stops to San Marco Square and near to the Salute Church.</span> <span id="3" class="summary-sentence">It is close to a number of art galleries and the Vaporetto.</span> <span id="4" class="summary-sentence">The hotel has rooms overlooking the canal that are nice and clean.</span> <span id="5" class="summary-sentence">The hotel has a simple menu which can be served wherever you like.</span> <span id="6" class="summary-sentence">The minibar is always stocked for guests.</span> <span id="7" class="summary-sentence">Despite being a bit overpriced the hotel did live up to that expectation, so it was worth it.</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 |
-
console.log('entered!');
|
| 83 |
-
}
|
| 84 |
-
});
|
| 85 |
-
this.classList.add('highlight');
|
| 86 |
-
});
|
| 87 |
-
|
| 88 |
-
sentence.addEventListener('mouseleave', function() {
|
| 89 |
-
const summaryId = this.getAttribute('id');
|
| 90 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 91 |
-
if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
|
| 92 |
-
span.classList.remove('not-hover-highlight');
|
| 93 |
-
span.classList.add('highlight');
|
| 94 |
-
console.log('left!');
|
| 95 |
-
}
|
| 96 |
-
this.classList.remove('highlight');
|
| 97 |
-
});
|
| 98 |
-
});
|
| 99 |
-
});
|
| 100 |
-
|
| 101 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 102 |
-
span.addEventListener('mouseenter', function() {
|
| 103 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 104 |
-
if (span !== this) {
|
| 105 |
-
span.classList.remove('highlight');
|
| 106 |
-
span.classList.add('not-hover-highlight');
|
| 107 |
-
}
|
| 108 |
-
});
|
| 109 |
-
const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
|
| 110 |
-
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 111 |
-
if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
|
| 112 |
-
sentence.classList.add('highlight');
|
| 113 |
-
}
|
| 114 |
-
});
|
| 115 |
-
});
|
| 116 |
-
});
|
| 117 |
-
|
| 118 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 119 |
-
span.addEventListener('mouseleave', function() {
|
| 120 |
-
const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
|
| 121 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 122 |
-
if (span !== this) {
|
| 123 |
-
span.classList.remove('not-hover-highlight');
|
| 124 |
-
span.classList.add('highlight');
|
| 125 |
-
}
|
| 126 |
-
});
|
| 127 |
-
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 128 |
-
if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
|
| 129 |
-
sentence.classList.remove('highlight');
|
| 130 |
-
}
|
| 131 |
-
});
|
| 132 |
-
});
|
| 133 |
-
});
|
| 134 |
-
|
| 135 |
-
</script>
|
| 136 |
-
</body>
|
| 137 |
-
</html>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
html_files/test/115.html
DELETED
|
@@ -1,137 +0,0 @@
|
|
| 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: 30%;
|
| 25 |
-
font-size: 1.0rem;
|
| 26 |
-
padding: 10px;
|
| 27 |
-
height: 40vh; /* 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: 40vh; /* 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 decoration and design is excellent, as are the staff. The roof terrace, lounge and breakfast room have real distinction. The public areas are small. There is a simple lunch menu that they don't publicise and which <span class='review-span highlight' data-aligned-summaries='4'>you can eat in the breakfast room or roof terrace</span>. <span class='review-span highlight' data-aligned-summaries='1'>The location is excellent and on the edge of one of the best areas of Venice and is well removed from the tourist hordes</span>. The room was less distinct than the public areas but that is not to complaint. In many other hotels it would be excellent. <span class='review-span highlight' data-aligned-summaries='5'>It is expensive for it's size and services</span> though, but I'm still very glad I stayed there. Don't pre book their river taxi from the airport: it is too expensive and a far more complex arrangement than simply getting a private water taxi at the airport on arrival. This is an excellent hotel.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='1'>Good location; enough off the beaten track to be quiet and relaxing but</span> <span class='review-span highlight' data-aligned-summaries='1 2'>a great short walk to Accademia and other sites</span>. If you like exploring places on foot its ideal. If you don't, <span class='review-span highlight' data-aligned-summaries='2'>the Vaporetto is on the door step and we had no problem getting anywhere in the city</span> and the islands using it. Hotel was our kind of place; <span class='review-span highlight' data-aligned-summaries='0'>good style mixture of contemporary blending with the traditional</span> with a couple of quirky bits thrown in (the light sconces in the lounge!). Very friendly and helpful, low key staff. <span class='review-span highlight' data-aligned-summaries='3'>Room was well maintained, clean</span> and pleasant. <span class='review-span highlight' data-aligned-summaries='4'>Breakfast was simple but excellent</span> (and filling). <span class='review-span highlight' data-aligned-summaries='0'>Would definitely go back there</span> if staying in Venice again.</div><div class='text-box'>The Ca Maria Adele is ideal in every respect. <span class='review-span highlight' data-aligned-summaries='1'>It sits on a quiet little canal</span> just behind the magnificent Chiesa di Santa Maria and not far from the Accademia. The staff was very friendly, treated its guests with real coridality and were brimming with suggestions and assistance. <span class='review-span highlight' data-aligned-summaries='4'>Breakfast was especially satisfying in a tall room</span> that spangled with Venetian ornament. The hotel felt very personal, it was like staying at the home of a friend. Who should stay here? Couples, old or young, families, no matter the size, single folk, businessmen. I look forward to going back to Venice and when I do so staying at the Ca Maria Adele. Recommended without any reservation whatever.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>Just stop searching for the perfect hotel</span> in Venice because <span class='review-span highlight' data-aligned-summaries='0'>this is the one</span>. <span class='review-span highlight' data-aligned-summaries='1'>Right next to the Salute is an idyllic spot</span> with just twelve rooms. The staff are without exception helpful and no request is too small. The breakfast is a delight and can be served wherever suits your mood and the hotel has wonderful touches throughout. Each room is individualised and ours overlooked the canal. <span class='review-span highlight' data-aligned-summaries='1'>A minute from the vaparetto stop and close to a number of super Art Galleries</span> . Lovely little restaurant was recommended and did not disappoint. <span class='review-span highlight' data-aligned-summaries='2'>Take the Water Taxi transfer - the only way to travel</span>.Just ignore the tariff it is worth every penny. Enjoy.</div><div class='text-box'>Loved this small hotel, with a <span class='review-span highlight' data-aligned-summaries='1 2'>great location</span> on the Grand Canal and right <span class='review-span highlight' data-aligned-summaries='2'>next door to the Salute Church</span>. The staff were polite and very helpful, no problems with the English language. Will never forget the Saturday night when the Salute bells were ringing followed by all the church bells around Venice. Close to San Marco Square. If you stay on the top floor <span class='review-span highlight' data-aligned-summaries='3'>be ready for a walk up the stairs to your room</span>.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>Paying attention to every detail</span>, this hotel was an experience of its own. The White Room on the bottom floor was spectacular, the room service was top notch, the views from all points of the hotel were nearly fantastical! <span class='review-span highlight' data-aligned-summaries='4'>Breakfast was delicious</span> (though one staff member seemed absolutely miserable with her job) and the always stocked minibar was so refershing during the hot summer days!</div><div class='text-box'>We loved the Ca Maria Adele. The <span class='review-span highlight' data-aligned-summaries='0'>hotel staff and owner were so attentive</span>. The room was incredible and so so charming. We were greeted by champagne and passion fruit within 5 minutes of walking into our hotel. <span class='review-span highlight' data-aligned-summaries='4'>The breakfast room</span> and <span class='review-span highlight' data-aligned-summaries='4'>the meal itself were just great</span>. All the recommendations given by the hotel staff were <span class='review-span highlight' data-aligned-summaries='4'>awesome</span>. Would LOVE LOVE to go back.</div><div class='text-box'>This is one of the best deals in Venice. The <span class='review-span highlight' data-aligned-summaries='5'>price is a little high</span>, but well worth it. This <span class='review-span highlight' data-aligned-summaries='1'>boutique hotel is in a</span> relatively <span class='review-span highlight' data-aligned-summaries='1 2'>quite spot</span> and still <span class='review-span highlight' data-aligned-summaries='2'>only a stop or 2 from San Marco</span>.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">This is a great stylish contemporary hotel that pays attention to every detail and one that cannot be recommended enough.</span> <span id="1" class="summary-sentence">This boutique hotel is perfectly located because it is on the edge of one of the greatest areas and away from tourist hordes, making it quiet.</span> <span id="2" class="summary-sentence">Despite the calm location it isn't too far away from good sight-seeing spots and there is no problem getting around the city.</span> <span id="3" class="summary-sentence">The rooms are well-maintained and clean, but there is quite a walk up to the room if staying on the top floor. .</span> <span id="4" class="summary-sentence">The breakfast is of the highest quality, and there is the option to eat in either the breakfast room or the roof terrace.</span> <span id="5" class="summary-sentence">The stay at the hotel was 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 |
-
console.log('entered!');
|
| 83 |
-
}
|
| 84 |
-
});
|
| 85 |
-
this.classList.add('highlight');
|
| 86 |
-
});
|
| 87 |
-
|
| 88 |
-
sentence.addEventListener('mouseleave', function() {
|
| 89 |
-
const summaryId = this.getAttribute('id');
|
| 90 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 91 |
-
if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
|
| 92 |
-
span.classList.remove('not-hover-highlight');
|
| 93 |
-
span.classList.add('highlight');
|
| 94 |
-
console.log('left!');
|
| 95 |
-
}
|
| 96 |
-
this.classList.remove('highlight');
|
| 97 |
-
});
|
| 98 |
-
});
|
| 99 |
-
});
|
| 100 |
-
|
| 101 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 102 |
-
span.addEventListener('mouseenter', function() {
|
| 103 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 104 |
-
if (span !== this) {
|
| 105 |
-
span.classList.remove('highlight');
|
| 106 |
-
span.classList.add('not-hover-highlight');
|
| 107 |
-
}
|
| 108 |
-
});
|
| 109 |
-
const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
|
| 110 |
-
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 111 |
-
if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
|
| 112 |
-
sentence.classList.add('highlight');
|
| 113 |
-
}
|
| 114 |
-
});
|
| 115 |
-
});
|
| 116 |
-
});
|
| 117 |
-
|
| 118 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 119 |
-
span.addEventListener('mouseleave', function() {
|
| 120 |
-
const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
|
| 121 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 122 |
-
if (span !== this) {
|
| 123 |
-
span.classList.remove('not-hover-highlight');
|
| 124 |
-
span.classList.add('highlight');
|
| 125 |
-
}
|
| 126 |
-
});
|
| 127 |
-
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 128 |
-
if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
|
| 129 |
-
sentence.classList.remove('highlight');
|
| 130 |
-
}
|
| 131 |
-
});
|
| 132 |
-
});
|
| 133 |
-
});
|
| 134 |
-
|
| 135 |
-
</script>
|
| 136 |
-
</body>
|
| 137 |
-
</html>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
html_files/test/116.html
DELETED
|
@@ -1,137 +0,0 @@
|
|
| 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: 30%;
|
| 25 |
-
font-size: 1.0rem;
|
| 26 |
-
padding: 10px;
|
| 27 |
-
height: 40vh; /* 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: 40vh; /* Maximum height to a third of the viewport height */
|
| 37 |
-
overflow-y: auto; /* Enable vertical scrolling */
|
| 38 |
-
background-color: #9e9e9e0a; /* Light grey background */
|
| 39 |
-
}
|
| 40 |
-
.text-box {
|
| 41 |
-
width: calc(100% - 20px); /* Adjust based on padding */
|
| 42 |
-
margin: 10px;
|
| 43 |
-
padding: 10px;
|
| 44 |
-
background-color: #9e9e9e0a; /* Light grey background */
|
| 45 |
-
color: #606060bf;
|
| 46 |
-
border: 2px solid #ddd; /* Cartoonish border */
|
| 47 |
-
border-radius: 20px; /* Rounded corners for cartoonish effect */
|
| 48 |
-
position: relative;
|
| 49 |
-
box-shadow: 3px 3px #bbb; /* Soft shadow for depth */
|
| 50 |
-
}
|
| 51 |
-
.text-box:before {
|
| 52 |
-
content: '';
|
| 53 |
-
position: absolute;
|
| 54 |
-
right: 100%;
|
| 55 |
-
bottom: 20%;
|
| 56 |
-
border-top: 10px solid transparent;
|
| 57 |
-
border-bottom: 10px solid transparent;
|
| 58 |
-
border-right: 10px solid #ddd; /* Arrow matching the border */
|
| 59 |
-
}
|
| 60 |
-
.summary-box {
|
| 61 |
-
padding: 10px;
|
| 62 |
-
margin: 10px 0;
|
| 63 |
-
background-color: #e6e6fa; /* Lavender background for a pleasant look */
|
| 64 |
-
border: 1px solid #ddd; /* Light border for definition */
|
| 65 |
-
border-radius: 5px; /* Slightly rounded corners */
|
| 66 |
-
box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* Soft shadow for depth */
|
| 67 |
-
cursor: pointer;
|
| 68 |
-
}
|
| 69 |
-
h4 { margin-top: 0; }
|
| 70 |
-
</style>
|
| 71 |
-
</head>
|
| 72 |
-
<body>
|
| 73 |
-
<div class='column reviews'><h2>Reviews</h2><div class='text-box'><span class='review-span highlight' data-aligned-summaries='1'>The decoration and design is excellent</span>, as are the staff. The roof terrace, lounge and breakfast room have real distinction. The public areas are small. There is a simple lunch menu that they don't publicise and which <span class='review-span highlight' data-aligned-summaries='7'>you can eat in the breakfast room or roof terrace</span>. <span class='review-span highlight' data-aligned-summaries='3 4'>The location is</span> <span class='review-span highlight' data-aligned-summaries='3'>excellent and on the edge of one of the best areas of Venice</span> and is <span class='review-span highlight' data-aligned-summaries='4'>well removed from the tourist hordes</span>. <span class='review-span highlight' data-aligned-summaries='5'>The room was less distinct than the public areas but that is not to complaint</span>. In many other hotels it would be excellent. <span class='review-span highlight' data-aligned-summaries='0'>It is expensive for it's size and services though</span>, but I'm still very glad I stayed there. Don't pre book their river taxi from the airport: it is too expensive and a far more complex arrangement than simply getting a private water taxi at the airport on arrival. <span class='review-span highlight' data-aligned-summaries='0'>This is an excellent hotel</span>.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='3'>Good location</span>; enough <span class='review-span highlight' data-aligned-summaries='4'>off the beaten track</span> to be <span class='review-span highlight' data-aligned-summaries='4'>quiet and relaxing</span> but a great <span class='review-span highlight' data-aligned-summaries='4'>short walk to Accademia and other sites</span>. If you like exploring places on foot its ideal. If you don't, the Vaporetto is on the door step and we had no problem getting anywhere in the city and the islands using it. Hotel was our kind of place; <span class='review-span highlight' data-aligned-summaries='1'>good style mixture of</span> <span class='review-span highlight' data-aligned-summaries='1 2'>contemporary</span> <span class='review-span highlight' data-aligned-summaries='1'>blending</span> <span class='review-span highlight' data-aligned-summaries='1 2'>with</span> the <span class='review-span highlight' data-aligned-summaries='1 2'>traditional</span> <span class='review-span highlight' data-aligned-summaries='2'>with a couple of quirky bits thrown in</span> (the light sconces in the lounge!). Very friendly and helpful, low key staff. <span class='review-span highlight' data-aligned-summaries='5'>Room was well maintained</span>, <span class='review-span highlight' data-aligned-summaries='5'>clean</span> and pleasant. <span class='review-span highlight' data-aligned-summaries='7'>Breakfast was simple</span> but <span class='review-span highlight' data-aligned-summaries='7'>excellent</span> (and filling). Would definitely go back there if staying in Venice again.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>The Ca Maria Adele is ideal in every respect</span>. <span class='review-span highlight' data-aligned-summaries='4'>It sits on a quiet little canal</span> just behind the magnificent Chiesa di Santa Maria and not far from the Accademia. The staff was very friendly, treated its guests with real coridality and were brimming with suggestions and assistance. <span class='review-span highlight' data-aligned-summaries='7'>Breakfast was especially satisfying</span> in a tall room that spangled with Venetian ornament. The hotel felt very personal, it was like staying at the home of a friend. Who should stay here? Couples, old or young, families, no matter the size, single folk, businessmen. I look forward to going back to Venice and when I do so staying at the Ca Maria Adele. <span class='review-span highlight' data-aligned-summaries='0'>Recommended without any reservation</span> whatever.</div><div class='text-box'>Just stop searching for <span class='review-span highlight' data-aligned-summaries='0'>the perfect hotel in Venice</span> because this is the one. Right next to the Salute is an idyllic spot with just twelve rooms. The staff are without exception helpful and no request is too small. <span class='review-span highlight' data-aligned-summaries='7'>The breakfast is a delight</span> and can be served wherever suits your mood and the hotel has wonderful touches throughout. <span class='review-span highlight' data-aligned-summaries='6'>Each room is individualised and ours overlooked the canal</span>. <span class='review-span highlight' data-aligned-summaries='3'>A minute from the vaparetto stop and close to a number of super Art Galleries</span> . Lovely little restaurant was recommended and did not disappoint. Take the Water Taxi transfer - the only way to travel.Just ignore the tariff it is worth every penny. Enjoy.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>Loved this small hotel</span>, with <span class='review-span highlight' data-aligned-summaries='3'>a great location on the Grand Canal</span> and <span class='review-span highlight' data-aligned-summaries='3'>right next door to the Salute Church</span>. The staff were polite and very helpful, no problems with the English language. Will never forget the Saturday night when the Salute bells were ringing followed by all the church bells around Venice. Close to San Marco Square. If you stay on the top floor be ready for a walk up the stairs to your room.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='2'>Paying attention to every detail,</span> <span class='review-span highlight' data-aligned-summaries='0 2'>this hotel was an experience of its own</span>. The White Room on the bottom floor was spectacular, the room service was top notch, <span class='review-span highlight' data-aligned-summaries='0'>the views from all points of the hotel were nearly fantastical</span>! <span class='review-span highlight' data-aligned-summaries='7'>Breakfast was delicious (though one staff member seemed absolutely miserable with her job</span>) and the always stocked minibar was so refershing during the hot summer days!</div><div class='text-box'>We loved the Ca Maria Adele. The hotel staff and owner were so attentive. The room was incredible and so so charming. <span class='review-span highlight' data-aligned-summaries='0'>We were greeted by champagne and passion fruit within 5 minutes</span> of walking into our hotel. <span class='review-span highlight' data-aligned-summaries='7'>The breakfast room and the meal itself were just great</span>. All the recommendations given by the hotel staff were awesome. Would LOVE LOVE to go back.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>This is one of the best deals in Venice</span>. The price is a little high, but well worth it. This boutique <span class='review-span highlight' data-aligned-summaries='4'>hotel is in a relatively quite spot</span> and still only a stop or 2 from San Marco.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">This is an exquisite hotel that is highly recommended.</span> <span id="1" class="summary-sentence">The decor has an excellent mix of contemporary and traditional design that will appeal to the majority.</span> <span id="2" class="summary-sentence">They have paid attention to every detail when designing this hotel.</span> <span id="3" class="summary-sentence">Great location for those wanting a good base to go on and sight see, as it is close to many of the tourist attractions.</span> <span id="4" class="summary-sentence">Most sites are walking distance from the hotel, yet the hotel itself is in a more remote location that offers guests peace and quiet if they choose it.</span> <span id="5" class="summary-sentence">The rooms are very well maintained and clean and though not as distinct as the public areas is unique in its own right.</span> <span id="6" class="summary-sentence">Some overlook the canal.</span><span id="7" class="summary-sentence">Breakfast is little bit lacking but tasted 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 |
-
console.log('entered!');
|
| 83 |
-
}
|
| 84 |
-
});
|
| 85 |
-
this.classList.add('highlight');
|
| 86 |
-
});
|
| 87 |
-
|
| 88 |
-
sentence.addEventListener('mouseleave', function() {
|
| 89 |
-
const summaryId = this.getAttribute('id');
|
| 90 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 91 |
-
if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
|
| 92 |
-
span.classList.remove('not-hover-highlight');
|
| 93 |
-
span.classList.add('highlight');
|
| 94 |
-
console.log('left!');
|
| 95 |
-
}
|
| 96 |
-
this.classList.remove('highlight');
|
| 97 |
-
});
|
| 98 |
-
});
|
| 99 |
-
});
|
| 100 |
-
|
| 101 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 102 |
-
span.addEventListener('mouseenter', function() {
|
| 103 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 104 |
-
if (span !== this) {
|
| 105 |
-
span.classList.remove('highlight');
|
| 106 |
-
span.classList.add('not-hover-highlight');
|
| 107 |
-
}
|
| 108 |
-
});
|
| 109 |
-
const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
|
| 110 |
-
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 111 |
-
if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
|
| 112 |
-
sentence.classList.add('highlight');
|
| 113 |
-
}
|
| 114 |
-
});
|
| 115 |
-
});
|
| 116 |
-
});
|
| 117 |
-
|
| 118 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 119 |
-
span.addEventListener('mouseleave', function() {
|
| 120 |
-
const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
|
| 121 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 122 |
-
if (span !== this) {
|
| 123 |
-
span.classList.remove('not-hover-highlight');
|
| 124 |
-
span.classList.add('highlight');
|
| 125 |
-
}
|
| 126 |
-
});
|
| 127 |
-
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 128 |
-
if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
|
| 129 |
-
sentence.classList.remove('highlight');
|
| 130 |
-
}
|
| 131 |
-
});
|
| 132 |
-
});
|
| 133 |
-
});
|
| 134 |
-
|
| 135 |
-
</script>
|
| 136 |
-
</body>
|
| 137 |
-
</html>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
html_files/test/117.html
DELETED
|
@@ -1,137 +0,0 @@
|
|
| 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: 30%;
|
| 25 |
-
font-size: 1.0rem;
|
| 26 |
-
padding: 10px;
|
| 27 |
-
height: 40vh; /* 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: 40vh; /* 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 4'>Everything is of superb quality in this hotel</span> <span class='review-span highlight' data-aligned-summaries='4'>and you can really see the thoughts they put into each detail - from the light switch to where the sockets are placed</span>. <span class='review-span highlight' data-aligned-summaries='2'>We went for the highest room (Casa Nova) in the hotel which has a sky window</span> that opens up to see the sky at night, it was very romantic. <span class='review-span highlight' data-aligned-summaries='3'>Breakfast was truly a gem - the croissants are made fresh</span> and they tasted super delicious. There are only two tables that are out on the balcony so <span class='review-span highlight' data-aligned-summaries='3'>people have to wait for the outdoor tables</span>. They offer free water taxi rides to the glass factory on Murano island, but it was a complete waste of time. Transport organized by the hotel to the island was perfect, but the hotel didn't arrange our transportation back and we were stuff with like 10 other people in small boat which made us completely soaked on our way back. The boat did not stop back at our hotel but just dropped us off, all soaked, at St. Mark's Square. It was the worst boat ride. Avoid the hotel's free ticket to Murano at all, you can better spend your time in Venice doing something else.</div><div class='text-box'>We had originally booked our rooms at the Hotel Antiche Figure, however when we arrived at the hotel the manager told us that he had another hotel that they were attempting to fill with guests right down the street, it was another property that they owned that had recently opened up. .He told us that if we wanted to stay there instead of the Antiche Figure he would upgrade everyone's rooms. When we saw the property and the rooms, we just couldn't say no. The manager put us in four <span class='review-span highlight' data-aligned-summaries='0 1'>incredible rooms beautifully decorated in an antique Venetian style</span>,<span class='review-span highlight' data-aligned-summaries='1'> yet with very modern facilities</span>. <span class='review-span highlight' data-aligned-summaries='1'>ie</span> Wireless. <span class='review-span highlight' data-aligned-summaries='1'>flat screen tv's hidden behind mirrors</span> etc, plus the rooms had amazing views onto the canal, or the square. which was wonderfully quiet. This place is beautiful. I would highly reccomend staying here. especially if you are American. <span class='review-span highlight' data-aligned-summaries='4'>the service of the staff is completely up to par with American standards. and on that matter they excel on sevice standards</span>.</div><div class='text-box'>I love it when Tripadvisor reviews point me in the right direction. Venice was one of the stops on my honeymoon and <span class='review-span highlight' data-aligned-summaries='4'>the staff</span>, <span class='review-span highlight' data-aligned-summaries='4'>amenities</span>, <span class='review-span highlight' data-aligned-summaries='4'>and location</span> of Hotel Canal Grande <span class='review-span highlight' data-aligned-summaries='4'>does not disappoint</span>! From the check-in, Gianni welcomed us with a detailed map, suggested walking paths, and a little joke: "call this number and we can come get you. free! if you call after 10pm, we will think you are drunk and we will come get you.for a charge." Here are other highlights: - free wifi - free bottle of prosecco on the house - free <span class='review-span highlight' data-aligned-summaries='3'>hotel breakfast</span> (which you can eat on the terrace, watching the boats go by) - <span class='review-span highlight' data-aligned-summaries='1'>modern amenities which complement</span> seamlessly with <span class='review-span highlight' data-aligned-summaries='1'>the rococco interiors</span> - excellent service (when we couldn't find the local laundromat, they sent an employee of a *sister* hotel to check that it was open and then escort us there- fabulous!)</div><div class='text-box'>Convenient location to everything and easy to find. Make sure to print out directions to the hotel for your arrival. <span class='review-span highlight' data-aligned-summaries='0'>The rooms were elegant and comfortable</span>. <span class='review-span highlight' data-aligned-summaries='3'>Nice breakfast in the morning</span>. <span class='review-span highlight' data-aligned-summaries='4'>The staff were pleasant and very helpful</span>. Our last night there <span class='review-span highlight' data-aligned-summaries='4'>our neighbours were noisy and vulgar, the staff</span> did try and control the situation and <span class='review-span highlight' data-aligned-summaries='4'>more than compensated us</span> the next day. Despite this we wouldn't hesitate to stay again.</div><div class='text-box'>.what the other reviewers say. Just book & enjoy, if you can. The <span class='review-span highlight' data-aligned-summaries='4'>only negative experiences</span> from our 2 nights in the Doge room <span class='review-span highlight' data-aligned-summaries='4'>was a somewhat unpleasant and unhelpful interaction with the night clerk, and a another situation in which some other employee spent ages finding information</span> on the vaporetti schedule <span class='review-span highlight' data-aligned-summaries='4'>that in the end were just plain wrong</span>. Still 4/5 for service, as the rest of the staff were marvelous.</div><div class='text-box'>I stayed 3 nights in Canal Grande. A gem in Venice, near Piazzale Roma where i parked my car, near a vaporetto stop, great staff, <span class='review-span highlight' data-aligned-summaries='3'>great breakfast</span> and great room " Accademia". <span class='review-span highlight' data-aligned-summaries='0'>If you are looking for a hotel to stay in Venice</span>, dont think about it.<span class='review-span highlight' data-aligned-summaries='0'>Stay in Canal Grande</span>. Perfect!</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0 4'>Simply the best hotel we've ever stayed at</span>! Great location, great room, great view, <span class='review-span highlight' data-aligned-summaries='3'>great breakfast</span>. Unbelievable value. The management and staff made us feel so welcome, without a doubt we would return again. Thank you.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>just brilliant, can't spot one error</span>. <span class='review-span highlight' data-aligned-summaries='4'>every need is looked after</span> a bargain of a hotel and gr8 stuff.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">This is a beautiful hotel and possibly one of the best out there.</span> <span id="1" class="summary-sentence">The rooms in the hotel are decorated in a typical Venetian style, but with modern design twist, such as mirrors housing televisions.</span> <span id="2" class="summary-sentence">The highest room available in the hotel has a sky window which was very quiet too.</span> <span id="3" class="summary-sentence">The breakfasts at the hotel were made fresh and could be enjoyed on the terrace.</span> <span id="4" class="summary-sentence">This is a hotel of high standards and qualities and everything seems to be really thought through such as where the plug sockets are place and even the light switch.</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 |
-
console.log('entered!');
|
| 83 |
-
}
|
| 84 |
-
});
|
| 85 |
-
this.classList.add('highlight');
|
| 86 |
-
});
|
| 87 |
-
|
| 88 |
-
sentence.addEventListener('mouseleave', function() {
|
| 89 |
-
const summaryId = this.getAttribute('id');
|
| 90 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 91 |
-
if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
|
| 92 |
-
span.classList.remove('not-hover-highlight');
|
| 93 |
-
span.classList.add('highlight');
|
| 94 |
-
console.log('left!');
|
| 95 |
-
}
|
| 96 |
-
this.classList.remove('highlight');
|
| 97 |
-
});
|
| 98 |
-
});
|
| 99 |
-
});
|
| 100 |
-
|
| 101 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 102 |
-
span.addEventListener('mouseenter', function() {
|
| 103 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 104 |
-
if (span !== this) {
|
| 105 |
-
span.classList.remove('highlight');
|
| 106 |
-
span.classList.add('not-hover-highlight');
|
| 107 |
-
}
|
| 108 |
-
});
|
| 109 |
-
const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
|
| 110 |
-
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 111 |
-
if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
|
| 112 |
-
sentence.classList.add('highlight');
|
| 113 |
-
}
|
| 114 |
-
});
|
| 115 |
-
});
|
| 116 |
-
});
|
| 117 |
-
|
| 118 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 119 |
-
span.addEventListener('mouseleave', function() {
|
| 120 |
-
const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
|
| 121 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 122 |
-
if (span !== this) {
|
| 123 |
-
span.classList.remove('not-hover-highlight');
|
| 124 |
-
span.classList.add('highlight');
|
| 125 |
-
}
|
| 126 |
-
});
|
| 127 |
-
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 128 |
-
if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
|
| 129 |
-
sentence.classList.remove('highlight');
|
| 130 |
-
}
|
| 131 |
-
});
|
| 132 |
-
});
|
| 133 |
-
});
|
| 134 |
-
|
| 135 |
-
</script>
|
| 136 |
-
</body>
|
| 137 |
-
</html>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
html_files/test/118.html
DELETED
|
@@ -1,137 +0,0 @@
|
|
| 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: 30%;
|
| 25 |
-
font-size: 1.0rem;
|
| 26 |
-
padding: 10px;
|
| 27 |
-
height: 40vh; /* 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: 40vh; /* 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'>Everything is of superb quality in this hotel and <span class='review-span highlight' data-aligned-summaries='8'>you can really see the thoughts they put into each detail - from the light switch to where the sockets are placed</span>. <span class='review-span highlight' data-aligned-summaries='3'>We went for the highest room</span> (Casa Nova) <span class='review-span highlight' data-aligned-summaries='3'>in the hotel which has a sky window that opens up to see the sky at night</span>, it was very romantic. <span class='review-span highlight' data-aligned-summaries='5'>Breakfast was truly a gem</span> - <span class='review-span highlight' data-aligned-summaries='6'>the croissants are made fresh and they tasted super delicious</span>. There are only two tables that are out on the balcony so people have to wait for the outdoor tables. <span class='review-span highlight' data-aligned-summaries='2'>They offer free water taxi rides to the glass factory on Murano island, but it was a complete waste of time</span>. Transport organized by the hotel to the island was perfect, but the hotel didn't arrange our transportation back and we were stuff with like 10 other people in small boat which made us completely soaked on our way back. The boat did not stop back at our hotel but just dropped us off, all soaked, at St. Mark's Square. It was the worst boat ride. <span class='review-span highlight' data-aligned-summaries='2'>Avoid the hotel's free ticket to Murano</span> at all, you can better spend your time in Venice doing something else.</div><div class='text-box'>We had originally booked our rooms at the Hotel Antiche Figure, however when we arrived at the hotel <span class='review-span highlight' data-aligned-summaries='7'>the manager told us that</span> he had another hotel that they were attempting to fill with guests right down the street, it was another property that they owned that had recently opened up. .He told us that if we wanted to stay there instead of the Antiche Figure <span class='review-span highlight' data-aligned-summaries='7'>he would upgrade everyone's rooms</span>. When we saw the property and the rooms, <span class='review-span highlight' data-aligned-summaries='7'>we just couldn't say no</span>. The manager put us in four <span class='review-span highlight' data-aligned-summaries='3'>incredible rooms beautifully decorated in an antique Venetian style</span>, yet with very modern facilities. ie Wireless. <span class='review-span highlight' data-aligned-summaries='4'>flat screen tv's hidden behind mirrors</span> etc, plus the rooms had amazing views onto the canal, or the square. which was wonderfully quiet. <span class='review-span highlight' data-aligned-summaries='0'>This place is beautiful</span>. I would highly reccomend staying here. especially if you are American. the service of <span class='review-span highlight' data-aligned-summaries='5'>the staff</span> is completely up to par with American standards. and on that matter they <span class='review-span highlight' data-aligned-summaries='5'>excel on sevice standards</span>.</div><div class='text-box'>I love it when Tripadvisor reviews point me in the right direction. Venice was one of the stops on my honeymoon and the staff, amenities, <span class='review-span highlight' data-aligned-summaries='1'>and location of Hotel Canal Grande does not disappoint</span>! From the check-in, Gianni welcomed us with a detailed map, <span class='review-span highlight' data-aligned-summaries='1'>suggested walking paths</span>, and a little joke: "call this number and we can come get you. free! if you call after 10pm, <span class='review-span highlight' data-aligned-summaries='7'>we will think you are drunk and we will come get you.for a charge</span>." Here are other highlights: - free wifi - free bottle of prosecco on the house - <span class='review-span highlight' data-aligned-summaries='5'>free hotel breakfast (which you can eat on the terrace</span>, watching the boats go by) - modern amenities which complement seamlessly with the rococco interiors - <span class='review-span highlight' data-aligned-summaries='5'>excellent service</span> (when we couldn't find the local laundromat, they sent an employee of a *sister* hotel to check that it was open and then escort us there- fabulous!)</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>Convenient location</span> to everything and easy to find. Make sure to print out directions to the hotel for your arrival. <span class='review-span highlight' data-aligned-summaries='3'>The rooms were elegant</span> and comfortable. <span class='review-span highlight' data-aligned-summaries='5'>Nice breakfast</span> in the morning. The <span class='review-span highlight' data-aligned-summaries='5'>staff were</span> pleasant and very <span class='review-span highlight' data-aligned-summaries='5'>helpful</span>. Our last night there our neighbours were noisy and vulgar, the staff did try and control the situation and more than compensated us the next day. Despite this we wouldn't hesitate to stay again.</div><div class='text-box'>.what the other reviewers say. Just book & enjoy, if you can. The only negative experiences from our 2 nights in the Doge room was a <span class='review-span highlight' data-aligned-summaries='5'>somewhat unpleasant and unhelpful interaction with the night clerk</span>, <span class='review-span highlight' data-aligned-summaries='5'>and</span> a <span class='review-span highlight' data-aligned-summaries='5'>another situation in which some other employee spent ages finding information</span> on the vaporetti schedule <span class='review-span highlight' data-aligned-summaries='5'>that in the end were just plain wrong</span>. Still 4/5 for service, as the rest of the staff were marvelous.</div><div class='text-box'>I stayed 3 nights in Canal Grande. A gem in Venice, near Piazzale Roma where i parked my car, near a vaporetto stop, great staff, <span class='review-span highlight' data-aligned-summaries='6'>great</span> <span class='review-span highlight' data-aligned-summaries='5 6'>breakfast</span> and great room " Accademia". If you are looking for a hotel to stay in Venice, dont think about it.Stay in Canal Grande. Perfect!</div><div class='text-box'>Simply the best hotel we've ever stayed at! <span class='review-span highlight' data-aligned-summaries='1'>Great location</span>, great room, great view, great breakfast. Unbelievable value. The management and staff made us feel so welcome, without a doubt we would return again. Thank you.</div><div class='text-box'>just brilliant, can't spot one error. <span class='review-span highlight' data-aligned-summaries='7'>every need is looked after</span> a bargain of a hotel and gr8 stuff.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">The hotel setting is beautiful but it's an uncomfortable boat ride to get there.</span> <span id="1" class="summary-sentence">Good location with walking paths in close proximity to the hotel.</span> <span id="2" class="summary-sentence">Free water taxis can be taken also, however they are not highly recommended.</span> <span id="3" class="summary-sentence">The Venetian-style rooms are absolutely beautiful and had a sky-window to allow you to view the sky at nighttime.</span> <span id="4" class="summary-sentence">There are flat-screen televisions hidden behind mirrors which is a unique touch.</span> <span id="5" class="summary-sentence">Some of the staff were unhelpful, The complimentary breakfast can be eaten on the terrace and it is an absolute gem.</span> <span id="6" class="summary-sentence">The croissants are clearly made fresh and so they tasted amazing.</span> <span id="7" class="summary-sentence">The hotel will look after guests late at night if you need collection for a charge.</span> <span id="8" class="summary-sentence">The attention to detail goes all the way down simple fixtures like light fittings etc.</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 |
-
console.log('entered!');
|
| 83 |
-
}
|
| 84 |
-
});
|
| 85 |
-
this.classList.add('highlight');
|
| 86 |
-
});
|
| 87 |
-
|
| 88 |
-
sentence.addEventListener('mouseleave', function() {
|
| 89 |
-
const summaryId = this.getAttribute('id');
|
| 90 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 91 |
-
if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
|
| 92 |
-
span.classList.remove('not-hover-highlight');
|
| 93 |
-
span.classList.add('highlight');
|
| 94 |
-
console.log('left!');
|
| 95 |
-
}
|
| 96 |
-
this.classList.remove('highlight');
|
| 97 |
-
});
|
| 98 |
-
});
|
| 99 |
-
});
|
| 100 |
-
|
| 101 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 102 |
-
span.addEventListener('mouseenter', function() {
|
| 103 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 104 |
-
if (span !== this) {
|
| 105 |
-
span.classList.remove('highlight');
|
| 106 |
-
span.classList.add('not-hover-highlight');
|
| 107 |
-
}
|
| 108 |
-
});
|
| 109 |
-
const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
|
| 110 |
-
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 111 |
-
if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
|
| 112 |
-
sentence.classList.add('highlight');
|
| 113 |
-
}
|
| 114 |
-
});
|
| 115 |
-
});
|
| 116 |
-
});
|
| 117 |
-
|
| 118 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 119 |
-
span.addEventListener('mouseleave', function() {
|
| 120 |
-
const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
|
| 121 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 122 |
-
if (span !== this) {
|
| 123 |
-
span.classList.remove('not-hover-highlight');
|
| 124 |
-
span.classList.add('highlight');
|
| 125 |
-
}
|
| 126 |
-
});
|
| 127 |
-
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 128 |
-
if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
|
| 129 |
-
sentence.classList.remove('highlight');
|
| 130 |
-
}
|
| 131 |
-
});
|
| 132 |
-
});
|
| 133 |
-
});
|
| 134 |
-
|
| 135 |
-
</script>
|
| 136 |
-
</body>
|
| 137 |
-
</html>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
html_files/test/119.html
DELETED
|
@@ -1,137 +0,0 @@
|
|
| 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: 30%;
|
| 25 |
-
font-size: 1.0rem;
|
| 26 |
-
padding: 10px;
|
| 27 |
-
height: 40vh; /* 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: 40vh; /* 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'>Everything is of superb quality in this hotel</span> <span class='review-span highlight' data-aligned-summaries='9'>and you can really see the thoughts they put into each detail - from the light switch to where the sockets are placed</span>. <span class='review-span highlight' data-aligned-summaries='3'>We went for the highest room (Casa Nova) in the hotel which has a sky window that opens up to see the sky at night, it was very romantic</span>. <span class='review-span highlight' data-aligned-summaries='6'>Breakfast was truly a gem</span> <span class='review-span highlight' data-aligned-summaries='7'>- the croissants are made fresh</span> and they <span class='review-span highlight' data-aligned-summaries='6'>tasted super delicious</span>. There are only two tables that are out on the balcony so people have to wait for the outdoor tables. They offer free water taxi rides to the glass factory on Murano island, but it was a complete waste of time. Transport organized by the hotel to the island was perfect, but the hotel didn't arrange our transportation back and we were stuff with like 10 other people in small boat which made us completely soaked on our way back. The boat did not stop back at our hotel but just dropped us off, all soaked, at St. Mark's Square. It was the worst boat ride. Avoid the hotel's free ticket to Murano at all, you can better spend your time in Venice doing something else.</div><div class='text-box'>We had originally booked our rooms at the Hotel Antiche Figure, however when we arrived at the hotel the manager told us that he had another hotel that they were attempting to fill with guests right down the street, it was another property that they owned that had recently opened up. .He told us that if we wanted to stay there instead of the Antiche Figure he would upgrade everyone's rooms. When we saw the property and the rooms, we just couldn't say no. <span class='review-span highlight' data-aligned-summaries='0'>The manager put us in four</span> <span class='review-span highlight' data-aligned-summaries='0 2 4'>incredible rooms beautifully</span> <span class='review-span highlight' data-aligned-summaries='2 4'>decorated in an antique Venetian style, yet with very modern facilities. ie Wireless. flat screen tv's hidden behind mirrors etc</span>,<span class='review-span highlight' data-aligned-summaries='2'></span> plus <span class='review-span highlight' data-aligned-summaries='2'>the</span> <span class='review-span highlight' data-aligned-summaries='0 2'>rooms had amazing views onto the canal</span>, or the square. which was wonderfully quiet. <span class='review-span highlight' data-aligned-summaries='0 1'>This place is beautiful</span>.<span class='review-span highlight' data-aligned-summaries='0'> I would highly reccomend staying here</span>. especially if you are American. <span class='review-span highlight' data-aligned-summaries='8'>the service of the staff is completely up to par with American standards. and on that matter they excel on sevice standards</span>.</div><div class='text-box'>I love it when Tripadvisor reviews point me in the right direction. Venice was one of the stops on my honeymoon and <span class='review-span highlight' data-aligned-summaries='5'>the staff, amenities</span>, and location of Hotel Canal Grande <span class='review-span highlight' data-aligned-summaries='5'>does not disappoint</span>! From the check-in, <span class='review-span highlight' data-aligned-summaries='1'>Gianni welcomed us with a detailed map, suggested walking paths</span>, and a little joke: "call this number and we can come get you. free! if you call after 10pm, we will think you are drunk and we will come get you.for a charge." Here are other highlights: - free wifi - <span class='review-span highlight' data-aligned-summaries='7'>free bottle of prosecco on the house</span> - free hotel breakfast (which you can eat on the terrace, watching the boats go by) - <span class='review-span highlight' data-aligned-summaries='4'>modern amenities which complement seamlessly with the rococco interiors - excellent service</span> (when we couldn't find the local laundromat, they sent an employee of a *sister* hotel to check that it was open and then escort us there- fabulous!)</div><div class='text-box'>Convenient location to everything and easy to find. Make sure to <span class='review-span highlight' data-aligned-summaries='1'>print out directions to the hotel for your arrival</span>. <span class='review-span highlight' data-aligned-summaries='2'>The rooms were elegant</span> and comfortable. Nice breakfast in the morning. <span class='review-span highlight' data-aligned-summaries='5'>The staff were</span> pleasant and <span class='review-span highlight' data-aligned-summaries='5'>very helpful</span>. Our last night there our neighbours were noisy and vulgar, the staff did try and control the situation and more than compensated us the next day. Despite this we wouldn't hesitate to stay again.</div><div class='text-box'>.what the other reviewers say. Just book & enjoy, if you can. The only negative experiences from our 2 nights in the Doge room was a somewhat unpleasant and unhelpful interaction with the night clerk, and a another situation in which some other employee spent ages finding information on the vaporetti schedule that in the end were just plain wrong. Still <span class='review-span highlight' data-aligned-summaries='5'>4/5 for service</span>, as <span class='review-span highlight' data-aligned-summaries='5'>the rest of the staff were marvelous</span>.</div><div class='text-box'>I stayed 3 nights in Canal Grande. <span class='review-span highlight' data-aligned-summaries='0'>A gem in Venice</span>, near Piazzale Roma where i parked my car, near a vaporetto stop, great staff, great breakfast and great room " Accademia". If you are looking for a hotel to stay in Venice, dont think about it.<span class='review-span highlight' data-aligned-summaries='0'>Stay in Canal Grande. Perfect</span>!</div><div class='text-box'>Simply <span class='review-span highlight' data-aligned-summaries='0'>the best hotel we've ever stayed at</span>! Great location, <span class='review-span highlight' data-aligned-summaries='2'>great room, great view</span>, great breakfast. <span class='review-span highlight' data-aligned-summaries='8'>Unbelievable value</span>. <span class='review-span highlight' data-aligned-summaries='5'>The management and staff made us feel so welcome</span>, without a doubt we would return again. Thank you.</div><div class='text-box'>just brilliant, can't spot one error. <span class='review-span highlight' data-aligned-summaries='5'>every need is looked after</span> <span class='review-span highlight' data-aligned-summaries='0'>a bargain of a hotel</span> and gr8 stuff.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">This is an average hotel to stay at, however it is in a beautiful area that has lots for tourists to see.</span> <span id="1" class="summary-sentence">The hotel was a little difficult to get to but they will provide a nicely detailed map for walking paths nearby, because it is located in a lovely place.</span> <span id="2" class="summary-sentence">The rooms are to a very high standard, with exceptional views overlooking some of the popular attractions in this area.</span> <span id="3" class="summary-sentence">The upgraded rooms in particular are wonderful, with a sky window that opens up at night.</span> <span id="4" class="summary-sentence">They are beautifully decorated and provide all amenities for a good stay.</span> <span id="5" class="summary-sentence">The staff occasional go above and beyond to help their guests.</span> <span id="6" class="summary-sentence">The food was delicious.</span> <span id="7" class="summary-sentence">Freshly made croissants and a free bottle of Prosecco, excellent.</span> <span id="8" class="summary-sentence">A bargain hotel that provides good quality service.</span> <span id="9" class="summary-sentence">You can see there has been great efforts put in place to decorate all aspects of this hotel, down to the small details.</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 |
-
console.log('entered!');
|
| 83 |
-
}
|
| 84 |
-
});
|
| 85 |
-
this.classList.add('highlight');
|
| 86 |
-
});
|
| 87 |
-
|
| 88 |
-
sentence.addEventListener('mouseleave', function() {
|
| 89 |
-
const summaryId = this.getAttribute('id');
|
| 90 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 91 |
-
if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
|
| 92 |
-
span.classList.remove('not-hover-highlight');
|
| 93 |
-
span.classList.add('highlight');
|
| 94 |
-
console.log('left!');
|
| 95 |
-
}
|
| 96 |
-
this.classList.remove('highlight');
|
| 97 |
-
});
|
| 98 |
-
});
|
| 99 |
-
});
|
| 100 |
-
|
| 101 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 102 |
-
span.addEventListener('mouseenter', function() {
|
| 103 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 104 |
-
if (span !== this) {
|
| 105 |
-
span.classList.remove('highlight');
|
| 106 |
-
span.classList.add('not-hover-highlight');
|
| 107 |
-
}
|
| 108 |
-
});
|
| 109 |
-
const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
|
| 110 |
-
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 111 |
-
if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
|
| 112 |
-
sentence.classList.add('highlight');
|
| 113 |
-
}
|
| 114 |
-
});
|
| 115 |
-
});
|
| 116 |
-
});
|
| 117 |
-
|
| 118 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 119 |
-
span.addEventListener('mouseleave', function() {
|
| 120 |
-
const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
|
| 121 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 122 |
-
if (span !== this) {
|
| 123 |
-
span.classList.remove('not-hover-highlight');
|
| 124 |
-
span.classList.add('highlight');
|
| 125 |
-
}
|
| 126 |
-
});
|
| 127 |
-
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 128 |
-
if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
|
| 129 |
-
sentence.classList.remove('highlight');
|
| 130 |
-
}
|
| 131 |
-
});
|
| 132 |
-
});
|
| 133 |
-
});
|
| 134 |
-
|
| 135 |
-
</script>
|
| 136 |
-
</body>
|
| 137 |
-
</html>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
html_files/test/12.html
DELETED
|
@@ -1,137 +0,0 @@
|
|
| 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: 30%;
|
| 25 |
-
font-size: 1.0rem;
|
| 26 |
-
padding: 10px;
|
| 27 |
-
height: 40vh; /* 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: 40vh; /* 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 had three nights at the Swissotel Sydney On Market Street and enjoyed our stay. We had a corner room with views out across the city. <span class='review-span highlight' data-aligned-summaries='0 1'>Rooms are not huge but are comfortable, clean and quiet</span>. Breakfast was included in our three-day rate and it was excellent. We also had one evening meal at the hotel. While the meal was good, the prices were a little more than we expected. Location is excellent and in walking distance of tourist attractions, shopping and underground rail. It is a quaint hotel in that the hotel is built above Myer shopping emporium and to check in means taking dropping suitcases with a porter at the small off-street entry and taking a lift to the 8th floor which opens out onto an elegant lobby and reception. Staff were courteous and help-yourself bowls of Granny Smith apples near the lifts were appreciated. <span class='review-span highlight' data-aligned-summaries='0 1'>Happy to recommend the hotel</span>.</div><div class='text-box'>we stayed for 5 nights in the swissotel sydney. <span class='review-span highlight' data-aligned-summaries='0 1'>It is a great hotel with a great location</span>. Town hall station in a 5 minute walk, St James station is about 3 mins away. If there are two or more people it is probably cheaper to get a taxi from the airport. <span class='review-span highlight' data-aligned-summaries='0 1'>Our room was massive, modern and spotlessly clean</span>. the only downside was having paid the hotel bill in full before our arrival, the reception proceeded to charge my credit card again. This was a major inconvience as we were at the end of our 3 week holiday and my credit card was near it's limit. The problem was eventually sorted after a few days but it prevented me from using my card during this time. Although helpful, I didn't even get an apology from the staff!</div><div class='text-box'>I stayed at this Hotel for 6 nights, and <span class='review-span highlight' data-aligned-summaries='0 1'>not sure if I would return again</span> if in Sydney. The location is excellent and the concierge know their stuff, but sadly I think it ends there. When I checked in I was informed that I had been upgraded, but on further inspection it was the room that I had actually paid for in advance. The room itself had a balcony (for which I paid extra), but no views as such, not like it was described on their website. The Hotel was busy and I was told to check on a daily basis if I wanted to change rooms. I was hassled most mornings at breakfast, because my name did not appear on the list which it should have been. <span class='review-span highlight' data-aligned-summaries='0 1'>Definitely not a 5 Star Hotel</span>.Internet charges outrageous.</div><div class='text-box'>we booked to stay here through wotif.com after initially looking to rent a self catered apartment from which to explore sydney we found this to be a very good price for us to have a <span class='review-span highlight' data-aligned-summaries='0'>very comfortable room</span>, our flight landed at 0530 the day we were checking in so i wrote to the hotel to ask how early we could check in not expecting a positive response but we got a nice reply and when we arrived after a 24hr flight from france we were given our room at 6am!, very good. staff very nice <span class='review-span highlight' data-aligned-summaries='0 1'>would reccommend</span> here <span class='review-span highlight' data-aligned-summaries='0'>for a good base</span> in sydney.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0 1'>Hotel room was nicely appointed and with a good city view</span>. For a Sunday night though the food on offer was limited - as was the service. Staff had to be asked for drinks and to order food - and it did seem to be an inconvenience that we wanted service. Breakfast was the standard continental or hot and nothing very exciting. Once again the staff seemed to be inconvenienced by our presence. Given the nice rooms and good location <span class='review-span highlight' data-aligned-summaries='0 1'>it was disappointing that the service was so slack and uninspiring</span>.</div><div class='text-box'>the hotel itself is a bit difficult to find, and apparently not well known. location is supreme however in between george and pitt street. also very near darling harbour and town hall rail station. service was not much above average. the biggest disgust experienced was indeed the <span class='review-span highlight' data-aligned-summaries='0'>exceedingly high cost of internet</span> and difficulty accessing once you have registered. during my trips back to sydney, <span class='review-span highlight' data-aligned-summaries='0 1'>i will definitely compare other hotels before here</span>, such as Hilton or Marriot.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>I experianced a most enjoyable stay with a nice room</span> <span class='review-span highlight' data-aligned-summaries='1'>the location</span> to my business appointment <span class='review-span highlight' data-aligned-summaries='1'>was just ideal and the service in the resturant caould not be faulted</span>. Nice and friendly. <span class='review-span highlight' data-aligned-summaries='0'>Unfortunately the sign out was very frustrating</span> - too long.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0 1'>Restaurant very good</span>. <span class='review-span highlight' data-aligned-summaries='0 1'>Problem with bathroom</span> <span class='review-span highlight' data-aligned-summaries='1'>was resolved</span> very quickly.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">This was a really enjoyable hotel to stay in and would choose it again for sure.</span> <span id="1" class="summary-sentence">The hotel is highly recommended.</span></div></div>
|
| 74 |
-
<script>
|
| 75 |
-
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 76 |
-
sentence.addEventListener('mouseenter', function() {
|
| 77 |
-
const summaryId = this.getAttribute('id');
|
| 78 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 79 |
-
if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
|
| 80 |
-
span.classList.remove('highlight');
|
| 81 |
-
span.classList.add('not-hover-highlight');
|
| 82 |
-
console.log('entered!');
|
| 83 |
-
}
|
| 84 |
-
});
|
| 85 |
-
this.classList.add('highlight');
|
| 86 |
-
});
|
| 87 |
-
|
| 88 |
-
sentence.addEventListener('mouseleave', function() {
|
| 89 |
-
const summaryId = this.getAttribute('id');
|
| 90 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 91 |
-
if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
|
| 92 |
-
span.classList.remove('not-hover-highlight');
|
| 93 |
-
span.classList.add('highlight');
|
| 94 |
-
console.log('left!');
|
| 95 |
-
}
|
| 96 |
-
this.classList.remove('highlight');
|
| 97 |
-
});
|
| 98 |
-
});
|
| 99 |
-
});
|
| 100 |
-
|
| 101 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 102 |
-
span.addEventListener('mouseenter', function() {
|
| 103 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 104 |
-
if (span !== this) {
|
| 105 |
-
span.classList.remove('highlight');
|
| 106 |
-
span.classList.add('not-hover-highlight');
|
| 107 |
-
}
|
| 108 |
-
});
|
| 109 |
-
const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
|
| 110 |
-
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 111 |
-
if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
|
| 112 |
-
sentence.classList.add('highlight');
|
| 113 |
-
}
|
| 114 |
-
});
|
| 115 |
-
});
|
| 116 |
-
});
|
| 117 |
-
|
| 118 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 119 |
-
span.addEventListener('mouseleave', function() {
|
| 120 |
-
const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
|
| 121 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 122 |
-
if (span !== this) {
|
| 123 |
-
span.classList.remove('not-hover-highlight');
|
| 124 |
-
span.classList.add('highlight');
|
| 125 |
-
}
|
| 126 |
-
});
|
| 127 |
-
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 128 |
-
if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
|
| 129 |
-
sentence.classList.remove('highlight');
|
| 130 |
-
}
|
| 131 |
-
});
|
| 132 |
-
});
|
| 133 |
-
});
|
| 134 |
-
|
| 135 |
-
</script>
|
| 136 |
-
</body>
|
| 137 |
-
</html>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
html_files/test/120.html
DELETED
|
@@ -1,137 +0,0 @@
|
|
| 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: 30%;
|
| 25 |
-
font-size: 1.0rem;
|
| 26 |
-
padding: 10px;
|
| 27 |
-
height: 40vh; /* 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: 40vh; /* 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 spent two nights here in May, 2011 and really enjoyed it. <span class='review-span highlight' data-aligned-summaries='2'>The location is excellent, on a quiet side street</span> just off the Piazza della Repubblica, <span class='review-span highlight' data-aligned-summaries='2'>close to the metro and a step-on, step-off city tour bus stop</span>. <span class='review-span highlight' data-aligned-summaries='2'>We were able to easily reach the principal city sights from there</span>. <span class='review-span highlight' data-aligned-summaries='3'>Our room was large</span> and very well appointed (and I love that 1940s style elevator to get you there!) The staff was excellent, very helpful. (I had trouble backing up some photos from my camera to a flash drive and they assisted me.) There are a number of very good restaurants nearby so you dont have to fight the tourist hordes around the Spanish Steps or the Fountain of Trevi. Well go back when were in Rome.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>This is a cozy</span>, <span class='review-span highlight' data-aligned-summaries='2'>tucked-away</span> <span class='review-span highlight' data-aligned-summaries='0 2'>retreat</span> <span class='review-span highlight' data-aligned-summaries='2'>from the busy streets of Rome</span>. Our room was quiet and <span class='review-span highlight' data-aligned-summaries='4'>the owner was</span> attentive and <span class='review-span highlight' data-aligned-summaries='4'>helpful</span> (spoke English well). The <span class='review-span highlight' data-aligned-summaries='5'>breakfast</span> room is a warm and inviting setting <span class='review-span highlight' data-aligned-summaries='5'>with a decent variety of food</span>. The bed was not very comfortable (although I am extremely picky) but every other part of our stay was enjoyable. We stayed at this location three nights and <span class='review-span highlight' data-aligned-summaries='2'>were able to walk comfortably to all major sights</span> without problem. I will not rave about this hotel, but I found nothing materially wrong with it either. This is a typical 2-3 star hotel and makes up for its lack of "grandness" by having a fantastically helpful and friendly staff.</div><div class='text-box'>We stayed two nights at this hotel. We found the staff very friendly, and helpful. <span class='review-span highlight' data-aligned-summaries='3'>Our room was clean and of a good size</span>. If you want to experience true italian culture, then this family is for you. <span class='review-span highlight' data-aligned-summaries='5'>The breakfast was continental, and very good</span> and ample. If you want scrambled eggs and bacon when you are in Europe, then stay home. If you want to enjoy the culture you are in then <span class='review-span highlight' data-aligned-summaries='4'>ask this facility for recommendations for restaurants, side trips, etc., they are more than accommodating</span>. We will definately use this hotel on our next visit.</div><div class='text-box'>We couldn't have been more pleased with our stay in Oceania. We had a <span class='review-span highlight' data-aligned-summaries='3'>double room</span> that <span class='review-span highlight' data-aligned-summaries='3'>was spotless and also quite spacious</span>. <span class='review-span highlight' data-aligned-summaries='4'>The staff were all very friendly and helpful and answered any questions we had</span> on places to visit etc. <span class='review-span highlight' data-aligned-summaries='7'>The internet access was very useful and was free</span>. <span class='review-span highlight' data-aligned-summaries='5'>Breakfast was lovely - breads, pastries, juices and coffee</span>. <span class='review-span highlight' data-aligned-summaries='2'>The hotel is in an ideal location</span>, <span class='review-span highlight' data-aligned-summaries='2'>close to all the main sites</span> and <span class='review-span highlight' data-aligned-summaries='2'>on a nice quiet street</span>. Would love to go back!</div><div class='text-box'>I booked a 3 night stay at Hotel Oceania based on a recommendation from Rick Steves. <span class='review-span highlight' data-aligned-summaries='2'>The location is definately convienent</span> as it is <span class='review-span highlight' data-aligned-summaries='2'>a short walk from the train station which is also thier main center for Rome's subway and bus systems</span>. <span class='review-span highlight' data-aligned-summaries='7'>Internet was available in the lobby, but was not available in the room</span> since the wireless was not working correctly. <span class='review-span highlight' data-aligned-summaries='0'>The room was clean and the hotel was nice but our overall experience was just ok</span>.</div><div class='text-box'>We had a wonderful experience at the Hotel Oceania. <span class='review-span highlight' data-aligned-summaries='2'>The location is excellent</span> with public transportation, great restaurants and shopping very nearby. <span class='review-span highlight' data-aligned-summaries='3'>The rooms were</span> quiet and <span class='review-span highlight' data-aligned-summaries='3'>clean</span>. <span class='review-span highlight' data-aligned-summaries='4'>The staff was</span> very gracious and <span class='review-span highlight' data-aligned-summaries='4'>helpful</span> and the <span class='review-span highlight' data-aligned-summaries='5'>serve really delicious coffee</span>! Rick Steves (2012) certainly didn't disappoint.</div><div class='text-box'>We stayed just one night but will surely stay here when again in Rome. <span class='review-span highlight' data-aligned-summaries='3'>Large</span> old <span class='review-span highlight' data-aligned-summaries='3'>room</span> with <span class='review-span highlight' data-aligned-summaries='3'>great renovated bathroom</span>. <span class='review-span highlight' data-aligned-summaries='0 3'>Very</span> <span class='review-span highlight' data-aligned-summaries='3'>clean</span> and <span class='review-span highlight' data-aligned-summaries='0'>comfortable</span>. <span class='review-span highlight' data-aligned-summaries='4'>Staff couldn't be</span> nicer or <span class='review-span highlight' data-aligned-summaries='4'>more helpful</span>. Even <span class='review-span highlight' data-aligned-summaries='6'>packed us a take away breakfast</span> because we had to leave early.</div><div class='text-box'>We would stay here again. <span class='review-span highlight' data-aligned-summaries='2'>Great location</span>, <span class='review-span highlight' data-aligned-summaries='3'>spacious rooms</span>, good, friendly service. <span class='review-span highlight' data-aligned-summaries='1'>A bonus was classical music drifting up from the opera school on the level below</span>.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">It was such a comfortable experience here at this hotel and nice bonus</span> <span id="1" class="summary-sentence">there was classical music that came from a nearby opera school.</span> <span id="2" class="summary-sentence">Excellent location for that is on a quiet street, but also allow easy reach for principal city sights; the metro and city tour bus stop are really close.</span> <span id="3" class="summary-sentence">Clean and large room with a great renovated bathroom.</span> <span id="4" class="summary-sentence">The staff are a wealth of knowledge about the nearby restaurants , side trips, which was was super helpful.</span> <span id="5" class="summary-sentence">The breakfast not only has lots of choice but the quality of the continental foods and drinks on offer was great.</span> <span id="6" class="summary-sentence">They also provide take away breakfast.</span> <span id="7" class="summary-sentence">No wireless internet in the rooms, only available in the lobby.</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 |
-
console.log('entered!');
|
| 83 |
-
}
|
| 84 |
-
});
|
| 85 |
-
this.classList.add('highlight');
|
| 86 |
-
});
|
| 87 |
-
|
| 88 |
-
sentence.addEventListener('mouseleave', function() {
|
| 89 |
-
const summaryId = this.getAttribute('id');
|
| 90 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 91 |
-
if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
|
| 92 |
-
span.classList.remove('not-hover-highlight');
|
| 93 |
-
span.classList.add('highlight');
|
| 94 |
-
console.log('left!');
|
| 95 |
-
}
|
| 96 |
-
this.classList.remove('highlight');
|
| 97 |
-
});
|
| 98 |
-
});
|
| 99 |
-
});
|
| 100 |
-
|
| 101 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 102 |
-
span.addEventListener('mouseenter', function() {
|
| 103 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 104 |
-
if (span !== this) {
|
| 105 |
-
span.classList.remove('highlight');
|
| 106 |
-
span.classList.add('not-hover-highlight');
|
| 107 |
-
}
|
| 108 |
-
});
|
| 109 |
-
const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
|
| 110 |
-
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 111 |
-
if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
|
| 112 |
-
sentence.classList.add('highlight');
|
| 113 |
-
}
|
| 114 |
-
});
|
| 115 |
-
});
|
| 116 |
-
});
|
| 117 |
-
|
| 118 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 119 |
-
span.addEventListener('mouseleave', function() {
|
| 120 |
-
const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
|
| 121 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 122 |
-
if (span !== this) {
|
| 123 |
-
span.classList.remove('not-hover-highlight');
|
| 124 |
-
span.classList.add('highlight');
|
| 125 |
-
}
|
| 126 |
-
});
|
| 127 |
-
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 128 |
-
if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
|
| 129 |
-
sentence.classList.remove('highlight');
|
| 130 |
-
}
|
| 131 |
-
});
|
| 132 |
-
});
|
| 133 |
-
});
|
| 134 |
-
|
| 135 |
-
</script>
|
| 136 |
-
</body>
|
| 137 |
-
</html>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
html_files/test/121.html
DELETED
|
@@ -1,137 +0,0 @@
|
|
| 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: 30%;
|
| 25 |
-
font-size: 1.0rem;
|
| 26 |
-
padding: 10px;
|
| 27 |
-
height: 40vh; /* 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: 40vh; /* 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 spent two nights here in May, 2011 and really enjoyed it. <span class='review-span highlight' data-aligned-summaries='2 3'>The location is excellent</span>,<span class='review-span highlight' data-aligned-summaries='3'> on a quiet side street just off the Piazza della Repubblica, close to the metro and a step-on, step-off city tour bus stop. We were able to easily reach the principal city sights from there</span>. <span class='review-span highlight' data-aligned-summaries='1'>Our room was large and very well appointed</span> (and I love that 1940s style elevator to get you there!) The staff was excellent, very helpful. (I had trouble backing up some photos from my camera to a flash drive and they assisted me.) There are a number of very good restaurants nearby so you dont have to fight the tourist hordes around the Spanish Steps or the Fountain of Trevi. Well go back when were in Rome.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='2'>This is a cozy, tucked-away retreat from the busy streets of Rome</span>. Our room was quiet and the owner was attentive and helpful (spoke English well). The <span class='review-span highlight' data-aligned-summaries='5'>breakfast room is a warm and inviting setting with a decent variety of food</span>. The bed was not very comfortable (although I am extremely picky) but every other part of our stay was enjoyable. We stayed at this location three nights and were able to walk comfortably to all major sights without problem. I will not rave about this hotel, but I found nothing materially wrong with it either. <span class='review-span highlight' data-aligned-summaries='0'>This is a typical 2-3 star hotel and makes up for its lack of "grandness" by having a fantastically helpful and friendly staff</span>.</div><div class='text-box'>We stayed two nights at this hotel. <span class='review-span highlight' data-aligned-summaries='0'>We found the staff very friendly, and helpful</span>. <span class='review-span highlight' data-aligned-summaries='1'>Our room was clean</span> and of a good size. If you want to experience true italian culture, then this family is for you. <span class='review-span highlight' data-aligned-summaries='5'>The breakfast was continental, and very good and ample</span>. If you want scrambled eggs and bacon when you are in Europe, then stay home. If you want to enjoy the culture you are in then ask this facility for recommendations for restaurants, side trips, etc., they are more than accommodating. We will definately use this hotel on our next visit.</div><div class='text-box'>We couldn't have been more pleased with our stay in Oceania. We <span class='review-span highlight' data-aligned-summaries='4'>had a double room that was spotless</span> and also quite spacious. The <span class='review-span highlight' data-aligned-summaries='0'>staff were all very friendly</span> and helpful and answered any questions we had on places to visit etc. <span class='review-span highlight' data-aligned-summaries='7'>The internet access was</span> very <span class='review-span highlight' data-aligned-summaries='7'>useful</span> and was free. <span class='review-span highlight' data-aligned-summaries='5'>Breakfast was</span> lovely - <span class='review-span highlight' data-aligned-summaries='5'>breads</span>, <span class='review-span highlight' data-aligned-summaries='5'>pastries</span>, <span class='review-span highlight' data-aligned-summaries='5'>juices</span> and <span class='review-span highlight' data-aligned-summaries='5'>coffee</span>. The <span class='review-span highlight' data-aligned-summaries='2'>hotel is in an ideal location</span>, close to all the main sites and <span class='review-span highlight' data-aligned-summaries='1'>on a nice quiet street</span>. Would love to go back!</div><div class='text-box'>I booked a 3 night stay at Hotel Oceania based on a recommendation from Rick Steves. <span class='review-span highlight' data-aligned-summaries='2'>The location is definately convienent</span> as <span class='review-span highlight' data-aligned-summaries='3'>it is a short walk from the train station which is also thier main center for Rome's subway and bus systems</span>. <span class='review-span highlight' data-aligned-summaries='7'>Internet was available in the lobby, but was not available in the room since the wireless was not working correctly</span>. <span class='review-span highlight' data-aligned-summaries='1 4'>The room was clean</span> and the hotel was nice but our overall experience was just ok.</div><div class='text-box'>We had a wonderful experience at the Hotel Oceania. <span class='review-span highlight' data-aligned-summaries='2'>The location is excellent</span> with public transportation, great restaurants and shopping very nearby. <span class='review-span highlight' data-aligned-summaries='0 4'>The rooms</span> <span class='review-span highlight' data-aligned-summaries='0'>were quiet and</span> <span class='review-span highlight' data-aligned-summaries='0 4'>clean</span>. <span class='review-span highlight' data-aligned-summaries='0'>The staff was very gracious and helpful</span> and the serve really <span class='review-span highlight' data-aligned-summaries='5'>delicious coffee</span>! Rick Steves (2012) certainly didn't disappoint.</div><div class='text-box'>We stayed just one night but will surely stay here when again in Rome. Large <span class='review-span highlight' data-aligned-summaries='4'>old room with great renovated bathroom</span>. <span class='review-span highlight' data-aligned-summaries='1 4'>Very clean</span> <span class='review-span highlight' data-aligned-summaries='1'>and comfortable</span>. Staff couldn't be nicer or more helpful. <span class='review-span highlight' data-aligned-summaries='6'>Even packed us a take away breakfast because we had to leave early</span>.</div><div class='text-box'>We would stay here again. <span class='review-span highlight' data-aligned-summaries='2'>Great location</span>, spacious rooms, good, friendly service. <span class='review-span highlight' data-aligned-summaries='1'>A bonus was classical music drifting up from the opera school on the level below</span>.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">The Oceania is a 2 - 3 star hotel but where it lacks in its grandeur it makes up for it with its staff.</span> <span id="1" class="summary-sentence">There is also the enjoyable music in the air from the nearby opera school and the hotel is not only comfortable but clean.</span> <span id="2" class="summary-sentence">The hotel's location is excellent.</span> <span id="3" class="summary-sentence">It lies just off of the Piazza della Repubblica on a quiet street and is close to buses and trains to allow reaching the city and sights easily.</span> <span id="4" class="summary-sentence">The hotel had a spotlessly clean, old double room with a great renovated bathroom.</span> <span id="5" class="summary-sentence">Breakfast was an ample continental breakfast with bread, pastries, juices, and coffee.</span> <span id="6" class="summary-sentence">it was lovely and you can get it to take away if you need to leave early.</span> <span id="7" class="summary-sentence">The Internet was only available in the lobby.</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 |
-
console.log('entered!');
|
| 83 |
-
}
|
| 84 |
-
});
|
| 85 |
-
this.classList.add('highlight');
|
| 86 |
-
});
|
| 87 |
-
|
| 88 |
-
sentence.addEventListener('mouseleave', function() {
|
| 89 |
-
const summaryId = this.getAttribute('id');
|
| 90 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 91 |
-
if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
|
| 92 |
-
span.classList.remove('not-hover-highlight');
|
| 93 |
-
span.classList.add('highlight');
|
| 94 |
-
console.log('left!');
|
| 95 |
-
}
|
| 96 |
-
this.classList.remove('highlight');
|
| 97 |
-
});
|
| 98 |
-
});
|
| 99 |
-
});
|
| 100 |
-
|
| 101 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 102 |
-
span.addEventListener('mouseenter', function() {
|
| 103 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 104 |
-
if (span !== this) {
|
| 105 |
-
span.classList.remove('highlight');
|
| 106 |
-
span.classList.add('not-hover-highlight');
|
| 107 |
-
}
|
| 108 |
-
});
|
| 109 |
-
const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
|
| 110 |
-
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 111 |
-
if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
|
| 112 |
-
sentence.classList.add('highlight');
|
| 113 |
-
}
|
| 114 |
-
});
|
| 115 |
-
});
|
| 116 |
-
});
|
| 117 |
-
|
| 118 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 119 |
-
span.addEventListener('mouseleave', function() {
|
| 120 |
-
const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
|
| 121 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 122 |
-
if (span !== this) {
|
| 123 |
-
span.classList.remove('not-hover-highlight');
|
| 124 |
-
span.classList.add('highlight');
|
| 125 |
-
}
|
| 126 |
-
});
|
| 127 |
-
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 128 |
-
if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
|
| 129 |
-
sentence.classList.remove('highlight');
|
| 130 |
-
}
|
| 131 |
-
});
|
| 132 |
-
});
|
| 133 |
-
});
|
| 134 |
-
|
| 135 |
-
</script>
|
| 136 |
-
</body>
|
| 137 |
-
</html>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
html_files/test/122.html
DELETED
|
@@ -1,137 +0,0 @@
|
|
| 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: 30%;
|
| 25 |
-
font-size: 1.0rem;
|
| 26 |
-
padding: 10px;
|
| 27 |
-
height: 40vh; /* 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: 40vh; /* 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 spent two nights here in May, 2011 and really enjoyed it. <span class='review-span highlight' data-aligned-summaries='1 2'>The location is</span> <span class='review-span highlight' data-aligned-summaries='1'>excellent</span>, <span class='review-span highlight' data-aligned-summaries='2'>on a quiet side street just off the Piazza della Repubblica, close to the metro and</span> a step-on, step-off city tour bus stop. <span class='review-span highlight' data-aligned-summaries='2'>We were able to easily reach the principal city sights</span> from there. <span class='review-span highlight' data-aligned-summaries='3'>Our room was large</span> and very well appointed (and I love that 1940s style elevator to get you there!) The staff was excellent, very helpful. (I had trouble backing up some photos from my camera to a flash drive and they assisted me.) There are a number of very good restaurants nearby so you dont have to fight the tourist hordes around the Spanish Steps or the Fountain of Trevi. Well go back when were in Rome.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='2'>This is a cozy, tucked-away retreat from the busy streets of Rome</span>. Our room was quiet and the owner was attentive and helpful (spoke English well). <span class='review-span highlight' data-aligned-summaries='4'>The breakfast room is a warm and inviting setting with a decent variety of food</span>. The bed was not very comfortable (although I am extremely picky) but every other part of our stay was enjoyable. We stayed at this location three nights and were able to walk comfortably to all major sights without problem. I will not rave about this hotel, but I found nothing materially wrong with it either. This is a typical 2-3 star hotel and makes up for its lack of "grandness" by having a fantastically helpful and friendly staff.</div><div class='text-box'>We stayed two nights at this hotel. We found the staff very friendly, and helpful. <span class='review-span highlight' data-aligned-summaries='3'>Our room was clean and of a good size</span>. If you want to experience true italian culture, then this family is for you. <span class='review-span highlight' data-aligned-summaries='4'>The breakfast was continental</span>, and very good and ample. If you want scrambled eggs and bacon when you are in Europe, then stay home. If you want to enjoy the culture you are in then ask this facility for recommendations for restaurants, side trips, etc., they are more than accommodating. We will definately use this hotel on our next visit.</div><div class='text-box'>We couldn't have been more pleased with our stay in Oceania. <span class='review-span highlight' data-aligned-summaries='3'>We had a double room that was spotless and also quite spacious</span>. The staff were all very friendly and helpful and answered any questions we had on places to visit etc. <span class='review-span highlight' data-aligned-summaries='6'>The internet access was very useful</span> and was free. <span class='review-span highlight' data-aligned-summaries='4'>Breakfast was lovely - breads, pastries, juices and coffee</span>. <span class='review-span highlight' data-aligned-summaries='1 2'>The hotel is</span> <span class='review-span highlight' data-aligned-summaries='1'>in an ideal location</span>, <span class='review-span highlight' data-aligned-summaries='2'>close to all the main sites</span> and <span class='review-span highlight' data-aligned-summaries='2'>on a nice quiet street</span>. Would love to go back!</div><div class='text-box'>I booked a 3 night stay at <span class='review-span highlight' data-aligned-summaries='0'>Hotel Oceania</span> based on a recommendation from Rick Steves. <span class='review-span highlight' data-aligned-summaries='1'>The location is definately convienent</span> as <span class='review-span highlight' data-aligned-summaries='2'>it is a short walk from the</span> train station which is also thier <span class='review-span highlight' data-aligned-summaries='2'>main center for Rome's subway</span> and bus systems. <span class='review-span highlight' data-aligned-summaries='6'>Internet was available in the lobby</span>, but was not available in the room since the wireless was not working correctly. <span class='review-span highlight' data-aligned-summaries='3'>The room was clean</span> and the hotel <span class='review-span highlight' data-aligned-summaries='0'>was nice but our overall experience was just ok</span>.</div><div class='text-box'>We had a wonderful experience at the Hotel Oceania. The <span class='review-span highlight' data-aligned-summaries='1'>location is excellent</span> with <span class='review-span highlight' data-aligned-summaries='2'>public transportation, great restaurants and shopping very nearby</span>. The <span class='review-span highlight' data-aligned-summaries='3'>rooms were</span> quiet and <span class='review-span highlight' data-aligned-summaries='3'>clean</span>. The staff was very gracious and helpful and the serve really delicious coffee! Rick Steves (2012) certainly didn't disappoint.</div><div class='text-box'>We stayed just one night but will surely stay here when again in Rome. <span class='review-span highlight' data-aligned-summaries='3'>Large</span> old <span class='review-span highlight' data-aligned-summaries='3'>room</span> with <span class='review-span highlight' data-aligned-summaries='3'>great renovated bathroom</span>. Very clean and comfortable. Staff couldn't be nicer or more helpful. Even <span class='review-span highlight' data-aligned-summaries='5'>packed us a take away breakfast because we had to leave early</span>.</div><div class='text-box'>We would stay here again. <span class='review-span highlight' data-aligned-summaries='1'>Great location</span>, <span class='review-span highlight' data-aligned-summaries='3'>spacious rooms</span>, good, friendly service. A <span class='review-span highlight' data-aligned-summaries='0'>bonus was classical music drifting up from the opera school</span> on the level below.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">The Hotel Oceania has classical music from the opera school below drifting up, which is very beautiful and atmospheric.</span> <span id="1" class="summary-sentence">The hotel is in an excellent location.</span> <span id="2" class="summary-sentence">It is situated on a quite side street close to Piazza della Repubblica, the metro and the principal sights of the city.</span> <span id="3" class="summary-sentence">The hotel's rooms are clean, spacious and with a renovated bathroom.</span> <span id="4" class="summary-sentence">A continental breakfast including breads, pastries, juices and coffee.</span> <span id="5" class="summary-sentence">There is the option to take away if needed.</span> <span id="6" class="summary-sentence">The hotel provided internet in the lobby,</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 |
-
console.log('entered!');
|
| 83 |
-
}
|
| 84 |
-
});
|
| 85 |
-
this.classList.add('highlight');
|
| 86 |
-
});
|
| 87 |
-
|
| 88 |
-
sentence.addEventListener('mouseleave', function() {
|
| 89 |
-
const summaryId = this.getAttribute('id');
|
| 90 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 91 |
-
if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
|
| 92 |
-
span.classList.remove('not-hover-highlight');
|
| 93 |
-
span.classList.add('highlight');
|
| 94 |
-
console.log('left!');
|
| 95 |
-
}
|
| 96 |
-
this.classList.remove('highlight');
|
| 97 |
-
});
|
| 98 |
-
});
|
| 99 |
-
});
|
| 100 |
-
|
| 101 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 102 |
-
span.addEventListener('mouseenter', function() {
|
| 103 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 104 |
-
if (span !== this) {
|
| 105 |
-
span.classList.remove('highlight');
|
| 106 |
-
span.classList.add('not-hover-highlight');
|
| 107 |
-
}
|
| 108 |
-
});
|
| 109 |
-
const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
|
| 110 |
-
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 111 |
-
if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
|
| 112 |
-
sentence.classList.add('highlight');
|
| 113 |
-
}
|
| 114 |
-
});
|
| 115 |
-
});
|
| 116 |
-
});
|
| 117 |
-
|
| 118 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 119 |
-
span.addEventListener('mouseleave', function() {
|
| 120 |
-
const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
|
| 121 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 122 |
-
if (span !== this) {
|
| 123 |
-
span.classList.remove('not-hover-highlight');
|
| 124 |
-
span.classList.add('highlight');
|
| 125 |
-
}
|
| 126 |
-
});
|
| 127 |
-
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 128 |
-
if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
|
| 129 |
-
sentence.classList.remove('highlight');
|
| 130 |
-
}
|
| 131 |
-
});
|
| 132 |
-
});
|
| 133 |
-
});
|
| 134 |
-
|
| 135 |
-
</script>
|
| 136 |
-
</body>
|
| 137 |
-
</html>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
html_files/test/123.html
DELETED
|
@@ -1,137 +0,0 @@
|
|
| 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: 30%;
|
| 25 |
-
font-size: 1.0rem;
|
| 26 |
-
padding: 10px;
|
| 27 |
-
height: 40vh; /* 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: 40vh; /* Maximum height to a third of the viewport height */
|
| 37 |
-
overflow-y: auto; /* Enable vertical scrolling */
|
| 38 |
-
background-color: #9e9e9e0a; /* Light grey background */
|
| 39 |
-
}
|
| 40 |
-
.text-box {
|
| 41 |
-
width: calc(100% - 20px); /* Adjust based on padding */
|
| 42 |
-
margin: 10px;
|
| 43 |
-
padding: 10px;
|
| 44 |
-
background-color: #9e9e9e0a; /* Light grey background */
|
| 45 |
-
color: #606060bf;
|
| 46 |
-
border: 2px solid #ddd; /* Cartoonish border */
|
| 47 |
-
border-radius: 20px; /* Rounded corners for cartoonish effect */
|
| 48 |
-
position: relative;
|
| 49 |
-
box-shadow: 3px 3px #bbb; /* Soft shadow for depth */
|
| 50 |
-
}
|
| 51 |
-
.text-box:before {
|
| 52 |
-
content: '';
|
| 53 |
-
position: absolute;
|
| 54 |
-
right: 100%;
|
| 55 |
-
bottom: 20%;
|
| 56 |
-
border-top: 10px solid transparent;
|
| 57 |
-
border-bottom: 10px solid transparent;
|
| 58 |
-
border-right: 10px solid #ddd; /* Arrow matching the border */
|
| 59 |
-
}
|
| 60 |
-
.summary-box {
|
| 61 |
-
padding: 10px;
|
| 62 |
-
margin: 10px 0;
|
| 63 |
-
background-color: #e6e6fa; /* Lavender background for a pleasant look */
|
| 64 |
-
border: 1px solid #ddd; /* Light border for definition */
|
| 65 |
-
border-radius: 5px; /* Slightly rounded corners */
|
| 66 |
-
box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* Soft shadow for depth */
|
| 67 |
-
cursor: pointer;
|
| 68 |
-
}
|
| 69 |
-
h4 { margin-top: 0; }
|
| 70 |
-
</style>
|
| 71 |
-
</head>
|
| 72 |
-
<body>
|
| 73 |
-
<div class='column reviews'><h2>Reviews</h2><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>I feel the hotel is slightly overrated</span>. The setting is fine, and <span class='review-span highlight' data-aligned-summaries='2'>there are lovely orange trees in the nice court yards of the smallish complex</span>. However <span class='review-span highlight' data-aligned-summaries='3'>the rooms are noisy with</span> tilen floors and <span class='review-span highlight' data-aligned-summaries='3'>banging doors</span>. The room window gives unto the open tilen pathway leading past the doors. <span class='review-span highlight' data-aligned-summaries='4'>Breakfast is</span> ok but <span class='review-span highlight' data-aligned-summaries='4'>basic</span>. There is free internet available amidst the breakfast tables. Staff seems a little scarce, with the couple serving breakfast later in the day cleaning the rooms. What is missing however is the loving hand. For instance all flowers are made of plastic, even the azaleas and cyclamen outside in the garden. <span class='review-span highlight' data-aligned-summaries='0'>The personal touch somehow seems missing</span>, and that really is a pity.</div><div class='text-box'>Hotel Santa Maria is a delightful, cheery & quiet place to stay, tucked away in a small street in Trastevere, Antonio (manager) is molto simpatico - friendly and very helpful. The hotel is not a fancy place, but quite comfy enough, with a <span class='review-span highlight' data-aligned-summaries='4'>good breakfast buffet</span>, which you can eat in the <span class='review-span highlight' data-aligned-summaries='2'>lovely courtyard full of orange trees</span>. The colorful <span class='review-span highlight' data-aligned-summaries='1'>neighborhood is great for walking around</span>, <span class='review-span highlight' data-aligned-summaries='1'>lots of shops & outdoor restaurants</span> that stay open late. You <span class='review-span highlight' data-aligned-summaries='1'>can easily walk to other sites in the city</span>, though we mostly took cabs to centro to save time.</div><div class='text-box'>I found this area of Rome to be very special and <span class='review-span highlight' data-aligned-summaries='0'>the Hotel Santa Maria was more than I had expected</span>. I enjoyed the peace and serentity with the safety gates, beautiful breakfast which could be taken either in the eating area or courtyard and a nice wine bar with appetizers. <span class='review-span highlight' data-aligned-summaries='3'>The rooms were clean and well maintained</span>. Personnel were outstanding to work with. <span class='review-span highlight' data-aligned-summaries='1'>The Trastevere area is near all of the major attractions</span> and yet, <span class='review-span highlight' data-aligned-summaries='1'>it is magical to stroll through a maze of fascinating medieval streets with some of the best restaurants in Rome</span>.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>Wonderful place to stay</span>! <span class='review-span highlight' data-aligned-summaries='0'>An intimate, cozy place</span>-<span class='review-span highlight' data-aligned-summaries='2'>loved the orange-tree courtyard</span>. Front desk personnel was most helpful. Cleaning/cooking staff wonderful-<span class='review-span highlight' data-aligned-summaries='3'>very clean rooms</span>. <span class='review-span highlight' data-aligned-summaries='4'>Breakfasts very filling and tasty</span>-<span class='review-span highlight' data-aligned-summaries='5'>the scrambled eggs</span> and cappuccino <span class='review-span highlight' data-aligned-summaries='5'>were my favorites</span>. Neighborhood not touristy. <span class='review-span highlight' data-aligned-summaries='1'>15-minute walk to the Colosseum; 25 min. to St. Peter's</span>. They arranged driver for airport pickup and dropoff. <span class='review-span highlight' data-aligned-summaries='6'>Bells of neighboring Church could be sleep-disruptive for light sleepers, but earplugs blocked the noise</span>.</div><div class='text-box'>Accomodating people who are always pleasent. <span class='review-span highlight' data-aligned-summaries='4'>Good breakfast</span>. A block from Santa Maria Maggiore and Ponte Sisto but tucked away from all bustle. We <span class='review-span highlight' data-aligned-summaries='1'>walked to the center of Rome</span>, Campo Fiore, Janiculum, all over Trastevere. Close to #8 tram with connections to airport, Tivoli and all of Rome. Private courtyard through gated drive. A good refuge for tired feet and bodies. We would go back.</div><div class='text-box'>We stayed here for five nights. <span class='review-span highlight' data-aligned-summaries='1'>a great base for exploring Rome</span>; thank heavens we took a taxi - we'd never have found it by ourselves! Right in the middle of Trastevere, <span class='review-span highlight' data-aligned-summaries='1'>ideal for restaurants</span> etc. <span class='review-span highlight' data-aligned-summaries='3'>Nice room</span>, pity <span class='review-span highlight' data-aligned-summaries='3'>next doors plumbing is so noisy</span> though, otherwise very peaceful. Very nice staff - would stay here again.</div><div class='text-box'>Spent 4 restful nights at a <span class='review-span highlight' data-aligned-summaries='3'>lovely oasis of calm</span> in Trastevere. <span class='review-span highlight' data-aligned-summaries='0'>Very well looked after, nothing was too much trouble</span>. <span class='review-span highlight' data-aligned-summaries='1'>Very convenient for all parts of Rome and Vatican</span>. Lovely that <span class='review-span highlight' data-aligned-summaries='3'>rooms opened out into open air of courtyards</span>.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>This was a charming, albeit somewhat pricey, refuge from the overload of Rome</span>. The employees were wonderful and the setting very peaceful. <span class='review-span highlight' data-aligned-summaries='1'>The location was also very handy</span>, and I would definitely stay here again.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">The hotel seems to be missing the personal details and it is perhaps slightly overrated.</span> <span id="1" class="summary-sentence">This hotel is beautifully set for walking to great sites of the city as well as shops and outdoor restaurants located close-by.</span> <span id="2" class="summary-sentence">The small complex that the hotel is located within had some beautiful orange trees as well, adding to the colourful neighbourhood.</span> <span id="3" class="summary-sentence">The rooms here are really lovely although were a bit noisy with doors banging.</span> <span id="4" class="summary-sentence">The breakfast buffet was really tasty if a little bit basic.</span> <span id="5" class="summary-sentence">The scrambled eggs are highly recommended.</span> <span id="6" class="summary-sentence">There was some noise coming from the bells of the nearby church therefore it is recommended to bring earplugs.</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 |
-
console.log('entered!');
|
| 83 |
-
}
|
| 84 |
-
});
|
| 85 |
-
this.classList.add('highlight');
|
| 86 |
-
});
|
| 87 |
-
|
| 88 |
-
sentence.addEventListener('mouseleave', function() {
|
| 89 |
-
const summaryId = this.getAttribute('id');
|
| 90 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 91 |
-
if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
|
| 92 |
-
span.classList.remove('not-hover-highlight');
|
| 93 |
-
span.classList.add('highlight');
|
| 94 |
-
console.log('left!');
|
| 95 |
-
}
|
| 96 |
-
this.classList.remove('highlight');
|
| 97 |
-
});
|
| 98 |
-
});
|
| 99 |
-
});
|
| 100 |
-
|
| 101 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 102 |
-
span.addEventListener('mouseenter', function() {
|
| 103 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 104 |
-
if (span !== this) {
|
| 105 |
-
span.classList.remove('highlight');
|
| 106 |
-
span.classList.add('not-hover-highlight');
|
| 107 |
-
}
|
| 108 |
-
});
|
| 109 |
-
const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
|
| 110 |
-
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 111 |
-
if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
|
| 112 |
-
sentence.classList.add('highlight');
|
| 113 |
-
}
|
| 114 |
-
});
|
| 115 |
-
});
|
| 116 |
-
});
|
| 117 |
-
|
| 118 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 119 |
-
span.addEventListener('mouseleave', function() {
|
| 120 |
-
const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
|
| 121 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 122 |
-
if (span !== this) {
|
| 123 |
-
span.classList.remove('not-hover-highlight');
|
| 124 |
-
span.classList.add('highlight');
|
| 125 |
-
}
|
| 126 |
-
});
|
| 127 |
-
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 128 |
-
if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
|
| 129 |
-
sentence.classList.remove('highlight');
|
| 130 |
-
}
|
| 131 |
-
});
|
| 132 |
-
});
|
| 133 |
-
});
|
| 134 |
-
|
| 135 |
-
</script>
|
| 136 |
-
</body>
|
| 137 |
-
</html>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
html_files/test/124.html
DELETED
|
@@ -1,137 +0,0 @@
|
|
| 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: 30%;
|
| 25 |
-
font-size: 1.0rem;
|
| 26 |
-
padding: 10px;
|
| 27 |
-
height: 40vh; /* 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: 40vh; /* Maximum height to a third of the viewport height */
|
| 37 |
-
overflow-y: auto; /* Enable vertical scrolling */
|
| 38 |
-
background-color: #9e9e9e0a; /* Light grey background */
|
| 39 |
-
}
|
| 40 |
-
.text-box {
|
| 41 |
-
width: calc(100% - 20px); /* Adjust based on padding */
|
| 42 |
-
margin: 10px;
|
| 43 |
-
padding: 10px;
|
| 44 |
-
background-color: #9e9e9e0a; /* Light grey background */
|
| 45 |
-
color: #606060bf;
|
| 46 |
-
border: 2px solid #ddd; /* Cartoonish border */
|
| 47 |
-
border-radius: 20px; /* Rounded corners for cartoonish effect */
|
| 48 |
-
position: relative;
|
| 49 |
-
box-shadow: 3px 3px #bbb; /* Soft shadow for depth */
|
| 50 |
-
}
|
| 51 |
-
.text-box:before {
|
| 52 |
-
content: '';
|
| 53 |
-
position: absolute;
|
| 54 |
-
right: 100%;
|
| 55 |
-
bottom: 20%;
|
| 56 |
-
border-top: 10px solid transparent;
|
| 57 |
-
border-bottom: 10px solid transparent;
|
| 58 |
-
border-right: 10px solid #ddd; /* Arrow matching the border */
|
| 59 |
-
}
|
| 60 |
-
.summary-box {
|
| 61 |
-
padding: 10px;
|
| 62 |
-
margin: 10px 0;
|
| 63 |
-
background-color: #e6e6fa; /* Lavender background for a pleasant look */
|
| 64 |
-
border: 1px solid #ddd; /* Light border for definition */
|
| 65 |
-
border-radius: 5px; /* Slightly rounded corners */
|
| 66 |
-
box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* Soft shadow for depth */
|
| 67 |
-
cursor: pointer;
|
| 68 |
-
}
|
| 69 |
-
h4 { margin-top: 0; }
|
| 70 |
-
</style>
|
| 71 |
-
</head>
|
| 72 |
-
<body>
|
| 73 |
-
<div class='column reviews'><h2>Reviews</h2><div class='text-box'>I feel the hotel is slightly overrated. <span class='review-span highlight' data-aligned-summaries='0'>The setting is fine, and</span> <span class='review-span highlight' data-aligned-summaries='0 2 6'>there are lovely orange trees</span> <span class='review-span highlight' data-aligned-summaries='2 6'>in the nice court yards</span> of the smallish complex. However <span class='review-span highlight' data-aligned-summaries='5'>the rooms are noisy with tilen floors</span> and banging doors. The room window gives unto the open tilen pathway leading past the doors. <span class='review-span highlight' data-aligned-summaries='6'>Breakfast is ok but basic</span>. There is free internet available amidst the breakfast tables. Staff seems a little scarce, with the couple serving breakfast later in the day cleaning the rooms. What is missing however is the loving hand. For instance all flowers are made of plastic, even the azaleas and cyclamen outside in the garden. The personal touch somehow seems missing, and that really is a pity.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0 2'>Hotel Santa Maria is a delightful, cheery & quiet place to stay</span>,<span class='review-span highlight' data-aligned-summaries='2'></span> <span class='review-span highlight' data-aligned-summaries='0 2'>tucked away in a small street in Trastevere</span>, Antonio (manager) is molto simpatico - friendly and very helpful. The hotel is not a fancy place, but quite comfy enough, with <span class='review-span highlight' data-aligned-summaries='6'>a good breakfast buffet, which you can eat in the lovely courtyard full of orange trees</span>. <span class='review-span highlight' data-aligned-summaries='3'>The colorful neighborhood is great for</span> walking around, <span class='review-span highlight' data-aligned-summaries='3'>lots of</span> shops & <span class='review-span highlight' data-aligned-summaries='3'>outdoor restaurants</span> that stay open late. You can easily walk to other sites in the city, though we mostly took cabs to centro to save time.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>I found this area of Rome to be very special and the Hotel Santa Maria was more than I had expected</span>. I enjoyed the peace and serentity with the safety gates, <span class='review-span highlight' data-aligned-summaries='6'>beautiful breakfast which could be taken either in the</span> eating area or <span class='review-span highlight' data-aligned-summaries='6'>courtyard</span> and a nice wine bar with appetizers. The rooms were clean and well maintained. Personnel were outstanding to work with. <span class='review-span highlight' data-aligned-summaries='0 3'>The Trastevere area is near</span> <span class='review-span highlight' data-aligned-summaries='0'>all of the major attractions</span> and yet, it is magical to stroll through a maze of fascinating medieval streets with <span class='review-span highlight' data-aligned-summaries='3'>some of the best restaurants in Rome</span>.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>Wonderful place to stay!</span> <span class='review-span highlight' data-aligned-summaries='0 2'>An intimate, cozy place</span>-<span class='review-span highlight' data-aligned-summaries='2 6'>loved the orange-tree courtyard</span>. Front desk personnel was most helpful. Cleaning/cooking staff wonderful-very clean rooms. <span class='review-span highlight' data-aligned-summaries='6'>Breakfasts very filling and tasty</span>-the scrambled eggs and cappuccino were my favorites. Neighborhood not touristy. 15-minute walk to the Colosseum; 25 min. to St. Peter's. They arranged driver for airport pickup and dropoff. <span class='review-span highlight' data-aligned-summaries='7'>Bells of neighboring Church could be sleep-disruptive for light sleepers</span>, but earplugs blocked the noise.</div><div class='text-box'>Accomodating people who are always pleasent. <span class='review-span highlight' data-aligned-summaries='6'>Good breakfast</span>. <span class='review-span highlight' data-aligned-summaries='3'>A block from Santa Maria Maggiore</span> and <span class='review-span highlight' data-aligned-summaries='3'>Ponte Sisto</span> but tucked away from all bustle. We walked to the center of Rome, Campo Fiore, Janiculum, all over Trastevere. <span class='review-span highlight' data-aligned-summaries='0 4'>Close to #8 tram with connections to airport</span>, <span class='review-span highlight' data-aligned-summaries='4'>Tivoli</span> and <span class='review-span highlight' data-aligned-summaries='4'>all of Rome</span>. Private courtyard through gated drive. A good refuge for tired feet and bodies. We would go back.</div><div class='text-box'>We stayed here for five nights. <span class='review-span highlight' data-aligned-summaries='0'>a great base for exploring Rome</span>; thank heavens we took a taxi - we'd never have found it by ourselves! <span class='review-span highlight' data-aligned-summaries='3'>Right in the middle of Trastevere, ideal for restaurants</span> etc. Nice room, pity next doors plumbing is so noisy though, otherwise very peaceful. Very nice staff - would stay here again.</div><div class='text-box'>Spent 4 restful nights at a lovely oasis of calm in Trastevere. Very well looked after, nothing was too much trouble. <span class='review-span highlight' data-aligned-summaries='0'>Very convenient for all parts of Rome and Vatican</span>. <span class='review-span highlight' data-aligned-summaries='0 2 5'>Lovely that rooms opened out into open air of courtyards</span>.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='2'>This was a charming</span>, albeit <span class='review-span highlight' data-aligned-summaries='1'>somewhat pricey</span>, <span class='review-span highlight' data-aligned-summaries='2'>refuge</span> from the overload of Rome. <span class='review-span highlight' data-aligned-summaries='0'>The employees were wonderful and the setting very peaceful</span>. <span class='review-span highlight' data-aligned-summaries='3'>The location was also very handy</span>, and I would definitely stay here again.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">This hotel provides a wonderful, cosy and convenient place to stay.</span> <span id="1" class="summary-sentence">It is a little pricey</span> <span id="2" class="summary-sentence">however it's really charming.</span> <span id="3" class="summary-sentence">The hotel is ideally situated for local restaurants, being only a stone's throw from Santa Maria Maggiore and Ponte Sisto too.</span> <span id="4" class="summary-sentence">The hotel is close to a tram link to the airport, Tivoli and other areas in Rome.</span> <span id="5" class="summary-sentence">It was great that the rooms opened onto the courtyards but this and the tiled floors made them rather noisy.</span> <span id="6" class="summary-sentence">The hotel's breakfast was adequate but was nice to enjoy in a courtyard of orange trees.</span> <span id="7" class="summary-sentence">It is worth mentioning that the bell chimes from a nearby church can clearly be heard in the rooms, which may be a negative for some 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 |
-
console.log('entered!');
|
| 83 |
-
}
|
| 84 |
-
});
|
| 85 |
-
this.classList.add('highlight');
|
| 86 |
-
});
|
| 87 |
-
|
| 88 |
-
sentence.addEventListener('mouseleave', function() {
|
| 89 |
-
const summaryId = this.getAttribute('id');
|
| 90 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 91 |
-
if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
|
| 92 |
-
span.classList.remove('not-hover-highlight');
|
| 93 |
-
span.classList.add('highlight');
|
| 94 |
-
console.log('left!');
|
| 95 |
-
}
|
| 96 |
-
this.classList.remove('highlight');
|
| 97 |
-
});
|
| 98 |
-
});
|
| 99 |
-
});
|
| 100 |
-
|
| 101 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 102 |
-
span.addEventListener('mouseenter', function() {
|
| 103 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 104 |
-
if (span !== this) {
|
| 105 |
-
span.classList.remove('highlight');
|
| 106 |
-
span.classList.add('not-hover-highlight');
|
| 107 |
-
}
|
| 108 |
-
});
|
| 109 |
-
const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
|
| 110 |
-
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 111 |
-
if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
|
| 112 |
-
sentence.classList.add('highlight');
|
| 113 |
-
}
|
| 114 |
-
});
|
| 115 |
-
});
|
| 116 |
-
});
|
| 117 |
-
|
| 118 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 119 |
-
span.addEventListener('mouseleave', function() {
|
| 120 |
-
const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
|
| 121 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 122 |
-
if (span !== this) {
|
| 123 |
-
span.classList.remove('not-hover-highlight');
|
| 124 |
-
span.classList.add('highlight');
|
| 125 |
-
}
|
| 126 |
-
});
|
| 127 |
-
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 128 |
-
if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
|
| 129 |
-
sentence.classList.remove('highlight');
|
| 130 |
-
}
|
| 131 |
-
});
|
| 132 |
-
});
|
| 133 |
-
});
|
| 134 |
-
|
| 135 |
-
</script>
|
| 136 |
-
</body>
|
| 137 |
-
</html>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
html_files/test/125.html
DELETED
|
@@ -1,137 +0,0 @@
|
|
| 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: 30%;
|
| 25 |
-
font-size: 1.0rem;
|
| 26 |
-
padding: 10px;
|
| 27 |
-
height: 40vh; /* 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: 40vh; /* Maximum height to a third of the viewport height */
|
| 37 |
-
overflow-y: auto; /* Enable vertical scrolling */
|
| 38 |
-
background-color: #9e9e9e0a; /* Light grey background */
|
| 39 |
-
}
|
| 40 |
-
.text-box {
|
| 41 |
-
width: calc(100% - 20px); /* Adjust based on padding */
|
| 42 |
-
margin: 10px;
|
| 43 |
-
padding: 10px;
|
| 44 |
-
background-color: #9e9e9e0a; /* Light grey background */
|
| 45 |
-
color: #606060bf;
|
| 46 |
-
border: 2px solid #ddd; /* Cartoonish border */
|
| 47 |
-
border-radius: 20px; /* Rounded corners for cartoonish effect */
|
| 48 |
-
position: relative;
|
| 49 |
-
box-shadow: 3px 3px #bbb; /* Soft shadow for depth */
|
| 50 |
-
}
|
| 51 |
-
.text-box:before {
|
| 52 |
-
content: '';
|
| 53 |
-
position: absolute;
|
| 54 |
-
right: 100%;
|
| 55 |
-
bottom: 20%;
|
| 56 |
-
border-top: 10px solid transparent;
|
| 57 |
-
border-bottom: 10px solid transparent;
|
| 58 |
-
border-right: 10px solid #ddd; /* Arrow matching the border */
|
| 59 |
-
}
|
| 60 |
-
.summary-box {
|
| 61 |
-
padding: 10px;
|
| 62 |
-
margin: 10px 0;
|
| 63 |
-
background-color: #e6e6fa; /* Lavender background for a pleasant look */
|
| 64 |
-
border: 1px solid #ddd; /* Light border for definition */
|
| 65 |
-
border-radius: 5px; /* Slightly rounded corners */
|
| 66 |
-
box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* Soft shadow for depth */
|
| 67 |
-
cursor: pointer;
|
| 68 |
-
}
|
| 69 |
-
h4 { margin-top: 0; }
|
| 70 |
-
</style>
|
| 71 |
-
</head>
|
| 72 |
-
<body>
|
| 73 |
-
<div class='column reviews'><h2>Reviews</h2><div class='text-box'>I feel the hotel is slightly overrated. <span class='review-span highlight' data-aligned-summaries='1'>The setting is fine,</span> <span class='review-span highlight' data-aligned-summaries='1 8'>and there are lovely orange trees in the nice court yards</span> of the smallish complex. <span class='review-span highlight' data-aligned-summaries='5'>However the rooms are noisy with tilen floors and banging doors</span>. The room window gives unto the open tilen pathway leading past the doors. <span class='review-span highlight' data-aligned-summaries='7'>Breakfast is ok but basic</span>. There is free internet available amidst the breakfast tables. <span class='review-span highlight' data-aligned-summaries='6'>Staff seems a little scarce</span>, with the couple serving breakfast later in the day cleaning the rooms. What is missing however is the loving hand. For instance all flowers are made of plastic, even the azaleas and cyclamen outside in the garden. <span class='review-span highlight' data-aligned-summaries='0 1'>The personal touch somehow seems missing</span>, and that really is a pity.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='1 2'>Hotel Santa Maria is</span> <span class='review-span highlight' data-aligned-summaries='1'>a delightful, cheery & quiet place to stay</span>, <span class='review-span highlight' data-aligned-summaries='2'>tucked away in a small street in Trastevere</span>, Antonio (manager) is molto simpatico - friendly and very helpful. The hotel is not a fancy place, but quite comfy enough, with a <span class='review-span highlight' data-aligned-summaries='7'>good breakfast buffet</span>, which <span class='review-span highlight' data-aligned-summaries='8'>you can eat in the lovely courtyard full of orange trees</span>. <span class='review-span highlight' data-aligned-summaries='2 3'>The colorful neighborhood is great for</span> walking around, <span class='review-span highlight' data-aligned-summaries='2 3'>lots of</span> <span class='review-span highlight' data-aligned-summaries='3'>shops</span> & <span class='review-span highlight' data-aligned-summaries='2'>outdoor restaurants</span> that stay open late. You can easily walk to other sites in the city, though we mostly took cabs to centro to save time.</div><div class='text-box'>I found this area of Rome to be very special and <span class='review-span highlight' data-aligned-summaries='0'>the Hotel</span> Santa Maria <span class='review-span highlight' data-aligned-summaries='0'>was more than I had expected</span>. I enjoyed the peace and serentity with the safety gates, <span class='review-span highlight' data-aligned-summaries='7'>beautiful</span> <span class='review-span highlight' data-aligned-summaries='7 8'>breakfast</span> which <span class='review-span highlight' data-aligned-summaries='8'>could be taken</span> either <span class='review-span highlight' data-aligned-summaries='8'>in the</span> eating area or <span class='review-span highlight' data-aligned-summaries='8'>courtyard</span> and a nice wine bar with appetizers. The rooms were clean and well maintained. Personnel were outstanding to work with. <span class='review-span highlight' data-aligned-summaries='2'>The Trastevere area is near all of the major attractions and yet, it is magical to stroll through a maze of fascinating medieval streets with some of the best restaurants in Rome</span>.</div><div class='text-box'>Wonderful place to stay! <span class='review-span highlight' data-aligned-summaries='1'>An intimate, cozy place</span>-<span class='review-span highlight' data-aligned-summaries='8'>loved the orange-tree courtyard</span>. Front desk personnel was most helpful. Cleaning/cooking staff wonderful-very clean rooms. <span class='review-span highlight' data-aligned-summaries='7'>Breakfasts very filling and tasty-the scrambled eggs and cappuccino were my favorites</span>. Neighborhood not touristy. <span class='review-span highlight' data-aligned-summaries='0'>15-minute walk to the Colosseum; 25 min. to St. Peter's.</span> They arranged driver for airport pickup and dropoff. <span class='review-span highlight' data-aligned-summaries='5 9'>Bells of neighboring Church could be sleep-disruptive</span> for light sleepers, but earplugs blocked the noise.</div><div class='text-box'>Accomodating people who are always pleasent. <span class='review-span highlight' data-aligned-summaries='7'>Good breakfast</span>. <span class='review-span highlight' data-aligned-summaries='2'>A block from Santa Maria Maggiore</span> and <span class='review-span highlight' data-aligned-summaries='2'>Ponte Sisto</span> but tucked away from all bustle. <span class='review-span highlight' data-aligned-summaries='0 2'>We walked to the center of Rome</span>, <span class='review-span highlight' data-aligned-summaries='2'>Campo Fiore</span>, <span class='review-span highlight' data-aligned-summaries='2'>Janiculum</span>, all over Trastevere. <span class='review-span highlight' data-aligned-summaries='3'>Close to #8 tram with connections to airport</span>, Tivoli and all of Rome. <span class='review-span highlight' data-aligned-summaries='4 8'>Private courtyard</span> through gated drive. A good refuge for tired feet and bodies. We would go back.</div><div class='text-box'>We stayed here for five nights. <span class='review-span highlight' data-aligned-summaries='0'>a great base for exploring Rome</span>; thank heavens we took a taxi - we'd never have found it by ourselves! <span class='review-span highlight' data-aligned-summaries='2'>Right in the middle of Trastevere, ideal for restaurants</span> etc. <span class='review-span highlight' data-aligned-summaries='4'>Nice</span> <span class='review-span highlight' data-aligned-summaries='4 5'>room</span>, <span class='review-span highlight' data-aligned-summaries='5'>pity next doors plumbing is so noisy though</span>, otherwise very peaceful. Very nice staff - would stay here again.</div><div class='text-box'>Spent 4 restful nights at <span class='review-span highlight' data-aligned-summaries='2'>a lovely oasis</span> of calm <span class='review-span highlight' data-aligned-summaries='2'>in Trastevere</span>. Very well looked after, nothing was too much trouble. Very <span class='review-span highlight' data-aligned-summaries='0'>convenient for all parts of Rome</span> and <span class='review-span highlight' data-aligned-summaries='0'>Vatican</span>. <span class='review-span highlight' data-aligned-summaries='4'>Lovely</span> that <span class='review-span highlight' data-aligned-summaries='1 4 8'>rooms opened</span> <span class='review-span highlight' data-aligned-summaries='4 8'>out</span> <span class='review-span highlight' data-aligned-summaries='1 4 8'>into</span> <span class='review-span highlight' data-aligned-summaries='4 8'>open air of</span> <span class='review-span highlight' data-aligned-summaries='1 4 8'>courtyards</span>.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0 1'>This was a charming</span>, albeit somewhat pricey, <span class='review-span highlight' data-aligned-summaries='0 1'>refuge</span> from the overload of Rome. The employees were wonderful and the setting very peaceful. <span class='review-span highlight' data-aligned-summaries='0'>The location was also very handy</span>, and I would definitely stay here again.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">This hotel is a very nice and convenient base to explore Rome and the Vatican from but lacks a personal touch.</span> <span id="1" class="summary-sentence">It is cozy and charming but maybe overrated a little.</span> <span id="2" class="summary-sentence">This hotel is ideal for restaurants and in the middle of Trastevere and is only a block away from Santa Maria Maggiore and Ponte Sisto and within walking distance of the center of Rome, Campo Fiore and Janiculum.</span> <span id="3" class="summary-sentence">It is also not far from the tram with connections to the airport and there are lots of shops and beautiful colorful neighborhoods all around.</span> <span id="4" class="summary-sentence">The rooms are lovely in that there is the option for them to be opened out into the open air with the courtyards.</span> <span id="5" class="summary-sentence">However, the rooms can be become rather noisy due to the tilen floors and the doors that bang.</span> <span id="6" class="summary-sentence">There were not many staff here.</span> <span id="7" class="summary-sentence">Generally a very good buffet breakfast that offers scrambled eggs and cappuccino amongst other things.</span> <span id="8" class="summary-sentence">There is also access to the lovely courtyard that is covered in orange trees for when you want to eat your breakfast.</span> <span id="9" class="summary-sentence">The bells from the nearby church could cause sleep issues.</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 |
-
console.log('entered!');
|
| 83 |
-
}
|
| 84 |
-
});
|
| 85 |
-
this.classList.add('highlight');
|
| 86 |
-
});
|
| 87 |
-
|
| 88 |
-
sentence.addEventListener('mouseleave', function() {
|
| 89 |
-
const summaryId = this.getAttribute('id');
|
| 90 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 91 |
-
if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
|
| 92 |
-
span.classList.remove('not-hover-highlight');
|
| 93 |
-
span.classList.add('highlight');
|
| 94 |
-
console.log('left!');
|
| 95 |
-
}
|
| 96 |
-
this.classList.remove('highlight');
|
| 97 |
-
});
|
| 98 |
-
});
|
| 99 |
-
});
|
| 100 |
-
|
| 101 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 102 |
-
span.addEventListener('mouseenter', function() {
|
| 103 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 104 |
-
if (span !== this) {
|
| 105 |
-
span.classList.remove('highlight');
|
| 106 |
-
span.classList.add('not-hover-highlight');
|
| 107 |
-
}
|
| 108 |
-
});
|
| 109 |
-
const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
|
| 110 |
-
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 111 |
-
if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
|
| 112 |
-
sentence.classList.add('highlight');
|
| 113 |
-
}
|
| 114 |
-
});
|
| 115 |
-
});
|
| 116 |
-
});
|
| 117 |
-
|
| 118 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 119 |
-
span.addEventListener('mouseleave', function() {
|
| 120 |
-
const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
|
| 121 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 122 |
-
if (span !== this) {
|
| 123 |
-
span.classList.remove('not-hover-highlight');
|
| 124 |
-
span.classList.add('highlight');
|
| 125 |
-
}
|
| 126 |
-
});
|
| 127 |
-
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 128 |
-
if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
|
| 129 |
-
sentence.classList.remove('highlight');
|
| 130 |
-
}
|
| 131 |
-
});
|
| 132 |
-
});
|
| 133 |
-
});
|
| 134 |
-
|
| 135 |
-
</script>
|
| 136 |
-
</body>
|
| 137 |
-
</html>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
html_files/test/126.html
DELETED
|
@@ -1,137 +0,0 @@
|
|
| 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: 30%;
|
| 25 |
-
font-size: 1.0rem;
|
| 26 |
-
padding: 10px;
|
| 27 |
-
height: 40vh; /* 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: 40vh; /* 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 Metropark Kowloon is a good <span class='review-span highlight' data-aligned-summaries='1'>hotel</span> with very good price-quality ratio. <span class='review-span highlight' data-aligned-summaries='3'>Make sure you get a room in the Club floor, as some of the lower levels seem to be a bit outdated</span>. <span class='review-span highlight' data-aligned-summaries='3'>The rooms are clean</span>, comfortable and we couldn't hear any noises at any point so it was perfect for resting. Kowloon <span class='review-span highlight' data-aligned-summaries='1'>wasn't a beautiful area of Hong Kong</span>, going back we would stay somewhere else, particularly if you are not into shopping (and you prefer cultural and walking activities). <span class='review-span highlight' data-aligned-summaries='4'>The staff weren't overly nice but they were helpful and alerted us that we were leaving our phone behind in the room straight away</span>, which was particularly efficient. <span class='review-span highlight' data-aligned-summaries='7'>We found the shuttle bus</span> to Mongkok and the harbour area extremely helpful and convenient and saved us a lot of time an money. Knowing more about Hong Kong now, <span class='review-span highlight' data-aligned-summaries='8'>I would not book a hotel with a swimming pool given the weather doesn't always permit swimming</span> or sunbaking.</div><div class='text-box'>Stayed at this hotel for a week and apart from <span class='review-span highlight' data-aligned-summaries='1'>the location, which was a bit disappointing</span>, I have no real complaints about the hotel. Upon arrival the staff were very helpful and took care of our luggage whilst we went to check in, at which we were quickly dealt with. <span class='review-span highlight' data-aligned-summaries='2 3'>The double room we stayed in was clean</span> <span class='review-span highlight' data-aligned-summaries='2'>and the size was comfortable</span>. We visited the hotel's two restaurants. <span class='review-span highlight' data-aligned-summaries='6'>The food in the restaurant was excellent and varied and is worth trying</span>. The Sip Sip bar (which had a sporty theme) offered a good variety of cocktails and provided an opportunity to catch up with Premiership football matches. One tip I would suggest is that if you ever get a taxi back to the hotel make sure you tell the driver that you want to go to the Metropark Hotel Kowloon, as there is another Metropark Hotel nearby.</div><div class='text-box'>Right from the check-in to check-out, the staff and their service was prompt and excellent. <span class='review-span highlight' data-aligned-summaries='4'>The staff's compliance to our special requests within the reasonable limits is very highly commendable</span>. <span class='review-span highlight' data-aligned-summaries='2'>The rooms were adequate except in the lighting level</span> which we have found even in highly priced hotels - our personal preference is well/<span class='review-span highlight' data-aligned-summaries='2'>brightly lit room</span>. The amenities in the bathroom/toilet was sufficient. <span class='review-span highlight' data-aligned-summaries='5'>The buffet breakfast included in the package was a nice spread and more than adequate to start the day off</span>. <span class='review-span highlight' data-aligned-summaries='7'>Hats off to their free shuttle service</span> to the main points from where we could get the MTR to any place we needed to go. Overall the best hotel at the best price for the one who needs to shower and hit the bed after a full day of sightseeing/shopping.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='4'>The staff were very helpful</span> and <span class='review-span highlight' data-aligned-summaries='0'>the complimentary breakfasts for the period we were there were an unexpected bonus. The Internet connection wasa</span> <span class='review-span highlight' data-aligned-summaries='0 7'>free</span> <span class='review-span highlight' data-aligned-summaries='0'>as was the</span> <span class='review-span highlight' data-aligned-summaries='0 7'>excellent 30 minute mini-bus service</span>.<span class='review-span highlight' data-aligned-summaries='0'></span> We did not eat at the hotel except for breakfast prefering to take in the local eateries. We found that Langham Place in Mong Kok was quite good and was only a pleasant walk from the hotel although the hotel bus route took us close. The Ladies Market is in the same location as Langham Place and made for some happy bargaining. <span class='review-span highlight' data-aligned-summaries='0'>All in all, we enjoyed our stay there</span>.</div><div class='text-box'>On our first trip to Hong Kong we stayed here at the Metro Park Kowloon, we only had a few days so spent most of it out of hotel, but <span class='review-span highlight' data-aligned-summaries='0'>the facilities seemed very good</span>, lost available shop/florist/bar/snacks/pool. <span class='review-span highlight' data-aligned-summaries='6'>Buffet was very well presented and had wonderful variety</span>. <span class='review-span highlight' data-aligned-summaries='2 3'>Rooms well kept, clean</span> <span class='review-span highlight' data-aligned-summaries='2'>and modern. Air conditioning worked well</span>, sometimes a little too well in the public places such as reception/lobbies etc, bit chilly compared to the humdity outside. Interesting Hong Kong traditions such as not using floor 13.i like superstitions!</div><div class='text-box'>Stayed for 3 nights in march and 1 night in april 2012. I stayed in <span class='review-span highlight' data-aligned-summaries='0'>the Club area of the hotel</span> and found the lounge to be <span class='review-span highlight' data-aligned-summaries='0'>very quite and comfortable with coffee/tea and newspapers</span> and a 'happy hour' each evening with drinks and snacks. <span class='review-span highlight' data-aligned-summaries='5'>Buffet breakfast was excellent with a wide range of choices available</span>. Staff were very friendly. Hotel is located slightly away from the the CBD but was easily reached by MTR.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>Cannot fault hotel in any way</span>. <span class='review-span highlight' data-aligned-summaries='5'>Breakfast very good</span>, lots of variety. <span class='review-span highlight' data-aligned-summaries='7'>Hotel shuttle bus</span> is brilliant. First visit to Hong Kong for my 83yr old mother so we made good use of the shuttle bus. Would definitely stay here again and have no hesitation in recommending this hotel.</div><div class='text-box'>Avoid if you can. <span class='review-span highlight' data-aligned-summaries='1'>It's</span> <span class='review-span highlight' data-aligned-summaries='0 1'>not in a good location</span>, <span class='review-span highlight' data-aligned-summaries='0 2 3'>it's smelly and</span> <span class='review-span highlight' data-aligned-summaries='2 3'>a bit</span> <span class='review-span highlight' data-aligned-summaries='0 2 3'>scruffy</span>.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">The facilities of this hotel are really great and therefore it's one of the most enjoyable stays.</span> <span id="1" class="summary-sentence">The location of the hotel was rather disappointing and not a very scenic area of Hong Kong.</span> <span id="2" class="summary-sentence">The hotel's rooms are adequate, although perhaps a little darkly lit.</span> <span id="3" class="summary-sentence">The rooms are clean and quiet, although for a more updated room it is worth booking a room on the Club floor.</span> <span id="4" class="summary-sentence">There is nothing the staff find to be too much trouble.</span> <span id="5" class="summary-sentence">The buffet breakfast is absolutely amazing and really varied.</span> <span id="6" class="summary-sentence">In addition the restaurant provides some really good food that's worth trying.</span> <span id="7" class="summary-sentence">The hotel has a bi-hourly bus shuttle service available to guests.</span> <span id="8" class="summary-sentence">It is not worth getting a hotel with a pool as it is often not the climate for swimming etc.</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 |
-
console.log('entered!');
|
| 83 |
-
}
|
| 84 |
-
});
|
| 85 |
-
this.classList.add('highlight');
|
| 86 |
-
});
|
| 87 |
-
|
| 88 |
-
sentence.addEventListener('mouseleave', function() {
|
| 89 |
-
const summaryId = this.getAttribute('id');
|
| 90 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 91 |
-
if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
|
| 92 |
-
span.classList.remove('not-hover-highlight');
|
| 93 |
-
span.classList.add('highlight');
|
| 94 |
-
console.log('left!');
|
| 95 |
-
}
|
| 96 |
-
this.classList.remove('highlight');
|
| 97 |
-
});
|
| 98 |
-
});
|
| 99 |
-
});
|
| 100 |
-
|
| 101 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 102 |
-
span.addEventListener('mouseenter', function() {
|
| 103 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 104 |
-
if (span !== this) {
|
| 105 |
-
span.classList.remove('highlight');
|
| 106 |
-
span.classList.add('not-hover-highlight');
|
| 107 |
-
}
|
| 108 |
-
});
|
| 109 |
-
const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
|
| 110 |
-
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 111 |
-
if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
|
| 112 |
-
sentence.classList.add('highlight');
|
| 113 |
-
}
|
| 114 |
-
});
|
| 115 |
-
});
|
| 116 |
-
});
|
| 117 |
-
|
| 118 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 119 |
-
span.addEventListener('mouseleave', function() {
|
| 120 |
-
const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
|
| 121 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 122 |
-
if (span !== this) {
|
| 123 |
-
span.classList.remove('not-hover-highlight');
|
| 124 |
-
span.classList.add('highlight');
|
| 125 |
-
}
|
| 126 |
-
});
|
| 127 |
-
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 128 |
-
if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
|
| 129 |
-
sentence.classList.remove('highlight');
|
| 130 |
-
}
|
| 131 |
-
});
|
| 132 |
-
});
|
| 133 |
-
});
|
| 134 |
-
|
| 135 |
-
</script>
|
| 136 |
-
</body>
|
| 137 |
-
</html>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
html_files/test/127.html
DELETED
|
@@ -1,137 +0,0 @@
|
|
| 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: 30%;
|
| 25 |
-
font-size: 1.0rem;
|
| 26 |
-
padding: 10px;
|
| 27 |
-
height: 40vh; /* 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: 40vh; /* 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 Metropark Kowloon is a good hotel with very good price</span>-quality ratio. Make sure you get a room in the Club floor, as some of the lower levels seem to be a bit outdated. <span class='review-span highlight' data-aligned-summaries='3'>The rooms are clean, comfortable and we couldn't hear any noises at any point so it was perfect for resting.</span> Kowloon wasn't a beautiful area of Hong Kong, going back we would stay somewhere else, particularly if you are not into shopping (and you prefer cultural and walking activities). The staff weren't overly nice but they were helpful and alerted us that we were leaving our phone behind in the room straight away, which was particularly efficient. <span class='review-span highlight' data-aligned-summaries='2'>We found the shuttle bus</span> to Mongkok and the harbour area extremely helpful and convenient and saved us a lot of time an money. Knowing more about Hong Kong now, I would not book a hotel with a swimming pool given the weather doesn't always permit swimming or sunbaking.</div><div class='text-box'>Stayed at this <span class='review-span highlight' data-aligned-summaries='1'>hotel</span> for a week and apart from the <span class='review-span highlight' data-aligned-summaries='1'>location</span>, which <span class='review-span highlight' data-aligned-summaries='1'>was a bit disappointing</span>, I have no real complaints about the hotel. Upon arrival the staff were very helpful and took care of our luggage whilst we went to check in, at which we were quickly dealt with. <span class='review-span highlight' data-aligned-summaries='3'>The double</span> <span class='review-span highlight' data-aligned-summaries='3 4'>room</span> <span class='review-span highlight' data-aligned-summaries='3'>we stayed in was clean</span> and the <span class='review-span highlight' data-aligned-summaries='4'>size was comfortable</span>. We visited the hotel's two restaurants. <span class='review-span highlight' data-aligned-summaries='6'>The food in the restaurant was excellent</span> and varied and is worth trying. <span class='review-span highlight' data-aligned-summaries='6'>The Sip Sip bar (which had a sporty theme) offered a good variety of cocktails</span> and provided an opportunity to catch up with Premiership football matches. One tip I would suggest is that if you ever get a taxi back to the hotel make sure you tell the driver that you want to go to the Metropark Hotel Kowloon, as there is another Metropark Hotel nearby.</div><div class='text-box'>Right from the check-in to check-out, the staff and their service was prompt and excellent. The staff's compliance to our special requests within the reasonable limits is very highly commendable. The rooms were adequate except in the lighting level which we have found even in highly priced hotels - our personal preference is well/brightly lit room. <span class='review-span highlight' data-aligned-summaries='4'>The amenities</span> in the bathroom/toilet <span class='review-span highlight' data-aligned-summaries='4'>was sufficient</span>. <span class='review-span highlight' data-aligned-summaries='5'>The buffet breakfast included in the package was a nice spread and more than adequate to start the day off</span>. <span class='review-span highlight' data-aligned-summaries='7'>Hats off to their free shuttle service</span> to the main points from where we could get the MTR to any place we needed to go. Overall <span class='review-span highlight' data-aligned-summaries='0'>the best hotel at the best price for the one who needs to shower and hit the bed after a full day of sightseeing/shopping</span>.</div><div class='text-box'>The staff were very helpful and <span class='review-span highlight' data-aligned-summaries='5'>the complimentary breakfasts</span> for the period we were there <span class='review-span highlight' data-aligned-summaries='5'>were an unexpected bonus</span>. <span class='review-span highlight' data-aligned-summaries='7'>The Internet connection wasa free as was the</span> <span class='review-span highlight' data-aligned-summaries='2 7'>excellent 30 minute mini-bus service</span>. We did not eat at the hotel except for breakfast prefering to take in the local eateries. <span class='review-span highlight' data-aligned-summaries='1'>We found that Langham Place in Mong Kok was quite good and was only a pleasant walk from the hotel</span> although the hotel bus route took us close. The Ladies Market is in the same location as Langham Place and made for some happy bargaining. All in all, we enjoyed our stay there.</div><div class='text-box'>On our first trip to Hong Kong we stayed here at the Metro Park Kowloon, we only had a few days so spent most of it out of hotel, but <span class='review-span highlight' data-aligned-summaries='4'>the facilities seemed very good</span>, <span class='review-span highlight' data-aligned-summaries='4'>lost available shop/florist/bar/snacks/pool</span>. <span class='review-span highlight' data-aligned-summaries='5'>Buffet</span> was very well presented and <span class='review-span highlight' data-aligned-summaries='5'>had wonderful variety</span>. <span class='review-span highlight' data-aligned-summaries='3'>Rooms well kept, clean</span> and modern. Air conditioning worked well, sometimes a little too well in the public places such as reception/lobbies etc, bit chilly compared to the humdity outside. Interesting Hong Kong traditions such as not using floor 13.i like superstitions!</div><div class='text-box'>Stayed for 3 nights in march and 1 night in april 2012. I stayed in the Club area of the hotel and found the lounge to be very <span class='review-span highlight' data-aligned-summaries='4'>quite and comfortable with coffee/tea and newspapers</span> and a 'happy hour' each evening with drinks and snacks. <span class='review-span highlight' data-aligned-summaries='5'>Buffet breakfast was excellent with a wide range of choices available</span>. Staff were very friendly. <span class='review-span highlight' data-aligned-summaries='1 2'>Hotel is located slightly away from the the CBD but was easily reached by MTR</span>.</div><div class='text-box'>Cannot fault hotel in any way. <span class='review-span highlight' data-aligned-summaries='5'>Breakfast very good, lots of variety</span>. <span class='review-span highlight' data-aligned-summaries='2 7'>Hotel shuttle bus is brilliant</span>. First visit to Hong Kong for my 83yr old mother so we made good use of the shuttle bus. Would definitely stay here again and have no hesitation in recommending this hotel.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>Avoid if you can</span>. <span class='review-span highlight' data-aligned-summaries='1'>It's not in a good location</span>, <span class='review-span highlight' data-aligned-summaries='0 3'>it's smelly and a bit scruffy</span>.<span class='review-span highlight' data-aligned-summaries='3'></span></div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">The Metropark Kowloon is very cost effective and ideal for those who need to crash after a hard day's sightseeing and travelling.</span> <span id="1" class="summary-sentence">This hotel isn't in the best location but there were some bargains to be found at a nearby market.</span> <span id="2" class="summary-sentence">There are bus routes however so that is a bonus.</span> <span id="3" class="summary-sentence">The hotel room was spotless and quiet therefore peaceful.</span> <span id="4" class="summary-sentence">All amenities were sufficient enough for all needs and the size was fine.</span> <span id="5" class="summary-sentence">TThe breakfast buffet provided at the hotel had a lot of variety.</span> <span id="6" class="summary-sentence">The food in the restaurant is good and the Sip Sip bar had a wide range of cocktails on offer.</span> <span id="7" class="summary-sentence">There was free internet connection provided here and the 30 minute minibus service was really great and also free.</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 |
-
console.log('entered!');
|
| 83 |
-
}
|
| 84 |
-
});
|
| 85 |
-
this.classList.add('highlight');
|
| 86 |
-
});
|
| 87 |
-
|
| 88 |
-
sentence.addEventListener('mouseleave', function() {
|
| 89 |
-
const summaryId = this.getAttribute('id');
|
| 90 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 91 |
-
if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
|
| 92 |
-
span.classList.remove('not-hover-highlight');
|
| 93 |
-
span.classList.add('highlight');
|
| 94 |
-
console.log('left!');
|
| 95 |
-
}
|
| 96 |
-
this.classList.remove('highlight');
|
| 97 |
-
});
|
| 98 |
-
});
|
| 99 |
-
});
|
| 100 |
-
|
| 101 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 102 |
-
span.addEventListener('mouseenter', function() {
|
| 103 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 104 |
-
if (span !== this) {
|
| 105 |
-
span.classList.remove('highlight');
|
| 106 |
-
span.classList.add('not-hover-highlight');
|
| 107 |
-
}
|
| 108 |
-
});
|
| 109 |
-
const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
|
| 110 |
-
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 111 |
-
if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
|
| 112 |
-
sentence.classList.add('highlight');
|
| 113 |
-
}
|
| 114 |
-
});
|
| 115 |
-
});
|
| 116 |
-
});
|
| 117 |
-
|
| 118 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 119 |
-
span.addEventListener('mouseleave', function() {
|
| 120 |
-
const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
|
| 121 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 122 |
-
if (span !== this) {
|
| 123 |
-
span.classList.remove('not-hover-highlight');
|
| 124 |
-
span.classList.add('highlight');
|
| 125 |
-
}
|
| 126 |
-
});
|
| 127 |
-
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 128 |
-
if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
|
| 129 |
-
sentence.classList.remove('highlight');
|
| 130 |
-
}
|
| 131 |
-
});
|
| 132 |
-
});
|
| 133 |
-
});
|
| 134 |
-
|
| 135 |
-
</script>
|
| 136 |
-
</body>
|
| 137 |
-
</html>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
html_files/test/128.html
DELETED
|
@@ -1,137 +0,0 @@
|
|
| 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: 30%;
|
| 25 |
-
font-size: 1.0rem;
|
| 26 |
-
padding: 10px;
|
| 27 |
-
height: 40vh; /* 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: 40vh; /* 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 Metropark Kowloon is a <span class='review-span highlight' data-aligned-summaries='0'>good hotel with very good price-quality ratio</span>. <span class='review-span highlight' data-aligned-summaries='1'>Make sure you get a room in the Club floor</span>, as some of the lower levels seem to be a bit outdated. <span class='review-span highlight' data-aligned-summaries='0 4'>The rooms</span> <span class='review-span highlight' data-aligned-summaries='4'>are clean</span>, <span class='review-span highlight' data-aligned-summaries='4'>comfortable and</span> <span class='review-span highlight' data-aligned-summaries='0 4'>we couldn't hear any noises at any point so it was perfect for resting</span>. <span class='review-span highlight' data-aligned-summaries='2 3'>Kowloon wasn't a beautiful area of Hong Kong</span>, <span class='review-span highlight' data-aligned-summaries='2'>going back we would stay somewhere else, particularly if you are not into shopping (and you prefer cultural and walking activities)</span>. The staff weren't overly nice but they were helpful and alerted us that we were leaving our phone behind in the room straight away, which was particularly efficient. <span class='review-span highlight' data-aligned-summaries='8'>We found the shuttle bus to Mongkok and the harbour area extremely helpful and convenient and saved us a lot of time an money</span>. Knowing more about Hong Kong now, I would not book a hotel with a swimming pool given the weather doesn't always permit swimming or sunbaking.</div><div class='text-box'>Stayed at this hotel for a week and <span class='review-span highlight' data-aligned-summaries='3'>apart from the location, which was a bit disappointing</span>, I have no real complaints about the hotel. Upon arrival the staff were very helpful and took care of our luggage whilst we went to check in, at which we were quickly dealt with. <span class='review-span highlight' data-aligned-summaries='4'>The double room we stayed in was clean and the size was comfortable</span>. <span class='review-span highlight' data-aligned-summaries='0'>We visited the hotel's two restaurants</span>. <span class='review-span highlight' data-aligned-summaries='7'>The food in the restaurant was excellent</span> and varied and is worth trying. The Sip Sip bar (which had a sporty theme) offered a good variety of cocktails and provided an opportunity to catch up with Premiership football matches. One tip I would suggest is that if you ever get a taxi back to the hotel make sure you tell the driver that you want to go to the Metropark Hotel Kowloon, as there is another Metropark Hotel nearby.</div><div class='text-box'>Right from the check-in to check-out, the staff and their service was prompt and excellent. The staff's compliance to our special requests within the reasonable limits is very highly commendable. <span class='review-span highlight' data-aligned-summaries='5'>The rooms were adequate except in the lighting level</span> which we have found even in highly priced hotels - <span class='review-span highlight' data-aligned-summaries='5'>our personal preference is well/brightly lit room.</span> <span class='review-span highlight' data-aligned-summaries='4'>The amenities in the bathroom/toilet was sufficient.</span> <span class='review-span highlight' data-aligned-summaries='6'>The buffet breakfast included in the package was a nice spread and more than adequate to start the day off</span>. <span class='review-span highlight' data-aligned-summaries='8'>Hats off to their free shuttle service to the main points from where we could get the MTR to any place we needed to go</span>. <span class='review-span highlight' data-aligned-summaries='0'>Overall the best hotel at the best price for the one who needs to shower and hit the bed after a full day of sightseeing/shopping</span>.</div><div class='text-box'>The staff were very helpful and the complimentary breakfasts for the period we were there were an unexpected bonus. <span class='review-span highlight' data-aligned-summaries='8'>The Internet connection wasa free as was the excellent 30 minute mini-bus service</span>. <span class='review-span highlight' data-aligned-summaries='6'>We did not eat at the hotel except for breakfast</span> prefering to take in the local eateries. We found that <span class='review-span highlight' data-aligned-summaries='3'>Langham Place in Mong Kok was</span> quite good and was <span class='review-span highlight' data-aligned-summaries='3'>only a pleasant walk from the hotel</span> although the hotel bus route took us close. The Ladies Market is in the same location as Langham Place and made for some happy bargaining. All in all, we enjoyed our stay there.</div><div class='text-box'>On our first trip to Hong Kong we stayed here at the Metro Park Kowloon, we only had a few days so spent most of it out of hotel, but <span class='review-span highlight' data-aligned-summaries='2'>the facilities seemed very good, lost available shop/florist/bar/snacks/pool.</span> Buffet was very well presented and had wonderful variety. <span class='review-span highlight' data-aligned-summaries='4'>Rooms well kept, clean</span> and modern. <span class='review-span highlight' data-aligned-summaries='4'>Air conditioning worked well</span>, sometimes a little too well in the public places such as reception/lobbies etc, bit chilly compared to the humdity outside. Interesting Hong Kong traditions such as not using floor 13.i like superstitions!</div><div class='text-box'>Stayed for 3 nights in march and 1 night in april 2012. I stayed in the <span class='review-span highlight' data-aligned-summaries='1'>Club area of the hotel</span> and found the lounge to be very <span class='review-span highlight' data-aligned-summaries='1'>quite</span> and <span class='review-span highlight' data-aligned-summaries='1'>comfortable with coffee/tea and newspapers</span> and a 'happy hour' each evening with drinks and snacks. <span class='review-span highlight' data-aligned-summaries='6'>Buffet breakfast was excellent with a wide range of choices available</span>. Staff were very friendly. <span class='review-span highlight' data-aligned-summaries='3'>Hotel is located slightly away from the the CBD but was easily reached by MTR.</span></div><div class='text-box'>Cannot fault hotel in any way. <span class='review-span highlight' data-aligned-summaries='6'>Breakfast very good, lots of variety</span>. <span class='review-span highlight' data-aligned-summaries='8'>Hotel shuttle bus is brilliant</span>. First visit to Hong Kong for my 83yr old mother so we made good use of the shuttle bus. Would definitely stay here again and have no hesitation in recommending this hotel.</div><div class='text-box'>Avoid if you can. <span class='review-span highlight' data-aligned-summaries='3'>It's not in a good location</span>, it's smelly and <span class='review-span highlight' data-aligned-summaries='5'>a bit scruffy</span>.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">This hotel has two restaurants, is perfect for resting, is great quality and a good price.</span> <span id="1" class="summary-sentence">The hotel has a Club area which is comfortable and offers tea or coffee and newspapers on offer.</span> <span id="2" class="summary-sentence">Great for sightseeing or shopping but the facilities at the hotel are good too.</span> <span id="3" class="summary-sentence">The location is okay, it is not the nicest of areas but there are some attractions that are walking distance from the hotel.</span> <span id="4" class="summary-sentence">This hotel's rooms are clean and comfortable and include amenities in the bathrooms.</span> <span id="5" class="summary-sentence">The lighting isn't as bright as it could be.</span> <span id="6" class="summary-sentence">The hotel buffet looks very nice and the breakfast was plentiful.</span> <span id="7" class="summary-sentence">Coffee, tea, and drinks were also available and the restaurant food was delicious.</span> <span id="8" class="summary-sentence">The hotel provides many amenities for its guests, including free Wi-Fi and a mini bus shuttle service.</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 |
-
console.log('entered!');
|
| 83 |
-
}
|
| 84 |
-
});
|
| 85 |
-
this.classList.add('highlight');
|
| 86 |
-
});
|
| 87 |
-
|
| 88 |
-
sentence.addEventListener('mouseleave', function() {
|
| 89 |
-
const summaryId = this.getAttribute('id');
|
| 90 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 91 |
-
if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
|
| 92 |
-
span.classList.remove('not-hover-highlight');
|
| 93 |
-
span.classList.add('highlight');
|
| 94 |
-
console.log('left!');
|
| 95 |
-
}
|
| 96 |
-
this.classList.remove('highlight');
|
| 97 |
-
});
|
| 98 |
-
});
|
| 99 |
-
});
|
| 100 |
-
|
| 101 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 102 |
-
span.addEventListener('mouseenter', function() {
|
| 103 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 104 |
-
if (span !== this) {
|
| 105 |
-
span.classList.remove('highlight');
|
| 106 |
-
span.classList.add('not-hover-highlight');
|
| 107 |
-
}
|
| 108 |
-
});
|
| 109 |
-
const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
|
| 110 |
-
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 111 |
-
if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
|
| 112 |
-
sentence.classList.add('highlight');
|
| 113 |
-
}
|
| 114 |
-
});
|
| 115 |
-
});
|
| 116 |
-
});
|
| 117 |
-
|
| 118 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 119 |
-
span.addEventListener('mouseleave', function() {
|
| 120 |
-
const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
|
| 121 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 122 |
-
if (span !== this) {
|
| 123 |
-
span.classList.remove('not-hover-highlight');
|
| 124 |
-
span.classList.add('highlight');
|
| 125 |
-
}
|
| 126 |
-
});
|
| 127 |
-
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 128 |
-
if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
|
| 129 |
-
sentence.classList.remove('highlight');
|
| 130 |
-
}
|
| 131 |
-
});
|
| 132 |
-
});
|
| 133 |
-
});
|
| 134 |
-
|
| 135 |
-
</script>
|
| 136 |
-
</body>
|
| 137 |
-
</html>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
html_files/test/129.html
DELETED
|
@@ -1,137 +0,0 @@
|
|
| 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: 30%;
|
| 25 |
-
font-size: 1.0rem;
|
| 26 |
-
padding: 10px;
|
| 27 |
-
height: 40vh; /* 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: 40vh; /* Maximum height to a third of the viewport height */
|
| 37 |
-
overflow-y: auto; /* Enable vertical scrolling */
|
| 38 |
-
background-color: #9e9e9e0a; /* Light grey background */
|
| 39 |
-
}
|
| 40 |
-
.text-box {
|
| 41 |
-
width: calc(100% - 20px); /* Adjust based on padding */
|
| 42 |
-
margin: 10px;
|
| 43 |
-
padding: 10px;
|
| 44 |
-
background-color: #9e9e9e0a; /* Light grey background */
|
| 45 |
-
color: #606060bf;
|
| 46 |
-
border: 2px solid #ddd; /* Cartoonish border */
|
| 47 |
-
border-radius: 20px; /* Rounded corners for cartoonish effect */
|
| 48 |
-
position: relative;
|
| 49 |
-
box-shadow: 3px 3px #bbb; /* Soft shadow for depth */
|
| 50 |
-
}
|
| 51 |
-
.text-box:before {
|
| 52 |
-
content: '';
|
| 53 |
-
position: absolute;
|
| 54 |
-
right: 100%;
|
| 55 |
-
bottom: 20%;
|
| 56 |
-
border-top: 10px solid transparent;
|
| 57 |
-
border-bottom: 10px solid transparent;
|
| 58 |
-
border-right: 10px solid #ddd; /* Arrow matching the border */
|
| 59 |
-
}
|
| 60 |
-
.summary-box {
|
| 61 |
-
padding: 10px;
|
| 62 |
-
margin: 10px 0;
|
| 63 |
-
background-color: #e6e6fa; /* Lavender background for a pleasant look */
|
| 64 |
-
border: 1px solid #ddd; /* Light border for definition */
|
| 65 |
-
border-radius: 5px; /* Slightly rounded corners */
|
| 66 |
-
box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* Soft shadow for depth */
|
| 67 |
-
cursor: pointer;
|
| 68 |
-
}
|
| 69 |
-
h4 { margin-top: 0; }
|
| 70 |
-
</style>
|
| 71 |
-
</head>
|
| 72 |
-
<body>
|
| 73 |
-
<div class='column reviews'><h2>Reviews</h2><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0 1'>Best Hotel we have stayed in</span>! We stayed at the Langham Place for 5 nights in August and were not disappointed. My wife and I both agreed that is probably the best hotel we have ever stayed in.<span class='review-span highlight' data-aligned-summaries='3'>Hotel staff could not be more helpful</span> and the standards of cleanliness in the rooms and elsewhere was excellent.<span class='review-span highlight' data-aligned-summaries='2'>Rooms are not huge but of a very high standard</span>.<span class='review-span highlight' data-aligned-summaries='4'>Food quality is also superb and multi-cultural</span>.The only slight negative point was the hotel's location, in that it is in a working class area of Kowloon that is not the most pleasant area to walk around (especially late at night). The MTR (Tube) is very close and efficient and Hong Kong island is about 15 minutes away.We booked one of <span class='review-span highlight' data-aligned-summaries='2'>the Club Rooms</span> which are high up and <span class='review-span highlight' data-aligned-summaries='2'>give an excellent view of the City</span>. Also the Club Rooms enable 24hr access the Hotel's Club lounge which entitles you to free breakfast (which is excellent) and free snacks and drinks at any time.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>Is O K</span> The room booked were for a family of three, they called them Kowloon Room, which supposed to be a bit bigger than the standard room in the Hotel. <span class='review-span highlight' data-aligned-summaries='2'>I still found it to be small</span> for three peoples.The advertised blissful bed were no better than any other hotel bed, hence firm and not too comfy.The Hotel is O K as a 4 star Hotel with over priced buffet meals and breckfest.The buffet in the morning and dinner times are more or less the same every night and you soon get sick of what's there.I would recommand to sample the local eateria and your money will go a long way.The gym and swimming pool are very good, especially the spa facilities, you will get all the steam room and sauna with in the changing room area and also a hot tub, all in all the spa facilities make the stay a bit special.</div><div class='text-box'>5 star hotel 2 star attitude <span class='review-span highlight' data-aligned-summaries='0'>Good Hotel to start with</span>, but was astonished when they could not accept my visa debit card and instead wanted a credit card.! Debit card means you have the money in bank and not taking a loan like credit card.! Had to keep a 1000$ security deposit instead.<span class='review-span highlight' data-aligned-summaries='2'>Excellent room, good service</span> and though <span class='review-span highlight' data-aligned-summaries='3'>staff's are not highly trained but very much co-operative</span>. My hassle was to pay them all bills at the end of the day throughout my 7 days stay, as due to some strange reasons they were unable to believe that I do not carry a credit card, and probably wanted to make sure that I do not catch my flight back to Dubai after seven days with all bills unpaid.I have stayed in Conrad and Peninsula in HK on my earlier visits, and have never faced such a issue.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='1'>recommend</span> Worth booking into the club floor for the daily cocktail hour,internet access and all day nibbles.<span class='review-span highlight' data-aligned-summaries='0'>Staff excellent</span> and the spa amazing <span class='review-span highlight' data-aligned-summaries='0'>and not 'over the top' expensive</span>.Great couples facilities for massage and treatmentsGreat shopping mall attached and centrally located to other attractions.Beware the taxi drivers who take you the extra long route to destinations</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0 1'>Heaven! The hotel was perfect</span>, really well looked after and <span class='review-span highlight' data-aligned-summaries='2'>the room was lovely with a good view</span>. <span class='review-span highlight' data-aligned-summaries='5'>Free dvds</span> and internet access <span class='review-span highlight' data-aligned-summaries='5'>were also provided</span>. The weather was quite mixed so direct access to the mall and cinema next door proved very useful! <span class='review-span highlight' data-aligned-summaries='1'>Slightly expensive but i'd definitely stay again</span>.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>Loved The Langham Great hotel</span>.<span class='review-span highlight' data-aligned-summaries='3'>Staff excellent can't do enough for you</span>.<span class='review-span highlight' data-aligned-summaries='0 1'>Lovely room</span> <span class='review-span highlight' data-aligned-summaries='0 1 2'>great view</span>.Try the Spa is really lush.<span class='review-span highlight' data-aligned-summaries='1'>Reccommend to all</span>.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0 1'>Loved the Langham place hotel</span> Attached to Langham Place Hotel is the brand new Langham place shopping mall</div><div class='text-box'>Upgrade to Club - you know your worth it! <span class='review-span highlight' data-aligned-summaries='2'>A typical Club Room</span></div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">This is such a great hotel</span> <span id="1" class="summary-sentence">it's highly recommended and you won't regret booking again and again.</span> <span id="2" class="summary-sentence">The rooms are a good size and with a good view.</span> <span id="3" class="summary-sentence">Some of the staff were not highly trained or had a bad attitude.</span> <span id="4" class="summary-sentence">The multicultural food was really welcomed as it was of great quality and taste.</span> <span id="5" class="summary-sentence">The hotel provided free DVDs for guests.</span></div></div>
|
| 74 |
-
<script>
|
| 75 |
-
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 76 |
-
sentence.addEventListener('mouseenter', function() {
|
| 77 |
-
const summaryId = this.getAttribute('id');
|
| 78 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 79 |
-
if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
|
| 80 |
-
span.classList.remove('highlight');
|
| 81 |
-
span.classList.add('not-hover-highlight');
|
| 82 |
-
console.log('entered!');
|
| 83 |
-
}
|
| 84 |
-
});
|
| 85 |
-
this.classList.add('highlight');
|
| 86 |
-
});
|
| 87 |
-
|
| 88 |
-
sentence.addEventListener('mouseleave', function() {
|
| 89 |
-
const summaryId = this.getAttribute('id');
|
| 90 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 91 |
-
if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
|
| 92 |
-
span.classList.remove('not-hover-highlight');
|
| 93 |
-
span.classList.add('highlight');
|
| 94 |
-
console.log('left!');
|
| 95 |
-
}
|
| 96 |
-
this.classList.remove('highlight');
|
| 97 |
-
});
|
| 98 |
-
});
|
| 99 |
-
});
|
| 100 |
-
|
| 101 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 102 |
-
span.addEventListener('mouseenter', function() {
|
| 103 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 104 |
-
if (span !== this) {
|
| 105 |
-
span.classList.remove('highlight');
|
| 106 |
-
span.classList.add('not-hover-highlight');
|
| 107 |
-
}
|
| 108 |
-
});
|
| 109 |
-
const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
|
| 110 |
-
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 111 |
-
if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
|
| 112 |
-
sentence.classList.add('highlight');
|
| 113 |
-
}
|
| 114 |
-
});
|
| 115 |
-
});
|
| 116 |
-
});
|
| 117 |
-
|
| 118 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 119 |
-
span.addEventListener('mouseleave', function() {
|
| 120 |
-
const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
|
| 121 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 122 |
-
if (span !== this) {
|
| 123 |
-
span.classList.remove('not-hover-highlight');
|
| 124 |
-
span.classList.add('highlight');
|
| 125 |
-
}
|
| 126 |
-
});
|
| 127 |
-
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 128 |
-
if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
|
| 129 |
-
sentence.classList.remove('highlight');
|
| 130 |
-
}
|
| 131 |
-
});
|
| 132 |
-
});
|
| 133 |
-
});
|
| 134 |
-
|
| 135 |
-
</script>
|
| 136 |
-
</body>
|
| 137 |
-
</html>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
html_files/test/13.html
DELETED
|
@@ -1,137 +0,0 @@
|
|
| 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: 30%;
|
| 25 |
-
font-size: 1.0rem;
|
| 26 |
-
padding: 10px;
|
| 27 |
-
height: 40vh; /* 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: 40vh; /* 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 had three nights at the Swissotel Sydney On Market Street and <span class='review-span highlight' data-aligned-summaries='0'>enjoyed our stay</span>. <span class='review-span highlight' data-aligned-summaries='0'>We had a corner room with views out across the city</span>. Rooms are not huge but are comfortable, clean and quiet. Breakfast was included in our three-day rate and it was excellent. We also had one evening meal at the hotel. While the meal was good, the prices were a little more than we expected. Location is excellent and in walking distance of tourist attractions, shopping and underground rail. <span class='review-span highlight' data-aligned-summaries='1'>It is a quaint hotel</span> in that the hotel is built above Myer shopping emporium and to check in means taking dropping suitcases with a porter at the small off-street entry and taking a lift to the 8th floor which opens out onto an elegant lobby and reception. Staff were courteous and help-yourself bowls of Granny Smith apples near the lifts were appreciated. <span class='review-span highlight' data-aligned-summaries='1'>Happy to recommend the hotel</span>.</div><div class='text-box'>we stayed for 5 nights in the swissotel sydney. It is a <span class='review-span highlight' data-aligned-summaries='0'>great hotel with a great location</span>. Town hall station in a 5 minute walk, St James station is about 3 mins away. If there are two or more people it is probably cheaper to get a taxi from the airport. Our room was massive, modern and spotlessly clean. the only downside was having paid the hotel bill in full before our arrival, the reception proceeded to charge my credit card again. This was a major inconvience as we were at the end of our 3 week holiday and my credit card was near it's limit. The problem was eventually sorted after a few days but it prevented me from using my card during this time. Although helpful, I didn't even get an apology from the staff!</div><div class='text-box'>I stayed at this Hotel for 6 nights, and <span class='review-span highlight' data-aligned-summaries='0 1'>not sure if I would return again if in Sydney</span>. The location is excellent and the concierge know their stuff, but sadly I think it ends there. When I checked in I was informed that I had been upgraded, but on further inspection it was the room that I had actually paid for in advance. The room itself had a balcony (for which I paid extra), but no views as such, not like it was described on their website. The Hotel was busy and I was told to check on a daily basis if I wanted to change rooms. I was hassled most mornings at breakfast, because my name did not appear on the list which it should have been. <span class='review-span highlight' data-aligned-summaries='0 1'>Definitely not a 5 Star Hotel</span>.Internet charges outrageous.</div><div class='text-box'>we booked to stay here through wotif.com after initially looking to rent a self catered apartment from which to explore sydney we found this to be a very good price for us to have a very comfortable room, our flight landed at 0530 the day we were checking in so i wrote to the hotel to <span class='review-span highlight' data-aligned-summaries='0'>ask how early we could check in</span> not expecting a positive response but we <span class='review-span highlight' data-aligned-summaries='0'>got a nice reply and</span> when we arrived after a 24hr flight from france we <span class='review-span highlight' data-aligned-summaries='0'>were given our room at 6</span>am!, very good. <span class='review-span highlight' data-aligned-summaries='1'>staff very nice would reccommend here for a good base in sydney</span>.</div><div class='text-box'>Hotel room was nicely appointed and with a good city view. For a Sunday night though the food on offer was limited - as was the service. Staff had to be asked for drinks and to order food - and it did seem to be an inconvenience that we wanted service. Breakfast was the standard continental or hot and nothing very exciting. Once again the staff seemed to be inconvenienced by our presence. <span class='review-span highlight' data-aligned-summaries='0 1'>Given the nice rooms and good location it was disappointing that the service was so slack and uninspiring</span>.<span class='review-span highlight' data-aligned-summaries='1'></span></div><div class='text-box'>the hotel itself is a bit difficult to find, and apparently not well known. <span class='review-span highlight' data-aligned-summaries='0'>location is supreme</span> however in between george and pitt street. also very near darling harbour and town hall rail station. service was not much above average. <span class='review-span highlight' data-aligned-summaries='0'>the biggest disgust</span> experienced <span class='review-span highlight' data-aligned-summaries='0'>was</span> indeed <span class='review-span highlight' data-aligned-summaries='0'>the exceedingly high cost of internet</span> and difficulty accessing once you have registered. during my trips back to sydney, <span class='review-span highlight' data-aligned-summaries='1'>i will definitely compare other hotels before here</span>, such as Hilton or Marriot.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>I experianced</span> <span class='review-span highlight' data-aligned-summaries='0 1'>a most enjoyable stay</span> <span class='review-span highlight' data-aligned-summaries='1'>with a nice room</span> the location to my business appointment was just ideal and the service in the resturant caould not be faulted. Nice and friendly. <span class='review-span highlight' data-aligned-summaries='0 1'>Unfortunately the sign out was very frustrating</span> - too long.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0 1'>Restaurant very good</span>. <span class='review-span highlight' data-aligned-summaries='0 1'>Problem with bathroom was resolved</span> very quickly.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">Overall an enjoyable stay.</span> <span id="1" class="summary-sentence">This is a very recommended hotel.</span></div></div>
|
| 74 |
-
<script>
|
| 75 |
-
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 76 |
-
sentence.addEventListener('mouseenter', function() {
|
| 77 |
-
const summaryId = this.getAttribute('id');
|
| 78 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 79 |
-
if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
|
| 80 |
-
span.classList.remove('highlight');
|
| 81 |
-
span.classList.add('not-hover-highlight');
|
| 82 |
-
console.log('entered!');
|
| 83 |
-
}
|
| 84 |
-
});
|
| 85 |
-
this.classList.add('highlight');
|
| 86 |
-
});
|
| 87 |
-
|
| 88 |
-
sentence.addEventListener('mouseleave', function() {
|
| 89 |
-
const summaryId = this.getAttribute('id');
|
| 90 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 91 |
-
if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
|
| 92 |
-
span.classList.remove('not-hover-highlight');
|
| 93 |
-
span.classList.add('highlight');
|
| 94 |
-
console.log('left!');
|
| 95 |
-
}
|
| 96 |
-
this.classList.remove('highlight');
|
| 97 |
-
});
|
| 98 |
-
});
|
| 99 |
-
});
|
| 100 |
-
|
| 101 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 102 |
-
span.addEventListener('mouseenter', function() {
|
| 103 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 104 |
-
if (span !== this) {
|
| 105 |
-
span.classList.remove('highlight');
|
| 106 |
-
span.classList.add('not-hover-highlight');
|
| 107 |
-
}
|
| 108 |
-
});
|
| 109 |
-
const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
|
| 110 |
-
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 111 |
-
if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
|
| 112 |
-
sentence.classList.add('highlight');
|
| 113 |
-
}
|
| 114 |
-
});
|
| 115 |
-
});
|
| 116 |
-
});
|
| 117 |
-
|
| 118 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 119 |
-
span.addEventListener('mouseleave', function() {
|
| 120 |
-
const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
|
| 121 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 122 |
-
if (span !== this) {
|
| 123 |
-
span.classList.remove('not-hover-highlight');
|
| 124 |
-
span.classList.add('highlight');
|
| 125 |
-
}
|
| 126 |
-
});
|
| 127 |
-
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 128 |
-
if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
|
| 129 |
-
sentence.classList.remove('highlight');
|
| 130 |
-
}
|
| 131 |
-
});
|
| 132 |
-
});
|
| 133 |
-
});
|
| 134 |
-
|
| 135 |
-
</script>
|
| 136 |
-
</body>
|
| 137 |
-
</html>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
html_files/test/130.html
DELETED
|
@@ -1,137 +0,0 @@
|
|
| 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: 30%;
|
| 25 |
-
font-size: 1.0rem;
|
| 26 |
-
padding: 10px;
|
| 27 |
-
height: 40vh; /* 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: 40vh; /* 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'>Best Hotel we have stayed in</span>! We stayed at the Langham Place for 5 nights in August and were not disappointed. My wife and I both agreed that is probably the best hotel we have ever stayed in.<span class='review-span highlight' data-aligned-summaries='5'>Hotel staff could not be more helpful</span> and the standards of cleanliness in the rooms and elsewhere was excellent.<span class='review-span highlight' data-aligned-summaries='4'>Rooms are not huge but of a very high standard</span>.<span class='review-span highlight' data-aligned-summaries='6'>Food quality is also superb and multi-cultural</span>.<span class='review-span highlight' data-aligned-summaries='2'>The only slight negative point was the hotel's location</span>, in that it is in a working class area of Kowloon that <span class='review-span highlight' data-aligned-summaries='2'>is not the most pleasant area to walk around (especially late at night)</span>. The MTR (Tube) is very close and efficient and Hong Kong island is about 15 minutes away.<span class='review-span highlight' data-aligned-summaries='3'>We booked one of the Club Rooms which are high up and give an excellent view</span> of the City. Also the Club Rooms enable 24hr access the Hotel's Club lounge which entitles you to free breakfast (which is excellent) and free snacks and drinks at any time.</div><div class='text-box'>Is O K <span class='review-span highlight' data-aligned-summaries='3 4'>The room</span> booked were for a family of three, they called them Kowloon Room, which supposed to be a bit bigger than the standard room in the Hotel. I still found it to <span class='review-span highlight' data-aligned-summaries='0'>be</span> <span class='review-span highlight' data-aligned-summaries='0 3 4'>small for three peoples</span>.<span class='review-span highlight' data-aligned-summaries='0 4'>The advertised blissful bed were</span> <span class='review-span highlight' data-aligned-summaries='0'>no better than any other hotel bed</span>, hence <span class='review-span highlight' data-aligned-summaries='4'>firm and</span> <span class='review-span highlight' data-aligned-summaries='3 4'>not too comfy</span>.The Hotel is O K as a 4 star Hotel with <span class='review-span highlight' data-aligned-summaries='6'>over priced buffet meals</span> and breckfest.The buffet <span class='review-span highlight' data-aligned-summaries='6'>in the morning and dinner times are more or less the same every night</span> and you soon get sick of what's there.I would recommand to sample the local eateria and your money will go a long way.The gym and swimming pool are very good, especially the spa facilities, you will get all the steam room and sauna with in the changing room area and also a hot tub, all in all <span class='review-span highlight' data-aligned-summaries='1'>the spa facilities make the stay a bit special</span>.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>5 star hotel 2 star attitude</span> Good Hotel to start with, but was astonished when they could not accept my visa debit card and instead wanted a credit card.! Debit card means you have the money in bank and not taking a loan like credit card.! Had to keep a 1000$ security deposit instead.<span class='review-span highlight' data-aligned-summaries='0 3 4 5'>Excellent room</span>,<span class='review-span highlight' data-aligned-summaries='0 5'> good service and though staff's are not highly trained</span> <span class='review-span highlight' data-aligned-summaries='5'>but very much co-operative</span>. My hassle was to pay them all bills at the end of the day throughout my 7 days stay, as due to some strange reasons they were unable to believe that I do not carry a credit card, and probably wanted to make sure that I do not catch my flight back to Dubai after seven days with all bills unpaid.I have stayed in Conrad and Peninsula in HK on my earlier visits, and have never faced such a issue.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>recommend</span> Worth booking into the club floor for the daily cocktail hour,internet access and all day nibbles.<span class='review-span highlight' data-aligned-summaries='0 5'>Staff excellent</span> <span class='review-span highlight' data-aligned-summaries='0'>and the</span> <span class='review-span highlight' data-aligned-summaries='0 1'>spa amazing</span> and not 'over the top' expensive.<span class='review-span highlight' data-aligned-summaries='0 1'>Great couples facilities</span> for massage and treatmentsGreat shopping mall attached and centrally located to other attractions.Beware the taxi drivers who take you the extra long route to destinations</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>Heaven! The hotel was perfect, really well looked after</span> and <span class='review-span highlight' data-aligned-summaries='3 4'>the room was lovely</span> <span class='review-span highlight' data-aligned-summaries='3'>with a good view</span>. Free dvds and internet access were also provided. The weather was quite mixed so direct access to the mall and cinema next door proved very useful! <span class='review-span highlight' data-aligned-summaries='0'>Slightly expensive but i'd definitely stay again</span>.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>Loved The Langham Great hotel</span>.<span class='review-span highlight' data-aligned-summaries='5'>Staff excellent</span> can't do enough for you.<span class='review-span highlight' data-aligned-summaries='3 4'>Lovely room</span> <span class='review-span highlight' data-aligned-summaries='3'>great view</span>.Try <span class='review-span highlight' data-aligned-summaries='1'>the Spa is really lush</span>.<span class='review-span highlight' data-aligned-summaries='0'>Reccommend to all</span>.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>Loved the Langham place hotel</span> Attached to Langham Place Hotel is the brand new Langham place shopping mall</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='3'>Upgrade to Club</span> - you know your worth it! A typical Club <span class='review-span highlight' data-aligned-summaries='3'>Room</span></div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">The hotel was a great place to stay and comes highly recommended.</span> <span id="1" class="summary-sentence">The spa was incredible.</span> <span id="2" class="summary-sentence">The area the hotel is located in is not very nice to walk in.</span> <span id="3" class="summary-sentence">Generally a really nice room with great views.</span> <span id="4" class="summary-sentence">The bed was a bit firm but the room itself was lovely.</span> <span id="5" class="summary-sentence">It is clear that some of the staff need more training and a more professional attitude in dealing with problems.</span> <span id="6" class="summary-sentence">The food at the hotel offered a multi cultural selection .</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 |
-
console.log('entered!');
|
| 83 |
-
}
|
| 84 |
-
});
|
| 85 |
-
this.classList.add('highlight');
|
| 86 |
-
});
|
| 87 |
-
|
| 88 |
-
sentence.addEventListener('mouseleave', function() {
|
| 89 |
-
const summaryId = this.getAttribute('id');
|
| 90 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 91 |
-
if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
|
| 92 |
-
span.classList.remove('not-hover-highlight');
|
| 93 |
-
span.classList.add('highlight');
|
| 94 |
-
console.log('left!');
|
| 95 |
-
}
|
| 96 |
-
this.classList.remove('highlight');
|
| 97 |
-
});
|
| 98 |
-
});
|
| 99 |
-
});
|
| 100 |
-
|
| 101 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 102 |
-
span.addEventListener('mouseenter', function() {
|
| 103 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 104 |
-
if (span !== this) {
|
| 105 |
-
span.classList.remove('highlight');
|
| 106 |
-
span.classList.add('not-hover-highlight');
|
| 107 |
-
}
|
| 108 |
-
});
|
| 109 |
-
const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
|
| 110 |
-
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 111 |
-
if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
|
| 112 |
-
sentence.classList.add('highlight');
|
| 113 |
-
}
|
| 114 |
-
});
|
| 115 |
-
});
|
| 116 |
-
});
|
| 117 |
-
|
| 118 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 119 |
-
span.addEventListener('mouseleave', function() {
|
| 120 |
-
const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
|
| 121 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 122 |
-
if (span !== this) {
|
| 123 |
-
span.classList.remove('not-hover-highlight');
|
| 124 |
-
span.classList.add('highlight');
|
| 125 |
-
}
|
| 126 |
-
});
|
| 127 |
-
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 128 |
-
if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
|
| 129 |
-
sentence.classList.remove('highlight');
|
| 130 |
-
}
|
| 131 |
-
});
|
| 132 |
-
});
|
| 133 |
-
});
|
| 134 |
-
|
| 135 |
-
</script>
|
| 136 |
-
</body>
|
| 137 |
-
</html>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
html_files/test/131.html
DELETED
|
@@ -1,137 +0,0 @@
|
|
| 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: 30%;
|
| 25 |
-
font-size: 1.0rem;
|
| 26 |
-
padding: 10px;
|
| 27 |
-
height: 40vh; /* 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: 40vh; /* 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'>Best Hotel we have stayed in! <span class='review-span highlight' data-aligned-summaries='0'>We stayed at the Langham Place</span> for 5 nights in August <span class='review-span highlight' data-aligned-summaries='0'>and were not disappointed</span>. My wife and I both agreed that is probably the best hotel we have ever stayed in.Hotel staff could not be more helpful and <span class='review-span highlight' data-aligned-summaries='3'>the standards of cleanliness in the rooms</span> and elsewhere <span class='review-span highlight' data-aligned-summaries='3'>was excellent</span>.<span class='review-span highlight' data-aligned-summaries='2'>Rooms are not huge but of a very high standard</span>.<span class='review-span highlight' data-aligned-summaries='5'>Food quality is also superb and multi-cultural</span>.The only slight negative point was the hotel's location, in that it is in a working class area of Kowloon that is not the most pleasant area to walk around (especially late at night). The MTR (Tube) is very close and efficient and Hong Kong island is about 15 minutes away.<span class='review-span highlight' data-aligned-summaries='2'>We booked one of the Club Rooms which are high up and give an excellent view of the City</span>. Also the Club Rooms enable 24hr access the Hotel's Club lounge which entitles you to free breakfast (which is excellent) and free snacks and drinks at any time.</div><div class='text-box'>Is O K The room booked were for a family of three, they called <span class='review-span highlight' data-aligned-summaries='2'>them Kowloon Room, which supposed to be a bit bigger than the standard room in the Hotel. I still found it to be small for three peoples.The advertised blissful</span> <span class='review-span highlight' data-aligned-summaries='2 3'>bed were no better than any other hotel bed, hence firm and not too comfy</span>.The Hotel is O K as a 4 star Hotel with over priced buffet meals and breckfest.<span class='review-span highlight' data-aligned-summaries='5 6'>The buffet</span> <span class='review-span highlight' data-aligned-summaries='6'>in the morning and</span> <span class='review-span highlight' data-aligned-summaries='5 6'>dinner times are more or less the same every night</span> <span class='review-span highlight' data-aligned-summaries='6'>and you soon get sick of what's there.I would recommand to sample the local eateria and your money will go a long way</span>.The gym and swimming pool are very good, especially the spa facilities, you will get all the steam room and sauna with in the changing room area and also a hot tub, <span class='review-span highlight' data-aligned-summaries='0'>all in all the spa facilities make the stay a bit special</span>.</div><div class='text-box'>5 star hotel 2 star attitude Good Hotel to start with, but was astonished when they could not accept my visa debit card and instead wanted a credit card.! Debit card means you have the money in bank and not taking a loan like credit card.! Had to keep a 1000$ security deposit instead.<span class='review-span highlight' data-aligned-summaries='2'>Excellent room</span>, good service and though <span class='review-span highlight' data-aligned-summaries='4'>staff's are not highly trained but very much co-operative</span>. My hassle was to pay them all bills at the end of the day throughout my 7 days stay, as due to some strange reasons they were unable to believe that I do not carry a credit card, and probably wanted to make sure that I do not catch my flight back to Dubai after seven days with all bills unpaid.I have stayed in Conrad and Peninsula in HK on my earlier visits, and have never faced such a issue.</div><div class='text-box'>recommend <span class='review-span highlight' data-aligned-summaries='7'>Worth booking</span> into the club floor <span class='review-span highlight' data-aligned-summaries='7'>for the daily cocktail hour</span>,internet access <span class='review-span highlight' data-aligned-summaries='7'>and all day nibbles</span>.<span class='review-span highlight' data-aligned-summaries='4'>Staff excellent</span> and the <span class='review-span highlight' data-aligned-summaries='0'>spa amazing</span> and not 'over the top' expensive.<span class='review-span highlight' data-aligned-summaries='0'>Great</span> couples facilities for massage and <span class='review-span highlight' data-aligned-summaries='0'>treatmentsGreat</span> <span class='review-span highlight' data-aligned-summaries='0 1'>shopping mall attached</span> and centrally located to other attractions.Beware the taxi drivers who take you the extra long route to destinations</div><div class='text-box'>Heaven! <span class='review-span highlight' data-aligned-summaries='1'>The hotel</span> was perfect, really well looked after and the <span class='review-span highlight' data-aligned-summaries='2'>room was lovely with a good view</span>. <span class='review-span highlight' data-aligned-summaries='8'>Free dvds</span> and internet <span class='review-span highlight' data-aligned-summaries='8'>access were also provided</span>. <span class='review-span highlight' data-aligned-summaries='1'>The weather was quite mixed so direct access to</span> <span class='review-span highlight' data-aligned-summaries='0 1'>the mall and</span> <span class='review-span highlight' data-aligned-summaries='1'>cinema</span> <span class='review-span highlight' data-aligned-summaries='0 1'>next door proved very useful</span>! Slightly expensive but i'd definitely stay again.</div><div class='text-box'>Loved The Langham Great hotel.<span class='review-span highlight' data-aligned-summaries='0 4'>Staff excellent</span> <span class='review-span highlight' data-aligned-summaries='0'>can't do enough for you</span>.<span class='review-span highlight' data-aligned-summaries='2'>Lovely room great view</span>.<span class='review-span highlight' data-aligned-summaries='0'>Try the Spa is really lush</span>.Reccommend to all.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>Loved the Langham place hotel</span> <span class='review-span highlight' data-aligned-summaries='0 1'>Attached</span> <span class='review-span highlight' data-aligned-summaries='1'>to Langham Place Hotel</span> <span class='review-span highlight' data-aligned-summaries='0 1'>is the brand new Langham place shopping mall</span></div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='2'>Upgrade to Club</span> - you know your worth it! A typical Club <span class='review-span highlight' data-aligned-summaries='2'>Room</span></div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">Langham Place does not disappoint with its new shopping mall and spa.</span> <span id="1" class="summary-sentence">This hotel is attached to the mall and cinema which was great because sometimes this location has unpredictable weather.</span> <span id="2" class="summary-sentence">Medium sized rooms that are to a high standard with excellent views.</span> <span id="3" class="summary-sentence">Rooms are well maintained, with standard beds.</span> <span id="4" class="summary-sentence">Some of the staff was lack training.</span> <span id="5" class="summary-sentence">A buffet style dinner is offered every evening, and the quality of the multi cultural cuisine is generally well liked amongst guests that visit.</span> <span id="6" class="summary-sentence">The food options can get repetitive if staying for a longer trip, however your money goes a long way when eating at this hotel.</span> <span id="7" class="summary-sentence">The daily cocktail hour is also worth a visit, alongside daily nibbles provided by the hotel.</span> <span id="8" class="summary-sentence">The hotel provided free DVDs for guests to watch.</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 |
-
console.log('entered!');
|
| 83 |
-
}
|
| 84 |
-
});
|
| 85 |
-
this.classList.add('highlight');
|
| 86 |
-
});
|
| 87 |
-
|
| 88 |
-
sentence.addEventListener('mouseleave', function() {
|
| 89 |
-
const summaryId = this.getAttribute('id');
|
| 90 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 91 |
-
if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
|
| 92 |
-
span.classList.remove('not-hover-highlight');
|
| 93 |
-
span.classList.add('highlight');
|
| 94 |
-
console.log('left!');
|
| 95 |
-
}
|
| 96 |
-
this.classList.remove('highlight');
|
| 97 |
-
});
|
| 98 |
-
});
|
| 99 |
-
});
|
| 100 |
-
|
| 101 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 102 |
-
span.addEventListener('mouseenter', function() {
|
| 103 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 104 |
-
if (span !== this) {
|
| 105 |
-
span.classList.remove('highlight');
|
| 106 |
-
span.classList.add('not-hover-highlight');
|
| 107 |
-
}
|
| 108 |
-
});
|
| 109 |
-
const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
|
| 110 |
-
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 111 |
-
if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
|
| 112 |
-
sentence.classList.add('highlight');
|
| 113 |
-
}
|
| 114 |
-
});
|
| 115 |
-
});
|
| 116 |
-
});
|
| 117 |
-
|
| 118 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 119 |
-
span.addEventListener('mouseleave', function() {
|
| 120 |
-
const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
|
| 121 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 122 |
-
if (span !== this) {
|
| 123 |
-
span.classList.remove('not-hover-highlight');
|
| 124 |
-
span.classList.add('highlight');
|
| 125 |
-
}
|
| 126 |
-
});
|
| 127 |
-
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 128 |
-
if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
|
| 129 |
-
sentence.classList.remove('highlight');
|
| 130 |
-
}
|
| 131 |
-
});
|
| 132 |
-
});
|
| 133 |
-
});
|
| 134 |
-
|
| 135 |
-
</script>
|
| 136 |
-
</body>
|
| 137 |
-
</html>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
html_files/test/132.html
DELETED
|
@@ -1,137 +0,0 @@
|
|
| 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: 30%;
|
| 25 |
-
font-size: 1.0rem;
|
| 26 |
-
padding: 10px;
|
| 27 |
-
height: 40vh; /* 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: 40vh; /* 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 husband, son and daughter-in-law recently stayed four nights here and <span class='review-span highlight' data-aligned-summaries='0'>EVERYTHING was just great</span>! We flew into Midway, <span class='review-span highlight' data-aligned-summaries='1'>caught the EL in and walked 1 1/2 blocks to the hotel</span>. We were guided each time out to what was the fastest/easiest way to either bus, train or told to take a taxi by the hotel staff. <span class='review-span highlight' data-aligned-summaries='0'>We loved every minute of our stay</span>. The ONLY snafu was the outside flags mounted to the window of the room during a really windy time around 3-4am kept banging. Everything was clean, neat and the folks were super, super nice!</div><div class='text-box'>Traveled to Chicago for baseball, Cubs vs Giants. After an exhaustive search chose the La Quinta for both location and cost. We were not disappointed. <span class='review-span highlight' data-aligned-summaries='0 2'>Clean modern rooms</span>,<span class='review-span highlight' data-aligned-summaries='0'></span> <span class='review-span highlight' data-aligned-summaries='0 4'>breakfast buffet</span> <span class='review-span highlight' data-aligned-summaries='0'>and business center</span> <span class='review-span highlight' data-aligned-summaries='0 2'>all</span> <span class='review-span highlight' data-aligned-summaries='0 2 4'>exceeded our expectations</span> <span class='review-span highlight' data-aligned-summaries='0'>for mid-level chain hotel</span>. <span class='review-span highlight' data-aligned-summaries='1'>Public transportation is readily assessable</span> and the hotel is within walking distance to most sights within the downtown loop. Would definitely stay there again.</div><div class='text-box'>Love, <span class='review-span highlight' data-aligned-summaries='0'>loved this place</span>! Great location.it was within walking distance to the Taste of Chicago and other attractions. <span class='review-span highlight' data-aligned-summaries='2'>The rooms were</span> updated and <span class='review-span highlight' data-aligned-summaries='2'>clean</span>. Pretty spacey.the bathroom was HUGE! They also <span class='review-span highlight' data-aligned-summaries='4'>served continental breakfast</span> which is always a plus in my book. There was a lot of food choices and the staff was SO friendly! Definately will stay again!</div><div class='text-box'>We spent 3 nights at this hotel. <span class='review-span highlight' data-aligned-summaries='0'>Staff were helpful and relatively friendly</span>, <span class='review-span highlight' data-aligned-summaries='4'>breakfast was very good</span> and our room was very comfortable. <span class='review-span highlight' data-aligned-summaries='0'>Not too far from the downtown area</span>, it can be walked in about 20 mins or <span class='review-span highlight' data-aligned-summaries='1'>there is easy transport within a block or two</span>. Would stay there again . . and Chicago was great!</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>Hotel was very crowded</span>, people dogs everywhere elevators were painfully slow, <span class='review-span highlight' data-aligned-summaries='0'>and</span> <span class='review-span highlight' data-aligned-summaries='0 4'>the free breakfast was more like a soup kitchen</span>, big lineups no were to sit, and I went back 3 times with no luck. so I just gave up after awhile and went out for food.</div><div class='text-box'>the staff were all very courteous and helpful <span class='review-span highlight' data-aligned-summaries='4'>the complimentary breakfast was very good</span>, lots of good choices, the food/beverages are all laid out well for people to walk through out the room the room was fine, <span class='review-span highlight' data-aligned-summaries='3 5'>one stand out would be the thermostat control</span> <span class='review-span highlight' data-aligned-summaries='3'>for heat/cool</span>.</div><div class='text-box'>Stayed at this hotel for a weekend vacation. <span class='review-span highlight' data-aligned-summaries='0 2'>Rooms were clean</span>. The front desk staff for the most part were friendly and helpful. The <span class='review-span highlight' data-aligned-summaries='0'>hotel is</span> located <span class='review-span highlight' data-aligned-summaries='0'>in an excellent location</span>. Close to many area attractions such as the Willis Tower.</div><div class='text-box'>I stayed 2 nights for business and my conference was 3 blocks away. <span class='review-span highlight' data-aligned-summaries='0'>I could not have asked for a better hotel</span> for my top 3 concerns: <span class='review-span highlight' data-aligned-summaries='2'>Clean</span>, Price, and Location. I would stay here again even for pleasure.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">The hotel was great and comes highly recommended.</span> <span id="1" class="summary-sentence">The hotel is close to transport networks.</span> <span id="2" class="summary-sentence">The modern rooms were really clean.</span> <span id="3" class="summary-sentence">What really stood out was the thermostat that controls the heat and coolness of the room.</span> <span id="4" class="summary-sentence">The complimentary breakfast provided by the hotel was substandard.</span> <span id="5" class="summary-sentence">The hotel has a thermostat control.</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 |
-
console.log('entered!');
|
| 83 |
-
}
|
| 84 |
-
});
|
| 85 |
-
this.classList.add('highlight');
|
| 86 |
-
});
|
| 87 |
-
|
| 88 |
-
sentence.addEventListener('mouseleave', function() {
|
| 89 |
-
const summaryId = this.getAttribute('id');
|
| 90 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 91 |
-
if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
|
| 92 |
-
span.classList.remove('not-hover-highlight');
|
| 93 |
-
span.classList.add('highlight');
|
| 94 |
-
console.log('left!');
|
| 95 |
-
}
|
| 96 |
-
this.classList.remove('highlight');
|
| 97 |
-
});
|
| 98 |
-
});
|
| 99 |
-
});
|
| 100 |
-
|
| 101 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 102 |
-
span.addEventListener('mouseenter', function() {
|
| 103 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 104 |
-
if (span !== this) {
|
| 105 |
-
span.classList.remove('highlight');
|
| 106 |
-
span.classList.add('not-hover-highlight');
|
| 107 |
-
}
|
| 108 |
-
});
|
| 109 |
-
const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
|
| 110 |
-
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 111 |
-
if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
|
| 112 |
-
sentence.classList.add('highlight');
|
| 113 |
-
}
|
| 114 |
-
});
|
| 115 |
-
});
|
| 116 |
-
});
|
| 117 |
-
|
| 118 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 119 |
-
span.addEventListener('mouseleave', function() {
|
| 120 |
-
const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
|
| 121 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 122 |
-
if (span !== this) {
|
| 123 |
-
span.classList.remove('not-hover-highlight');
|
| 124 |
-
span.classList.add('highlight');
|
| 125 |
-
}
|
| 126 |
-
});
|
| 127 |
-
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 128 |
-
if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
|
| 129 |
-
sentence.classList.remove('highlight');
|
| 130 |
-
}
|
| 131 |
-
});
|
| 132 |
-
});
|
| 133 |
-
});
|
| 134 |
-
|
| 135 |
-
</script>
|
| 136 |
-
</body>
|
| 137 |
-
</html>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
html_files/test/133.html
DELETED
|
@@ -1,137 +0,0 @@
|
|
| 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: 30%;
|
| 25 |
-
font-size: 1.0rem;
|
| 26 |
-
padding: 10px;
|
| 27 |
-
height: 40vh; /* 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: 40vh; /* 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 husband, son and daughter-in-law recently stayed four nights here and <span class='review-span highlight' data-aligned-summaries='0'>EVERYTHING was just great</span>! We flew into Midway, <span class='review-span highlight' data-aligned-summaries='1'>caught the EL in and walked 1 1/2 blocks to the hotel</span>. We were guided each time out to what was the fastest/easiest way to either bus, train or told to take a taxi by the hotel staff. We loved every minute of our stay. The ONLY snafu was the outside flags mounted to the window of the room during a really windy time around 3-4am kept banging. Everything was clean, neat and the folks were super, super nice!</div><div class='text-box'>Traveled to Chicago for baseball, Cubs vs Giants. After an exhaustive search chose the La Quinta for both location and cost. We were not disappointed. <span class='review-span highlight' data-aligned-summaries='0 2'>Clean modern rooms</span>, <span class='review-span highlight' data-aligned-summaries='3'>breakfast buffet</span> <span class='review-span highlight' data-aligned-summaries='0'>and business center all exceeded our expectations</span> for mid-level chain hotel. <span class='review-span highlight' data-aligned-summaries='1'>Public transportation is readily assessable</span> and the hotel is within walking distance to most sights within the downtown loop. Would definitely stay there again.</div><div class='text-box'>Love, <span class='review-span highlight' data-aligned-summaries='0'>loved this place</span>! Great location.it was within walking distance to the Taste of Chicago and other attractions. <span class='review-span highlight' data-aligned-summaries='2'>The rooms were updated</span> and clean. Pretty spacey.the bathroom was HUGE! <span class='review-span highlight' data-aligned-summaries='3'>They also served continental breakfast which is always a plus in my book</span>. There was a lot of food choices and the staff was SO friendly! Definately will stay again!</div><div class='text-box'>We spent 3 nights at this hotel. <span class='review-span highlight' data-aligned-summaries='0'>Staff were helpful</span> and relatively friendly, <span class='review-span highlight' data-aligned-summaries='3'>breakfast was very good</span> and <span class='review-span highlight' data-aligned-summaries='0'>our room was very comfortable</span>. Not too far from the downtown area, it can be walked in about 20 mins or there is <span class='review-span highlight' data-aligned-summaries='1'>easy transport within a block or two</span>. Would stay there again . . and Chicago was great!</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>Hotel was very crowded, people dogs everywhere</span> elevators were painfully slow, and <span class='review-span highlight' data-aligned-summaries='3'>the free</span> <span class='review-span highlight' data-aligned-summaries='0 3'>breakfast was more like a soup kitchen</span>,<span class='review-span highlight' data-aligned-summaries='3'> big lineups no were to sit, and I went back 3 times with no luck</span>. so I just gave up after awhile and went out for food.</div><div class='text-box'>the <span class='review-span highlight' data-aligned-summaries='0'>staff were all very courteous and helpful</span> <span class='review-span highlight' data-aligned-summaries='3'>the complimentary</span> <span class='review-span highlight' data-aligned-summaries='0 3'>breakfast was very good</span>,<span class='review-span highlight' data-aligned-summaries='3'> lots of good choices</span>, the food/beverages are all laid out well for people to walk through out <span class='review-span highlight' data-aligned-summaries='2'>the room the room was fine,</span> <span class='review-span highlight' data-aligned-summaries='2 4'>one stand out would be the thermostat control for heat/cool</span>.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>Stayed at this hotel for a</span> weekend <span class='review-span highlight' data-aligned-summaries='0'>vacation</span>. Rooms were clean. The front desk staff for the most part were friendly and helpful. The hotel is located in an excellent location. Close to many area attractions such as the Willis Tower.</div><div class='text-box'>I stayed 2 nights for business and my conference was 3 blocks away. I <span class='review-span highlight' data-aligned-summaries='0'>could not have asked for a better hotel</span> for my top 3 concerns: Clean, Price, and Location. I <span class='review-span highlight' data-aligned-summaries='0'>would stay here</span> again <span class='review-span highlight' data-aligned-summaries='0'>even for pleasure</span>.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">You could stay here for pleasure or otherwise because it's such a great hotel.</span> <span id="1" class="summary-sentence">The public transportation is incredibly close.</span> <span id="2" class="summary-sentence">The hotel has modern rooms, even having a thermostat control for the room's temperature.</span> <span id="3" class="summary-sentence">Whilst the breakfast was free it felt a lot more like a soup kitchen with massive lines and nowhere to even sit.</span> <span id="4" class="summary-sentence">There was a thermostat that was useful for controlling how hot or cool you would like it to be.</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 |
-
console.log('entered!');
|
| 83 |
-
}
|
| 84 |
-
});
|
| 85 |
-
this.classList.add('highlight');
|
| 86 |
-
});
|
| 87 |
-
|
| 88 |
-
sentence.addEventListener('mouseleave', function() {
|
| 89 |
-
const summaryId = this.getAttribute('id');
|
| 90 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 91 |
-
if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
|
| 92 |
-
span.classList.remove('not-hover-highlight');
|
| 93 |
-
span.classList.add('highlight');
|
| 94 |
-
console.log('left!');
|
| 95 |
-
}
|
| 96 |
-
this.classList.remove('highlight');
|
| 97 |
-
});
|
| 98 |
-
});
|
| 99 |
-
});
|
| 100 |
-
|
| 101 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 102 |
-
span.addEventListener('mouseenter', function() {
|
| 103 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 104 |
-
if (span !== this) {
|
| 105 |
-
span.classList.remove('highlight');
|
| 106 |
-
span.classList.add('not-hover-highlight');
|
| 107 |
-
}
|
| 108 |
-
});
|
| 109 |
-
const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
|
| 110 |
-
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 111 |
-
if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
|
| 112 |
-
sentence.classList.add('highlight');
|
| 113 |
-
}
|
| 114 |
-
});
|
| 115 |
-
});
|
| 116 |
-
});
|
| 117 |
-
|
| 118 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 119 |
-
span.addEventListener('mouseleave', function() {
|
| 120 |
-
const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
|
| 121 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 122 |
-
if (span !== this) {
|
| 123 |
-
span.classList.remove('not-hover-highlight');
|
| 124 |
-
span.classList.add('highlight');
|
| 125 |
-
}
|
| 126 |
-
});
|
| 127 |
-
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 128 |
-
if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
|
| 129 |
-
sentence.classList.remove('highlight');
|
| 130 |
-
}
|
| 131 |
-
});
|
| 132 |
-
});
|
| 133 |
-
});
|
| 134 |
-
|
| 135 |
-
</script>
|
| 136 |
-
</body>
|
| 137 |
-
</html>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
html_files/test/134.html
DELETED
|
@@ -1,137 +0,0 @@
|
|
| 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: 30%;
|
| 25 |
-
font-size: 1.0rem;
|
| 26 |
-
padding: 10px;
|
| 27 |
-
height: 40vh; /* 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: 40vh; /* 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 husband, son and daughter-in-law recently stayed four nights here and <span class='review-span highlight' data-aligned-summaries='0'>EVERYTHING was just great</span>! We <span class='review-span highlight' data-aligned-summaries='1'>flew into Midway, caught the EL in and walked 1 1/2 blocks to the hotel</span>. We were guided each time out to what was the fastest/easiest way to either bus, train or told to take a taxi by the hotel staff. We loved every minute of our stay. The ONLY snafu was the outside flags mounted to the window of the room during a really windy time around 3-4am kept banging. <span class='review-span highlight' data-aligned-summaries='2'>Everything was clean</span>, neat and the folks were super, super nice!</div><div class='text-box'>Traveled to Chicago for baseball, Cubs vs Giants. After an exhaustive search chose the La Quinta for both location and cost. We were not disappointed. <span class='review-span highlight' data-aligned-summaries='0 2'>Clean modern rooms</span>, breakfast buffet <span class='review-span highlight' data-aligned-summaries='0'>and business center all exceeded our expectations</span> for mid-level chain hotel. <span class='review-span highlight' data-aligned-summaries='1'>Public transportation is readily assessable</span> and the hotel is within walking distance to most sights within the downtown loop. Would definitely stay there again.</div><div class='text-box'>Love, loved this place! <span class='review-span highlight' data-aligned-summaries='0'>Great location.it</span> was within walking distance to the Taste of Chicago and other attractions. <span class='review-span highlight' data-aligned-summaries='0 2'>The rooms were updated and clean</span>. Pretty spacey.the bathroom was HUGE! They also served continental breakfast which is always a plus in my book. There was a lot of food choices and the staff was SO friendly! Definately will stay again!</div><div class='text-box'>We spent 3 nights at this hotel. <span class='review-span highlight' data-aligned-summaries='0'>Staff were helpful and relatively friendly</span>, breakfast was very good <span class='review-span highlight' data-aligned-summaries='0'>and our room was very comfortable</span>. Not too far from the downtown area, it can be walked in about 20 mins or <span class='review-span highlight' data-aligned-summaries='1'>there is easy transport within a block or two</span>. Would stay there again . . and Chicago was great!</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>Hotel was very crowded</span>, people dogs everywhere elevators were painfully slow, and the <span class='review-span highlight' data-aligned-summaries='0'>free breakfast was more like a soup kitchen</span>, big lineups no were to sit, and I went back 3 times with no luck. so I just gave up after awhile and went out for food.</div><div class='text-box'>the <span class='review-span highlight' data-aligned-summaries='0'>staff were all very courteous</span> and helpful the complimentary breakfast was very good, lots of good choices, the food/beverages are all laid out well for people to walk through out the room <span class='review-span highlight' data-aligned-summaries='0'>the room was fine</span>, one stand out would be the thermostat control for heat/cool.</div><div class='text-box'>Stayed at this hotel for a weekend vacation. <span class='review-span highlight' data-aligned-summaries='2'>Rooms were clean</span>. The front desk staff for the most part were friendly and helpful. The <span class='review-span highlight' data-aligned-summaries='1'>hotel is located in an excellent location</span>. Close to many area attractions such as the Willis Tower.</div><div class='text-box'>I <span class='review-span highlight' data-aligned-summaries='0'>stayed 2 nights for business</span> and my conference was 3 blocks away. I could not have asked for a better hotel for my top 3 concerns: <span class='review-span highlight' data-aligned-summaries='2'>Clean</span>, Price, and Location. I <span class='review-span highlight' data-aligned-summaries='0'>would stay</span> here <span class='review-span highlight' data-aligned-summaries='0'>again</span> even <span class='review-span highlight' data-aligned-summaries='0'>for pleasure</span>.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">Brilliant hotel, whether you're visiting for business or pleasure.</span> <span id="1" class="summary-sentence">Public transportation is also easily accessible for guests to go and explore further.</span> <span id="2" class="summary-sentence">The rooms at this hotel are very clean and modern.</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 |
-
console.log('entered!');
|
| 83 |
-
}
|
| 84 |
-
});
|
| 85 |
-
this.classList.add('highlight');
|
| 86 |
-
});
|
| 87 |
-
|
| 88 |
-
sentence.addEventListener('mouseleave', function() {
|
| 89 |
-
const summaryId = this.getAttribute('id');
|
| 90 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 91 |
-
if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
|
| 92 |
-
span.classList.remove('not-hover-highlight');
|
| 93 |
-
span.classList.add('highlight');
|
| 94 |
-
console.log('left!');
|
| 95 |
-
}
|
| 96 |
-
this.classList.remove('highlight');
|
| 97 |
-
});
|
| 98 |
-
});
|
| 99 |
-
});
|
| 100 |
-
|
| 101 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 102 |
-
span.addEventListener('mouseenter', function() {
|
| 103 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 104 |
-
if (span !== this) {
|
| 105 |
-
span.classList.remove('highlight');
|
| 106 |
-
span.classList.add('not-hover-highlight');
|
| 107 |
-
}
|
| 108 |
-
});
|
| 109 |
-
const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
|
| 110 |
-
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 111 |
-
if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
|
| 112 |
-
sentence.classList.add('highlight');
|
| 113 |
-
}
|
| 114 |
-
});
|
| 115 |
-
});
|
| 116 |
-
});
|
| 117 |
-
|
| 118 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 119 |
-
span.addEventListener('mouseleave', function() {
|
| 120 |
-
const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
|
| 121 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 122 |
-
if (span !== this) {
|
| 123 |
-
span.classList.remove('not-hover-highlight');
|
| 124 |
-
span.classList.add('highlight');
|
| 125 |
-
}
|
| 126 |
-
});
|
| 127 |
-
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 128 |
-
if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
|
| 129 |
-
sentence.classList.remove('highlight');
|
| 130 |
-
}
|
| 131 |
-
});
|
| 132 |
-
});
|
| 133 |
-
});
|
| 134 |
-
|
| 135 |
-
</script>
|
| 136 |
-
</body>
|
| 137 |
-
</html>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
html_files/test/135.html
DELETED
|
@@ -1,137 +0,0 @@
|
|
| 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: 30%;
|
| 25 |
-
font-size: 1.0rem;
|
| 26 |
-
padding: 10px;
|
| 27 |
-
height: 40vh; /* 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: 40vh; /* Maximum height to a third of the viewport height */
|
| 37 |
-
overflow-y: auto; /* Enable vertical scrolling */
|
| 38 |
-
background-color: #9e9e9e0a; /* Light grey background */
|
| 39 |
-
}
|
| 40 |
-
.text-box {
|
| 41 |
-
width: calc(100% - 20px); /* Adjust based on padding */
|
| 42 |
-
margin: 10px;
|
| 43 |
-
padding: 10px;
|
| 44 |
-
background-color: #9e9e9e0a; /* Light grey background */
|
| 45 |
-
color: #606060bf;
|
| 46 |
-
border: 2px solid #ddd; /* Cartoonish border */
|
| 47 |
-
border-radius: 20px; /* Rounded corners for cartoonish effect */
|
| 48 |
-
position: relative;
|
| 49 |
-
box-shadow: 3px 3px #bbb; /* Soft shadow for depth */
|
| 50 |
-
}
|
| 51 |
-
.text-box:before {
|
| 52 |
-
content: '';
|
| 53 |
-
position: absolute;
|
| 54 |
-
right: 100%;
|
| 55 |
-
bottom: 20%;
|
| 56 |
-
border-top: 10px solid transparent;
|
| 57 |
-
border-bottom: 10px solid transparent;
|
| 58 |
-
border-right: 10px solid #ddd; /* Arrow matching the border */
|
| 59 |
-
}
|
| 60 |
-
.summary-box {
|
| 61 |
-
padding: 10px;
|
| 62 |
-
margin: 10px 0;
|
| 63 |
-
background-color: #e6e6fa; /* Lavender background for a pleasant look */
|
| 64 |
-
border: 1px solid #ddd; /* Light border for definition */
|
| 65 |
-
border-radius: 5px; /* Slightly rounded corners */
|
| 66 |
-
box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* Soft shadow for depth */
|
| 67 |
-
cursor: pointer;
|
| 68 |
-
}
|
| 69 |
-
h4 { margin-top: 0; }
|
| 70 |
-
</style>
|
| 71 |
-
</head>
|
| 72 |
-
<body>
|
| 73 |
-
<div class='column reviews'><h2>Reviews</h2><div class='text-box'>We stayed here for one night with our two kids, as they hotel could not accommodate both nights of our stay during a recent road trip. Like just about everything else in Chicago, <span class='review-span highlight' data-aligned-summaries='0'>the prices were steep. We were expecting more for the price we paid</span>, but found only typical accommodations. <span class='review-span highlight' data-aligned-summaries='1'>We liked the location</span>, the friendly and helpful bellhops, the views from our room and the top floor ballroom, and in and out privileges for the parking. <span class='review-span highlight' data-aligned-summaries='3'>We missed not having a mini fridge</span>, and felt that having only one chair in a deluxe room with two queen beds was a miss even though there was plenty of room for more comfortable seating. The valet staff was slow to bring our car at checkout. There were no others waiting, and no new arrivals, yet it took them 20 minutes to get our car to us.</div><div class='text-box'>Stayed here in middle of June 2011. My partner was in Chicago on business and I tagged along for fun. We had both been to Chicago before. Things I really liked about the hotel: <span class='review-span highlight' data-aligned-summaries='1'>the location was amazing</span> and <span class='review-span highlight' data-aligned-summaries='2'>the view was really nice</span>; the bed was very comfortable; the staff was pleasant and helpful; the business center had a printer which was great for printing boarding passes. Our remote controls never really worked, and the noise level from the hallways was surprising. <span class='review-span highlight' data-aligned-summaries='2'>I found the bathroom wasn't very clean when we arrived (hairs in the bathtub, etc)</span> and <span class='review-span highlight' data-aligned-summaries='2'>we sometimes found certain parts of our deluxe room a little unsavoury smelling</span>. For parking, you do have in-and-out privileges, which is quite nice.</div><div class='text-box'>We stayed 3 nights in this beautiful hotel and enjoyed every minute of it. <span class='review-span highlight' data-aligned-summaries='1 2'>Our room</span> <span class='review-span highlight' data-aligned-summaries='1'>located on the 25th floor</span> <span class='review-span highlight' data-aligned-summaries='1 2'>gave us a wonderful view of the Chicago River</span>. This was my kids first time seeing snow fall, so the river was a nice backdrop. Two minor drawbacks: <span class='review-span highlight' data-aligned-summaries='3'>no soda vending machines</span> and <span class='review-span highlight' data-aligned-summaries='3'>the toilet paper seemed a little cheap</span> for such a nice hotel. Also, <span class='review-span highlight' data-aligned-summaries='3'>if you want a refrigerator make sure you request it. Not all rooms have them</span>. The front desk clerks were warm and friendly.</div><div class='text-box'>Were hoping for the best since this isn't a 'brand' name but SOOO HAPPY we tried this boutique hotel. <span class='review-span highlight' data-aligned-summaries='0'>STAFF</span> <span class='review-span highlight' data-aligned-summaries='0 1'>was GREAT</span> <span class='review-span highlight' data-aligned-summaries='0'>as well as EVERYTHING ABOUT THIS PLACE</span>! <span class='review-span highlight' data-aligned-summaries='1'>LOCATION LOCATION LOCATION</span>! Celebrating friends 50th the LADIES had a fab time all around and such a GREAT view of the City! As one other reviewer stated - <span class='review-span highlight' data-aligned-summaries='3'>it would be nice to have a mini fridge</span> but all in all THUMBS UP UP UP!</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>Hotel 71 a great place to stay</span> <span class='review-span highlight' data-aligned-summaries='1'>very close to all attractions lovely situation on the river</span>.Very pleasant and helpful staff.Enjoyed my stay immensly.Windows can be opened to let in fresh air not like the New York hotel we stayed in very stuffy with the air conditioning .If going to Chicago stay here.Also found a great diner on Clarke st Ronneys Steak House very reasonable and great eggs and bacon</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='1'>Great Chicago Location</span>. <span class='review-span highlight' data-aligned-summaries='1 2'>View of the river was beautiful</span>. The <span class='review-span highlight' data-aligned-summaries='2'>rooms were huge</span>, especially compared to other Chicago hotels. The rooms were clean and the staff was friendly. Only negative is the wait for the 1 elevator.sometimes up to 10 minutes. As long as you plan ahead, it isn't too big of a problem. Will stay here again!</div><div class='text-box'>We booked this hotel through TravelZoo, and we had a very nice stay there. <span class='review-span highlight' data-aligned-summaries='2'>Our room had a huge bath</span> with both a shower and a separate tub - plus two separate sinks. <span class='review-span highlight' data-aligned-summaries='2'>Everything was very clean</span>. The check-in process was very smooth, and our room was available for us even at 1 PM. Would definitely stay here again.</div><div class='text-box'>Stayed here for 2 nights for the Neocon conference. <span class='review-span highlight' data-aligned-summaries='1'>The location is excellent</span> for business or pleasure and <span class='review-span highlight' data-aligned-summaries='0'>at a price much less than other hotels nearby</span>. Would definitely stay again.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">This hotel was not worth the price paid for it.</span> <span id="1" class="summary-sentence">The hotel is situated in an excellent location on the river.</span> <span id="2" class="summary-sentence">The rooms were very large with a great view of the Chicago River although at times smelt unsavoury and had a dirty bathroom.</span> <span id="3" class="summary-sentence">The hotel did not have a drinks vending machine or fridge and the toilet paper was of a poor quality.</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 |
-
console.log('entered!');
|
| 83 |
-
}
|
| 84 |
-
});
|
| 85 |
-
this.classList.add('highlight');
|
| 86 |
-
});
|
| 87 |
-
|
| 88 |
-
sentence.addEventListener('mouseleave', function() {
|
| 89 |
-
const summaryId = this.getAttribute('id');
|
| 90 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 91 |
-
if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
|
| 92 |
-
span.classList.remove('not-hover-highlight');
|
| 93 |
-
span.classList.add('highlight');
|
| 94 |
-
console.log('left!');
|
| 95 |
-
}
|
| 96 |
-
this.classList.remove('highlight');
|
| 97 |
-
});
|
| 98 |
-
});
|
| 99 |
-
});
|
| 100 |
-
|
| 101 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 102 |
-
span.addEventListener('mouseenter', function() {
|
| 103 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 104 |
-
if (span !== this) {
|
| 105 |
-
span.classList.remove('highlight');
|
| 106 |
-
span.classList.add('not-hover-highlight');
|
| 107 |
-
}
|
| 108 |
-
});
|
| 109 |
-
const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
|
| 110 |
-
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 111 |
-
if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
|
| 112 |
-
sentence.classList.add('highlight');
|
| 113 |
-
}
|
| 114 |
-
});
|
| 115 |
-
});
|
| 116 |
-
});
|
| 117 |
-
|
| 118 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 119 |
-
span.addEventListener('mouseleave', function() {
|
| 120 |
-
const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
|
| 121 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 122 |
-
if (span !== this) {
|
| 123 |
-
span.classList.remove('not-hover-highlight');
|
| 124 |
-
span.classList.add('highlight');
|
| 125 |
-
}
|
| 126 |
-
});
|
| 127 |
-
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 128 |
-
if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
|
| 129 |
-
sentence.classList.remove('highlight');
|
| 130 |
-
}
|
| 131 |
-
});
|
| 132 |
-
});
|
| 133 |
-
});
|
| 134 |
-
|
| 135 |
-
</script>
|
| 136 |
-
</body>
|
| 137 |
-
</html>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
html_files/test/136.html
DELETED
|
@@ -1,137 +0,0 @@
|
|
| 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: 30%;
|
| 25 |
-
font-size: 1.0rem;
|
| 26 |
-
padding: 10px;
|
| 27 |
-
height: 40vh; /* 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: 40vh; /* Maximum height to a third of the viewport height */
|
| 37 |
-
overflow-y: auto; /* Enable vertical scrolling */
|
| 38 |
-
background-color: #9e9e9e0a; /* Light grey background */
|
| 39 |
-
}
|
| 40 |
-
.text-box {
|
| 41 |
-
width: calc(100% - 20px); /* Adjust based on padding */
|
| 42 |
-
margin: 10px;
|
| 43 |
-
padding: 10px;
|
| 44 |
-
background-color: #9e9e9e0a; /* Light grey background */
|
| 45 |
-
color: #606060bf;
|
| 46 |
-
border: 2px solid #ddd; /* Cartoonish border */
|
| 47 |
-
border-radius: 20px; /* Rounded corners for cartoonish effect */
|
| 48 |
-
position: relative;
|
| 49 |
-
box-shadow: 3px 3px #bbb; /* Soft shadow for depth */
|
| 50 |
-
}
|
| 51 |
-
.text-box:before {
|
| 52 |
-
content: '';
|
| 53 |
-
position: absolute;
|
| 54 |
-
right: 100%;
|
| 55 |
-
bottom: 20%;
|
| 56 |
-
border-top: 10px solid transparent;
|
| 57 |
-
border-bottom: 10px solid transparent;
|
| 58 |
-
border-right: 10px solid #ddd; /* Arrow matching the border */
|
| 59 |
-
}
|
| 60 |
-
.summary-box {
|
| 61 |
-
padding: 10px;
|
| 62 |
-
margin: 10px 0;
|
| 63 |
-
background-color: #e6e6fa; /* Lavender background for a pleasant look */
|
| 64 |
-
border: 1px solid #ddd; /* Light border for definition */
|
| 65 |
-
border-radius: 5px; /* Slightly rounded corners */
|
| 66 |
-
box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* Soft shadow for depth */
|
| 67 |
-
cursor: pointer;
|
| 68 |
-
}
|
| 69 |
-
h4 { margin-top: 0; }
|
| 70 |
-
</style>
|
| 71 |
-
</head>
|
| 72 |
-
<body>
|
| 73 |
-
<div class='column reviews'><h2>Reviews</h2><div class='text-box'>We stayed here for one night with our two kids, as they hotel could not accommodate both nights of our stay during a recent road trip. Like just about everything else in Chicago, <span class='review-span highlight' data-aligned-summaries='0'>the prices were steep. We were expecting more for the price we paid, but found only typical accommodations</span>. <span class='review-span highlight' data-aligned-summaries='1'>We liked</span> the location, the friendly and helpful bellhops, <span class='review-span highlight' data-aligned-summaries='1'>the views from our room and the top floor ballroom</span>, and in and out privileges for the parking. <span class='review-span highlight' data-aligned-summaries='5'>We missed not having a mini fridge</span>, and felt that having only one chair in a deluxe room with two queen beds was a miss even though there was plenty of room for more comfortable seating. The valet staff was slow to bring our car at checkout. There were no others waiting, and no new arrivals, yet it took them 20 minutes to get our car to us.</div><div class='text-box'>Stayed here in middle of June 2011. My partner was in Chicago on business and I tagged along for fun. We had both been to Chicago before. Things I really liked about the hotel: the location was amazing and <span class='review-span highlight' data-aligned-summaries='2'>the view was really nice</span>; the bed was very comfortable; the staff was pleasant and helpful; the business center had a printer which was great for printing boarding passes. Our remote controls never really worked, and the noise level from the hallways was surprising. I found the <span class='review-span highlight' data-aligned-summaries='3'>bathroom wasn't very clean when we arrived (hairs in the bathtub, etc</span>) and we sometimes found certain parts of our deluxe room a little unsavoury smelling. For parking, you do have in-and-out privileges, which is quite nice.</div><div class='text-box'>We stayed 3 nights in this beautiful hotel and enjoyed every minute of it. <span class='review-span highlight' data-aligned-summaries='0'>Our room located on the 25th floor gave us a</span> <span class='review-span highlight' data-aligned-summaries='0 2'>wonderful view of the Chicago River</span>. This was my kids first time seeing snow fall, so the river was a nice backdrop. Two minor drawbacks: <span class='review-span highlight' data-aligned-summaries='5'>no soda vending machines</span> and <span class='review-span highlight' data-aligned-summaries='6'>the toilet paper seemed a little cheap</span> for such a nice hotel. Also, <span class='review-span highlight' data-aligned-summaries='5'>if you want a refrigerator make sure you request it. Not all rooms have them</span>. The front desk clerks were warm and friendly.</div><div class='text-box'>Were hoping for the best since this isn't a 'brand' name but SOOO HAPPY we tried this boutique hotel. STAFF was GREAT as well as EVERYTHING ABOUT THIS PLACE! LOCATION LOCATION LOCATION! Celebrating friends 50th the LADIES had a fab time all around and such <span class='review-span highlight' data-aligned-summaries='1'>a GREAT view of the City</span>! As one other reviewer stated - it <span class='review-span highlight' data-aligned-summaries='5'>would be nice to have a mini fridge</span> but all in all THUMBS UP UP UP!</div><div class='text-box'>Hotel 71 a great place to stay very close to all attractions <span class='review-span highlight' data-aligned-summaries='2'>lovely situation on the river</span>.Very pleasant and helpful staff.Enjoyed my stay immensly.Windows can be opened to let in fresh air not like the New York hotel we stayed in very stuffy with the air conditioning .If going to Chicago stay here.Also found a great diner on Clarke st Ronneys Steak House very reasonable and great eggs and bacon</div><div class='text-box'>Great Chicago Location. <span class='review-span highlight' data-aligned-summaries='2'>View of the river was beautiful</span>. <span class='review-span highlight' data-aligned-summaries='0 4'>The rooms were huge</span>,<span class='review-span highlight' data-aligned-summaries='0'> especially compared to other Chicago hotels</span>. The rooms were clean and the staff was friendly. Only negative is the wait for the 1 elevator.sometimes up to 10 minutes. As long as you plan ahead, it isn't too big of a problem. Will stay here again!</div><div class='text-box'>We booked this hotel through TravelZoo, and we had a very nice stay there. <span class='review-span highlight' data-aligned-summaries='0 3'>Our room had a huge bath with both a shower and a separate tub - plus two separate sinks</span>. Everything was very clean. The check-in process was very smooth, and our room was available for us even at 1 PM. Would definitely stay here again.</div><div class='text-box'>Stayed here for 2 nights for the Neocon conference. The location is excellent for business or pleasure and <span class='review-span highlight' data-aligned-summaries='0'>at a price much less than other hotels nearby</span>. Would definitely stay again.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">Considering what you pay for this hotel your expectations might be a little too high because it only provides typical accommodations.</span> <span id="1" class="summary-sentence">The hotel provides a great view of the city.</span> <span id="2" class="summary-sentence">Additionally there is a lovely river nearby as well, which gives the best view of the river.</span> <span id="3" class="summary-sentence">Also included is a huge bathroom with separate sinks as well as separate bathtub and shower.</span> <span id="4" class="summary-sentence">The deluxe room itself was particularly big.</span> <span id="5" class="summary-sentence">Sadly there was no mini fridge available to eat and drink anything in the room and there also wasn't any vending machines for snacks or drink.</span> <span id="6" class="summary-sentence">The toilet paper at this hotel seems quite cheap.</span></div></div>
|
| 74 |
-
<script>
|
| 75 |
-
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 76 |
-
sentence.addEventListener('mouseenter', function() {
|
| 77 |
-
const summaryId = this.getAttribute('id');
|
| 78 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 79 |
-
if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
|
| 80 |
-
span.classList.remove('highlight');
|
| 81 |
-
span.classList.add('not-hover-highlight');
|
| 82 |
-
console.log('entered!');
|
| 83 |
-
}
|
| 84 |
-
});
|
| 85 |
-
this.classList.add('highlight');
|
| 86 |
-
});
|
| 87 |
-
|
| 88 |
-
sentence.addEventListener('mouseleave', function() {
|
| 89 |
-
const summaryId = this.getAttribute('id');
|
| 90 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 91 |
-
if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
|
| 92 |
-
span.classList.remove('not-hover-highlight');
|
| 93 |
-
span.classList.add('highlight');
|
| 94 |
-
console.log('left!');
|
| 95 |
-
}
|
| 96 |
-
this.classList.remove('highlight');
|
| 97 |
-
});
|
| 98 |
-
});
|
| 99 |
-
});
|
| 100 |
-
|
| 101 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 102 |
-
span.addEventListener('mouseenter', function() {
|
| 103 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 104 |
-
if (span !== this) {
|
| 105 |
-
span.classList.remove('highlight');
|
| 106 |
-
span.classList.add('not-hover-highlight');
|
| 107 |
-
}
|
| 108 |
-
});
|
| 109 |
-
const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
|
| 110 |
-
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 111 |
-
if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
|
| 112 |
-
sentence.classList.add('highlight');
|
| 113 |
-
}
|
| 114 |
-
});
|
| 115 |
-
});
|
| 116 |
-
});
|
| 117 |
-
|
| 118 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 119 |
-
span.addEventListener('mouseleave', function() {
|
| 120 |
-
const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
|
| 121 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 122 |
-
if (span !== this) {
|
| 123 |
-
span.classList.remove('not-hover-highlight');
|
| 124 |
-
span.classList.add('highlight');
|
| 125 |
-
}
|
| 126 |
-
});
|
| 127 |
-
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 128 |
-
if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
|
| 129 |
-
sentence.classList.remove('highlight');
|
| 130 |
-
}
|
| 131 |
-
});
|
| 132 |
-
});
|
| 133 |
-
});
|
| 134 |
-
|
| 135 |
-
</script>
|
| 136 |
-
</body>
|
| 137 |
-
</html>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
html_files/test/137.html
DELETED
|
@@ -1,137 +0,0 @@
|
|
| 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: 30%;
|
| 25 |
-
font-size: 1.0rem;
|
| 26 |
-
padding: 10px;
|
| 27 |
-
height: 40vh; /* 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: 40vh; /* Maximum height to a third of the viewport height */
|
| 37 |
-
overflow-y: auto; /* Enable vertical scrolling */
|
| 38 |
-
background-color: #9e9e9e0a; /* Light grey background */
|
| 39 |
-
}
|
| 40 |
-
.text-box {
|
| 41 |
-
width: calc(100% - 20px); /* Adjust based on padding */
|
| 42 |
-
margin: 10px;
|
| 43 |
-
padding: 10px;
|
| 44 |
-
background-color: #9e9e9e0a; /* Light grey background */
|
| 45 |
-
color: #606060bf;
|
| 46 |
-
border: 2px solid #ddd; /* Cartoonish border */
|
| 47 |
-
border-radius: 20px; /* Rounded corners for cartoonish effect */
|
| 48 |
-
position: relative;
|
| 49 |
-
box-shadow: 3px 3px #bbb; /* Soft shadow for depth */
|
| 50 |
-
}
|
| 51 |
-
.text-box:before {
|
| 52 |
-
content: '';
|
| 53 |
-
position: absolute;
|
| 54 |
-
right: 100%;
|
| 55 |
-
bottom: 20%;
|
| 56 |
-
border-top: 10px solid transparent;
|
| 57 |
-
border-bottom: 10px solid transparent;
|
| 58 |
-
border-right: 10px solid #ddd; /* Arrow matching the border */
|
| 59 |
-
}
|
| 60 |
-
.summary-box {
|
| 61 |
-
padding: 10px;
|
| 62 |
-
margin: 10px 0;
|
| 63 |
-
background-color: #e6e6fa; /* Lavender background for a pleasant look */
|
| 64 |
-
border: 1px solid #ddd; /* Light border for definition */
|
| 65 |
-
border-radius: 5px; /* Slightly rounded corners */
|
| 66 |
-
box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* Soft shadow for depth */
|
| 67 |
-
cursor: pointer;
|
| 68 |
-
}
|
| 69 |
-
h4 { margin-top: 0; }
|
| 70 |
-
</style>
|
| 71 |
-
</head>
|
| 72 |
-
<body>
|
| 73 |
-
<div class='column reviews'><h2>Reviews</h2><div class='text-box'>We stayed here for one night with our two kids, as they hotel could not accommodate both nights of our stay during a recent road trip. Like just about everything else in Chicago, the prices were steep. We were expecting more for the price we paid, but found only typical accommodations. We liked the location, the friendly and helpful bellhops, the views from our room and the top floor ballroom, and in and out privileges for the parking. <span class='review-span highlight' data-aligned-summaries='4'>We missed not having a mini fridge</span>, and felt that having only one chair in a deluxe room with two queen beds was a miss even though <span class='review-span highlight' data-aligned-summaries='2'>there was plenty of room for more comfortable seating</span>. The valet staff was slow to bring our car at checkout. There were no others waiting, and no new arrivals, yet it took them 20 minutes to get our car to us.</div><div class='text-box'>Stayed here in middle of June 2011. My partner was in Chicago on business and I tagged along for fun. We had both been to Chicago before. Things I really liked about the hotel: <span class='review-span highlight' data-aligned-summaries='0'>the location was amazing and the view was really nice</span>; the bed was very comfortable; the staff was pleasant and helpful; the business center had a printer which was great for printing boarding passes. Our remote controls never really worked, and the noise level from the hallways was surprising. I found <span class='review-span highlight' data-aligned-summaries='3'>the bathroom wasn't very clean when we arrived</span> (hairs in the bathtub, etc) <span class='review-span highlight' data-aligned-summaries='3'>and we sometimes found certain parts of our deluxe room a little unsavoury smelling</span>. For parking, you do have in-and-out privileges, which is quite nice.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>We stayed 3 nights in this beautiful hotel</span> and enjoyed every minute of it. <span class='review-span highlight' data-aligned-summaries='2'>Our room</span> located on the 25th floor <span class='review-span highlight' data-aligned-summaries='2'>gave us a wonderful view of the Chicago River</span>. This was my kids first time seeing snow fall, so <span class='review-span highlight' data-aligned-summaries='1'>the river was a nice backdrop</span>. Two minor drawbacks: <span class='review-span highlight' data-aligned-summaries='4'>no soda vending machines</span> and the toilet paper seemed a little cheap for such a nice hotel. Also, <span class='review-span highlight' data-aligned-summaries='4'>if you want a refrigerator make sure you request it</span>. Not all rooms have them. The front desk clerks were warm and friendly.</div><div class='text-box'>Were hoping for the best since this isn't a 'brand' name but SOOO HAPPY we tried this boutique hotel. STAFF was GREAT as well as EVERYTHING ABOUT THIS PLACE! LOCATION LOCATION LOCATION! Celebrating friends 50th the LADIES had a fab time all around and <span class='review-span highlight' data-aligned-summaries='1'>such a GREAT view of the City</span>! As one other reviewer stated - it <span class='review-span highlight' data-aligned-summaries='4'>would be nice to have a mini fridge</span> but all in all THUMBS UP UP UP!</div><div class='text-box'>Hotel 71 a great place to stay very close to all attractions <span class='review-span highlight' data-aligned-summaries='1'>lovely situation on the river</span>.Very pleasant and helpful staff.Enjoyed my stay immensly.Windows can be opened to let in fresh air not like the New York hotel we stayed in very stuffy with the air conditioning .If going to Chicago stay here.Also found a great diner on Clarke st Ronneys Steak House very reasonable and great eggs and bacon</div><div class='text-box'>Great Chicago Location. <span class='review-span highlight' data-aligned-summaries='0 1'>View</span> <span class='review-span highlight' data-aligned-summaries='1'>of the river</span> <span class='review-span highlight' data-aligned-summaries='0 1'>was beautiful</span>. The <span class='review-span highlight' data-aligned-summaries='2'>rooms were huge</span>, especially compared to other Chicago hotels. The <span class='review-span highlight' data-aligned-summaries='3'>rooms were clean</span> and the staff was friendly. Only negative is the wait for the 1 elevator.sometimes up to 10 minutes. As long as you plan ahead, it isn't too big of a problem. Will stay here again!</div><div class='text-box'>We booked this hotel through TravelZoo, and we had a very nice stay there. <span class='review-span highlight' data-aligned-summaries='0'>Our room had a huge bath</span> with both a shower and a separate tub - plus two separate sinks. <span class='review-span highlight' data-aligned-summaries='0 3'>Everything was very clean</span>. The check-in process was very smooth, and our room was available for us even at 1 PM. Would definitely stay here again.</div><div class='text-box'>Stayed here for 2 nights for the Neocon conference. The location is excellent for business or pleasure and at <span class='review-span highlight' data-aligned-summaries='0'>a price much less than other hotels nearby</span>. Would definitely stay again.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">Considerably expensive for what was provided, however overall it is a beautiful place to visit.</span> <span id="1" class="summary-sentence">The location is being near the river and it offers great views of the city.</span> <span id="2" class="summary-sentence">Large, spacious rooms with excellent views of the Chicago River in some.</span> <span id="3" class="summary-sentence">However, the cleanliness isn't a high quality and could be improved.</span> <span id="4" class="summary-sentence">There were no vending machines with soda and no mini-fridge.</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 |
-
console.log('entered!');
|
| 83 |
-
}
|
| 84 |
-
});
|
| 85 |
-
this.classList.add('highlight');
|
| 86 |
-
});
|
| 87 |
-
|
| 88 |
-
sentence.addEventListener('mouseleave', function() {
|
| 89 |
-
const summaryId = this.getAttribute('id');
|
| 90 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 91 |
-
if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
|
| 92 |
-
span.classList.remove('not-hover-highlight');
|
| 93 |
-
span.classList.add('highlight');
|
| 94 |
-
console.log('left!');
|
| 95 |
-
}
|
| 96 |
-
this.classList.remove('highlight');
|
| 97 |
-
});
|
| 98 |
-
});
|
| 99 |
-
});
|
| 100 |
-
|
| 101 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 102 |
-
span.addEventListener('mouseenter', function() {
|
| 103 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 104 |
-
if (span !== this) {
|
| 105 |
-
span.classList.remove('highlight');
|
| 106 |
-
span.classList.add('not-hover-highlight');
|
| 107 |
-
}
|
| 108 |
-
});
|
| 109 |
-
const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
|
| 110 |
-
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 111 |
-
if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
|
| 112 |
-
sentence.classList.add('highlight');
|
| 113 |
-
}
|
| 114 |
-
});
|
| 115 |
-
});
|
| 116 |
-
});
|
| 117 |
-
|
| 118 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 119 |
-
span.addEventListener('mouseleave', function() {
|
| 120 |
-
const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
|
| 121 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 122 |
-
if (span !== this) {
|
| 123 |
-
span.classList.remove('not-hover-highlight');
|
| 124 |
-
span.classList.add('highlight');
|
| 125 |
-
}
|
| 126 |
-
});
|
| 127 |
-
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 128 |
-
if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
|
| 129 |
-
sentence.classList.remove('highlight');
|
| 130 |
-
}
|
| 131 |
-
});
|
| 132 |
-
});
|
| 133 |
-
});
|
| 134 |
-
|
| 135 |
-
</script>
|
| 136 |
-
</body>
|
| 137 |
-
</html>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
html_files/test/138.html
DELETED
|
@@ -1,137 +0,0 @@
|
|
| 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: 30%;
|
| 25 |
-
font-size: 1.0rem;
|
| 26 |
-
padding: 10px;
|
| 27 |
-
height: 40vh; /* 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: 40vh; /* Maximum height to a third of the viewport height */
|
| 37 |
-
overflow-y: auto; /* Enable vertical scrolling */
|
| 38 |
-
background-color: #9e9e9e0a; /* Light grey background */
|
| 39 |
-
}
|
| 40 |
-
.text-box {
|
| 41 |
-
width: calc(100% - 20px); /* Adjust based on padding */
|
| 42 |
-
margin: 10px;
|
| 43 |
-
padding: 10px;
|
| 44 |
-
background-color: #9e9e9e0a; /* Light grey background */
|
| 45 |
-
color: #606060bf;
|
| 46 |
-
border: 2px solid #ddd; /* Cartoonish border */
|
| 47 |
-
border-radius: 20px; /* Rounded corners for cartoonish effect */
|
| 48 |
-
position: relative;
|
| 49 |
-
box-shadow: 3px 3px #bbb; /* Soft shadow for depth */
|
| 50 |
-
}
|
| 51 |
-
.text-box:before {
|
| 52 |
-
content: '';
|
| 53 |
-
position: absolute;
|
| 54 |
-
right: 100%;
|
| 55 |
-
bottom: 20%;
|
| 56 |
-
border-top: 10px solid transparent;
|
| 57 |
-
border-bottom: 10px solid transparent;
|
| 58 |
-
border-right: 10px solid #ddd; /* Arrow matching the border */
|
| 59 |
-
}
|
| 60 |
-
.summary-box {
|
| 61 |
-
padding: 10px;
|
| 62 |
-
margin: 10px 0;
|
| 63 |
-
background-color: #e6e6fa; /* Lavender background for a pleasant look */
|
| 64 |
-
border: 1px solid #ddd; /* Light border for definition */
|
| 65 |
-
border-radius: 5px; /* Slightly rounded corners */
|
| 66 |
-
box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* Soft shadow for depth */
|
| 67 |
-
cursor: pointer;
|
| 68 |
-
}
|
| 69 |
-
h4 { margin-top: 0; }
|
| 70 |
-
</style>
|
| 71 |
-
</head>
|
| 72 |
-
<body>
|
| 73 |
-
<div class='column reviews'><h2>Reviews</h2><div class='text-box'><span class='review-span highlight' data-aligned-summaries='1 2'>Ideally located, within minutes of the Blue Mosque, Grand Bazaar</span> <span class='review-span highlight' data-aligned-summaries='1'>etc and in the heart of the old City of Istanbul, close to tram and autobus and the main street in Sultanahmet.</span> Stunning views of the Bosphorus, sunrise and sunset from the rooftop bar area and dining room. <span class='review-span highlight' data-aligned-summaries='7'>Breakfast</span> and dinner <span class='review-span highlight' data-aligned-summaries='7'>can also be taken in the rooftop area which has a glorious panoramic view of the City</span>, especially after dark. Caner, <span class='review-span highlight' data-aligned-summaries='4'>our host on arrival at reception was very knowledgeble and gave good advice re places to visit</span>, all hotel staff were very friendly. <span class='review-span highlight' data-aligned-summaries='8'>Free internet access in the reception area was an unexpected bonus</span>. <span class='review-span highlight' data-aligned-summaries='3'>The bedroom</span> was a little dark and <span class='review-span highlight' data-aligned-summaries='3'>not a lot of space if you have large suitcases</span>, we were here for 7 nights, plenty to chose from at breakfast, although pretty much the same every day, lots of fruit, cheeses, breads, choice of eggs, teas and coffees etc. <span class='review-span highlight' data-aligned-summaries='0'>Overall a fantastic boutique style hotel</span>, THANK YOU CANER, regards, Lyn & Shahbaz</div><div class='text-box'>We spent there 3 nights (celebrated my birthday)- and liked everything: very <span class='review-span highlight' data-aligned-summaries='3'>clean</span> and <span class='review-span highlight' data-aligned-summaries='3'>cosy rooms</span>, <span class='review-span highlight' data-aligned-summaries='5 7'>breakfast on open terrace</span> <span class='review-span highlight' data-aligned-summaries='5'>with breathtaking views of the city&sea</span>. <span class='review-span highlight' data-aligned-summaries='1'>Location is perfect</span> ,managers are very professional and hospitable (special thanks to Mr. Ali Aldemir). We were happy to have some pleasant suprises from the hotel: wine, fruits, transfer to airport :) I'm glad that we stayed at Mina hotel. <span class='review-span highlight' data-aligned-summaries='0 6'>Absolutely recommended</span>!</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='1'>Excellent situation close to blue mosque at the heart of Sultan Ahmet district</span>. We were lucky to get a good deal in high season. <span class='review-span highlight' data-aligned-summaries='0 3'>Room size is small but well furnished</span>. <span class='review-span highlight' data-aligned-summaries='7'>There's a beautiful roof top and terrace</span> facing the golden horn and the blue mosque; Wonderful night view. <span class='review-span highlight' data-aligned-summaries='0'>The reception staff were polite</span> and room service was acceptable. They also offered us free shuttle service back to the airport.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>i liked this hotel</span> a lot.the reception was perfect, <span class='review-span highlight' data-aligned-summaries='3'>the room good but not spacey</span>( no 208 or 209 i think.also the management should think to put a brush in the toilet for the .you know. there was no brush.a last thing that i d like to say is that the staff of the restaurant wasnt very smiley with you if you didnt leave a tip.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0 1 2'>Great location</span> <span class='review-span highlight' data-aligned-summaries='1 2'>5 minutes walk to the Grand Bazzar</span> <span class='review-span highlight' data-aligned-summaries='2'>and many other historic and traditional places in Sultanahmet</span>. <span class='review-span highlight' data-aligned-summaries='5 6'>The breakfast is buffet and it's good</span> not too bad. The <span class='review-span highlight' data-aligned-summaries='0'>staff very friendly and always trying to help</span>. The only disadvantage we faced is that <span class='review-span highlight' data-aligned-summaries='8'>there is</span> no <span class='review-span highlight' data-aligned-summaries='8'>wireless internet</span> in the rooms, <span class='review-span highlight' data-aligned-summaries='8'>only in the looby</span>.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>Lovely hotel</span> <span class='review-span highlight' data-aligned-summaries='1 2'>in the heart of Sultanahmet</span> <span class='review-span highlight' data-aligned-summaries='1'>with spectacular views</span> from <span class='review-span highlight' data-aligned-summaries='7'>the roof terrace</span>. Excellent value for money with friendly and accommoating staff. <span class='review-span highlight' data-aligned-summaries='3'>Rooms were clean and comfortable</span>, all thats required when visiting a city. <span class='review-span highlight' data-aligned-summaries='0'>I would recommend this hotel to anyone, and i would definately stay at the Mina hotel again</span>.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='1'>This hotel is in the old quarter of Istanbul</span>-<span class='review-span highlight' data-aligned-summaries='2'>it is short walk to all the tourist spots</span>.<span class='review-span highlight' data-aligned-summaries='0 3'>The rooms are small but clean</span>-<span class='review-span highlight' data-aligned-summaries='0 5 6'>breakfast is</span> <span class='review-span highlight' data-aligned-summaries='0'>buffet style and</span> <span class='review-span highlight' data-aligned-summaries='0 5 6'>delicious</span>.<span class='review-span highlight' data-aligned-summaries='5 6'>The view</span> from the breakfast area <span class='review-span highlight' data-aligned-summaries='5 6'>is fantastic</span>.<span class='review-span highlight' data-aligned-summaries='4'>Reception staff are ready to answer any questions you have about the area</span>.<span class='review-span highlight' data-aligned-summaries='0'>We would definitely go back to the Hotel Mina again</span>!</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0 7'>Not a negative to this place</span>. Easy stay, with <span class='review-span highlight' data-aligned-summaries='5 6'>a breakfast fit for a king</span>!</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">It's a good hotel and would definitely recommend as well as return for another stay.</span> <span id="1" class="summary-sentence">The hotel is in a perfect location in the old quarter of Istanbul.</span> <span id="2" class="summary-sentence">The hotel is within minutes of the Blue Mosque and the Grand Bazaar, along with many other traditional and historic places in Sultanahmet.</span> <span id="3" class="summary-sentence">The rooms here are cosy and on the small side but always very clean and comfortable enough.</span> <span id="4" class="summary-sentence">The staff were knowledgeable about the local area.</span> <span id="5" class="summary-sentence">The breakfast was fit for a king</span> <span id="6" class="summary-sentence">so that's definitely recommended.</span> <span id="7" class="summary-sentence">There was nothing not to like especially with breakfast on an open terrace.</span> <span id="8" class="summary-sentence">The hotel provides complimentary internet access in the reception.</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 |
-
console.log('entered!');
|
| 83 |
-
}
|
| 84 |
-
});
|
| 85 |
-
this.classList.add('highlight');
|
| 86 |
-
});
|
| 87 |
-
|
| 88 |
-
sentence.addEventListener('mouseleave', function() {
|
| 89 |
-
const summaryId = this.getAttribute('id');
|
| 90 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 91 |
-
if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
|
| 92 |
-
span.classList.remove('not-hover-highlight');
|
| 93 |
-
span.classList.add('highlight');
|
| 94 |
-
console.log('left!');
|
| 95 |
-
}
|
| 96 |
-
this.classList.remove('highlight');
|
| 97 |
-
});
|
| 98 |
-
});
|
| 99 |
-
});
|
| 100 |
-
|
| 101 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 102 |
-
span.addEventListener('mouseenter', function() {
|
| 103 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 104 |
-
if (span !== this) {
|
| 105 |
-
span.classList.remove('highlight');
|
| 106 |
-
span.classList.add('not-hover-highlight');
|
| 107 |
-
}
|
| 108 |
-
});
|
| 109 |
-
const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
|
| 110 |
-
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 111 |
-
if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
|
| 112 |
-
sentence.classList.add('highlight');
|
| 113 |
-
}
|
| 114 |
-
});
|
| 115 |
-
});
|
| 116 |
-
});
|
| 117 |
-
|
| 118 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 119 |
-
span.addEventListener('mouseleave', function() {
|
| 120 |
-
const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
|
| 121 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 122 |
-
if (span !== this) {
|
| 123 |
-
span.classList.remove('not-hover-highlight');
|
| 124 |
-
span.classList.add('highlight');
|
| 125 |
-
}
|
| 126 |
-
});
|
| 127 |
-
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 128 |
-
if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
|
| 129 |
-
sentence.classList.remove('highlight');
|
| 130 |
-
}
|
| 131 |
-
});
|
| 132 |
-
});
|
| 133 |
-
});
|
| 134 |
-
|
| 135 |
-
</script>
|
| 136 |
-
</body>
|
| 137 |
-
</html>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
html_files/test/139.html
DELETED
|
@@ -1,137 +0,0 @@
|
|
| 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: 30%;
|
| 25 |
-
font-size: 1.0rem;
|
| 26 |
-
padding: 10px;
|
| 27 |
-
height: 40vh; /* 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: 40vh; /* 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'>Ideally located, within minutes of the Blue Mosque, Grand Bazaar etc and in the heart of the old City of Istanbul, close to tram and autobus and the main street in Sultanahmet. Stunning views of the Bosphorus, sunrise and sunset from the rooftop bar area and dining room. <span class='review-span highlight' data-aligned-summaries='6'>Breakfast and dinner can also be taken in the rooftop area</span> which has a glorious panoramic view of the City, especially after dark. Caner, our host on arrival at reception was very knowledgeble and gave good advice re places to visit, <span class='review-span highlight' data-aligned-summaries='5'>all hotel staff were very friendly</span>. <span class='review-span highlight' data-aligned-summaries='7'>Free internet access in the reception area was an unexpected bonus</span>. <span class='review-span highlight' data-aligned-summaries='3 4'>The bedroom</span> <span class='review-span highlight' data-aligned-summaries='3'>was a little dark and</span> <span class='review-span highlight' data-aligned-summaries='3 4'>not a lot of space</span> <span class='review-span highlight' data-aligned-summaries='4'>if you have large suitcases</span>, we were here for 7 nights, plenty to chose from at breakfast, although pretty much the same every day, lots of fruit, cheeses, breads, choice of eggs, teas and coffees etc. <span class='review-span highlight' data-aligned-summaries='0'>Overall a fantastic boutique style hotel</span>, THANK YOU CANER, regards, Lyn & Shahbaz</div><div class='text-box'>We spent there 3 nights (celebrated my birthday)- and liked everything: <span class='review-span highlight' data-aligned-summaries='3'>very clean and cosy rooms</span>, <span class='review-span highlight' data-aligned-summaries='6'>breakfast on open terrace with breathtaking views of the city&sea</span>. Location is perfect ,<span class='review-span highlight' data-aligned-summaries='5'>managers are very professional and hospitable</span> (special thanks to Mr. Ali Aldemir). <span class='review-span highlight' data-aligned-summaries='0'>We were happy to have some pleasant suprises from the hotel: wine, fruits, transfer to airport</span> :) I'm glad that we stayed at Mina hotel. <span class='review-span highlight' data-aligned-summaries='1'>Absolutely recommended</span>!</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='1'>Excellent situation</span> close to blue mosque at the heart of Sultan Ahmet district. We were lucky to get a good deal in high season. <span class='review-span highlight' data-aligned-summaries='1 3'>Room size is small but well furnished</span>. <span class='review-span highlight' data-aligned-summaries='6'>There's a beautiful roof top and terrace</span> facing the golden horn and the blue mosque; Wonderful night view. <span class='review-span highlight' data-aligned-summaries='5'>The reception staff were polite</span> and room service was acceptable. They also offered us free shuttle service back to the airport.</div><div class='text-box'>i liked this hotel a lot.the <span class='review-span highlight' data-aligned-summaries='1'>reception was perfect</span>, <span class='review-span highlight' data-aligned-summaries='1 3'>the room</span> <span class='review-span highlight' data-aligned-summaries='1'>good but</span> <span class='review-span highlight' data-aligned-summaries='1 3'>not spacey</span>( no 208 or 209 i think.also the management should think to put a brush in the toilet for the .you know. there was no brush.a last thing that i d like to say is that the staff of the restaurant wasnt very smiley with you if you didnt leave a tip.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='1'>Great location</span> <span class='review-span highlight' data-aligned-summaries='2'>5 minutes walk to the Grand Bazzar and many other historic and traditional places</span> in Sultanahmet. <span class='review-span highlight' data-aligned-summaries='6'>The breakfast is buffet and it's good</span> not too bad. <span class='review-span highlight' data-aligned-summaries='1 5'>The staff very friendly and always trying to help</span>. The only disadvantage we faced is that <span class='review-span highlight' data-aligned-summaries='4 7'>there is</span> <span class='review-span highlight' data-aligned-summaries='4'>no</span> <span class='review-span highlight' data-aligned-summaries='4 7'>wireless internet</span> <span class='review-span highlight' data-aligned-summaries='4'>in the rooms</span>, <span class='review-span highlight' data-aligned-summaries='7'>only in the looby</span>.</div><div class='text-box'>Lovely hotel in the heart of Sultanahmet with spectacular views from the roof terrace. Excellent value for money with <span class='review-span highlight' data-aligned-summaries='5'>friendly and accommoating staff</span>. <span class='review-span highlight' data-aligned-summaries='3'>Rooms were clean and comfortable</span>, all thats required when visiting a city. <span class='review-span highlight' data-aligned-summaries='1'>I would recommend this hotel to anyone</span>, and i would definately stay at the Mina hotel again.</div><div class='text-box'>This hotel is in the old quarter of Istanbul-<span class='review-span highlight' data-aligned-summaries='2'>it is short walk to all the tourist spots</span>.<span class='review-span highlight' data-aligned-summaries='1 3'>The rooms are small but clean</span>-<span class='review-span highlight' data-aligned-summaries='1'>breakfast is</span> buffet style and <span class='review-span highlight' data-aligned-summaries='1'>delicious</span>.The view from <span class='review-span highlight' data-aligned-summaries='6'>the breakfast area is fantastic</span>.<span class='review-span highlight' data-aligned-summaries='5'>Reception staff are ready to answer any questions you have</span> about the area.We would definitely go back to the Hotel Mina again!</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>Not a negative to this place</span>. Easy stay, with a breakfast fit for a king!</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">The hotel was a wonderful boutique style and there were some pleasant surprises provided such as wines, fresh fruits and transport provided to the hotel.</span> <span id="1" class="summary-sentence">Highly recommended.</span> <span id="2" class="summary-sentence">Everything is within walking distance from the hotel here including the public transportation, which you can take to get to the main street.</span> <span id="3" class="summary-sentence">The rooms in the hotel were a little small but clean and comfortable.</span> <span id="4" class="summary-sentence">There is no WiFi available in the room and not a lot of room for storage.</span> <span id="5" class="summary-sentence">The staff are so helpful and always willing to help out with their polite manners.</span> <span id="6" class="summary-sentence">The hotel provides a great breakfast and both breakfast and dinner can be enjoyed at the rooftop dining area.</span> <span id="7" class="summary-sentence">There was an unexpected bonus to this hotel and that is the reception area provides guests with free internet access.</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 |
-
console.log('entered!');
|
| 83 |
-
}
|
| 84 |
-
});
|
| 85 |
-
this.classList.add('highlight');
|
| 86 |
-
});
|
| 87 |
-
|
| 88 |
-
sentence.addEventListener('mouseleave', function() {
|
| 89 |
-
const summaryId = this.getAttribute('id');
|
| 90 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 91 |
-
if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
|
| 92 |
-
span.classList.remove('not-hover-highlight');
|
| 93 |
-
span.classList.add('highlight');
|
| 94 |
-
console.log('left!');
|
| 95 |
-
}
|
| 96 |
-
this.classList.remove('highlight');
|
| 97 |
-
});
|
| 98 |
-
});
|
| 99 |
-
});
|
| 100 |
-
|
| 101 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 102 |
-
span.addEventListener('mouseenter', function() {
|
| 103 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 104 |
-
if (span !== this) {
|
| 105 |
-
span.classList.remove('highlight');
|
| 106 |
-
span.classList.add('not-hover-highlight');
|
| 107 |
-
}
|
| 108 |
-
});
|
| 109 |
-
const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
|
| 110 |
-
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 111 |
-
if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
|
| 112 |
-
sentence.classList.add('highlight');
|
| 113 |
-
}
|
| 114 |
-
});
|
| 115 |
-
});
|
| 116 |
-
});
|
| 117 |
-
|
| 118 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 119 |
-
span.addEventListener('mouseleave', function() {
|
| 120 |
-
const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
|
| 121 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 122 |
-
if (span !== this) {
|
| 123 |
-
span.classList.remove('not-hover-highlight');
|
| 124 |
-
span.classList.add('highlight');
|
| 125 |
-
}
|
| 126 |
-
});
|
| 127 |
-
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 128 |
-
if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
|
| 129 |
-
sentence.classList.remove('highlight');
|
| 130 |
-
}
|
| 131 |
-
});
|
| 132 |
-
});
|
| 133 |
-
});
|
| 134 |
-
|
| 135 |
-
</script>
|
| 136 |
-
</body>
|
| 137 |
-
</html>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
html_files/test/14.html
DELETED
|
@@ -1,137 +0,0 @@
|
|
| 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: 30%;
|
| 25 |
-
font-size: 1.0rem;
|
| 26 |
-
padding: 10px;
|
| 27 |
-
height: 40vh; /* 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: 40vh; /* 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 had three nights at the Swissotel Sydney On Market Street and <span class='review-span highlight' data-aligned-summaries='0'>enjoyed our stay</span>. We had a <span class='review-span highlight' data-aligned-summaries='0'>corner room with</span> <span class='review-span highlight' data-aligned-summaries='0 1'>views out across the city</span>.<span class='review-span highlight' data-aligned-summaries='1'></span> Rooms are not huge but are comfortable, clean and quiet. Breakfast was included in our three-day rate and it was excellent. We also had one evening meal at the hotel. While the meal was good, the prices were a little more than we expected. Location is excellent and in walking distance of tourist attractions, shopping and underground rail. It is a quaint hotel in that the hotel is built above Myer shopping emporium and to check in means taking dropping suitcases with a porter at the small off-street entry and taking a lift to the 8th floor which opens out onto an elegant lobby and reception. Staff were courteous and help-yourself bowls of Granny Smith apples near the lifts were appreciated. <span class='review-span highlight' data-aligned-summaries='1'>Happy to recommend the hotel</span>.</div><div class='text-box'>we stayed for 5 nights in the swissotel sydney. It is a great hotel with a great location. Town hall station in a 5 minute walk, St James station is about 3 mins away. If there are two or more people it is probably cheaper to get a taxi from the airport. Our room was massive, modern and spotlessly clean. the only downside was having paid the hotel bill in full before our arrival, <span class='review-span highlight' data-aligned-summaries='0 1'>the reception proceeded to charge my credit card again</span>. This was a major inconvience as we were at the end of our 3 week holiday and my credit card was near it's limit. The problem was eventually sorted after a few days but it prevented me from using my card during this time. Although helpful, <span class='review-span highlight' data-aligned-summaries='0 1'>I didn't even get an apology from the staff</span>!</div><div class='text-box'>I stayed at this Hotel for 6 nights, and <span class='review-span highlight' data-aligned-summaries='0 1'>not sure if I would return again</span> if in Sydney. The location is excellent and the concierge know their stuff, but sadly I think it ends there. When I checked in I was informed that I had been upgraded, but on further inspection it was the room that I had actually paid for in advance. The room itself had a balcony (for which I paid extra), but no views as such, not like it was described on their website. The Hotel was busy and I was told to check on a daily basis if I wanted to change rooms. I was hassled most mornings at breakfast, because my name did not appear on the list which it should have been. <span class='review-span highlight' data-aligned-summaries='0 1'>Definitely not a 5 Star Hotel</span>.Internet charges outrageous.</div><div class='text-box'>we booked to stay here through wotif.com after initially looking to rent a self catered apartment from which to explore sydney we found this to be a very good price for us to have a very comfortable room, our flight landed at 0530 the day we were checking in so i wrote to the hotel to ask how early we could check in not expecting a positive response but we got a nice reply and when we arrived after a 24hr flight from france we were given our room at 6am!, very good. <span class='review-span highlight' data-aligned-summaries='0 1'>staff very nice would reccommend here for a good base in sydney</span>.<span class='review-span highlight' data-aligned-summaries='1'></span></div><div class='text-box'>Hotel room was nicely appointed and with a good city view. For a Sunday night though the food on offer was limited - as was the service. Staff had to be asked for drinks and to order food - and it did seem to be an inconvenience that we wanted service. Breakfast was the standard continental or hot and nothing very exciting. Once again the staff seemed to be inconvenienced by our presence. <span class='review-span highlight' data-aligned-summaries='0 1'>Given the nice rooms and good location it was disappointing that the service was so slack and uninspiring</span>.</div><div class='text-box'>the hotel itself is a bit difficult to find, and apparently not well known. location is supreme however in between george and pitt street. also very near darling harbour and town hall rail station. <span class='review-span highlight' data-aligned-summaries='0 1'>service was not much above average</span>. the biggest disgust experienced was indeed the exceedingly high cost of internet and difficulty accessing once you have registered. during my trips back to sydney, <span class='review-span highlight' data-aligned-summaries='0 1'>i will definitely compare other hotels before here</span>, such as Hilton or Marriot.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>I experianced a most enjoyable stay</span> with a nice room <span class='review-span highlight' data-aligned-summaries='1'>the location</span> to my business appointment <span class='review-span highlight' data-aligned-summaries='1'>was just ideal and the service in the resturant caould not be faulted</span>. Nice and friendly. <span class='review-span highlight' data-aligned-summaries='0'>Unfortunately the sign out was very frustrating</span> - too long.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0 1'>Restaurant very good</span>. <span class='review-span highlight' data-aligned-summaries='0 1'>Problem with bathroom was resolved</span> very quickly.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">It is worth it for the enjoyable stay.</span> <span id="1" class="summary-sentence">This hotel is highly recommended.</span></div></div>
|
| 74 |
-
<script>
|
| 75 |
-
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 76 |
-
sentence.addEventListener('mouseenter', function() {
|
| 77 |
-
const summaryId = this.getAttribute('id');
|
| 78 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 79 |
-
if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
|
| 80 |
-
span.classList.remove('highlight');
|
| 81 |
-
span.classList.add('not-hover-highlight');
|
| 82 |
-
console.log('entered!');
|
| 83 |
-
}
|
| 84 |
-
});
|
| 85 |
-
this.classList.add('highlight');
|
| 86 |
-
});
|
| 87 |
-
|
| 88 |
-
sentence.addEventListener('mouseleave', function() {
|
| 89 |
-
const summaryId = this.getAttribute('id');
|
| 90 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 91 |
-
if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
|
| 92 |
-
span.classList.remove('not-hover-highlight');
|
| 93 |
-
span.classList.add('highlight');
|
| 94 |
-
console.log('left!');
|
| 95 |
-
}
|
| 96 |
-
this.classList.remove('highlight');
|
| 97 |
-
});
|
| 98 |
-
});
|
| 99 |
-
});
|
| 100 |
-
|
| 101 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 102 |
-
span.addEventListener('mouseenter', function() {
|
| 103 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 104 |
-
if (span !== this) {
|
| 105 |
-
span.classList.remove('highlight');
|
| 106 |
-
span.classList.add('not-hover-highlight');
|
| 107 |
-
}
|
| 108 |
-
});
|
| 109 |
-
const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
|
| 110 |
-
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 111 |
-
if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
|
| 112 |
-
sentence.classList.add('highlight');
|
| 113 |
-
}
|
| 114 |
-
});
|
| 115 |
-
});
|
| 116 |
-
});
|
| 117 |
-
|
| 118 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 119 |
-
span.addEventListener('mouseleave', function() {
|
| 120 |
-
const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
|
| 121 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 122 |
-
if (span !== this) {
|
| 123 |
-
span.classList.remove('not-hover-highlight');
|
| 124 |
-
span.classList.add('highlight');
|
| 125 |
-
}
|
| 126 |
-
});
|
| 127 |
-
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 128 |
-
if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
|
| 129 |
-
sentence.classList.remove('highlight');
|
| 130 |
-
}
|
| 131 |
-
});
|
| 132 |
-
});
|
| 133 |
-
});
|
| 134 |
-
|
| 135 |
-
</script>
|
| 136 |
-
</body>
|
| 137 |
-
</html>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
html_files/test/140.html
DELETED
|
@@ -1,137 +0,0 @@
|
|
| 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: 30%;
|
| 25 |
-
font-size: 1.0rem;
|
| 26 |
-
padding: 10px;
|
| 27 |
-
height: 40vh; /* 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: 40vh; /* 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'>Ideally located, <span class='review-span highlight' data-aligned-summaries='1'>within minutes of the Blue Mosque, Grand Bazaar etc and in the heart of the old City of Istanbul</span>, close to tram and autobus and the main street in Sultanahmet. <span class='review-span highlight' data-aligned-summaries='1'>Stunning views of the Bosphorus</span>, sunrise and <span class='review-span highlight' data-aligned-summaries='3'>sunset from the rooftop bar area and dining room</span>. Breakfast and dinner can also be taken in the rooftop area which has a glorious panoramic view of the City, especially after dark. Caner, our host on arrival at reception was very knowledgeble and gave good advice re places to visit, <span class='review-span highlight' data-aligned-summaries='6'>all hotel staff were very friendly</span>. <span class='review-span highlight' data-aligned-summaries='5 10'>Free internet access in the reception area was an unexpected</span> <span class='review-span highlight' data-aligned-summaries='5'>bonus. The bedroom was a little dark</span> and not a lot of space if you have large suitcases, we were here for 7 nights, <span class='review-span highlight' data-aligned-summaries='8'>plenty to chose from at breakfast</span>, although pretty much the same every day, lots of fruit, cheeses, breads, choice of eggs, teas and coffees etc. Overall a fantastic boutique style hotel, THANK YOU CANER, regards, Lyn & Shahbaz</div><div class='text-box'>We spent there 3 nights (celebrated my birthday)- and liked everything: <span class='review-span highlight' data-aligned-summaries='4'>very clean and cosy rooms</span>, <span class='review-span highlight' data-aligned-summaries='2 8 9'>breakfast on open terrace with breathtaking views</span> of the city&sea. Location is perfect ,managers are very professional and hospitable (special thanks to Mr. Ali Aldemir). <span class='review-span highlight' data-aligned-summaries='0'>We were happy to have some pleasant suprises from the hotel: wine, fruits, transfer to airport</span> :) I'm glad that we stayed at Mina hotel. <span class='review-span highlight' data-aligned-summaries='0'>Absolutely recommended</span>!</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='9'>Excellent situation</span> <span class='review-span highlight' data-aligned-summaries='1'>close to blue mosque at the heart of Sultan Ahmet district.</span> We were lucky to get a good deal in high season. <span class='review-span highlight' data-aligned-summaries='4'>Room size is small</span> but <span class='review-span highlight' data-aligned-summaries='4'>well furnished</span>. There's a beautiful <span class='review-span highlight' data-aligned-summaries='2'>roof top and terrace facing the golden horn</span> and the <span class='review-span highlight' data-aligned-summaries='2'>blue mosque</span>; Wonderful night view. The reception <span class='review-span highlight' data-aligned-summaries='6 7'>staff were polite</span> and room service was acceptable. They also <span class='review-span highlight' data-aligned-summaries='0'>offered us free shuttle service back to the airport</span>.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='9'>i liked this hotel a lot.the</span> reception was perfect, <span class='review-span highlight' data-aligned-summaries='4'>the room</span> good but <span class='review-span highlight' data-aligned-summaries='4'>not spacey</span>( no 208 or 209 i think.also the management should think to put a brush in the toilet for the .you know. there was no brush.a last thing that i d like to say is that the <span class='review-span highlight' data-aligned-summaries='7'>staff</span> of the restaurant <span class='review-span highlight' data-aligned-summaries='7'>wasnt very smiley</span> with you <span class='review-span highlight' data-aligned-summaries='7'>if you didnt leave a tip</span>.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='1'>Great location 5 minutes walk to the Grand Bazzar</span> and many other historic and traditional places in Sultanahmet. <span class='review-span highlight' data-aligned-summaries='8'>The breakfast is buffet and it's good not too bad</span>. <span class='review-span highlight' data-aligned-summaries='6 7'>The staff very friendly and always trying to help</span>. The only disadvantage we faced is that <span class='review-span highlight' data-aligned-summaries='5 10'>there is no wireless internet in the rooms, only in the looby</span>.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='9'>Lovely hotel</span> in the heart of Sultanahmet with <span class='review-span highlight' data-aligned-summaries='2'>spectacular views from the roof terrace</span>. Excellent value for money with <span class='review-span highlight' data-aligned-summaries='6 7'>friendly</span> <span class='review-span highlight' data-aligned-summaries='6'>and accommoating</span> <span class='review-span highlight' data-aligned-summaries='6 7'>staff</span>. <span class='review-span highlight' data-aligned-summaries='4'>Rooms were clean and comfortable</span>, all thats required when visiting a city. <span class='review-span highlight' data-aligned-summaries='0'>I would recommend this hotel</span> to anyone, and i would definately stay at the Mina hotel again.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='1'>This hotel is in the old quarter of Istanbul-it is short walk to all the tourist spots</span>.<span class='review-span highlight' data-aligned-summaries='0 4'>The rooms are small but clean</span>-<span class='review-span highlight' data-aligned-summaries='8 9'>breakfast is buffet style and delicious</span>.The view from the breakfast area is fantastic.<span class='review-span highlight' data-aligned-summaries='0 6 7'>Reception staff are ready to answer any questions</span> you have about the area.We would definitely go back to the Hotel Mina again!</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='9'>Not a negative to this place</span>. Easy stay, with <span class='review-span highlight' data-aligned-summaries='8'>a breakfast fit for a king</span>!</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">A highly recommended hotel that goes above and beyond for its customers, including arranged transfers to the airport and fruits and wine.</span> <span id="1" class="summary-sentence">With only a 5 minute walk to places like the Grand Bazzar or the center of Istanbul's old city, views of the Bosphorus this hotel sits in the old quarter and isn't far from popular tourist spots.</span> <span id="2" class="summary-sentence">It's rooftop terrace also offers views of the Golden Horn and the Blue Mosque and</span> <span id="3" class="summary-sentence">the sunsets are amazing from there.</span> <span id="4" class="summary-sentence">Although the size of the rooms here are small, they are well furnished, clean and comfortable.</span> <span id="5" class="summary-sentence">The only downside to the rooms at this hotel are that there is no wireless internet available unless you're in the lobby, and the rooms can seem quite dark to be in.</span> <span id="6" class="summary-sentence">The staff was okay.</span> <span id="7" class="summary-sentence">They were polite and helpful when they needed to be.</span> <span id="8" class="summary-sentence">The breakfast was Kingly.</span> <span id="9" class="summary-sentence">Very good.</span> <span id="10" class="summary-sentence">Having free WiFi in the lobby was a pleasant surprise.</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 |
-
console.log('entered!');
|
| 83 |
-
}
|
| 84 |
-
});
|
| 85 |
-
this.classList.add('highlight');
|
| 86 |
-
});
|
| 87 |
-
|
| 88 |
-
sentence.addEventListener('mouseleave', function() {
|
| 89 |
-
const summaryId = this.getAttribute('id');
|
| 90 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 91 |
-
if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
|
| 92 |
-
span.classList.remove('not-hover-highlight');
|
| 93 |
-
span.classList.add('highlight');
|
| 94 |
-
console.log('left!');
|
| 95 |
-
}
|
| 96 |
-
this.classList.remove('highlight');
|
| 97 |
-
});
|
| 98 |
-
});
|
| 99 |
-
});
|
| 100 |
-
|
| 101 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 102 |
-
span.addEventListener('mouseenter', function() {
|
| 103 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 104 |
-
if (span !== this) {
|
| 105 |
-
span.classList.remove('highlight');
|
| 106 |
-
span.classList.add('not-hover-highlight');
|
| 107 |
-
}
|
| 108 |
-
});
|
| 109 |
-
const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
|
| 110 |
-
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 111 |
-
if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
|
| 112 |
-
sentence.classList.add('highlight');
|
| 113 |
-
}
|
| 114 |
-
});
|
| 115 |
-
});
|
| 116 |
-
});
|
| 117 |
-
|
| 118 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 119 |
-
span.addEventListener('mouseleave', function() {
|
| 120 |
-
const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
|
| 121 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 122 |
-
if (span !== this) {
|
| 123 |
-
span.classList.remove('not-hover-highlight');
|
| 124 |
-
span.classList.add('highlight');
|
| 125 |
-
}
|
| 126 |
-
});
|
| 127 |
-
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 128 |
-
if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
|
| 129 |
-
sentence.classList.remove('highlight');
|
| 130 |
-
}
|
| 131 |
-
});
|
| 132 |
-
});
|
| 133 |
-
});
|
| 134 |
-
|
| 135 |
-
</script>
|
| 136 |
-
</body>
|
| 137 |
-
</html>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
html_files/test/141.html
DELETED
|
@@ -1,137 +0,0 @@
|
|
| 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: 30%;
|
| 25 |
-
font-size: 1.0rem;
|
| 26 |
-
padding: 10px;
|
| 27 |
-
height: 40vh; /* 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: 40vh; /* 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'>Nowadays, it is so rare that those in the hospitality industry aspire to go above and beyond what is expected. I <span class='review-span highlight' data-aligned-summaries='4'>was warmly greeted with such personalized attention the second I stepped outside the car</span>. I was immediately escorted to a private check-in floor while my bags were being taken to my room. When I entered, I had a personalized message from the manager welcoming me to The Conrad, Istanbul, which just reiterated the same warm verbal welcome I received from the bellman and the staff associated who informed me of the great number of resources available to me while I was a guest of the hotel. <span class='review-span highlight' data-aligned-summaries='3'>While I had a postcard view of the Bosphorous from my room</span>, I could further embrace that beauty and enjoy drinks, snacks, reading material and conversation with fellow guests. <span class='review-span highlight' data-aligned-summaries='0 4'>The Conrad, Istanbul was a breath of fresh air when it comes to the hospitality industry</span>.<span class='review-span highlight' data-aligned-summaries='4'> My requests were handled to my satisfactions, quickly</span> and it was flattering to know that President Obama had also stayed at the hotel in April 2009. The <span class='review-span highlight' data-aligned-summaries='5'>one and only criticism I have of the hotel and its services is the</span> <span class='review-span highlight' data-aligned-summaries='2 5'>exorbitant in-room internet fees</span>.<span class='review-span highlight' data-aligned-summaries='2'> Hopefully those either have been or will be readjusted to a more industry competitive rate.</span></div><div class='text-box'>I stayed here on a business trip. <span class='review-span highlight' data-aligned-summaries='1'>The hotel has a very good location</span>, very close to the shores of the Bosphorus, <span class='review-span highlight' data-aligned-summaries='1'>5 minutes from Yildiz Park</span>. <span class='review-span highlight' data-aligned-summaries='2'>The room was very</span> <span class='review-span highlight' data-aligned-summaries='0 2'>competitively priced</span> <span class='review-span highlight' data-aligned-summaries='0'>relative to other hotels that one might consider for a business trip</span>. My room was fine, although the view of the courtyard was less than inspiring. Explains the cheap (for Istanbul) room rate. <span class='review-span highlight' data-aligned-summaries='0'>The facilities are great for a business traveller</span> - <span class='review-span highlight' data-aligned-summaries='6 7'>great gym</span> etc, quick, efficient and <span class='review-span highlight' data-aligned-summaries='4'>very friendly service</span>. Would recommend the hotel.</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>Stayed here on business for three nights</span>. <span class='review-span highlight' data-aligned-summaries='4'>Reception very efficient and welcoming</span>. <span class='review-span highlight' data-aligned-summaries='2'>Rooms are a nice size</span> with all facilities you would expect and <span class='review-span highlight' data-aligned-summaries='4'>housekeeping was perfect</span>. <span class='review-span highlight' data-aligned-summaries='3'>The bar on the 14th floor has great views of the Bosporus -</span> you must go up there. Breakfast was plentiful but very busy at peak times. <span class='review-span highlight' data-aligned-summaries='6 7'>Gym is</span> <span class='review-span highlight' data-aligned-summaries='6'>small</span> but <span class='review-span highlight' data-aligned-summaries='7'>sufficient for a quick work out</span>. <span class='review-span highlight' data-aligned-summaries='0'>The area was a bit out of the way but fine for work. Meeting rooms were good and wifi worked</span> ! I would be happy to visit again.</div><div class='text-box'>The hotel has beautiful public spaces, and the meals were delicious. <span class='review-span highlight' data-aligned-summaries='1'>You can walk across the park to many</span> small <span class='review-span highlight' data-aligned-summaries='1'>restaurants</span> favored by young people and university students. The <span class='review-span highlight' data-aligned-summaries='2'>rooms are modern</span> with bathtubs. Istanbul is a huge city and traffic is awful so it is best to stay in a hotel near where you plan to visit. I wanted to go to a Catholic Church (St. Anthony of Padua) and it took me 40 minutes by cab.</div><div class='text-box'>We stayed on the 15th floor. <span class='review-span highlight' data-aligned-summaries='0'>Great view. great food</span>. they do shut down the bar and food right at the designated hour. we were a couple mins late and everything was gone. taking the metro to the golden horn is very easy. I recommend buying an Akbill to make it very simple.</div><div class='text-box'>Ohh my God.I never <span class='review-span highlight' data-aligned-summaries='4'>seen</span> in my life <span class='review-span highlight' data-aligned-summaries='0 4'>Hotel General Manager yelling</span> <span class='review-span highlight' data-aligned-summaries='4'>his Staff</span>. <span class='review-span highlight' data-aligned-summaries='4'>Checking in and out was very ruff</span>. Until 8 floor ,<span class='review-span highlight' data-aligned-summaries='5'>you have to pay for dialup service for internet</span>. <span class='review-span highlight' data-aligned-summaries='0'>And Construction noise</span>. Ohh my God.<span class='review-span highlight' data-aligned-summaries='0'>Dont stay here.</span></div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>Thia hotel needs a renovation</span>! <span class='review-span highlight' data-aligned-summaries='2'>Is very very old</span> (my room smells cigaret and the carpet is terrible! My lugagge taks 1:30 to go to my room</div><div class='text-box'>Good location. <span class='review-span highlight' data-aligned-summaries='0 4'>Perfect staff</span>.<span class='review-span highlight' data-aligned-summaries='0'> Excellent hotel for leisure</span> and <span class='review-span highlight' data-aligned-summaries='0'>business</span></div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">This is the perfect hotel for both leisure and business stays and is a welcome breath of fresh air for the hospitality industry.</span> <span id="1" class="summary-sentence">You can walk across the park near the hotel to a number of restaurants.</span> <span id="2" class="summary-sentence">The hotel's rooms are modern, adequately sized.and competitively priced.</span> <span id="3" class="summary-sentence">It is even possible to see the Bosphorous from some of the rooms.</span> <span id="4" class="summary-sentence">The staff based at the hotel were generally good, but there were some instances of unprofessional conduct.</span> <span id="5" class="summary-sentence">Unfortunately the dial-up service to access the internet is a paid service.</span> <span id="6" class="summary-sentence">Additionally the gym is pretty small</span> <span id="7" class="summary-sentence">but it's fine for a quick workout.</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 |
-
console.log('entered!');
|
| 83 |
-
}
|
| 84 |
-
});
|
| 85 |
-
this.classList.add('highlight');
|
| 86 |
-
});
|
| 87 |
-
|
| 88 |
-
sentence.addEventListener('mouseleave', function() {
|
| 89 |
-
const summaryId = this.getAttribute('id');
|
| 90 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 91 |
-
if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
|
| 92 |
-
span.classList.remove('not-hover-highlight');
|
| 93 |
-
span.classList.add('highlight');
|
| 94 |
-
console.log('left!');
|
| 95 |
-
}
|
| 96 |
-
this.classList.remove('highlight');
|
| 97 |
-
});
|
| 98 |
-
});
|
| 99 |
-
});
|
| 100 |
-
|
| 101 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 102 |
-
span.addEventListener('mouseenter', function() {
|
| 103 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 104 |
-
if (span !== this) {
|
| 105 |
-
span.classList.remove('highlight');
|
| 106 |
-
span.classList.add('not-hover-highlight');
|
| 107 |
-
}
|
| 108 |
-
});
|
| 109 |
-
const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
|
| 110 |
-
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 111 |
-
if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
|
| 112 |
-
sentence.classList.add('highlight');
|
| 113 |
-
}
|
| 114 |
-
});
|
| 115 |
-
});
|
| 116 |
-
});
|
| 117 |
-
|
| 118 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 119 |
-
span.addEventListener('mouseleave', function() {
|
| 120 |
-
const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
|
| 121 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 122 |
-
if (span !== this) {
|
| 123 |
-
span.classList.remove('not-hover-highlight');
|
| 124 |
-
span.classList.add('highlight');
|
| 125 |
-
}
|
| 126 |
-
});
|
| 127 |
-
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 128 |
-
if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
|
| 129 |
-
sentence.classList.remove('highlight');
|
| 130 |
-
}
|
| 131 |
-
});
|
| 132 |
-
});
|
| 133 |
-
});
|
| 134 |
-
|
| 135 |
-
</script>
|
| 136 |
-
</body>
|
| 137 |
-
</html>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
html_files/test/142.html
DELETED
|
@@ -1,137 +0,0 @@
|
|
| 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: 30%;
|
| 25 |
-
font-size: 1.0rem;
|
| 26 |
-
padding: 10px;
|
| 27 |
-
height: 40vh; /* 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: 40vh; /* 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'>Nowadays, <span class='review-span highlight' data-aligned-summaries='0'>it is so rare that those in the hospitality industry aspire to go above and beyond what is expected. I was warmly greeted with such personalized attention the second I stepped outside the car.</span> I was immediately escorted to a private check-in floor while my bags were being taken to my room. When I entered, <span class='review-span highlight' data-aligned-summaries='4'>I had a personalized message from the manager welcoming me to The Conrad</span>, Istanbul, which just reiterated the same warm verbal welcome I received from the bellman and the staff associated who informed me of the <span class='review-span highlight' data-aligned-summaries='5'>great number of resources available to me while I was a guest of the hotel</span>. While <span class='review-span highlight' data-aligned-summaries='3'>I had a postcard view of the Bosphorous from my room</span>, I could further embrace that beauty and enjoy drinks, snacks, reading material and conversation with fellow guests. The Conrad, Istanbul was a breath of fresh air when it comes to the hospitality industry. <span class='review-span highlight' data-aligned-summaries='5'>My requests were handled to my satisfactions</span>, quickly and it was flattering to know that President Obama had also stayed at the hotel in April 2009. The one and only criticism I have of <span class='review-span highlight' data-aligned-summaries='8'>the hotel</span> and its services is the <span class='review-span highlight' data-aligned-summaries='8'>exorbitant in-room internet fees</span>. Hopefully those either have been or will be readjusted to a more industry competitive rate.</div><div class='text-box'>I stayed here on a business trip. The hotel has a very good location, very close to the shores of the Bosphorus, 5 minutes from Yildiz Park. <span class='review-span highlight' data-aligned-summaries='3'>The room was very competitively priced</span> relative to other hotels that one might consider for a business trip. <span class='review-span highlight' data-aligned-summaries='3'>My room</span> was fine, although the <span class='review-span highlight' data-aligned-summaries='3'>view of the courtyard was less than inspiring</span>. Explains the cheap (for Istanbul) room rate. The facilities are great for a business traveller - <span class='review-span highlight' data-aligned-summaries='7'>great gym</span> etc, quick, efficient and <span class='review-span highlight' data-aligned-summaries='4'>very friendly service</span>. Would recommend the hotel.</div><div class='text-box'>Stayed here on business for three nights. <span class='review-span highlight' data-aligned-summaries='0 5'>Reception very</span> <span class='review-span highlight' data-aligned-summaries='5'>efficient</span> and <span class='review-span highlight' data-aligned-summaries='0'>welcoming</span>. <span class='review-span highlight' data-aligned-summaries='2'>Rooms are a nice size with all facilities you would expect</span> and housekeeping was perfect. The bar on the 14th floor has <span class='review-span highlight' data-aligned-summaries='3'>great views of the Bosporus</span> - you must go up there. Breakfast was plentiful but very busy at peak times. <span class='review-span highlight' data-aligned-summaries='7'>Gym is small but sufficient for a quick work out</span>. The area was a bit out of the way but fine for work. Meeting rooms were good and wifi worked ! I would be happy to visit again.</div><div class='text-box'>The hotel has beautiful public spaces, and <span class='review-span highlight' data-aligned-summaries='6'>the meals were delicious</span>. You can walk <span class='review-span highlight' data-aligned-summaries='1'>across the park to many small restaurants</span> favored by young people and university students. <span class='review-span highlight' data-aligned-summaries='2'>The rooms are modern</span> with bathtubs. Istanbul is a huge city and traffic is awful so it is best to stay in a hotel near where you plan to visit. I wanted to go to a Catholic Church (St. Anthony of Padua) and it took me 40 minutes by cab.</div><div class='text-box'>We <span class='review-span highlight' data-aligned-summaries='3'>stayed on the 15th floor. Great view</span>. great food. <span class='review-span highlight' data-aligned-summaries='6'>they do shut down the bar</span> and food right <span class='review-span highlight' data-aligned-summaries='6'>at the designated hour</span>. we were a couple mins late and everything was gone. taking the metro to the golden horn is very easy. I recommend buying an Akbill to make it very simple.</div><div class='text-box'>Ohh my God.<span class='review-span highlight' data-aligned-summaries='0'>I never seen in my life Hotel General Manager yelling his Staff. Checking in and out was very ruff</span>. <span class='review-span highlight' data-aligned-summaries='2 8'>Until 8 floor ,you have to pay for dialup service for internet</span>. And Construction noise. Ohh my God.Dont stay here.</div><div class='text-box'>Thia hotel needs a renovation! <span class='review-span highlight' data-aligned-summaries='2'>Is very very old (my room</span> smells cigaret and the <span class='review-span highlight' data-aligned-summaries='2'>carpet is terrible</span>! My lugagge taks 1:30 to go to my room</div><div class='text-box'>Good location. <span class='review-span highlight' data-aligned-summaries='4'>Perfect staff</span>. Excellent hotel for leisure and business</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">The Conrad hotel warmly greets its guests upon arrival and are far beyond the expected norms when it comes to hospitality.</span> <span id="1" class="summary-sentence">The hotel is just across a park from many popular restaurants.</span> <span id="2" class="summary-sentence">At this hotel the rooms are of a decent size with modern facilities and look.</span> <span id="3" class="summary-sentence">The views are good from the room and the price was a competitive rate.</span> <span id="4" class="summary-sentence">For the most part the staff at this hotel are really great and make you feel very welcome, especially with personalised messages and general friendliness.</span> <span id="5" class="summary-sentence">They handled any requests efficiently and had plenty of recommendations for resources.</span> <span id="6" class="summary-sentence">All meals here were delicious however they shut down the bar at a designated hour.</span> <span id="7" class="summary-sentence">The hotel has a small gym on site which is ideal for a workout.</span> <span id="8" class="summary-sentence">Some of the floors on the hotel you will need to pay for dial-up internet.</span></div></div>
|
| 74 |
-
<script>
|
| 75 |
-
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 76 |
-
sentence.addEventListener('mouseenter', function() {
|
| 77 |
-
const summaryId = this.getAttribute('id');
|
| 78 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 79 |
-
if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
|
| 80 |
-
span.classList.remove('highlight');
|
| 81 |
-
span.classList.add('not-hover-highlight');
|
| 82 |
-
console.log('entered!');
|
| 83 |
-
}
|
| 84 |
-
});
|
| 85 |
-
this.classList.add('highlight');
|
| 86 |
-
});
|
| 87 |
-
|
| 88 |
-
sentence.addEventListener('mouseleave', function() {
|
| 89 |
-
const summaryId = this.getAttribute('id');
|
| 90 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 91 |
-
if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) {
|
| 92 |
-
span.classList.remove('not-hover-highlight');
|
| 93 |
-
span.classList.add('highlight');
|
| 94 |
-
console.log('left!');
|
| 95 |
-
}
|
| 96 |
-
this.classList.remove('highlight');
|
| 97 |
-
});
|
| 98 |
-
});
|
| 99 |
-
});
|
| 100 |
-
|
| 101 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 102 |
-
span.addEventListener('mouseenter', function() {
|
| 103 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 104 |
-
if (span !== this) {
|
| 105 |
-
span.classList.remove('highlight');
|
| 106 |
-
span.classList.add('not-hover-highlight');
|
| 107 |
-
}
|
| 108 |
-
});
|
| 109 |
-
const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
|
| 110 |
-
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 111 |
-
if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
|
| 112 |
-
sentence.classList.add('highlight');
|
| 113 |
-
}
|
| 114 |
-
});
|
| 115 |
-
});
|
| 116 |
-
});
|
| 117 |
-
|
| 118 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 119 |
-
span.addEventListener('mouseleave', function() {
|
| 120 |
-
const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' ');
|
| 121 |
-
document.querySelectorAll('.review-span').forEach(span => {
|
| 122 |
-
if (span !== this) {
|
| 123 |
-
span.classList.remove('not-hover-highlight');
|
| 124 |
-
span.classList.add('highlight');
|
| 125 |
-
}
|
| 126 |
-
});
|
| 127 |
-
document.querySelectorAll('.summary-sentence').forEach(sentence => {
|
| 128 |
-
if (AlignSummariesId.includes(sentence.getAttribute('id'))) {
|
| 129 |
-
sentence.classList.remove('highlight');
|
| 130 |
-
}
|
| 131 |
-
});
|
| 132 |
-
});
|
| 133 |
-
});
|
| 134 |
-
|
| 135 |
-
</script>
|
| 136 |
-
</body>
|
| 137 |
-
</html>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|