RCC: Write blog posts online

This commit is contained in:
mmk2410 2015-11-17 22:46:20 +01:00
parent 5568943994
commit e8a2557c4a
6 changed files with 378 additions and 222 deletions

View file

@ -29,7 +29,7 @@ $bloganalytics = '';
// Footer - set here the text for your footer (e.g. a copyright info). You can replace the whole text after the '=' with your own one. // Footer - set here the text for your footer (e.g. a copyright info). You can replace the whole text after the '=' with your own one.
$blogfooter = 'Rangitaki ' . date("Y") . ' <a href="https://github.com/mmk2410/Rangitaki" target="blank">github.com/mmk2410/Rangitaki</a>'; $blogfooter = 'Rangitaki ' . date("Y") . ' <a href="https://github.com/mmk2410/Rangitaki" target="blank">github.com/mmk2410/Rangitaki</a>';
// This enables the optional rangitaki control center. Please read the documentation before you enable it. // This enables the optional rangitaki control center. Please read the documentation before you enable it.
$rcc = 'no'; $rcc = 'yes';
// Here you can disable and enable the navigation menu. Usefull if you have no subblogs and no home directory // Here you can disable and enable the navigation menu. Usefull if you have no subblogs and no home directory
$nav_drawer = 'yes'; $nav_drawer = 'yes';
// Set here the name of your theme. Read the documentation for more themes // Set here the name of your theme. Read the documentation for more themes

139
index.php
View file

@ -31,71 +31,72 @@ OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
--> -->
<html> <html>
<?php <?php
/** /**
* Rangitaki PHP Blogging engine * Rangitaki PHP Blogging engine
*/ */
// Getting necessary php files // Getting necessary php files
date_default_timezone_set('UTC'); date_default_timezone_set('UTC');
require 'config.php'; // Config file (this must be the first line) require 'config.php'; // Config file (this must be the first line)
require './lang/' . $language . ".php"; // Language file require './lang/' . $language . ".php"; // Language file
require_once 'res/php/Parsedown.php'; // The soul of the beast: Parsedown require_once 'res/php/Parsedown.php'; // The soul of the beast: Parsedown
require_once 'res/php/ArticleGenerator.php'; // The article generator require_once 'res/php/ArticleGenerator.php'; // The article generator
require_once './res/php/BlogListGenerator.php'; // and the blog list generator require_once './res/php/BlogListGenerator.php'; // and the blog list generator
// Getting some variables ($_GET and $_SERVER) // Getting some variables ($_GET and $_SERVER)
$getblog = filter_input(INPUT_GET, "blog"); // getting the blog variable $getblog = filter_input(INPUT_GET, "blog"); // getting the blog variable
$getarticle = filter_input(INPUT_GET, "article"); // getting the article variable $getarticle = filter_input(INPUT_GET, "article"); // getting the article variable
$gettag = filter_input(INPUT_GET, "tag"); // getting the tag variable $gettag = filter_input(INPUT_GET, "tag"); // getting the tag variable
$url = "http://" . filter_input(INPUT_SERVER, "HTTP_HOST") . filter_input(INPUT_SERVER, "REQUEST_URI"); // getting the url (used for sharing) $url = "http://" . filter_input(INPUT_SERVER, "HTTP_HOST") . filter_input(INPUT_SERVER, "REQUEST_URI"); // getting the url (used for sharing)
?> ?>
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title><?php echo $blogtitle; // Setting the blog article?></title> <title><?php echo $blogtitle; // Setting the blog article?></title>
<!--Metatags--> <!--Metatags-->
<meta name="author" content="<?php echo $blogauthor; // Setting the blog author ?>" /> <meta name="author" content="<?php echo $blogauthor; // Setting the blog author ?>"/>
<meta name="description" content="<?php echo $blogdescription; // the blog description ?>" /> <meta name="description" content="<?php echo $blogdescription; // the blog description ?>"/>
<!-- Meta tag for responsive ui--> <!-- Meta tag for responsive ui-->
<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' /> <meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport'/>
<!-- OpenGraph meta tags --> <!-- OpenGraph meta tags -->
<meta property="og:title" content="<?php echo $blogtitle; ?>" /> <meta property="og:title" content="<?php echo $blogtitle; ?>"/>
<meta property="og:type" content="website" /> <meta property="og:type" content="website"/>
<meta property="og:url" content="<?php echo $url; ?>" /> <meta property="og:url" content="<?php echo $url; ?>"/>
<meta property="og:image" content="<?php echo $favicon; ?>" /> <meta property="og:image" content="<?php echo $favicon; ?>"/>
<meta property="og:description" content="<?php echo $blogdescription; ?>" /> <meta property="og:description" content="<?php echo $blogdescription; ?>"/>
<meta property="og:locale:alternate" content="<?php echo $lang; ?>" /> <meta property="og:locale:alternate" content="<?php echo $lang; ?>"/>
<!-- Twitter meta tags --> <!-- Twitter meta tags -->
<meta name="twitter:card" content="summary" /> <meta name="twitter:card" content="summary"/>
<meta name="twitter:site" content="<?php echo $twitter; ?>" /> <meta name="twitter:site" content="<?php echo $twitter; ?>"/>
<meta name="twitter:title" content="<?php echo $blogtitle; ?>" /> <meta name="twitter:title" content="<?php echo $blogtitle; ?>"/>
<meta name="twitter:description" content="<?php echo $blogdescription; ?>" /> <meta name="twitter:description" content="<?php echo $blogdescription; ?>"/>
<meta name="twitter:image" content="<?php echo $favicon; ?>" /> <meta name="twitter:image" content="<?php echo $favicon; ?>"/>
<meta name="twitter:url" content="<?php echo $url; ?>" /> <meta name="twitter:url" content="<?php echo $url; ?>"/>
<!--CSS files--> <!--CSS files-->
<link rel="stylesheet" type="text/css" href="res/css/rangitaki.css" /> <link rel="stylesheet" type="text/css" href="res/css/rangitaki.css"/>
<link rel="stylesheet" type="text/css" href="themes/<?php echo $theme; // getting the theme stylesheet?>.css" /> <link rel="stylesheet" type="text/css" href="themes/<?php echo $theme; // getting the theme stylesheet?>.css"/>
<?php <?php
// Checking if the drawer is enabled // Checking if the drawer is enabled
if ($nav_drawer == 'no') { if ($nav_drawer == 'no') {
// Loading additional stylesheet for disabling the drawer?> // Loading additional stylesheet for disabling the drawer?>
<link rel="stylesheet" type="text/css" href="res/css/no-nav.css" /> <link rel="stylesheet" type="text/css" href="res/css/no-nav.css"/>
<?php <?php
} }
?> ?>
<link href='//fonts.googleapis.com/css?family=Roboto:400,500,700,300,400italic,100,100italic,900' rel='stylesheet' type='text/css'> <!--Font--> <link href='//fonts.googleapis.com/css?family=Roboto:400,500,700,300,400italic,100,100italic,900' rel='stylesheet'
type='text/css'> <!--Font-->
<link rel="stylesheet" href="./res/css/github-gist.css"> <!-- stylesheet for code highlighting--> <link rel="stylesheet" href="./res/css/github-gist.css"> <!-- stylesheet for code highlighting-->
<!--Favicons--> <!--Favicons-->
<link rel="shortcut icon" type="image/x-icon" href="<?php echo $favicon; ?>" /> <link rel="shortcut icon" type="image/x-icon" href="<?php echo $favicon; ?>"/>
<link rel="apple-touch-icon-precomposed" href="<?php echo $favicon; ?>"> <link rel="apple-touch-icon-precomposed" href="<?php echo $favicon; ?>">
<!-- JavaScript Pt. 1: HightlightJS (get and load): Code highlighting--> <!-- JavaScript Pt. 1: HightlightJS (get and load): Code highlighting-->
<script src="./res/js/highlight.pack.js"></script> <script src="./res/js/highlight.pack.js"></script>
<script>hljs.initHighlightingOnLoad();</script> <script>hljs.initHighlightingOnLoad();</script>
</head> </head>
<body> <body>
<?php <?php
// Checking if the navigation drawer is enabled. If not -> skip it // Checking if the navigation drawer is enabled. If not -> skip it
if ($nav_drawer == "yes") { if ($nav_drawer == "yes") {
?> ?>
<div class="overlay"></div> <!-- Darken the background when fading the drawer in. See also the JS file--> <div class="overlay"></div> <!-- Darken the background when fading the drawer in. See also the JS file-->
<div class="nav"> <div class="nav">
@ -138,19 +139,20 @@ WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
} }
?> ?>
</div> <!-- End of the navigation drawer--> </div> <!-- End of the navigation drawer-->
<?php <?php
} // Endif from line 97; Yes, I really should think about alternative syntax... } // Endif from line 97; Yes, I really should think about alternative syntax...
// Set blog to "main" if on main blog, else to $getblog. This variable is needed later // Set blog to "main" if on main blog, else to $getblog. This variable is needed later
if ($getblog == "") { if ($getblog == "") {
$blog = "main"; $blog = "main";
} else { } else {
$blog = $getblog; $blog = $getblog;
} }
?> ?>
<div class="main"> <!-- Main page with content --> <div class="main"> <!-- Main page with content -->
<div class="header"> <!-- Action Bar, but since there isn't much action I call it header. One day a search feature would be nice...--> <div class="header">
<img src="./res/img/menu.svg" class="nav-img" /> <!-- Ham,ham,hamburger--> <!-- Action Bar, but since there isn't much action I call it header. One day a search feature would be nice...-->
<img src="./res/img/menu.svg" class="nav-img"/> <!-- Ham,ham,hamburger-->
<!-- Blog title with subblog title and links to each one--> <!-- Blog title with subblog title and links to each one-->
<nobr><span class="title"><a href="./"><?php echo $blogtitle; ?><!-- link to main blog--> <nobr><span class="title"><a href="./"><?php echo $blogtitle; ?><!-- link to main blog-->
<?php <?php
@ -169,7 +171,8 @@ WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
</a> </a>
</span> </span>
</nobr> </nobr>
<div class="fadeout"></div> <!-- if the blog name is to long (especially on mobile devices), a fadeout fades the test out at the end of the header--> <div class="fadeout"></div>
<!-- if the blog name is to long (especially on mobile devices), a fadeout fades the test out at the end of the header-->
</div> </div>
<?php <?php
// Blog Intro text // Blog Intro text
@ -183,7 +186,7 @@ WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
<div class="articletext"> <div class="articletext">
<?php // generate the html text from the markdown file <?php // generate the html text from the markdown file
$intro = Parsedown::instance() $intro = Parsedown::instance()
->setBreaksEnabled(true) // with linebreaks ->setBreaksEnabled(true)// with linebreaks
->text($file); ->text($file);
echo $intro; // PRINTS THE SH**** echo $intro; // PRINTS THE SH****
?> ?>
@ -230,36 +233,38 @@ WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
<a href='mailto:?subject= <a href='mailto:?subject=
<?php echo $blogtitle; ?>&body=<?php echo $BLOGLANG['Check out this blog']; ?>: <?php echo $url; ?>' <?php echo $blogtitle; ?>&body=<?php echo $BLOGLANG['Check out this blog']; ?>: <?php echo $url; ?>'
target="blank"> target="blank">
<img src="./res/img/email.svg" class="subfab-img" /> <img src="./res/img/email.svg" class="subfab-img"/>
</a> </a>
</div> </div>
<div class="subfab"><!--twitter subfav--> <div class="subfab"><!--twitter subfav-->
<a href='https://twitter.com/intent/tweet?text=<?php echo $BLOGLANG['Check out']; ?>: <?php echo $url; ?>&original_referer=' target="blank"> <a href='https://twitter.com/intent/tweet?text=<?php echo $BLOGLANG['Check out']; ?>: <?php echo $url; ?>&original_referer='
<img src="./res/img/twitter.svg" class="subfab-img" /> target="blank">
<img src="./res/img/twitter.svg" class="subfab-img"/>
</a> </a>
</div> </div>
<div class="subfab"><!--gplus subfab--> <div class="subfab"><!--gplus subfab-->
<a href='https://plus.google.com/share?url=<?php echo $url; ?>&hl=en-US' target="blank"> <a href='https://plus.google.com/share?url=<?php echo $url; ?>&hl=en-US' target="blank">
<img src="./res/img/gplus.svg" class="subfab-img" /> <img src="./res/img/gplus.svg" class="subfab-img"/>
</a> </a>
</div> </div>
<div class="subfab"><!--facebook subfab--> <div class="subfab"><!--facebook subfab-->
<a href='https://www.facebook.com/sharer/sharer.php?u=<?php echo $url; ?>&t=<?php echo "echo $blogtitle" ?>' target="blank"> <a href='https://www.facebook.com/sharer/sharer.php?u=<?php echo $url; ?>&t=<?php echo "echo $blogtitle" ?>'
<img src="./res/img/facebook.svg" class="subfab-img" /> target="blank">
<img src="./res/img/facebook.svg" class="subfab-img"/>
</a> </a>
</div> </div>
<div class="fab"><!-- share fab--> <div class="fab"><!-- share fab-->
<img src="./res/img/share.svg" class="fab-img" alt="Share" /> <img src="./res/img/share.svg" class="fab-img" alt="Share"/>
</div> </div>
</div> </div>
<?php <?php
} }
?> ?>
</div> </div>
<script src="./res/js/jquery-2.1.4.min.js"></script> <!-- include jquery--> <script src="./res/js/jquery-2.1.4.min.js"></script> <!-- include jquery-->
<script src="./res/js/app.js"></script> <!--include main javascript--> <script src="./res/js/app.js"></script> <!--include main javascript-->
<?php <?php
require './res/php/GoogleAnalytics.php'; // include google analytics require './res/php/GoogleAnalytics.php'; // include google analytics
?> ?>
</body> </body>
</html> </html>

View file

@ -60,7 +60,7 @@ THE SOFTWARE.
$_SESSION['login'] = true; $_SESSION['login'] = true;
?> ?>
<section class="card"> <section class="card">
<div class="headline">File Upload</div> <div class="headline">Post Upload</div>
<form enctype="multipart/form-data" action="uploaded/" method="POST"> <form enctype="multipart/form-data" action="uploaded/" method="POST">
<select name="blog"> <select name="blog">
<?php <?php
@ -80,6 +80,36 @@ THE SOFTWARE.
<input id="button" type="submit" value="Upload" class="button"/> <input id="button" type="submit" value="Upload" class="button"/>
</form> </form>
</section> </section>
<section class="card">
<div class="headline">New Post</div>
<form action="newpost/" method="POST">
<p>Blog:</p>
<select name="blog">
<?php
$blogs = scandir("../blogs/");
foreach ($blogs as $blog) {
if (strlen($blog) >= 3 && substr($blog, -3) == ".md") {
$blog = substr($blog, 0, -3);
echo "<option value='$blog'>$blog</option>";
}
}
?>
</select>
<p>Title:<br><br><input type="text" class="itextfield" name="title"/></p>
<p>Date:<br><br><input type="text" class="itextfield" name="date"/></p>
<p>Author:<br><br><input type="text" class="itextfield" name="author"/></p>
<p>Tags:<br><br><input type="text" class="itextfield" name="tags"/></p>
<p>Text:</p>
<textarea class="itextarea" name="text"></textarea>
<br><br>
<input id="button" type="submit" value="Post" class="button"/>
</form>
</section>
<?php <?php
} else { } else {
?> ?>
@ -105,5 +135,6 @@ THE SOFTWARE.
} }
?> ?>
</div> </div>
<script src="./res/rcc.js"></script>
</body> </body>
</html> </html>

69
rcc/newpost/index.php Normal file
View file

@ -0,0 +1,69 @@
<!DOCTYPE html>
<!--
The MIT License
Copyright 2015 mmk2410.
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in
all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
THE SOFTWARE.
-->
<html>
<head>
<meta charset="UTF-8">
<title>Rangitaki Control Center</title>
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport"/>
<link rel="stylesheet" href="../res/rcc.css"/>
</head>
<body>
<div class="header">
<a href="../" class="title">Rangitaki Control Center</a>
</div>
<div class="main">
<section class="card">
<div class="headline">New Post</div>
<?php
session_start();
if ($_SESSION['login']) {
$title = $_POST["blog"];
$date = $_POST["date"];
$author = $_POST["author"];
$tags = $_POST["tags"];
$text = $_POST["text"];
$blog = $_POST["blog"];
$md = <<<EOD
%TITLE: $title
%DATE: $date
%AUTHOR: $author
%TAGS: $tags
$text
EOD;
$filename = date("Y-m-d") . ".md";
$handle = fopen("../../articles/$blog/$filename", "c");
fwrite($handle, $md);
if (fclose($handle)) {
echo "Post successfully published.";
} else {
echo "Some error happend, while publishing.";
}
}
?>
</section>
</div>
</body>
</html>

View file

@ -166,6 +166,8 @@ input.button{
border-width: 1px; border-width: 1px;
font-size: 16px; font-size: 16px;
line-height: 22px; line-height: 22px;
width: 400px;
max-width: 100%;
border-bottom-color: #aaa; border-bottom-color: #aaa;
transition-property: border-bottom-color; transition-property: border-bottom-color;
transition-delay: 50ms; transition-delay: 50ms;
@ -187,6 +189,38 @@ input.button{
outline: none; outline: none;
} }
/* TEXTAREA */
.itextarea {
border-color: transparent;
border-width: 1px;
font-size: 16px;
line-height: 22px;
height: auto;
resize: none;
min-height: 100px;
width: calc(100% - 10px);
border-bottom-color: #aaa;
transition-property: border-bottom-color;
transition-delay: 50ms;
transition-duration: 125ms;
transition-timing-function: ease;
-moz-transition-property: border-bottom-color;
-moz-transition-delay: 50ms;
-moz-transition-duration: 125ms;
-moz-transition-timing-function: ease;
-webkit-transition-property: border-bottom-color;
-webkit-transition-delay: 50ms;
-webkit-transition-duration: 125ms;
-webkit-transition-timing-function: ease;
}
.itextarea:focus {
border-bottom-color: #ff4415;
border-width: 2px;
outline: none;
}
/* FORM */ /* FORM */
form{ form{
margin-top: 20px; margin-top: 20px;

17
rcc/res/rcc.js Normal file
View file

@ -0,0 +1,17 @@
window.onload = function () {
var t = document.getElementsByTagName('textarea')[0];
var offset = !window.opera ? (t.offsetHeight - t.clientHeight) : (t.offsetHeight + parseInt(window.getComputedStyle(t, null).getPropertyValue('border-top-width')));
var resize = function (t) {
t.style.height = 'auto';
t.style.height = (t.scrollHeight + offset ) + 'px';
}
t.addEventListener && t.addEventListener('input', function (event) {
resize(t);
});
t['attachEvent'] && t.attachEvent('onkeyup', function () {
resize(t);
});
}