diff --git a/index.php b/index.php index a9e3963..77b1a3d 100644 --- a/index.php +++ b/index.php @@ -425,10 +425,16 @@ $siteHeaderTitle = $headerTitles[array_rand($headerTitles)]; .filter-submit .icon{font-size:1.02rem;line-height:1;transform:translateY(.01em)} .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} .filter-summary{color:#A0A4AB;font-size:.9rem;margin:0 0 .8rem} +.video-title-line{display:flex;align-items:flex-start;gap:.75rem;width:100%} +.video-title-line .video-row-title{flex:1 1 auto;min-width:0} .video-row-title{font-size:1.35rem;line-height:1.2;color:#F3F4F6} .video-row-title a{color:inherit;text-decoration:none;cursor:pointer} .video-row-title a:visited{color:inherit} .video-row-title a:hover,.video-row-title a:focus,.video-row-title a:active{text-decoration:none} +.article-share-button{box-sizing:border-box;appearance:none;-webkit-appearance:none;display:grid;place-items:center;flex:0 0 auto;width:1.45rem;height:1.45rem;margin:.02rem 0 0 auto;padding:0;border:1px solid #C46A3A;border-radius:.35rem;background:#C46A3A;color:#fff;line-height:1;text-decoration:none} +.article-share-button svg{width:.78rem;height:.78rem;fill:currentColor} +.article-share-button:hover,.article-share-button:focus-visible{background:#d97b48;border-color:#d97b48;color:#fff} +.article-share-button.copied{background:#3BA7A0;border-color:#3BA7A0;color:#111315} .video-row-head-mobile{display:none} .video-row-head-mobile .video-row-title{margin:0 0 .15rem} .video-row-head-mobile .meta{margin:0 0 .25rem} @@ -451,6 +457,7 @@ $siteHeaderTitle = $headerTitles[array_rand($headerTitles)]; .video-row-head-mobile .description-teaser{margin:.25rem 0 .3rem} #videos .video-wrapper{grid-column:1 / -1} #videos .video-info{grid-column:1 / -1} + .video-info .video-title-line.video-title-line-desktop, .video-info .video-row-title.video-row-title-desktop, .video-info .meta.meta-desktop, .video-info .description-teaser.description-teaser-desktop{display:none} @@ -485,6 +492,7 @@ $siteHeaderTitle = $headerTitles[array_rand($headerTitles)]; $articleIdForVideo = video_article_id($config, $name); $permalinkEnabled = $articleIdForVideo !== '' && article_permalink_enabled($config, $articleIdForVideo); $permalinkUrl = $permalinkEnabled ? query_url(['id' => $articleIdForVideo]) : ''; + $shareUrl = $permalinkEnabled ? ('https://bubulescu.org/?id=' . rawurlencode($articleIdForVideo)) : ''; $url = $config['public_videos'].'/'.rawurlencode($name); $m = $videoCache[$name]['metadata'] ?? video_metadata($v); $posterUrl = video_thumb_public_url($config, $name); @@ -493,7 +501,7 @@ $siteHeaderTitle = $headerTitles[array_rand($headerTitles)]; ?>
-

+

@@ -511,7 +519,7 @@ $siteHeaderTitle = $headerTitles[array_rand($headerTitles)];

-

+

@@ -536,6 +544,41 @@ $siteHeaderTitle = $headerTitles[array_rand($headerTitles)]; +