5 files changed, 345 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.php b/gaming/specialforce/index.php
new file mode 100644
index 0000000..804b54d
--- /dev/null
+++ b/gaming/specialforce/index.php
@@ -0,0 +1,57 @@
+<!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/assets/img/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/assets/img/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.php" />
+  <link rel="alternate" hreflang="ja" href="https://www.sillylaird.ca/gaming/specialforce/index_jp.php" />
+  <meta name="keywords" content="sillylaird, special force, soldierfront" />
+  <title>SpecialForce — SillyLaird</title>
+  <link rel="icon" href="https://www.sillylaird.ca/assets/img/lain.png" />
+
+  <link rel="stylesheet" href="/assets/css/fonts.css" />
+  <link rel="stylesheet" href="/assets/css/site.css" />
+  <link rel="stylesheet" href="/assets/css/skeleton.css" />
+</head>
+
+<body>
+  <a class="skip-link" href="#main">Skip to content</a>
+  <?php include '../../partials/header.php'; ?>
+
+  <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">
+        <a class="header-button" href="https://en.wikipedia.org/wiki/Special_Force_(2004_video_game)" target="_blank" rel="noopener noreferrer">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>
+
+  <?php include '../../partials/footer.php'; ?>
+</body>
+</html>
diff --git a/gaming/specialforce/index_jp.php b/gaming/specialforce/index_jp.php
new file mode 100644
index 0000000..4a021fc
--- /dev/null
+++ b/gaming/specialforce/index_jp.php
@@ -0,0 +1,57 @@
+<!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/assets/img/lain.png" />
+  <meta property="og:type" content="website" />
+  <meta property="og:url" content="https://www.sillylaird.ca/gaming/specialforce/index_jp.php" />
+  <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/assets/img/lain.png" />
+  <link rel="canonical" href="https://www.sillylaird.ca/gaming/specialforce/index_jp.php" />
+  <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.php" />
+  <link rel="alternate" hreflang="ja" href="https://www.sillylaird.ca/gaming/specialforce/index_jp.php" />
+  <meta name="keywords" content="sillylaird, special force, soldierfront" />
+  <title>SpecialForce — SillyLaird</title>
+  <link rel="icon" href="https://www.sillylaird.ca/assets/img/lain.png" />
+
+  <link rel="stylesheet" href="/assets/css/fonts.css" />
+  <link rel="stylesheet" href="/assets/css/site.css" />
+  <link rel="stylesheet" href="/assets/css/skeleton.css" />
+</head>
+
+<body>
+  <a class="skip-link" href="#main">本文へ移動</a>
+  <?php include '../../partials/header.php'; ?>
+
+  <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="sd1a2ffa0b4">
+        <a class="header-button" href="https://en.wikipedia.org/wiki/Special_Force_(2004_video_game)" target="_blank" rel="noopener noreferrer">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>
+
+  <?php include '../../partials/footer.php'; ?>
+</body>
+</html>
diff --git a/gaming/specialforce/index_zh.php b/gaming/specialforce/index_zh.php
new file mode 100644
index 0000000..bf28068
--- /dev/null
+++ b/gaming/specialforce/index_zh.php
@@ -0,0 +1,57 @@
+<!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/assets/img/lain.png" />
+  <meta property="og:type" content="website" />
+  <meta property="og:url" content="https://www.sillylaird.ca/gaming/specialforce/index_zh.php" />
+  <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/assets/img/lain.png" />
+  <link rel="canonical" href="https://www.sillylaird.ca/gaming/specialforce/index_zh.php" />
+  <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.php" />
+  <link rel="alternate" hreflang="ja" href="https://www.sillylaird.ca/gaming/specialforce/index_jp.php" />
+  <meta name="keywords" content="sillylaird, special force, soldierfront" />
+  <title>SpecialForce — SillyLaird</title>
+  <link rel="icon" href="https://www.sillylaird.ca/assets/img/lain.png" />
+
+  <link rel="stylesheet" href="/assets/css/fonts.css" />
+  <link rel="stylesheet" href="/assets/css/site.css" />
+  <link rel="stylesheet" href="/assets/css/skeleton.css" />
+</head>
+
+<body>
+  <a class="skip-link" href="#main">跳至内容</a>
+  <?php include '../../partials/header.php'; ?>
+
+  <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="sd1a2ffa0b4">
+        <a class="header-button" href="https://en.wikipedia.org/wiki/Special_Force_(2004_video_game)" target="_blank" rel="noopener noreferrer">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>
+
+  <?php include '../../partials/footer.php'; ?>
+</body>
+</html>
diff --git a/gaming/specialforce/style.css b/gaming/specialforce/style.css
new file mode 100644
index 0000000..27758e1
--- /dev/null
+++ b/gaming/specialforce/style.css
@@ -0,0 +1,174 @@
+/* --- 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: #000;
+    color: var(--ink, #8b0000);
+}
+
+body {
+    text-align: left;
+}
+
+/* --- LAYOUT ----------------------------------------------------------- */
+header {
+    padding: 1rem 1.5rem;
+    background: #000;
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    border-bottom: 1px solid #2a1010;
+}
+
+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;
+    color: var(--ink, #8b0000);
+}
+
+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: #000;
+    transform: translateX(100%);
+    transition: transform .3s ease-in-out;
+    padding: 1rem;
+    box-shadow: -4px 0 8px rgba(0, 0, 0, .5);
+    z-index: 9000;
+    scrollbar-width: none;
+    -ms-overflow-style: none;
+    border-left: 1px solid #2a1010;
+}
+
+#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: 1px solid #2a1010;
+    background: #000;
+    color: var(--ink, #8b0000);
+    border-radius: 4px;
+    cursor: pointer;
+}
+
+#menu-toggle:hover {
+    background: #2a1010;
+    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;
+    border: 1px solid #2a1010;
+}
+
+.button:hover {
+    background-color: red;
+    transform: translateY(-2px);
+}
+
+/* --- FOOTER ----------------------------------------------------------- */
+.footer {
+    background-color: #111;
+    color: #8b0000;
+    padding: 30px 20px;
+    text-align: center;
+    font-size: 0.9em;
+    border-top: 1px solid #2a1010;
+    margin-top: 20px;
+}
+
+.footer a {
+    color: var(--ink, #8b0000);
+    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;
+    }
+}
+\ No newline at end of file