From aff25868d2a9b231731a45862a01ba85e3c19013 Mon Sep 17 00:00:00 2001 From: CrispyPin Date: Tue, 18 Jan 2022 18:04:48 +0100 Subject: [PATCH] convert all indentation to tabs --- docs/.well-known/matrix/client | 6 +- docs/fractals/index.html | 136 ++++++++-------- docs/index.html | 54 +++---- docs/style.css.map | 2 +- docs/style.scss | 274 ++++++++++++++++----------------- docs/uparrow.png | Bin 261 -> 0 bytes pages/fractals/index.html | 98 ++++++------ pages/index.html | 16 +- templates/footer.html | 18 +-- templates/header.html | 8 +- templates/navbar.html | 18 +-- 11 files changed, 315 insertions(+), 315 deletions(-) delete mode 100644 docs/uparrow.png diff --git a/docs/.well-known/matrix/client b/docs/.well-known/matrix/client index 6827228..da9da44 100644 --- a/docs/.well-known/matrix/client +++ b/docs/.well-known/matrix/client @@ -1,5 +1,5 @@ { - "m.homeserver": { - "base_url": "https://matrix.crispypin.cc" - } + "m.homeserver": { + "base_url": "https://matrix.crispypin.cc" + } } diff --git a/docs/fractals/index.html b/docs/fractals/index.html index 90e2abd..0ea8100 100644 --- a/docs/fractals/index.html +++ b/docs/fractals/index.html @@ -1,80 +1,80 @@ - + - CrispyPin.cc - Fractals + CrispyPin.cc - Fractals -
- -
- -
-

Fractals

-

This page is a collection of fractals renderers I made in JS for a school assignment back in 2020. Please note that I don't use JS anymore.

-

Fractal tree

-

The splitting angle is defined by the mouses x position. The number of iterations is set in the first input field (default is 12). Each branch is slightly smaller than its parent, the factor is the second input field. Click the canvas to pause/resume the image.

-
- -
- - -
-
-

Mandelbrot set

- Wikipedia page -

You can click to zoom and set the iteration count in the input field.

-
- -
- - -
-
-

Multibrot set

- Wikipedia page -

You can click to zoom and set the iteration count in the input field. The second input controls the exponent. This is quite slow to render.

-
- -
- - - -
-
-

Julia set

- Wikipedia page -

You can set the iteration count in the input field.

-
- -
- - -
-
- -
- +
+ +
+ +
+

Fractals

+

This page is a collection of fractals renderers I made in JS for a school assignment back in 2020. Please note that I don't use JS anymore.

+

Fractal tree

+

The splitting angle is defined by the mouses x position. The number of iterations is set in the first input field (default is 12). Each branch is slightly smaller than its parent, the factor is the second input field. Click the canvas to pause/resume the image.

+
+ +
+ + +
+
+

Mandelbrot set

+ Wikipedia page +

You can click to zoom and set the iteration count in the input field.

+
+ +
+ + +
+
+

Multibrot set

+ Wikipedia page +

You can click to zoom and set the iteration count in the input field. The second input controls the exponent. This is quite slow to render.

+
+ +
+ + + +
+
+

Julia set

+ Wikipedia page +

You can set the iteration count in the input field.

+
+ +
+ + +
+
+ +
+ \ No newline at end of file diff --git a/docs/index.html b/docs/index.html index 6bdcfb9..131b094 100644 --- a/docs/index.html +++ b/docs/index.html @@ -1,39 +1,39 @@ - + - CrispyPin.cc + CrispyPin.cc -
- -
- -
-

Homepage

-

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Earum exercitationem quod laudantium neque. Dolor qui magnam debitis repellendus assumenda tenetur ab aliquam ea sit in harum facere neque ad nemo vel nesciunt distinctio totam, cupiditate, deleniti nam voluptas quia aperiam.

-
- +
+ +
+ +
+

Homepage

+

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Earum exercitationem quod laudantium neque. Dolor qui magnam debitis repellendus assumenda tenetur ab aliquam ea sit in harum facere neque ad nemo vel nesciunt distinctio totam, cupiditate, deleniti nam voluptas quia aperiam.

+
+ \ No newline at end of file diff --git a/docs/style.css.map b/docs/style.css.map index acb222b..af1bc24 100644 --- a/docs/style.css.map +++ b/docs/style.css.map @@ -1,6 +1,6 @@ { "version": 3, - "mappings": "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", + "mappings": "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", "sources": [ "style.scss" ], diff --git a/docs/style.scss b/docs/style.scss index 909b238..28620a0 100644 --- a/docs/style.scss +++ b/docs/style.scss @@ -10,171 +10,171 @@ $main-color: #cff; body { - font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; - background-color: $main-bg; - color: $main-color; + font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; + background-color: $main-bg; + color: $main-color; - display: grid; - grid-template-rows: 50px auto 1fr auto; + display: grid; + grid-template-rows: 50px auto 1fr auto; - grid-template-columns: 20px 1fr 20px; - - margin: 0; - min-height: 100vh; + grid-template-columns: 20px 1fr 20px; + + margin: 0; + min-height: 100vh; } a:visited { - color: #b8f; + color: #b8f; } nav { - grid-column: 1 / -1; - ul { - list-style-type: none; - margin: 0; - display: grid; - padding: 5px 25px; - grid-gap: 5px; - grid-template-columns: repeat(auto-fill, minmax(175px, auto)); - } - li { - @extend .clickable; - padding: 8px; - } - a { - font-size: 24px; - color: #000; - text-decoration: none; - display: block; - text-align: center; - &:visited { - color: #000; - } - } + grid-column: 1 / -1; + ul { + list-style-type: none; + margin: 0; + display: grid; + padding: 5px 25px; + grid-gap: 5px; + grid-template-columns: repeat(auto-fill, minmax(175px, auto)); + } + li { + @extend .clickable; + padding: 8px; + } + a { + font-size: 24px; + color: #000; + text-decoration: none; + display: block; + text-align: center; + &:visited { + color: #000; + } + } } header { - grid-column: 1 / -1; - background-color: $main-bg; - padding: 0; - h1 { - font-size: 40px; - margin: 0; - } + grid-column: 1 / -1; + background-color: $main-bg; + padding: 0; + h1 { + font-size: 40px; + margin: 0; + } } footer { - grid-column: 1 / -1; - margin-top: 5px; - margin-bottom: 10px; - text-align: center; - p { - margin: 5px; - } + grid-column: 1 / -1; + margin-top: 5px; + margin-bottom: 10px; + text-align: center; + p { + margin: 5px; + } } main { - padding: 0 20px; - grid-column: 2 / -2; - background-color: $main-page-bg; + padding: 0 20px; + grid-column: 2 / -2; + background-color: $main-page-bg; } .demo-render { - margin: 20px; - width: min-content; - background-color: #000; + margin: 20px; + width: min-content; + background-color: #000; } .controlbar { - background-color: $main-bg; - padding: 2px 5px; - height: max-content; - display: flex; - - justify-content: space-evenly; - align-content: stretch; - flex-wrap: wrap; - - button, input { - @extend .clickable; - padding: 4px 6px; - height: 25px; - border: 1px solid #000; - border: 0; - cursor: pointer; - - flex-grow: 1; - margin: 2px; - } - .slider { - -webkit-appearance: none; - -moz-appearance: none; - outline: none; - border-radius: 0; - height: 25px; - padding: 0; - margin: 2px; - cursor: pointer; - - &::-webkit-slider-thumb { - -webkit-appearance: none; - appearance: none; - border-radius: 1px; - width: 25px; - height: 25px; - background-color: $main-item-active; - margin: 0; - border-radius: 0; - border: 1px solid #000; - } - &::-moz-range-thumb { - /*TODO make this look the same as on chrome*/ - -moz-appearance: none; - width: 25px; - height: 100%; - background-color: $main-item-active; - margin: 0; - padding: 0; - border-radius: 0; - border: 1px solid #000; - } - } - label { - background-color: $main-bg; - color: #fb8; - margin: 2px; - font-family: 'Consolas', 'Courier New', Courier, monospace; - } - .play-button { - flex-basis: 35%; - } + background-color: $main-bg; + padding: 2px 5px; + height: max-content; + display: flex; + + justify-content: space-evenly; + align-content: stretch; + flex-wrap: wrap; + + button, input { + @extend .clickable; + padding: 4px 6px; + height: 25px; + border: 1px solid #000; + border: 0; + cursor: pointer; + + flex-grow: 1; + margin: 2px; + } + .slider { + -webkit-appearance: none; + -moz-appearance: none; + outline: none; + border-radius: 0; + height: 25px; + padding: 0; + margin: 2px; + cursor: pointer; + + &::-webkit-slider-thumb { + -webkit-appearance: none; + appearance: none; + border-radius: 1px; + width: 25px; + height: 25px; + background-color: $main-item-active; + margin: 0; + border-radius: 0; + border: 1px solid #000; + } + &::-moz-range-thumb { + /*TODO make this look the same as on chrome*/ + -moz-appearance: none; + width: 25px; + height: 100%; + background-color: $main-item-active; + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid #000; + } + } + label { + background-color: $main-bg; + color: #fb8; + margin: 2px; + font-family: 'Consolas', 'Courier New', Courier, monospace; + } + .play-button { + flex-basis: 35%; + } } .clickable { - border-radius: 4px; - background-color: $main-item; - &:hover { - background-color: $main-item-hover; - } - &:active { - background-color: $main-item-active; - } - &:disabled { - background-color: $main-item-disabled; - text-decoration: line-through; - color: #000; - cursor: default; - } + border-radius: 4px; + background-color: $main-item; + &:hover { + background-color: $main-item-hover; + } + &:active { + background-color: $main-item-active; + } + &:disabled { + background-color: $main-item-disabled; + text-decoration: line-through; + color: #000; + cursor: default; + } } .scroll-reset { - @extend .clickable; - position: fixed; - right: 20px; - bottom: 20px; - width: 40px; - height: 40px; - background-image: url("uparrow.png"); - cursor: pointer; + @extend .clickable; + position: fixed; + right: 20px; + bottom: 20px; + width: 40px; + height: 40px; + background-image: url("uparrow.png"); + cursor: pointer; } diff --git a/docs/uparrow.png b/docs/uparrow.png deleted file mode 100644 index 52a3889b6a7b645316e883402203dc815b39ef6a..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 261 zcmeAS@N?(olHy`uVBq!ia0vp^8X(NU1|)m_?Z^dEjKx9jP7LeL$-D$|SkfJR9T^xl z_H+M9WCij$3p^r=85sBuf-vKbiP>*~g0nnb977`9-(L0RYH<*8zIf^H`$$18;e|Ex zT>?%t9*cast?aRZvGK~}x|D5|p*z|=&xNtBdnZ-9PsyNa$rU!~8GrX~EuV4V)%=B9 zukx-r=2*F2_(pH@r8LtCz0F_pR0BlWSH8_zV8wUnug`<%!VfnDSog`YpYA&&+v5`7 zbnC|RubX8~6e*l;)M4Kwb0TO@xBlwy8(-BJ|6Xb6cXftzopr E0ITF?z5oCK diff --git a/pages/fractals/index.html b/pages/fractals/index.html index d8f6dca..abb1931 100644 --- a/pages/fractals/index.html +++ b/pages/fractals/index.html @@ -1,56 +1,56 @@ - - CrispyPin.cc - Fractals + + CrispyPin.cc - Fractals - -
-

Fractals

-

This page is a collection of fractals renderers I made in JS for a school assignment back in 2020. Please note that I don't use JS anymore.

-

Fractal tree

-

The splitting angle is defined by the mouses x position. The number of iterations is set in the first input field (default is 12). Each branch is slightly smaller than its parent, the factor is the second input field. Click the canvas to pause/resume the image.

-
- -
- - -
-
-

Mandelbrot set

- Wikipedia page -

You can click to zoom and set the iteration count in the input field.

-
- -
- - -
-
-

Multibrot set

- Wikipedia page -

You can click to zoom and set the iteration count in the input field. The second input controls the exponent. This is quite slow to render.

-
- -
- - - -
-
-

Julia set

- Wikipedia page -

You can set the iteration count in the input field.

-
- -
- - -
-
- -
- + +
+

Fractals

+

This page is a collection of fractals renderers I made in JS for a school assignment back in 2020. Please note that I don't use JS anymore.

+

Fractal tree

+

The splitting angle is defined by the mouses x position. The number of iterations is set in the first input field (default is 12). Each branch is slightly smaller than its parent, the factor is the second input field. Click the canvas to pause/resume the image.

+
+ +
+ + +
+
+

Mandelbrot set

+ Wikipedia page +

You can click to zoom and set the iteration count in the input field.

+
+ +
+ + +
+
+

Multibrot set

+ Wikipedia page +

You can click to zoom and set the iteration count in the input field. The second input controls the exponent. This is quite slow to render.

+
+ +
+ + + +
+
+

Julia set

+ Wikipedia page +

You can set the iteration count in the input field.

+
+ +
+ + +
+
+ +
+ \ No newline at end of file diff --git a/pages/index.html b/pages/index.html index 2e66a08..53c1bc0 100644 --- a/pages/index.html +++ b/pages/index.html @@ -1,15 +1,15 @@ - - CrispyPin.cc + + CrispyPin.cc - -
-

Homepage

-

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Earum exercitationem quod laudantium neque. Dolor qui magnam debitis repellendus assumenda tenetur ab aliquam ea sit in harum facere neque ad nemo vel nesciunt distinctio totam, cupiditate, deleniti nam voluptas quia aperiam.

-
- + +
+

Homepage

+

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Earum exercitationem quod laudantium neque. Dolor qui magnam debitis repellendus assumenda tenetur ab aliquam ea sit in harum facere neque ad nemo vel nesciunt distinctio totam, cupiditate, deleniti nam voluptas quia aperiam.

+
+ \ No newline at end of file diff --git a/templates/footer.html b/templates/footer.html index cc83a9b..a091b84 100644 --- a/templates/footer.html +++ b/templates/footer.html @@ -1,9 +1,9 @@ -
-

crispypin.cc

-
- - - - -
-
\ No newline at end of file +
+

Copyright © 2022 - CrispyPin

+
+ + + + +
+
\ No newline at end of file diff --git a/templates/header.html b/templates/header.html index ddf3c91..396849b 100644 --- a/templates/header.html +++ b/templates/header.html @@ -1,4 +1,4 @@ -
- -
- \ No newline at end of file +
+ +
+ \ No newline at end of file diff --git a/templates/navbar.html b/templates/navbar.html index 095862b..4121bfb 100644 --- a/templates/navbar.html +++ b/templates/navbar.html @@ -1,9 +1,9 @@ - \ No newline at end of file + \ No newline at end of file