diff --git a/pfaltgall b/pfaltgall
index 8c855a4..4adb755 100755
--- a/pfaltgall
+++ b/pfaltgall
@@ -19,7 +19,7 @@
// todo: add a "last updated on" header
$SCRIPTNAME='pfaltgall';
-$SCRIPTVERSION='0.2.1';
+$SCRIPTVERSION='0.3';
$SCRIPTURL='https://git.lattuga.net/Jones/pfaltgall';
require 'lib/ckratelimit.php';
@@ -145,6 +145,8 @@ $acc=$acc['content'];
$imgurls=[];
$imgs='';
+$thumburls=[];
+$thumbs='';
$i=0;
$ic=0;
do {
@@ -161,6 +163,7 @@ do {
$count=count($res['content']);
if ($count>0) {
foreach ($res['content'] as $status) {
+ //print_r($status);die();
if (isset($status['created_at']) && preg_match('#^\s+$#',$status['created_at'])!==1) {
$date=strtotime($status['created_at']);
$date=' ['.date('Y/m/d',$date).']';
@@ -179,6 +182,8 @@ do {
$ia=0;
foreach ($status['media_attachments'] as $attachment) {
if (isset($attachment['url'])) {
+ $thumburl=$attachment['preview_url'];
+ $thumburls[]=$thumburl;
$imgurl=$attachment['url'];
$imgurls[]=$imgurl;
$ia++;
@@ -190,7 +195,10 @@ do {
$icnt=" ({$ia}/{$ca})";
else
$icnt='';
- $imgs.="![](\"{$acc['avatar_static']}\"{$altdesc}) |
{$desc}{$icnt}{$date}
![](\"{$imgurl}\"{$altdesc}) |
{$desc}{$icnt}{$date}
|
{$desc}{$icnt}{$date}
({$profhead})";
}
-
$html='
-
+
'.$title.'
@@ -382,17 +389,60 @@ hr {
cursor: pointer;
}
-#tools {
- /*display: none;*/
+#toolbar {
+ display: block;
width: 100%;
+ height: 48px;
+ position: fixed;
+ right: 0;
+ bottom: 0;
+ /*background-color: rgb(0 0 0 / .85);*/
+ background-color: #444444;
+ z-index: 1;
+ overflow: auto;
+ cursor: pointer;
+ text-align: center;
+ -webkit-user-select: none; /* Safari */
+ -moz-user-select: none; /* Firefox */
+ -ms-user-select: none; /* IE10+/Edge */
+ user-select: none; /* Standard */
+}
+
+#browser {
+ display: none;/*default: block*/
+ text-align: center;
+ width: 100%;
+ height: 100%;
position: fixed;
left: 0;
- bottom: 0;
- background-color: rgb(51 51 51 / .85);;
- padding: 4px 6px 4px 6px;
- color: white;
- font-size: 10pt;
- z-index: 1;
+ top: 0;
+ background-color: rgb(0 0 0 / .85);
+ padding: 3px;
+ z-index: 2;
+ overflow: auto;
+ /*border: 1px solid yellow;*/
+}
+
+.thumbd {
+ display: inline-flex;
+ justify-content: center;
+ width: 320px;
+ height: 320px;
+ background-color: white;
+ margin: 3px;
+ border: 3px solid white;
+ border-radius: 12px;
+ overflow: clip;
+ cursor: pointer;
+}
+
+.thumb {
+ display: block;
+ object-fit: contain;
+ max-width: 100%;
+ max-height: 100%;
+ /*width: auto;
+ height: auto;*/
}
@media only screen and (max-width:15cm) {
@@ -414,16 +464,21 @@ hr {
}
-
+
+
+'.$thumbs."\n".'
+
+Miniature