From feac2d83c114f1a6f828af485ff5820016e40b4e Mon Sep 17 00:00:00 2001 From: CrispyPin Date: Sun, 8 May 2022 16:29:27 +0200 Subject: [PATCH] clean up, fix layout on mobile, fix typos --- docs/blender/index.html | 2 +- docs/index.html | 21 +++++++++++++-------- docs/style.css | 31 +++++++++++++++++-------------- docs/style.css.map | 2 +- docs/style.scss | 30 +++++++++++++++--------------- docs/voxels/index.html | 10 +++++----- pages/blender/index.html | 2 +- pages/index.html | 21 +++++++++++++-------- pages/voxels/index.html | 10 +++++----- 9 files changed, 71 insertions(+), 58 deletions(-) diff --git a/docs/blender/index.html b/docs/blender/index.html index 3b008e2..edcf32b 100644 --- a/docs/blender/index.html +++ b/docs/blender/index.html @@ -14,7 +14,7 @@

Blender creations

-

I have been using Blender since around august 2020 on and off, and did a course in it 2021, which boosted my motivation a lot. I occasionally make art in it and of course use it for game jams.

+

I have been using Blender since around August 2020 on and off, and did a course in it 2021, which boosted my motivation a lot. I occasionally make art in it and of course use it for game jams.

Alien Creatures animation

January 2022

diff --git a/docs/index.html b/docs/index.html index 4874b29..0f676f3 100644 --- a/docs/index.html +++ b/docs/index.html @@ -13,8 +13,11 @@
-

Hello!

-

Welcome to my corner of the internet. I use this page to showcase some of my interesting projects in an easier to see way compared to just github.

+
+

Hello!

+

Welcome to my corner of the internet. I use this page to showcase some of my interesting projects.

+

You can find all my code projects on GitHub and all published games are available on itch.io

+

Voxel engine in godot-rust

@@ -32,32 +35,34 @@ OVR Utils is a VR overlay application that has some useful tools for SteamVR. I have been working on it on and off since May 2021.

- I wanted an overlay that could tell me the time without having to open the steam dashboard, and to see the battery levels of my controllers easily, but couldn't find one for free that also had linux support. So I decided to create my own, and also wrote down a long list of other useful tools. So far only a few of these have been implemented, such as the image overlay and the keyboard. + I wanted an overlay that could tell me the time without having to open the steam dashboard, and to see the battery levels of my controllers easily, but couldn't find one for free that also had Linux support. So I decided to create my own, and also wrote down a long list of other useful tools. So far only a few of these have been implemented, such as the image overlay and the keyboard.

Blender creations

-

I have been using Blender since around august 2020 on and off, and did a course in it 2021, which boosted my motivation a lot. I occasionally make art in it and of course use it for game jams.

+

I have been using Blender since around August 2020 on and off, and did a course in it 2021, which boosted my motivation a lot. I occasionally make art in it and of course use it for game jams.

Raymarched voxel rendering

- https://github.com/CrispyPin/voxel-raymarcher +

Source: https://github.com/CrispyPin/voxel-raymarcher

+

A raymarched voxel renderer made with a Godot shader.

-

Game of life wallpaper

+

Game of Life wallpaper

Source: https://github.com/CrispyPin/gol-wallpaper

-

See live here: gol.crispypin.cc

+ +

Click the title to see it live or go to gol.crispypin.cc

Fractals

- While I was learning web development and javascript I made a page with fractals. I thought it was interesting enough to keep here. + While I was learning web development and JavaScript I made a page with fractals. I thought it was interesting enough to keep here.
diff --git a/docs/style.css b/docs/style.css index 2b7424a..3f1a466 100644 --- a/docs/style.css +++ b/docs/style.css @@ -1,21 +1,27 @@ body { font-family: sans-serif; - background-color: #111; + background-color: #080808; color: #fff; - display: -ms-grid; - display: grid; - -ms-grid-rows: 50px 1fr auto; - grid-template-rows: 50px 1fr auto; margin: 0; + min-width: -webkit-min-content; + min-width: -moz-min-content; + min-width: min-content; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } main { - padding: 0 32px 64px; + padding: 0 16px 64px; width: 800px; - background-color: #222; + margin-left: auto; + margin-right: auto; + max-width: 800px; + background-color: #181818; +} + +header { + text-align: center; } a:link { @@ -35,14 +41,7 @@ a:visited { color: #fff; } -header { - grid-column: 1 / -1; - background-color: #111; - padding: 0; -} - footer { - grid-column: 1 / -1; margin-top: 5px; margin-bottom: 10px; text-align: center; @@ -55,4 +54,8 @@ footer p { img { max-width: 800px; } + +video { + max-width: 800px; +} /*# sourceMappingURL=style.css.map */ \ No newline at end of file diff --git a/docs/style.css.map b/docs/style.css.map index 25c53af..840e778 100644 --- a/docs/style.css.map +++ b/docs/style.css.map @@ -1,6 +1,6 @@ { "version": 3, - "mappings": "AAOA,AAAA,IAAI,CAAC;EACJ,WAAW,EAAE,UAAU;EACvB,gBAAgB,EATP,IAAI;EAUb,KAAK,EARI,IAAI;EAUb,OAAO,EAAE,IAAI;EACb,kBAAkB,EAAE,aAAa;EAEjC,MAAM,EAAE,CAAC;EACT,eAAe,EAAE,MAAM;CACvB;;AAED,AAAA,IAAI,CAAC;EACJ,OAAO,EAAE,WAAY;EAErB,KAAK,EAlBO,KAAK;EAoBjB,gBAAgB,EAvBJ,IAAI;CAwBhB;;AAED,AAAA,CAAC,AAAA,KAAK,CAAC;EACN,KAAK,EAAE,IAAI;CACX;;AAED,AAAA,CAAC,AAAA,QAAQ,CAAC;EACT,KAAK,EAAE,IAAI;CACX;;AAED,AAAA,WAAW,CAAC,CAAC,CAAC;EACb,eAAe,EAAE,IAAI;EACrB,KAAK,EAnCI,IAAI;CAuCb;;AAND,AAGC,WAHU,CAAC,CAAC,AAGX,QAAQ,CAAC;EACT,KAAK,EArCG,IAAI;CAsCZ;;AAGF,AAAA,MAAM,CAAC;EACN,WAAW,EAAE,MAAM;EACnB,gBAAgB,EA7CP,IAAI;EA8Cb,OAAO,EAAE,CAAC;CACV;;AAED,AAAA,MAAM,CAAC;EACN,WAAW,EAAE,MAAM;EACnB,UAAU,EAAE,GAAG;EACf,aAAa,EAAE,IAAI;EACnB,UAAU,EAAE,MAAM;CAIlB;;AARD,AAKC,MALK,CAKL,CAAC,CAAC;EACD,MAAM,EAAE,GAAG;CACX;;AAGF,AAAA,GAAG,CAAC;EACH,SAAS,EAxDG,KAAK;CAyDjB", + "mappings": "AAOA,AAAA,IAAI,CAAC;EACJ,WAAW,EAAE,UAAU;EACvB,gBAAgB,EATP,OAAO;EAUhB,KAAK,EARI,IAAI;EAUb,MAAM,EAAE,CAAC;EACT,SAAS,EAAE,WAAW;EACtB,eAAe,EAAE,MAAM;CACvB;;AAED,AAAA,IAAI,CAAC;EACJ,OAAO,EAAE,WAAW;EACpB,KAAK,EAfO,KAAK;EAgBjB,WAAW,EAAE,IAAI;EACjB,YAAY,EAAE,IAAI;EAClB,SAAS,EAlBG,KAAK;EAmBjB,gBAAgB,EAtBJ,OAAO;CAuBnB;;AAED,AAAA,MAAM,CAAC;EACN,UAAU,EAAE,MAAM;CAClB;;AAED,AAAA,CAAC,AAAA,KAAK,CAAC;EACN,KAAK,EAAE,IAAI;CACX;;AAED,AAAA,CAAC,AAAA,QAAQ,CAAC;EACT,KAAK,EAAE,IAAI;CACX;;AAED,AAAA,WAAW,CAAC,CAAC,CAAC;EACb,eAAe,EAAE,IAAI;EACrB,KAAK,EAtCI,IAAI;CA0Cb;;AAND,AAGC,WAHU,CAAC,CAAC,AAGX,QAAQ,CAAC;EACT,KAAK,EAxCG,IAAI;CAyCZ;;AAGF,AAAA,MAAM,CAAC;EACN,UAAU,EAAE,GAAG;EACf,aAAa,EAAE,IAAI;EACnB,UAAU,EAAE,MAAM;CAIlB;;AAPD,AAIC,MAJK,CAIL,CAAC,CAAC;EACD,MAAM,EAAE,GAAG;CACX;;AAGF,AAAA,GAAG,CAAC;EACH,SAAS,EApDG,KAAK;CAqDjB;;AAED,AAAA,KAAK,CAAC;EACL,SAAS,EAxDG,KAAK;CAyDjB", "sources": [ "style.scss" ], diff --git a/docs/style.scss b/docs/style.scss index f3226f9..dab1b02 100644 --- a/docs/style.scss +++ b/docs/style.scss @@ -1,5 +1,5 @@ -$main-bg: #111; -$content-bg: #222; +$main-bg: #080808; +$content-bg: #181818; $main-fg: #fff; $page-width: 800px; @@ -10,21 +10,24 @@ body { background-color: $main-bg; color: $main-fg; - display: grid; - grid-template-rows: 50px 1fr auto; - margin: 0; + min-width: min-content; justify-content: center; } main { - padding: 0 32px 64px ; - // grid-column: 2 / -2; + padding: 0 16px 64px; width: $page-width; - // justify-self: center; + margin-left: auto; + margin-right: auto; + max-width: $page-width; background-color: $content-bg; } +header { + text-align: center; +} + a:link { color: #8bf; } @@ -41,14 +44,7 @@ a:visited { } } -header { - grid-column: 1 / -1; - background-color: $main-bg; - padding: 0; -} - footer { - grid-column: 1 / -1; margin-top: 5px; margin-bottom: 10px; text-align: center; @@ -61,3 +57,7 @@ img { max-width: $page-width; } +video { + max-width: $page-width; +} + diff --git a/docs/voxels/index.html b/docs/voxels/index.html index aecb163..aecc687 100644 --- a/docs/voxels/index.html +++ b/docs/voxels/index.html @@ -16,17 +16,17 @@

Godot-Rust Voxel Engine

https://github.com/CrispyPin/gd-voxel-rs

- I am making a voxel engine in rust to learn rust and godot-rust as well as explore voxel systems. + I am making a voxel engine in rust to learn Rust and godot-rust as well as explore voxel systems.

- +

Demo of fast terrain generation

- +

Greedy mesh visualisation

-

Greedy mesh algorithm

+

Disclaimer: this is not done. I will write the rest of this soon™

-

The algorithm I'm using is one I made myself, inspired by a few others. I could not find an easy to understand explanation of how to do it but this artice and this article gave me somewhere to start

+

The algorithm I'm using is one I made myself, inspired by a few others. I could not find an easy to understand explanation of how to do it but this artice and this article gave me somewhere to start.

In this explanation I will assume basic knowledge of how meshes work and how to do the simplest form of culling for voxel meshes.

diff --git a/pages/blender/index.html b/pages/blender/index.html index 288640d..beb523e 100644 --- a/pages/blender/index.html +++ b/pages/blender/index.html @@ -8,7 +8,7 @@

Blender creations

-

I have been using Blender since around august 2020 on and off, and did a course in it 2021, which boosted my motivation a lot. I occasionally make art in it and of course use it for game jams.

+

I have been using Blender since around August 2020 on and off, and did a course in it 2021, which boosted my motivation a lot. I occasionally make art in it and of course use it for game jams.

Alien Creatures animation

January 2022

diff --git a/pages/index.html b/pages/index.html index 10460f5..1134762 100644 --- a/pages/index.html +++ b/pages/index.html @@ -7,8 +7,11 @@
-

Hello!

-

Welcome to my corner of the internet. I use this page to showcase some of my interesting projects in an easier to see way compared to just github.

+
+

Hello!

+

Welcome to my corner of the internet. I use this page to showcase some of my interesting projects.

+

You can find all my code projects on GitHub and all published games are available on itch.io

+

Voxel engine in godot-rust

@@ -26,32 +29,34 @@ OVR Utils is a VR overlay application that has some useful tools for SteamVR. I have been working on it on and off since May 2021.

- I wanted an overlay that could tell me the time without having to open the steam dashboard, and to see the battery levels of my controllers easily, but couldn't find one for free that also had linux support. So I decided to create my own, and also wrote down a long list of other useful tools. So far only a few of these have been implemented, such as the image overlay and the keyboard. + I wanted an overlay that could tell me the time without having to open the steam dashboard, and to see the battery levels of my controllers easily, but couldn't find one for free that also had Linux support. So I decided to create my own, and also wrote down a long list of other useful tools. So far only a few of these have been implemented, such as the image overlay and the keyboard.

Blender creations

-

I have been using Blender since around august 2020 on and off, and did a course in it 2021, which boosted my motivation a lot. I occasionally make art in it and of course use it for game jams.

+

I have been using Blender since around August 2020 on and off, and did a course in it 2021, which boosted my motivation a lot. I occasionally make art in it and of course use it for game jams.

Raymarched voxel rendering

- https://github.com/CrispyPin/voxel-raymarcher +

Source: https://github.com/CrispyPin/voxel-raymarcher

+

A raymarched voxel renderer made with a Godot shader.

-

Game of life wallpaper

+

Game of Life wallpaper

Source: https://github.com/CrispyPin/gol-wallpaper

-

See live here: gol.crispypin.cc

+ +

Click the title to see it live or go to gol.crispypin.cc

Fractals

- While I was learning web development and javascript I made a page with fractals. I thought it was interesting enough to keep here. + While I was learning web development and JavaScript I made a page with fractals. I thought it was interesting enough to keep here.
diff --git a/pages/voxels/index.html b/pages/voxels/index.html index adfad9a..cba19d0 100644 --- a/pages/voxels/index.html +++ b/pages/voxels/index.html @@ -10,17 +10,17 @@

Godot-Rust Voxel Engine

https://github.com/CrispyPin/gd-voxel-rs

- I am making a voxel engine in rust to learn rust and godot-rust as well as explore voxel systems. + I am making a voxel engine in rust to learn Rust and godot-rust as well as explore voxel systems.

- +

Demo of fast terrain generation

- +

Greedy mesh visualisation

-

Greedy mesh algorithm

+

Disclaimer: this is not done. I will write the rest of this soon™

-

The algorithm I'm using is one I made myself, inspired by a few others. I could not find an easy to understand explanation of how to do it but this artice and this article gave me somewhere to start

+

The algorithm I'm using is one I made myself, inspired by a few others. I could not find an easy to understand explanation of how to do it but this artice and this article gave me somewhere to start.

In this explanation I will assume basic knowledge of how meshes work and how to do the simplest form of culling for voxel meshes.