cosmetic overhaul
This commit is contained in:
parent
8852b2ae8b
commit
ada8e382b9
283
rebuild.php
283
rebuild.php
@ -3,37 +3,19 @@
|
|||||||
// Code-hosting website
|
// Code-hosting website
|
||||||
// ````````````````````
|
// ````````````````````
|
||||||
|
|
||||||
|
// CONFIGURATION
|
||||||
|
// `````````````
|
||||||
|
|
||||||
define('BASEDIR', __DIR__.'\\');
|
define('BASEDIR', __DIR__.'\\');
|
||||||
define('SITE_TITLE', 'code.ivysaur.me');
|
define('SITE_TITLE', 'code.ivysaur.me');
|
||||||
define('PAGE_THUMB_W', 60);
|
define('PAGE_THUMB_W', 60);
|
||||||
define('PAGE_THUMB_H', 60);
|
define('PAGE_THUMB_H', 60);
|
||||||
|
define('INDEX_THUMB_W', 90);
|
||||||
// clean up wwwroot
|
define('INDEX_THUMB_H', 30);
|
||||||
|
|
||||||
if (file_exists(BASEDIR.'wwwroot')) {
|
|
||||||
rename(BASEDIR.'wwwroot', BASEDIR.'wwwroot.old.'.uniqid());
|
|
||||||
}
|
|
||||||
|
|
||||||
mkdir(BASEDIR.'wwwroot');
|
|
||||||
mkdir(BASEDIR.'wwwroot/srv');
|
|
||||||
|
|
||||||
// List of projects
|
|
||||||
|
|
||||||
$ls = scandir(BASEDIR.'data');
|
|
||||||
sort($ls);
|
|
||||||
$projects = array();
|
|
||||||
foreach($ls as $dirname) {
|
|
||||||
if ($dirname[0] == '.') continue;
|
|
||||||
$matches = array();
|
|
||||||
|
|
||||||
if (preg_match('~(?:\d+-)?(.+)~', $dirname, $matches)) {
|
|
||||||
$projects[$dirname] = $matches[1];
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Create a thumbnail of an image. It overscales and crops to fit the target
|
* Create a thumbnail of an image. It overscales, centers, and crops to fit the
|
||||||
* box.
|
* target dimensions.
|
||||||
*
|
*
|
||||||
* @param string $src_file
|
* @param string $src_file
|
||||||
* @param string $dest_file
|
* @param string $dest_file
|
||||||
@ -50,21 +32,12 @@ function mkthumbnail($src_file, $dest_file, $width, $height) {
|
|||||||
|
|
||||||
$scale = max( $width/$src_width, $height/$src_height ); // overscale + crop
|
$scale = max( $width/$src_width, $height/$src_height ); // overscale + crop
|
||||||
|
|
||||||
print_r($scale);
|
|
||||||
|
|
||||||
$box_w = $width/$scale;
|
$box_w = $width/$scale;
|
||||||
$box_h = $height/$scale;
|
$box_h = $height/$scale;
|
||||||
|
|
||||||
$box_xoff = floor(($src_width - $box_w)/2);
|
$box_xoff = floor(($src_width - $box_w)/2);
|
||||||
$box_yoff = floor(($src_height - $box_h)/2);
|
$box_yoff = floor(($src_height - $box_h)/2);
|
||||||
|
|
||||||
print_r(array(
|
|
||||||
$dest, $im,
|
|
||||||
0, 0,
|
|
||||||
$box_xoff, $box_yoff,
|
|
||||||
$width, $height, $box_w, $box_h
|
|
||||||
));
|
|
||||||
|
|
||||||
imagecopyresampled(
|
imagecopyresampled(
|
||||||
$dest, $im,
|
$dest, $im,
|
||||||
0, 0,
|
0, 0,
|
||||||
@ -75,6 +48,38 @@ function mkthumbnail($src_file, $dest_file, $width, $height) {
|
|||||||
return imagejpeg($dest, $dest_file);
|
return imagejpeg($dest, $dest_file);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Remove a directory tree and all its contents.
|
||||||
|
*
|
||||||
|
* @author http://www.php.net/manual/en/function.rmdir.php#110489
|
||||||
|
* @param string $dir
|
||||||
|
* @return boolean
|
||||||
|
*/
|
||||||
|
function rmdir_recursive($dir) {
|
||||||
|
$files = array_diff(scandir($dir), array('.','..'));
|
||||||
|
foreach ($files as $file) {
|
||||||
|
if (is_dir("$dir/$file")) {
|
||||||
|
rmdir_recursive("$dir/$file");
|
||||||
|
} else {
|
||||||
|
unlink("$dir/$file");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return rmdir($dir);
|
||||||
|
}
|
||||||
|
|
||||||
|
function fbytes($size, $suffixes='B|KiB|MiB|GiB|TiB') {
|
||||||
|
$sxlist = explode('|', $suffixes);
|
||||||
|
if ($size < 1024) {
|
||||||
|
return $size.$sxlist[0];
|
||||||
|
}
|
||||||
|
|
||||||
|
while ($size > 1024 && count($sxlist) >= 2) {
|
||||||
|
array_shift($sxlist);
|
||||||
|
$size /= 1024;
|
||||||
|
}
|
||||||
|
return number_format($size, 2).array_shift($sxlist);
|
||||||
|
}
|
||||||
|
|
||||||
function str_ext($sz) {
|
function str_ext($sz) {
|
||||||
$dpos = strrpos($sz, '.');
|
$dpos = strrpos($sz, '.');
|
||||||
return substr($sz, $dpos+1);
|
return substr($sz, $dpos+1);
|
||||||
@ -88,15 +93,27 @@ function hesc($sz) {
|
|||||||
return @htmlentities($sz, ENT_QUOTES | ENT_SUBSTITUTE, 'UTF-8');
|
return @htmlentities($sz, ENT_QUOTES | ENT_SUBSTITUTE, 'UTF-8');
|
||||||
}
|
}
|
||||||
|
|
||||||
|
function text2html($sz) {
|
||||||
|
$base = nl2br(hesc($sz));
|
||||||
|
|
||||||
|
preg_replace('~(https?://.+\b)~i', '<a href="\1">\1</a>', $base);
|
||||||
|
return $base;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
*
|
||||||
|
*/
|
||||||
class CProject {
|
class CProject {
|
||||||
|
|
||||||
private $dir;
|
private $dir;
|
||||||
private $projname;
|
public $projname;
|
||||||
private $shortdesc = '(no description)';
|
public $shortdesc = '(no description)';
|
||||||
private $longdesc = '';
|
private $longdesc = '';
|
||||||
private $images = array();
|
private $images = array();
|
||||||
private $downloads = array();
|
private $downloads = array();
|
||||||
|
|
||||||
|
public $homeimage = 'no_image.png';
|
||||||
|
|
||||||
public function __construct($dirname, $projname) {
|
public function __construct($dirname, $projname) {
|
||||||
$this->dir = BASEDIR.'data/'.$dirname.'/';
|
$this->dir = BASEDIR.'data/'.$dirname.'/';
|
||||||
$this->projname = $projname;
|
$this->projname = $projname;
|
||||||
@ -132,6 +149,15 @@ class CProject {
|
|||||||
mkthumbnail($outfile.'.'.str_ext($image), $outfile.'_thumb.jpg', PAGE_THUMB_W, PAGE_THUMB_H);
|
mkthumbnail($outfile.'.'.str_ext($image), $outfile.'_thumb.jpg', PAGE_THUMB_W, PAGE_THUMB_H);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
if (count($this->images)) {
|
||||||
|
mkthumbnail(
|
||||||
|
BASEDIR.'wwwroot/srv/'.$this->projname.'_0.'.str_ext($this->images[0]),
|
||||||
|
BASEDIR.'wwwroot/srv/'.$this->projname.'_headimg.jpg',
|
||||||
|
INDEX_THUMB_W, INDEX_THUMB_H
|
||||||
|
);
|
||||||
|
$this->homeimage = 'srv/'.$this->projname.'_headimg.jpg';
|
||||||
|
}
|
||||||
|
|
||||||
// Copy downloads to wwwroot
|
// Copy downloads to wwwroot
|
||||||
|
|
||||||
foreach($this->downloads as $idx => $filename) {
|
foreach($this->downloads as $idx => $filename) {
|
||||||
@ -142,55 +168,176 @@ class CProject {
|
|||||||
|
|
||||||
ob_start();
|
ob_start();
|
||||||
$this->index();
|
$this->index();
|
||||||
$idxfile = ob_get_clean();
|
$idxfile = template($this->projname.' | '.SITE_TITLE, ob_get_clean());
|
||||||
file_put_contents(BASEDIR.'wwwroot/'.$this->projname.'.html', $idxfile);
|
file_put_contents(BASEDIR.'wwwroot/'.$this->projname.'.html', $idxfile);
|
||||||
}
|
}
|
||||||
|
|
||||||
public function index() {
|
public function index() {
|
||||||
?>
|
?>
|
||||||
<!DOCTYPE html>
|
<h2><a href="index.html"><?=hesc(SITE_TITLE)?></a> > <?=hesc($this->projname)?></h2>
|
||||||
<html>
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8">
|
|
||||||
<title><?=hesc($this->projname)?> | <?=hesc(SITE_TITLE)?></title>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<h2><?=hesc($this->projname)?></h2>
|
|
||||||
|
|
||||||
<p><?=nl2br(hesc($this->longdesc))?></p>
|
<div class="projinfo">
|
||||||
|
|
||||||
<?php if (count($this->images)) { ?>
|
<div class="projbody">
|
||||||
<h3>Images</h3>
|
|
||||||
<?php foreach($this->images as $idx => $origname) { ?>
|
<strong>ABOUT</strong>
|
||||||
<a href="srv/<?=hesc(urlencode($this->projname))?>_<?=$idx?>.<?=str_ext($origname)?>"><img src="srv/<?=hesc(urlencode($this->projname))?>_<?=$idx?>_thumb.jpg"></a>
|
|
||||||
<?php } ?>
|
<p><?=text2html($this->longdesc)?></p>
|
||||||
<?php } ?>
|
|
||||||
|
<?php if (count($this->downloads)) { ?>
|
||||||
|
|
||||||
|
<strong>DOWNLOAD</strong>
|
||||||
|
|
||||||
<?php if (count($this->downloads)) { ?>
|
|
||||||
<h3>Files</h3>
|
|
||||||
<ul>
|
<ul>
|
||||||
<?php foreach($this->downloads as $filename) { ?>
|
<?php foreach($this->downloads as $filename) { ?>
|
||||||
<li><a href="srv/<?=hesc(urlencode($filename))?>"><?=hesc($filename)?></a></li>
|
<li>
|
||||||
<?php } ?>
|
<a href="srv/<?=hesc(urlencode($filename))?>"><?=hesc($filename)?></a>
|
||||||
</ul>
|
<small>
|
||||||
|
<?=hesc(fbytes(filesize(BASEDIR.'wwwroot/srv/'.$filename)))?>
|
||||||
|
</small>
|
||||||
|
</li>
|
||||||
<?php } ?>
|
<?php } ?>
|
||||||
</body>
|
</ul>
|
||||||
</html>
|
<?php } ?>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<?php if (count($this->images)) { ?>
|
||||||
|
<div class="projimg">
|
||||||
|
<?php foreach($this->images as $idx => $origname) { ?>
|
||||||
|
<a href="srv/<?=hesc(urlencode($this->projname))?>_<?=$idx?>.<?=str_ext($origname)?>"><img src="srv/<?=hesc(urlencode($this->projname))?>_<?=$idx?>_thumb.jpg" class="thumbimage"></a>
|
||||||
|
<?php } ?>
|
||||||
|
</div>
|
||||||
|
<?php } ?>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
<?php
|
<?php
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
// Build all projects
|
function template($title, $content) {
|
||||||
|
ob_start();
|
||||||
foreach($projects as $dirname => $projectname) {
|
?>
|
||||||
$pr = new CProject($dirname, $projectname);
|
<!DOCTYPE html>
|
||||||
print_r($pr);
|
<html>
|
||||||
|
<head>
|
||||||
$pr->write();
|
<meta charset="UTF-8">
|
||||||
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" >
|
||||||
|
<meta name="viewport" content="width=768px" >
|
||||||
|
<link type="text/css" rel="stylesheet" href="style.css">
|
||||||
|
<title><?=hesc($title)?></title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div id="container">
|
||||||
|
<div id="content">
|
||||||
|
<?=$content?>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
<?php
|
||||||
|
return ob_get_clean();
|
||||||
}
|
}
|
||||||
|
|
||||||
// Build index page
|
function buildall() {
|
||||||
|
|
||||||
|
// Clean up webroot
|
||||||
|
|
||||||
|
if (file_exists(BASEDIR.'wwwroot')) {
|
||||||
|
rmdir_recursive(BASEDIR.'wwwroot');
|
||||||
|
}
|
||||||
|
|
||||||
|
echo "Creating directories...\n";
|
||||||
|
|
||||||
|
mkdir(BASEDIR.'wwwroot');
|
||||||
|
mkdir(BASEDIR.'wwwroot/srv');
|
||||||
|
|
||||||
|
// Copy in static files
|
||||||
|
|
||||||
|
foreach(scandir(BASEDIR.'static') as $static) {
|
||||||
|
if ($static[0] == '.' || is_dir($static) /* fixme */) continue;
|
||||||
|
copy(BASEDIR.'static/'.$static, BASEDIR.'wwwroot/'.$static);
|
||||||
|
}
|
||||||
|
|
||||||
|
// List projects
|
||||||
|
|
||||||
|
$ls = scandir(BASEDIR.'data');
|
||||||
|
sort($ls);
|
||||||
|
$projects = array();
|
||||||
|
foreach($ls as $dirname) {
|
||||||
|
if ($dirname[0] == '.') continue;
|
||||||
|
$matches = array();
|
||||||
|
|
||||||
|
if (preg_match('~(?:\d+-)?(.+)~', $dirname, $matches)) {
|
||||||
|
$projects[$dirname] = $matches[1];
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Build all projects
|
||||||
|
|
||||||
|
$plist = array();
|
||||||
|
$count = 0;
|
||||||
|
|
||||||
|
foreach($projects as $dirname => $projectname) {
|
||||||
|
|
||||||
|
echo sprintf("[%2d/%2d] ".$projectname."...", ++$count, count($projects));
|
||||||
|
|
||||||
|
$pr = new CProject($dirname, $projectname);
|
||||||
|
$pr->write();
|
||||||
|
$plist[] = $pr;
|
||||||
|
|
||||||
|
echo " done\n";
|
||||||
|
}
|
||||||
|
|
||||||
|
// Build index page
|
||||||
|
|
||||||
|
ob_start();
|
||||||
|
?>
|
||||||
|
<h2><?=hesc(SITE_TITLE)?></h2>
|
||||||
|
|
||||||
|
<img src="overview.jpg" class="headimg">
|
||||||
|
|
||||||
|
<p>
|
||||||
|
This page contains several assorted projects, which no longer have any relation. They are listed in roughly chronological order (newest first). <strong>Unless specified otherwise</strong>, you may feel free to use and modify both the binaries and any source code, for any purpose, on the general condition you do not misrepresent who the author is (BSD license).
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Some of these projects formerly appeared on Google Code <a href="https://code.google.com/p/mappy/">here</a>, but were moved following the discontinuation of the Google Code binary download system.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
For bug reports, feature requests, or if you need any help, please
|
||||||
|
<a
|
||||||
|
href="http://www.google.com/recaptcha/mailhide/d?k=01GuAWzMc9JjSdooo-2KCMQA==&c=kgR3dBrP39yhPIy8FvLFbuBLmWqorQBDc_Zjbw6NAmU="
|
||||||
|
onclick="window.open('http://www.google.com/recaptcha/mailhide/d?k\07501GuAWzMc9JjSdooo-2KCMQA\75\75\46c\75kgR3dBrP39yhPIy8FvLFbuBLmWqorQBDc_Zjbw6NAmU\075', '', 'toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,width=500,height=300'); return false;"
|
||||||
|
title="Reveal this e-mail address"
|
||||||
|
>click here</a> to email me.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<img src="projects.jpg" class="headimg">
|
||||||
|
|
||||||
|
<table class="projtable">
|
||||||
|
<?php foreach ($plist as $pr) { ?>
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
<a href="<?=hesc(urlencode($pr->projname))?>.html"><img src="<?=hesc($pr->homeimage)?>" class="homeimage"></a>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<strong><?=hesc($pr->projname)?></strong>,
|
||||||
|
<?=hesc($pr->shortdesc)?>
|
||||||
|
<a href="<?=hesc(urlencode($pr->projname))?>.html">more...</a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<?php } ?>
|
||||||
|
</table>
|
||||||
|
<?php
|
||||||
|
|
||||||
|
$index = template(SITE_TITLE, ob_get_clean());
|
||||||
|
file_put_contents(BASEDIR.'wwwroot/index.html', $index);
|
||||||
|
|
||||||
|
echo "All processes complete.\n";
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
buildall();
|
||||||
|
|||||||
BIN
static/no_image.png
Normal file
BIN
static/no_image.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 860 B |
BIN
static/overview.jpg
Normal file
BIN
static/overview.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.2 KiB |
BIN
static/pixel_weave.png
Normal file
BIN
static/pixel_weave.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 233 B |
BIN
static/pixel_weave_@2X.png
Normal file
BIN
static/pixel_weave_@2X.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 264 B |
BIN
static/projects.jpg
Normal file
BIN
static/projects.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.0 KiB |
95
static/style.css
Normal file
95
static/style.css
Normal file
@ -0,0 +1,95 @@
|
|||||||
|
/* style.css */
|
||||||
|
|
||||||
|
img {
|
||||||
|
border:0;
|
||||||
|
}
|
||||||
|
a {
|
||||||
|
color:black;
|
||||||
|
}
|
||||||
|
a:hover {
|
||||||
|
color:blue;
|
||||||
|
}
|
||||||
|
h1,h2,h3 {
|
||||||
|
margin-top:0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* */
|
||||||
|
|
||||||
|
html, body {
|
||||||
|
/* structural */
|
||||||
|
height:100%;
|
||||||
|
margin:0;
|
||||||
|
border:0;
|
||||||
|
padding:0;
|
||||||
|
|
||||||
|
/* cosmetic */
|
||||||
|
background:#DDD url('pixel_weave.png'); /* thanks subtlepatterns.com ! */
|
||||||
|
color:#333;
|
||||||
|
}
|
||||||
|
|
||||||
|
#container {
|
||||||
|
margin:0 auto;
|
||||||
|
width:768px;
|
||||||
|
position:relative;
|
||||||
|
|
||||||
|
height:auto !important;
|
||||||
|
height:100%; /* oldIE */
|
||||||
|
min-height:100%;
|
||||||
|
|
||||||
|
/* cosmetic */
|
||||||
|
background:white;
|
||||||
|
}
|
||||||
|
|
||||||
|
#content {
|
||||||
|
padding:14px;
|
||||||
|
background:white;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* */
|
||||||
|
|
||||||
|
.projtable {
|
||||||
|
|
||||||
|
}
|
||||||
|
.projtable tr {
|
||||||
|
border-collapse: collapse;
|
||||||
|
}
|
||||||
|
.projtable td {
|
||||||
|
padding: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.projinfo {
|
||||||
|
position:relative;
|
||||||
|
}
|
||||||
|
.projbody {
|
||||||
|
position:absolute;
|
||||||
|
left:0;
|
||||||
|
right: 64px;
|
||||||
|
}
|
||||||
|
.projimg {
|
||||||
|
position:absolute;
|
||||||
|
right:0;
|
||||||
|
|
||||||
|
width:60px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* */
|
||||||
|
|
||||||
|
.headimg {
|
||||||
|
width:310px;
|
||||||
|
height:62px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.homeimage {
|
||||||
|
width:90px;
|
||||||
|
height:30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.thumbimage {
|
||||||
|
width:60px;
|
||||||
|
height:60px;
|
||||||
|
opacity: 0.8;
|
||||||
|
transition:0.2s opacity;
|
||||||
|
}
|
||||||
|
.thumbimage:hover {
|
||||||
|
opacity:1.0;
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user