Initial commit

themes/murkystairwell/components/entries.php

@@ -0,0 +1,19 @@
+<?php
+if ($blog->entries)
+{
+	while ($data = $blog->entries())
+	{
+		$entry_init = entry_show_init($data['entryContent'], $data['entrySlug']);
+		echo "<article".($data['entryPinned'] ? ' class="pinned"' : '').(strlen(strip_tags($entry_init)) <= 210 ? ' class="tweet"' : '')." title='".show_date($data['entryPublished'])."'>
+				<header>
+					<h2><a href='".get_entry_link($data['entrySlug'])."'>".htmlspecialchars($data['entryTitle'])."</a></h2>
+					<p class='meta'><time class='date' title='{locale:published_on}'>".show_date($data['entryPublished'])."</time><a href='".get_profile_link($data['userName'])."' class='by' title='{locale:entry_by}'>$data[publicName]</a></p>
+				</header>
+				<div class='content'>".$entry_init."</div>
+			</article>\n";
+		unset($entry_init);
+	}
+	echo "<p class='paginator'>".(isset($seo[1]) && isnum($seo[1]) ? "<a href='/p/".($seo[1]-1)."' class='prev'>{locale:prev_page}</a><a href='/p/".($seo[1]+1)."' class='next'>{locale:next_page}</a>" : "<a href='/p/2' class='next'>{locale:next_page}</a>")."</p>";
+} else
+	echo "<h1>$_locale[entry_not_found_title]</h1>"
+		."<p>$_locale[entry_not_found]</p>\n";

themes/murkystairwell/components/entry.php

@@ -0,0 +1,18 @@
+<?php
+
+if ($blog->entries)
+	while ($data = $blog->entry())
+	{
+		addTitle($data['entryTitle']);
+		addDescription(trimlink($data['entryContent']));
+		addImage((preg_match('/< *img[^>]*src *= *["\']?([^"\']*)/i', $data['entryContent'], $images) ? $images[1] : 0));
+		echo "<article class='full'>
+				".(strlen($data['entryTitle']) > 50 ? "<h2>".htmlspecialchars($data['entryTitle'])."</h2>" : '')."
+				<p class='meta'><time class='date' title='{locale:published_on}'>".show_date($data['entryPublished'])."</time><a href='".get_profile_link($data['userName'])."' class='by' title='{locale:entry_by}'>$data[publicName]</a>
+				<div class='content'>".entry_show_all($data['entryContent'])."</div>
+				<p clasS='meta'>".get_entry_admin($data)."</p>
+			</article>\n";
+	}
+else
+	echo "<h1>$_locale[entry_not_found_title]</h1>"
+		."<p>$_locale[entry_not_found]</p>\n";

themes/murkystairwell/components/page.php

@@ -0,0 +1,7 @@
+<?php
+
+if ($page->readable())
+{
+	addTitle($page->data['pageTitle']);
+	echo "<article>".entry_show_all($page->data['pageContent'])."</article>";
+}

themes/murkystairwell/components/profile.php

@@ -0,0 +1,45 @@
+<div class="profile">
+	<h3><?=$userData['userName'].($me ? ' <a href="'.get_current_link().'/edit" class="edit">{locale:profile_edit}</a>' : '')?></h3>
+
+	<div id="profile_pic" style="background-image: url('<?=get_profile_picture($userData)?>')">
+	<?php if ($me) : ?>
+		<form action="<?=get_current_link()?>" method="post" name="userpic-upload" enctype="multipart/form-data">
+			<input type="file" name="userPic" id="userPicInput" style="display: none" />
+			<button type="button" onclick="$('#userPicInput').focus().click()">{locale:browse}</button><button type="submit" id="userPicSaveBtn" class="orange">{locale:delete}</button>
+		</form>
+		<script>
+			$("#userPicInput").change(function() {
+				$("#userPicSaveBtn").html('{locale:save}').removeClass('orange');
+			});
+		</script>
+	<?php endif ?>
+	</div>
+	<?php if (LOGGEDIN) : ?>
+	<div class='box contact'>
+		<p><strong>{locale:name}:</strong> <?=$userData['userRealName']?></p>
+		<p><strong>{locale:email}:</strong> <?=$userData['userEmail']?></p>
+		<p><strong>{locale:web}:</strong> <?=$userData['userWeb']?></p>
+	</div>
+	<?php endif ?>
+
+	<?php
+	$recent = $_sql->query("SELECT entrySlug, entryTitle FROM entries WHERE entryBy = $userData[userId] AND entryPublished <= ".time()." ORDER BY entryPublished DESC LIMIT 5");
+	if ($recent->num_rows) : ?>
+	<div class='box recent'>
+		<?php
+		while ($data = $recent->fetch_assoc())
+			echo "<p><a href='".get_entry_link($data['entrySlug'])."'>".trimlink($data['entryTitle'], 42)."</a></p>\n";
+		?>
+	</div>
+	<?php endif; unset($recent); ?>
+	<div style="clear: both"></div>
+
+	<?php if ($userData['userIntroduction']) : ?>
+	<div class='box introduction'>
+		<p><?=$userData['userIntroduction']?></p>
+	</div>
+	<?php endif ?>
+
+	<div class="clear"></div>
+</div>
+<div class="clear"></div>

themes/murkystairwell/components/tag.php

@@ -0,0 +1,19 @@
+<?php
+
+if ($tagged->num_rows)
+{
+	$tag = $tagged->fetch_assoc();
+	addTitle($tag['tagName']);
+	if ($entries->num_rows)
+	{
+		echo "<table class='pro'>";
+		while ($data = $entries->fetch_assoc())
+			echo "<tr><td><a href='".get_entry_link($data['entrySlug'])."'>".htmlspecialchars(trimlink($data['entryTitle'],90))."</a></td><td>".show_date($data['entryPublished'])."</td></tr>";
+		echo "</table>";
+	}
+} else
+	redirect();
+
+unset($tag);
+unset($tagged);
+unset($entries);

themes/murkystairwell/footer.php

@@ -0,0 +1,12 @@
+		<!-- end #sidebar -->
+		<div style="clear: both;">&nbsp;</div>
+	</div>
+	<!-- end #page --> 
+</div>
+<div id="footer">
+	<p>&copy; <?=date('Y')?> <?=$_set['title']?>. All rights reserved. Powered by <a href="http://sandros.hu/">Insanely</a>.</p>
+</div>
+<!-- end #footer -->
+<?php get_page_extra_body(); ?>
+</body>
+</html>

themes/murkystairwell/header.php

@@ -0,0 +1,40 @@
+<!doctype html>
+<html>
+<head>
+	<title><?php get_page_title(); ?></title>
+	<meta charset="utf-8" />
+	<link href="/includes/css/ui-lightness/jquery-ui.custom.min.css" rel="stylesheet" />
+	<link href="/<?=get_theme_lib()?>/font/typicons.min.css" rel="stylesheet" />
+	<link rel="stylesheet" href="/<?=get_theme_lib()?>/style.css" type="text/css" media="screen" />
+	<link href='http://fonts.googleapis.com/css?family=Archivo+Narrow:400,700|Open+Sans:400,300&amp;subset=latin,latin-ext' rel='stylesheet' type='text/css' />
+	<script src="/includes/js/jquery.js"></script>
+	<script src="/includes/js/jquery-ui.custom.min.js"></script>
+	<script src="/includes/js/functions.js"></script>
+	<meta name="keywords" content="<?=($description ? $description : $_set['description'])?>" />
+	<meta name="description" content="<?=($description ? $description : $_set['description'])?>" />
+	<?php get_page_extra_head(); ?>
+</head>
+<body>
+<div id="wrapper">
+	<div id="header-wrapper">
+		<div id="header" class="container">
+			<div id="logo">
+				<h1><a href="<?=get_current_link()?>"><?=(isset($_title[0]) ? trimlink($_title[0], 50) : $_set['title'])?></a></h1>
+				<p><?=$_set['tagline']?></p>
+			</div>
+			<div id="menu">
+				<ul>
+					<?php
+						if (isset($seo[0]) && strlen($seo[0]))
+							echo "<li><a href='$_set[url]'>$_locale[home]</a></li>";
+					?>
+				</ul>
+			</div>
+		</div>
+	</div>
+	<div id="page">
+		<?php
+			get_errors();
+			get_infos();
+		?>
+		<div id="content">

themes/murkystairwell/style.css

@@ -0,0 +1,529 @@
+body {
+	margin: 0;
+	padding: 0;
+	background: #050505 url(images/lightstripe.png) repeat;
+	font-family: 'Helvetica', 'Open Sans', sans-serif;
+	font-size: 14px;
+	font-weight: 400;
+	color: #5B5B5B;
+}
+
+h1, h2, h3 {
+	margin: 0;
+	padding: 0;
+	text-transform: uppercase;
+	font-family: 'Archivo Narrow', sans-serif;
+	font-weight: normal;
+	font-weight: 200;
+	color: #222222;
+}
+
+h1 {
+	font-size: 2em;
+}
+
+h2 {
+	font-size: 2.2em;
+}
+
+h3 {
+	font-size: 1.6em;
+	margin-top: 1em;
+}
+
+p, ul, ol {
+	margin-top: 0;
+	line-height: 180%;
+}
+
+ul, ol {
+}
+
+a {
+	color: #54C7B8;
+	text-decoration: none;
+	transition: 0.2s ease-in color;
+}
+
+a:hover {
+	text-decoration: none;
+	color: #455269;
+}
+
+img { border: 0; }
+
+b, strong { font-weight: 700; }
+
+blockquote { margin: 1em; padding-left: 1em; border-left: 3px solid #455269; font-family: Georgia, sans-serif; font-style: italic; }
+
+textarea { resize: none; height: 100px; }
+
+input, button, textarea {
+	display: block;
+	box-sizing: border-box;
+	font: 14px open-sans, 'Segoe UI', sans-serif;
+	box-shadow: 0 0 0.4em #f0f0f0;
+	border: 1px solid #b6b6b6;
+	background-color: #FFF;
+	margin: 0 0 0.4em 0;
+	padding: 0.6em 10px;
+	width: 100%;
+
+	transition: 0.25s ease-in background;
+}
+div.cke { margin-bottom: 0.4em; }
+
+#wrapper {
+	background: #FFFFFF url(images/lightstripe.png) repeat;
+}
+
+.container {
+	width: 1000px;
+	margin: 0px auto;
+}
+
+/* Header */
+
+#header-wrapper {
+	overflow: hidden;
+	background-image: url(images/dango.jpg);
+	background-size: cover;
+	background-position: center center;
+}
+
+#header {
+	width: 1000px;
+	margin: 0 auto;
+	padding: 0px 0px;
+}
+
+/* Logo */
+
+#logo {
+	float: left;
+	margin: 0;
+	padding: 10px 0;
+	color: #FFFFFF;
+}
+
+#logo h1, #logo p {
+}
+
+#logo h1 {
+	text-transform: lowercase;
+	letter-spacing: -2px;
+	font-size: 3.8em;
+	text-shadow: 1px 1px 1px #FFF;
+}
+
+#logo h1 a {
+	color: #1F1F1F;
+	cursor: url(images/trollface.png), auto;
+}
+
+#logo p {
+	margin: 0;
+	padding: 0px 0 0 0px;
+	letter-spacing: -1px;
+	font: normal 18px Georgia, "Times New Roman", Times, serif;
+	font-style: italic;
+	color: #8E8E8E;
+}
+
+#logo p a {
+	color: #8E8E8E;
+}
+
+#logo a {
+	border: none;
+	background: none;
+	text-decoration: none;
+	color: #000000;
+}
+
+/* Menu */
+
+#menu {
+	float: right;
+	height: 50px;
+	margin: 0 auto;
+	padding: 0;
+}
+
+#menu ul {
+	float: right;
+	margin: 0;
+	padding: 20px 0px 0px 0px;
+	list-style: none;
+	line-height: normal;
+}
+
+#menu li {
+	float: left;
+}
+
+#menu a {
+	display: block;
+	line-height: 60px;
+	margin-right: 1px;
+	padding: 0px 20px 0px 20px;
+	text-decoration: none;
+	text-align: center;
+	text-shadow: 1px 1px 0px rgba(0,0,0,.2);
+	text-transform: uppercase;
+	font-family: 'Oswald', sans-serif;
+	font-size: 16px;
+	font-weight: 300;
+	color: #1F1F1F;
+	border: none;
+}
+
+#menu a:hover, #menu a.active {
+	background: url(images/img01.jpg) repeat;
+	border-radius: 8px;
+	text-decoration: none;
+	color: #FFFFFF;
+}
+
+#menu a.active {
+}
+
+/* Page */
+
+#page {
+	width: 1000px;
+	margin: 28px auto 0 auto;
+	padding: 10px 0px;
+}
+
+/* Content */
+
+#content {
+	float: left;
+	width: 730px;
+	padding: 0px 0px 0px 0px;
+}
+
+article {
+	overflow: hidden;
+	padding: 20px;
+	margin-bottom: 40px;
+	border: 1px solid #E7EBED;
+	border-radius: 8px;
+	background: #FFF;
+}
+article.pinned { margin-bottom: 60px; background-color: #F4F3F4; }
+
+article h2 {
+	padding: 7px 0px 0px 0px;
+	letter-spacing: -1px;
+}
+
+article h2 a {
+	border: none;
+	text-decoration: none;
+	color: #222222;
+}
+
+article .meta {
+	padding: 10px 0px;
+	text-align: center;
+	font-size: 13px;
+	font-weight: 300;
+	color: #54C7B8;
+}
+
+article .meta a {
+	margin-left: 18px;
+	text-decoration: none;
+}
+article .meta a:first-child { margin-left: 0; }
+article .content { text-align: justify; }
+
+article .content button {
+	background-color: #FAFAFA;
+	color: #3D3D3A;
+	border: 0;
+	box-shadow: none;
+	cursor: pointer;
+
+	transition: 0.25s ease-in background-color;
+}
+article .content button:hover { background-color: #F8F8F8; }
+
+
+article .content .spoiler_c {
+	padding: 0.4em 0;
+
+	border-top: 1px dotted #3D3D3A;
+	border-bottom: 1px dotted #3D3D3A;
+}
+
+article.tweet {
+	border: 0;
+	border-top: 1px solid #E7EBED;
+	border-bottom: 1px solid #E7EBED;
+	border-radius: 0;
+	padding: 6px 20px 0px 20px;
+}
+article.tweet .meta { display: none; }
+article.tweet .content { text-align: right; }
+article.tweet .content p.readmore { display: none; }
+
+p.paginator a { margin-right: 2em; }
+p.paginator a:last-child { margin-right: 0; }
+
+
+.links {
+	padding-top: 20px;
+	margin-bottom: 30px;
+}
+
+.more {
+	display: block;
+	float: left;
+	width: 88px;
+	padding: 5px 5px;
+	margin-right: 10px;
+	background: #222222;
+	border-radius: 8px;
+	color: #FFFFFF;
+	text-align: center;
+	text-decoration: none;
+}
+
+.comments {
+	display: block;
+	float: left;
+	width: 88px;
+	padding: 5px 5px;
+	background: #222222;
+	color: #FFFFFF;
+	border-radius: 8px;
+	text-align: center;
+	text-decoration: none;
+}
+
+/* Sidebar */
+
+#sidebar {
+	float: right;
+	width: 220px;
+	margin: 0px;
+	padding: 0px;
+	overflow: auto;
+}
+
+#sidebar ul {
+	margin: 0;
+	padding: 0;
+	list-style: none;
+}
+
+#sidebar li {
+	margin: 0 0 20px 0;
+	padding: 0;
+}
+
+#sidebar li a { text-decoration: none; }
+
+#sidebar li ul {
+	margin: 0px 0px 20px 0px;
+}
+
+#sidebar li li {
+	line-height: 30px;
+	border-bottom: 1px solid #E7EBED;
+	margin: 0px 0px;
+	border-left: none;
+}
+
+#sidebar li li span {
+	display: block;
+	margin-top: -20px;
+	padding: 0;
+	font-size: 11px;
+	font-style: italic;
+}
+
+#sidebar li li a {
+	padding: 0px 0px 0px 20px;
+	background: url(images/img04.jpg) no-repeat left 50%;
+}
+
+#sidebar li .tags li span {
+	display: inline-block;
+	border-radius: 2px;
+	background-color: #54C7B8;
+	color: #FFF;
+	line-height: 16px;
+	padding: 2px 6px;
+	margin-left: 10px;
+}
+
+#sidebar h2 {
+	height: 38px;
+	padding: 0px 0px 6px 0px;
+	letter-spacing: -.5px;
+	font-size: 1.8em;
+	color: #222222;
+}
+
+#sidebar p {
+	margin: 0 0px;
+	padding: 0px 30px 20px 30px;
+	text-align: justify;
+}
+
+
+/* Footer */
+
+#footer {
+	height: 140px;
+	margin: 0 auto;
+	padding: 50px 0 15px 0;
+}
+
+#footer p {
+	margin: 0;
+	padding-top: 10px;
+	letter-spacing: 1px;
+	line-height: normal;
+	font-size: 14px;
+	text-align: center;
+	color: #5E5E5E;
+}
+
+#footer a {
+	color: #5E5E5E;
+}
+
+
+/* Profile */
+#content div.profile p,
+#content div.profile h2 { margin: 0; padding: 6px; }
+
+div.profile div.box {
+	float: left;
+	box-shadow: 0 0 0.4em #dbdbdb;
+	background-color: #f5f5f5;
+	margin: 10px 0;
+}
+
+div.box { width: 340px; min-height: 100px; 	border-left: 4px solid #7ad03a; }
+div.box.recent { text-transform: uppercase; }
+div.box.contact { border-left-color: #52accc; }
+div.box.introduction { border-left-color: #dd823b; width: 693px; }
+
+#profile_pic {
+	float: left;
+	width: 316px;
+	height: 316px;
+	background-size: cover;
+	border-radius: 0.4em;
+	margin: 10px 20px 10px 0;
+	text-align: center;
+}
+
+#profile_pic button {
+	display: inline-block;
+	width: 48%;
+	border: 0;
+	margin: 0;
+	box-shadow: none;
+	background-color: #7ad03a;
+	opacity: 0;
+
+	transition: 0.25s ease-in opacity;
+}
+#profile_pic:hover button { opacity: 1; }
+
+
+/* DESIGNED TABLE */
+table.designed,
+table.pro {
+	width: 100%;
+	margin: 0;
+	padding: 0;
+	background-color: #FFF;
+	border: 1px solid #f2f2f2;
+	border-spacing: 0;
+	border-collapse: collapse;
+}
+
+table button { padding: 0.2em; margin: 0; width: 120px; }
+
+table.designed td { padding: 0.4em; }
+table.designed tr:nth-child(3n+0) { background: #eaeaea; }
+table.designed tr:first-child { background: #202434; color: #FFF; font-weight: bold; }
+table.designed tr td:first-child { font-weight: bold; }
+
+table.pro td { padding: 0.4em; }
+table.pro tr:nth-child(2n+0) { background: #eaeaea; }
+
+table.pro tr td:last-child { text-align: right; }
+
+
+/* Infobars */
+p.phantom {
+	padding: 1em 0;
+	text-align: center;
+	background: rgba(0,0,0,0.2);
+}
+a p.phantom:hover { background: rgba(0,0,0,0.4); color: #fff; }
+
+#errors, #infos {
+	background-color: #ff0000;
+	color: #FFF;
+	text-align: center;
+	margin-bottom: 1em;
+}
+#infos { background-color: #fffed9; color: #222222; }
+#errors ul, #infos ul { margin: 0; padding: 0; }
+#errors li, #infos li { margin: 0; padding: 0.5em 0; list-style: none; }
+
+
+/* Typicons */
+article p.meta a:before,
+article p.meta time:before,
+p.paginator a:before { font: 16px typicons; padding-right: 0.2em; }
+
+article p.meta time:before { content: '\e120'; }
+article p.meta a.by:before { content: '\e12c'; }
+article p.meta a.pin:before { content: '\e0c9'; }
+article p.meta span.admin a.edit:before { content: '\e067';  }
+article p.meta span.admin a.delete:before  { content: '\e058'; }
+
+p.paginator a.prev:before { content: '\e047'; }
+p.paginator a.next:before { content: '\e048'; }
+
+
+/* EXTRA LAYOUT for SMALL SHITS */
+body.tinyscreen { font-size: 120%; }
+
+body.tinyscreen button { font-size: 140%; }
+
+body.tinyscreen #header { }
+
+body.tinyscreen #header,
+body.tinyscreen #page { width: 100%; }
+
+body.tinyscreen #logo { float: none; margin: 1em; }
+body.tinyscreen #header #menu { float: none; margin: 0 1em 3em 1em; }
+body.tinyscreen #menu ul { float: none; }
+body.tinyscreen #menu a { font-size: 130%; font-weight: bold; }
+
+body.tinyscreen #content { float: none; width: 100%; }
+body.tinyscreen #sidebar { float: none; width: 100%; }
+
+body.tinyscreen article .content { font-weight: normal; font-size: 130%; }
+body.tinyscreen article .meta { font-weight: normal; font-size: 130%; }
+body.tinyscreen article img { width: 100%; }
+
+body.tinyscreen article p.meta a:before,
+body.tinyscreen article p.meta time:before { font-size: 150%; }
+
+body.tinyscreen iframe.youtube { height: 600px !important; }
+
+body.tinyscreen #sidebar li li { font-size: 135%; padding: 1em; }
+body.tinyscreen #sidebar li li span { font-size: 70%; padding: 0.6em; }

themes/murkystairwell/template.php

@@ -0,0 +1,25 @@
+<?php
+
+addHead('<script src="/'.get_theme_lib().'/theme.js"></script>');
+
+include get_theme_lib().'/header.php';
+
+echo get_site_body();
+
+?>
+			<div style="clear: both;">&nbsp;</div>
+		</div>
+		<div id="sidebar">
+			<ul>
+				<li>
+					<h2><?=$_locale['navigation']?></h2>
+					<ul>
+						<?php get_navigation(); ?>
+					</ul>
+				</li>
+				<?php include 'includes/sidebar/sidebar.php'; ?>
+			</ul>
+		</div>
+<?php
+
+include get_theme_lib().'/footer.php';

themes/murkystairwell/theme.js

@@ -0,0 +1,65 @@
+/* EXTRA FUCKING VIEW */
+var keepTheFuckingSidebarOnTheScreenOkay = false;
+function keepThePageAwesome() {
+	$(document.body).addClass('smallscreen');
+	if ($(window).width() < 1000)
+	{
+		keepTheFuckingSidebarOnTheScreenOkay = true;
+		$(document.body).addClass('tinyscreen');
+	}
+	else
+	{
+		keepTheFuckingSidebarOnTheScreenOkay = false;
+		$(document.body).removeClass('tinyscreen');
+	}
+}
+$(window).resize(function() { keepThePageAwesome(); $("#sidebar").css('max-height', $(window).height()); });
+
+
+/* AWESOMENESS */
+var sidebarHeight = 900;
+var contentWidth = 690;
+$(document).ready(function() {
+
+	// MORE EXTA FUCKING FUNCTION
+	$("#sidebar").css('overflow', 'hidden').hover(function() {
+		$(this).css('overflow', 'auto');
+	},
+	function() {
+		$(this).css('overflow', 'hidden');
+	});
+
+
+	// TWEET ANIMS
+	$("article.tweet").hover(function() {
+		$(this).find("p.readmore").stop().slideDown();
+	},
+	function(){
+		$(this).find("p.readmore").stop().slideUp();
+	});
+
+	// SIDEBAR MAX HEIGHT
+	$("#sidebar").css('max-height', $(window).height()-100);
+
+	var contentHeight = $("#content").height();
+
+	if (sidebarHeight < $("#sidebar").height())
+		sidebarHeight = $("#sidebar").height();
+	contentWidth = $("#content").width();
+
+	keepThePageAwesome();
+
+	/* MORE AWESOMENESS */
+	var scrollTopLoc = 0;
+	$(window).scroll(function(){
+		scrollTopLoc = $(window).scrollTop();
+		if (!keepTheFuckingSidebarOnTheScreenOkay)
+			if (contentHeight > sidebarHeight && scrollTopLoc > 100)
+			{
+				if (contentHeight > sidebarHeight+scrollTopLoc)
+					$("#sidebar").stop().animate({"margin-top": ''+($(window).scrollTop() - 100)+'px'});
+			}
+			else
+				$("#sidebar").stop().css("margin-top", '0px');
+	});
+});