kevin/data-toolbox-site
1
0
Fork 0
mirror of https://github.com/Unkn0wnCat/data-toolbox-site.git synced 2025-08-06 13:18:20 +02:00
Code Issues Projects Releases Packages Wiki Activity

Fix classification of Base64Tool

Browse source
This commit is contained in:
Kevin Kandlbinder 2022-05-03 14:49:14 +02:00
parent e0edd29436
commit 044c63474d
9 changed files with 137 additions and 122 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/_common.scss
View file

@ -1,6 +1,6 @@
$fontFamily: 'Open Sans', sans-serif;
$colorAccent: #f58428;
$colorAccent: #e52b3e;
$colorBackground: #0c0c0c;
$layoutWidth: 1200px;

3
src/components/LinkBox.module.scss
View file

@ -70,7 +70,8 @@
.lbText {
font-size: 1em;
font-weight: 200;
font-weight: 400;
padding-left: 5px;
}
}
}

5
src/pages/Home.tsx
View file

@ -1,5 +1,5 @@
import React from "react";
import { Binary, List } from 'lucide-react';
import { Binary, List, Lock } from 'lucide-react';
import { useTranslation } from 'react-i18next';
@ -25,7 +25,8 @@ const HomePage = () => {
<div className={styles.flexList}>
<LinkBox to={"/tools"} text={t("tools.categories.everything")} icon={<List/>} />
<LinkBox to={"/tools/cryptography"} text={t("tools.categories.cryptography")} icon={<Binary/>} />
<LinkBox to={"/tools/cryptography"} text={t("tools.categories.cryptography")} icon={<Lock/>} />
<LinkBox to={"/tools/encodings"} text={t("tools.categories.encodings")} icon={<Binary/>} />
{/*<LinkBox to={"/tools/osm"} text={"OSM"} icon={Map} />*/}
</div>
</div>

7
src/pages/Tools.tsx
View file

@ -1,6 +1,6 @@
import React from "react";
import { useParams } from "react-router-dom";
import * as icons from 'lucide-react';
import {Lock, Binary, List} from 'lucide-react';
import { useTranslation } from 'react-i18next';
@ -28,8 +28,9 @@ const ToolsPage = () => {
<span className={styles.title}>{t("tools.toolList")}</span>
<div className={styles.flexList}>
<LinkBox to={"/tools"} text={t("tools.categories.everything")} icon={<icons.List/>} small={true} highlight={category == null} />
<LinkBox to={"/tools/cryptography"} text={t("tools.categories.cryptography")} icon={<icons.Binary/>} small={true} highlight={category === "cryptography"} />
<LinkBox to={"/tools"} text={t("tools.categories.everything")} icon={<List/>} small={true} highlight={category == null} />
<LinkBox to={"/tools/cryptography"} text={t("tools.categories.cryptography")} icon={<Lock/>} small={true} highlight={category === "cryptography"} />
<LinkBox to={"/tools/encodings"} text={t("tools.categories.encodings")} icon={<Binary/>} small={true} highlight={category === "encodings"} />
{/*<LinkBox to={"/tools/osm"} text={"OSM"} icon={icons["Map"]} small={true} highlight={category === "osm"} />*/}
</div>

16
src/tools/cyphers_and_cryptography/base64/Base64Tool.tsx
View file

@ -29,19 +29,19 @@ const Base64Tool = () => {
return (
<main>
<Helmet>
<title>{t("tools.cryptography.base64.title")} | {t("site.title")}</title>
<meta name="keywords" content="Base64, encryption, decryption, verschlüsselung, entschlüsselung, base, 64, binary, tool" />
<title>{t("tools.encodings.base64.title")} | {t("site.title")}</title>
<meta name="keywords" content="Base64, encoding, decoding, encoder, decoder, base, 64, binary, tool" />
</Helmet>
<div className={styles.layoutBox}>
<h1>{t("tools.cryptography.base64.title")}</h1>
<h1>{t("tools.encodings.base64.title")}</h1>
<p><Trans i18nKey={"tools.cryptography.base64.description"} components={{wikipedia: <a href="https://en.wikipedia.org/wiki/Base64">xxx</a>, pre: <pre/>}} /></p>
<p><Trans i18nKey={"tools.encodings.base64.description"} components={{wikipedia: <a href="https://en.wikipedia.org/wiki/Base64">xxx</a>, pre: <pre/>}} /></p>
<label htmlFor="base64-input">{t("tools.cryptography.common.cleartext")}</label>
<textarea id="base64-input" placeholder={t("tools.cryptography.common.cleartext")} onChange={(e) => {setReversed(false); setInput(e.currentTarget.value);}} value={input}></textarea>
<label htmlFor="base64-input">{t("tools.encodings.common.decoded")}</label>
<textarea id="base64-input" placeholder={t("tools.encodings.common.decoded")} onChange={(e) => {setReversed(false); setInput(e.currentTarget.value);}} value={input}></textarea>
<label htmlFor="base64-output">{t("tools.cryptography.common.ciphertext")}</label>
<textarea id="base64-output" placeholder={t("tools.cryptography.common.ciphertext")} onChange={(e) => {setReversed(true); setOutput(e.currentTarget.value);}} value={output}></textarea>
<label htmlFor="base64-output">{t("tools.encodings.common.encoded")}</label>
<textarea id="base64-output" placeholder={t("tools.encodings.common.encoded")} onChange={(e) => {setReversed(true); setOutput(e.currentTarget.value);}} value={output}></textarea>
</div>
</main>
)

4
src/tools/tools.ts
View file

@ -23,9 +23,9 @@ const tools = [
"external": false,
"urlname": "base64",
"icon": Binary,
"category": "cryptography",
"category": "encodings",
"hidden": false,
"keywords": "binary, base64, base, 64, cryptography, encryption, decryption"
"keywords": "binary, base64, base, 64, encodings, encryption, decryption"
}
]