diff --git a/README.md b/README.md
new file mode 100644
index 0000000000000000000000000000000000000000..a27ae7b1e874d313b0235b86209bd545c1468bae
--- /dev/null
+++ b/README.md
@@ -0,0 +1,13 @@
+# FFT Example - Centric Logarithmic transform
+
+This project is a client calculated wasm rust side that showcases the result of a logarithmic centered forier transform applied to a picture.
+A example is hosted on [my personal side](https://juhu.noisruker.de/fft-example). All computations are made client side.
+
+# Build
+
+If you want to build it yourself you need to install [rust-wasm](https://www.rust-lang.org/tools/install).
+
+Then you can build the rust code to webassembly by calling `wasm-pack build --target web`
+
+Now all you got to do is host the index.html as a local website and open it in a browser.
+This can most simply be achieved by using `python -m http.server 8000` and opening [`http://localhost:8000`](http://localhost:8000).
diff --git a/index.html b/index.html
index 4e45b5005273baf8e1901e5036b87bbad21bf56d..636035ec7d7a790e298d42081a088f487ad4c07c 100644
--- a/index.html
+++ b/index.html
@@ -3,7 +3,7 @@
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
- <title>Rust WASM GrayImage Viewer</title>
+ <title>Rust FFT Example</title>
<style>
:root {
--primary-color: #7a50a1;
@@ -17,6 +17,8 @@
--color-accent: var(--color-signal);
--size-bezel: 0.5rem;
--size-radius: 4px;
+ --fg-link: #7c7c7c;
+ --fg-link-hover: #606060;
}
html,
body {
@@ -45,6 +47,19 @@
.pictures {
display: flex;
}
+ a {
+ color: var(--fg-link);
+ transition: all 0.5s ease-in-out;
+ }
+
+ a:hover,
+ a:focus {
+ color: var(--fg-link-hover);
+ }
+ #link-section a {
+ margin-left: 2rem;
+ margin-right: 2rem;
+ }
</style>
</head>
<body>
@@ -162,6 +177,12 @@
</div>
</div>
</div>
+ <div class="content" id="link-section">
+ <a
+ href="https://gitlab.fachschaften.org/fabius.mettner/fft-shift-log-site/"
+ >Code</a
+ >
+ </div>
<script type="module">
import init, { ImageState } from "./pkg/centric_log_transform.js";