latest changes, need to debug gendoc runewords. db is corrupted somehow. Older db doesn't have bug.

res/win95/README.md

@@ -0,0 +1,52 @@
+
+<p align="center">
+    <a href="https://alexbsoft.github.io/win95.css/">
+        <img src="https://i.imgur.com/kbXAcTA.png">
+    </a>
+</p>
+
+# Win95.CSS
+
+Make your bootstrap look like Windows 95/98.
+<p align="center">
+    <a href="https://alexbsoft.github.io/win95.css/personal_page.html">
+        <img src="https://i.imgur.com/vP9AzdG.png">
+    </a>
+</p>
+
+- [Demo](https://alexbsoft.github.io/win95.css/)
+- Documentation will be soon.
+
+### Sponsored by
+
+<a href="https://bomjar.ga">
+<img src="https://bomjar.ga/assets/logo.png">Bomjar.ga</a>- $1 unlimited PHP hosting
+
+## Features
+
+- Windows 95 button styles
+
+- Windows 98 cards
+
+- Windows 98 icons (256-color)
+
+- Fully Responsive
+
+- Bootstrap 4
+
+
+## Some screenshots
+
+![](https://i.imgur.com/AgQonjb.png)
+
+### How your sites can be:
+
+![](https://i.imgur.com/rTDXYOE.png)
+
+![](https://i.imgur.com/mea9LmK.png)
+
+
+## Sources:
+
+- Webamp https://github.com/captbaritone/webamp
+- Clippy.js https://www.smore.com/clippy-js

res/win95/assets/clippy/clippy.css

@@ -0,0 +1,62 @@
+.clippy, .clippy-balloon {
+    position: fixed;
+    z-index: 1000;
+    cursor: pointer;
+}
+
+.clippy-balloon {
+
+    background: #FFC;
+    color: black;
+    padding: 8px;
+    border: 1px solid black;
+    border-radius: 5px;
+
+}
+
+.clippy-content {
+    max-width: 200px;
+    min-width: 120px;
+    font-family: "Microsoft Sans", sans-serif;
+    font-size: 10pt;
+}
+
+.clippy-tip {
+    width: 10px;
+    height: 16px;
+    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAgCAMAAAAlvKiEAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAlQTFRF///MAAAA////52QwgAAAAAN0Uk5T//8A18oNQQAAAGxJREFUeNqs0kEOwCAIRFHn3//QTUU6xMyyxii+jQosrTPkyPEM6IN3FtzIRk1U4dFeKWQiH6pRRowMVKEmvronEynkwj0uZJgR22+YLopPSo9P34wJSamLSU7lSIWLJU7NkNomNlhqxUeAAQC+TQLZyEuJBwAAAABJRU5ErkJggg==) no-repeat;
+    position: absolute;
+}
+
+.clippy-top-left .clippy-tip {
+    top: 100%;
+    margin-top: 0px;
+    left: 100%;
+    margin-left: -50px;
+}
+
+.clippy-top-right .clippy-tip {
+    top: 100%;
+    margin-top: 0px;
+    left: 0;
+    margin-left: 50px;
+    background-position: -10px 0;
+
+}
+
+.clippy-bottom-right .clippy-tip {
+    top: 0;
+    margin-top: -16px;
+    left: 0;
+    margin-left: 50px;
+    background-position: -10px -16px;
+}
+
+.clippy-bottom-left .clippy-tip {
+    top: 0;
+    margin-top: -16px;
+    left: 100%;
+    margin-left: -50px;
+    background-position: 0px -16px;
+}
+