-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
197 lines (155 loc) · 9.29 KB
/
index.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
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
<!doctype html>
<html class="no-js" lang="">
<head>
<meta charset="utf-8">
<title></title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="manifest" href="site.webmanifest">
<link rel="apple-touch-icon" href="icon.png">
<!-- Place favicon.ico in the root directory -->
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/main.css">
<meta name="theme-color" content="#fafafa">
<!--═══ mathjax ═════════════════════════════════════════════════════════-->
<script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
<script>
window.MathJax = {
tex: {
tags: 'ams'
}
};
</script>
<script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-svg-full.js"></script>
<!--════════════════════════════════════════════════════════════-->
</head>
<body>
<div class="neuebody">
<div class="container page">
<!-- Add your site or application content here -->
<p>Hello world! This is HTML5 Boilerplate.</p>
<div style="height:300px; width:300px; border: 1px solid rgba(var(--neonblue)); position: relative; left:300px; shadow ">
Boilerplate
</div>
<div class="math">
<p>
\begin{equation}
x = 5 \quad \ce{H2O}
\end{equation}
\begin{matrix} \tag{next}
\dot E_{in} &-& \dot E_{out} &=& \frac{d}{{\rm d}t} E_{sys} \\
\overbrace{\dot mh_{in} + \dot Q_{in} + \dot mh_{in} + \dot Q_{in}} &-& \overbrace{\dot mh_{in} + \dot Q_{in} } &=& \frac{d}{{\rm d}t} E_{sys} \\
\end{matrix}
</p>
</div>
<section class = "count-boxes">
<h2>first</h2>
<div class="flexbox ">
<h2>first</h2>
<div class="flex-item ">
<div class="img-wrap"></div>
<div class="tooltip"><div class="tooltiptext">
Steam enters the first-stage turbine shown in the figure at 40 bar and 500°C with a mass flow rate of 40,000 kg/hr. Steam exits the first-stage turbine at 20 bar and 400°C. The steam is then reheated at constant pressure to 500°C before entering the second-stage turbine. Steam leaves the second stage as saturated vapor at 0.6 bar. Assume steady state operation and ignore stray heat transfer and kinetic and potential energy effects. Determine the volumetric flow rate of the steam at the inlet to the first-stage turbine, in m³/min, the rate of heat transfer to the steam flowing through the reheater, in kW, and the total power produced by the two stages of the turbine, in kW.
</div>
</div>
</div>
<div class="flex-item ">
<div class="img-wrap"><img src="img/ch10_cen98179_p10034_lg,cleared.png" /></div>
<div class="tooltip"><div class="tooltiptext">
A steam power plant operates on the reheat Rankine cycle. Steam enters the high-pressure turbine at 12.5 MPa and 550°C at a rate of 7.7 kg/s and leaves at 2 MPa. Steam is then reheated at constant pressure to 450°C before it expands in the low-pressure turbine. The isentropic efficiencies of the turbine and the pump are 85 percent and 90 percent, respectively. If steam leaves the condenser as a saturated liquid at 10 kPa, determine (a) the net power output and (b) the thermal efficiency.
</div>
</div>
</div>
<!--web.Ti/index.html-->
<div class="flex-item ">
<a href="../../../notebooks/Ti/books.Ti/01.02⋮pascals_law_hydraulic_lift⋮python.ipynb" >
<div class="img-wrap"><img src="img/ch01_cen98179_p01091om_lg,squared.png" /></div>
<div class="tooltip"><div class="tooltiptext">
A hydraulic lift is to be used to lift a 2500 kg weight by putting a weight of 25 kg on a piston with a diameter of 10 cm. Determine the diameter of the piston on which the weight is to be placed. The hydraulic fluid has a specific gravity of 0.86.
</div></div>
</a>
</div>
<div class="flex-item"> <!-- 4 -->
<div class="img-wrap"><img src="img/ch10_cen98179_p10034_lg.jpg" /></div>
<div class="tooltip"><div class="tooltiptext">
A steam power plant operates on the reheat Rankine cycle. Steam enters the high-pressure turbine at 12.5 MPa and 550°C at a rate of 7.7 kg/s and leaves at 2 MPa. Steam is then reheated at constant pressure to 450°C before it expands in the low-pressure turbine. The isentropic efficiencies of the turbine and the pump are 85 percent and 90 percent, respectively. If steam leaves the condenser as a saturated liquid at 10 kPa, determine (a) the net power output and (b) the thermal efficiency.
</div></div>
</div>
<div class="flex-item julia">
<div class="img-wrap"><img src="img/EAT_14908854309950_8181991609077116.cleared.png" /></div>
<div class="tooltip"><div class="tooltiptext">
<div class="banner">
<div class="banner-text">ms9⋮4.034</div>
<a href="https://www.julialang.org"><img src="img/juliaLOGO-three-balls.png" alt="julia" target="_blank" /></a>
</div>
<div>Steam enters the first-stage turbine shown in the figure at 40 bar and 500°C with a mass flow rate of 40,000 kg/hr. Steam exits the first-stage turbine at 20 bar and 400°C. The steam is then reheated at constant pressure to 500°C before entering the second-stage turbine. Steam leaves the second stage as saturated vapor at 0.6 bar. Assume steady state operation and ignore stray heat transfer and kinetic and potential energy effects. Determine the volumetric flow rate of the steam at the inlet to the first-stage turbine, in m³/min, the rate of heat transfer to the steam flowing through the reheater, in kW, and the total power produced by the two stages of the turbine, in kW.</div>
<div class="banner">
ms9⋮4.034
<a href="https://www.julialang.org">
<img src="img/juliaLOGO-three-balls.png" alt="julia" target="_blank" />
</a>
</div>
</div></div>
</div>
<div class="flex-item "></div>
<div class="flex-item "></div>
<div class="flex-item "></div>
<div class="flex-item "></div>
<div class="flex-item "></div>
<div class="flex-item "></div>
<div class="flex-item "></div>
<div class="flex-item "></div>
</div>
<hr><hr><hr>
<h2>second</h2>
<div class="flexbox ">
<h2>second</h2>
<div class="flex-item ">
<div class="tooltip"><div class="tooltiptext">
Steam enters the first-stage turbine shown in the figure at 40 bar and 500°C with a mass flow rate of 40,000 kg/hr. Steam exits the first-stage turbine at 20 bar and 400°C. The steam is then reheated at constant pressure to 500°C before entering the second-stage turbine. Steam leaves the second stage as saturated vapor at 0.6 bar. Assume steady state operation and ignore stray heat transfer and kinetic and potential energy effects. Determine the volumetric flow rate of the steam at the inlet to the first-stage turbine, in m³/min, the rate of heat transfer to the steam flowing through the reheater, in kW, and the total power produced by the two stages of the turbine, in kW.
</div></div>
</div>
<div class="flex-item ">
<div class="tooltip">
<div class="tooltiptext">
A steam power plant operates on the reheat Rankine cycle. Steam enters the high-pressure turbine at 12.5 MPa and 550°C at a rate of 7.7 kg/s and leaves at 2 MPa. Steam is then reheated at constant pressure to 450°C before it expands in the low-pressure turbine. The isentropic efficiencies of the turbine and the pump are 85 percent and 90 percent, respectively. If steam leaves the condenser as a saturated liquid at 10 kPa, determine (a) the net power output and (b) the thermal efficiency.
</div>
</div>
<div class="img-wrap"><img src="img/ch10_cen98179_p10034_lg.jpg" /></div>
</div>
<div class="flex-item "></div>
<div class="flex-item "></div>
<div class="flex-item "></div>
</div>
</section>
<h2>Fade In Tooltip on Hover</h2>
<p>When you move the mouse over the text below, the tooltip text will fade in and take 1 second to go from completely invisible to visible.</p>
<div class="tooltip">Hover over me
<span class="tooltiptext">Tooltip text</span>
</div>
<h1>flex-wrap: wrap; flex-direction: row;</h1>
<ul class="flex-container longhand">
<li class="flex-items">1</li>
<li class="flex-items">2</li>
<li class="flex-items">3</li>
<li class="flex-items">4</li>
</ul>
<h1>flex-flow: row wrap;</h1>
<ul class="flex-container shorthand">
<li class="flex-items">1</li>
<li class="flex-items">2</li>
<li class="flex-items">3</li>
<li class="flex-items">4</li>
</ul>
<img src="http://i.imgur.com/60PVLis.png" alt=""></div>
<!--╔═════════════════════════════════════════════════════════════════════════╗ -->
<script src="js/vendor/modernizr-3.8.0.min.js"></script>
<script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-3.4.1.min.js"><\/script>')</script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
<!-- Google Analytics: used to be here. Bye bitches. -->
</div>
</div>
</body>
</html>