Fix Pandoc flow

zhibirc · Aug 6, 2023 · 214ac38 · 214ac38
1 parent 7346884
commit 214ac38
Show file tree

Hide file tree

Showing 3 changed files with 109 additions and 6 deletions.
diff --git a/.github/workflows/pandoc.yml b/.github/workflows/pandoc.yml
@@ -15,20 +15,21 @@ jobs:
         uses: docker://pandoc/core:2.9
         with:
           args: >-
-            readme.md
+            --from=markdown
+            --to=html
             --standalone
-            --css=main.css
+            --css=../assets/main.css
             --metadata pagetitle="Bookmarklets"
             --output=docs/index.html
+            readme.md
       
       - run: |
-            cp assets/main.css docs/main.css
             sed -i -e 's/<!--//g' docs/index.html
             sed -i -e 's/-->//g' docs/index.html
 
       - name: Add & Commit
         uses: EndBug/add-and-commit@v4.1.0
         with:
-          message: 'update site content from sources'
+          message: 'Generate HTML documentation'
         env:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
diff --git a/.gitignore b/.gitignore
@@ -1,4 +1,3 @@
 .idea
 node_modules
-docs/readme.md
-docs/index.html
+docs/readme.md
diff --git a/docs/index.html b/docs/index.html
@@ -0,0 +1,103 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
+<head>
+  <meta charset="utf-8" />
+  <meta name="generator" content="pandoc" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
+  <title>Bookmarklets</title>
+  <style>
+    code{white-space: pre-wrap;}
+    span.smallcaps{font-variant: small-caps;}
+    div.columns{display: flex; gap: min(4vw, 1.5em);}
+    div.column{flex: auto; overflow-x: auto;}
+    div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
+    ul.task-list{list-style: none;}
+    ul.task-list li input[type="checkbox"] {
+      width: 0.8em;
+      margin: 0 0.8em 0.2em -1.6em;
+      vertical-align: middle;
+    }
+    .display.math{display: block; text-align: center; margin: 0.5rem auto;}
+  </style>
+  <link rel="stylesheet" href="../assets/main.css" />
+  <!--[if lt IE 9]>
+    <script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv-printshiv.min.js"></script>
+  <![endif]-->
+</head>
+<body>
+<h1 id="bookmarklets">bookmarklets</h1>
+<p><a href=""><img
+src="https://img.shields.io/maintenance/yes/2023.svg?style=flat-square"
+alt="Maintenance" /></a> <a href="license.md"><img
+src="https://img.shields.io/github/license/mashape/apistatus.svg?style=flat-square"
+alt="GitHub" /></a> <a href=""><img
+src="https://img.shields.io/badge/PRs-welcome-blue.svg?style=flat-square"
+alt="PRs Welcome" /></a> <a
+href="https://hits.dwyl.com/zhibirc/bookmarklets"><img
+src="https://hits.dwyl.com/zhibirc/bookmarklets.svg"
+alt="HitCount" /></a> <img
+src="https://github.com/zhibirc/bookmarklets/workflows/Pandoc%20Document%20Converter/badge.svg?branch=master&amp;style=flat-square"
+alt="Pandoc Document Converter" /></p>
+<hr />
+<h2 id="hooktube"><a
+href="https://github.com/zhibirc/bookmarklets/blob/master/hooktube/index.ts">hooktube</a></h2>
+<h2 id="only-you"><a
+href="https://github.com/zhibirc/bookmarklets/blob/master/only-you/index.ts">only-you</a></h2>
+<p>Personally I prefer to focus on some I’m currently doing. This is
+also about viewing videos on <a
+href="https://www.youtube.com/">YouTube</a>. The problem is that there
+are many, many visual distractions around it: similar or recommended
+videos, control elements, comments. At best, they can interfere with
+working concentration, and at worst, they can waste time. Current
+bookmarklet is an attempt to deal with this. :dart:</p>
+<!--
+<div>
+    <a rel="nofollow" data-id="only-you" href="javascript:'use strict';(()=>{let e={'ytd-app':{'#content':{'#page-manager':{'ytd-watch-flexy':{'#columns':{'#primary':{'#primary-inner':{'#comments':null}}}}}}}};function t(e,t=!1){const n=document.querySelector(e).parentNode;[...n.children].filter((n=>(t?n===document.querySelector(e):n!==document.querySelector(e))&&'SCRIPT'!==n.tagName&&'LINK'!==n.tagName&&'STYLE'!==n.tagName&&'META'!==n.tagName)).forEach((e=>n.removeChild(e)))}!function n(){let r;for(r in e){if(null===e[r])return t(r,!0);t(r),e=e[r],n()}}()})();">only-you</a>
+    <p class="tip"><strong>Tip:</strong> drag this to your bookmarks toolbar or right-click and add to bookmarks.</p>
+</div>
+-->
+<h2 id="quick-search"><a
+href="https://github.com/zhibirc/bookmarklets/blob/master/quick-search/index.ts">quick-search</a></h2>
+<h2 id="remove-images"><a
+href="https://github.com/zhibirc/bookmarklets/blob/master/remove-images/index.ts">remove-images</a></h2>
+<h2 id="restore-contextmenu"><a
+href="https://github.com/zhibirc/bookmarklets/blob/master/restore-contextmenu/index.ts">restore-contextmenu</a></h2>
+<h2 id="show-passwords"><a
+href="https://github.com/zhibirc/bookmarklets/blob/master/show-passwords/index.ts">show-passwords</a></h2>
+<h2 id="time-estimator"><a
+href="https://github.com/zhibirc/bookmarklets/blob/master/time-estimator/index.ts">time-estimator</a></h2>
+<h2 id="unhide-elements"><a
+href="https://github.com/zhibirc/bookmarklets/blob/master/unhide-elements/index.ts">unhide-elements</a></h2>
+<h2 id="yodify"><a
+href="https://github.com/zhibirc/bookmarklets/blob/master/yodify/index.ts">yodify</a></h2>
+<figure>
+<img
+src="https://github.com/zhibirc/bookmarklets/blob/master/assets/images/yoda.png"
+alt="Yoda himself" />
+<figcaption aria-hidden="true">Yoda himself</figcaption>
+</figure>
+<p>This fun bookmarklet allows you to translate the so-called “normal”
+speech in
+<strong>Russian</strong>/<strong>Ukrainian</strong>/<strong>English</strong>
+to Yoda’s language. Just select an original language and enter some.</p>
+<!--
+<div>
+    <a rel="nofollow" data-id="yodify" href="javascript:'use strict';(()=>{const e=`position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, .6); z-index: ${Math.pow(2,31)-1}; transition: .5s`,t='flex: 1; font-size: 40px; font-weight: bold; text-align: center; line-height: 600px; cursor: pointer;',n=document.createElement('div'),i=document.createElement('div'),d=document.createElement('div'),o=document.createElement('div'),r=document.createElement('b');n.style.cssText=e,i.style.cssText='display: flex; width: 600px; height: 600px; border: none; margin: 100px auto; background: cyan; overflow: hidden;',d.style.cssText=t,o.style.cssText=t,r.style.cssText='position: absolute; top: 20px; right: 45px; font-size: 60px; cursor: pointer;',d.textContent='RU/UK',o.textContent='EN',r.innerHTML='&times;',d.addEventListener('click',(()=>{for(;i.firstChild;)i.removeChild(i.firstChild);i.innerHTML='<iframe src=%22https://vexer.ru/jokez/joda.php%22 style=%22width: 100%; height: 100%; border: none; display: block; background: cyan; overflow: hidden;%22 scrolling=%22no%22><p>How about IFRAME?</p></iframe>'})),o.addEventListener('click',(()=>{})),r.addEventListener('click',(()=>{document.body.removeChild(n)})),i.appendChild(d),i.appendChild(o),n.appendChild(r),n.appendChild(i),document.body.appendChild(n)})();">yodify</a>
+    <p class="tip"><strong>Tip:</strong> drag this to your bookmarks toolbar or right-click and add to bookmarks.</p>
+</div>
+-->
+<h2 id="zip-url"><a
+href="https://github.com/zhibirc/bookmarklets/blob/master/zip-url/index.ts">zip-url</a></h2>
+<p>Short links for less typing, quick remember, pretty look and traffic
+economy.</p>
+<!--
+<div>
+    <a rel="nofollow" data-id="zip-url" href="javascript:'use strict';(()=>{const t={tinyUrl:()=>`https://tinyurl.com/create.php?url=${encodeURIComponent(location.href)}`};window.open(t.tinyUrl())})();">zip-url</a>
+    <p class="tip"><strong>Tip:</strong> drag this to your bookmarks toolbar or right-click and add to bookmarks.</p>
+</div>
+-->
+<h2 id="contributing">Contributing</h2>
+<p>Pull requests with your own favorite bookmarklets are highly
+welcome.</p>
+</body>
+</html>