From 4ddccf6bef114022f7bb643e7e4394a1d27af223 Mon Sep 17 00:00:00 2001
From: ands <ands@andspad.(none)>
Date: Sun, 5 Dec 2010 04:36:44 +0100
Subject: [PATCH] Dummy Layout Example
---
webroot/css/widget.css | 34 +++++---------------
webroot/img/warpzone.png | Bin 0 -> 5950 bytes
webroot/index.php | 54 ++++++++++++++++++--------------
webroot/widgets/Dummy/Dummy.php | 25 +++++++++++++++
4 files changed, 63 insertions(+), 50 deletions(-)
create mode 100644 webroot/img/warpzone.png
create mode 100644 webroot/widgets/Dummy/Dummy.php
diff --git a/webroot/css/widget.css b/webroot/css/widget.css
index 4ec17e0..dba281a 100644
--- a/webroot/css/widget.css
+++ b/webroot/css/widget.css
@@ -1,6 +1,7 @@
body { background-color:#261C13; }
a { color:#0071BB; }
a:hover { color:#777878; }
+
td, div
{
font-family:Lucida Grande, Lucida Sans Unicode, Calibri, Arial, Helvetica, Sans, FreeSans, Jamrul, Garuda, Kalimati;
@@ -8,37 +9,18 @@ td, div
color:#000000;
}
-.widget_wide, .widget_narrow, .widget_square, .widget_smallwide, .widget_smallnarrow {
+.widget_4x2, .widget_2x4, .widget_2x2, .widget_2x1, .widget_1x2 {
position:absolute;
border: 1px solid #F2EFE5;
background-color:#75695E;
font-family:Lucida Grande, Lucida Sans Unicode, Calibri, Arial, Helvetica, Sans, FreeSans, Jamrul, Garuda, Kalimati;
- font-size:1.5em;
+ font-size:16pt;
color:#000000;
}
-.widget_wide {
- width:800px;
- height:380px;
-}
-
-.widget_narrow {
- width:380px;
- height:800px;
-}
-
-.widget_square {
- width:380px;
- height:380px;
-}
-
-.widget_smallwide {
- width:380px;
- height:170px;
-}
-
-.widget_smallnarrow {
- width:170px;
- height:170px;
-}
+.widget_4x2 { width:800px; height:380px; }
+.widget_2x4 { width:380px; height:800px; }
+.widget_2x2 { width:380px; height:380px; }
+.widget_2x1 { width:380px; height:170px; }
+.widget_1x2 { width:170px; height:380px; }
diff --git a/webroot/img/warpzone.png b/webroot/img/warpzone.png
new file mode 100644
index 0000000000000000000000000000000000000000..5a1eff3ddd99e9c092cc6365316647ce2ee2c0ef
GIT binary patch
literal 5950
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
literal 0
HcmV?d00001
diff --git a/webroot/index.php b/webroot/index.php
index a52b4cb..6327f61 100644
--- a/webroot/index.php
+++ b/webroot/index.php
@@ -1,33 +1,39 @@
<head>
- <link rel="stylesheet" type="text/css" href="css/widget.css" />
<title>Warpzone's Marvin</title>
+ <link rel="stylesheet" type="text/css" href="css/widget.css" />
<script src="js/jquery-1.4.4.js" type="text/javascript"></script>
- <script src="js/marvin.js" type="text/javascript"></script>
+ <script src="js/marvin.js" type="text/javascript"></script>
</head>
<body>
<img src="img/warpzone.png">
- <?php
- $widgets = array(
- array(
- "ZoneOffen", // widget name
- 16,200, // position
- "widget_smallwide" // css-class
- )
- );
+ <div style="position:absolute;left:40px;top:200px;">
+ <?php
+ $widgets = array(
+ //array("widget_name",x,y,"size_class");
+ array("Dummy",0,0,"widget_4x2"),
+ array("ZoneOffen",4,0,"widget_2x1"),
+ array("Dummy",4,1,"widget_2x4"),
+ array("Dummy",0,2,"widget_1x2"),
+ array("Dummy",1,2,"widget_2x2"),
+ array("Dummy",3,2,"widget_1x2"),
+ array("Dummy",0,4,"widget_2x1"),
+ array("Dummy",2,4,"widget_2x1")
+ );
- foreach ($widgets as $widgetconfig)
- {
- $widgetname = $widgetconfig[0];
- $widgetposx = $widgetconfig[1];
- $widgetposy = $widgetconfig[2];
- $widgetclass = $widgetconfig[3];
+ foreach ($widgets as $widgetconfig)
+ {
+ $widgetname = $widgetconfig[0];
+ $widgetposx = $widgetconfig[1] * 210;
+ $widgetposy = $widgetconfig[2] * 210;
+ $widgetclass = $widgetconfig[3];
- include "widgets/$widgetname/$widgetname.php";
- $widget = new $widgetname($widgetwidth,$widgetheight);
- $widgetoutput = $widget->giveOutput();
- print("<div class='$widgetclass' id='$widgetname' style='left:".$widgetposx."px;top:".$widgetposy."px;'>");
- print($widgetoutput);
- print("</div>");
- }
- ?>
+ include_once "widgets/$widgetname/$widgetname.php";
+ $widget = new $widgetname($widgetwidth,$widgetheight);
+ $widgetoutput = $widget->giveOutput();
+ print("<div class='$widgetclass' id='$widgetname' style='left:".$widgetposx."px;top:".$widgetposy."px;'>");
+ print($widgetoutput);
+ print("</div>");
+ }
+ ?>
+ </div>
</body>
diff --git a/webroot/widgets/Dummy/Dummy.php b/webroot/widgets/Dummy/Dummy.php
new file mode 100644
index 0000000..0f6d2b9
--- /dev/null
+++ b/webroot/widgets/Dummy/Dummy.php
@@ -0,0 +1,25 @@
+<?php
+
+require_once 'widgets/iWidget.php';
+
+class Dummy implements iWidget
+{
+ public function __construct($width, $height)
+ {
+
+ }
+
+
+ public function giveOutput()
+ {
+ $widgetOutput .= '<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">'."\n";
+ $widgetOutput .= ' <tr>'."\n";
+ $widgetOutput .= ' <td align="center"><b>Dummy</b></td>'."\n";
+ $widgetOutput .= ' </tr>'."\n";
+ $widgetOutput .= '</table>'."\n";
+
+ return $widgetOutput;
+ }
+}
+
+?>
--
GitLab