diff options
Diffstat (limited to 'gaming')
26 files changed, 1951 insertions, 0 deletions
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 @@ +<!doctype html> +<html lang="en"> +<head> + <meta charset="utf-8" /> + <meta name="viewport" content="width=device-width,initial-scale=1" /> + <title>Gaming — SillyLaird</title> + <meta name="description" content="Games I play and projects I mess with — RuneScape, StepMania, SoldierFront, and more." /> + <meta property="og:title" content="Gaming — SillyLaird" /> + <meta property="og:description" content="Games I play and projects I mess with — RuneScape, StepMania, SoldierFront, and more." /> + <meta property="og:image" content="https://www.sillylaird.ca/lain.png" /> + <meta property="og:type" content="website" /> + <meta property="og:url" content="https://www.sillylaird.ca/gaming/" /> + <meta property="og:locale" content="en_US" /> + <meta property="og:locale:alternate" content="ja_JP" /> + <meta property="og:locale:alternate" content="zh_CN" /> + <meta name="twitter:card" content="summary_large_image" /> + <meta name="twitter:title" content="Gaming — SillyLaird" /> + <meta name="twitter:description" content="Games I play and projects I mess with — RuneScape, StepMania, SoldierFront, and more." /> + <meta name="twitter:image" content="https://www.sillylaird.ca/lain.png" /> + <link rel="canonical" href="https://www.sillylaird.ca/gaming/" /> + <link rel="alternate" hreflang="x-default" href="https://www.sillylaird.ca/gaming/" /> + <link rel="alternate" hreflang="en" href="https://www.sillylaird.ca/gaming/" /> + <link rel="alternate" hreflang="zh" href="https://www.sillylaird.ca/gaming/index_zh.html" /> + <link rel="alternate" hreflang="ja" href="https://www.sillylaird.ca/gaming/index_jp.html" /> + <link rel="icon" href="/favicon.ico" /> + + <link rel="stylesheet" href="/assets/css/site.css" /> + <script defer src="/assets/js/includes.js"></script> + +</head> + +<body> + <a class="skip-link" href="#main">Skip to content</a> + + <div data-include="header"> + <header class="site-header"> + <div class="header-inner"> + <div class="brand"> + <a href="/" class="logo" aria-label="SillyLaird home"> + <img src="/lain.png" alt="SillyLaird logo" width="48" height="48" decoding="async" /> + </a> + <div class="brand-text"> + <strong>SillyLaird</strong> + <span>personal hub: links, logs, and vibes</span> + </div> + </div> + + <div class="header-controls"> + <a href="http://xyb4zkpbnssz2kgiklg5vfbepbnblykgfvemwadvufwzfcrjny46q6qd.onion/" class="header-button">Tor</a> + + <div class="lang"> + <div class="lang-toggle-wrapper"> + <button class="header-button" id="lang-toggle" type="button" aria-haspopup="menu" aria-expanded="false"> + Language: <span id="current-lang">EN</span> + </button> + </div> + + <div class="lang-menu" id="lang-options" role="menu" hidden> + <a role="menuitem" href="#" data-lang="en" data-lang-href>English</a> + <a role="menuitem" href="#" data-lang="zh" data-lang-href>中文</a> + <a role="menuitem" href="#" data-lang="ja" data-lang-href>日本語</a> + </div> + <noscript> + <div class="lang-menu no-js-lang" role="menu" aria-label="Language"> + <a role="menuitem" href="/gaming/index.html" aria-current="page">English</a> + <a role="menuitem" href="/gaming/index_zh.html">中文</a> + <a role="menuitem" href="/gaming/index_jp.html">日本語</a> + </div> + </noscript> + </div> + + <div class="menu-wrapper"> + <button id="menu-toggle" type="button" aria-label="Menu" aria-controls="site-nav" aria-expanded="false">☰</button> + + <nav id="site-nav" class="site-nav" aria-label="Main navigation" hidden> + <ul class="nav-section"> + <li class="nav-label">Pages</li> + <li><a href="/">Home</a></li> + <li><a href="/startpage/">StartPage</a></li> + <li><a href="/journal/">Journal</a></li> + <li><a href="/gaming/">Gaming</a></li> + <li><a href="/bookmarks/">Bookmarks</a></li> + <li><a href="/accounts/">Accounts</a></li> + <li><a href="/computers/">Computers</a></li> + <li><a href="/map/">Site Map</a></li> + </ul> + <ul class="nav-section"> + <li class="nav-label">Subdomains</li> + <li><a href="https://blog.sillylaird.ca/" target="_blank" rel="noopener">Blog</a></li> + <li><a href="https://guestbook.sillylaird.ca" target="_blank" rel="noopener">Guestbook</a></li> + <li><a href="https://changelog.sillylaird.ca/" target="_blank" rel="noopener">Changelog</a></li> + <li><a href="https://diary.sillylaird.ca/bbs.php" target="_blank" rel="noopener">Diary</a></li> + <li><a href="http://9p.sillylaird.ca" target="_blank" rel="noopener">9p/9f</a></li> + </ul> + </nav> + </div> + </div> + </div> + </header> + </div> + + <main id="main" class="wrap"> + <section aria-labelledby="gaming-title"> + <h1 id="gaming-title">Gaming</h1> + <p class="muted">Pages for games and projects.</p> + + <ul class="tile-grid"> + <li><a href="/gaming/runescape/"><img src="/runescape.png" alt="RuneScape" loading="lazy" decoding="async"></a></li> + <li><a href="/gaming/specialforce/"><img src="/soldierfront.png" alt="SpecialForce / SoldierFront" loading="lazy" decoding="async"></a></li> + <li><a href="/gaming/stepmania/"><img src="/stepmania.png" alt="StepMania" loading="lazy" decoding="async"></a></li> + <li><a href="/gaming/multibox/"><img src="/multibox.png" alt="MMO Multibox" loading="lazy" decoding="async"></a></li> + </ul> + </section> + </main> + + <div data-include="footer"> + <footer class="site-footer"> + <div class="footer-inner"> + <div>© <span id="copyright-year">2026</span> SillyLaird — Licensed under <a href="/wtfpl.txt">WTFPL</a></div> + <div>Last updated: <time id="last-updated"></time></div> + <div>Privacy: Some pages load third-party content (Last.fm, guestbook, blog, embeds).</div> + + <a class="badge" href="https://www.eff.org/issues/free-speech" target="_blank" rel="noopener"> + <img src="/rib_bar_wh.png" alt="EFF free speech badge" loading="lazy" decoding="async" class="s9572e08b37"> + </a> + </div> + </footer> + </div> +</body> +</html> 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 @@ +<!doctype html> +<html lang="ja"> +<head> + <meta charset="utf-8" /> + <meta name="viewport" content="width=device-width,initial-scale=1" /> + <title>ゲーム — SillyLaird</title> + <meta name="description" content="Games I play and projects I mess with — RuneScape, StepMania, SoldierFront, and more." /> + <meta property="og:title" content="ゲーム — SillyLaird" /> + <meta property="og:description" content="Games I play and projects I mess with — RuneScape, StepMania, SoldierFront, and more." /> + <meta property="og:image" content="https://www.sillylaird.ca/lain.png" /> + <meta property="og:type" content="website" /> + <meta property="og:url" content="https://www.sillylaird.ca/gaming/index_jp.html" /> + <meta property="og:locale" content="ja_JP" /> + <meta property="og:locale:alternate" content="en_US" /> + <meta property="og:locale:alternate" content="zh_CN" /> + <meta name="twitter:card" content="summary_large_image" /> + <meta name="twitter:title" content="ゲーム — SillyLaird" /> + <meta name="twitter:description" content="Games I play and projects I mess with — RuneScape, StepMania, SoldierFront, and more." /> + <meta name="twitter:image" content="https://www.sillylaird.ca/lain.png" /> + <link rel="canonical" href="https://www.sillylaird.ca/gaming/index_jp.html" /> + <link rel="alternate" hreflang="x-default" href="https://www.sillylaird.ca/gaming/" /> + <link rel="alternate" hreflang="en" href="https://www.sillylaird.ca/gaming/" /> + <link rel="alternate" hreflang="zh" href="https://www.sillylaird.ca/gaming/index_zh.html" /> + <link rel="alternate" hreflang="ja" href="https://www.sillylaird.ca/gaming/index_jp.html" /> + <link rel="icon" href="/favicon.ico" /> + + <link rel="stylesheet" href="/assets/css/site.css" /> + <script defer src="/assets/js/includes.js"></script> + +</head> + +<body> + <a class="skip-link" href="#main">本文へ移動</a> + + <div data-include="header"></div> + + <main id="main" class="wrap"> + <section aria-labelledby="gaming-title"> + <h1 id="gaming-title">ゲーム</h1> + <p class="muted">Pages for games and projects.</p> + + <ul class="tile-grid"> + <li><a href="/gaming/runescape/"><img src="/runescape.png" alt="RuneScape" loading="lazy" decoding="async"></a></li> + <li><a href="/gaming/specialforce/"><img src="/soldierfront.png" alt="SpecialForce / SoldierFront" loading="lazy" decoding="async"></a></li> + <li><a href="/gaming/stepmania/"><img src="/stepmania.png" alt="StepMania" loading="lazy" decoding="async"></a></li> + <li><a href="/gaming/multibox/"><img src="/multibox.png" alt="MMO Multibox" loading="lazy" decoding="async"></a></li> + </ul> + </section> + </main> + + <div data-include="footer"> + <footer class="site-footer"> + <div class="footer-inner"> + <div>© <span id="copyright-year">2026</span> SillyLaird — Licensed under <a href="/wtfpl.txt">WTFPL</a></div> + <div>Last updated: <time id="last-updated"></time></div> + <div>Privacy: Some pages load third-party content (Last.fm, guestbook, blog, embeds).</div> + + <a class="badge" href="https://www.eff.org/issues/free-speech" target="_blank" rel="noopener"> + <img src="/rib_bar_wh.png" alt="EFF free speech badge" loading="lazy" decoding="async" class="s9572e08b37"> + </a> + </div> + </footer> + </div> +</body> +</html> 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 @@ +<!doctype html> +<html lang="zh"> +<head> + <meta charset="utf-8" /> + <meta name="viewport" content="width=device-width,initial-scale=1" /> + <title>游戏 — SillyLaird</title> + <meta name="description" content="Games I play and projects I mess with — RuneScape, StepMania, SoldierFront, and more." /> + <meta property="og:title" content="游戏 — SillyLaird" /> + <meta property="og:description" content="Games I play and projects I mess with — RuneScape, StepMania, SoldierFront, and more." /> + <meta property="og:image" content="https://www.sillylaird.ca/lain.png" /> + <meta property="og:type" content="website" /> + <meta property="og:url" content="https://www.sillylaird.ca/gaming/index_zh.html" /> + <meta property="og:locale" content="zh_CN" /> + <meta property="og:locale:alternate" content="en_US" /> + <meta property="og:locale:alternate" content="ja_JP" /> + <meta name="twitter:card" content="summary_large_image" /> + <meta name="twitter:title" content="游戏 — SillyLaird" /> + <meta name="twitter:description" content="Games I play and projects I mess with — RuneScape, StepMania, SoldierFront, and more." /> + <meta name="twitter:image" content="https://www.sillylaird.ca/lain.png" /> + <link rel="canonical" href="https://www.sillylaird.ca/gaming/index_zh.html" /> + <link rel="alternate" hreflang="x-default" href="https://www.sillylaird.ca/gaming/" /> + <link rel="alternate" hreflang="en" href="https://www.sillylaird.ca/gaming/" /> + <link rel="alternate" hreflang="zh" href="https://www.sillylaird.ca/gaming/index_zh.html" /> + <link rel="alternate" hreflang="ja" href="https://www.sillylaird.ca/gaming/index_jp.html" /> + <link rel="icon" href="/favicon.ico" /> + + <link rel="stylesheet" href="/assets/css/site.css" /> + + + <script defer src="/assets/js/includes.js"></script> +</head> + +<body> + <a class="skip-link" href="#main">跳至内容</a> + + <div data-include="header"></div> + + <main id="main" class="wrap"> + <section aria-labelledby="gaming-title"> + <h1 id="gaming-title">游戏</h1> + <p class="muted">Pages for games and projects.</p> + + <ul class="tile-grid"> + <li><a href="/gaming/runescape/"><img src="/runescape.png" alt="RuneScape" loading="lazy" decoding="async"></a></li> + <li><a href="/gaming/specialforce/"><img src="/soldierfront.png" alt="SpecialForce / SoldierFront" loading="lazy" decoding="async"></a></li> + <li><a href="/gaming/stepmania/"><img src="/stepmania.png" alt="StepMania" loading="lazy" decoding="async"></a></li> + <li><a href="/gaming/multibox/"><img src="/multibox.png" alt="MMO Multibox" loading="lazy" decoding="async"></a></li> + </ul> + </section> + </main> + + <div data-include="footer"></div> +</body> +</html> 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 @@ +<!doctype html> +<html lang="en"> +<head> + <meta charset="utf-8" /> + <meta name="viewport" content="width=device-width,initial-scale=1" /> + <title>Multiboxing — SillyLaird</title> + <meta name="description" content="Multiboxing in MMORPGs." /> + <meta property="og:title" content="Multiboxing — SillyLaird" /> + <meta property="og:description" content="Multiboxing in MMORPGs." /> + <meta property="og:image" content="https://www.sillylaird.ca/lain.png" /> + <meta property="og:type" content="website" /> + <meta property="og:url" content="https://www.sillylaird.ca/gaming/multibox/" /> + <meta property="og:locale" content="en_US" /> + <meta property="og:locale:alternate" content="ja_JP" /> + <meta property="og:locale:alternate" content="zh_CN" /> + <meta name="twitter:card" content="summary_large_image" /> + <meta name="twitter:title" content="Multiboxing — SillyLaird" /> + <meta name="twitter:description" content="Multiboxing in MMORPGs." /> + <meta name="twitter:image" content="https://www.sillylaird.ca/lain.png" /> + <link rel="canonical" href="https://www.sillylaird.ca/gaming/multibox/" /> + <link rel="alternate" hreflang="x-default" href="https://www.sillylaird.ca/gaming/multibox/" /> + <link rel="alternate" hreflang="en" href="https://www.sillylaird.ca/gaming/multibox/" /> + <link rel="alternate" hreflang="zh" href="https://www.sillylaird.ca/gaming/multibox/index_zh.html" /> + <link rel="alternate" hreflang="ja" href="https://www.sillylaird.ca/gaming/multibox/index_jp.html" /> + <link rel="icon" href="/favicon.ico" /> + + <link rel="stylesheet" href="/assets/css/site.css" /> + + + <script defer src="/assets/js/includes.js"></script> +</head> + +<body> + <a class="skip-link" href="#main">Skip to content</a> + + <div data-include="header"></div> + + <main id="main" class="wrap"> + <section aria-labelledby="mb-title"> + <h1 id="mb-title">Multiboxing in MMORPGs</h1> + <p class="muted">Playing multiple characters at the same time.</p> + </section> + + <section id="what-is-multiboxing" aria-labelledby="what-title"> + <h2 id="what-title">What is Multiboxing?</h2> + <p>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.</p> + <p>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.</p> + </section> + + <section id="pros-cons" aria-labelledby="pros-title"> + <h2 id="pros-title">Pros and Cons</h2> + + <h3>Pros</h3> + <ul> + <li>More control over your gameplay experience.</li> + <li>Ability to accomplish multi-character tasks solo.</li> + <li>Increased resource gathering and in-game efficiency.</li> + </ul> + + <h3>Cons</h3> + <ul> + <li>Requires significant hardware capabilities.</li> + <li>Can be costly due to multiple subscriptions.</li> + <li>Potential for breaches of game terms of service.</li> + </ul> + </section> + + <section id="getting-started" aria-labelledby="start-title"> + <h2 id="start-title">Getting Started</h2> + <p>To begin multiboxing, you will need:</p> + <ul> + <li>Multiple game accounts.</li> + <li>A computer that can handle running multiple instances of the game.</li> + <li>Knowledge of key broadcasting software.</li> + </ul> + </section> + + <section id="tools" aria-labelledby="tools-title"> + <h2 id="tools-title">Tools and Software</h2> + <ul> + <li>ISBoxer</li> + <li>HotkeyNet</li> + <li>AutoHotkey</li> + </ul> + </section> + + <section id="examples" aria-labelledby="examples-title"> + <h2 id="examples-title">Examples on YouTube</h2> + + <p><iframe src="https://www.youtube.com/embed/6qGL-7NkpGM" allowfullscreen title="OSRS multiboxing" class="saf481e1471"></iframe></p> + <p class="muted">OSRS/RuneScape MultiBoxing</p> + + <p><iframe src="https://www.youtube.com/embed/nJ428TJs6Mw" allowfullscreen title="WoW multiboxing" class="saf481e1471"></iframe></p> + <p class="muted">WOW MultiBoxing</p> + + <p><iframe src="https://www.youtube.com/embed/lvTl1qEvJms" allowfullscreen title="TF2 multiboxing" class="saf481e1471"></iframe></p> + <p class="muted">TF2 Cheating "MultiBoxing"</p> + </section> + </main> + + <div data-include="footer"></div> +</body> +</html> 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 @@ +<!doctype html> +<html lang="ja"> +<head> + <meta charset="utf-8" /> + <meta name="viewport" content="width=device-width,initial-scale=1" /> + <title>Multiboxing — SillyLaird</title> + <meta name="description" content="Multiboxing in MMORPGs." /> + <meta property="og:title" content="Multiboxing — SillyLaird" /> + <meta property="og:description" content="Multiboxing in MMORPGs." /> + <meta property="og:image" content="https://www.sillylaird.ca/lain.png" /> + <meta property="og:type" content="website" /> + <meta property="og:url" content="https://www.sillylaird.ca/gaming/multibox/index_jp.html" /> + <meta property="og:locale" content="ja_JP" /> + <meta property="og:locale:alternate" content="en_US" /> + <meta property="og:locale:alternate" content="zh_CN" /> + <meta name="twitter:card" content="summary_large_image" /> + <meta name="twitter:title" content="Multiboxing — SillyLaird" /> + <meta name="twitter:description" content="Multiboxing in MMORPGs." /> + <meta name="twitter:image" content="https://www.sillylaird.ca/lain.png" /> + <link rel="canonical" href="https://www.sillylaird.ca/gaming/multibox/index_jp.html" /> + <link rel="alternate" hreflang="x-default" href="https://www.sillylaird.ca/gaming/multibox/" /> + <link rel="alternate" hreflang="en" href="https://www.sillylaird.ca/gaming/multibox/" /> + <link rel="alternate" hreflang="zh" href="https://www.sillylaird.ca/gaming/multibox/index_zh.html" /> + <link rel="alternate" hreflang="ja" href="https://www.sillylaird.ca/gaming/multibox/index_jp.html" /> + <link rel="icon" href="/favicon.ico" /> + + <link rel="stylesheet" href="/assets/css/site.css" /> + + + <script defer src="/assets/js/includes.js"></script> +</head> + +<body> + <a class="skip-link" href="#main">本文へ移動</a> + + <div data-include="header"></div> + + <main id="main" class="wrap"> + <section aria-labelledby="mb-title"> + <h1 id="mb-title">Multiboxing in MMORPGs</h1> + <p class="muted">Playing multiple characters at the same time.</p> + </section> + + <section id="what-is-multiboxing" aria-labelledby="what-title"> + <h2 id="what-title">What is Multiboxing?</h2> + <p>Multiboxing is a term used in MMORPGs that refers to playing multiple characters simultaneously. This is usually done using multiple accounts, computers, or software.</p> + </section> + + <section id="pros-cons" aria-labelledby="pros-title"> + <h2 id="pros-title">Pros and Cons</h2> + + <h3>Pros</h3> + <ul> + <li>More control over your gameplay experience.</li> + <li>Ability to accomplish multi-character tasks solo.</li> + <li>Increased resource gathering and in-game efficiency.</li> + </ul> + + <h3>Cons</h3> + <ul> + <li>Requires significant hardware capabilities.</li> + <li>Can be costly due to multiple subscriptions.</li> + <li>Potential for breaches of game terms of service.</li> + </ul> + </section> + + <section id="getting-started" aria-labelledby="start-title"> + <h2 id="start-title">Getting Started</h2> + <p>To begin multiboxing, you will need:</p> + <ul> + <li>Multiple game accounts.</li> + <li>A computer that can handle running multiple instances of the game.</li> + <li>Knowledge of key broadcasting software.</li> + </ul> + </section> + + <section id="tools" aria-labelledby="tools-title"> + <h2 id="tools-title">Tools and Software</h2> + <ul> + <li>ISBoxer</li> + <li>HotkeyNet</li> + <li>AutoHotkey</li> + </ul> + </section> + + <section id="examples" aria-labelledby="examples-title"> + <h2 id="examples-title">Examples on YouTube</h2> + + <p><iframe src="https://www.youtube.com/embed/6qGL-7NkpGM" allowfullscreen title="OSRS multiboxing" class="saf481e1471"></iframe></p> + <p class="muted">OSRS/RuneScape MultiBoxing</p> + + <p><iframe src="https://www.youtube.com/embed/nJ428TJs6Mw" allowfullscreen title="WoW multiboxing" class="saf481e1471"></iframe></p> + <p class="muted">WOW MultiBoxing</p> + + <p><iframe src="https://www.youtube.com/embed/lvTl1qEvJms" allowfullscreen title="TF2 multiboxing" class="saf481e1471"></iframe></p> + <p class="muted">TF2 Cheating "MultiBoxing"</p> + </section> + </main> + + <div data-include="footer"></div> +</body> +</html> 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 @@ +<!doctype html> +<html lang="zh"> +<head> + <meta charset="utf-8" /> + <meta name="viewport" content="width=device-width,initial-scale=1" /> + <title>Multiboxing — SillyLaird</title> + <meta name="description" content="Multiboxing in MMORPGs." /> + <meta property="og:title" content="Multiboxing — SillyLaird" /> + <meta property="og:description" content="Multiboxing in MMORPGs." /> + <meta property="og:image" content="https://www.sillylaird.ca/lain.png" /> + <meta property="og:type" content="website" /> + <meta property="og:url" content="https://www.sillylaird.ca/gaming/multibox/index_zh.html" /> + <meta property="og:locale" content="zh_CN" /> + <meta property="og:locale:alternate" content="en_US" /> + <meta property="og:locale:alternate" content="ja_JP" /> + <meta name="twitter:card" content="summary_large_image" /> + <meta name="twitter:title" content="Multiboxing — SillyLaird" /> + <meta name="twitter:description" content="Multiboxing in MMORPGs." /> + <meta name="twitter:image" content="https://www.sillylaird.ca/lain.png" /> + <link rel="canonical" href="https://www.sillylaird.ca/gaming/multibox/index_zh.html" /> + <link rel="alternate" hreflang="x-default" href="https://www.sillylaird.ca/gaming/multibox/" /> + <link rel="alternate" hreflang="en" href="https://www.sillylaird.ca/gaming/multibox/" /> + <link rel="alternate" hreflang="zh" href="https://www.sillylaird.ca/gaming/multibox/index_zh.html" /> + <link rel="alternate" hreflang="ja" href="https://www.sillylaird.ca/gaming/multibox/index_jp.html" /> + <link rel="icon" href="/favicon.ico" /> + + <link rel="stylesheet" href="/assets/css/site.css" /> + + + <script defer src="/assets/js/includes.js"></script> +</head> + +<body> + <a class="skip-link" href="#main">跳至内容</a> + + <div data-include="header"></div> + + <main id="main" class="wrap"> + <section aria-labelledby="mb-title"> + <h1 id="mb-title">Multiboxing in MMORPGs</h1> + <p class="muted">Playing multiple characters at the same time.</p> + </section> + + <section id="what-is-multiboxing" aria-labelledby="what-title"> + <h2 id="what-title">What is Multiboxing?</h2> + <p>Multiboxing is a term used in MMORPGs that refers to playing multiple characters simultaneously. This is usually done using multiple accounts, computers, or software.</p> + </section> + + <section id="pros-cons" aria-labelledby="pros-title"> + <h2 id="pros-title">Pros and Cons</h2> + + <h3>Pros</h3> + <ul> + <li>More control over your gameplay experience.</li> + <li>Ability to accomplish multi-character tasks solo.</li> + <li>Increased resource gathering and in-game efficiency.</li> + </ul> + + <h3>Cons</h3> + <ul> + <li>Requires significant hardware capabilities.</li> + <li>Can be costly due to multiple subscriptions.</li> + <li>Potential for breaches of game terms of service.</li> + </ul> + </section> + + <section id="getting-started" aria-labelledby="start-title"> + <h2 id="start-title">Getting Started</h2> + <p>To begin multiboxing, you will need:</p> + <ul> + <li>Multiple game accounts.</li> + <li>A computer that can handle running multiple instances of the game.</li> + <li>Knowledge of key broadcasting software.</li> + </ul> + </section> + + <section id="tools" aria-labelledby="tools-title"> + <h2 id="tools-title">Tools and Software</h2> + <ul> + <li>ISBoxer</li> + <li>HotkeyNet</li> + <li>AutoHotkey</li> + </ul> + </section> + + <section id="examples" aria-labelledby="examples-title"> + <h2 id="examples-title">Examples on YouTube</h2> + + <p><iframe src="https://www.youtube.com/embed/6qGL-7NkpGM" allowfullscreen title="OSRS multiboxing" class="saf481e1471"></iframe></p> + <p class="muted">OSRS/RuneScape MultiBoxing</p> + + <p><iframe src="https://www.youtube.com/embed/nJ428TJs6Mw" allowfullscreen title="WoW multiboxing" class="saf481e1471"></iframe></p> + <p class="muted">WOW MultiBoxing</p> + + <p><iframe src="https://www.youtube.com/embed/lvTl1qEvJms" allowfullscreen title="TF2 multiboxing" class="saf481e1471"></iframe></p> + <p class="muted">TF2 Cheating "MultiBoxing"</p> + </section> + </main> + + <div data-include="footer"></div> +</body> +</html> 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 @@ +<!doctype html> +<html lang="en"> +<head> + <meta charset="utf-8" /> + <meta name="viewport" content="width=device-width,initial-scale=1" /> + <title>What Is Multiboxing? — SillyLaird</title> + <meta name="description" content="Detailed multiboxing overview." /> + <meta property="og:title" content="What Is Multiboxing? — SillyLaird" /> + <meta property="og:description" content="Detailed multiboxing overview." /> + <meta property="og:image" content="https://www.sillylaird.ca/lain.png" /> + <meta property="og:type" content="website" /> + <meta property="og:url" content="https://www.sillylaird.ca/gaming/multibox/what-is-multiboxing/" /> + <meta property="og:locale" content="en_US" /> + <meta property="og:locale:alternate" content="ja_JP" /> + <meta property="og:locale:alternate" content="zh_CN" /> + <meta name="twitter:card" content="summary_large_image" /> + <meta name="twitter:title" content="What Is Multiboxing? — SillyLaird" /> + <meta name="twitter:description" content="Detailed multiboxing overview." /> + <meta name="twitter:image" content="https://www.sillylaird.ca/lain.png" /> + <link rel="canonical" href="https://www.sillylaird.ca/gaming/multibox/what-is-multiboxing/" /> + <link rel="alternate" hreflang="x-default" href="https://www.sillylaird.ca/gaming/multibox/what-is-multiboxing/" /> + <link rel="alternate" hreflang="en" href="https://www.sillylaird.ca/gaming/multibox/what-is-multiboxing/" /> + <link rel="alternate" hreflang="zh" href="https://www.sillylaird.ca/gaming/multibox/what-is-multiboxing/index_zh.html" /> + <link rel="alternate" hreflang="ja" href="https://www.sillylaird.ca/gaming/multibox/what-is-multiboxing/index_jp.html" /> + <link rel="icon" href="/favicon.ico" /> + + <link rel="stylesheet" href="/assets/css/site.css" /> + + + <script defer src="/assets/js/includes.js"></script> +</head> + +<body> + <a class="skip-link" href="#main">Skip to content</a> + + <div data-include="header"></div> + + <main id="main" class="wrap"> + <section aria-labelledby="title"> + <h1 id="title">What is Multiboxing?</h1> + <p class="muted">A longer explanation (methods, uses, examples).</p> + </section> + + <section> + <h2>Overview</h2> + <p>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.</p> + <p>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.</p> + </section> + + <section> + <h2>Methods</h2> + <ul> + <li><strong>Multiple Computers:</strong> Several physical PCs, each running one account.</li> + <li><strong>Virtual Machines:</strong> Multiple OS instances on one machine.</li> + <li><strong>Software Solutions:</strong> Keystroke broadcasting / window management tools (game ToS varies).</li> + </ul> + </section> + + <section> + <h2>Common Uses</h2> + <ul> + <li><strong>Solo Group Content:</strong> Do group content without other players.</li> + <li><strong>Economy Control:</strong> Resource gathering / crafting on multiple chars.</li> + <li><strong>Power Leveling:</strong> Level alts quickly with a main.</li> + </ul> + </section> + + <section> + <h2>Examples</h2> + <p><strong>Old School RuneScape (OSRS)</strong></p> + <iframe src="https://www.youtube.com/embed/6qGL-7NkpGM" allowfullscreen title="OSRS multiboxing" class="saf481e1471"></iframe> + <p><strong>World of Warcraft (WoW)</strong></p> + <iframe src="https://www.youtube.com/embed/a5_5kbbmEiM" allowfullscreen title="WoW multiboxing" class="saf481e1471"></iframe> + </section> + </main> + + <div data-include="footer"></div> +</body> +</html> 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 @@ +<!doctype html> +<html lang="ja"> +<head> + <meta charset="utf-8" /> + <meta name="viewport" content="width=device-width,initial-scale=1" /> + <title>What Is Multiboxing? — SillyLaird</title> + <meta name="description" content="Detailed multiboxing overview." /> + <meta property="og:title" content="What Is Multiboxing? — SillyLaird" /> + <meta property="og:description" content="Detailed multiboxing overview." /> + <meta property="og:image" content="https://www.sillylaird.ca/lain.png" /> + <meta property="og:type" content="website" /> + <meta property="og:url" content="https://www.sillylaird.ca/gaming/multibox/what-is-multiboxing/index_jp.html" /> + <meta property="og:locale" content="ja_JP" /> + <meta property="og:locale:alternate" content="en_US" /> + <meta property="og:locale:alternate" content="zh_CN" /> + <meta name="twitter:card" content="summary_large_image" /> + <meta name="twitter:title" content="What Is Multiboxing? — SillyLaird" /> + <meta name="twitter:description" content="Detailed multiboxing overview." /> + <meta name="twitter:image" content="https://www.sillylaird.ca/lain.png" /> + <link rel="canonical" href="https://www.sillylaird.ca/gaming/multibox/what-is-multiboxing/index_jp.html" /> + <link rel="alternate" hreflang="x-default" href="https://www.sillylaird.ca/gaming/multibox/what-is-multiboxing/" /> + <link rel="alternate" hreflang="en" href="https://www.sillylaird.ca/gaming/multibox/what-is-multiboxing/" /> + <link rel="alternate" hreflang="zh" href="https://www.sillylaird.ca/gaming/multibox/what-is-multiboxing/index_zh.html" /> + <link rel="alternate" hreflang="ja" href="https://www.sillylaird.ca/gaming/multibox/what-is-multiboxing/index_jp.html" /> + <link rel="icon" href="/favicon.ico" /> + + <link rel="stylesheet" href="/assets/css/site.css" /> + + + <script defer src="/assets/js/includes.js"></script> +</head> + +<body> + <a class="skip-link" href="#main">本文へ移動</a> + + <div data-include="header"></div> + + <main id="main" class="wrap"> + <section aria-labelledby="title"> + <h1 id="title">What is Multiboxing?</h1> + <p class="muted">A longer explanation (methods, uses, examples).</p> + </section> + + <section> + <h2>Overview</h2> + <p>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.</p> + <p>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.</p> + </section> + + <section> + <h2>Methods</h2> + <ul> + <li><strong>Multiple コンピューター:</strong> Several physical PCs, each running one account.</li> + <li><strong>Virtual Machines:</strong> Multiple OS instances on one machine.</li> + <li><strong>Software Solutions:</strong> Keystroke broadcasting / window management tools (game ToS varies).</li> + </ul> + </section> + + <section> + <h2>Common Uses</h2> + <ul> + <li><strong>Solo Group Content:</strong> Do group content without other players.</li> + <li><strong>Economy Control:</strong> Resource gathering / crafting on multiple chars.</li> + <li><strong>Power Leveling:</strong> Level alts quickly with a main.</li> + </ul> + </section> + + <section> + <h2>Examples</h2> + <p><strong>Old School RuneScape (OSRS)</strong></p> + <iframe src="https://www.youtube.com/embed/6qGL-7NkpGM" allowfullscreen title="OSRS multiboxing" class="saf481e1471"></iframe> + <p><strong>World of Warcraft (WoW)</strong></p> + <iframe src="https://www.youtube.com/embed/a5_5kbbmEiM" allowfullscreen title="WoW multiboxing" class="saf481e1471"></iframe> + </section> + </main> + + <div data-include="footer"></div> +</body> +</html> 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 @@ +<!doctype html> +<html lang="zh"> +<head> + <meta charset="utf-8" /> + <meta name="viewport" content="width=device-width,initial-scale=1" /> + <title>What Is Multiboxing? — SillyLaird</title> + <meta name="description" content="Detailed multiboxing overview." /> + <meta property="og:title" content="What Is Multiboxing? — SillyLaird" /> + <meta property="og:description" content="Detailed multiboxing overview." /> + <meta property="og:image" content="https://www.sillylaird.ca/lain.png" /> + <meta property="og:type" content="website" /> + <meta property="og:url" content="https://www.sillylaird.ca/gaming/multibox/what-is-multiboxing/index_zh.html" /> + <meta property="og:locale" content="zh_CN" /> + <meta property="og:locale:alternate" content="en_US" /> + <meta property="og:locale:alternate" content="ja_JP" /> + <meta name="twitter:card" content="summary_large_image" /> + <meta name="twitter:title" content="What Is Multiboxing? — SillyLaird" /> + <meta name="twitter:description" content="Detailed multiboxing overview." /> + <meta name="twitter:image" content="https://www.sillylaird.ca/lain.png" /> + <link rel="canonical" href="https://www.sillylaird.ca/gaming/multibox/what-is-multiboxing/index_zh.html" /> + <link rel="alternate" hreflang="x-default" href="https://www.sillylaird.ca/gaming/multibox/what-is-multiboxing/" /> + <link rel="alternate" hreflang="en" href="https://www.sillylaird.ca/gaming/multibox/what-is-multiboxing/" /> + <link rel="alternate" hreflang="zh" href="https://www.sillylaird.ca/gaming/multibox/what-is-multiboxing/index_zh.html" /> + <link rel="alternate" hreflang="ja" href="https://www.sillylaird.ca/gaming/multibox/what-is-multiboxing/index_jp.html" /> + <link rel="icon" href="/favicon.ico" /> + + <link rel="stylesheet" href="/assets/css/site.css" /> + + + <script defer src="/assets/js/includes.js"></script> +</head> + +<body> + <a class="skip-link" href="#main">跳至内容</a> + + <div data-include="header"></div> + + <main id="main" class="wrap"> + <section aria-labelledby="title"> + <h1 id="title">What is Multiboxing?</h1> + <p class="muted">A longer explanation (methods, uses, examples).</p> + </section> + + <section> + <h2>Overview</h2> + <p>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.</p> + <p>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.</p> + </section> + + <section> + <h2>Methods</h2> + <ul> + <li><strong>Multiple 电脑设备:</strong> Several physical PCs, each running one account.</li> + <li><strong>Virtual Machines:</strong> Multiple OS instances on one machine.</li> + <li><strong>Software Solutions:</strong> Keystroke broadcasting / window management tools (game ToS varies).</li> + </ul> + </section> + + <section> + <h2>Common Uses</h2> + <ul> + <li><strong>Solo Group Content:</strong> Do group content without other players.</li> + <li><strong>Economy Control:</strong> Resource gathering / crafting on multiple chars.</li> + <li><strong>Power Leveling:</strong> Level alts quickly with a main.</li> + </ul> + </section> + + <section> + <h2>Examples</h2> + <p><strong>Old School RuneScape (OSRS)</strong></p> + <iframe src="https://www.youtube.com/embed/6qGL-7NkpGM" allowfullscreen title="OSRS multiboxing" class="saf481e1471"></iframe> + <p><strong>World of Warcraft (WoW)</strong></p> + <iframe src="https://www.youtube.com/embed/a5_5kbbmEiM" allowfullscreen title="WoW multiboxing" class="saf481e1471"></iframe> + </section> + </main> + + <div data-include="footer"></div> +</body> +</html> 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 @@ +<!doctype html> +<html lang="en"> +<head> + <meta charset="utf-8" /> + <meta name="viewport" content="width=device-width,initial-scale=1" /> + <meta name="description" content="RuneScape / OSRS fan page by SillyLaird." /> + <meta property="og:title" content="RuneScape — SillyLaird" /> + <meta property="og:description" content="RuneScape / OSRS fan page by SillyLaird." /> + <meta property="og:image" content="https://www.sillylaird.ca/lain.png" /> + <meta property="og:type" content="website" /> + <meta property="og:url" content="https://www.sillylaird.ca/gaming/runescape/" /> + <meta property="og:locale" content="en_US" /> + <meta property="og:locale:alternate" content="ja_JP" /> + <meta property="og:locale:alternate" content="zh_CN" /> + <meta name="twitter:card" content="summary_large_image" /> + <meta name="twitter:title" content="RuneScape — SillyLaird" /> + <meta property="og:description" content="RuneScape / OSRS fan page by SillyLaird." /> + <meta name="twitter:image" content="https://www.sillylaird.ca/lain.png" /> + <link rel="canonical" href="https://www.sillylaird.ca/gaming/runescape/" /> + <link rel="alternate" hreflang="x-default" href="https://www.sillylaird.ca/gaming/runescape/" /> + <link rel="alternate" hreflang="en" href="https://www.sillylaird.ca/gaming/runescape/" /> + <link rel="alternate" hreflang="zh" href="https://www.sillylaird.ca/gaming/runescape/index_zh.html" /> + <link rel="alternate" hreflang="ja" href="https://www.sillylaird.ca/gaming/runescape/index_jp.html" /> + <link rel="icon" href="/favicon.ico" /> + + <link rel="stylesheet" href="/assets/css/site.css" /> + + + <script defer src="/assets/js/includes.js"></script> +</head> + +<body> + <a class="skip-link" href="#main">Skip to content</a> + + <div data-include="header"></div> + + <main id="main" class="wrap"> + <section aria-labelledby="rs-title"> + <h1 id="rs-title">RuneScape (OSRS)</h1> + <p class="muted">A small fan page / launch pad.</p> + + <img + src="https://oldschool.runescape.wiki/images/thumb/Old_School_RuneScape_logo.png/1200px-Old_School_RuneScape_logo.png?d047b" + alt="Old School RuneScape Logo" + loading="lazy" + decoding="async" class="sb83d4c5326" + /> + + <p class="sd1a2ffa0b4"> + <a class="header-button" href="https://oldschool.runescape.wiki/" target="_blank" rel="noopener">Visit OSRS Wiki</a> + </p> + </section> + + <section aria-labelledby="guides-title"> + <h2 id="guides-title">Essential Guides</h2> + <ul class="contact-list"> + <li><a href="#">Combat XP Calculator</a></li> + <li><a href="#">Quest Item Database</a></li> + <li><a href="#">Grand Exchange Tracker</a></li> + </ul> + </section> + </main> + + <div data-include="footer"></div> +</body> +</html> 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 @@ +<!doctype html> +<html lang="ja"> +<head> + <meta charset="utf-8" /> + <meta name="viewport" content="width=device-width,initial-scale=1" /> + <meta name="description" content="RuneScape / OSRS fan page by SillyLaird." /> + <meta property="og:title" content="RuneScape — SillyLaird" /> + <meta property="og:description" content="RuneScape / OSRS fan page by SillyLaird." /> + <meta property="og:image" content="https://www.sillylaird.ca/lain.png" /> + <meta property="og:type" content="website" /> + <meta property="og:url" content="https://www.sillylaird.ca/gaming/runescape/index_jp.html" /> + <meta property="og:locale" content="ja_JP" /> + <meta property="og:locale:alternate" content="en_US" /> + <meta property="og:locale:alternate" content="zh_CN" /> + <meta name="twitter:card" content="summary_large_image" /> + <meta name="twitter:title" content="RuneScape — SillyLaird" /> + <meta name="twitter:description" content="RuneScape / OSRS fan page by SillyLaird." /> + <meta name="twitter:image" content="https://www.sillylaird.ca/lain.png" /> + <link rel="canonical" href="https://www.sillylaird.ca/gaming/runescape/index_jp.html" /> + <link rel="alternate" hreflang="x-default" href="https://www.sillylaird.ca/gaming/runescape/" /> + <link rel="alternate" hreflang="en" href="https://www.sillylaird.ca/gaming/runescape/" /> + <link rel="alternate" hreflang="zh" href="https://www.sillylaird.ca/gaming/runescape/index_zh.html" /> + <link rel="alternate" hreflang="ja" href="https://www.sillylaird.ca/gaming/runescape/index_jp.html" /> + <meta name="keywords" content="sillylaird, runescape, osrs, gielinor" /> + <title>RuneScape — SillyLaird</title> + <link rel="icon" href="/favicon.ico" /> + + <link rel="stylesheet" href="/assets/css/site.css" /> + + + <script defer src="/assets/js/includes.js"></script> +</head> + +<body> + <a class="skip-link" href="#main">本文へ移動</a> + + <div data-include="header"></div> + + <main id="main" class="wrap"> + <section aria-labelledby="rs-title"> + <h1 id="rs-title">RuneScape (OSRS)</h1> + <p class="muted">A small fan page / launch pad.</p> + + <img + src="https://oldschool.runescape.wiki/images/thumb/Old_School_RuneScape_logo.png/1200px-Old_School_RuneScape_logo.png?d047b" + alt="Old School RuneScape Logo" + loading="lazy" + decoding="async" class="sb83d4c5326" + /> + + <p class="sd1a2ffa0b4"> + <a class="header-button" href="https://oldschool.runescape.wiki/" target="_blank" rel="noopener">Visit OSRS Wiki</a> + </p> + </section> + + <section aria-labelledby="guides-title"> + <h2 id="guides-title">Essential Guides</h2> + <ul class="contact-list"> + <li><a href="#">Combat XP Calculator</a></li> + <li><a href="#">Quest Item Database</a></li> + <li><a href="#">Grand Exchange Tracker</a></li> + </ul> + </section> + </main> + + <div data-include="footer"></div> +</body> +</html> 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 @@ +<!doctype html> +<html lang="zh"> +<head> + <meta charset="utf-8" /> + <meta name="viewport" content="width=device-width,initial-scale=1" /> + <meta name="description" content="RuneScape / OSRS fan page by SillyLaird." /> + <meta property="og:title" content="RuneScape — SillyLaird" /> + <meta property="og:description" content="RuneScape / OSRS fan page by SillyLaird." /> + <meta property="og:image" content="https://www.sillylaird.ca/lain.png" /> + <meta property="og:type" content="website" /> + <meta property="og:url" content="https://www.sillylaird.ca/gaming/runescape/index_zh.html" /> + <meta property="og:locale" content="zh_CN" /> + <meta property="og:locale:alternate" content="en_US" /> + <meta property="og:locale:alternate" content="ja_JP" /> + <meta name="twitter:card" content="summary_large_image" /> + <meta name="twitter:title" content="RuneScape — SillyLaird" /> + <meta name="twitter:description" content="RuneScape / OSRS fan page by SillyLaird." /> + <meta name="twitter:image" content="https://www.sillylaird.ca/lain.png" /> + <link rel="canonical" href="https://www.sillylaird.ca/gaming/runescape/index_zh.html" /> + <link rel="alternate" hreflang="x-default" href="https://www.sillylaird.ca/gaming/runescape/" /> + <link rel="alternate" hreflang="en" href="https://www.sillylaird.ca/gaming/runescape/" /> + <link rel="alternate" hreflang="zh" href="https://www.sillylaird.ca/gaming/runescape/index_zh.html" /> + <link rel="alternate" hreflang="ja" href="https://www.sillylaird.ca/gaming/runescape/index_jp.html" /> + <meta name="keywords" content="sillylaird, runescape, osrs, gielinor" /> + <title>RuneScape — SillyLaird</title> + <link rel="icon" href="/favicon.ico" /> + + <link rel="stylesheet" href="/assets/css/site.css" /> + + + <script defer src="/assets/js/includes.js"></script> +</head> + +<body> + <a class="skip-link" href="#main">跳至内容</a> + + <div data-include="header"></div> + + <main id="main" class="wrap"> + <section aria-labelledby="rs-title"> + <h1 id="rs-title">RuneScape (OSRS)</h1> + <p class="muted">A small fan page / launch pad.</p> + + <img + src="https://oldschool.runescape.wiki/images/thumb/Old_School_RuneScape_logo.png/1200px-Old_School_RuneScape_logo.png?d047b" + alt="Old School RuneScape Logo" + loading="lazy" + decoding="async" class="sb83d4c5326" + /> + + <p class="sd1a2ffa0b4"> + <a class="header-button" href="https://oldschool.runescape.wiki/" target="_blank" rel="noopener">Visit OSRS Wiki</a> + </p> + </section> + + <section aria-labelledby="guides-title"> + <h2 id="guides-title">Essential Guides</h2> + <ul class="contact-list"> + <li><a href="#">Combat XP Calculator</a></li> + <li><a href="#">Quest Item Database</a></li> + <li><a href="#">Grand Exchange Tracker</a></li> + </ul> + </section> + </main> + + <div data-include="footer"></div> +</body> +</html> diff --git a/gaming/runescape/runescape.png b/gaming/runescape/runescape.png Binary files differnew file mode 100644 index 0000000..a083358 --- /dev/null +++ b/gaming/runescape/runescape.png diff --git a/gaming/specialforce/SpecialForce_Launcher.exe b/gaming/specialforce/SpecialForce_Launcher.exe Binary files differnew file mode 100644 index 0000000..befd61f --- /dev/null +++ b/gaming/specialforce/SpecialForce_Launcher.exe 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 @@ +<!doctype html> +<html lang="en"> +<head> + <meta charset="utf-8" /> + <meta name="viewport" content="width=device-width,initial-scale=1" /> + <meta name="description" content="SoldierFront / SpecialForce page by SillyLaird." /> + <meta property="og:title" content="SpecialForce — SillyLaird" /> + <meta property="og:description" content="SoldierFront / SpecialForce page by SillyLaird." /> + <meta property="og:image" content="https://www.sillylaird.ca/lain.png" /> + <meta property="og:type" content="website" /> + <meta property="og:url" content="https://www.sillylaird.ca/gaming/specialforce/" /> + <meta property="og:locale" content="en_US" /> + <meta property="og:locale:alternate" content="ja_JP" /> + <meta property="og:locale:alternate" content="zh_CN" /> + <meta name="twitter:card" content="summary_large_image" /> + <meta name="twitter:title" content="SpecialForce — SillyLaird" /> + <meta property="og:description" content="SoldierFront / SpecialForce page by SillyLaird." /> + <meta name="twitter:image" content="https://www.sillylaird.ca/lain.png" /> + <link rel="canonical" href="https://www.sillylaird.ca/gaming/specialforce/" /> + <link rel="alternate" hreflang="x-default" href="https://www.sillylaird.ca/gaming/specialforce/" /> + <link rel="alternate" hreflang="en" href="https://www.sillylaird.ca/gaming/specialforce/" /> + <link rel="alternate" hreflang="zh" href="https://www.sillylaird.ca/gaming/specialforce/index_zh.html" /> + <link rel="alternate" hreflang="ja" href="https://www.sillylaird.ca/gaming/specialforce/index_jp.html" /> + <meta name="keywords" content="sillylaird, special force, soldierfront" /> + <title>SpecialForce — SillyLaird</title> + <link rel="icon" href="/favicon.ico" /> + + <link rel="stylesheet" href="/assets/css/site.css" /> + + + <script defer src="/assets/js/includes.js"></script> +</head> + +<body> + <a class="skip-link" href="#main">Skip to content</a> + + <div data-include="header"></div> + + <main id="main" class="wrap"> + <section aria-labelledby="sf-title"> + <h1 id="sf-title">SoldierFront / SpecialForce</h1> + <p class="muted">Small page/wiki and file drop.</p> + + <p class="sdac4fe6c9b"> + <img src="/sflogo2.jpg" alt="SoldierFront / SpecialForce" loading="lazy" decoding="async" class="sfed215d685" /> + </p> + + <p class="sdac4fe6c9b"> + <a class="header-button" href="https://en.wikipedia.org/wiki/Special_Force_(2004_video_game)" target="_blank" rel="noopener">Wikipedia</a> + </p> + </section> + + <section aria-labelledby="launchers-title"> + <h2 id="launchers-title">SpecialForce Launcher Files</h2> + <ul class="contact-list"> + <li><a href="SpecialForce_Launcher.exe">SpecialForce Launcher</a></li> + </ul> + </section> + </main> + + <div data-include="footer"></div> +</body> +</html> 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 @@ +<!doctype html> +<html lang="ja"> +<head> + <meta charset="utf-8" /> + <meta name="viewport" content="width=device-width,initial-scale=1" /> + <meta name="description" content="SoldierFront / SpecialForce page by SillyLaird." /> + <meta property="og:title" content="SpecialForce — SillyLaird" /> + <meta property="og:description" content="SoldierFront / SpecialForce page by SillyLaird." /> + <meta property="og:image" content="https://www.sillylaird.ca/lain.png" /> + <meta property="og:type" content="website" /> + <meta property="og:url" content="https://www.sillylaird.ca/gaming/specialforce/index_jp.html" /> + <meta property="og:locale" content="ja_JP" /> + <meta property="og:locale:alternate" content="en_US" /> + <meta property="og:locale:alternate" content="zh_CN" /> + <meta name="twitter:card" content="summary_large_image" /> + <meta name="twitter:title" content="SpecialForce — SillyLaird" /> + <meta name="twitter:description" content="SoldierFront / SpecialForce page by SillyLaird." /> + <meta name="twitter:image" content="https://www.sillylaird.ca/lain.png" /> + <link rel="canonical" href="https://www.sillylaird.ca/gaming/specialforce/index_jp.html" /> + <link rel="alternate" hreflang="x-default" href="https://www.sillylaird.ca/gaming/specialforce/" /> + <link rel="alternate" hreflang="en" href="https://www.sillylaird.ca/gaming/specialforce/" /> + <link rel="alternate" hreflang="zh" href="https://www.sillylaird.ca/gaming/specialforce/index_zh.html" /> + <link rel="alternate" hreflang="ja" href="https://www.sillylaird.ca/gaming/specialforce/index_jp.html" /> + <meta name="keywords" content="sillylaird, special force, soldierfront" /> + <title>SpecialForce — SillyLaird</title> + <link rel="icon" href="/favicon.ico" /> + + <link rel="stylesheet" href="/assets/css/site.css" /> + + + <script defer src="/assets/js/includes.js"></script> +</head> + +<body> + <a class="skip-link" href="#main">本文へ移動</a> + + <div data-include="header"></div> + + <main id="main" class="wrap"> + <section aria-labelledby="sf-title"> + <h1 id="sf-title">SoldierFront / SpecialForce</h1> + <p class="muted">Small page/wiki and file drop.</p> + + <p class="sdac4fe6c9b"> + <img src="/sflogo2.jpg" alt="SoldierFront / SpecialForce" loading="lazy" decoding="async" class="sfed215d685" /> + </p> + + <p class="sd1a2ffa0b4"> + <a class="header-button" href="https://en.wikipedia.org/wiki/Special_Force_(2004_video_game)" target="_blank" rel="noopener">Wikipedia</a> + </p> + </section> + + <section aria-labelledby="launchers-title"> + <h2 id="launchers-title">SpecialForce Launcher Files</h2> + <ul class="contact-list"> + <li><a href="SpecialForce_Launcher.exe">SpecialForce Launcher</a></li> + </ul> + </section> + </main> + + <div data-include="footer"></div> +</body> +</html> 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 @@ +<!doctype html> +<html lang="zh"> +<head> + <meta charset="utf-8" /> + <meta name="viewport" content="width=device-width,initial-scale=1" /> + <meta name="description" content="SoldierFront / SpecialForce page by SillyLaird." /> + <meta property="og:title" content="SpecialForce — SillyLaird" /> + <meta property="og:description" content="SoldierFront / SpecialForce page by SillyLaird." /> + <meta property="og:image" content="https://www.sillylaird.ca/lain.png" /> + <meta property="og:type" content="website" /> + <meta property="og:url" content="https://www.sillylaird.ca/gaming/specialforce/index_zh.html" /> + <meta property="og:locale" content="zh_CN" /> + <meta property="og:locale:alternate" content="en_US" /> + <meta property="og:locale:alternate" content="ja_JP" /> + <meta name="twitter:card" content="summary_large_image" /> + <meta name="twitter:title" content="SpecialForce — SillyLaird" /> + <meta name="twitter:description" content="SoldierFront / SpecialForce page by SillyLaird." /> + <meta name="twitter:image" content="https://www.sillylaird.ca/lain.png" /> + <link rel="canonical" href="https://www.sillylaird.ca/gaming/specialforce/index_zh.html" /> + <link rel="alternate" hreflang="x-default" href="https://www.sillylaird.ca/gaming/specialforce/" /> + <link rel="alternate" hreflang="en" href="https://www.sillylaird.ca/gaming/specialforce/" /> + <link rel="alternate" hreflang="zh" href="https://www.sillylaird.ca/gaming/specialforce/index_zh.html" /> + <link rel="alternate" hreflang="ja" href="https://www.sillylaird.ca/gaming/specialforce/index_jp.html" /> + <meta name="keywords" content="sillylaird, special force, soldierfront" /> + <title>SpecialForce — SillyLaird</title> + <link rel="icon" href="/favicon.ico" /> + + <link rel="stylesheet" href="/assets/css/site.css" /> + + + <script defer src="/assets/js/includes.js"></script> +</head> + +<body> + <a class="skip-link" href="#main">跳至内容</a> + + <div data-include="header"></div> + + <main id="main" class="wrap"> + <section aria-labelledby="sf-title"> + <h1 id="sf-title">SoldierFront / SpecialForce</h1> + <p class="muted">Small page/wiki and file drop.</p> + + <p class="sdac4fe6c9b"> + <img src="/sflogo2.jpg" alt="SoldierFront / SpecialForce" loading="lazy" decoding="async" class="sfed215d685" /> + </p> + + <p class="sd1a2ffa0b4"> + <a class="header-button" href="https://en.wikipedia.org/wiki/Special_Force_(2004_video_game)" target="_blank" rel="noopener">Wikipedia</a> + </p> + </section> + + <section aria-labelledby="launchers-title"> + <h2 id="launchers-title">SpecialForce Launcher Files</h2> + <ul class="contact-list"> + <li><a href="SpecialForce_Launcher.exe">SpecialForce Launcher</a></li> + </ul> + </section> + </main> + + <div data-include="footer"></div> +</body> +</html> 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 @@ +<!doctype html> +<html lang="en"> +<head> + <meta charset="utf-8" /> + <meta name="viewport" content="width=device-width,initial-scale=1" /> + <title>StepMania — SillyLaird</title> + <meta name="description" content="StepMania page and downloads." /> + <meta property="og:title" content="StepMania — SillyLaird" /> + <meta property="og:description" content="StepMania page and downloads." /> + <meta property="og:image" content="https://www.sillylaird.ca/lain.png" /> + <meta property="og:type" content="website" /> + <meta property="og:url" content="https://www.sillylaird.ca/gaming/stepmania/" /> + <meta property="og:locale" content="en_US" /> + <meta property="og:locale:alternate" content="ja_JP" /> + <meta property="og:locale:alternate" content="zh_CN" /> + <meta name="twitter:card" content="summary_large_image" /> + <meta name="twitter:title" content="StepMania — SillyLaird" /> + <meta name="twitter:description" content="StepMania page and downloads." /> + <meta name="twitter:image" content="https://www.sillylaird.ca/lain.png" /> + <link rel="canonical" href="https://www.sillylaird.ca/gaming/stepmania/" /> + <link rel="alternate" hreflang="x-default" href="https://www.sillylaird.ca/gaming/stepmania/" /> + <link rel="alternate" hreflang="en" href="https://www.sillylaird.ca/gaming/stepmania/" /> + <link rel="alternate" hreflang="zh" href="https://www.sillylaird.ca/gaming/stepmania/index_zh.html" /> + <link rel="alternate" hreflang="ja" href="https://www.sillylaird.ca/gaming/stepmania/index_jp.html" /> + <link rel="icon" href="/favicon.ico" /> + + <link rel="stylesheet" href="/assets/css/site.css" /> + + + <script defer src="/assets/js/includes.js"></script> +</head> + +<body> + <a class="skip-link" href="#main">Skip to content</a> + + <div data-include="header"></div> + + <main id="main" class="wrap"> + <section aria-labelledby="sm-title"> + <h1 id="sm-title">StepMania</h1> + <p class="muted">Clean, fast, and to the point.</p> + </section> + + <section aria-labelledby="packs-title"> + <h2 id="packs-title">Song Packs</h2> + <ul class="contact-list"> + <li>Dance Revolution Mix 2024</li> + <li>Retro Arcade Hits</li> + <li>Anime Beats Edition</li> + </ul> + </section> + + <section aria-labelledby="scores-title"> + <h2 id="scores-title">High Scores</h2> + <div class="s16a8a8b00c"> + <table class="s473e6bbfeb"> + <thead> + <tr> + <th class="sf2e940dbbf">Rank</th> + <th class="sf2e940dbbf">Player</th> + <th class="sf2e940dbbf">Song</th> + <th class="sf2e940dbbf">Score</th> + </tr> + </thead> + <tbody> + <tr> + <td class="s6f279abaab">1</td> + <td class="s6f279abaab">NeoStep</td> + <td class="s6f279abaab">PARANOiA Rebirth</td> + <td class="s6f279abaab">997,450</td> + </tr> + <tr> + <td class="s6f279abaab">2</td> + <td class="s6f279abaab">LainDance</td> + <td class="s6f279abaab">MAX 300</td> + <td class="s6f279abaab">995,210</td> + </tr> + <tr> + <td class="s44cd1236df">3</td> + <td class="s44cd1236df">PadWizard</td> + <td class="s44cd1236df">vanity angel</td> + <td class="s44cd1236df">992,880</td> + </tr> + </tbody> + </table> + </div> + </section> + + <section aria-labelledby="downloads-title"> + <h2 id="downloads-title">Downloads</h2> + <p><a href="https://www.mediafire.com/folder/ncph2tqkddpli/downloads" target="_blank" rel="noopener noreferrer">StepMania 3.9 / 3.95 / misc files</a></p> + </section> + + <section aria-labelledby="contact-title"> + <h2 id="contact-title">Contact</h2> + <p><a href="mailto:m@sillylaird.ca">m@sillylaird.ca</a></p> + </section> + </main> + + <div data-include="footer"></div> +</body> +</html> 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 @@ +<!doctype html> +<html lang="ja"> +<head> + <meta charset="utf-8" /> + <meta name="viewport" content="width=device-width,initial-scale=1" /> + <title>StepMania — SillyLaird</title> + <meta name="description" content="StepMania page and downloads." /> + <meta property="og:title" content="StepMania — SillyLaird" /> + <meta property="og:description" content="StepMania page and downloads." /> + <meta property="og:image" content="https://www.sillylaird.ca/lain.png" /> + <meta property="og:type" content="website" /> + <meta property="og:url" content="https://www.sillylaird.ca/gaming/stepmania/index_jp.html" /> + <meta property="og:locale" content="ja_JP" /> + <meta property="og:locale:alternate" content="en_US" /> + <meta property="og:locale:alternate" content="zh_CN" /> + <meta name="twitter:card" content="summary_large_image" /> + <meta name="twitter:title" content="StepMania — SillyLaird" /> + <meta name="twitter:description" content="StepMania page and downloads." /> + <meta name="twitter:image" content="https://www.sillylaird.ca/lain.png" /> + <link rel="canonical" href="https://www.sillylaird.ca/gaming/stepmania/index_jp.html" /> + <link rel="alternate" hreflang="x-default" href="https://www.sillylaird.ca/gaming/stepmania/" /> + <link rel="alternate" hreflang="en" href="https://www.sillylaird.ca/gaming/stepmania/" /> + <link rel="alternate" hreflang="zh" href="https://www.sillylaird.ca/gaming/stepmania/index_zh.html" /> + <link rel="alternate" hreflang="ja" href="https://www.sillylaird.ca/gaming/stepmania/index_jp.html" /> + <link rel="icon" href="/favicon.ico" /> + + <link rel="stylesheet" href="/assets/css/site.css" /> + + + <script defer src="/assets/js/includes.js"></script> +</head> + +<body> + <a class="skip-link" href="#main">本文へ移動</a> + + <div data-include="header"></div> + + <main id="main" class="wrap"> + <section aria-labelledby="sm-title"> + <h1 id="sm-title">StepMania</h1> + <p class="muted">Clean, fast, and to the point.</p> + </section> + + <section aria-labelledby="packs-title"> + <h2 id="packs-title">Song Packs</h2> + <ul class="contact-list"> + <li>Dance Revolution Mix 2024</li> + <li>Retro Arcade Hits</li> + <li>Anime Beats Edition</li> + </ul> + </section> + + <section aria-labelledby="scores-title"> + <h2 id="scores-title">High Scores</h2> + <div class="s16a8a8b00c"> + <table class="s473e6bbfeb"> + <thead> + <tr> + <th class="sf2e940dbbf">Rank</th> + <th class="sf2e940dbbf">Player</th> + <th class="sf2e940dbbf">Song</th> + <th class="sf2e940dbbf">Score</th> + </tr> + </thead> + <tbody> + <tr> + <td class="s6f279abaab">1</td> + <td class="s6f279abaab">NeoStep</td> + <td class="s6f279abaab">PARANOiA Rebirth</td> + <td class="s6f279abaab">997,450</td> + </tr> + <tr> + <td class="s6f279abaab">2</td> + <td class="s6f279abaab">LainDance</td> + <td class="s6f279abaab">MAX 300</td> + <td class="s6f279abaab">995,210</td> + </tr> + <tr> + <td class="s44cd1236df">3</td> + <td class="s44cd1236df">PadWizard</td> + <td class="s44cd1236df">vanity angel</td> + <td class="s44cd1236df">992,880</td> + </tr> + </tbody> + </table> + </div> + </section> + + <section aria-labelledby="downloads-title"> + <h2 id="downloads-title">Downloads</h2> + <p><a href="https://www.mediafire.com/folder/ncph2tqkddpli/downloads" target="_blank" rel="noopener noreferrer">StepMania 3.9 / 3.95 / misc files</a></p> + </section> + + <section aria-labelledby="contact-title"> + <h2 id="contact-title">連絡先</h2> + <p><a href="mailto:m@sillylaird.ca">m@sillylaird.ca</a></p> + </section> + </main> + + <div data-include="footer"></div> +</body> +</html> 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 @@ +<!doctype html> +<html lang="zh"> +<head> + <meta charset="utf-8" /> + <meta name="viewport" content="width=device-width,initial-scale=1" /> + <title>StepMania — SillyLaird</title> + <meta name="description" content="StepMania page and downloads." /> + <meta property="og:title" content="StepMania — SillyLaird" /> + <meta property="og:description" content="StepMania page and downloads." /> + <meta property="og:image" content="https://www.sillylaird.ca/lain.png" /> + <meta property="og:type" content="website" /> + <meta property="og:url" content="https://www.sillylaird.ca/gaming/stepmania/index_zh.html" /> + <meta property="og:locale" content="zh_CN" /> + <meta property="og:locale:alternate" content="en_US" /> + <meta property="og:locale:alternate" content="ja_JP" /> + <meta name="twitter:card" content="summary_large_image" /> + <meta name="twitter:title" content="StepMania — SillyLaird" /> + <meta name="twitter:description" content="StepMania page and downloads." /> + <meta name="twitter:image" content="https://www.sillylaird.ca/lain.png" /> + <link rel="canonical" href="https://www.sillylaird.ca/gaming/stepmania/index_zh.html" /> + <link rel="alternate" hreflang="x-default" href="https://www.sillylaird.ca/gaming/stepmania/" /> + <link rel="alternate" hreflang="en" href="https://www.sillylaird.ca/gaming/stepmania/" /> + <link rel="alternate" hreflang="zh" href="https://www.sillylaird.ca/gaming/stepmania/index_zh.html" /> + <link rel="alternate" hreflang="ja" href="https://www.sillylaird.ca/gaming/stepmania/index_jp.html" /> + <link rel="icon" href="/favicon.ico" /> + + <link rel="stylesheet" href="/assets/css/site.css" /> + + + <link rel="stylesheet" href="/assets/css/pages/stepmania_zh.css" /> + + <script defer src="/assets/js/includes.js"></script> +</head> + +<body> + <a class="skip-link" href="#main">跳至内容</a> + + <div data-include="header"></div> + + <main id="main" class="wrap"> + <section aria-labelledby="sm-title"> + <h1 id="sm-title">StepMania</h1> + <p class="muted">Clean, fast, and to the point.</p> + </section> + + <section aria-labelledby="packs-title"> + <h2 id="packs-title">Song Packs</h2> + <ul class="contact-list"> + <li>Dance Revolution Mix 2024</li> + <li>Retro Arcade Hits</li> + <li>Anime Beats Edition</li> + </ul> + </section> + + <section aria-labelledby="scores-title"> + <h2 id="scores-title">High Scores</h2> + <div class="s16a8a8b00c"> + <table class="s473e6bbfeb"> + <thead> + <tr> + <th class="sf2e940dbbf">Rank</th> + <th class="sf2e940dbbf">Player</th> + <th class="sf2e940dbbf">Song</th> + <th class="sf2e940dbbf">Score</th> + </tr> + </thead> + <tbody> + <tr> + <td class="s6f279abaab">1</td> + <td class="s6f279abaab">NeoStep</td> + <td class="s6f279abaab">PARANOiA Rebirth</td> + <td class="s6f279abaab">997,450</td> + </tr> + <tr> + <td class="s6f279abaab">2</td> + <td class="s6f279abaab">LainDance</td> + <td class="s6f279abaab">MAX 300</td> + <td class="s6f279abaab">995,210</td> + </tr> + <tr> + <td class="s44cd1236df">3</td> + <td class="s44cd1236df">PadWizard</td> + <td class="s44cd1236df">vanity angel</td> + <td class="s44cd1236df">992,880</td> + </tr> + </tbody> + </table> + </div> + </section> + + <section aria-labelledby="downloads-title"> + <h2 id="downloads-title">Downloads</h2> + <p><a href="https://www.mediafire.com/folder/ncph2tqkddpli/downloads" target="_blank" rel="noopener noreferrer">StepMania 3.9 / 3.95 / misc files</a></p> + </section> + + <section aria-labelledby="contact-title"> + <h2 id="contact-title">联系</h2> + <p><a href="mailto:m@sillylaird.ca">m@sillylaird.ca</a></p> + </section> + </main> + + <div data-include="footer"></div> +</body> +</html> 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 = `
+ <thead><tr>
+ <th>Rank</th><th>Player</th><th>Song</th><th>Score</th>
+ </tr></thead>
+ <tbody>
+ ${data.map(r => `<tr>
+ <td>${r.rank}</td><td>${r.player}</td><td>${r.song}</td><td>${r.score}</td>
+ </tr>`).join('')}
+ </tbody>`;
+ 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); }
+}
|
