-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathhot.html
100 lines (89 loc) · 3.74 KB
/
hot.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>10th December - Thermal Comfort</title>
<style>
body {
background-color: #f4f4f9; /* Subtle grey background */
color: #333; /* Dark text for readability */
font-family: Arial, sans-serif;
}
h1 {
color: #00509e; /* Deep blue for the title */
text-align: center;
}
p {
font-size: 1.0rem;
line-height: 1.6;
text-align: center;
max-width: 600px;
margin: 10px auto;
}
.icon-section {
text-align: center;
margin: 20px auto;
font-size: 2rem;
}
ul {
display: grid; /* Use grid for strict alignment */
grid-template-columns: 1fr 1fr; /* Two equal-width columns */
gap: 20px; /* Add space between rows and columns */
list-style-type: none; /* Remove bullet points */
padding: 0; /* Remove padding */
margin: 20px auto;
max-width: 800px; /* Ensure consistent width for all items */
}
ul li {
font-size: 1.0rem; /* Adjust font size */
line-height: 1.6;
}
ul li strong {
display: block; /* Ensure headings are on their own line */
margin-bottom: 5px; /* Add spacing below headings */
}
</style>
</head>
<body>
<h1>10th December - Thermal Comfort</h1>
<div class="icon-section">
🌬️🔥❄️💨🌡️🔥❄️💨
</div>
<p>
<span style="display:block;">Thermal comfort is the state in which people feel neither too hot nor too cold. <br />How can we measure feelings?</span>
</p>
<h2 style="text-align:center; margin:10px; color:#00509e;">Factors That Influence Thermal Comfort:</h2>
<ul>
<li>
<strong>Relative Humidity:</strong>
The ratio between the actual amount of water vapour in the air and the maximum possible it could hold at that air temperature.
Average UK humidity levels in our homes is 50%-55%. Drop that to 40% and say goodbye to condensation (probably).
</li>
<li>
<strong>Air temperature and velocity:</strong>
Air temperature is measured by the dry bulb temperature (DBT) and velocity is measured in m/s.
We all love a breeze in summer and dislike one in winter, so make sure you specify good windows!
</li>
<li>
<strong>Radiant Temperature:</strong>
This is the temperature of your surroundings, generally expressed as mean radiant temperature (MRT).
Surface temperature differentials (e.g., glazing, floors) can cause discomfort even if air temperature is optimal.
</li>
<li>
<strong>Clothing, activity and wellbeing:</strong>
As well as environmental factors, personal factors also influence thermal comfort.
Wearing a warm jumper and jumping up and down when you have flu will leave you feeling far too warm. I don't recommend this.
</li>
</ul>
<p style="text-align:center; margin-top:20px;">
A well-designed building takes all these factors into account (well, maybe not jumping in a jumper with flu), creating spaces where people feel at ease regardless of the weather outside. 🌟
</p>
<div class="icon-section">
❄️💨🔥🌡️🌬️❄️🔥💨
</div>
<a href="/" style="display:block; margin-top:20px; text-align:center; text-decoration:none; color:#00509e; font-weight:bold;">
Back to Advent Calendar
</a>
</body>
</html>