Compare commits

...

3 Commits
0.1.2 ... 0.2.0

Author SHA1 Message Date
Nicolai Ort 7cd4771fbc 🚀RELEASE 0.2.0 2021-09-25 18:02:22 +02:00
Nicolai Ort f389f88825
Extension users can now disable bot preview 2021-09-25 18:01:30 +02:00
Nicolai Ort 595695fe4f
Added "docs" images 2021-08-21 20:59:48 +02:00
11 changed files with 40 additions and 4 deletions

View File

@ -2,9 +2,17 @@
All notable changes to this project will be documented in this file. Dates are displayed in UTC. All notable changes to this project will be documented in this file. Dates are displayed in UTC.
#### [0.2.0](https://git.odit.services/kauft.es/linkylinky-chrome/compare/0.1.2...0.2.0)
- Extension users can now disable bot preview [`f389f88`](https://git.odit.services/kauft.es/linkylinky-chrome/commit/f389f88825958beb3d74cb0d50a118435b40652e)
- Added "docs" images [`595695f`](https://git.odit.services/kauft.es/linkylinky-chrome/commit/595695fe4f4cb696a47d0e8177b51f4ded15ed5b)
#### [0.1.2](https://git.odit.services/kauft.es/linkylinky-chrome/compare/0.1.1...0.1.2) #### [0.1.2](https://git.odit.services/kauft.es/linkylinky-chrome/compare/0.1.1...0.1.2)
> 21 August 2021
- Better then resolution [`32196bb`](https://git.odit.services/kauft.es/linkylinky-chrome/commit/32196bb8f2f64dc83ef4aeeb211c26a917b7bee2) - Better then resolution [`32196bb`](https://git.odit.services/kauft.es/linkylinky-chrome/commit/32196bb8f2f64dc83ef4aeeb211c26a917b7bee2)
- 🚀RELEASE 0.1.2 [`bada398`](https://git.odit.services/kauft.es/linkylinky-chrome/commit/bada398877d99d380394eac4da8ee0b30c609022)
#### [0.1.1](https://git.odit.services/kauft.es/linkylinky-chrome/compare/0.1.0...0.1.1) #### [0.1.1](https://git.odit.services/kauft.es/linkylinky-chrome/compare/0.1.0...0.1.1)

View File

@ -4,8 +4,12 @@
<h3 align="center">A simple, privacy focused urls shortner</h3> <h3 align="center">A simple, privacy focused urls shortner</h3>
</p> </p>
<!-- ## 👀 Preview ## 👀 Preview
TODO: --> <img height="300" src="./docs/fullpage_opened.webp">
<img height="300" src="./docs/fullpage_created.webp">
<img height="150" src="./docs/extension_opened.webp">
<img height="150" src="./docs/extension_created.webp">
<img height="400" src="./docs/fullpage_copy.webp">
## ⚡ Installation ## ⚡ Installation
- Download the `linkylinky-chrome.zip` from [the lastest release](https://git.odit.services/kauft.es/linkylinky-chrome/releases) - Download the `linkylinky-chrome.zip` from [the lastest release](https://git.odit.services/kauft.es/linkylinky-chrome/releases)

BIN
docs/extension_created.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.0 KiB

BIN
docs/extension_opened.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.6 KiB

BIN
docs/fullpage_closed.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 27 KiB

BIN
docs/fullpage_copy.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 54 KiB

BIN
docs/fullpage_created.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 29 KiB

BIN
docs/fullpage_opened.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 36 KiB

View File

@ -1,6 +1,6 @@
{ {
"name": "@odit/linkylinky-chrome", "name": "@odit/linkylinky-chrome",
"version": "0.1.2", "version": "0.2.0",
"license": "MIT", "license": "MIT",
"private": false, "private": false,
"author": { "author": {

View File

@ -13,6 +13,19 @@
} }
</style> </style>
</head> </head>
<style>
/* CHECKBOX TOGGLE SWITCH */
/* @apply rules for documentation, these do not work as inline style */
.toggle-checkbox:checked {
@apply: right-0 border-green-400;
right: 0;
border-color: #68D391;
}
.toggle-checkbox:checked + .toggle-label {
@apply: bg-green-400;
background-color: #68D391;
}
</style>
<body> <body>
<div class="p-4 flex items-center justify-center bg-white"> <div class="p-4 flex items-center justify-center bg-white">
@ -69,6 +82,15 @@
placeholder="custom url" /> placeholder="custom url" />
</div> </div>
</div> </div>
<div id="bot_container">
<div class="mt-1 flex rounded-md shadow-sm">
<label for="toggle" class="text-base text-gray-700 pr-2">Disable Preview:</label>
<div class="relative inline-block w-10 mr-2 align-middle select-none transition duration-200 ease-in">
<input type="checkbox" name="toggle" id="bot_toggle" class="toggle-checkbox absolute block w-6 h-6 rounded-full bg-white border-4 appearance-none cursor-pointer"/>
<label for="toggle" class="toggle-label block overflow-hidden h-6 rounded-full bg-gray-300 cursor-pointer"></label>
</div>
</div>
</div>
<div class="hidden" name="shorturl_container" id="shorturl_container"> <div class="hidden" name="shorturl_container" id="shorturl_container">
<div class="inline-flex w-full" id="shorturl_copy" data-clipboard-target="#shorturl"> <div class="inline-flex w-full" id="shorturl_copy" data-clipboard-target="#shorturl">
<p name="shorturl" id="shorturl" class:bg-green-200={copied} <p name="shorturl" id="shorturl" class:bg-green-200={copied}

View File

@ -25,7 +25,8 @@ document.getElementById("create").onclick = createUrl;
function createUrl() { function createUrl() {
let shorturl = { let shorturl = {
target: document.getElementById("target").value, target: document.getElementById("target").value,
shortcode: document.getElementById("shortcode").value shortcode: document.getElementById("shortcode").value,
no_preview: document.getElementById("bot_toggle").value
}; };
if (shorturl.shortcode == "" | !shorturl.shortcode) { if (shorturl.shortcode == "" | !shorturl.shortcode) {
@ -49,6 +50,7 @@ function createUrl() {
document.getElementById("shorturl_container").className = ""; document.getElementById("shorturl_container").className = "";
document.getElementById("target_container").className = "hidden"; document.getElementById("target_container").className = "hidden";
document.getElementById("shortcode_container").className = "hidden"; document.getElementById("shortcode_container").className = "hidden";
document.getElementById("bot_container").classList.add("hidden");
document.getElementById("create").classList.add("hidden"); document.getElementById("create").classList.add("hidden");
document.getElementById("reset").classList.remove("hidden"); document.getElementById("reset").classList.remove("hidden");
}); });