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> <title>RPi Home Hub v0.1</title>
</head> </head>
<body> <body>
<div class="col-md-4 col-sm-4 text-center" id="currTime"></div> <div class="col-md-4 col-sm-5 text-center" id="currTime"></div>
<div class="col-md-4 col-sm-4" id="showerthoughts" style="height: 225px; width: 310px;"> <div class="col-md-5 col-sm-5" id="showerthoughts" style="height: 225px;">
<h3>/r/showerthoughts</h3> <h3>/r/showerthoughts</h3>
<p id="shower_body" style="overflow: hidden;"> <p id="shower_body" style="overflow: hidden;">
<?php echo file_get_contents("topSubPost.txt"); ?> <?php echo file_get_contents("topSubPost.txt"); ?>
</p> </p>
</div> </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> <div>
<e id="weatherImg"></e> <e id="weatherImg"></e>
</div> </div>
@@ -45,7 +45,7 @@
data-widget-id="685044306260918273" data-widget-id="685044306260918273"
href="https://twitter.com/TwitterDev" href="https://twitter.com/TwitterDev"
data-chrome="nofooter noborders noheader transparent" data-chrome="nofooter noborders noheader transparent"
height="385"> height="400">
Tweets by @Politiet Tweets by @Politiet
</a> </a>
</div> </div>
@@ -71,7 +71,7 @@
</div> </div>
--> -->
<div class="col-md-8 col-sm-8"> <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> </div>
<script>window.twttr = (function(d, s, id) { <script>window.twttr = (function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0], 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> <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
</body> </body>
</html> </html>

7
scripts/addWeatherInfo.js
View File

@@ -8,8 +8,9 @@ $.get('weatherData.txt', function(data) {
elem.setAttribute("alt", weatherData[1]); elem.setAttribute("alt", weatherData[1]);
document.getElementById("weatherImg").appendChild(elem); 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("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'>Nedbør" + weatherData[3] + '</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("weatherWind").innerHTML = "<p class='weatherTitle'>Vind</p><p class='weatherData'>" + weatherData[5] + '</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>'; // 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 { .weatherReport {
margin-right: -30px;
margin-left: -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 day
Snow.png Cloudy.png
-6 19
0.4 - 0.7 mm 0 mm
Gentle breeze Light air
6 m/s 1 m/s
northeast west-northwest