Add helenyoung and familyhistory directories
Jeff Elkner
2 years ago
parent
b93c4df7e6
commit
e05fb37226
@ -0,0 +1,78 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>Family History</title>
|
||||||
|
<style>
|
||||||
|
body {
|
||||||
|
margin: 2vw;
|
||||||
|
font: 100% Verdana, Arial, Helvetica, sans-serif;
|
||||||
|
background-color: #ADD8E6;
|
||||||
|
}
|
||||||
|
header {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: 18vw 76vw;
|
||||||
|
grid-template-rows: auto auto;
|
||||||
|
padding: 2vw;
|
||||||
|
background-color: #FFFFFF;
|
||||||
|
border: 1px dotted #555555;
|
||||||
|
}
|
||||||
|
header>img {
|
||||||
|
grid-area: 1 / 1 / 3 / 2;
|
||||||
|
width: 20vw;
|
||||||
|
}
|
||||||
|
header>h1 {
|
||||||
|
grid-area: 1 / 2 / 1 / 3;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 4vw;
|
||||||
|
margin-bottom: 0;
|
||||||
|
margin-top: 0;
|
||||||
|
color: blue;
|
||||||
|
}
|
||||||
|
header>div {
|
||||||
|
grid-area: 2 / 2 / 3 / 2;
|
||||||
|
margin-left: 5vw;
|
||||||
|
margin-right: 5vw;
|
||||||
|
padding-top: 0;
|
||||||
|
margin-top: 0;
|
||||||
|
font-size: 2.5vw;
|
||||||
|
}
|
||||||
|
footer {
|
||||||
|
text-align: center;
|
||||||
|
margin-top: 2vw;
|
||||||
|
}
|
||||||
|
footer>a, footer>a:visited {
|
||||||
|
text-decoration: none;
|
||||||
|
color: blue;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<header>
|
||||||
|
<img src="slideshow/photos/EggHarborHighSchoolSeniorsMtVernon_1929-06-14.jpg"
|
||||||
|
alt="Pop-pop's High School Trip to Mount Vernon, 1929">
|
||||||
|
<h1>Family History</h1>
|
||||||
|
<div>
|
||||||
|
<div>
|
||||||
|
</header>
|
||||||
|
<main>
|
||||||
|
<h2>Pictures and Videos</h2>
|
||||||
|
<ul>
|
||||||
|
<li><a href="slideshow/index.php">Slide Show</a></li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<h2>Articles and Documents</h2>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</main>
|
||||||
|
|
||||||
|
<footer>
|
||||||
|
<a href="http://validator.w3.org/check?uri=https://elkner.net/familyhistory/">
|
||||||
|
<strong> HTML </strong> Valid! </a> |
|
||||||
|
<a href="http://jigsaw.w3.org/css-validator/validator?uri=https://elkner.net/familyhistory/?profile=css3">
|
||||||
|
<strong> CSS </strong> Valid! </a>
|
||||||
|
</footer>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@ -0,0 +1,175 @@
|
|||||||
|
<?php
|
||||||
|
/*
|
||||||
|
PHP image slideshow - auto version - PHP > 5.0
|
||||||
|
*/
|
||||||
|
// set the absolute path to the directory containing the images
|
||||||
|
define('IMGDIR2', '/home/members/jelkner/sites/elkner.net/users/jelkner/web/familyhistory/slideshow/photos/');
|
||||||
|
// same but for www
|
||||||
|
define('WEBIMGDIR2', 'https://elkner.net/familyhistory/slideshow/photos/');
|
||||||
|
// set session name for slideshow "cookie"
|
||||||
|
define('SS_SESSNAME2', 'slideshow_sess2');
|
||||||
|
// global error variable
|
||||||
|
$err = '';
|
||||||
|
// start img session
|
||||||
|
session_name(SS_SESSNAME2);
|
||||||
|
session_start();
|
||||||
|
// init slideshow class
|
||||||
|
$ss = new slideshow($err);
|
||||||
|
if (($err = $ss->init()) != '')
|
||||||
|
{
|
||||||
|
header('HTTP/1.1 500 Internal Server Error');
|
||||||
|
echo $err;
|
||||||
|
exit();
|
||||||
|
}
|
||||||
|
// get image files from directory
|
||||||
|
$ss->get_images();
|
||||||
|
// set variables, done.
|
||||||
|
list($curr, $caption, $first, $prev, $next, $last) = $ss->run();
|
||||||
|
/*
|
||||||
|
slideshow class, can be used stand-alone
|
||||||
|
*/
|
||||||
|
class slideshow
|
||||||
|
{
|
||||||
|
private $files_arr = NULL;
|
||||||
|
private $err = NULL;
|
||||||
|
|
||||||
|
public function __construct(&$err)
|
||||||
|
{
|
||||||
|
$this->files_arr = array();
|
||||||
|
$this->err = $err;
|
||||||
|
}
|
||||||
|
public function init()
|
||||||
|
{
|
||||||
|
// run actions only if img array session var is empty
|
||||||
|
// check if image directory exists
|
||||||
|
if (!$this->dir_exists())
|
||||||
|
{
|
||||||
|
return 'Error retrieving images, missing directory';
|
||||||
|
}
|
||||||
|
return '';
|
||||||
|
}
|
||||||
|
public function get_images()
|
||||||
|
{
|
||||||
|
// run actions only if img array session var is empty
|
||||||
|
if (isset($_SESSION['imgarr']))
|
||||||
|
{
|
||||||
|
$this->files_arr = $_SESSION['imgarr'];
|
||||||
|
}
|
||||||
|
else
|
||||||
|
{
|
||||||
|
if ($dh = opendir(IMGDIR2))
|
||||||
|
{
|
||||||
|
while (false !== ($file = readdir($dh)))
|
||||||
|
{
|
||||||
|
if (preg_match('/^.*\.(jpg|jpeg|gif|png)$/i', $file))
|
||||||
|
{
|
||||||
|
$this->files_arr[] = $file;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
closedir($dh);
|
||||||
|
}
|
||||||
|
$_SESSION['imgarr'] = $this->files_arr;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
public function run()
|
||||||
|
{
|
||||||
|
$curr = 1;
|
||||||
|
$last = count($this->files_arr);
|
||||||
|
if (isset($_GET['img']))
|
||||||
|
{
|
||||||
|
if (preg_match('/^[0-9]+$/', $_GET['img'])) $curr = (int) $_GET['img'];
|
||||||
|
if ($curr <= 0 || $curr > $last) $curr = 1;
|
||||||
|
}
|
||||||
|
if ($curr <= 1)
|
||||||
|
{
|
||||||
|
$prev = $curr;
|
||||||
|
$next = $curr + 1;
|
||||||
|
}
|
||||||
|
else if ($curr >= $last)
|
||||||
|
{
|
||||||
|
$prev = $last - 1;
|
||||||
|
$next = $last;
|
||||||
|
}
|
||||||
|
else
|
||||||
|
{
|
||||||
|
$prev = $curr - 1;
|
||||||
|
$next = $curr + 1;
|
||||||
|
}
|
||||||
|
// line below sets the caption name...
|
||||||
|
$caption = str_replace('-', ' ', $this->files_arr[$curr - 1]);
|
||||||
|
$caption = str_replace('_', ' ', $caption);
|
||||||
|
$caption = preg_replace('/\.(jpe?g|gif|png)$/i', '', $caption);
|
||||||
|
$caption = ucfirst($caption);
|
||||||
|
return array($this->files_arr[$curr - 1], $caption, 1, $prev, $next, $last);
|
||||||
|
}
|
||||||
|
private function dir_exists()
|
||||||
|
{
|
||||||
|
return file_exists(IMGDIR2);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
?>
|
||||||
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||||
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||||
|
<head>
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||||
|
<title>Slideshow</title>
|
||||||
|
<style type="text/css">
|
||||||
|
body {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
background-color: #ADD8E6;
|
||||||
|
font: 100% Verdana, Arial, Helvetica, sans-serif;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
.gallery {
|
||||||
|
border: 1px #ccc solid;
|
||||||
|
background-color: #FFFFFF;
|
||||||
|
max-width: 600px;
|
||||||
|
margin: 0 auto;
|
||||||
|
padding: 40px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.gallery .gallery-nav {
|
||||||
|
margin-bottom: 40px;
|
||||||
|
}
|
||||||
|
.gallery .gallery-nav a:first-child {
|
||||||
|
margin-right: 10px;
|
||||||
|
}
|
||||||
|
.gallery .gallery-nav a:last-child {
|
||||||
|
margin-left: 10px;
|
||||||
|
}
|
||||||
|
.gallery .gallery-image img {
|
||||||
|
max-width: 100%;
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
.gallery .gallery-image-label {
|
||||||
|
color: #777;
|
||||||
|
}
|
||||||
|
a {
|
||||||
|
color: #333;
|
||||||
|
}
|
||||||
|
a:hover {
|
||||||
|
color: #cc0000;
|
||||||
|
}
|
||||||
|
.sp {
|
||||||
|
padding-right: 40px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="gallery">
|
||||||
|
<div class="gallery-nav">
|
||||||
|
<a href="?img=<?=$first;?>">First</a>
|
||||||
|
<a href="?img=<?=$prev;?>">Previous</a>
|
||||||
|
<span class="sp"></span>
|
||||||
|
<a href="?img=<?=$next;?>">Next</a>
|
||||||
|
<a href="?img=<?=$last;?>">Last</a>
|
||||||
|
</div>
|
||||||
|
<div class="gallery-image">
|
||||||
|
<img src="<?=WEBIMGDIR2;?><?=$curr;?>" alt="" />
|
||||||
|
</div>
|
||||||
|
<p class="gallery-image-label"><?=$caption;?></p>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 23 MiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
@ -0,0 +1,62 @@
|
|||||||
|
Country Biking
|
||||||
|
==============
|
||||||
|
|
||||||
|
A cool, fresh breeze,
|
||||||
|
Scented by green pine trees,
|
||||||
|
A warm sun on high
|
||||||
|
In a blue and white sky.
|
||||||
|
|
||||||
|
These are the things that make my day
|
||||||
|
As I bike merrily along my way,
|
||||||
|
Seeking the quiet rural by-wasy,
|
||||||
|
Avoiding the noisy congested highways.
|
||||||
|
|
||||||
|
There's a feeling of freedom beyond compare
|
||||||
|
When you're riding through the fresh country air,
|
||||||
|
Gliding along like a bird in flight
|
||||||
|
On a day that is pleasant, calm and bright.
|
||||||
|
|
||||||
|
When weather conditions are not the best,
|
||||||
|
Meet the challenge and take the test.
|
||||||
|
Afer facing the wind and cold,
|
||||||
|
You'll feel you've earned the Olympic gold.
|
||||||
|
|
||||||
|
Of course it helps when the roads are free
|
||||||
|
Of potholes, glass and other debris,
|
||||||
|
If dogs remain in their own domain
|
||||||
|
And drivers of cars are sober and sane.
|
||||||
|
|
||||||
|
In winter when the cold winds blow,
|
||||||
|
Warmer clothing is needed, you'll know,
|
||||||
|
But when roads are free of ice and snow,
|
||||||
|
Biking is still the way to go.
|
||||||
|
|
||||||
|
And when at last the spring breaks through,
|
||||||
|
Nature blossoms forth anew.
|
||||||
|
It's great to ride through April showers,
|
||||||
|
Knowing that soon they'll bring May flowers.
|
||||||
|
|
||||||
|
In summer when the days grow hot,
|
||||||
|
Morning and evening hours are not.
|
||||||
|
Then biking joy is at it's height
|
||||||
|
With waking birds and pale moonlight.
|
||||||
|
|
||||||
|
In autumn when the leaves change hue,
|
||||||
|
The glory of nature comes into view.
|
||||||
|
All your troubles will soon take flight
|
||||||
|
In the presence of such a wondrous sight.
|
||||||
|
|
||||||
|
If your spirits are low or your patience is tried,
|
||||||
|
Hop on your bike and go for a ride.
|
||||||
|
Greeting friends along the way
|
||||||
|
Will help to brighten your day.
|
||||||
|
|
||||||
|
And when you tire of jogging and hiking,
|
||||||
|
Try a little country biking.
|
||||||
|
Good for your body and good for your mind,
|
||||||
|
Recreation of the finest kind.
|
||||||
|
|
||||||
|
Other sports may have more clout,
|
||||||
|
But for me, without a doubt,
|
||||||
|
In winter, summer, spring or fall,
|
||||||
|
Country biking is best of all.
|
||||||
@ -0,0 +1,92 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>Helene Young</title>
|
||||||
|
<style>
|
||||||
|
body {
|
||||||
|
margin: 2vw;
|
||||||
|
font: 100% Verdana, Arial, Helvetica, sans-serif;
|
||||||
|
background-color: #ADD8E6;
|
||||||
|
}
|
||||||
|
header {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: 18vw 76vw;
|
||||||
|
grid-template-rows: auto auto;
|
||||||
|
padding: 2vw;
|
||||||
|
background-color: #FFFFFF;
|
||||||
|
border: 1px dotted #555555;
|
||||||
|
}
|
||||||
|
header > img {
|
||||||
|
grid-area: 1 / 1 / 3 / 2;
|
||||||
|
width: 20vw;
|
||||||
|
}
|
||||||
|
header > h1 {
|
||||||
|
grid-area: 1 / 2 / 1 / 3;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 4vw;
|
||||||
|
margin-bottom: 0;
|
||||||
|
margin-top: 0;
|
||||||
|
color: blue;
|
||||||
|
}
|
||||||
|
header > div {
|
||||||
|
grid-area: 2 / 2 / 3 / 2;
|
||||||
|
margin-left: 5vw;
|
||||||
|
margin-right: 5vw;
|
||||||
|
padding-top: 0;
|
||||||
|
margin-top: 0;
|
||||||
|
font-size: 2.5vw;
|
||||||
|
}
|
||||||
|
footer {
|
||||||
|
text-align: center;
|
||||||
|
margin-top: 2vw;
|
||||||
|
}
|
||||||
|
footer > a, footer > a:visited {
|
||||||
|
text-decoration: none;
|
||||||
|
color: blue;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<header>
|
||||||
|
<img src="slideshow/photos/still_smiling_at_105.jpg" alt="Still smiling at 105">
|
||||||
|
<h1>Helene Young (1915-2021)</h1>
|
||||||
|
<div>
|
||||||
|
In loving memory of Helene Young, know to many of us as <q>Mom-mom</q>, who as
|
||||||
|
the wonderfully eccentric matriach of our family, supported us, guided us, and
|
||||||
|
inspired us. Her memory will always be present in our thoughts, and our love
|
||||||
|
for her will always be present in our hearts.
|
||||||
|
<div>
|
||||||
|
</header>
|
||||||
|
<main>
|
||||||
|
<h2>Pictures and Videos</h2>
|
||||||
|
<ul>
|
||||||
|
<li><a href="slideshow/index.php">Slide Show</a></li>
|
||||||
|
<li><a href="https://www.youtube.com/watch?v=ucWENBHSSCQ">
|
||||||
|
99-year-old Activist Helene Young (Peace Pilgrim's sister)</a></li>
|
||||||
|
<li><a href="https://youtu.be/9QKAIWGrFnY">Helen's 105th Birthday</a></li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<h2>Articles and Documents</h2>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<a href="documents/ProjectWithAnOlderAdult_BarbaraReynolds_2007-06-12.pdf">
|
||||||
|
Project with an Older Adult</a> Research paper by Barbara Reynolds
|
||||||
|
</li>
|
||||||
|
<li><a href="https://pressofatlanticcity.com/news/local/local-residents-celebrate-the-life-of-105-year-old-helene-young/article_279611b1-4b3c-5ded-b758-026c6b054c5a.html#tracking-source=article-related-bottom">
|
||||||
|
105-year-old Helene Young was more than just Peace Pilgrim's sister</a></li>
|
||||||
|
<li><a href="https://pressofatlanticcity.com/opinion/editorial/sisters-from-egg-harbor-city-made-a-difference-with-acts-of-love-and-peace/article_df135d05-eb09-55d1-97ed-7e53abf4be40.html">
|
||||||
|
Sisters from Egg Harbor City made a difference with acts of love and peace</a>
|
||||||
|
</li>
|
||||||
|
<li><a href="documents/country_biking.txt">Country Biking</a></li>
|
||||||
|
</ul>
|
||||||
|
</main>
|
||||||
|
|
||||||
|
<footer>
|
||||||
|
<a href="http://validator.w3.org/check?uri=https://elkner.net/helenyoung/">
|
||||||
|
<strong> HTML </strong> Valid! </a> |
|
||||||
|
<a href="http://jigsaw.w3.org/css-validator/validator?uri=https://elkner.net/heleneyoung/?profile=css3">
|
||||||
|
<strong> CSS </strong> Valid! </a>
|
||||||
|
</footer>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@ -0,0 +1,5 @@
|
|||||||
|
Peace Pilgrim Speaking to College Class
|
||||||
|
https://www.youtube.com/watch?v=6CAsjZqYPME
|
||||||
|
|
||||||
|
PHP image slideshow auto
|
||||||
|
https://youtu.be/9QKAIWGrFnY
|
||||||
@ -0,0 +1,175 @@
|
|||||||
|
<?php
|
||||||
|
/*
|
||||||
|
PHP image slideshow - auto version - PHP > 5.0
|
||||||
|
*/
|
||||||
|
// set the absolute path to the directory containing the images
|
||||||
|
define('IMGDIR', '/home/members/jelkner/sites/elkner.net/users/jelkner/web/heleneyoung/slideshow/photos/');
|
||||||
|
// same but for www
|
||||||
|
define('WEBIMGDIR', 'https://elkner.net/heleneyoung/slideshow/photos/');
|
||||||
|
// set session name for slideshow "cookie"
|
||||||
|
define('SS_SESSNAME', 'slideshow_sess');
|
||||||
|
// global error variable
|
||||||
|
$err = '';
|
||||||
|
// start img session
|
||||||
|
session_name(SS_SESSNAME);
|
||||||
|
session_start();
|
||||||
|
// init slideshow class
|
||||||
|
$ss = new slideshow($err);
|
||||||
|
if (($err = $ss->init()) != '')
|
||||||
|
{
|
||||||
|
header('HTTP/1.1 500 Internal Server Error');
|
||||||
|
echo $err;
|
||||||
|
exit();
|
||||||
|
}
|
||||||
|
// get image files from directory
|
||||||
|
$ss->get_images();
|
||||||
|
// set variables, done.
|
||||||
|
list($curr, $caption, $first, $prev, $next, $last) = $ss->run();
|
||||||
|
/*
|
||||||
|
slideshow class, can be used stand-alone
|
||||||
|
*/
|
||||||
|
class slideshow
|
||||||
|
{
|
||||||
|
private $files_arr = NULL;
|
||||||
|
private $err = NULL;
|
||||||
|
|
||||||
|
public function __construct(&$err)
|
||||||
|
{
|
||||||
|
$this->files_arr = array();
|
||||||
|
$this->err = $err;
|
||||||
|
}
|
||||||
|
public function init()
|
||||||
|
{
|
||||||
|
// run actions only if img array session var is empty
|
||||||
|
// check if image directory exists
|
||||||
|
if (!$this->dir_exists())
|
||||||
|
{
|
||||||
|
return 'Error retrieving images, missing directory';
|
||||||
|
}
|
||||||
|
return '';
|
||||||
|
}
|
||||||
|
public function get_images()
|
||||||
|
{
|
||||||
|
// run actions only if img array session var is empty
|
||||||
|
if (isset($_SESSION['imgarr']))
|
||||||
|
{
|
||||||
|
$this->files_arr = $_SESSION['imgarr'];
|
||||||
|
}
|
||||||
|
else
|
||||||
|
{
|
||||||
|
if ($dh = opendir(IMGDIR))
|
||||||
|
{
|
||||||
|
while (false !== ($file = readdir($dh)))
|
||||||
|
{
|
||||||
|
if (preg_match('/^.*\.(jpg|jpeg|gif|png)$/i', $file))
|
||||||
|
{
|
||||||
|
$this->files_arr[] = $file;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
closedir($dh);
|
||||||
|
}
|
||||||
|
$_SESSION['imgarr'] = $this->files_arr;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
public function run()
|
||||||
|
{
|
||||||
|
$curr = 1;
|
||||||
|
$last = count($this->files_arr);
|
||||||
|
if (isset($_GET['img']))
|
||||||
|
{
|
||||||
|
if (preg_match('/^[0-9]+$/', $_GET['img'])) $curr = (int) $_GET['img'];
|
||||||
|
if ($curr <= 0 || $curr > $last) $curr = 1;
|
||||||
|
}
|
||||||
|
if ($curr <= 1)
|
||||||
|
{
|
||||||
|
$prev = $curr;
|
||||||
|
$next = $curr + 1;
|
||||||
|
}
|
||||||
|
else if ($curr >= $last)
|
||||||
|
{
|
||||||
|
$prev = $last - 1;
|
||||||
|
$next = $last;
|
||||||
|
}
|
||||||
|
else
|
||||||
|
{
|
||||||
|
$prev = $curr - 1;
|
||||||
|
$next = $curr + 1;
|
||||||
|
}
|
||||||
|
// line below sets the caption name...
|
||||||
|
$caption = str_replace('-', ' ', $this->files_arr[$curr - 1]);
|
||||||
|
$caption = str_replace('_', ' ', $caption);
|
||||||
|
$caption = preg_replace('/\.(jpe?g|gif|png)$/i', '', $caption);
|
||||||
|
$caption = ucfirst($caption);
|
||||||
|
return array($this->files_arr[$curr - 1], $caption, 1, $prev, $next, $last);
|
||||||
|
}
|
||||||
|
private function dir_exists()
|
||||||
|
{
|
||||||
|
return file_exists(IMGDIR);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
?>
|
||||||
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||||
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||||
|
<head>
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||||
|
<title>Slideshow</title>
|
||||||
|
<style type="text/css">
|
||||||
|
body {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
background-color: #ADD8E6;
|
||||||
|
font: 100% Verdana, Arial, Helvetica, sans-serif;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
.gallery {
|
||||||
|
border: 1px #ccc solid;
|
||||||
|
background-color: #FFFFFF;
|
||||||
|
max-width: 600px;
|
||||||
|
margin: 0 auto;
|
||||||
|
padding: 40px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.gallery .gallery-nav {
|
||||||
|
margin-bottom: 40px;
|
||||||
|
}
|
||||||
|
.gallery .gallery-nav a:first-child {
|
||||||
|
margin-right: 10px;
|
||||||
|
}
|
||||||
|
.gallery .gallery-nav a:last-child {
|
||||||
|
margin-left: 10px;
|
||||||
|
}
|
||||||
|
.gallery .gallery-image img {
|
||||||
|
max-width: 100%;
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
.gallery .gallery-image-label {
|
||||||
|
color: #777;
|
||||||
|
}
|
||||||
|
a {
|
||||||
|
color: #333;
|
||||||
|
}
|
||||||
|
a:hover {
|
||||||
|
color: #cc0000;
|
||||||
|
}
|
||||||
|
.sp {
|
||||||
|
padding-right: 40px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="gallery">
|
||||||
|
<div class="gallery-nav">
|
||||||
|
<a href="?img=<?=$first;?>">First</a>
|
||||||
|
<a href="?img=<?=$prev;?>">Previous</a>
|
||||||
|
<span class="sp"></span>
|
||||||
|
<a href="?img=<?=$next;?>">Next</a>
|
||||||
|
<a href="?img=<?=$last;?>">Last</a>
|
||||||
|
</div>
|
||||||
|
<div class="gallery-image">
|
||||||
|
<img src="<?=WEBIMGDIR;?><?=$curr;?>" alt="" />
|
||||||
|
</div>
|
||||||
|
<p class="gallery-image-label"><?=$caption;?></p>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 217 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 222 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 360 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 969 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 960 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 73 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 129 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 458 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 76 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 146 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 69 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 148 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 196 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 101 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 48 KiB |
Loading…
Reference in New Issue