diff options
Diffstat (limited to 'startpage')
| -rw-r--r-- | startpage/.htaccess | 8 | ||||
| -rw-r--r-- | startpage/amazon.png | bin | 0 -> 40952 bytes | |||
| -rw-r--r-- | startpage/basedlii.png | bin | 0 -> 42930 bytes | |||
| -rw-r--r-- | startpage/belleville.png | bin | 0 -> 99209 bytes | |||
| -rw-r--r-- | startpage/buyvm.png | bin | 0 -> 4693 bytes | |||
| -rw-r--r-- | startpage/ctvnews.png | bin | 0 -> 9930 bytes | |||
| -rw-r--r-- | startpage/cytube.png | bin | 0 -> 9027 bytes | |||
| -rw-r--r-- | startpage/ebay.png | bin | 0 -> 68914 bytes | |||
| -rw-r--r-- | startpage/gitlogo.png | bin | 0 -> 91512 bytes | |||
| -rw-r--r-- | startpage/heyuri.png | bin | 0 -> 28769 bytes | |||
| -rw-r--r-- | startpage/index.html | 463 | ||||
| -rw-r--r-- | startpage/lain.png | bin | 0 -> 118394 bytes | |||
| -rw-r--r-- | startpage/liivid.png | bin | 0 -> 19502 bytes | |||
| -rw-r--r-- | startpage/news.png | bin | 0 -> 13477 bytes | |||
| -rw-r--r-- | startpage/newspaper.png | bin | 0 -> 793 bytes | |||
| -rw-r--r-- | startpage/noteback.gif | bin | 0 -> 89 bytes | |||
| -rw-r--r-- | startpage/old-youtube-icon-75.png | bin | 0 -> 78193 bytes | |||
| -rw-r--r-- | startpage/roundcube.png | bin | 0 -> 21377 bytes | |||
| -rw-r--r-- | startpage/shoppingcart.png | bin | 0 -> 49558 bytes | |||
| -rw-r--r-- | startpage/sm_logo.png | bin | 0 -> 6879 bytes | |||
| -rw-r--r-- | startpage/somethingawful.png | bin | 0 -> 36511 bytes | |||
| -rw-r--r-- | startpage/sonemic.png | bin | 0 -> 26546 bytes | |||
| -rw-r--r-- | startpage/sonymp3.png | bin | 0 -> 24258 bytes | |||
| -rw-r--r-- | startpage/startpage.css | 272 | ||||
| -rw-r--r-- | startpage/startpage.js | 87 | ||||
| -rw-r--r-- | startpage/test.html | 54 | ||||
| -rw-r--r-- | startpage/test.old | 129 | ||||
| -rw-r--r-- | startpage/tf2.png | bin | 0 -> 35302 bytes | |||
| -rw-r--r-- | startpage/tilde.png | bin | 0 -> 1909 bytes | |||
| -rw-r--r-- | startpage/videogame.png | bin | 0 -> 1209330 bytes | |||
| -rw-r--r-- | startpage/wallpaper.jpg | bin | 0 -> 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 Binary files differnew file mode 100644 index 0000000..9be01b5 --- /dev/null +++ b/startpage/amazon.png diff --git a/startpage/basedlii.png b/startpage/basedlii.png Binary files differnew file mode 100644 index 0000000..db0451b --- /dev/null +++ b/startpage/basedlii.png diff --git a/startpage/belleville.png b/startpage/belleville.png Binary files differnew file mode 100644 index 0000000..3d2eab0 --- /dev/null +++ b/startpage/belleville.png diff --git a/startpage/buyvm.png b/startpage/buyvm.png Binary files differnew file mode 100644 index 0000000..3e18331 --- /dev/null +++ b/startpage/buyvm.png diff --git a/startpage/ctvnews.png b/startpage/ctvnews.png Binary files differnew file mode 100644 index 0000000..87d7065 --- /dev/null +++ b/startpage/ctvnews.png diff --git a/startpage/cytube.png b/startpage/cytube.png Binary files differnew file mode 100644 index 0000000..6f47350 --- /dev/null +++ b/startpage/cytube.png diff --git a/startpage/ebay.png b/startpage/ebay.png Binary files differnew file mode 100644 index 0000000..9a75110 --- /dev/null +++ b/startpage/ebay.png diff --git a/startpage/gitlogo.png b/startpage/gitlogo.png Binary files differnew file mode 100644 index 0000000..34cd85c --- /dev/null +++ b/startpage/gitlogo.png diff --git a/startpage/heyuri.png b/startpage/heyuri.png Binary files differnew file mode 100644 index 0000000..46510d5 --- /dev/null +++ b/startpage/heyuri.png 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 • PROTOCOL: INDIE-WEB • USER: SILLYLAIRD</p> + </div> +</footer> + +</body> +</html> diff --git a/startpage/lain.png b/startpage/lain.png Binary files differnew file mode 100644 index 0000000..792f486 --- /dev/null +++ b/startpage/lain.png diff --git a/startpage/liivid.png b/startpage/liivid.png Binary files differnew file mode 100644 index 0000000..6fdb36b --- /dev/null +++ b/startpage/liivid.png diff --git a/startpage/news.png b/startpage/news.png Binary files differnew file mode 100644 index 0000000..32d2b8c --- /dev/null +++ b/startpage/news.png diff --git a/startpage/newspaper.png b/startpage/newspaper.png Binary files differnew file mode 100644 index 0000000..8ace873 --- /dev/null +++ b/startpage/newspaper.png diff --git a/startpage/noteback.gif b/startpage/noteback.gif Binary files differnew file mode 100644 index 0000000..2630a60 --- /dev/null +++ b/startpage/noteback.gif diff --git a/startpage/old-youtube-icon-75.png b/startpage/old-youtube-icon-75.png Binary files differnew file mode 100644 index 0000000..b16d3ae --- /dev/null +++ b/startpage/old-youtube-icon-75.png diff --git a/startpage/roundcube.png b/startpage/roundcube.png Binary files differnew file mode 100644 index 0000000..d972dbe --- /dev/null +++ b/startpage/roundcube.png diff --git a/startpage/shoppingcart.png b/startpage/shoppingcart.png Binary files differnew file mode 100644 index 0000000..fe3f85e --- /dev/null +++ b/startpage/shoppingcart.png diff --git a/startpage/sm_logo.png b/startpage/sm_logo.png Binary files differnew file mode 100644 index 0000000..f17bc70 --- /dev/null +++ b/startpage/sm_logo.png diff --git a/startpage/somethingawful.png b/startpage/somethingawful.png Binary files differnew file mode 100644 index 0000000..e462ec7 --- /dev/null +++ b/startpage/somethingawful.png diff --git a/startpage/sonemic.png b/startpage/sonemic.png Binary files differnew file mode 100644 index 0000000..f266a34 --- /dev/null +++ b/startpage/sonemic.png diff --git a/startpage/sonymp3.png b/startpage/sonymp3.png Binary files differnew file mode 100644 index 0000000..b627d5a --- /dev/null +++ b/startpage/sonymp3.png 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 Binary files differnew file mode 100644 index 0000000..bd3794a --- /dev/null +++ b/startpage/tf2.png diff --git a/startpage/tilde.png b/startpage/tilde.png Binary files differnew file mode 100644 index 0000000..20e1184 --- /dev/null +++ b/startpage/tilde.png diff --git a/startpage/videogame.png b/startpage/videogame.png Binary files differnew file mode 100644 index 0000000..3e2adb4 --- /dev/null +++ b/startpage/videogame.png diff --git a/startpage/wallpaper.jpg b/startpage/wallpaper.jpg Binary files differnew file mode 100644 index 0000000..d67ac74 --- /dev/null +++ b/startpage/wallpaper.jpg |
