From e3c6e703ed48ba4f36cb8fb587f2b6f047702682 Mon Sep 17 00:00:00 2001 From: chylex Date: Fri, 6 Oct 2017 02:41:25 +0200 Subject: [PATCH] Update website (rewrite the guide and other parts, tweak styles) --- web/index.php | 42 ++++++++++++++++++++++++------------------ web/style.css | 8 ++++++-- 2 files changed, 30 insertions(+), 20 deletions(-) diff --git a/web/index.php b/web/index.php index 8a1d41e..deca59b 100644 --- a/web/index.php +++ b/web/index.php @@ -13,46 +13,52 @@
-

Discord History Tracker BETA v.3

+

Discord History Tracker BETA v.4

Discord History Tracker is a browser script that lets you locally save chat history in your servers, groups, and private conversations.

When the script is active, it will automatically load history of the selected text channel up to the first message, and let you download it for offline viewing in your browser.

How to Save History

-

...using your browser

-

In Firefox, click ">Add Bookmark and uncheck «Load this bookmark in the sidebar».

-

In Chrome, Edge, Safari, and most other browsers, you will need to manually copy the link address of the ">tracker script, and use your browser's bookmark manager to add it as a bookmark.

-

After adding the script to your bookmarks, open Discord and click the bookmark to run the script. If you run into any issues, please make sure your browser is up-to-date.

...using the Discord app

-

Click Copy to Clipboard to copy the script. Then press Ctrl+Shift+I in the Discord app, select Console, paste the script into the text box at the bottom and press Enter to run it. You can then close the console and continue using the script.

+
    +
  1. Click Copy to Clipboard to copy the script
    2. +
  2. Press Ctrl+Shift+I in the Discord app, and click the Console tab
    3. +
  3. Paste the script into the text box on the bottom, and press Enter to run it
    4. +
  4. Press Ctrl+Shift+I again to close the console
    5. +
+ +

...using Firefox

+
    +
  1. Click ">Add Bookmark and uncheck «Load this bookmark in the sidebar»
    2. +
  2. Open Discord and click the bookmark to run the script
    3. +
+ +

...using Chrome, Edge, Safari, or another browser

+
    +
  1. Copy the link address of the ">tracker script and use your browser's bookmark manager to add it as a bookmark (you may be able to drag the link to your bookmark bar too)
    2. +
  2. Open Discord and click the bookmark to run the script
    3. +

What next?

-

When running for the first time, you will see a Settings dialog where you can configure the script's behavior. These settings will be remembered as long as you don't delete cookies in your browser.

+

When running for the first time, you will see a Settings dialog where you can configure the script. These settings will be remembered as long as you don't delete cookies in your browser.

By default, Discord History Tracker is set to pause tracking after it reaches a previously saved message to avoid unnecessary history loading. You may also set it to load all channels in the server or your friends list by selecting Switch to Next Channel.

-

Once you have configured everything, upload your previously saved file (if you have any), click Start Tracking, and let it run in the background. Once done, or after manually pausing it, you can download the generated file.

+

Once you have configured everything, upload your previously saved file (if you have any), click Start Tracking, and let it run. After the script saves all messages, download the generated file.

How to View History

-

To browse the saved text channels, open the Viewer and upload the file. It is recommended to download the viewer and place it next to your saved files, that way you can view your history offline.

+

Open the Viewer and upload the generated file. It is recommended to download the viewer and place it next to your saved files, that way you can view your history offline.

External Links

Issues & Suggestions  —  - GitHub Repository  —  + Source Code  —  Follow Dev on Twitter  —  Support Development on Patreon

-

Planned Features

- -

Disclaimer

-

Discord History Tracker and the viewer are fully client-side and do not communicate with any servers. If you close your browser while the script is running, all unsaved progress will be lost.

+

Discord History Tracker and the viewer are fully client-side and do not communicate with any servers – the terms 'Upload' and 'Download' only refer to your browser. If you close your browser while the script is running, all unsaved progress will be lost.

Please, do not use this script for large or public servers. The script was made as a convenient way of keeping a local copy of private and group chats, as Discord is currently lacking this functionality.

diff --git a/web/style.css b/web/style.css index 35f51b5..46224f5 100644 --- a/web/style.css +++ b/web/style.css @@ -50,7 +50,7 @@ h2 { } h3 { - margin: 32px 0 0; + margin: 24px 0 0; font-size: 22px; color: rgba(255, 255, 255, 0.62); text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8); @@ -60,10 +60,14 @@ h2 + h3 { margin-top: 12px; } -ul { +ul, ol { margin-top: 12px; } +li { + line-height: 140%; +} + .dht { border: 2px dashed rgba(255, 255, 255, 0.35); border-radius: 9px;