#cake.plate form=raw
<div class="p_wrap">
	<div class="para">
		{p1}
	</div>
</div>
{pagelogo}
<div class="p_wrap">
	{body}
</div>

#opts flame=off

#cake.bars 
<div class="cake_bars"><div class="navibar">{cake.homebar.div}{cake.userbar.div}</div></div>

#title 
 Pagecake
#body 
{p2}

#p1 
Pagecake is a <a href="/pagecake/about/wikiblog">wikiblog</a>, providing the combined ease and power of a personal <a href="/pagecake/about/mod/waka">wiki</a> and <a href="/pagecake/about/mod/blog">blog</a> with a community <a href="/pagecake/about/mod/note">dialogue</a> system.


#p2 
<div class="def_wrap">
A wikiblog is the perfect choice for a personal or project website as it allows you to build and maintain any html you can imagine. Keep all of your public facing information in one easy-to-update place; just login and edit from any browser, anywhere.
</div>
<div class="def_wrap clean">
Because the Pagecake wikiblog is designed as a personal site, you are in full control and can use any html without the silly security restrictions found in wiki markups or being forced to treat every page as a blog post.
</div>
<div class="def_wrap clean">
You should probably <a href="/pagecake/about"><span class="diff">START HERE</span></a> to find out more.
</div>
<div class="para">
Our <a href="https://bitbucket.org/xixs/pagecake">code</a> is MIT licensed, <a href="http://www.lua.org/">lua</a> based for flexibility and designed to operate standalone or as the core of bigger projects.
</div>

#pagelogo 
<div class="plogo_wrap">
	<div class="plogo_txt">
		<ol>
			<li><span class="numb">1</span> #plate</li>
			<li><span class="numb">2</span> {pagecake}</li>
			<li><span class="numb">3</span> &nbsp;</li>
			<li><span class="numb">4</span> #pagecake</li>
			<li><span class="numb">5</span> &lt;img src="/data/geca"/&gt;</li>
		</ol>	
	</div><!--
 --><div class="plogo"></div>
</div>


#css 
body				{color: #007AFF; font-family:monospace; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAG0lEQVQIW2NklLP9z4ADMIIk///+gVV60EkCAMZ1GzEKFHP8AAAAAElFTkSuQmCC) repeat; background-color:#001935;}

a:focus				{color: #007AFF; text-decoration: none;}
a:link  			{color: #007AFF; text-decoration: none;}
a:visited			{color: #007AFF; text-decoration: none;}
a:hover				{color: #007AFF; text-decoration: underline;}
a:active			{color: #007AFF; text-decoration: none;}

.b_wrap				{width:880px; padding:20px 40px; margin: 0 auto; color:#fff; text-align:left;}
.p_wrap				{width:960px; margin:0 auto; color:#007AFF; margin-top:40px; font-size:16px; line-height:1.5em; text-align:justify;}
.p_wrap.white		{color:#fff;}
.p_wrap a:focus		{color: #007AFF; text-decoration: none;}
.p_wrap a:link  	{color: #007AFF; text-decoration: none;}
.p_wrap a:visited	{color: #007AFF; text-decoration: none;}
.p_wrap a:hover		{color: #007AFF; text-decoration: underline;}
.p_wrap a:active	{color: #007AFF; text-decoration: none;}
.para:hover a		{color: #fff; text-decoration: none;}
.para				{background-color:#001935; width:880px; padding:40px; margin: 0 auto; font-size:20px; line-height:1.75em;}
.def_wrap			{width:880px; padding:20px 40px; margin: 0 auto; color:#fff; text-align:left;}
.def_wrap.clean		{padding:20px 40px 40px 40px;}
.aelua_home_bar, .aelua_user_bar	{padding:10px 20px;}
.plogo_wrap			{width:958px; height:398px; margin:0 auto; border:1px solid #007AFF; margin-top:40px}
.plogo_txt			{width:480px; height:318px; margin:0 auto; display:inline-block; font-size:23px; line-height:30px; vertical-align: top; padding:40px; font-family:monospace; background-color:#000;}
.plogo				{width:398px; height:398px; margin:0 auto; display:inline-block; background:url('/data/geca') center no-repeat; background-color:#001935;}
.numb				{display:inline-block; background-color:#001935; height:30px; width:50px; font-size:18px; color:#103F74; text-align:center; border-right:2px solid #103F74;}

.cake_bars			{width:100%; background-color:#000;}
.aelua_about		{padding:5px;}

.diff				{display:inline-block; background-color:#000D19; color:#AABCCC;"}
.refer				{border-top:1px dotted #ccc; margin-top:40px;}
.aelua_admin_bar	{pointer-events:none;}
.aelua_admin_bar a	{pointer-events: all;}
.aelua_admin_bar button	{pointer-events: all;}

.navibar			{width:960px; margin:0 auto; padding:10px 0;}