kauft.es/linkylinky-chrome
4
0
Fork 0
Code Issues 2 Pull Requests 1 Projects Releases 6 Wiki Activity

Compare commits

base: kauft.es:0.1.2
Branches Tags
kauft.es:main kauft.es:renovate/tailwindcss-3.x-lockfile
kauft.es:0.3.1 kauft.es:0.3.0 kauft.es:0.2.0 kauft.es:0.1.2 kauft.es:0.1.1 kauft.es:0.1.0
..
compare: kauft.es:0.2.0
Branches Tags
kauft.es:renovate/tailwindcss-3.x-lockfile kauft.es:main
kauft.es:0.3.1 kauft.es:0.3.0 kauft.es:0.2.0 kauft.es:0.1.2 kauft.es:0.1.1 kauft.es:0.1.0

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
Expand all files Collapse all files

8
CHANGELOG.md
View File

@@ -2,9 +2,17 @@
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)
> 21 August 2021
- 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)

8
README.md
View File

@@ -4,8 +4,12 @@
<h3 align="center">A simple, privacy focused urls shortner</h3>
</p>
<!-- ## 👀 Preview
TODO: -->
## 👀 Preview
<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
- 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
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.0 KiB

BIN
docs/extension_opened.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.6 KiB

BIN
docs/fullpage_closed.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 27 KiB

BIN
docs/fullpage_copy.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 54 KiB

BIN
docs/fullpage_created.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 29 KiB

BIN
docs/fullpage_opened.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 36 KiB

2
package.json
View File

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

22
src/index.html
View File

@@ -13,6 +13,19 @@
}
</style>
</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>
<div class="p-4 flex items-center justify-center bg-white">
@@ -69,6 +82,15 @@
placeholder="custom url" />
</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="inline-flex w-full" id="shorturl_copy" data-clipboard-target="#shorturl">
<p name="shorturl" id="shorturl" class:bg-green-200={copied}

4
src/main.js
View File

@@ -25,7 +25,8 @@ document.getElementById("create").onclick = createUrl;
function createUrl() {
let shorturl = {
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) {
@@ -49,6 +50,7 @@ function createUrl() {
document.getElementById("shorturl_container").className = "";
document.getElementById("target_container").className = "hidden";
document.getElementById("shortcode_container").className = "hidden";
document.getElementById("bot_container").classList.add("hidden");
document.getElementById("create").classList.add("hidden");
document.getElementById("reset").classList.remove("hidden");
});