blog-panel to index

www/data/css/styles.css

@@ -1153,6 +1153,50 @@ html, body {
   .programs_pnl_bottom_1, .programs_pnl_bottom_2 {
     flex-direction: row; } }
 /* 400px */
+.blog_pnl_content {
+  display: flex;
+  align-items: center;
+  flex-direction: column; }
+
+.blogpnl_base {
+  width: 100%;
+  border: solid 1px #444;
+  margin: 10px 5px;
+  color: #333;
+  text-decoration: none;
+  background-color: #BBB; }
+
+.blogpnl_date {
+  background-color: #AAA;
+  color: #333; }
+
+.blogpnl_base:hover {
+  border: solid 1px black;
+  background-color: white;
+  color: black; }
+
+.blogpnl_base:hover .blogpnl_date {
+  background-color: white;
+  color: black;
+  border-bottom: 1px solid black; }
+
+.blogpnl_date {
+  background-color: #AAA;
+  border-bottom: 1px solid transparent;
+  padding: 2px;
+  font-size: 0.8em;
+  font-style: italic; }
+
+.blogpnl_title {
+  font-weight: bold;
+  font-size: 1.2em;
+  text-align: left;
+  margin: 2px 0 2px 10px; }
+
+@media (max-width: 850px) {
+  .blogpnl_title {
+    text-align: center; } }
+/* 400px */
 .bfjoust_runner_owner {
   border: 1px solid #888;
   background: #F8F8F8;

www/data/css/styles.min.css

@@ -278,6 +278,14 @@ html,body{margin:0;padding:0;height:100%}
 	.programs_pnl_bottom_sub_top{margin-left:4px;margin-right:6px}
 	.programs_pnl_bottom_1,.programs_pnl_bottom_2{flex-direction:row}
 }
+.blog_pnl_content{display:flex;align-items:center;flex-direction:column}
+.blogpnl_base{width:100%;border:solid 1px #444;margin:10px 5px;color:#333;text-decoration:none;background-color:#BBB}
+.blogpnl_date{background-color:#AAA;color:#333}
+.blogpnl_base:hover{border:solid 1px black;background-color:white;color:black}
+.blogpnl_base:hover .blogpnl_date{background-color:white;color:black;border-bottom:1px solid black}
+.blogpnl_date{background-color:#AAA;border-bottom:1px solid transparent;padding:2px;font-size:.8em;font-style:italic}
+.blogpnl_title{font-weight:bold;font-size:1.2em;text-align:left;margin:2px 0 2px 10px}
+@media(max-width:850px){.blogpnl_title{text-align:center}}
 .bfjoust_runner_owner{border:1px solid #888;background:#f8f8f8;padding:6px}
 .bfjoust_runner_owner .hsplit{display:flex;flex-direction:row;flex-wrap:nowrap}
 .bfjoust_runner_owner .hsplit_1{flex:1;margin:4px}

www/data/css/styles.scss

@@ -15,5 +15,6 @@
 
 @import 'styles_eulerpanel';
 @import 'styles_programspanel';
+@import 'styles_blogpanel';
 @import 'styles_bfjoustrunner';
 @import 'styles_befungerunner';

www/data/css/styles_blogpanel.scss

@@ -0,0 +1,44 @@
+@import 'styles_config';
+
+
+.blog_pnl_content {
+  display: flex;
+  align-items: center;
+  flex-direction: column;
+}
+
+.blogpnl_base {
+  width: 100%;
+
+  border: solid 1px #444;
+  margin: 10px 5px;
+  color: $COL_TEXT_DARK;
+  text-decoration: none;
+
+  background-color: #BBB;
+}
+
+.blogpnl_date { background-color: #AAA; color: $COL_TEXT_DARK; }
+
+.blogpnl_base:hover               { border: solid 1px $COL_COMPLEXHOVER_BRD; background-color: $COL_COMPLEXHOVER_BG; color: $COL_COMPLEXHOVER_FG; }
+.blogpnl_base:hover .blogpnl_date { background-color: $COL_COMPLEXHOVER_BG; color: $COL_COMPLEXHOVER_FG; border-bottom: 1px solid $COL_COMPLEXHOVER_BRD; }
+
+.blogpnl_date {
+  background-color: #AAA;
+  border-bottom: 1px solid transparent;
+  padding: 2px;
+  font-size: 0.8em;
+  font-style: italic;
+}
+
+.blogpnl_title {
+  font-weight: bold;
+  font-size: 1.2em;
+  text-align: left;
+  margin: 2px 0 2px 10px;
+}
+
+
+@include rdmedia_range(0,1) {
+  .blogpnl_title { text-align: center; }
+}

www/fragments/blogview_euler_single.php

@@ -56,7 +56,7 @@ $max = ceil($max / 20) * 20;
 				'speed'       => $problem['steps'] < 500000 ? 2 : 3,
 				'editable'    => false,
 			];
-            echo require (__DIR__ . '/../fragments/befunge93_runner.php');
+            echo require (__DIR__ . '/../fragments/widget_befunge93.php');
 
             if ($problem['abbreviated']) echo '<i>This program is too big to display/execute here, click [download] to get the full program. </i><br/>';
 		?>

www/fragments/panel_blog.php

@@ -0,0 +1,33 @@
+<?php
+	require_once(__DIR__ . '/../internals/blog.php');
+	
+	$allposts = Blog::listAllNewestFirst();
+?>
+
+<div class="index_pnl_base">
+
+	<div class="index_pnl_header">
+        <a href="/blog">New posts</a>
+	</div>
+	<div class="index_pnl_content blog_pnl_content">
+
+        <?php
+
+        for ($i=0; $i<3; $i++)
+        {
+			$post = $allposts[$i];
+
+			if (!$post['visible']) continue;
+
+			echo "<a class='blogpnl_base' href='" . $post['url'] . "'>\n";
+			echo "<div class='blogpnl_date'>"  . $post['date'] . "</div>\n";
+			echo "<div class='blogpnl_title'>"  . $post['title'] . "</div>\n";
+			echo "</a>\n";
+
+        }
+
+        ?>
+
+	</div>
+
+</div>

www/index.php

@@ -189,5 +189,4 @@ try {
 //TODO optimize image sizes for display/download (? - auto?)
 //TODO send cache header (?)
 //TODO programs add [license]
-//TODO last 3 blog entries on /index/ (?)
 //TODO global uncached error logger -> send by mail

www/internals/ParsedownCustom.php

@@ -76,7 +76,7 @@ class ParsedownCustom extends ParsedownExtra
 		$PARAM_CODE_LEFT  = trim($split[0]);
 		$PARAM_CODE_RIGHT = trim($split[1]);
 
-		return require (__DIR__ . '/../fragments/bfjoust_runner.php');
+		return require (__DIR__ . '/../fragments/widget_bfjoust.php');
 	}
 
 	protected function handleBef93(array $Element)
@@ -90,6 +90,6 @@ class ParsedownCustom extends ParsedownExtra
 			'speed'       => $Element['b93_speed'],
 			'editable'    => $Element['b93_editable'],
 		];
-		return require (__DIR__ . '/../fragments/befunge93_runner.php');
+		return require (__DIR__ . '/../fragments/widget_befunge93.php');
 	}
 }

www/internals/blog.php

@@ -21,7 +21,7 @@ class Blog
 		return $d;
 	}
 
-	public static function listAllOrderedDescending()
+	public static function listAllNewestFirst()
 	{
 		$data = self::listAll();
 		usort($data, function($a, $b) { return strcasecmp($b['date'], $a['date']); });

www/pages/blog_list.php

@@ -4,7 +4,7 @@
 require_once (__DIR__ . '/../internals/base.php');
 require_once (__DIR__ . '/../internals/blog.php');
 
-$allposts = Blog::listAllOrderedDescending();
+$allposts = Blog::listAllNewestFirst();
 
 ?>
 <head>

www/pages/main.php

@@ -16,9 +16,11 @@
 
 	<div id="content" class="content-responsive">
 
-		<?php include (__DIR__ . '/../fragments/eulerpanel.php');  ?>
+		<?php include (__DIR__ . '/../fragments/panel_euler.php');  ?>
 
-		<?php include (__DIR__ . '/../fragments/programspanel.php');  ?>
+		<?php include (__DIR__ . '/../fragments/panel_programs.php');  ?>
+
+		<?php include (__DIR__ . '/../fragments/panel_blog.php');  ?>
 
 	</div>