From 720d752748b793a2f5cf3cc14cb75ad86e8919c0 Mon Sep 17 00:00:00 2001 From: sillylaird Date: Tue, 3 Feb 2026 21:27:57 -0500 Subject: First commit --- gaming/index.html | 130 ++++++++++++++++++++ gaming/index_jp.html | 65 ++++++++++ gaming/index_zh.html | 54 +++++++++ gaming/multibox/global_styles.css | 53 +++++++++ gaming/multibox/index.html | 103 ++++++++++++++++ gaming/multibox/index_jp.html | 102 ++++++++++++++++ gaming/multibox/index_zh.html | 102 ++++++++++++++++ gaming/multibox/styles.css | 54 +++++++++ gaming/multibox/what-is-multiboxing/index.html | 79 ++++++++++++ gaming/multibox/what-is-multiboxing/index_jp.html | 79 ++++++++++++ gaming/multibox/what-is-multiboxing/index_zh.html | 79 ++++++++++++ gaming/multibox/what-is-multiboxing/styles.css | 54 +++++++++ gaming/runescape/index.html | 66 ++++++++++ gaming/runescape/index_jp.html | 68 +++++++++++ gaming/runescape/index_zh.html | 68 +++++++++++ gaming/runescape/runescape.png | Bin 0 -> 589847 bytes gaming/specialforce/SpecialForce_Launcher.exe | Bin 0 -> 2378840 bytes gaming/specialforce/index.html | 63 ++++++++++ gaming/specialforce/index_jp.html | 63 ++++++++++ gaming/specialforce/index_zh.html | 63 ++++++++++ gaming/specialforce/style.css | 113 ++++++++++++++++++ gaming/stepmania/index.html | 102 ++++++++++++++++ gaming/stepmania/index_jp.html | 102 ++++++++++++++++ gaming/stepmania/index_zh.html | 104 ++++++++++++++++ gaming/stepmania/script.js | 46 +++++++ gaming/stepmania/style.css | 139 ++++++++++++++++++++++ 26 files changed, 1951 insertions(+) create mode 100644 gaming/index.html create mode 100644 gaming/index_jp.html create mode 100644 gaming/index_zh.html create mode 100644 gaming/multibox/global_styles.css create mode 100644 gaming/multibox/index.html create mode 100644 gaming/multibox/index_jp.html create mode 100644 gaming/multibox/index_zh.html create mode 100644 gaming/multibox/styles.css create mode 100644 gaming/multibox/what-is-multiboxing/index.html create mode 100644 gaming/multibox/what-is-multiboxing/index_jp.html create mode 100644 gaming/multibox/what-is-multiboxing/index_zh.html create mode 100644 gaming/multibox/what-is-multiboxing/styles.css create mode 100644 gaming/runescape/index.html create mode 100644 gaming/runescape/index_jp.html create mode 100644 gaming/runescape/index_zh.html create mode 100644 gaming/runescape/runescape.png create mode 100644 gaming/specialforce/SpecialForce_Launcher.exe create mode 100644 gaming/specialforce/index.html create mode 100644 gaming/specialforce/index_jp.html create mode 100644 gaming/specialforce/index_zh.html create mode 100644 gaming/specialforce/style.css create mode 100644 gaming/stepmania/index.html create mode 100644 gaming/stepmania/index_jp.html create mode 100644 gaming/stepmania/index_zh.html create mode 100644 gaming/stepmania/script.js create mode 100644 gaming/stepmania/style.css (limited to 'gaming') diff --git a/gaming/index.html b/gaming/index.html new file mode 100644 index 0000000..780375b --- /dev/null +++ b/gaming/index.html @@ -0,0 +1,130 @@ + + + + + + Gaming — SillyLaird + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+
+ +
+ SillyLaird + personal hub: links, logs, and vibes +
+
+ +
+ Tor + +
+
+ +
+ + + +
+ +
+ + + +
+
+
+
+
+ +
+
+

Gaming

+

Pages for games and projects.

+ +
    +
  • RuneScape
    • +
  • SpecialForce / SoldierFront
    • +
  • StepMania
    • +
  • MMO Multibox
    • +
+
+
+ +
+
+
+
© 2026 SillyLaird — Licensed under WTFPL
+
Last updated:
+
Privacy: Some pages load third-party content (Last.fm, guestbook, blog, embeds).
+ + + EFF free speech badge + +
+
+
+ + diff --git a/gaming/index_jp.html b/gaming/index_jp.html new file mode 100644 index 0000000..ad06cdd --- /dev/null +++ b/gaming/index_jp.html @@ -0,0 +1,65 @@ + + + + + + ゲーム — SillyLaird + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+
+

ゲーム

+

Pages for games and projects.

+ +
    +
  • RuneScape
    • +
  • SpecialForce / SoldierFront
    • +
  • StepMania
    • +
  • MMO Multibox
    • +
+
+
+ +
+
+
+
© 2026 SillyLaird — Licensed under WTFPL
+
Last updated:
+
Privacy: Some pages load third-party content (Last.fm, guestbook, blog, embeds).
+ + + EFF free speech badge + +
+
+
+ + diff --git a/gaming/index_zh.html b/gaming/index_zh.html new file mode 100644 index 0000000..4c47c49 --- /dev/null +++ b/gaming/index_zh.html @@ -0,0 +1,54 @@ + + + + + + 游戏 — SillyLaird + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+
+

游戏

+

Pages for games and projects.

+ +
    +
  • RuneScape
    • +
  • SpecialForce / SoldierFront
    • +
  • StepMania
    • +
  • MMO Multibox
    • +
+
+
+ +
+ + diff --git a/gaming/multibox/global_styles.css b/gaming/multibox/global_styles.css new file mode 100644 index 0000000..fe453ea --- /dev/null +++ b/gaming/multibox/global_styles.css @@ -0,0 +1,53 @@ +/* styles.css */ + +body { + font-family: Arial, sans-serif; + line-height: 1.6; + margin: 0; + padding: 0; + background-color: #f4f4f4; + display: flex; + flex-direction: column; + min-height: 100vh; +} + +header { + background: #333; + color: #fff; + padding: 10px 0; + text-align: center; +} + +nav ul { + list-style: none; + padding: 0; +} + +nav ul li { + display: inline; + margin: 0 15px; +} + +nav ul li a { + color: #fff; + text-decoration: none; +} + +main { + padding: 20px; + flex: 1; +} + +h2 { + color: #333; +} + +footer { + background: #333; + color: #fff; + text-align: center; + padding: 10px 0; + position: fixed; + width: 100%; + bottom: 0; +} \ No newline at end of file diff --git a/gaming/multibox/index.html b/gaming/multibox/index.html new file mode 100644 index 0000000..96a59b2 --- /dev/null +++ b/gaming/multibox/index.html @@ -0,0 +1,103 @@ + + + + + + Multiboxing — SillyLaird + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+
+

Multiboxing in MMORPGs

+

Playing multiple characters at the same time.

+
+ +
+

What is Multiboxing?

+

Multiboxing is the practice of playing multiple characters at the same time in a Massively Multiplayer Online Role-Playing Game (MMORPG). This technique generally requires the use of multiple game accounts and can be achieved using different methods such as employing multiple computers, using specialized software, or even running multiple instances of the same game on a single computer.

+

Players who multibox often do so to gain advantages such as increased efficiency in resource gathering, leveling up multiple characters simultaneously, or taking on game content that would typically require a group of players.

+
+ +
+

Pros and Cons

+ +

Pros

+
    +
  • More control over your gameplay experience.
    • +
  • Ability to accomplish multi-character tasks solo.
    • +
  • Increased resource gathering and in-game efficiency.
    • +
+ +

Cons

+
    +
  • Requires significant hardware capabilities.
    • +
  • Can be costly due to multiple subscriptions.
    • +
  • Potential for breaches of game terms of service.
    • +
+
+ +
+

Getting Started

+

To begin multiboxing, you will need:

+
    +
  • Multiple game accounts.
    • +
  • A computer that can handle running multiple instances of the game.
    • +
  • Knowledge of key broadcasting software.
    • +
+
+ +
+

Tools and Software

+
    +
  • ISBoxer
    • +
  • HotkeyNet
    • +
  • AutoHotkey
    • +
+
+ +
+

Examples on YouTube

+ +

+

OSRS/RuneScape MultiBoxing

+ +

+

WOW MultiBoxing

+ +

+

TF2 Cheating "MultiBoxing"

+
+
+ +
+ + diff --git a/gaming/multibox/index_jp.html b/gaming/multibox/index_jp.html new file mode 100644 index 0000000..ceb5515 --- /dev/null +++ b/gaming/multibox/index_jp.html @@ -0,0 +1,102 @@ + + + + + + Multiboxing — SillyLaird + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+
+

Multiboxing in MMORPGs

+

Playing multiple characters at the same time.

+
+ +
+

What is Multiboxing?

+

Multiboxing is a term used in MMORPGs that refers to playing multiple characters simultaneously. This is usually done using multiple accounts, computers, or software.

+
+ +
+

Pros and Cons

+ +

Pros

+
    +
  • More control over your gameplay experience.
    • +
  • Ability to accomplish multi-character tasks solo.
    • +
  • Increased resource gathering and in-game efficiency.
    • +
+ +

Cons

+
    +
  • Requires significant hardware capabilities.
    • +
  • Can be costly due to multiple subscriptions.
    • +
  • Potential for breaches of game terms of service.
    • +
+
+ +
+

Getting Started

+

To begin multiboxing, you will need:

+
    +
  • Multiple game accounts.
    • +
  • A computer that can handle running multiple instances of the game.
    • +
  • Knowledge of key broadcasting software.
    • +
+
+ +
+

Tools and Software

+
    +
  • ISBoxer
    • +
  • HotkeyNet
    • +
  • AutoHotkey
    • +
+
+ +
+

Examples on YouTube

+ +

+

OSRS/RuneScape MultiBoxing

+ +

+

WOW MultiBoxing

+ +

+

TF2 Cheating "MultiBoxing"

+
+
+ +
+ + diff --git a/gaming/multibox/index_zh.html b/gaming/multibox/index_zh.html new file mode 100644 index 0000000..a61ae34 --- /dev/null +++ b/gaming/multibox/index_zh.html @@ -0,0 +1,102 @@ + + + + + + Multiboxing — SillyLaird + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+
+

Multiboxing in MMORPGs

+

Playing multiple characters at the same time.

+
+ +
+

What is Multiboxing?

+

Multiboxing is a term used in MMORPGs that refers to playing multiple characters simultaneously. This is usually done using multiple accounts, computers, or software.

+
+ +
+

Pros and Cons

+ +

Pros

+
    +
  • More control over your gameplay experience.
    • +
  • Ability to accomplish multi-character tasks solo.
    • +
  • Increased resource gathering and in-game efficiency.
    • +
+ +

Cons

+
    +
  • Requires significant hardware capabilities.
    • +
  • Can be costly due to multiple subscriptions.
    • +
  • Potential for breaches of game terms of service.
    • +
+
+ +
+

Getting Started

+

To begin multiboxing, you will need:

+
    +
  • Multiple game accounts.
    • +
  • A computer that can handle running multiple instances of the game.
    • +
  • Knowledge of key broadcasting software.
    • +
+
+ +
+

Tools and Software

+
    +
  • ISBoxer
    • +
  • HotkeyNet
    • +
  • AutoHotkey
    • +
+
+ +
+

Examples on YouTube

+ +

+

OSRS/RuneScape MultiBoxing

+ +

+

WOW MultiBoxing

+ +

+

TF2 Cheating "MultiBoxing"

+
+
+ +
+ + diff --git a/gaming/multibox/styles.css b/gaming/multibox/styles.css new file mode 100644 index 0000000..95dea86 --- /dev/null +++ b/gaming/multibox/styles.css @@ -0,0 +1,54 @@ +/* styles.css */ + +body { + font-family: Arial, sans-serif; + line-height: 1.6; + margin: 0; + padding: 0; + background-color: #f4f4f4; + display: flex; + flex-direction: column; + min-height: 100vh; +} + +header { + background: #333; + color: #fff; + padding: 10px 0; + text-align: center; +} + +nav ul { + list-style: none; + padding: 0; +} + +nav ul li { + display: inline; + margin: 0 15px; +} + +nav ul li a { + color: #fff; + text-decoration: none; +} + +main { + padding: 20px; + flex: 1; + padding-bottom: 60px; /* Add bottom padding to ensure space for footer */ +} + +h2 { + color: #333; +} + +footer { + background: #333; + color: #fff; + text-align: center; + padding: 10px 0; + position: fixed; + width: 100%; + bottom: 0; +} \ No newline at end of file diff --git a/gaming/multibox/what-is-multiboxing/index.html b/gaming/multibox/what-is-multiboxing/index.html new file mode 100644 index 0000000..c7ce04e --- /dev/null +++ b/gaming/multibox/what-is-multiboxing/index.html @@ -0,0 +1,79 @@ + + + + + + What Is Multiboxing? — SillyLaird + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+
+

What is Multiboxing?

+

A longer explanation (methods, uses, examples).

+
+ +
+

Overview

+

Multiboxing is the practice of playing multiple characters at the same time in a Massively Multiplayer Online Role-Playing Game (MMORPG). This technique generally requires the use of multiple game accounts and can be achieved using different methods such as employing multiple computers, using specialized software, or even running multiple instances of the same game on a single computer.

+

Players who multibox often do so to gain advantages such as increased efficiency in resource gathering, leveling up multiple characters simultaneously, or taking on game content that would typically require a group of players.

+
+ +
+

Methods

+
    +
  • Multiple Computers: Several physical PCs, each running one account.
    • +
  • Virtual Machines: Multiple OS instances on one machine.
    • +
  • Software Solutions: Keystroke broadcasting / window management tools (game ToS varies).
    • +
+
+ +
+

Common Uses

+
    +
  • Solo Group Content: Do group content without other players.
    • +
  • Economy Control: Resource gathering / crafting on multiple chars.
    • +
  • Power Leveling: Level alts quickly with a main.
    • +
+
+ +
+

Examples

+

Old School RuneScape (OSRS)

+ +

World of Warcraft (WoW)

+ +
+
+ +
+ + diff --git a/gaming/multibox/what-is-multiboxing/index_jp.html b/gaming/multibox/what-is-multiboxing/index_jp.html new file mode 100644 index 0000000..355c6a7 --- /dev/null +++ b/gaming/multibox/what-is-multiboxing/index_jp.html @@ -0,0 +1,79 @@ + + + + + + What Is Multiboxing? — SillyLaird + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+
+

What is Multiboxing?

+

A longer explanation (methods, uses, examples).

+
+ +
+

Overview

+

Multiboxing is the practice of playing multiple characters at the same time in a Massively Multiplayer Online Role-Playing Game (MMORPG). This technique generally requires the use of multiple game accounts and can be achieved using different methods such as employing multiple computers, using specialized software, or even running multiple instances of the same game on a single computer.

+

Players who multibox often do so to gain advantages such as increased efficiency in resource gathering, leveling up multiple characters simultaneously, or taking on game content that would typically require a group of players.

+
+ +
+

Methods

+
    +
  • Multiple コンピューター: Several physical PCs, each running one account.
    • +
  • Virtual Machines: Multiple OS instances on one machine.
    • +
  • Software Solutions: Keystroke broadcasting / window management tools (game ToS varies).
    • +
+
+ +
+

Common Uses

+
    +
  • Solo Group Content: Do group content without other players.
    • +
  • Economy Control: Resource gathering / crafting on multiple chars.
    • +
  • Power Leveling: Level alts quickly with a main.
    • +
+
+ +
+

Examples

+

Old School RuneScape (OSRS)

+ +

World of Warcraft (WoW)

+ +
+
+ +
+ + diff --git a/gaming/multibox/what-is-multiboxing/index_zh.html b/gaming/multibox/what-is-multiboxing/index_zh.html new file mode 100644 index 0000000..b9785e7 --- /dev/null +++ b/gaming/multibox/what-is-multiboxing/index_zh.html @@ -0,0 +1,79 @@ + + + + + + What Is Multiboxing? — SillyLaird + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+
+

What is Multiboxing?

+

A longer explanation (methods, uses, examples).

+
+ +
+

Overview

+

Multiboxing is the practice of playing multiple characters at the same time in a Massively Multiplayer Online Role-Playing Game (MMORPG). This technique generally requires the use of multiple game accounts and can be achieved using different methods such as employing multiple computers, using specialized software, or even running multiple instances of the same game on a single computer.

+

Players who multibox often do so to gain advantages such as increased efficiency in resource gathering, leveling up multiple characters simultaneously, or taking on game content that would typically require a group of players.

+
+ +
+

Methods

+
    +
  • Multiple 电脑设备: Several physical PCs, each running one account.
    • +
  • Virtual Machines: Multiple OS instances on one machine.
    • +
  • Software Solutions: Keystroke broadcasting / window management tools (game ToS varies).
    • +
+
+ +
+

Common Uses

+
    +
  • Solo Group Content: Do group content without other players.
    • +
  • Economy Control: Resource gathering / crafting on multiple chars.
    • +
  • Power Leveling: Level alts quickly with a main.
    • +
+
+ +
+

Examples

+

Old School RuneScape (OSRS)

+ +

World of Warcraft (WoW)

+ +
+
+ +
+ + diff --git a/gaming/multibox/what-is-multiboxing/styles.css b/gaming/multibox/what-is-multiboxing/styles.css new file mode 100644 index 0000000..95dea86 --- /dev/null +++ b/gaming/multibox/what-is-multiboxing/styles.css @@ -0,0 +1,54 @@ +/* styles.css */ + +body { + font-family: Arial, sans-serif; + line-height: 1.6; + margin: 0; + padding: 0; + background-color: #f4f4f4; + display: flex; + flex-direction: column; + min-height: 100vh; +} + +header { + background: #333; + color: #fff; + padding: 10px 0; + text-align: center; +} + +nav ul { + list-style: none; + padding: 0; +} + +nav ul li { + display: inline; + margin: 0 15px; +} + +nav ul li a { + color: #fff; + text-decoration: none; +} + +main { + padding: 20px; + flex: 1; + padding-bottom: 60px; /* Add bottom padding to ensure space for footer */ +} + +h2 { + color: #333; +} + +footer { + background: #333; + color: #fff; + text-align: center; + padding: 10px 0; + position: fixed; + width: 100%; + bottom: 0; +} \ No newline at end of file diff --git a/gaming/runescape/index.html b/gaming/runescape/index.html new file mode 100644 index 0000000..69f10df --- /dev/null +++ b/gaming/runescape/index.html @@ -0,0 +1,66 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+
+

RuneScape (OSRS)

+

A small fan page / launch pad.

+ + Old School RuneScape Logo + +

+ Visit OSRS Wiki +

+
+ +
+

Essential Guides

+ +
+
+ +
+ + diff --git a/gaming/runescape/index_jp.html b/gaming/runescape/index_jp.html new file mode 100644 index 0000000..20971c0 --- /dev/null +++ b/gaming/runescape/index_jp.html @@ -0,0 +1,68 @@ + + + + + + + + + + + + + + + + + + + + + + + + + RuneScape — SillyLaird + + + + + + + + + + + +
+ +
+
+

RuneScape (OSRS)

+

A small fan page / launch pad.

+ + Old School RuneScape Logo + +

+ Visit OSRS Wiki +

+
+ +
+

Essential Guides

+ +
+
+ +
+ + diff --git a/gaming/runescape/index_zh.html b/gaming/runescape/index_zh.html new file mode 100644 index 0000000..7d2829e --- /dev/null +++ b/gaming/runescape/index_zh.html @@ -0,0 +1,68 @@ + + + + + + + + + + + + + + + + + + + + + + + + + RuneScape — SillyLaird + + + + + + + + + + + +
+ +
+
+

RuneScape (OSRS)

+

A small fan page / launch pad.

+ + Old School RuneScape Logo + +

+ Visit OSRS Wiki +

+
+ +
+

Essential Guides

+ +
+
+ +
+ + diff --git a/gaming/runescape/runescape.png b/gaming/runescape/runescape.png new file mode 100644 index 0000000..a083358 Binary files /dev/null and b/gaming/runescape/runescape.png differ diff --git a/gaming/specialforce/SpecialForce_Launcher.exe b/gaming/specialforce/SpecialForce_Launcher.exe new file mode 100644 index 0000000..befd61f Binary files /dev/null and b/gaming/specialforce/SpecialForce_Launcher.exe differ diff --git a/gaming/specialforce/index.html b/gaming/specialforce/index.html new file mode 100644 index 0000000..39474e8 --- /dev/null +++ b/gaming/specialforce/index.html @@ -0,0 +1,63 @@ + + + + + + + + + + + + + + + + + + + + + + + + + SpecialForce — SillyLaird + + + + + + + + + + + +
+ +
+
+

SoldierFront / SpecialForce

+

Small page/wiki and file drop.

+ +

+ SoldierFront / SpecialForce +

+ +

+ Wikipedia +

+
+ +
+

SpecialForce Launcher Files

+ +
+
+ +
+ + diff --git a/gaming/specialforce/index_jp.html b/gaming/specialforce/index_jp.html new file mode 100644 index 0000000..988f7a1 --- /dev/null +++ b/gaming/specialforce/index_jp.html @@ -0,0 +1,63 @@ + + + + + + + + + + + + + + + + + + + + + + + + + SpecialForce — SillyLaird + + + + + + + + + + + +
+ +
+
+

SoldierFront / SpecialForce

+

Small page/wiki and file drop.

+ +

+ SoldierFront / SpecialForce +

+ +

+ Wikipedia +

+
+ +
+

SpecialForce Launcher Files

+ +
+
+ +
+ + diff --git a/gaming/specialforce/index_zh.html b/gaming/specialforce/index_zh.html new file mode 100644 index 0000000..9154050 --- /dev/null +++ b/gaming/specialforce/index_zh.html @@ -0,0 +1,63 @@ + + + + + + + + + + + + + + + + + + + + + + + + + SpecialForce — SillyLaird + + + + + + + + + + + +
+ +
+
+

SoldierFront / SpecialForce

+

Small page/wiki and file drop.

+ +

+ SoldierFront / SpecialForce +

+ +

+ Wikipedia +

+
+ +
+

SpecialForce Launcher Files

+ +
+
+ +
+ + diff --git a/gaming/specialforce/style.css b/gaming/specialforce/style.css new file mode 100644 index 0000000..aa84069 --- /dev/null +++ b/gaming/specialforce/style.css @@ -0,0 +1,113 @@ +/* --- RESET & BASICS --------------------------------------------------- */ +*,*::before,*::after{box-sizing:border-box;} +html,body{margin:0;padding:0;font-family:system-ui,Helvetica,Arial,sans-serif;line-height:1.4;background:#ffd;} +body{text-align:left;} + +/* --- LAYOUT ----------------------------------------------------------- */ +header{padding:1rem 1.5rem;background:#ffd;display:flex;flex-direction:column;align-items:flex-start;} +main{padding:1.5rem;margin:0 1.5rem;max-width:none;} + +/* --- LINKS ------------------------------------------------------------ */ +a{text-decoration:none;border-radius:4px;padding:2px 4px;transition:background .2s,color .2s;} +a:hover{background:red;color:#000;} +a.no-hover-box:hover{background:transparent;color:red;} + +/* --- SIDEBAR ---------------------------------------------------------- */ +#mobile-sidebar { + position: fixed; + top: 0; + right: 0; + width: 250px; + max-height: 100vh; + overflow-y: auto; + background: #ffd; + transform: translateX(100%); + transition: transform .3s ease-in-out; + padding: 1rem; + box-shadow: -4px 0 8px rgba(0,0,0,.15); + z-index: 9000; + scrollbar-width: none; + -ms-overflow-style: none; +} +#mobile-sidebar.visible { transform: translateX(0); } +#mobile-sidebar::-webkit-scrollbar { display: none; } + +#menu-toggle { + position: fixed; + top: 1rem; + right: 1rem; + z-index: 9100; + padding: .5rem 1rem; + border: none; + background: #ffd; + color: black; + border-radius: 4px; + cursor: pointer; +} +#menu-toggle:hover { background: #ffd; color: red; } + +/* --- LOGO ------------------------------------------------------------- */ +.logo { + width: 100px; + display: block; + margin-bottom: 1rem; +} + +/* --- BUTTON ----------------------------------------------------------- */ +.button { + background-color: black; + color: white; + padding: 10px 20px; + text-align: center; + text-decoration: none; + display: inline-block; + font-size: 1em; + margin: 20px 0; + cursor: pointer; + border-radius: 8px; + transition: background 0.3s, transform 0.3s; +} +.button:hover { + background-color: red; + transform: translateY(-2px); +} + +/* --- FOOTER ----------------------------------------------------------- */ +.footer { + background-color: #282828; + color: #aaa; + padding: 30px 20px; + text-align: center; + font-size: 0.9em; + border-top: 2px solid #555; + margin-top: 20px; +} +.footer a { + color: #00aced; + text-decoration: none; +} +.footer a:hover { + text-decoration: underline; +} + +/* --- MEDIA QUERIES --------------------------------------------------- */ +@media (max-width: 768px) { + body { + flex-direction: column; + font-size: 14px; + } + .sidebar { + width: 100%; + min-height: auto; + box-shadow: none; + } + main { + width: 100%; + } + h1 { + font-size: 2em; + } + .button { + font-size: 0.9em; + } +} diff --git a/gaming/stepmania/index.html b/gaming/stepmania/index.html new file mode 100644 index 0000000..919f298 --- /dev/null +++ b/gaming/stepmania/index.html @@ -0,0 +1,102 @@ + + + + + + StepMania — SillyLaird + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+
+

StepMania

+

Clean, fast, and to the point.

+
+ +
+

Song Packs

+
    +
  • Dance Revolution Mix 2024
    • +
  • Retro Arcade Hits
    • +
  • Anime Beats Edition
    • +
+
+ +
+

High Scores

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
RankPlayerSongScore
1NeoStepPARANOiA Rebirth997,450
2LainDanceMAX 300995,210
3PadWizardvanity angel992,880
+
+
+ +
+

Downloads

+

StepMania 3.9 / 3.95 / misc files

+
+ +
+

Contact

+

m@sillylaird.ca

+
+
+ +
+ + diff --git a/gaming/stepmania/index_jp.html b/gaming/stepmania/index_jp.html new file mode 100644 index 0000000..42c8d85 --- /dev/null +++ b/gaming/stepmania/index_jp.html @@ -0,0 +1,102 @@ + + + + + + StepMania — SillyLaird + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+
+

StepMania

+

Clean, fast, and to the point.

+
+ +
+

Song Packs

+
    +
  • Dance Revolution Mix 2024
    • +
  • Retro Arcade Hits
    • +
  • Anime Beats Edition
    • +
+
+ +
+

High Scores

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
RankPlayerSongScore
1NeoStepPARANOiA Rebirth997,450
2LainDanceMAX 300995,210
3PadWizardvanity angel992,880
+
+
+ +
+

Downloads

+

StepMania 3.9 / 3.95 / misc files

+
+ +
+

連絡先

+

m@sillylaird.ca

+
+
+ +
+ + diff --git a/gaming/stepmania/index_zh.html b/gaming/stepmania/index_zh.html new file mode 100644 index 0000000..868f912 --- /dev/null +++ b/gaming/stepmania/index_zh.html @@ -0,0 +1,104 @@ + + + + + + StepMania — SillyLaird + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+
+

StepMania

+

Clean, fast, and to the point.

+
+ +
+

Song Packs

+
    +
  • Dance Revolution Mix 2024
    • +
  • Retro Arcade Hits
    • +
  • Anime Beats Edition
    • +
+
+ +
+

High Scores

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
RankPlayerSongScore
1NeoStepPARANOiA Rebirth997,450
2LainDanceMAX 300995,210
3PadWizardvanity angel992,880
+
+
+ +
+

Downloads

+

StepMania 3.9 / 3.95 / misc files

+
+ +
+

联系

+

m@sillylaird.ca

+
+
+ +
+ + diff --git a/gaming/stepmania/script.js b/gaming/stepmania/script.js new file mode 100644 index 0000000..1deb43c --- /dev/null +++ b/gaming/stepmania/script.js @@ -0,0 +1,46 @@ +document.addEventListener('DOMContentLoaded', () => { + // Simple active link when clicking nav + const links = Array.from(document.querySelectorAll('nav a[href^="#"]')); + links.forEach(a => { + a.addEventListener('click', e => { + const id = a.getAttribute('href'); + const target = document.querySelector(id); + if (!target) return; + e.preventDefault(); + links.forEach(x => x.classList.remove('is-active')); + a.classList.add('is-active'); + target.scrollIntoView({ behavior: 'smooth', block: 'start' }); + history.replaceState(null, '', id); + }); + }); + + // Minimal demo scoreboard + const data = [ + { rank: 1, player: 'NeoStep', song: 'PARANOiA Rebirth', score: '997,450' }, + { rank: 2, player: 'LainDance', song: 'MAX 300', score: '995,210' }, + { rank: 3, player: 'PadWizard', song: 'vanity angel', score: '992,880' }, + ]; + const board = document.getElementById('score-board'); + if (board) { + const table = document.createElement('table'); + table.innerHTML = ` + + RankPlayerSongScore + + + ${data.map(r => ` + ${r.rank}${r.player}${r.song}${r.score} + `).join('')} + `; + board.replaceChildren(table); + } + + // Join button feedback + const btn = document.getElementById('join-event'); + if (btn) { + btn.addEventListener('click', () => { + btn.disabled = true; + btn.textContent = 'You’re in! Check your inbox.'; + }); + } +}); diff --git a/gaming/stepmania/style.css b/gaming/stepmania/style.css new file mode 100644 index 0000000..20bca04 --- /dev/null +++ b/gaming/stepmania/style.css @@ -0,0 +1,139 @@ +/* Base */ +*, *::before, *::after { box-sizing: border-box; } + +html, body { + margin: 0; + padding: 0; + background: #ffd; /* light yellow */ + color: #111; + font-family: system-ui, Helvetica, Arial, sans-serif; + line-height: 1.5; +} + +/* Header */ +header { + padding: 16px; + background: #fff6c7; + border-bottom: 2px solid #e6d27a; + text-align: center; +} +h1 { + margin: 0 0 8px; + font-family: "Comic Sans MS","Chalkboard SE","Comic Neue",sans-serif; + font-size: 1.6rem; +} + +/* Nav */ +nav ul { + list-style: none; + padding: 0; + margin: 0; + display: grid; + grid-auto-flow: column; + gap: 8px; + justify-content: center; +} +nav a { + display: inline-block; + padding: 6px 8px; + text-decoration: none; + color: #002; + border-radius: 4px; + transition: background .15s, color .15s; +} +nav a:hover, nav a.is-active { + background: red; + color: #000; +} + +/* Layout */ +main { + max-width: 900px; + margin: 20px auto; + padding: 0 16px; +} +section { margin: 24px 0; } +h2 { margin: 0 0 8px; } + +/* Hero image */ +.hero-image { + display: block; + max-width: 100%; + height: auto; + border-radius: 8px; + border: 2px solid #e6d27a; + background: #fffbe3; +} + +/* Lists */ +#song-list { padding-left: 18px; } + +/* Scoreboard (minimal) */ +#score-board { + margin-top: 8px; + border: 2px solid #e6d27a; + border-radius: 8px; + background: #fffbe3; + overflow: hidden; +} +#score-board table { width: 100%; border-collapse: collapse; } +#score-board th, #score-board td { padding: 8px; text-align: left; } +#score-board thead th { background: #ffe06d; } +#score-board tbody tr:nth-child(odd) { background: #fff6c7; } + +/* Button */ +button { + padding: 10px 14px; + border: 2px solid #e6d27a; + border-radius: 8px; + background: #ffd; + color: #111; + cursor: pointer; + transition: background .15s, color .15s; +} +button:hover { background: red; color: #fff; } + +/* Gallery (simple responsive) */ +.gallery { + display: flex; + flex-wrap: wrap; + gap: 10px; +} +.gallery img { + width: calc(33.333% - 7px); + min-width: 160px; + flex: 1 1 auto; + border: 2px solid #e6d27a; + border-radius: 8px; + background: #fffbe3; +} + +/* Form */ +form { + display: grid; + gap: 8px; + max-width: 600px; +} +input[type="text"], input[type="email"], textarea { + width: 100%; + padding: 10px; + border: 2px solid #e6d27a; + border-radius: 8px; + background: #fffef0; + font: inherit; + color: #111; +} +textarea { min-height: 120px; resize: vertical; } + +/* Footer */ +footer { + text-align: center; + color: #444; + margin: 32px 0 24px; +} + +/* Small screens */ +@media (max-width: 640px) { + nav ul { grid-auto-flow: row; grid-template-columns: repeat(2, minmax(0, 1fr)); } + .gallery img { width: calc(50% - 5px); } +} -- cgit v1.2.3