summaryrefslogtreecommitdiff
path: root/startpage
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 /startpage
First commit
Diffstat (limited to 'startpage')
-rw-r--r--startpage/.htaccess8
-rw-r--r--startpage/amazon.pngbin0 -> 40952 bytes
-rw-r--r--startpage/basedlii.pngbin0 -> 42930 bytes
-rw-r--r--startpage/belleville.pngbin0 -> 99209 bytes
-rw-r--r--startpage/buyvm.pngbin0 -> 4693 bytes
-rw-r--r--startpage/ctvnews.pngbin0 -> 9930 bytes
-rw-r--r--startpage/cytube.pngbin0 -> 9027 bytes
-rw-r--r--startpage/ebay.pngbin0 -> 68914 bytes
-rw-r--r--startpage/gitlogo.pngbin0 -> 91512 bytes
-rw-r--r--startpage/heyuri.pngbin0 -> 28769 bytes
-rw-r--r--startpage/index.html463
-rw-r--r--startpage/lain.pngbin0 -> 118394 bytes
-rw-r--r--startpage/liivid.pngbin0 -> 19502 bytes
-rw-r--r--startpage/news.pngbin0 -> 13477 bytes
-rw-r--r--startpage/newspaper.pngbin0 -> 793 bytes
-rw-r--r--startpage/noteback.gifbin0 -> 89 bytes
-rw-r--r--startpage/old-youtube-icon-75.pngbin0 -> 78193 bytes
-rw-r--r--startpage/roundcube.pngbin0 -> 21377 bytes
-rw-r--r--startpage/shoppingcart.pngbin0 -> 49558 bytes
-rw-r--r--startpage/sm_logo.pngbin0 -> 6879 bytes
-rw-r--r--startpage/somethingawful.pngbin0 -> 36511 bytes
-rw-r--r--startpage/sonemic.pngbin0 -> 26546 bytes
-rw-r--r--startpage/sonymp3.pngbin0 -> 24258 bytes
-rw-r--r--startpage/startpage.css272
-rw-r--r--startpage/startpage.js87
-rw-r--r--startpage/test.html54
-rw-r--r--startpage/test.old129
-rw-r--r--startpage/tf2.pngbin0 -> 35302 bytes
-rw-r--r--startpage/tilde.pngbin0 -> 1909 bytes
-rw-r--r--startpage/videogame.pngbin0 -> 1209330 bytes
-rw-r--r--startpage/wallpaper.jpgbin0 -> 215198 bytes
31 files changed, 1013 insertions, 0 deletions
diff --git a/startpage/.htaccess b/startpage/.htaccess
new file mode 100644
index 0000000..3f07952
--- /dev/null
+++ b/startpage/.htaccess
@@ -0,0 +1,8 @@
+<IfModule mod_headers.c>
+ <Files "index.html">
+ Header set X-Content-Type-Options "nosniff"
+ Header set Referrer-Policy "strict-origin-when-cross-origin"
+ Header set Permissions-Policy "geolocation=(), microphone=(), camera=(), payment=(), usb=()"
+ Header set Content-Security-Policy "default-src 'self'; base-uri 'self'; script-src 'self'; style-src 'self' https://fonts.googleapis.com; font-src 'self' https://fonts.gstatic.com; img-src 'self' https://sirocco.accuweather.com; form-action 'self' https://www.google.com https://www.google.ca; object-src 'none'"
+ </Files>
+</IfModule>
diff --git a/startpage/amazon.png b/startpage/amazon.png
new file mode 100644
index 0000000..9be01b5
--- /dev/null
+++ b/startpage/amazon.png
Binary files differ
diff --git a/startpage/basedlii.png b/startpage/basedlii.png
new file mode 100644
index 0000000..db0451b
--- /dev/null
+++ b/startpage/basedlii.png
Binary files differ
diff --git a/startpage/belleville.png b/startpage/belleville.png
new file mode 100644
index 0000000..3d2eab0
--- /dev/null
+++ b/startpage/belleville.png
Binary files differ
diff --git a/startpage/buyvm.png b/startpage/buyvm.png
new file mode 100644
index 0000000..3e18331
--- /dev/null
+++ b/startpage/buyvm.png
Binary files differ
diff --git a/startpage/ctvnews.png b/startpage/ctvnews.png
new file mode 100644
index 0000000..87d7065
--- /dev/null
+++ b/startpage/ctvnews.png
Binary files differ
diff --git a/startpage/cytube.png b/startpage/cytube.png
new file mode 100644
index 0000000..6f47350
--- /dev/null
+++ b/startpage/cytube.png
Binary files differ
diff --git a/startpage/ebay.png b/startpage/ebay.png
new file mode 100644
index 0000000..9a75110
--- /dev/null
+++ b/startpage/ebay.png
Binary files differ
diff --git a/startpage/gitlogo.png b/startpage/gitlogo.png
new file mode 100644
index 0000000..34cd85c
--- /dev/null
+++ b/startpage/gitlogo.png
Binary files differ
diff --git a/startpage/heyuri.png b/startpage/heyuri.png
new file mode 100644
index 0000000..46510d5
--- /dev/null
+++ b/startpage/heyuri.png
Binary files differ
diff --git a/startpage/index.html b/startpage/index.html
new file mode 100644
index 0000000..976de31
--- /dev/null
+++ b/startpage/index.html
@@ -0,0 +1,463 @@
+<!DOCTYPE html>
+<html lang="en" dir="ltr">
+<head>
+ <meta charset="UTF-8" />
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
+ <title>SillyLaird // Terminal</title>
+
+ <meta name="color-scheme" content="dark" />
+ <meta name="theme-color" content="#000000" />
+ <meta name="description" content="SillyLaird's personal index and terminal-style startpage." />
+ <meta property="og:title" content="SillyLaird // Terminal" />
+ <meta property="og:description" content="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/startpage/" />
+ <meta property="og:locale" content="en_US" />
+ <meta name="twitter:card" content="summary_large_image" />
+ <meta name="twitter:title" content="SillyLaird // Terminal" />
+ <meta name="twitter:description" content="SillyLaird" />
+ <meta name="twitter:image" content="https://www.sillylaird.ca/lain.png" />
+ <link rel="canonical" href="https://www.sillylaird.ca/startpage/" />
+ <link rel="alternate" hreflang="x-default" href="https://www.sillylaird.ca/startpage/" />
+ <link rel="alternate" hreflang="en" href="https://www.sillylaird.ca/startpage/" />
+
+ <link rel="preconnect" href="https://fonts.googleapis.com" />
+ <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+ <link href="https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@400;700&display=swap" rel="stylesheet" />
+ <link rel="stylesheet" href="/startpage/startpage.css" />
+ <script defer src="/startpage/startpage.js"></script>
+
+</head>
+<body>
+
+<!-- Age Verification Modal -->
+<div id="age-verification-modal" class="age-modal hidden">
+ <div class="age-modal-content">
+ <h2>⚠ AGE VERIFICATION REQUIRED</h2>
+ <p>This section contains content intended for users 18 years of age or older.</p>
+ <p>Are you of legal age (18+) to view this content?</p>
+
+ <!-- Added Google Search Box -->
+ <div class="search-container modal-search">
+ <p class="modal-search-hint">Or search Google instead:</p>
+ <form action="https://www.google.com/search" method="get" target="_blank" class="modal-search-form">
+ <input type="search" name="q" class="search-box modal-search-input" placeholder="Search Google..." autocomplete="off" />
+ <button type="submit" class="modal-search-button">
+ Search
+ </button>
+ </form>
+ </div>
+
+ <div class="age-modal-buttons">
+ <button class="age-modal-btn" id="age-verify-yes" type="button">YES, I AM 18+</button>
+ <button class="age-modal-btn deny" id="age-verify-no" type="button">NO</button>
+ </div>
+ </div>
+</div>
+
+<header>
+ <div class="logo">
+ <a href="/" aria-label="Portal Home">
+ <img src="lain.png" alt="Lain Interface" />
+ </a>
+ </div>
+
+ <nav class="nav-columns">
+ <div class="nav-group">
+ <h3>Directory</h3>
+ <div class="nav-list">
+ <a href="https://blog.sillylaird.ca/">Blog</a>
+ <a href="https://guestbook.sillylaird.ca">GuestBook</a>
+ <a href="https://changelog.sillylaird.ca/">ChangeLog</a>
+ <a href="/journal/">Journal</a>
+ <a href="https://diary.sillylaird.ca/bbs.php">Diary</a>
+ <a href="https://live.sillylaird.ca/">Live</a>
+ <a href="/gaming/">Gaming</a>
+ <a href="http://9p.sillylaird.ca/">9p.sillylaird.ca</a>
+ <a href="http://localhost:3000/">Local.Dev</a>
+ </div>
+ </div>
+
+ <div class="nav-group">
+ <h3>Projects</h3>
+ <div class="nav-list">
+ <a href="https://sillylaird.myportfolio.com/">MyPortfolio</a>
+ <a href="https://sillylaird.srht.site/">(srht.site) SH</a>
+ <a href="https://www.sillylaird.ca/startpage/">StartPage</a>
+ <a href="https://sr.ht/~sillylaird/">SourceHut</a>
+ <a href="https://www.heyaoi.net/">Heyaoi</a>
+ <a href="https://up.heyuri.net/user/boards/sillylaird/">up@heyuri</a>
+ <a href="https://basedlii.space/">Basedlii.space</a>
+ <a href="https://trello.com/">Trello</a>
+ <a href="https://chat.dot.org.es/">ChatRoom</a>
+ </div>
+ </div>
+
+ <div class="nav-group">
+ <h3>Follow</h3>
+ <div class="nav-list">
+ <a href="https://csgoani.me/">csgoani.me</a>
+ <a href="https://ytmnd.com/">ytmnd</a>
+ <a href="https://buyvm.net/">BuyVM</a>
+ <a href="https://www.1984hosting.com/">1984Hosting</a>
+ <a href="https://digdeeper.club/">DigDeeper</a>
+ <a href="https://djlain.com/">DJLain</a>
+ <a href="https://freezepeach.social/">FreezePeach</a>
+ <a href="https://polymarket.com/">PolyMarket</a>
+ <a href="https://www.livenowfox.com/live">Current News</a>
+ </div>
+ </div>
+
+ <div class="nav-group">
+ <h3>Email</h3>
+ <div class="nav-list">
+ <a href="https://app.fastmail.com/">FastMail</a>
+ <a href="https://mail.google.com/mail/u/0/">Gmail</a>
+ <a href="https://tuta.com/">Tuta</a>
+ <a href="https://app.secria.me/">Secria</a>
+ <a href="https://accounts.autistici.org/">Autistici</a>
+ <a href="https://riseup.net/">RiseUP</a>
+ <a href="https://proton.me/mail">Proton</a>
+ <a href="https://cock.li/">Cockli</a>
+ <a href="https://pissmail.com/">PissMail</a>
+ </div>
+ </div>
+
+ <div class="nav-group">
+ <h3>MicroBlog</h3>
+ <div class="nav-list">
+ <a href="https://x.com">X/Twitter</a>
+ <a href="https://www.instagram.com/">Instagram</a>
+ <a href="https://truthsocial.com/">TruthSocial</a>
+ <a href="https://gab.com/home">Gab</a>
+ <a href="https://www.minds.com/">Minds</a>
+ <a href="https://freesoftwareextremist.com/users/sillylaird">FreeSoftwareEx</a>
+ <a href="https://detroitriotcity.com/">DetroitRiotCity</a>
+ <a href="https://noauthority.social/">NoAuthority</a>
+ <a href="https://lemmy.zip/">Lemmy.zip</a>
+ </div>
+ </div>
+
+
+ <div class="nav-group">
+ <h3>Ai/Tools</h3>
+ <div class="nav-list">
+ <a href="https://chatgpt.com/">ChatGpt</a>
+ <a href="https://gemini.google.com/app">Gemini</a>
+ <a href="https://claude.ai/new">Claude</a>
+ <a href="https://www.phind.com/">phind</a>
+ <a href="https://chat.deepseek.com/">DeepSeek</a>
+ <a href="https://chat.qwen.ai/">Qwen</a>
+ <a href="https://elephas.app/">Elephas</a>
+ <a href="https://www.diabrowser.com/">DiaBrowser</a>
+ <a href="https://ollama.com/search">Ollama</a>
+ </div>
+ </div>
+
+ <div class="nav-group">
+ <h3>Utilities</h3>
+ <div class="nav-list">
+ <a href="https://discord.com/">Discord</a>
+ <a href="https://www.remove.bg/">RemoveBG</a>
+ <a href="https://waifu2x.io/">Waifu2x</a>
+ <a href="https://tineye.com/">TinEye</a>
+ <a href="https://www.ilovepdf.com/">iLovePDF</a>
+ <a href="https://drive.google.com/">Google Drive</a>
+ <a href="https://www.sync.com/en/">Sync</a>
+ <a href="https://www.photopea.com/">Photopea</a>
+ <a href="https://www.adobe.com/">Adobe</a>
+ </div>
+ </div>
+
+ <div class="nav-group">
+ <h3>Intelligence</h3>
+ <div class="nav-list">
+ <a href="https://lobste.rs/">Lobsters</a>
+ <a href="https://news.ycombinator.com/">HackerNews</a>
+ <a href="https://www.reuters.com/">Reuters</a>
+ <a href="https://www.drudgereport.com/">Drudge Report</a>
+ <a href="https://www.foxnews.com/">Fox News</a>
+ <a href="https://www.ctvnews.ca/">CTV News</a>
+ <a href="https://www.cbc.ca/">CBC News</a>
+ <a href="https://weather.com/">Local Weather</a>
+ <a href="https://511on.ca/">Local Traffic</a>
+ </div>
+ </div>
+
+ <div class="nav-group">
+ <h3>Music</h3>
+ <div class="nav-list">
+ <a href="https://4chanmusic.miraheze.org/wiki/Sticky">/mu/ wiki</a>
+ <a href="https://rateyourmusic.com/">RateYourMusic</a>
+ <a href="https://pitchfork.com/">PitchFork</a>
+ <a href="http://www.last.fm/">LAST.FM</a>
+ <a href="https://www.discogs.com/">Discogs</a>
+ <a href="https://anonradio.net/">Anonradio</a>
+ <a href="https://r-a-d.io/">R/a/dio</a>
+ <a href="https://91x.fm/">Loyalist Radio</a>
+ <a href="https://chuo.fm/">CHUO Radio</a>
+ </div>
+ </div>
+
+ <div class="nav-group">
+ <h3>Network</h3>
+ <div class="nav-list">
+ <a href="https://www.youtube.com/">YouTube</a>
+ <a href="https://www.nicovideo.jp/">NicoVideo</a>
+ <a href="https://www.bilibili.com/">BiliBili</a>
+ <a href="https://www.tiktok.com/explore">TikTok</a>
+ <a href="https://www.twitch.tv/directory/following/live">Twitch</a>
+ <a href="https://fmhy.net/">FMHY</a>
+ <a href="https://deepwebnest.com/">DeepWebNest</a>
+ <a href="https://theindex.moe/">The index (Anime)</a>
+ <a href="https://theporndude.com/">ThePornDude (XXX)</a>
+ </div>
+ </div>
+
+ <div class="nav-group">
+ <h3>Img/Text</h3>
+ <div class="nav-list">
+ <a href="https://www.heyuri.net/">Heyuri</a>
+ <a href="https://endchan.net/">EndChan</a>
+ <a href="https://8chan.moe/">8chan.moe</a>
+ <a href="https://doushio.com/moe/">/moe/</a>
+ <a href="https://futabachannel.neocities.org/">FutabaChannel</a>
+ <a href="https://momizou.neocities.org/">Momizou</a>
+ <a href="https://momicha.neocities.org/">Momicha</a>
+ <a href="https://5ch.net/">5ch</a>
+ <a href="https://bbs.animanch.com/">Animan BBS</a>
+ </div>
+ </div>
+
+ <div class="nav-group locked" id="age-restricted-content">
+ <h3>XXX</h3>
+ <div class="nav-list">
+ <a href="https://www.pornhub.com/">PornHub</a>
+ <a href="https://www.xvideos.com/">XVideos</a>
+ <a href="https://www.redtube.com/">RedTube</a>
+ <a href="https://www.xnxx.com/">XNXX</a>
+ <a href="https://www.youporn.com/">YouPorn</a>
+ <a href="https://www.xhamster.com/">xHamster</a>
+ <a href="https://nhentai.net/">nhentai</a>
+ <a href="https://gelbooru.com/">Gelbooru</a>
+ <a href="https://jav.vercel.app">jav.vercel.app</a>
+ </div>
+ </div>
+ </nav>
+</header>
+
+<main id="main">
+ <section class="search-section">
+ <h2>Google Search..</h2>
+ <form action="https://www.google.ca/search" method="get">
+ <input type="search" name="q" class="search-box" placeholder="Search With..." autocomplete="off" />
+ </form>
+ <div class="clock-container">
+ <div id="realtime-date"></div>
+ <div id="realtime-clock" class="clock-time"></div>
+ </div>
+ </section>
+
+ <section class="grid">
+ <article class="card">
+ <div class="thumb"><img src="basedlii.png" alt="Visual" /></div>
+ <div class="card-links">
+ <strong>Multimedia</strong>
+ <a href="https://www.youtube.com/">YouTube</a>
+ <a href="https://rumble.com/">Rumble</a>
+ <a href=https://www.bitchute.com/">BitChute</a>
+ <a href="https://www.nicovideo.jp/">NicoVideo</a>
+ <a href="https://www.bilibili.com/">BiliBili</a>
+ <a href="https://www.youku.com/ku/webhome">Youku</a>
+ <a href="https://basedlii.space/">Basedlii.space</a>
+ <a href="https://basedlii.ct.ws/">Basedlii.ct.ws</a>
+ <a href="https://peertube.1312.media/videos/browse?sort=-trending&scope=local&c=true&s=3">PeerTube</a>
+ <a href="https://www.tiktok.com/">TikTok</a>
+ <a href="https://www.douyin.com/">Douyin</a>
+ <a href=https://www.instagram.com/">Instagram</a>
+ <a href="https://www.twitch.tv/directory/following/live">Twitch</a>
+ <a href="https://kick.com/">Kick</a>
+ </div>
+ </article>
+
+ <article class="card">
+ <div class="thumb"><img src="sonemic.png" alt="Visual" /></div>
+ <div class="card-links">
+ <strong>Music</strong>
+ <a href="https://music.apple.com/ca/browse">Apple Music</a>
+ <a href="https://music.youtube.com/">Youtube Music</a>
+ <a href="https://soundcloud.com/discover">SoundCloud</a>
+ <a href="https://bandcamp.com/">BandCamp</a>
+ <a href="https://rateyourmusic.com/">RateYourMusic</a>
+ <a href="https://www.discogs.com/">Discogs</a>
+ <a href="https://www.last.fm/user/SillyLaird">Last.FM</a>
+ <a href="https://libre.fm/">Libre.FM</a>
+ <a href="https://consequenceofsound.net/">Consequence of Sound</a>
+ <a href="https://playlistor.io/">Playlistor</a>
+ <a href="https://boards.4chan.org/mu/">/mu/</a>
+ <a href="https://www.head-fi.org/">Head-Fi</a>
+ <a href="https://pitchfork.com/">PitchFork</a>
+ <a href="https://www.youtube.com/@theneedledrop">theneedledrop</a>
+ </div>
+ </article>
+
+ <article class="card">
+ <div class="thumb"><img src="shoppingcart.png" alt="Visual" /></div>
+ <div class="card-links">
+ <strong>Shopping</strong>
+ <a href="https://www.amazon.ca/">Amazon Canada</a>
+ <a href="https://www.amazon.ca/">Amazon USA</a>
+ <a href="https://www.ebay.ca/">Ebay Canada</a>
+ <a href="https://www.ebay.com/">Ebay USA</a>
+ <a href="https://www.jauce.com/">Yahoo Japan Auction</a>
+ <a href="https://www.newegg.ca/">NewEgg</a>
+ <a href="https://www.canadacomputers.com/en/">Canada Computers</a>
+ <a href="https://www.long-mcquade.com/">Long & McQuade</a>
+ <a href="https://www.temu.com/">Temu</a>
+ <a href="https://ottawateamshop.ca/">Ottawa Senators</a>
+ <a href="https://shop.bellevillesens.com/">Belleville Senators</a>
+ <a href="https://www.lansdownesports.ca/67s/">Ottawa 67's</a>
+ <a href="https://shop.baltimoreravens.com/">Baltimore Ravens</a>
+ <a href="https://www.mlbshop.com/baltimore-orioles/">Baltimore Orioles</a>
+ </div>
+ </article>
+
+ <article class="card">
+ <div class="thumb"><img src="gitlogo.png" alt="Source" /></div>
+ <div class="card-links">
+ <strong>Repository</strong>
+ <a href="https://github.com/">Git Hub</a>
+ <a href="https://cvsweb.openbsd.org/">OpenBSD CVS</a>
+ <a href="https://gitweb.gentoo.org/">GitWeb Gentoo</a>
+ <a href="https://github.com/ubuntu">GitHub Ubuntu</a>
+ <a href="https://github.com/archlinux">GitHub Arch Linux</a>
+ <a href="https://github.com/void-linux">GitHub Void Linux</a>
+ <a href="https://github.com/asottile/babi">GitHub Babi</a>
+ <a href="https://codeberg.org/">CodeBerg</a>
+ <a href="https://gitlab.lain.la/">Git Lain.La</a>
+ <a href="https://git.sdf.org/sillylaird">Git SDF</a>
+ <a href="https://git.termer.net/sillylaird">Git Termer</a>
+ <a href="https://sr.ht/~sillylaird/">SourceHut</a>
+ <a href="https://bisqwit.iki.fi/src/">Bisqwit</a>
+ <a href="https://gitee.com/">Gitee</a>
+ </div>
+ </article>
+
+ <article class="card">
+ <div class="thumb"><img src="heyuri.png" alt="BBS" /></div>
+ <div class="card-links">
+ <strong>BBS</strong>
+ <a href="https://heyuri.net/">Heyuri</a>
+ <a href="https://boards.4chan.org/s4s/">/s4s/</a>
+ <a href="https://futabachannel.neocities.org/">futabachannel</a>
+ <a href="https://dat.2chan.net/t/futaba.htm">Cooking</a>
+ <a href="https://dat.2chan.net/21/futaba.htm">Ramen</a>
+ <a href="https://dat.2chan.net/r/futaba.htm">Train</a>
+ <a href="https://zip.2chan.net/1/futaba.htm">BaseBall</a>
+ <a href="https://zip.2chan.net/12/futaba.htm">Soccer</a>
+ <a href="https://may.2chan.net/25/futaba.htm">Mahjong</a>
+ <a href="https://nov.2chan.net/35/futaba.htm">Politics</a>
+ <a href="https://dat.2chan.net/img2/futaba.htm">2d Img</a>
+ <a href="https://zip.2chan.net/3/futaba.htm">HomeBrew Pc</a>
+ <a href="https://dat.2chan.net/48/futaba.htm">Consumer Tech</a>
+ <a href="https://www.ptt.cc/bbs/index.html">ptt BBS</a>
+ </div>
+ </article>
+
+ <article class="card">
+ <div class="thumb"><img src="https://sirocco.accuweather.com/nx_mosaic_640x480_public/sir/inmasirne.gif" alt="Env" /></div>
+ <div class="card-links">
+ <strong>Local News/Weather</strong>
+ <a href="https://www.ctvnews.ca/weather">CTV News</a>
+ <a href="https://www.cbc.ca/news/canada/ottawa">CBC News</a>
+ <a href="https://globalnews.ca/">Global News</a>
+ <a href="https://japantoday.com/">JapanToday</a>
+ <a href="https://www.cgtn.com/">CGTN</a>
+ <a href="https://www.xinhuanet.com/">新华网 (Xinhuanet)</a>
+ <a href="https://www.theglobeandmail.com/">TheGlobeAndMail</a>
+ <a href="https://www.reuters.com/">Reuters</a>
+ <a href="https://www.foxnews.com/">Fox News</a>
+ <a href="https://www.drudgereport.com/">Drudge Report</a>
+ <a href="https://news.joshwho.net/">JoshWho News</a>
+ <a href="https://www.livenowfox.com/live">Current News</a>
+ <a href="https://weather.com/">Local Weather</a>
+ <a href="https://511on.ca/">Local Traffic</a>
+ </div>
+ </article>
+
+
+ <article class="card">
+ <div class="thumb"><img src="belleville.png" alt="Env" /></div>
+ <div class="card-links">
+ <strong>Sports</strong>
+ <a href="https://live.qq.com/directory/all">live.qq</a>
+ <a href="https://www.sportsmediawatch.com/sports-on-tv-today-games-time-channel/">SportsMediaWatch</a>
+ <a href="https://www.sofascore.com/">Sofascore</a>
+ <a href="https://theahl.com/">TheAHLInsider</a>
+ <a href="https://www.espn.com/">ESPN</a>
+ <a href="https://www.espn.com/watch/">ESPN WATCH</a>
+ <a href="https://www.sportsnet.ca/">SportsNet</a>
+ <a href="https://www.tsn.ca/">TSN</a>
+ <a href="https://www.tsn.ca/live/">TSN (WATCH)</a>
+ <a href="https://www.flosports.tv/">FloSports</a>
+ <a href="https://www.tsn.ca/lacrosse/article/nll-lacrosse-on-tsn-broadcast-schedule-2/">NLL</a>
+ <a href="https://plus.nll.com/">Plus Nll</a>
+ <a href="https://tglgolf.com/">TGL Golf</a>
+ <a href="https://bellevillesens.com/">BellevilleSens</a>
+ </div>
+ </article>
+
+ <article class="card">
+ <div class="thumb"><img src="somethingawful.png" alt="Env" /></div>
+ <div class="card-links">
+ <strong>Forums</strong>
+ <a href="https://www.somethingawful.com/">Something Awful </a>
+ <a href="https://forum.agoraroad.com/index.php">Agora Road</a>
+ <a href="https://slashdot.org/">SlashDot</a>
+ <a href="https://arstechnica.com/civis/">Ars Tech Forum</a>
+ <a href="https://www.quora.com/?prevent_redirect=1">Quora</a>
+ <a href="https://www.xda-developers.com/">XDA-Developers</a>
+ <a href="https://forum.level1techs.com/">level1techs</a>
+ <a href="https://www.head-fi.org/">Head-Fi</a>
+ <a href="https://www.newgrounds.com/">NewGrounds</a>
+ <a href="https://daemonforums.org/forumdisplay.php?f=11">DaemonForums</a>
+ <a href="https://forum.osdev.org/">OSDev</a>
+ <a href="https://idforums.net/">ID Forums</a>
+ <a href="https://hellsgamers.com/forums/">HellsGamers Forum</a>
+ <a href="https://linustechtips.com/">LTT Forum</a>
+ </div>
+ </article>
+
+ <article class="card">
+ <div class="thumb"><img src="videogame.png" alt="Env" /></div>
+ <div class="card-links">
+ <strong>Video Games</strong>
+ <a href="https://store.steampowered.com/">Steam</a>
+ <a href="https://www.gog.com/">GoG</a>
+ <a href="https://oldschool.runescape.com/">OSRS RuneScape</a>
+ <a href="https://rscrevolution.com/">RSCEvolution</a>
+ <a href="https://uooutlands.com/">UO Outlands</a>
+ <a href="https://dtxmania.net/">DtxMania</a>
+ <a href="https://approvedtx.blogspot.com/?m=1">ApprovedDTX</a>
+ <a href="https://dtx.furukon.com/">FuruKon</a>
+ <a href="https://djlain.com/gitadora/">DJLain Gitadora</a>
+ <a href="https://djlain.com/popn/">DJLain Pop'n</a>
+ <a href="https://iidx.org/">beatmania IIDX Guide</a>
+ <a href="https://www.flashflashrevolution.com/">FlashFlashRevolution</a>
+ <a href="https://wiki.realmofespionage.xyz/start">wiki.realmofespionage</a>
+ <a href="https://www.newgrounds.com/">NewGrounds</a>
+ </div>
+ </article>
+
+ </section>
+</main>
+
+<footer>
+ <div class="footer-content">
+ <p>SYSTEM.VERSION: 2026.01 &bull; PROTOCOL: INDIE-WEB &bull; USER: SILLYLAIRD</p>
+ </div>
+</footer>
+
+</body>
+</html>
diff --git a/startpage/lain.png b/startpage/lain.png
new file mode 100644
index 0000000..792f486
--- /dev/null
+++ b/startpage/lain.png
Binary files differ
diff --git a/startpage/liivid.png b/startpage/liivid.png
new file mode 100644
index 0000000..6fdb36b
--- /dev/null
+++ b/startpage/liivid.png
Binary files differ
diff --git a/startpage/news.png b/startpage/news.png
new file mode 100644
index 0000000..32d2b8c
--- /dev/null
+++ b/startpage/news.png
Binary files differ
diff --git a/startpage/newspaper.png b/startpage/newspaper.png
new file mode 100644
index 0000000..8ace873
--- /dev/null
+++ b/startpage/newspaper.png
Binary files differ
diff --git a/startpage/noteback.gif b/startpage/noteback.gif
new file mode 100644
index 0000000..2630a60
--- /dev/null
+++ b/startpage/noteback.gif
Binary files differ
diff --git a/startpage/old-youtube-icon-75.png b/startpage/old-youtube-icon-75.png
new file mode 100644
index 0000000..b16d3ae
--- /dev/null
+++ b/startpage/old-youtube-icon-75.png
Binary files differ
diff --git a/startpage/roundcube.png b/startpage/roundcube.png
new file mode 100644
index 0000000..d972dbe
--- /dev/null
+++ b/startpage/roundcube.png
Binary files differ
diff --git a/startpage/shoppingcart.png b/startpage/shoppingcart.png
new file mode 100644
index 0000000..fe3f85e
--- /dev/null
+++ b/startpage/shoppingcart.png
Binary files differ
diff --git a/startpage/sm_logo.png b/startpage/sm_logo.png
new file mode 100644
index 0000000..f17bc70
--- /dev/null
+++ b/startpage/sm_logo.png
Binary files differ
diff --git a/startpage/somethingawful.png b/startpage/somethingawful.png
new file mode 100644
index 0000000..e462ec7
--- /dev/null
+++ b/startpage/somethingawful.png
Binary files differ
diff --git a/startpage/sonemic.png b/startpage/sonemic.png
new file mode 100644
index 0000000..f266a34
--- /dev/null
+++ b/startpage/sonemic.png
Binary files differ
diff --git a/startpage/sonymp3.png b/startpage/sonymp3.png
new file mode 100644
index 0000000..b627d5a
--- /dev/null
+++ b/startpage/sonymp3.png
Binary files differ
diff --git a/startpage/startpage.css b/startpage/startpage.css
new file mode 100644
index 0000000..51a1334
--- /dev/null
+++ b/startpage/startpage.css
@@ -0,0 +1,272 @@
+:root {
+ --bg: #000;
+ --text: #ddd;
+ --accent: #ff0000;
+ --gold: #C69214;
+ --border: #222;
+ --radius: 4px; /* Sharper edges for a retro feel */
+ --logo-size: clamp(80px, 10vw, 100px);
+ --fs-base: clamp(13px, 1vw, 15px);
+}
+
+* { box-sizing: border-box; }
+body {
+ margin: 0; background: var(--bg); color: var(--text);
+ font: 400 var(--fs-base) 'Source Code Pro', monospace;
+ line-height: 1.4; display: flex; flex-direction: column; min-height: 100vh;
+}
+
+a { color: var(--accent); text-decoration: none; transition: 0.1s; }
+a:hover { background: var(--accent); color: #000 !important; }
+
+/* Left-Aligned Container */
+header, main, footer {
+ width: 100%;
+ max-width: 1200px; /* Constrains width so it doesn't float too far right on wide screens */
+ margin: 0; /* Align to left */
+ padding: 20px 40px;
+}
+
+/* Header Layout */
+header {
+ display: flex;
+ flex-direction: row;
+ gap: 40px;
+ align-items: flex-start;
+ border-bottom: 2px solid var(--border);
+}
+
+.logo a img {
+ width: var(--logo-size);
+ height: auto;
+ border: 2px solid #000;
+ display: block;
+}
+
+/* Lain border: black normally, red on hover/focus */
+.logo a:hover img,
+.logo a:focus-visible img {
+ border-color: var(--accent);
+}
+
+.nav-columns {
+ display: grid;
+ grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
+ gap: 20px;
+ flex-grow: 1;
+ text-align: left;
+}
+
+.nav-group h3 {
+ color: var(--gold);
+ font-size: 0.8rem;
+ text-transform: uppercase;
+ margin: 0 0 10px 0;
+ letter-spacing: 1px;
+}
+
+.nav-list { display: flex; flex-direction: column; gap: 4px; }
+.nav-list a { font-size: 0.85rem; width: fit-content; }
+
+/* Search Section: Left Aligned */
+.search-section {
+ padding: 40px 0;
+ text-align: left;
+}
+
+.search-section h2 {
+ color: var(--gold);
+ margin-bottom: 15px;
+ font-size: 1.2rem;
+ font-weight: bold;
+}
+
+.search-box {
+ width: 100%;
+ max-width: 450px; /* Kept focused for readability */
+ background: #000;
+ border: 1px solid var(--border);
+ padding: 10px;
+ color: var(--accent);
+ font-family: inherit;
+ outline: none;
+}
+.search-box:focus { border-color: var(--accent); }
+
+.clock-container { margin-top: 15px; color: var(--text); font-size: 0.9rem; opacity: 0.8; }
+.clock-time { color: var(--accent); letter-spacing: 1px; }
+
+/* Grid Layout: Left Aligned */
+.grid {
+ display: grid;
+ grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
+ gap: 20px;
+ padding: 0;
+}
+
+.card {
+ border: 1px solid var(--border);
+ background: #050505;
+ padding: 15px;
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start; /* Items start on the left */
+ transition: 0.2s;
+}
+.card:hover { border-color: var(--accent); }
+
+.card .thumb {
+ width: 100%;
+ height: 70px;
+ display: flex;
+ align-items: center;
+ justify-content: flex-start; /* Align icon to left */
+ margin-bottom: 15px;
+ opacity: 0.7;
+}
+.card img { max-width: 80px; max-height: 100%; object-fit: contain; }
+
+.card-links {
+ font-size: 0.8rem;
+ border-top: 1px solid var(--border);
+ width: 100%;
+ padding-top: 12px;
+ text-align: left;
+}
+.card-links a { display: block; padding: 1px 0; }
+
+footer { border-top: 1px solid var(--border); margin-top: auto; color: #555; }
+
+/* Age-Restricted Nav Group */
+#age-restricted-content {
+ position: relative;
+ cursor: pointer;
+}
+#age-restricted-content.locked .nav-list {
+ filter: blur(8px);
+ opacity: 0.3;
+ pointer-events: none;
+ user-select: none;
+}
+#age-restricted-content.locked::after {
+ content: '18+ RESTRICTED - CLICK TO VERIFY';
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+ color: var(--accent);
+ font-size: 0.7rem;
+ white-space: nowrap;
+ pointer-events: none;
+ text-align: center;
+ font-weight: bold;
+}
+#age-restricted-content.unlocked { cursor: default; }
+
+/* Age Verification Modal */
+.age-modal {
+ position: fixed;
+ top: 0; left: 0;
+ width: 100%; height: 100%;
+ background: rgba(0, 0, 0, 0.95);
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ z-index: 9999;
+}
+.age-modal.hidden { display: none; }
+.age-modal-content {
+ background: #000;
+ border: 2px solid var(--accent);
+ padding: 30px;
+ max-width: 500px;
+ text-align: center;
+}
+.age-modal-content h2 {
+ color: var(--accent);
+ margin: 0 0 20px 0;
+ font-size: 1.3rem;
+}
+.age-modal-content p {
+ margin: 0 0 25px 0;
+ line-height: 1.6;
+}
+.age-modal-buttons {
+ display: flex;
+ gap: 15px;
+ justify-content: center;
+}
+.age-modal-btn {
+ padding: 10px 25px;
+ border: 1px solid var(--border);
+ background: #000;
+ color: var(--text);
+ font-family: inherit;
+ font-size: 0.9rem;
+ cursor: pointer;
+ transition: 0.2s;
+}
+.age-modal-btn:hover {
+ background: var(--accent);
+ color: #000;
+ border-color: var(--accent);
+}
+.age-modal-btn.deny:hover {
+ background: #555;
+ border-color: #555;
+}
+
+@media (max-width: 850px) {
+ header, main, footer { padding: 20px; }
+ header { flex-direction: column; }
+ .nav-columns { width: 100%; }
+ .age-modal-content { margin: 20px; padding: 20px; }
+}
+
+/* Additional styles for modal search box */
+.search-container {
+ animation: fadeIn 0.5s ease-in;
+}
+
+@keyframes fadeIn {
+ from { opacity: 0; }
+ to { opacity: 1; }
+}
+
+.age-modal-content form button:hover {
+ background: var(--accent);
+ color: #000;
+ border-color: var(--accent);
+}
+
+.modal-search {
+ margin: 20px 0;
+ border-top: 1px solid var(--border);
+ padding-top: 20px;
+}
+
+.modal-search-hint {
+ margin-bottom: 10px;
+ font-size: 0.9rem;
+}
+
+.modal-search-form {
+ display: flex;
+ gap: 10px;
+}
+
+.modal-search-input {
+ flex-grow: 1;
+ border: 1px solid var(--border);
+ padding: 8px;
+ background: #000;
+ color: var(--text);
+}
+
+.modal-search-button {
+ padding: 8px 15px;
+ border: 1px solid var(--border);
+ background: #000;
+ color: var(--text);
+ cursor: pointer;
+}
diff --git a/startpage/startpage.js b/startpage/startpage.js
new file mode 100644
index 0000000..3fc9701
--- /dev/null
+++ b/startpage/startpage.js
@@ -0,0 +1,87 @@
+(function () {
+ function byId(id) {
+ return document.getElementById(id);
+ }
+
+ function updateClock() {
+ const dateEl = byId('realtime-date');
+ const timeEl = byId('realtime-clock');
+ if (!dateEl || !timeEl) return;
+
+ const now = new Date();
+ const options = { weekday: 'short', year: 'numeric', month: 'short', day: 'numeric' };
+ dateEl.textContent = now.toLocaleDateString(undefined, options).toUpperCase();
+ timeEl.textContent = now.toLocaleTimeString();
+ }
+
+ setInterval(updateClock, 1000);
+ updateClock();
+
+ // Age Verification System
+ let isVerified = false;
+
+ const content = byId('age-restricted-content');
+ const modal = byId('age-verification-modal');
+ const yesBtn = byId('age-verify-yes');
+ const noBtn = byId('age-verify-no');
+
+ function unlockContent() {
+ if (!content) return;
+ content.classList.remove('locked');
+ content.classList.add('unlocked');
+ content.removeEventListener('click', handleContentClick);
+ isVerified = true;
+ localStorage.setItem('ageVerified', 'true');
+ }
+
+ function showAgeModal() {
+ if (!modal) return;
+ modal.classList.remove('hidden');
+ }
+
+ function hideAgeModal() {
+ if (!modal) return;
+ modal.classList.add('hidden');
+ }
+
+ function handleContentClick(e) {
+ if (isVerified) return;
+
+ e.preventDefault();
+ e.stopPropagation();
+ showAgeModal();
+ }
+
+ function confirmAge(isOfAge) {
+ if (!modal) return;
+
+ if (isOfAge) {
+ unlockContent();
+ hideAgeModal();
+ alert('Age verified. You can now access restricted content.');
+ } else {
+ hideAgeModal();
+ window.location.href = 'https://www.google.com';
+ }
+ }
+
+ if (content && modal) {
+ const storedVerification = localStorage.getItem('ageVerified');
+ if (storedVerification === 'true') {
+ unlockContent();
+ } else {
+ showAgeModal();
+ }
+
+ content.addEventListener('click', handleContentClick);
+
+ if (yesBtn) yesBtn.addEventListener('click', function () { confirmAge(true); });
+ if (noBtn) noBtn.addEventListener('click', function () { confirmAge(false); });
+
+ document.addEventListener('keydown', function (e) {
+ if (e.altKey && e.key === 'a') {
+ showAgeModal();
+ }
+ });
+ }
+})();
diff --git a/startpage/test.html b/startpage/test.html
new file mode 100644
index 0000000..468bf82
--- /dev/null
+++ b/startpage/test.html
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <title>Accurate Belleville, Ontario Weather</title>
+ <meta property="og:title" content="Accurate Belleville, Ontario Weather" />
+ <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/startpage/test.html" />
+ <meta property="og:locale" content="en_US" />
+ <meta name="twitter:card" content="summary_large_image" />
+ <meta name="twitter:title" content="Accurate Belleville, Ontario Weather" />
+ <meta name="twitter:image" content="https://www.sillylaird.ca/lain.png" />
+ <link rel="canonical" href="https://www.sillylaird.ca/startpage/test.html" />
+ <link rel="alternate" hreflang="x-default" href="https://www.sillylaird.ca/startpage/test.html" />
+ <link rel="alternate" hreflang="en" href="https://www.sillylaird.ca/startpage/test.html" />
+
+ <!-- Tailwind removed: custom CSS is used instead -->
+ <link rel="stylesheet" href="/assets/css/pages/startpage-test.css" />
+
+</head>
+<body>
+
+ <h1>Live Weather for Belleville, Ontario</h1>
+
+ <div class="responsive-container">
+ <div class="iframe-wrapper">
+ <!--
+ This iframe embeds the ENTIRE MSN Weather forecast page for Belleville, Ontario.
+ This provides accurate, dynamic weather data directly from MSN.
+ It will include all elements of their page (navigation, ads, map, forecast details).
+ -->
+ <iframe
+ src="https://www.msn.com/en-us/weather/forecast/in-Belleville,Ontario?loc=eyJsIjoiQmVsbGV2aWxsZSIsInIiOiJPbnRhcmlvIiwicjIiOiJIYXN0aW5ncyIsImMiOiJDYW5hZGEiLCJpIjoiQ0EiLCJ0IjoxMDIsImciOiJlbi11cyIsIngiOiItNzcuMzgyNiIsInk6IjQ0LjE2NCJ9&weadegreetype=F&content=AlertNowcast_wxalncrb"
+ title="Accurate Belleville, Ontario Weather Forecast from MSN"
+ sandbox="allow-scripts allow-same-origin allow-popups allow-forms allow-top-navigation"
+ allowfullscreen
+ >
+ Your browser does not support iframes. Please visit
+ <a href="https://www.msn.com/en-us/weather/forecast/in-Belleville,Ontario?loc=eyJsIjoiQmVsbGV2aWxsZSIsInIiOiJPbnRhcmlvIiwicjIiOiJIYXN0aW5ncyIsImMiOiJDYW5hZGEiLCJpIjoiQ0EiLCJ0IjoxMDIsImciOiJlbi11cyIsIngiOiItNzcuMzgyNiIsInk6IjQ0LjE2NCJ9&weadegreetype=F&content=AlertNowcast_wxalncrb" target="_blank" rel="noopener noreferrer">MSN Weather for Belleville</a> directly.
+ </iframe>
+ </div>
+ <div class="desc">
+ The live weather data above is provided directly from MSN Weather for Belleville, Ontario.<br/>
+ For a general weather overview:
+ <a href="https://www.ctvnews.ca/weather" target="_blank" rel="noopener noreferrer">CTV News Weather</a><br/>
+ For local flying conditions:
+ <a href="https://www.uavforecast.com/" target="_blank" rel="noopener noreferrer">UAV Forecast</a>
+ </div>
+ </div>
+
+</body>
+</html>
diff --git a/startpage/test.old b/startpage/test.old
new file mode 100644
index 0000000..a71ae9c
--- /dev/null
+++ b/startpage/test.old
@@ -0,0 +1,129 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <title>Accurate Belleville, Ontario Weather</title>
+ <style>
+ body {
+ font-family: 'Inter', sans-serif; /* Using Inter font */
+ margin: 0; /* Remove default body margin */
+ padding: 20px;
+ background-color: #f0f0f0;
+ display: flex;
+ flex-direction: column; /* Arrange content vertically */
+ justify-content: center;
+ align-items: center;
+ min-height: 100vh;
+ }
+
+ h1 {
+ text-align: center;
+ color: #333;
+ margin-bottom: 20px;
+ font-size: 2em; /* Larger heading */
+ }
+
+ .responsive-container {
+ width: 95%; /* Make it wider to accommodate the full page embed */
+ max-width: 1200px; /* Max width for larger screens to prevent it from getting too wide */
+ padding: 10px;
+ box-sizing: border-box;
+ border: 1px solid #ccc;
+ border-radius: 12px; /* Slightly larger rounded corners */
+ box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15); /* More prominent shadow */
+ background-color: white;
+ margin-bottom: 20px;
+ overflow: hidden; /* Ensure content stays within rounded corners */
+ }
+
+ .iframe-wrapper {
+ position: relative;
+ /* Maintain an aspect ratio that suits a full webpage, e.g., 16:9 or taller */
+ /* A good starting point for a full webpage, adjust as needed for optimal viewing */
+ padding-bottom: 120%; /* Height will be 120% of the width, making it taller */
+ height: 0;
+ overflow: hidden;
+ border-radius: 8px; /* Slightly smaller rounded corners for inner frame */
+ }
+
+ .iframe-wrapper iframe {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ border: none;
+ border-radius: 8px;
+ }
+
+ .desc {
+ padding: 15px;
+ text-align: center;
+ font-size: 1.1em;
+ color: #555;
+ line-height: 1.6;
+ }
+
+ .desc a {
+ color: #007bff;
+ text-decoration: none;
+ font-weight: bold;
+ transition: color 0.3s ease; /* Smooth transition for hover effect */
+ }
+
+ .desc a:hover {
+ text-decoration: underline;
+ color: #0056b3; /* Darker blue on hover */
+ }
+
+ /* Responsive adjustments for the container */
+ @media only screen and (max-width: 768px) {
+ .responsive-container {
+ width: 100%; /* Full width on smaller screens */
+ padding: 5px;
+ border-radius: 0; /* No rounded corners on very small screens for edge-to-edge */
+ }
+ .iframe-wrapper {
+ padding-bottom: 150%; /* Make it even taller on mobile if needed */
+ }
+ body {
+ padding: 10px;
+ }
+ }
+ </style>
+ <!-- Tailwind CSS is not strictly necessary as custom CSS is used, but included if you plan to use it -->
+ <script src="https://cdn.tailwindcss.com"></script>
+</head>
+<body>
+
+ <h1>Live Weather for Belleville, Ontario</h1>
+
+ <div class="responsive-container">
+ <div class="iframe-wrapper">
+ <!--
+ This iframe embeds the ENTIRE MSN Weather forecast page for Belleville, Ontario.
+ This provides accurate, dynamic weather data directly from MSN.
+ It will include all elements of their page (navigation, ads, map, forecast details).
+ -->
+ <iframe
+ src="https://www.msn.com/en-us/weather/forecast/in-Belleville,Ontario?loc=eyJsIjoiQmVsbGV2aWxsZSIsInIiOiJPbnRhcmlvIiwicjIiOiJIYXN0aW5ncyIsImMiOiJDYW5hZGEiLCJpIjoiQ0EiLCJ0IjoxMDIsImciOiJlbi11cyIsIngiOiItNzcuMzgyNiIsInk6IjQ0LjE2NCJ9&weadegreetype=F&content=AlertNowcast_wxalncrb"
+ title="Accurate Belleville, Ontario Weather Forecast from MSN"
+ sandbox="allow-scripts allow-same-origin allow-popups allow-forms allow-top-navigation"
+ allowfullscreen
+ >
+ Your browser does not support iframes. Please visit
+ <a href="https://www.msn.com/en-us/weather/forecast/in-Belleville,Ontario?loc=eyJsIjoiQmVsbGV2aWxsZSIsInIiOiJPbnRhcmlvIiwicjIiOiJIYXN0aW5ncyIsImMiOiJDYW5hZGEiLCJpIjoiQ0EiLCJ0IjoxMDIsImciOiJlbi11cyIsIngiOiItNzcuMzgyNiIsInk6IjQ0LjE2NCJ9&weadegreetype=F&content=AlertNowcast_wxalncrb" target="_blank" rel="noopener noreferrer">MSN Weather for Belleville</a> directly.
+ </iframe>
+ </div>
+ <div class="desc">
+ The live weather data above is provided directly from MSN Weather for Belleville, Ontario.<br/>
+ For a general weather overview:
+ <a href="https://www.ctvnews.ca/weather" target="_blank" rel="noopener noreferrer">CTV News Weather</a><br/>
+ For local flying conditions:
+ <a href="https://www.uavforecast.com/" target="_blank" rel="noopener noreferrer">UAV Forecast</a>
+ </div>
+ </div>
+
+</body>
+</html>
diff --git a/startpage/tf2.png b/startpage/tf2.png
new file mode 100644
index 0000000..bd3794a
--- /dev/null
+++ b/startpage/tf2.png
Binary files differ
diff --git a/startpage/tilde.png b/startpage/tilde.png
new file mode 100644
index 0000000..20e1184
--- /dev/null
+++ b/startpage/tilde.png
Binary files differ
diff --git a/startpage/videogame.png b/startpage/videogame.png
new file mode 100644
index 0000000..3e2adb4
--- /dev/null
+++ b/startpage/videogame.png
Binary files differ
diff --git a/startpage/wallpaper.jpg b/startpage/wallpaper.jpg
new file mode 100644
index 0000000..d67ac74
--- /dev/null
+++ b/startpage/wallpaper.jpg
Binary files differ