HALLO

bewoner.php

@@ -0,0 +1,44 @@
+<?php
+require 'functions.php';
+require_once('header.php');
+
+
+?>
+
+<div class="block">
+    <h1>Gebruikerspaneel</h1>
+    <form action="" method="post">
+        <section class="dotted">
+            <ul>
+                <li><strong>Woonplaats:</strong><span><?php print $city; ?></span></li>
+                <li><strong>Straatnaam:</strong><span><?php print $street; ?></span></li>
+                <li><strong>Huisnummer:</strong><span><?php print $house; ?></span></li>
+            </ul>
+        </section>
+        <section class="lights">
+            <h2>Verlichting</h2>
+            <div class="switch">
+                <button type="button">aan</button>
+                <button type="button">uit</button>
+                <a class="off">uit</a>
+                <a class="on">aan</a>
+                <input type="hidden" value="<?php print $lights; ?>" />
+            </div>
+        </section>
+        <section class="cameras">
+            <h2>Camera's</h2>
+            <div class="switch">
+                <button type="button">aan</button>
+                <button type="button">uit</button>
+                <a class="off">uit</a>
+                <a class="on">aan</a>
+                <input type="hidden" value="<?php print $cameras; ?>" />
+            </div>
+        </section>
+        <button name="save" type="submit">Opslaan</button>
+        <a href="http://localhost/alpha-domotica>" <button name="logoff" type="submit">Uitloggen</button></a>
+    </form>
+</div>
+
+<?php
+require_once('footer.php');

config.rb

@@ -0,0 +1,25 @@
+require 'compass/import-once/activate'
+# Require any additional compass plugins here.
+
+# Set this to the root of your project when deployed:
+http_path = "/"
+css_dir = "css"
+sass_dir = "scss"
+images_dir = "img"
+javascripts_dir = "js"
+
+# You can select your preferred output style here (can be overridden via the command line):
+# output_style = :expanded or :nested or :compact or :compressed
+
+# To enable relative paths to assets via compass helper functions. Uncomment:
+# relative_assets = true
+
+# To disable debugging comments that display the original location of your selectors. Uncomment:
+# line_comments = false
+
+
+# If you prefer the indented syntax, you might want to regenerate this
+# project again passing --syntax sass, or you can uncomment this:
+# preferred_syntax = :sass
+# and then run:
+# sass-convert -R --from scss --to sass sass scss && rm -rf sass && mv scss sass

css/main.css

@@ -0,0 +1,95 @@
+/* line 5, ../../../../Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, embed,
+figure, figcaption, footer, header, hgroup,
+menu, nav, output, ruby, section, summary,
+time, mark, audio, video {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  font: inherit;
+  font-size: 100%;
+  vertical-align: baseline;
+}
+
+/* line 22, ../../../../Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
+html {
+  line-height: 1;
+}
+
+/* line 24, ../../../../Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
+ol, ul {
+  list-style: none;
+}
+
+/* line 26, ../../../../Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}
+
+/* line 28, ../../../../Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
+caption, th, td {
+  text-align: left;
+  font-weight: normal;
+  vertical-align: middle;
+}
+
+/* line 30, ../../../../Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
+q, blockquote {
+  quotes: none;
+}
+/* line 103, ../../../../Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
+q:before, q:after, blockquote:before, blockquote:after {
+  content: "";
+  content: none;
+}
+
+/* line 32, ../../../../Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
+a img {
+  border: none;
+}
+
+/* line 116, ../../../../Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
+article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
+  display: block;
+}
+
+/* line 1, ../scss/_common.scss */
+html, body {
+  font: 14px Tahoma, Geneva, sans-serif;
+}
+
+/* line 4, ../scss/_common.scss */
+body {
+  text-align: center;
+}
+
+/* line 8, ../scss/_common.scss */
+h1, h2, h3, h4, h5, h6 {
+  font-family: Impact, Charcoal, sans-serif;
+}
+
+/* line 12, ../scss/_common.scss */
+.block {
+  width: 40%;
+  display: block;
+  border: 5px solid #D1DBBD;
+  height: 100px;
+  margin: auto;
+  -moz-border-radius: 10px;
+  -webkit-border-radius: 10px;
+  border-radius: 10px;
+}
+/* line 19, ../scss/_common.scss */
+.block h1 {
+  font-size: 24px;
+}

header.php

@@ -0,0 +1,7 @@
+<html>
+<head>
+    <title>alphadomotica</title>
+    <link rel="stylesheet" type="text/css" href="css/main.css" />
+</head>
+<body>
+

index.php

@@ -0,0 +1,22 @@
+<?php
+require 'functions.php';
+require_once('header.php');
+
+
+?>
+<div class="block">
+    <h1>Inloggen</h1>
+    <form action="" method="post">
+        <input type="text" name="username" />
+        <button type="reset">reset</button>
+    </form>
+    <form action="" method="post">
+        <input type="password" name="password"/>
+        <button type="submit">login</button>
+    </form>
+</div>
+
+
+
+<?php
+require_once('footer.php');

meldkamer.php

@@ -0,0 +1,36 @@
+<?php
+require 'functions.php';
+require_once('header.php');
+
+
+?>
+    <div class="title">
+        <h1>Beheerders paneel</h1>
+    </div>
+    <div class="block">
+    <h2>Domotica systemen</h2>
+    <form action="" method="post" class="filter">
+        <input type="text" placeholder="Adres..." />
+        <button type="submit">Filter</button>
+    </form>
+<?php
+if (!empty($rows)) :
+    foreach ($rows as $row) :
+        ?>
+        <div class="row">
+            <span class="status <?php print $row['status"]; ?>"></span>
+ <span class="city"><?php print $row['city']; ?></span>
+ <span class="street"><?php print $row['street']; ?></span>
+ <span class="house"><?php print $row['house']; ?></span>
+ </div>
+ <?php
+ endforeach;
+ else:
+ ?>
+ <div class="no-results">Geen domotica systemenen gevonden.</div>
+ <?php endif; ?>
+ </div>
+
+
+<?php
+require_once('footer.php');

scss/_bewoner.scss

@@ -0,0 +1 @@
+$city:"Utrehct";

scss/_common.scss

@@ -0,0 +1,22 @@
+html, body {
+  font:14px $text;
+}
+body {
+  text-align: center;
+}
+
+h1, h2, h3, h4, h5, h6 {
+  font-family: $headings;
+}
+
+.block {
+  width: 40%;
+  display: block;
+  border: 5px solid $grijs;
+  height: 100px;
+  margin: auto;
+  @include border-radius(10px);
+  h1 {
+    font-size: 24px;
+  }
+}

scss/_variables.scss

@@ -0,0 +1,8 @@
+$text: Tahoma, Geneva, sans-serif;
+$headings: Impact, Charcoal, sans-serif;
+
+$wit: #FCFFF5;
+$grijs: #D1DBBD;
+$lchtblauwig: #91AA9D;
+$blauw: #3E606F;
+$donkerblauw: #193441;

scss/main.scss

@@ -0,0 +1,7 @@
+@import 'compass/reset';
+@import 'compass/css3';
+
+@import 'variables';
+@import 'common';
+@import 'bewoner';
+@import 'meldkamer';