Add version and author

.github/workflows/update-badge.yml

@@ -0,0 +1,32 @@
+name: Update README version badge
+
+on:
+  push:
+    tags:
+      - 'v*'
+
+jobs:
+  update-badge:
+    runs-on: ubuntu-latest
+
+    steps:
+    - name: Checkout repository
+      uses: actions/checkout@v2
+
+    - name: Get the latest tag
+      id: get_tag
+      run: echo ::set-output name=tag::${GITHUB_REF#refs/tags/}
+
+    - name: Update README with version badge
+      run: |
+        TAG=${{ steps.get_tag.outputs.tag }}
+        BADGE_URL="https://img.shields.io/badge/version-${TAG}-brightgreen"
+        sed -i "s|!\\[Version Badge\\](.*)|![Version Badge](${BADGE_URL})|" README.md
+      
+    - name: Commit and push changes
+      run: |
+        git config --global user.name 'github-actions[bot]'
+        git config --global user.email 'github-actions[bot]@users.noreply.github.com'
+        git add README.md
+        git commit -m "Update version badge to $TAG"
+        git push

.github/workflows/update-version.yml

@@ -0,0 +1,31 @@
+name: Update HTML version
+
+on:
+  push:
+    tags:
+      - 'v*'
+
+jobs:
+  update-version:
+    runs-on: ubuntu-latest
+
+    steps:
+    - name: Checkout repository
+      uses: actions/checkout@v2
+
+    - name: Get the latest tag
+      id: get_tag
+      run: echo ::set-output name=tag::${GITHUB_REF#refs/tags/}
+
+    - name: Update version in HTML
+      run: |
+        TAG=${{ steps.get_tag.outputs.tag }}
+        sed -i "s/VERSION_PLACEHOLDER/$TAG/" index.html
+      
+    - name: Commit and push changes
+      run: |
+        git config --global user.name 'github-actions[bot]'
+        git config --global user.email 'github-actions[bot]@users.noreply.github.com'
+        git add index.html
+        git commit -m "Update version to $TAG"
+        git push

README.md

@@ -38,4 +38,4 @@ The second click on the bookmark (esc or button with a cross) will close **Gimme
 
 ## License
 
-MIT © 2024 Sergey Vaitehovich
+MIT © 2024 Sergey Vaitehovich ![Version Badge](https://img.shields.io/badge/version-VERSION_PLACEHOLDER-brightgreen)

js/gimme-style.js

@@ -1,4 +1,8 @@
-if (typeof window.GimmeStyle === 'undefined') {
+/*
+* GimmeStyle v0.9 | MIT License | Sergey Vaitehovich 2024
+*/
+
+if (window.GimmeStyle === undefined) {
     let self = null;
 
     window.GimmeStyle = {

styles/style.css

@@ -81,7 +81,7 @@ summary {
     cursor: pointer;
 }
 
-a:not(.demo *) {
+a {
     border-bottom: 1px dotted #999;
     color: #999;
     text-decoration: none;
@@ -93,7 +93,7 @@ a:not(.demo *):before { /* only for demo */
     text-decoration: none;
 }
 
-a:not(.demo *):hover {
+a:hover {
     display: inline-block;
     border-bottom-style: solid;
     color: black;
@@ -164,10 +164,37 @@ hr {
     width: 105px;
     margin: 10px auto 0;
     padding: 7px;
-    color: white;
-    background-color: darkgreen;
+    border: 0;
     border-radius: 4px;
+    color: white;
     text-decoration: none;
+    background-color: darkgreen;
+}
+.demo a:hover {
+    display: block;
+    border: 0;
+    color: white;
+    animation: none;
+}
+
+footer {
+    display: flex;
+    padding: 10px 20px;
+    border-top: thin solid #999;
+}
+
+footer a {
+    display: inline-block;
+    width: 22px;
+    height: 22px;
+    margin-right: 7px;
+    border: 0;
+    background: url("../images/github.svg") no-repeat center center;
+    background-size: 22px;
+}
+
+footer a:hover {
+    animation: none;
 }
 
 @keyframes pulse { /* only for demo */