Skip to content

Commit cd2fc6a

Browse files
author
Meller Jaroslaw
committed
CSS style changes
1 parent 4c2a2c2 commit cd2fc6a

File tree

4 files changed

+52
-22
lines changed

4 files changed

+52
-22
lines changed

‎bground.svg

+7
Loading

‎index.html

+2-2
Original file line numberDiff line numberDiff line change
@@ -29,9 +29,9 @@
2929
<body>
3030
<div id="container">
3131
<div id="menu">
32-
<h1>Raspberry Pi</h2>
32+
<h1 class="menu">Raspberry Pi</h2>
3333
<a href="page_rasp_heatsink.html" title="Raspberry Pi 3 aluminum and copper heatsink test">Raspberry Pi 3 Heatsink Test</a><br/>
34-
<h1>Other Stuff</h2>
34+
<h1 class="menu">Other Stuff</h2>
3535
<a href="htmlMQTTViewer/mqtt_dahboard.html" title="Simple Websockets MQTT dashboard">JavaScript MQTT Dashboard</a><br/>
3636
<a href="https://pl.gravatar.com/struthio2015" title="img:https://secure.gravatar.com/avatar/b1326f280519791e5470ac57ab7877cd">Gravatar</a><br/>
3737
</div>

‎layout.css

+31-7
Original file line numberDiff line numberDiff line change
@@ -4,10 +4,11 @@ body
44
color:#505050;
55
font-family: Courier New;
66
font-size: 8pt;
7+
background-image: url("bground.svg");
78
}
89
a
910
{
10-
color: #A0A0A0;
11+
color: #505050;
1112
text-decoration: none;
1213
font-size: 8pt;
1314
}
@@ -16,6 +17,21 @@ a:hover
1617
color: #FFE0E0;
1718
text-decoration: underline;
1819
}
20+
div.menuBack
21+
{
22+
background-color: #000000;
23+
}
24+
div.menuBack > a
25+
{
26+
color: #FFFFFF;
27+
font-weight: bold;
28+
}
29+
p
30+
{
31+
background-color: #ffffff;
32+
padding: 5px;
33+
border: 1px dashed #505050;
34+
}
1935
div#container
2036
{
2137
border: 1px solid #C0C0C0;
@@ -25,6 +41,7 @@ div#container
2541
top: 50%;
2642
left: 50%;
2743
transform: translate(-50%, -50%);
44+
background-color: #ffffff;
2845
}
2946
div#menu { float: left;}
3047
div#preview
@@ -34,22 +51,29 @@ div#preview
3451
}
3552
div#menu, div#preview
3653
{
37-
border: 1px solid #C0C0C0;
54+
border: 1px solid #505050;
3855
width: 200px;
3956
height: 200px;
4057
padding: 2px;
4158
margin: 2px;
4259
}
43-
h1
60+
h1.menu
4461
{
62+
padding:0px;
63+
margin: 0px;
4564
font-size: 10pt;
65+
}
66+
h1, h2, h3, h4, h5
67+
{
68+
font-size: 24pt;
4669
text-align: center;
47-
background-color: #C0C0C0;
70+
background-color: #505050;
4871
color: #ffffff;
49-
padding:0px;
50-
margin: 0px;
5172
}
52-
73+
h2 { font-size: 16pt; background-color: #505050; }
74+
h3 { font-size: 14pt; background-color: #707070; }
75+
h4 { font-size: 12pt; background-color: #909090; }
76+
h5 { font-size: 10pt; background-color: #B0B0B0; }
5377
img
5478
{
5579
width:200px;

‎page_rasp_heatsink.html

+12-13
Original file line numberDiff line numberDiff line change
@@ -34,7 +34,6 @@
3434
format:'#,### C'
3535
},
3636
backgroundColor: '#ffffff',
37-
width: 800,
3837
height: 400
3938
};
4039

@@ -52,35 +51,35 @@
5251
</script>
5352
</head>
5453
<body>
55-
<a id="menu_back" href="index.html">&lt;-BACK</a>
56-
<h1>Raspberry Heatsink Test</h1>
54+
<div class="menuBack"><a id="menu_back" href="index.html">&lt;-BACK</a></div>
55+
<h1>Raspberry Pi 3 Heatsink Test</h1>
5756
<h2>Description</h2>
58-
I have been using Raspberry Pi (Model B) for some time as PHP+MySQL server. This raspberry works with aluminum heatsinks that are widely available on net.<br/>
57+
<p>I have been using Raspberry Pi (Model B) for some time as PHP+MySQL server. This raspberry works with aluminum heatsinks that are widely available on net.<br/>
5958
Recently I decided to improve performance of My setup by moving server from old board to new Raspberry Pi 3 (4 cores and more RAM should help a lot)<br/>
6059
As I ordered RPI3 It came bundled with plastic case and aluminum heatsinks. As aluminum are not best head preading metal I was wondering how efficient this heatsinks are and how they compare to copper ones (and moreover how this heat transfering tape (added to all heatsinks) work).<br/>
61-
<br/>
62-
So I checked temperatures in idle and while running stress-ng with board having:<br/>
60+
</p>
61+
<p>I checked temperatures in idle and while running stress-ng with board having:<br/>
6362
* no heatsink <br/>
6463
* aluminium heatsink - mounted with included heat transfering tape<br/>
6564
* copper heatsink - mounted with heat transfering glue (Arctic Silver Thermal Adhesive)<br/>
66-
<br/>
67-
All testes was performed:
68-
* without case - to allow free airflow
65+
</p>
66+
<p>All testes was performed:<br/>
67+
* without case - to allow free airflow<br/>
6968
* in full plastic case - as this will be target configuration<br/>
70-
<br/>
69+
</p>
7170
<h3>Codes</h3>
7271
<!-- Temperature logged by:<br/>
7372
<code>
7473
7574
</code>
7675
<br/>-->
77-
CPU Stressed by:<br/>
76+
<p>CPU Stressed by:<br/>
7877
<code>
7978
stress-ng --cpu 4 --fork 4 --timeout 60s
8079
</code>
81-
<br/>
80+
</p>
8281
<h2>Results</h2>
83-
Please move mouse over chart to see exact temperature reading.<br/>
82+
<p>Please move mouse over chart to see exact temperature reading.</p>
8483
<h3>RPi 3 without case</h3>
8584
<h4>Temperature while idle</h4>
8685
<div id="chartNoCoverIdle"></div>

0 commit comments

Comments
 (0)