Initial commit

themes/murkymodern/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:no_more_title}</h1>"
+		."<p>{locale:no_more}</p>\n";

themes/murkymodern/components/entry.php

@@ -0,0 +1,31 @@
+<?php
+
+if ($blog->entries)
+	while ($data = $blog->entry())
+	{
+		addTitle($data['entryTitle']);
+
+		if ($data['entryHidden']) echo "<p>{locale:hidden_content}</p>";
+
+		if ($data['entryPIN'] && get_pin() != $data['entryPIN'])
+			echo "<p>{locale:pin_protected_content}</p>
+			<form action='".get_entry_link($data['entrySlug'])."' method='post' name='entry-pin-input'>
+				<input type='text' name='read_entry_pin' placeholder='{locale:entry_pin}' />
+				<button type='submit'>{locale:unlock}</button>
+			</form>";
+		else
+		{
+			addDescription(entry_show_init($data['entryContent'], $data['entrySlug']));
+			addImage((preg_match('/< *img[^>]*src *= *["\']?([^"\']*)/i', $data['entryContent'], $images) ? $images[1] : 0));
+			headerImage($data['entryHeader']);
+			echo "<article class='full'>
+					".(strlen($data['entryTitle']) > 50 ? "<h2>".htmlspecialchars($data['entryTitle'])."</h2>" : null)."
+					<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/murkymodern/components/page.php

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

themes/murkymodern/components/profile.php

@@ -0,0 +1,46 @@
+<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>
+		<?=($userData['userWeb'] ? '<p><strong>{locale:web}:</strong> '.$userData['userWeb'].'</p>' : null)?>
+	</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>
+	<div style="clear: both"></div>
+	<?php endif ?>
+
+	<div class="clear"></div>
+</div>
+<div class="clear"></div>

themes/murkymodern/components/tag.php

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

themes/murkymodern/images/arrowDown.svg

@@ -0,0 +1,3 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg height="512px" id="Layer_1" style="enable-background:new 0 0 512 512; fill: #FFF" version="1.1" viewBox="0 0 512 512" width="512px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><polygon points="396.6,160 416,180.7 256,352 96,180.7 115.3,160 256,310.5 "/></svg>

themes/murkymodern/style.css

@@ -0,0 +1,549 @@
+@keyframes floating {
+  0% {
+    margin-top: -6em;
+	margin-bottom: 6em;
+  }
+
+  50% {
+    margin-top: -5em;
+	margin-bottom: 5em;
+  }
+
+  100% {
+    margin-top: -6em;
+	margin-bottom: 6em;
+  }
+}
+
+html {}
+body {
+	margin: 0;
+	padding: 0;
+	overflow: auto;
+	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;
+}
+input[type="checkbox"] { width: auto; display: inline-block; vertical-align: middle; }
+
+div.cke { margin-bottom: 0.4em; }
+
+.container {
+	width: 1000px;
+	margin: 0px auto;
+}
+
+/* Header */
+#floating-header { position: absolute; top: 0; left: 0; width: 100%; z-index: 1; }
+
+#header-wrapper {
+	display: table;
+	overflow: hidden;
+	height: 100vh;
+	width: 100%;
+	background-image: url(images/record.jpg);
+	background-size: cover;
+	background-position: center center;
+	color: #FFFFFF;
+}
+
+#header {
+	display: table-cell;
+	vertical-align: middle;
+	text-align: center;
+	padding: 0px 0px;
+	/*background: rgba(0,0,0,0.1);
+	-webkit-box-shadow: inset 0px 0px 60em rgba(0,0,0,0.8);
+	-moz-box-shadow:    inset 0px 0px 60em rgba(0,0,0,0.8);
+	box-shadow:         inset 0px 0px 60em rgba(0,0,0,0.8);*/
+	background: rgba(0,0,0,0.68);
+}
+#header-wrapper.dim #header { background: rgba(0,0,0,0.68); }
+
+#miniprofile {
+	display: block;
+	position: absolute;
+	top: 2em;
+	left: 2em;
+	padding: 0.5em 1em 0.5em 0.5em;
+	background: rgba(0,0,0,0.8);
+	border-radius: 2em;
+	color: #FFFFFF;
+}
+#miniprofile * { display: inline-block; vertical-align: middle; }
+#miniprofile img { height: 2em; border-radius: 1em; margin-right: 0.5em; }
+
+/* Logo */
+
+#logo {
+	margin: 0;
+	padding: 10px 0;
+}
+
+#logo h1 {
+	text-transform: lowercase;
+	letter-spacing: -2px;
+	font-size: 3.8em;
+	text-shadow: 1px 1px 1px #000;
+	color: inherit;
+}
+
+#logo h1 a {
+	color: inherit;
+	cursor: url(images/trollface.png), auto;
+}
+
+#logo p {
+	margin: 0;
+	padding: 0px 0 0 0px;
+	letter-spacing: -1px;
+	font: normal 1.1em Georgia, "Times New Roman", Times, serif;
+	font-style: italic;
+	color: #C6C6C6;
+}
+
+#logo p a { color: inherit; border-bottom: 1px dotted; }
+
+#logo a {
+	border: none;
+	background: none;
+	text-decoration: none;
+	color: inherit;
+}
+
+/* Menu */
+
+#menu {
+	height: 50px;
+	margin: 0 auto;
+	padding: 0;
+}
+
+#menu ul {
+	margin: 0;
+	padding: 20px 0px 0px 0px;
+	list-style: none;
+	line-height: normal;
+}
+
+#menu li { display: inline-block; }
+
+#menu a {
+	display: block;
+	line-height: 38px;
+	margin-right: 0.4em;
+	padding: 2px 20px 0px 20px;
+	background: rgba(255,255,255,0.05);
+	border: 1px solid rgba(255,255,255,0.2);
+	border-radius: 2em;
+	text-decoration: none;
+	text-align: center;
+	text-shadow: 1px 1px 0px rgba(0,0,0,0.2);
+	text-transform: uppercase;
+	font-family: 'Oswald', sans-serif;
+	font-size: 16px;
+	font-weight: 300;
+	color: #C6C6C6;
+}
+#menu ul li:last-child a { margin-right: 0; }
+
+#menu a:hover, #menu a.active {
+	background: rgba(0,0,0,0.8);
+	border-color: #000000;
+	text-decoration: none;
+	color: #FFFFFF;
+}
+
+#menu a.active { }
+#tags { margin: 10em 0 -10em 0; }
+
+#tags ul {
+	list-style: none;
+	margin: 0;
+	padding: 0;
+}
+#tags li { display: inline-block; }
+
+#tags li a:before { display: inline-block; content: '#'; }
+#tags li a { color: #c7c7c7; margin-right: 0.8em; }
+#tags li a:hover { color: #FFFFFF; }
+#tags li:last-child a { margin-right: 0; }
+#tags span { display: none; }
+
+#arrowDown {
+	display: block;
+	margin: -6em auto 6em auto;
+	width: 2.5em;
+	height: 2.5em;
+	background: url(images/arrowDown.svg) center center no-repeat;
+	background-size: cover;
+	animation-duration: 2s;
+	animation-name: floating;
+	animation-iteration-count: infinite;
+	opacity: 0.4;
+}
+#arrowDown:hover { opacity: 1; }
+
+
+/* Page */
+
+#page {
+	width: 1000px;
+	margin: 102vh auto 0 auto;
+	padding: 10px 0px;
+}
+
+/* Content */
+
+#content { 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;
+}
+
+
+/* Footer */
+
+#footer {
+	display: block;
+	margin: 0 auto;
+	padding: 50px 0 15px 0;
+}
+
+#footer-account { text-align: center; font-size: 120%; }
+
+#footer-account input {
+	display: inline-block;
+	min-width: 160px;
+	width: 10%;
+	max-width: 300px;
+	text-align: center;
+}
+
+#footer-account ul { list-style: none; }
+#footer-account li { display: inline-block; margin: 0 1em; }
+
+#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;
+}
+
+
+/* Scroll up */
+#scroll-up {
+	position: fixed;
+	display: block;
+	bottom: 2em;
+	right: 2em;
+	width: 4em;
+	height: 4em;
+	background: #263238 url(images/arrowDown.svg) center center no-repeat;
+	background-size: 60%;
+	border-radius: 2em;
+	box-shadow: 0 0 0.4em #000;
+	transform: rotate(180deg);
+	opacity: 0.4;
+	z-index: 0;
+}
+#scroll-up:hover { opacity: 1; }
+
+
+/* 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: 400px; 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: 100%; }
+
+#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(2n+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 #logo p { font-size: 160%; }
+
+body.tinyscreen #header,
+body.tinyscreen #page { width: 100%; }
+
+body.tinyscreen #menu li a { font-size: 170%; font-weight: bold; margin-top: 1em; line-height: 80px; }
+body.tinyscreen #tags li { font-size: 130%; margin-top: 1em; }
+
+body.tinyscreen #content { float: none; width: 100%; }
+body.tinyscreen #sidebar { float: none; width: 100%; }
+
+body.tinyscreen article .content { font-weight: normal; font-size: 90%; }
+body.tinyscreen article .meta { font-weight: normal; font-size: 70%; }
+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 section { padding: 0 1em !important; }
+
+body.tinyscreen iframe.youtube { height: 500px !important; }
+
+body.tinyscreen #sidebar li li { font-size: 135%; padding: 1em; }
+body.tinyscreen #sidebar li li span { font-size: 70%; padding: 0.6em; }

themes/murkymodern/template.php

@@ -0,0 +1,76 @@
+<!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='//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>
+	<script><?php
+		echo 'var headerimg = '.($headerimg ? 'true':'false').';';
+		if (LOGGEDIN)	echo 'var userdata = ['.$user['userFiltrId'].','.$user['userLevel'].',"'.$user['userName'].'","'.$user['userPublicName'].'"];';
+		else			echo 'var userdata = false;';
+	?></script>
+	<script src="/<?=get_theme_lib()?>/theme.js"></script>
+	<meta name="keywords" content="<?=keywords()?>" />
+	<meta name="description" content="<?=($description ? $description : $_set['description'])?>" />
+	<meta name="copyright" content="Sandros 2015" />
+	<meta name="robot" content="index, follow" />
+	<meta property="og:title" content="<?=(isset($_title[0]) ? $_title[0] : $_set['title'])?>" />
+	<meta property="og:image" content="<?=($metaimage ? $metaimage : ($headerimg ? $headerimg : '/'.get_theme_lib().'/images/moto360-filter.jpg'))?>" />
+	<meta property="og:description" content="<?=($description ? $description : $_set['description'])?>" />
+	<?php get_page_extra_head(); ?>
+</head>
+<body>
+	<header id="floating-header">
+		<div id="header-wrapper"<?=($headerimg ? ' style="background-image:url(\''.$headerimg.'\')" class="dim"' : null)?>>
+			<div id="header" class="container">
+				<div id="logo">
+					<h1><a href="<?=get_current_link()?>"><?=$_set['title'].(isset($_title[0]) ? ' &#8226; '.trimlink($_title[0].(isset($_title[1]) ? ' &#8226; '.$_title[1] : null), 100) : null)?></a></h1>
+					<p><?=$_set['tagline']?></p>
+				</div>
+				<div id="menu">
+					<ul>
+						<?php get_navigation(); ?>
+					</ul>
+				</div>
+				<div id="tags">
+					<ul>
+						<?php get_tags(); ?>
+					</ul>
+				</div>
+			</div>
+		</div>
+		<a id="arrowDown" href="#"></a>
+	</header>
+
+	<div id="page">
+		<?php
+			get_errors();
+			get_infos();
+		?>
+		<section id="content">
+			<?php echo get_site_body(); ?>
+		</section>
+	</div>
+
+	<footer id="footer">
+	<?php if (!LOGGEDIN) : ?>
+		<form action="//filtr.sandros.hu/app_login/<?=$_set['filtr_appid']?>&amp;ret" method="get" name="login-form" id="footer-account">
+			<input type="submit" name="login" value="<?=$_locale['login']?>" />
+		</form>
+	<?php else :
+		echo "<div id='footer-account'>";
+		include 'includes/sidebar/account.php';
+		echo "</div>";
+	endif; ?>
+		<p>&copy; <?=date('Y')?> <?=$_set['title']?>. All rights reserved. Powered by <a href="http://sandros.hu/">Insanely</a>.</p>
+	</footer>
+	<a id="scroll-up" href="#top"></a>
+	<?php get_page_extra_body(); ?>
+</body>
+</html>

themes/murkymodern/theme.js

@@ -0,0 +1,67 @@
+/* jQuery Plugins */
+(function($) {
+    $.fn.longClick = function(callback, timeout) {
+        var timer;
+        timeout = timeout || 500;
+        $(this).mousedown(function() {
+            timer = setTimeout(function() { callback(); }, timeout);
+            return false;
+        });
+        $(document).mouseup(function() {
+            clearTimeout(timer);
+            return false;
+        });
+    };
+
+})(jQuery);
+
+/* EXTRA FUCKING VIEW */
+function keepThePageAwesome() {
+	if ($(window).width() < 1020)
+	{
+		keepTheFuckingSidebarOnTheScreenOkay = true;
+		$(document.body).addClass('tinyscreen');
+	}
+	else
+	{
+		keepTheFuckingSidebarOnTheScreenOkay = false;
+		$(document.body).removeClass('tinyscreen');
+	}
+}
+
+
+/* AWESOMENESS */
+$(document).ready(function() {
+
+	// Mobile view
+	if ((navigator.userAgent.match(/iPhone/i) || navigator.userAgent.match(/Android/i) || navigator.userAgent.match(/webOS/i) ? true : false))
+		$(document.body).addClass('tinyscreen');
+	else if (userdata)
+		$('header').append('<a id="miniprofile" href="'+(userdata[1] > 1 ? '/admin' : '/user/'+userdata[2])+'"><img src="//filtr.sandros.hu/proxy/avatar/'+userdata[0]+'" alt=""/>'+userdata[3]+'</a>'); // User miniprofile
+
+	$(window).resize(function() { keepThePageAwesome(); }).resize();
+
+	// TWEET ANIMS
+	$("article.tweet").hover(function() {
+		$(this).find("p.readmore").stop().slideDown();
+	},
+	function(){
+		$(this).find("p.readmore").stop().slideUp();
+	});
+
+	// Sub-page detection
+	if (/entry|\/p\/|tag|page|user|admin/.test(window.location.href) && !headerimg)
+		$(window).scrollTop($('#page').offset().top);
+
+	// Scroll down button
+	$('#arrowDown').click(function() {
+		$("html, body").animate({scrollTop: $('#page').offset().top}, '500', function() {
+			window.location.hash = '#content';
+		});
+	}).longClick(function() {
+		$("html, body").animate({scrollTop: $(document).height()-$(window).height()}, '1800');
+	});
+
+	// Scroll to the top button
+	$('#scroll-up').click(function() { $("html, body").animate({scrollTop: 0}, '2000'); return false; });
+});