Added main layout template.

f20bc55e · Taddeus Kroes · c6445ef8 · f20bc55e · f20bc55e · f20bc55e
Commit f20bc55e authored 13 years ago by Taddeus Kroes
--- a/css/BebasNeue-webfont.eot
+++ b/css/BebasNeue-webfont.eot
--- a/css/BebasNeue-webfont.svg
+++ b/css/BebasNeue-webfont.svg
--- a/css/BebasNeue-webfont.ttf
+++ b/css/BebasNeue-webfont.ttf
--- a/css/BebasNeue-webfont.woff
+++ b/css/BebasNeue-webfont.woff
--- a/css/main.css
+++ b/css/main.css
+/*
+ * Font squirrel kit for Bebas Neue font
+ */
+
+@font-face {
+	font-family: BebasNeueRegular;
+	src: url('BebasNeue-webfont.eot');
+	src: url('BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
+		url('BebasNeue-webfont.woff') format('woff'),
+		url('BebasNeue-webfont.ttf') format('truetype'),
+		url('BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
+	font-weight: normal;
+	font-style: normal;
+}
+
+/*
+ * Common
+ */
+
+* {
+	margin: 0;
+	padding: 0;
+}
+
+.clear {
+	clear: both;
+	line-height: 0;
+}
+
+a, input {
+	outline-width: 0;
+}
+
+/*
+ * Layout
+ */
+
+#wrapper {
+	width: 900px;
+	margin: 100px auto 0;
+}
+
+/*
+ * Menu
+ */
+
+#menu {
+	float: left;
+	padding: 41px 10px 41px 0;
+	border-right: 1px solid #c5c5c5;
+	font: normal 21px/23px BebasNeueRegular;
+	color: #7e7e7e;
+	list-style: none;
+}
+
+#menu li {
+	position: relative;
+	width: 138px;
+	height: 31px;
+	padding: 10px 40px 0 12px;
+	cursor: pointer;
+}
+#menu li:hover {
+	background-color: #e9e9e9;
+}
+#menu .active {
+	background-color: #9b9b9b !important;
+	color: #fff;
+}
+
+#menu .icon {
+	position: absolute;
+	top: 14px;
+	right: 12px;
+	width: 16px;
+	height: 14px;
+}
\ No newline at end of file
--- a/index.php
+++ b/index.php
+<?php
+
+include_once 'pquery.config.php';
+include_once PQUERY_ROOT.'pquery.php';
+
+__p::require_plugins('template', 'sql');
+
+__tpl::set_root('templates');
+
+$menu = array(
+	array('Pagina\'s', 'pages'),
+	array('Nieuws', 'news'),
+	array('Foto\'s', 'photos'),
+	array('Accounts', 'accounts'),
+	array('Instellingen', 'settings'),
+	array('Uitloggen', 'logout')
+);
+
+$layout = _tpl('layout');
+
+foreach( $menu as $i => $item ) {
+	list($title, $icon) = $item;
+	$item = $layout->data->add('menu')->set(array('title' => $title, 'icon' => $icon));
+	$i || $item->set('active', 'active');
+}
+
+echo $layout->parse();
+
+?>
\ No newline at end of file
--- a/pquery.config.php
+++ b/pquery.config.php
+<?php
+/**
+ * Configuration for pQuery utility framework.
+ */
+
+/**
+ * Indicates whether the framework is in debug mode, which right
+ * now only means that occuring errors will be displayed or not.
+ * 
+ * @var bool
+ */
+define('DEBUG', true);
+
+/**
+ * The root location of the pQuery framework folder, used for file
+ * inclusions. The path is absolute and should end with a slash ('/').
+ * 
+ * @var string
+ */
+define('PQUERY_ROOT', 'D:/xampp/htdocs/pquery/');
+
+/**
+ * The root location of the website, used for file (absolute and should
+ * end with a slash ('/')).
+ * 
+ * @var string
+ */
+define('SITE_ROOT', 'D:/xampp/htdocs/tcms/');
+
+/**
+ * Abstract class containing plugin configs.
+ */
+abstract class pQueryConfig {
+	/**
+	 * Indicates whether errors occuring in the framework will
+	 * terminate the script.
+	 * 
+	 * @var bool
+	 */
+	const ERROR_IS_FATAL = true;
+	
+	/**
+	 * Name of the utilities folder
+	 * 
+	 * @var string
+	 */
+	const UTILS_FOLDER = 'utils/';
+	
+	/**
+	 * Config for MySQL plugin.
+	 * 
+	 * @var array
+	 */
+	static $sql = array(
+		'host' => 'localhost',
+		'username' => 'root',
+		'password' => '',
+		'dbname' => 'tcms2'
+	);
+}
+
+?>
\ No newline at end of file
--- a/templates/layout.tpl
+++ b/templates/layout.tpl
+<!doctype html>
+<html>
+<head>
+	<title>Tcms</title>
+	<meta charset="utf-8" />
+	<link href="css/main.css" rel="stylesheet" />	
+</head>
+<body>
+
+<div id="wrapper">
+	<ul id="menu">
+		{block:menu}
+		<li class="{active}">
+			{title}
+			<div class="icon {icon}"></div>
+		</li>
+		{end}
+	</ul>
+</div>
+
+</body>
+</html>
\ No newline at end of file