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
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;
+    }
+}