Skip to content

Commit f0da709

Browse files
committed
Improve layout, add icon, & update web-safety
1 parent 5d6e480 commit f0da709

File tree

10 files changed

+77
-36
lines changed

10 files changed

+77
-36
lines changed

src/_includes/layouts/page.njk

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -25,7 +25,7 @@
2525
{% include "src/_includes/layouts/sidebar.njk" %}
2626
</div>
2727
<div class="column is-8-fullhd is-9-widescreen is-9-desktop mt-4-touch">
28-
<div class="section py-0">
28+
<div class="section py-0{% if center_section !== false %} is-flex is-justify-content-center{% endif %}">
2929
<div class="content">
3030
{{ content | safe }}
3131
</div>

src/img/butterscotch.jpg

637 KB
Loading

src/index.md

Lines changed: 20 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -8,13 +8,31 @@ eleventyNavigation:
88

99
image: /img/avatar.png
1010
---
11+
{% include "photoswipe.njk" %}
12+
{% import "photoswipe.njk" as ps %}
1113

1214
# {{ title }}
1315

16+
<div class="columns">
17+
<div class="column is-narrow">
18+
<div class="pswp-gallery">
19+
{{ ps.image(url='/img/butterscotch.jpg', width='2000', height='2000', thumb_width='300', alt='An icon of my skunk character Butterscotch.') }}
20+
</div>
21+
1422
Welcome to my homepage, I'm Butterscotch!
1523

16-
You can find me at:
24+
</div>
25+
<div class="column">
26+
27+
## Social/Work Accounts
1728

18-
* [Bluesky (18+)](https://bsky.app/profile/butterscotchv.bsky.social)
1929
* [GitHub](https://github.com/ButterscotchV)
2030
* [SlimeVR Discord](https://discord.gg/slimevr) as `butterscotch.v`
31+
32+
## Art Accounts
33+
34+
* [Bluesky Art Feed](https://bsky.app/profile/butterscotchv.bsky.social)
35+
* [Itaku Art Gallery](https://itaku.ee/profile/butterscotch)
36+
37+
</div>
38+
</div>

src/other-projects.md

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -12,10 +12,22 @@ description: "Links to my other projects"
1212

1313
# {{ title }}
1414

15+
## [ButterSTT](https://github.com/ButterscotchV/ButterSTT)
16+
17+
My open source speech to text program for VRChat! This is a passion project of mine built to provide a local free speech to text service that is fast.
18+
1519
## [Bingus Search](https://bingus.bscotch.ca/)
1620

1721
Bingus Search is a passion project of mine to assist with technical support, helping people find accurate information through a simple question-based search.
1822

1923
## [SlimeVR Firmware Tool](https://slimevr-firmware.bscotch.ca/)
2024

2125
I host a fork of the SlimeVR Firmware Tool for people to use as the original is no longer hosted or maintained. There is a version being developed to be integrated within the SlimeVR software, but as of writing, it is not yet released.
26+
27+
## [SlimeVR Testing Checklist](https://slimevr-testing.bscotch.ca/)
28+
29+
This is a simple checklist I made to help with testing SlimeVR!
30+
31+
## [SlimeVR Web GUI](https://slimevr-gui.bscotch.ca/)
32+
33+
Originally made for use with Termux for standalone SlimeVR, now it's no longer needed and it's recommended you follow the [mobile setup guide](https://docs.slimevr.dev/tools/mobile-installation.html).

src/page.scss

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -16,6 +16,7 @@ $beige-lighter: #eff0eb;
1616

1717
@use "bulma/sass/utilities/mixins";
1818
@use "bulma/sass/helpers/spacing";
19+
@use "bulma/sass/helpers/flexbox";
1920

2021
@forward "bulma/sass/base";
2122
@forward "bulma/sass/themes";

src/vr/slimevr-skeleton-example.md

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -35,8 +35,8 @@ The images below illustrate wearing two physical trackers, a chest tracker mount
3535
_Note: The input does not include the skeleton, the outline is purely for illustrative purposes._
3636

3737
<div class="pswp-gallery is-flex is-gap-1">
38-
{{ ps.image(url='/img/vr/slime-skeleton-0.png', width='327', height='544', thumb_width='300', alt='An image of Amber wearing SlimeVR trackers, side view') }}
39-
{{ ps.image(url='/img/vr/slime-skeleton-0-1.png', width='327', height='544', thumb_width='300', alt='An image of Amber wearing SlimeVR trackers, angled view') }}
38+
{{ ps.image(url='/img/vr/slime-skeleton-0.png', width='327', height='544', thumb_width='300', alt='An image of Amber wearing SlimeVR trackers, side view.') }}
39+
{{ ps.image(url='/img/vr/slime-skeleton-0-1.png', width='327', height='544', thumb_width='300', alt='An image of Amber wearing SlimeVR trackers, angled view.') }}
4040
</div>
4141

4242
### SlimeVR server internal skeleton
@@ -46,8 +46,8 @@ The images below illustrate the internal skeleton of SlimeVR calculated from the
4646
_Note: The illustrated skeleton does not accurately represent the skeleton used for SlimeVR, it is an artistic approximation._
4747

4848
<div class="pswp-gallery is-flex is-gap-1">
49-
{{ ps.image(url='/img/vr/slime-skeleton-1.png', width='327', height='544', thumb_width='300', alt='An image of a SlimeVR skeleton with SlimeVR trackers and a SteamVR tracker on the waist, side view') }}
50-
{{ ps.image(url='/img/vr/slime-skeleton-1-1.png', width='327', height='544', thumb_width='300', alt='An image of a SlimeVR skeleton with SlimeVR trackers and a SteamVR tracker on the waist, angled view') }}
49+
{{ ps.image(url='/img/vr/slime-skeleton-1.png', width='327', height='544', thumb_width='300', alt='An image of a SlimeVR skeleton with SlimeVR trackers and a SteamVR tracker on the waist, side view.') }}
50+
{{ ps.image(url='/img/vr/slime-skeleton-1-1.png', width='327', height='544', thumb_width='300', alt='An image of a SlimeVR skeleton with SlimeVR trackers and a SteamVR tracker on the waist, angled view.') }}
5151
</div>
5252

5353
### SteamVR output
@@ -57,8 +57,8 @@ The images below illustrate the resulting SteamVR waist tracker. This tracker is
5757
_Note: The output does not include the skeleton, the outline is purely for illustrative purposes._
5858

5959
<div class="pswp-gallery is-flex is-gap-1">
60-
{{ ps.image(url='/img/vr/slime-skeleton-2.png', width='327', height='544', thumb_width='300', alt='An image of a SteamVR tracker, side view') }}
61-
{{ ps.image(url='/img/vr/slime-skeleton-2-1.png', width='327', height='544', thumb_width='300', alt='An image of a SteamVR tracker, angled view') }}
60+
{{ ps.image(url='/img/vr/slime-skeleton-2.png', width='327', height='544', thumb_width='300', alt='An image of a SteamVR tracker, side view.') }}
61+
{{ ps.image(url='/img/vr/slime-skeleton-2-1.png', width='327', height='544', thumb_width='300', alt='An image of a SteamVR tracker, angled view.') }}
6262
</div>
6363

6464
## Credit

src/vr/vr.md

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,8 @@
22
layout: layouts/page.njk
33
title: VR
44

5+
center_section: false
6+
57
eleventyNavigation:
68
key: VR
79
order: 2

src/web-safety/mfa.md

Lines changed: 19 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -19,39 +19,43 @@ Multi-factor authentication (MFA) is a method of securing your accounts with a s
1919

2020
## Options
2121

22+
### Proton Pass
23+
24+
[Mobile / Desktop / Browser](https://proton.me/pass/download)
25+
26+
### Bitwarden
27+
28+
[Mobile / Desktop / Browser](https://bitwarden.com/download/)
29+
2230
### Duo Mobile
2331

2432
[Mobile](https://duo.com/product/multi-factor-authentication-mfa/duo-mobile-app)
2533

2634
- [Android](https://play.google.com/store/apps/details?id=com.duosecurity.duomobile)
2735
- [iOS](https://apps.apple.com/us/app/duo-mobile/id422663827)
2836

29-
### Authy
30-
31-
[Mobile / Desktop](https://authy.com/download/)
32-
33-
- [Android](https://play.google.com/store/apps/details?id=com.authy.authy)
34-
- [iOS](https://apps.apple.com/us/app/authy/id494168017)
35-
3637
### Enpass
3738

3839
[Mobile / Desktop / Browser](https://www.enpass.io/downloads/)
3940

40-
(You can find all download links on their [website](https://www.enpass.io/downloads/))
41-
42-
### Bitwarden
43-
44-
[Mobile / Desktop / Browser](https://bitwarden.com/download/)
45-
46-
(You can find all download links on their [website](https://bitwarden.com/download/))
47-
4841
### Microsoft Authenticator
4942

5043
[Mobile](https://www.microsoft.com/en-us/security/mobile-authenticator-app)
5144

5245
- [Android](https://play.google.com/store/apps/details?id=com.azure.authenticator)
5346
- [iOS](https://apps.apple.com/us/app/microsoft-authenticator/id983156458)
5447

48+
### Authy
49+
50+
[Mobile](https://authy.com/download/)
51+
52+
- [Android](https://play.google.com/store/apps/details?id=com.authy.authy)
53+
- [iOS](https://apps.apple.com/us/app/authy/id494168017)
54+
55+
### 2fast
56+
57+
[Windows](https://github.com/2fast-team/2fast)
58+
5559
### LastPass Authenticator
5660

5761
[Mobile / Desktop](https://lastpass.com/auth/)

src/web-safety/safety.md

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -56,6 +56,12 @@ Bitwarden is by far my favourite. It's free (with an _optional_ subscription for
5656

5757
[Securing Bitwarden](securing-bitwarden.md)
5858

59+
### Proton Pass
60+
61+
This is a relatively new password manager. It's free and easy to use.
62+
63+
<https://proton.me/pass>
64+
5965
### Enpass
6066

6167
Enpass is free and lets you store your passwords on your own computer instead of on the cloud, this allows you to choose who and what you trust with your data.

src/web-safety/securing-bitwarden.md

Lines changed: 10 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -17,23 +17,23 @@ description: "A guide to making Bitwarden more secure"
1717

1818
## Introduction
1919

20-
In light of the [recent security incident involving LastPass](https://blog.lastpass.com/2022/12/notice-of-recent-security-incident/), the importance of ensuring the security of password managers has come to the forefront. As a result, some vulnerabilities have been identified in Bitwarden. This guide will provide steps to enhance the security of your Bitwarden vault in accordance with the latest recommendations.
20+
In light of the [security incident involving LastPass](https://blog.lastpass.com/2022/12/notice-of-recent-security-incident/), the importance of ensuring the security of password managers has come to the forefront. This guide will provide steps to enhance the security of your Bitwarden vault in accordance with the latest recommendations.
2121

2222
## Increasing the number of PBKDF2 iterations
2323

2424
[Reference Bitwarden documentation](https://bitwarden.com/help/what-encryption-is-used/#changing-kdf-iterations)
2525

2626
### Why should I change it?
2727

28-
In order to align with the guidelines outlined in the [OWASP Password Storage Cheat Sheet](https://cheatsheetseries.owasp.org/cheatsheets/Password_Storage_Cheat_Sheet.html#pbkdf2), it is recommended to increase the number of PBKDF2 iterations to a minimum of 600,000. While Bitwarden has recently increased the default iterations for new accounts, this change does not apply retroactively. It is possible that your account may still have the previous default of 100,000 iterations or lower set if you created it before they implemented these changes. To ensure the security of your account, it is important to review and update the PBKDF2 iterations accordingly.
28+
In order to align with the guidelines outlined in the [OWASP Password Storage Cheat Sheet](https://cheatsheetseries.owasp.org/cheatsheets/Password_Storage_Cheat_Sheet.html#pbkdf2), it is recommended to increase the number of PBKDF2 iterations to a minimum of 600,000. While Bitwarden has recently increased the default iterations for new accounts, this change does not apply retroactively. It is possible that your account may still have the previous default of 100,000 iterations or lower set if you created it before they implemented these changes. To ensure the security of your account, it is important to review and update the PBKDF2 iterations accordingly. Alternatively, Argon2id is also available, providing a more secure algorithm at the cost of a bit of performance.
2929

3030
### How do I change it?
3131

3232
To enhance the security of your account by increasing the PBKDF2 iterations, navigate to the encryption key settings page under **Account Settings → Security → Keys** on the [Bitwarden Web Vault](https://vault.bitwarden.com/). Here, you can adjust the "**KDF iterations**" value to either the recommended minimum value of 600,000 or your desired setting.
3333

3434
<div class="pswp-gallery is-flex is-gap-1">
35-
{{ ps.image(url='/img/web-safety/PBKDF2-iter-settings-0.png', width='1024', height='855', thumb_width='500', alt='An image illustrating where the settings page is for security keys') }}
36-
{{ ps.image(url='/img/web-safety/PBKDF2-iter-settings-0-1.png', width='1024', height='855', thumb_width='500', alt='An image illustrating where to set the number of PBKDF2 iterations') }}
35+
{{ ps.image(url='/img/web-safety/PBKDF2-iter-settings-0.png', width='1024', height='855', thumb_width='500', alt='An image illustrating where the settings page is for security keys.') }}
36+
{{ ps.image(url='/img/web-safety/PBKDF2-iter-settings-0-1.png', width='1024', height='855', thumb_width='500', alt='An image illustrating where to set the number of PBKDF2 iterations.') }}
3737
</div>
3838

3939
## Automatically clearing the clipboard
@@ -58,28 +58,26 @@ To activate the automatic clipboard clearing feature for the various Bitwarden a
5858
### Browser Extension
5959

6060
<div class="pswp-gallery is-flex is-gap-1">
61-
{{ ps.image(url='/img/web-safety/clipboard-settings-0.png', width='389', height='614', thumb_width='300', alt='An image illustrating where the settings page is for automatically clearing the clipboard on the Bitwarden browser extension') }}
62-
{{ ps.image(url='/img/web-safety/clipboard-settings-0-1.png', width='389', height='614', thumb_width='300', alt='An image illustrating where to change the setting for automatically clearing the clipboard on the Bitwarden browser extension') }}
61+
{{ ps.image(url='/img/web-safety/clipboard-settings-0.png', width='389', height='614', thumb_width='300', alt='An image illustrating where the settings page is for automatically clearing the clipboard on the Bitwarden browser extension.') }}
62+
{{ ps.image(url='/img/web-safety/clipboard-settings-0-1.png', width='389', height='614', thumb_width='300', alt='An image illustrating where to change the setting for automatically clearing the clipboard on the Bitwarden browser extension.') }}
6363
</div>
6464

6565
### Desktop App (Windows)
6666

6767
<div class="pswp-gallery is-flex is-gap-1">
68-
{{ ps.image(url='/img/web-safety/clipboard-settings-1.png', width='897', height='614', thumb_width='500', alt='An image illustrating where the settings page is for automatically clearing the clipboard on the Bitwarden desktop app') }}
69-
{{ ps.image(url='/img/web-safety/clipboard-settings-1-1.png', width='897', height='614', thumb_width='500', alt='An image illustrating where to change the setting for automatically clearing the clipboard on the Bitwarden desktop app') }}
68+
{{ ps.image(url='/img/web-safety/clipboard-settings-1.png', width='897', height='614', thumb_width='500', alt='An image illustrating where the settings page is for automatically clearing the clipboard on the Bitwarden desktop app.') }}
69+
{{ ps.image(url='/img/web-safety/clipboard-settings-1-1.png', width='897', height='614', thumb_width='500', alt='An image illustrating where to change the setting for automatically clearing the clipboard on the Bitwarden desktop app.') }}
7070
</div>
7171

7272
### Mobile App (Android)
7373

7474
<div class="pswp-gallery is-flex is-gap-1">
75-
{{ ps.image(url='/img/web-safety/clipboard-settings-2.png', width='1080', height='2340', thumb_width='250', alt='An image illustrating where the settings page is for automatically clearing the clipboard on the Bitwarden mobile app') }}
76-
{{ ps.image(url='/img/web-safety/clipboard-settings-2-1.png', width='1080', height='2340', thumb_width='250', alt='An image illustrating where to change the setting for automatically clearing the clipboard on the Bitwarden mobile app') }}
75+
{{ ps.image(url='/img/web-safety/clipboard-settings-2.png', width='1080', height='2340', thumb_width='250', alt='An image illustrating where the settings page is for automatically clearing the clipboard on the Bitwarden mobile app.') }}
76+
{{ ps.image(url='/img/web-safety/clipboard-settings-2-1.png', width='1080', height='2340', thumb_width='250', alt='An image illustrating where to change the setting for automatically clearing the clipboard on the Bitwarden mobile app.') }}
7777
</div>
7878

7979
## See Also
8080

8181
- <https://palant.info/2023/01/23/bitwarden-design-flaw-server-side-iterations/>
82-
- <https://community.bitwarden.com/t/increasing-the-default-number-of-pbkdf2-for-existing-accounts/49550>
8382
- <https://cheatsheetseries.owasp.org/cheatsheets/Password_Storage_Cheat_Sheet.html#pbkdf2>
84-
- <https://github.com/bitwarden/server/issues/589>
8583
- <https://www.ghacks.net/2023/01/31/bitwarden-to-increase-its-server-side-iterations-to-600000-heres-how-to-set-it-manually/>

0 commit comments

Comments
 (0)