opt: use link instead of button and tooltip

src/article_maker.cc

@@ -250,11 +250,6 @@ std::string ArticleMaker::makeNotFoundBody( QString const & word, QString const
 string ArticleMaker::makeWelcomeHtml() const
 {
   string result = makeHtmlHeader( tr( "Welcome!" ), QString(), cfg.alwaysExpandOptionalParts );
-  //tooltip
-  result += R"(<script src="qrc:///scripts/popper.min.js"></script>)";
-  result += R"(<script src="qrc:///scripts/tippy.min.js"></script>)";
-  result += R"(<link href="qrc:///tippy-light.css" rel="stylesheet">)";
-
 
   result +=
     tr(
@@ -262,7 +257,7 @@ string ArticleMaker::makeWelcomeHtml() const
       "<p>To start working with the program, first visit <b>Edit|Dictionaries</b> to add some directory paths where to search "
       "for the dictionary files, set up various Wikipedia sites or other sources, adjust dictionary order or create dictionary groups."
       "<p>And then you're ready to look up your words! You can do that in this window "
-      "by using a pane to the left, or you can <button id=\"lookup-popup\">look up words from other active applications</button>. "
+      "by using a pane to the left, or you can <a href=\"https://xiaoyifang.github.io/goldendict-ng/ui_popup/\">look up words from other active applications</a>. "
       "<p>To customize program, check out the available preferences at <b>Edit|Preferences</b>. "
       "All settings there have tooltips, be sure to read them if you are in doubt about anything."
       "<p>Should you need further help, have any questions, "
@@ -302,19 +297,6 @@ string ArticleMaker::makeWelcomeHtml() const
     theme = "light";
   }
 
-  result += QString(
-              R"(<script>
-      const template = document.getElementById('popup');
-
-      tippy('#lookup-popup', {
-        content: template.innerHTML,
-        allowHTML: true,
-        theme: '%1'
-      });
-      </script>)" )
-              .arg( theme )
-              .toStdString();
-
   result += "</body></html>";
 
   return result;

src/scripts/scripts.qrc

@@ -7,8 +7,6 @@
         <file>iframeResizer.contentWindow.min.js</file>
         <file>iframeResizer.min.js</file>
         <file>jquery-3.6.0.slim.min.js</file>
-        <file>popper.min.js</file>
-        <file>tippy.min.js</file>
         <file>mark.min.js</file>
     </qresource>
 </RCC>

src/stylesheets/css.qrc

@@ -17,6 +17,5 @@
         <file>qt-style-win.css</file>
         <file>qt-style.css</file>
         <file>article-style-darkmode.css</file>
-        <file>tippy-light.css</file>
     </qresource>
 </RCC>

src/stylesheets/tippy-light.css

@@ -1,27 +0,0 @@
-.tippy-box[data-theme~="light"] {
-  color: #26323d;
-  box-shadow:
-    0 0 20px 4px rgba(154, 161, 177, 0.15),
-    0 4px 80px -8px rgba(36, 40, 47, 0.25),
-    0 4px 4px -2px rgba(91, 94, 105, 0.15);
-  background-color: #fff;
-}
-.tippy-box[data-theme~="light"][data-placement^="top"] > .tippy-arrow:before {
-  border-top-color: #fff;
-}
-.tippy-box[data-theme~="light"][data-placement^="bottom"]
-  > .tippy-arrow:before {
-  border-bottom-color: #fff;
-}
-.tippy-box[data-theme~="light"][data-placement^="left"] > .tippy-arrow:before {
-  border-left-color: #fff;
-}
-.tippy-box[data-theme~="light"][data-placement^="right"] > .tippy-arrow:before {
-  border-right-color: #fff;
-}
-.tippy-box[data-theme~="light"] > .tippy-backdrop {
-  background-color: #fff;
-}
-.tippy-box[data-theme~="light"] > .tippy-svg-arrow {
-  fill: #fff;
-}