KevinMidboe/homehub
1
0
Fork 0
mirror of https://github.com/KevinMidboe/homehub.git synced 2025-10-29 17:40:26 +00:00
Code Issues Packages Projects Releases Wiki Activity

Changed styling on weather and shower

Browse Source
This commit is contained in:
Kevin
2016-09-21 13:29:00 +00:00
parent 0369590879
commit 5562de31ce
5 changed files with 18 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
index.php
View File

@@ -11,15 +11,15 @@
<title>RPi Home Hub v0.1</title>
</head>
<body>
<div class="col-md-4 col-sm-4 text-center" id="currTime"></div>
<div class="col-md-4 col-sm-4" id="showerthoughts" style="height: 225px; width: 310px;">
<div class="col-md-4 col-sm-5 text-center" id="currTime"></div>
<div class="col-md-5 col-sm-5" id="showerthoughts" style="height: 225px;">
<h3>/r/showerthoughts</h3>
<p id="shower_body" style="overflow: hidden;">
<?php echo file_get_contents("topSubPost.txt"); ?>
</p>
</div>
<div class="col-md-4 col-sm-4 text-center weatherReport" style="margin-top: -40px;">
<div class="col-md-3 col-sm-3 text-center weatherReport" style="margin-top: -40px;">
<div>
<e id="weatherImg"></e>
</div>
@@ -45,7 +45,7 @@
data-widget-id="685044306260918273"
href="https://twitter.com/TwitterDev"
data-chrome="nofooter noborders noheader transparent"
height="385">
height="400">
Tweets by @Politiet
</a>
</div>
@@ -71,7 +71,7 @@
</div>
-->
<div class="col-md-8 col-sm-8">
<iframe width="600" height="335" src="https://www.youtube.com/embed/njCDZWTI-xg?rel=0&amp;controls=0&amp;showinfo=0;autoplay=1" frameborder="0" allowfullscreen></iframe>
<iframe width="600" height="400" src="https://www.youtube.com/embed/njCDZWTI-xg?rel=0&amp;controls=0&amp;showinfo=0;autoplay=1" frameborder="0" allowfullscreen></iframe>
</div>
<script>window.twttr = (function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0],
@@ -99,3 +99,4 @@
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
</body>
</html>

7
scripts/addWeatherInfo.js
View File

@@ -8,8 +8,9 @@ $.get('weatherData.txt', function(data) {
elem.setAttribute("alt", weatherData[1]);
document.getElementById("weatherImg").appendChild(elem);
document.getElementById("weatherTempValue").innerHTML = "<p class='weatherTitle' style='font-size: 30px;'>Temperatur</p><p style='text-align:right;>" + weatherData[2] + '°</p>';
document.getElementById("weatherRainfall").innerHTML = "<p class='weatherTitle'>Nedbør" + weatherData[3] + '</p>';
document.getElementById("weatherWind").innerHTML = "<p class='weatherTitle'>Vind</p><p class='weatherData'>" + weatherData[5] + '</p>';
document.getElementById("weatherTempValue").innerHTML = "<p class='weatherTitle' style='font-size: 30px;'>Temp</p><p style='text-align:right; font-size:35px;'>" + weatherData[2] + '°</p>';
document.getElementById("weatherRainfall").innerHTML = "<p class='weatherTitle' style='font-size: 30px;'>Nedbør</p><p style='text-align:right; font-size:25px;'>" + weatherData[3] + '°</p>';
// document.getElementById("weatherRainfall").innerHTML = "<p class='weatherTitle'>Nedbør</p><p style='text-align:right; font-size:25px;'>" + weatherData[3] + '</p>';
// document.getElementById("weatherWind").innerHTML = "<p class='weatherTitle'>Vind</p><p class='weatherData'>" + weatherData[5] + '</p>';
// document.getElementById("weatherWindDirection").innerHTML = "<p class='weatherTitle'>Vind rettning</p><p class='weatherData'>" + weatherData[6] + '</p>';
});

1
style.css
View File

@@ -36,7 +36,6 @@ html, body {
}
.weatherReport {
margin-right: -30px;
margin-left: -30px;
}

2
topSubPost.txt
View File

@@ -1 +1 @@
"No Man's Land" is a great name for a lesbian bar
"It's not a pyramid scheme" is a phrase almost exclusively used by people involved in pyramid schemes

12
weatherData.txt
View File

@@ -1,7 +1,7 @@
day
Snow.png
-6
0.4 - 0.7 mm
Gentle breeze
6 m/s
northeast
Cloudy.png
19
0 mm
Light air
1 m/s
west-northwest