import live www.sillylaird.ca webrootHEADmain

4 files changed, 282 insertions, 0 deletions

diff --git a/accounts/index.php b/accounts/index.php
new file mode 100644
index 0000000..08626fa
--- /dev/null
+++ b/accounts/index.php
@@ -0,0 +1,74 @@
+<!doctype html>
+<html lang="en">
+
+<head>
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1" />
+  <title>Accounts — SillyLaird</title>
+  
+<?php
+  $meta = [
+    'lang'      => 'en',
+    'title'     => 'Accounts — SillyLaird',
+    'desc'      => 'Account links for SillyLaird.',
+    'base'      => 'accounts/index',
+    'self_url'  => 'https://www.sillylaird.ca/accounts/',
+    'en_url'    => 'https://www.sillylaird.ca/accounts/',
+    'x_default' => 'https://www.sillylaird.ca/accounts/',
+    'ja_url'    => 'https://www.sillylaird.ca/accounts/index_jp.php',
+    'zh_url'    => 'https://www.sillylaird.ca/accounts/index_zh.php',
+  ];
+  include __DIR__ . '/../partials/head_meta.php';
+?>
+
+
+
+  <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="accounts-title">
+      <h1 id="accounts-title">Accounts</h1>
+      <p class="muted">A quick list of places I exist online.</p>
+
+      <ul class="contact-list">
+        <li><a href="mailto:m@sillylaird.ca">Main Email</a></li>
+        <li><a href="xmpp:m@sillylaird.ca?message">XMPP/Jabber</a></li>
+        <li><a href="xmpp:sillylaird@xmpp.jp?message">XMPP/Jabber 2nd</a></li>
+        <li><a href="xmpp:sillylaird@paranoid.network?message">XMPP/Jabber 3rd</a></li>
+        <li><a href="https://xf1re.com/profile/sillylaird" target="_blank" rel="me noopener">Xf1re</a></li>
+        <li><a href="/" target="_blank" rel="me noopener">Main Website</a></li>
+        <li><a href="http://xyb4zkpbnssz2kgiklg5vfbepbnblykgfvemwadvufwzfcrjny46q6qd.onion/" target="_blank"
+            rel="me noopener">Main Tor Website</a></li>
+        <li><a href="https://sillylaird.srht.site/" target="_blank" rel="me noopener">sr.ht Website</a></li>
+        <li><a href="http://9p.sdf.org/who/sillylaird/index.html" target="_blank" rel="me noopener">plan9front
+            website</a></li>
+        <li><a href="https://music.apple.com/profile/sillylaird" target="_blank" rel="me noopener">Apple Music</a></li>
+        <li><a href="https://www.last.fm/user/SillyLaird" target="_blank" rel="me noopener">Last.FM</a></li>
+        <li><a href="https://edramatica.com/Main_Page" target="_blank" rel="me noopener">Encyclopedia
+            Dramatica</a></li>
+        <li><a href="https://forums.edramatica.com/members/sillylaird.1315/" target="_blank"
+            rel="me noopener">Encyclopedia Dramatica Forum</a></li>
+        <li><a href="https://www.flashflashrevolution.com/profile/Stpatrick05/" target="_blank"
+            rel="me noopener">FFR</a></li>
+        <li><a href="https://osu.ppy.sh/users/9157299" target="_blank" rel="me noopener">OSU!</a></li>
+        <li><a href="https://osu.titanic.sh/u/1963" target="_blank" rel="me noopener">OSU!titanic</a></li>
+        <li><a href="https://zenius-i-vanisher.com/v5.2/user?userid=25775" target="_blank"
+            rel="me noopener">zenius-i-vanisher</a></li>
+        <li><a href="https://www.roblox.com/users/1444348326/profile" target="_blank" rel="me noopener">Roblox</a></li>
+        <li><a href="https://www.tiktok.com/@sillylaird" target="_blank" rel="me noopener">TikTok</a></li>
+      </ul>
+    </section>
+  </main>
+
+  <?php include '../partials/footer.php'; ?>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/accounts/index_jp.php b/accounts/index_jp.php
new file mode 100644
index 0000000..263df9a
--- /dev/null
+++ b/accounts/index_jp.php
@@ -0,0 +1,71 @@
+<!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="Account links for SillyLaird." />
+  <meta property="og:title" content="アカウント — SillyLaird" />
+  <meta property="og:description" content="Account links for 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/accounts/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="アカウント — SillyLaird" />
+  <meta name="twitter:description" content="Account links for SillyLaird." />
+  <meta name="twitter:image" content="https://www.sillylaird.ca/assets/img/lain.png" />
+  <link rel="canonical" href="https://www.sillylaird.ca/accounts/index_jp.php" />
+  <link rel="alternate" hreflang="x-default" href="https://www.sillylaird.ca/accounts/" />
+  <link rel="alternate" hreflang="en" href="https://www.sillylaird.ca/accounts/" />
+  <link rel="alternate" hreflang="zh" href="https://www.sillylaird.ca/accounts/index_zh.php" />
+  <link rel="alternate" hreflang="ja" href="https://www.sillylaird.ca/accounts/index_jp.php" />
+  <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="accounts-title">
+      <h1 id="accounts-title">アカウント</h1>
+      <p class="muted">A quick list of places I exist online.</p>
+
+      <ul class="contact-list">
+        <li><a href="mailto:m@sillylaird.ca">Main Email</a></li>
+        <li><a href="xmpp:sillylaird@xmpp.jp?message">XMPP/Jabber</a></li>
+        <li><a href="xmpp:sillylaird@chat.moddedbear.xyz?message">XMPP/Jabber 2nd</a></li>
+        <li><a href="xmpp:sillylaird@paranoid.network?message">XMPP/Jabber 3rd</a></li>
+        <li><a href="https://discordapp.com/users/1012487168322703400" target="_blank" rel="me noopener">Discord</a></li>
+        <li><a href="https://xf1re.com/profile/sillylaird" target="_blank" rel="me noopener">Xf1re</a></li>
+        <li><a href="https://www.liivid.lol/user/sillylaird" target="_blank" rel="me noopener">LiiVid</a></li>
+        <li><a href="https://www.kamtape.com/profile.php?user=sillylaird" target="_blank" rel="me noopener">KamTape</a></li>
+        <li><a href="/" target="_blank" rel="me noopener">Main Website</a></li>
+        <li><a href="http://nooju2u7hjy4pxlqfacvgmdsxgehhhetywahyu2522tpzlr5abem7oid.onion/" target="_blank" rel="me noopener">Main Tor Website</a></li>
+        <li><a href="https://sillylaird.srht.site/" target="_blank" rel="me noopener">sr.ht Website</a></li>
+        <li><a href="http://9p.sdf.org/who/sillylaird/index.html" target="_blank" rel="me noopener">plan9front website</a></li>
+        <li><a href="https://music.apple.com/profile/sillylaird" target="_blank" rel="me noopener">Apple 音楽</a></li>
+        <li><a href="https://www.last.fm/user/SillyLaird" target="_blank" rel="me noopener">Last.FM</a></li>
+        <li><a href="https://edramatica.com/Main_Page" target="_blank" rel="me noopener">Encyclopedia Dramatica</a></li>
+        <li><a href="https://forums.edramatica.com/members/sillylaird.1315/" target="_blank" rel="me noopener">Encyclopedia Dramatica Forum</a></li>
+        <li><a href="https://www.flashflashrevolution.com/profile/Stpatrick05/" target="_blank" rel="me noopener">FFR</a></li>
+        <li><a href="https://osu.ppy.sh/users/9157299" target="_blank" rel="me noopener">OSU!</a></li>
+        <li><a href="https://osu.titanic.sh/u/1963" target="_blank" rel="me noopener">OSU!titanic</a></li>
+        <li><a href="https://zenius-i-vanisher.com/v5.2/user?userid=25775" target="_blank" rel="me noopener">zenius-i-vanisher</a></li>
+        <li><a href="https://www.roblox.com/users/1444348326/profile" target="_blank" rel="me noopener">Roblox</a></li>
+        <li><a href="https://www.tiktok.com/@sillylaird" target="_blank" rel="me noopener">TikTok</a></li>
+      </ul>
+    </section>
+  </main>
+
+  <?php include '../partials/footer.php'; ?>
+</body>
+</html>
diff --git a/accounts/index_zh.php b/accounts/index_zh.php
new file mode 100644
index 0000000..420e455
--- /dev/null
+++ b/accounts/index_zh.php
@@ -0,0 +1,71 @@
+<!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="Account links for SillyLaird." />
+  <meta property="og:title" content="账户 — SillyLaird" />
+  <meta property="og:description" content="Account links for 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/accounts/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="账户 — SillyLaird" />
+  <meta name="twitter:description" content="Account links for SillyLaird." />
+  <meta name="twitter:image" content="https://www.sillylaird.ca/assets/img/lain.png" />
+  <link rel="canonical" href="https://www.sillylaird.ca/accounts/index_zh.php" />
+  <link rel="alternate" hreflang="x-default" href="https://www.sillylaird.ca/accounts/" />
+  <link rel="alternate" hreflang="en" href="https://www.sillylaird.ca/accounts/" />
+  <link rel="alternate" hreflang="zh" href="https://www.sillylaird.ca/accounts/index_zh.php" />
+  <link rel="alternate" hreflang="ja" href="https://www.sillylaird.ca/accounts/index_jp.php" />
+  <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="accounts-title">
+      <h1 id="accounts-title">账户</h1>
+      <p class="muted">A quick list of places I exist online.</p>
+
+      <ul class="contact-list">
+        <li><a href="mailto:m@sillylaird.ca">Main Email</a></li>
+        <li><a href="xmpp:sillylaird@xmpp.jp?message">XMPP/Jabber</a></li>
+        <li><a href="xmpp:sillylaird@chat.moddedbear.xyz?message">XMPP/Jabber 2nd</a></li>
+        <li><a href="xmpp:sillylaird@paranoid.network?message">XMPP/Jabber 3rd</a></li>
+        <li><a href="https://discordapp.com/users/1012487168322703400" target="_blank" rel="me noopener">Discord</a></li>
+        <li><a href="https://xf1re.com/profile/sillylaird" target="_blank" rel="me noopener">Xf1re</a></li>
+        <li><a href="https://www.liivid.lol/user/sillylaird" target="_blank" rel="me noopener">LiiVid</a></li>
+        <li><a href="https://www.kamtape.com/profile.php?user=sillylaird" target="_blank" rel="me noopener">KamTape</a></li>
+        <li><a href="/" target="_blank" rel="me noopener">Main Web网站</a></li>
+        <li><a href="http://nooju2u7hjy4pxlqfacvgmdsxgehhhetywahyu2522tpzlr5abem7oid.onion/" target="_blank" rel="me noopener">Main Tor Web网站</a></li>
+        <li><a href="https://sillylaird.srht.site/" target="_blank" rel="me noopener">sr.ht Web网站</a></li>
+        <li><a href="http://9p.sdf.org/who/sillylaird/index.html" target="_blank" rel="me noopener">plan9front web网站</a></li>
+        <li><a href="https://music.apple.com/profile/sillylaird" target="_blank" rel="me noopener">Apple 音乐</a></li>
+        <li><a href="https://www.last.fm/user/SillyLaird" target="_blank" rel="me noopener">Last.FM</a></li>
+        <li><a href="https://edramatica.com/Main_Page" target="_blank" rel="me noopener">Encyclopedia Dramatica</a></li>
+        <li><a href="https://forums.edramatica.com/members/sillylaird.1315/" target="_blank" rel="me noopener">Encyclopedia Dramatica Forum</a></li>
+        <li><a href="https://www.flashflashrevolution.com/profile/Stpatrick05/" target="_blank" rel="me noopener">FFR</a></li>
+        <li><a href="https://osu.ppy.sh/users/9157299" target="_blank" rel="me noopener">OSU!</a></li>
+        <li><a href="https://osu.titanic.sh/u/1963" target="_blank" rel="me noopener">OSU!titanic</a></li>
+        <li><a href="https://zenius-i-vanisher.com/v5.2/user?userid=25775" target="_blank" rel="me noopener">zenius-i-vanisher</a></li>
+        <li><a href="https://www.roblox.com/users/1444348326/profile" target="_blank" rel="me noopener">Roblox</a></li>
+        <li><a href="https://www.tiktok.com/@sillylaird" target="_blank" rel="me noopener">TikTok</a></li>
+      </ul>
+    </section>
+  </main>
+
+  <?php include '../partials/footer.php'; ?>
+</body>
+</html>
diff --git a/accounts/styles.css b/accounts/styles.css
new file mode 100644
index 0000000..4691898
--- /dev/null
+++ b/accounts/styles.css
@@ -0,0 +1,66 @@
+body {

+    display: flex;

+    justify-content: center;

+    align-items: center;

+    height: 100vh;

+    margin: 0;

+    font-family: Arial, sans-serif;

+    background-color: #ffd; /* Dark background */

+}

+

+.container {

+    text-align: center;

+    background-color: #ffd; /* Maintain background color as before */

+    padding: 40px; /* Increased padding makes the box bigger */

+    border-radius: 8px;

+    width: 700px;  /* Set an explicit width to enlarge container */

+    max-width: 90%; /* Make it responsive on smaller screens */

+    box-shadow: 0 4px 15px rgba(0, 0, 0, 1); /* Pure black shadow, more defined */

+}

+

+.circle-image-link {

+    margin-bottom: 20px;

+}

+

+.circle-link img {

+    display: inline-block;

+    width: 100px;

+    height: 100px;

+    border-radius: 50%;

+    transition: transform 0.3s;

+}

+

+.circle-link:hover img {

+    transform: scale(1.1);

+}

+

+header h1 {

+    margin: 0;

+    font-size: 24px;

+    color: black; /* White heading color */

+}

+

+header p {

+    margin: 5px 0 20px;

+    color: black; /* White text color */

+}

+

+.links {

+    display: flex;

+    flex-direction: column;

+    gap: 10px;

+}

+

+.links .link {

+    display: inline-block;

+    padding: 5px 10px;

+    border: 2px solid transparent; /* Ensure border space is reserved */

+    transition: border-color 0.3s ease;

+    color: black;  /* Set text color to black explicitly here */

+}

+

+

+.links .link:hover {

+    border-color: red; /* Red border highlight on hover */

+}

+