2015-12-27 15:10:01 +00:00
|
|
|
<?php
|
|
|
|
|
|
|
|
|
|
class CustomHomeTheme extends HomeTheme {
|
|
|
|
|
public function display_page(Page $page, $sitename, $base_href, $theme_name, $body) {
|
|
|
|
|
$page->set_mode("data");
|
|
|
|
|
$hh = "";
|
|
|
|
|
$page->add_auto_html_headers();
|
|
|
|
|
foreach($page->html_headers as $h) {$hh .= $h;}
|
|
|
|
|
$page->set_data(<<<EOD
|
|
|
|
|
<html>
|
|
|
|
|
<head>
|
|
|
|
|
<title>$sitename</title>
|
|
|
|
|
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
|
|
$hh
|
|
|
|
|
</head>
|
|
|
|
|
<style>
|
|
|
|
|
div#front-page h1 {font-size: 4em; margin-top: 2em; margin-bottom: 0px; text-align: center; border: none; background: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none;}
|
|
|
|
|
div#front-page {text-align:center;}
|
|
|
|
|
.space {margin-bottom: 1em;}
|
|
|
|
|
div#front-page div#links a {margin: 0 0.5em;}
|
|
|
|
|
div#front-page li {list-style-type: none; margin: 0;}
|
|
|
|
|
@media (max-width: 800px) {
|
|
|
|
|
div#front-page h1 {font-size: 3em; margin-top: 0.5em; margin-bottom: 0.5em;}
|
|
|
|
|
#counter {display: none;}
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
<body>
|
2015-12-28 01:37:05 +00:00
|
|
|
<link rel="stylesheet" href="https://storage.googleapis.com/code.getmdl.io/1.0.6/material.indigo-pink.min.css">
|
|
|
|
|
<script src="https://storage.googleapis.com/code.getmdl.io/1.0.6/material.min.js"></script>
|
|
|
|
|
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
|
2015-12-27 15:10:01 +00:00
|
|
|
$body
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
|
|
|
|
EOD
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
public function build_body(/*string*/ $sitename, /*string*/ $main_links, /*string*/ $main_text, /*string*/ $contact_link, $num_comma, /*string*/ $counter_text) {
|
|
|
|
|
$main_links_html = empty($main_links) ? "" : /*Change this*/"<div class='space' id='links'>$main_links</div>";
|
|
|
|
|
$message_html = empty($main_text) ? "" : "<div class='space' id='message'>$main_text</div>";
|
|
|
|
|
$counter_html = empty($counter_text) ? "" : "<div class='mdl-typography--text-center' id='counter'>$counter_text</div>";
|
|
|
|
|
$contact_link = empty($contact_link) ? "" : "<br><a href='mailto:$contact_link'>Contact</a> –";
|
|
|
|
|
$search_html = "
|
|
|
|
|
<div class='mdl-grid'>
|
|
|
|
|
<div class='mdl-layout-spacer'></div>
|
|
|
|
|
<div class='mdl-cell mdl-cell--4-col'>
|
2015-12-28 02:01:12 +00:00
|
|
|
<form class='mdl-typography--text-center' action='".make_link("post/list")."' method='GET'>
|
|
|
|
|
<div class='mdl-textfield mdl-js-textfield'>
|
|
|
|
|
<input id='search' name='search' size='30' type='search' value='' class='autocomplete_tags mdl-textfield__input' autocomplete='off' />
|
|
|
|
|
<input type='hidden' name='q' value='/post/list'>
|
|
|
|
|
<label class='mdl-textfield__label' for='search'>Search</label>
|
|
|
|
|
</div>
|
|
|
|
|
</form>
|
2015-12-27 15:10:01 +00:00
|
|
|
</div>
|
|
|
|
|
<div class='mdl-layout-spacer'></div>
|
|
|
|
|
</div>
|
|
|
|
|
";
|
|
|
|
|
return "
|
|
|
|
|
<div class='mdl-layout mdl-js-layout mdl-layout--fixed-drawer vertical-center' id='front-page'>
|
2015-12-28 01:45:24 +00:00
|
|
|
<div class='mdl-layout__drawer'>
|
|
|
|
|
<span class='mdl-layout-title'>$sitename</span>
|
|
|
|
|
</div>
|
2015-12-27 15:10:01 +00:00
|
|
|
<main class='mdl-layout__content'>
|
|
|
|
|
<div class='page-content'>
|
|
|
|
|
<h2 class='mdl-typography--text-center'><a style='text-decoration: none;' href='".make_link()."'><span>$sitename</span></a></h2>
|
|
|
|
|
$search_html
|
|
|
|
|
$message_html
|
|
|
|
|
$counter_html
|
|
|
|
|
<div class='mdl-typography--text-center' id='foot'>
|
|
|
|
|
<p>$contact_link - Serving $num_comma posts &ndash - Running <a href='http://code.shishnet.org/shimmie2/'>Shimmie</a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</main>
|
|
|
|
|
</div>";
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
