diff --git a/core/wiki/macros/thumbnails.tid b/core/wiki/macros/thumbnails.tid new file mode 100644 index 000000000..bc27af41a --- /dev/null +++ b/core/wiki/macros/thumbnails.tid @@ -0,0 +1,24 @@ +title: $:/core/macros/thumbails +tags: $:/tags/Macro + +\define thumbnail(link,width:"280",height:"157",image,caption) +<$link to="""$link$"""> +
+
+[img width="$width$" height="$height$" [$image$]] +
+
+{{$:/core/images/video}} +
+
+$caption$ +
+
+ +\end + +\define thumbnail-right(link,width:"280",height:"157",image,caption) +
+<> +
+\end diff --git a/core/wiki/macros/youtube.tid b/core/wiki/macros/youtube.tid deleted file mode 100644 index 22fd8de81..000000000 --- a/core/wiki/macros/youtube.tid +++ /dev/null @@ -1,24 +0,0 @@ -title: $:/core/macros/youtube -tags: $:/tags/Macro - -\define youtube-thumbnail(link,width:"280",height:"157",image,caption) -<$link to="""$link$"""> -
-
-[img width="$width$" height="$height$" [$image$]] -
-
-{{$:/core/images/video}} -
-
-$caption$ -
-
- -\end - -\define youtube-right-thumbnail(link,width:"280",height:"157",image,caption) -
-<> -
-\end diff --git a/editions/tw5.com/tiddlers/hellothere/HelloThere.tid b/editions/tw5.com/tiddlers/hellothere/HelloThere.tid index c8b5c5283..57c4ba666 100644 --- a/editions/tw5.com/tiddlers/hellothere/HelloThere.tid +++ b/editions/tw5.com/tiddlers/hellothere/HelloThere.tid @@ -7,7 +7,7 @@ type: text/vnd.tiddlywiki Welcome to ~TiddlyWiki, a versatile note-taking web application you can download for free, store wherever you like and customise however you wish. Use it to capture, organise and share your notes in ways that word processors and other note-taking tools cannot. -<> +<> ~TiddlyWiki is designed to be non-linear, structuring content with stories, tags, hyperlinks, and other features. You can organise and retrieve your notes in ways that conform to your personal thought patterns, rather than feel chained to one preset organisational structure. diff --git a/themes/tiddlywiki/vanilla/base.tid b/themes/tiddlywiki/vanilla/base.tid index 7b02c87c8..ffc416edc 100644 --- a/themes/tiddlywiki/vanilla/base.tid +++ b/themes/tiddlywiki/vanilla/base.tid @@ -1382,7 +1382,7 @@ a.tc-tiddlylink.tc-plugin-info:hover svg { } .tc-plugin-info-chunk div { - font-size: 0.7em; + font-size: 0.7em; margin: 2px 0 2px 0; } @@ -1651,42 +1651,42 @@ body.tc-dirty span.tc-dirty-indicator, body.tc-dirty span.tc-dirty-indicator svg ** YouTube macros */ -.tc-youtube-wrapper { +.tc-thumbnail-wrapper { position: relative; display: inline-block; border: 1px solid <>; } -.tc-youtube-right-wrapper { +.tc-thumbnail-right-wrapper { float:right; margin: 0.5em 0 0.5em 0.5em; } -.tc-youtube-thumbnail svg, -.tc-youtube-thumbnail img { +.tc-thumbnail-image svg, +.tc-thumbnail-image img { filter: alpha(opacity=0.6); opacity: 0.6; } -.tc-youtube-wrapper:hover .tc-youtube-thumbnail svg, -.tc-youtube-wrapper:hover .tc-youtube-thumbnail img { +.tc-thumbnail-wrapper:hover .tc-thumbnail-image svg, +.tc-thumbnail-wrapper:hover .tc-thumbnail-image img { filter: alpha(opacity=1); opacity: 1; } -.tc-youtube-play-symbol svg, -.tc-youtube-play-symbol img { +.tc-thumbnail-symbol svg, +.tc-thumbnail-symbol img { width: 3em; height: 3em; fill: #f44; } -.tc-youtube-wrapper:hover .tc-youtube-play-symbol svg, -.tc-youtube-wrapper:hover .tc-youtube-play-symbol img { +.tc-thumbnail-wrapper:hover .tc-thumbnail-symbol svg, +.tc-thumbnail-wrapper:hover .tc-thumbnail-symbol img { fill: #f00; } -.tc-youtube-play-symbol { +.tc-thumbnail-symbol { position: absolute; top: 50%; left: 50%; @@ -1694,7 +1694,7 @@ body.tc-dirty span.tc-dirty-indicator, body.tc-dirty span.tc-dirty-indicator svg margin-top: -1.5em; } -.tc-youtube-caption { +.tc-thumbnail-caption { position: absolute; background-color: #666; color: white; @@ -1705,7 +1705,7 @@ body.tc-dirty span.tc-dirty-indicator, body.tc-dirty span.tc-dirty-indicator svg opacity: 0.5; } -.tc-youtube-wrapper:hover .tc-youtube-caption { +.tc-thumbnail-wrapper:hover .tc-thumbnail-caption { filter: alpha(opacity=1); opacity: 1; }