summaryrefslogtreecommitdiff
path: root/gaming/specialforce
diff options
context:
space:
mode:
authorsillylaird <sillylaird@fastmail.ca>2026-02-03 21:27:57 -0500
committersillylaird <sillylaird@fastmail.ca>2026-02-03 21:27:57 -0500
commit720d752748b793a2f5cf3cc14cb75ad86e8919c0 (patch)
tree29120103307cb17e7d6c283cc198ec2484f934cd /gaming/specialforce
First commit
Diffstat (limited to 'gaming/specialforce')
-rw-r--r--gaming/specialforce/SpecialForce_Launcher.exebin0 -> 2378840 bytes
-rw-r--r--gaming/specialforce/index.html63
-rw-r--r--gaming/specialforce/index_jp.html63
-rw-r--r--gaming/specialforce/index_zh.html63
-rw-r--r--gaming/specialforce/style.css113
5 files changed, 302 insertions, 0 deletions
diff --git a/gaming/specialforce/SpecialForce_Launcher.exe b/gaming/specialforce/SpecialForce_Launcher.exe
new file mode 100644
index 0000000..befd61f
--- /dev/null
+++ b/gaming/specialforce/SpecialForce_Launcher.exe
Binary files 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 @@
+<!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;
+ }
+}