109 lines
No EOL
4.8 KiB
PHP
109 lines
No EOL
4.8 KiB
PHP
<?php
|
||
include "../internal/mysql.php";
|
||
include "../internal/getGravatar.php";
|
||
|
||
?>
|
||
|
||
<!DOCTYPE html>
|
||
<html lang="de">
|
||
<html>
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>Smart Mirror - Jonas Leder</title>
|
||
|
||
<link href="/css/style.css" rel="stylesheet">
|
||
<link href="/css/normalize.css" rel="stylesheet">
|
||
<link href="/css/sourcesanspro.css" rel="stylesheet">
|
||
<link href="/css/menue.css" rel="stylesheet">
|
||
<script src="https://kit.fontawesome.com/038c6c1f0e.js" crossorigin="anonymous"></script>
|
||
<!-- Matomo Image Tracker-->
|
||
<img src="https://matomo.jonasled.de/matomo.php?idsite=1&rec=1" style="border:0" alt="" />
|
||
<!-- End Matomo -->
|
||
</head>
|
||
<body>
|
||
<header>
|
||
<div class="header-wrapper">
|
||
<div class="header-homepage color-overlay" data-parallax-depth="20">
|
||
<div class="header-description gridContainer content-on-center">
|
||
<div class="row header-description-row">
|
||
<div class="header-content header-content-centered">
|
||
<div class="align-holder">
|
||
<h1 class="heading8">Smart Mirror</h1>
|
||
<p class="header-subtitle"> </p>
|
||
<div class="header-buttons-wrapper"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="header-separator header-separator-bottom ">
|
||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 100" preserveAspectRatio="none">
|
||
<path class="svg-white-bg" d="M737.9,94.7L0,0v100h1000V0L737.9,94.7z"></path>
|
||
</svg>
|
||
</div>
|
||
</div>
|
||
<div id="mainMenu" includeHTML="/include/menue.php?page=projekte"></div>
|
||
</header>
|
||
<div id="content">
|
||
<p>Da ich ja viel Smart unterwegs bin und auch gerne schnell meine Termine sehen möchte, habe ich mir einen Smart Mirror gebaut. Dieser zeigt neben Nachrichten auch E-Mails, Wetter Kalender und Daten der Schule wie z.B. Arbeiten an. Folgende Materialien habe ich dazu verwendet:</p>
|
||
<ul>
|
||
<li><a href="https://www.ikea.com/de/de/catalog/products/00378403/">Ikea Bilderrahmen Ribba</a></li>
|
||
<li>RaspberryPi CM1</li>
|
||
<li>Plexiglas scheibe</li>
|
||
<li>halbdurchlässige Spiegelfolie</li>
|
||
<li>Monitor aus einem alten Laptop</li>
|
||
<li>Display Controller (z.B. <a href="https://www.ebay.de/itm/360626141655?clk_rvr_id=1521656896967&rmvSB=true">dieser</a>)</li>
|
||
<li>Netzteil des Laptops</li>
|
||
</ul>
|
||
<p>Als Betriebssystem habe ich ein <a href="https://dietpi.com/">DietPi</a> verwendet, da dieses sehr schlank ist. Darauf habe ich dann eine abgespeckte Desktopumgebung installiert, auf der ein pythonTK fenster im Vollbild läuft.</p>
|
||
<p>Da es schon genügend anleitungen zum Bau gibt verlinke ich hier eine, welche ich sehr gut finde:<a href="https://glancr.de/smart-mirror-selbst-bauen/"> https://glancr.de/smart-mirror-selbst-bauen/</a></p>
|
||
<p>Den Quellcode von meiner Software findet ihr natürlich wieder auf meinem <a href="https://git.jonasled.de/jonasled/SmartMirror">Git Server</a></p><br>
|
||
<a href="/files/SmartMirror.zip"><button>Download</button></a><br><br>
|
||
<img src="/img/Spiegel.jpg">
|
||
|
||
<h2>Kommentare:</h2>
|
||
<?php
|
||
|
||
$article = basename($_SERVER["SCRIPT_FILENAME"], '.php');
|
||
$result = $conn->query("SELECT * FROM comments WHERE article='$article'");
|
||
if ($result->num_rows > 0) {
|
||
while($row = $result->fetch_assoc()) {
|
||
$name = $row["name"] . "<br>";
|
||
$gravatar = get_gravatar($row["email"]);
|
||
$content = $row["comment"];
|
||
|
||
echo(<<<EOF
|
||
<h3 class="commentTitle">$name</h3>
|
||
<div class="comment">
|
||
<img src="$gravatar">
|
||
<article class="commentArticle">
|
||
<p class="commentText">$content</p>
|
||
</article>
|
||
</div>
|
||
EOF);
|
||
}
|
||
}
|
||
?>
|
||
|
||
<div id="newComment">
|
||
<form action="/newComment.php" method="post">
|
||
<label for="name">Name:</label><br>
|
||
<input type="text" id="name" name="name"><br><br>
|
||
|
||
<label for="email">E-Mail: (wird nicht veröffentlicht)</label><br>
|
||
<input type="text" id="email" name="email"><br><br>
|
||
|
||
<label for="comment">Kommentar:</label><br>
|
||
<textarea name="comment" id="comment"></textarea><br><br>
|
||
|
||
<input type="submit" value="Kommentar veröffentlichen"><br>
|
||
<p>Mit dem klick auf den obigen Button erklären sie sich mit der <a href="/datenschutzerklaerung.html">Datenschutzerklärung</a> einverstanden.</p>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
<footer includeHTML="/include/footer.php">
|
||
</footer>
|
||
<script src="/js/includeHTML.js"></script>
|
||
</body>
|
||
</html>
|