// ==UserScript== // @name 90s Neocities LinkedIn Theme // @namespace web.nextbyte.ai // @version 1.0 // @description Transform LinkedIn into a glorious 90s Neocities-style website with animated GIFs, Comic Sans, and rainbow dividers! // @author NextByte // @match *://www.linkedin.com/* // @grant GM_addStyle // ==/UserScript== (function() { 'use strict'; console.log('🌈 Welcome to 90s LinkedIn! Under Construction! 🚧'); // Inject 90s-style CSS GM_addStyle(` /* === CORE 90s AESTHETIC === */ /* Background - Classic tiled pattern */ body { background: #008080 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGElEQVQYlWNgYGD4z4AHMIKpQQWjikYVAQAQNQIB74F6GAAAAABJRU5ErkJggg==') repeat !important; font-family: 'Comic Sans MS', 'Chalkboard SE', 'Comic Neue', cursive !important; color: #FF00FF !important; } /* Main content area - Classic white box with border */ .scaffold-layout, .scaffold-layout__inner, .application-outlet { background: white !important; border: 5px ridge #FFD700 !important; box-shadow: 10px 10px 0px rgba(0,0,0,0.5) !important; } /* Header - Rainbow gradient */ #global-nav, header.global-nav { background: linear-gradient(90deg, red 0%, orange 14%, yellow 28%, lime 42%, cyan 56%, blue 70%, magenta 84%, red 100%) !important; border: 5px outset #FFD700 !important; animation: rainbow-shift 3s linear infinite !important; box-shadow: 0 5px 15px rgba(0,0,0,0.5) !important; } @keyframes rainbow-shift { 0% { filter: hue-rotate(0deg); } 100% { filter: hue-rotate(360deg); } } /* Navigation items */ .global-nav__primary-items, .global-nav__primary-link, nav a { color: #FFFF00 !important; text-shadow: 2px 2px 4px #000000 !important; font-weight: bold !important; font-family: 'Comic Sans MS', cursive !important; } .global-nav__primary-link:hover { background: #FF00FF !important; color: #00FF00 !important; animation: blink 0.5s infinite !important; } @keyframes blink { 0%, 50% { opacity: 1; } 51%, 100% { opacity: 0.5; } } /* Posts and cards - 90s style boxes */ .feed-shared-update-v2, .artdeco-card, .scaffold-finite-scroll__content > div, [data-finite-scroll-hotkey-item] { background: #FFFFFF !important; border: 3px dashed #FF00FF !important; box-shadow: 5px 5px 0px #00FFFF !important; margin: 20px 10px !important; padding: 15px !important; position: relative !important; } /* Add "Under Construction" GIF effect */ /* DISABLED: Card-level construction banners */ /* .feed-shared-update-v2::before, .artdeco-card::before { content: '🚧 UNDER CONSTRUCTION 🚧'; display: block; background: #FFFF00; color: #000000; font-weight: bold; text-align: center; padding: 5px; border: 2px solid #FF0000; margin: -15px -15px 10px -15px; animation: construction-blink 1s infinite; } */ @keyframes construction-blink { 0%, 50% { background: #FFFF00; color: #000000; } 51%, 100% { background: #FF0000; color: #FFFF00; } } /* Buttons - Classic 90s raised buttons */ button, .artdeco-button, input[type="submit"], input[type="button"] { background: linear-gradient(180deg, #CCCCCC 0%, #999999 100%) !important; border: 3px outset #FFFFFF !important; color: #000000 !important; font-family: 'Comic Sans MS', cursive !important; font-weight: bold !important; text-shadow: 1px 1px 0px #FFFFFF !important; cursor: url('data:image/svg+xml;utf8,'), pointer !important; } button:hover, .artdeco-button:hover { background: linear-gradient(180deg, #FFD700 0%, #FFA500 100%) !important; border: 3px outset #FFD700 !important; animation: button-wiggle 0.3s infinite !important; } @keyframes button-wiggle { 0%, 100% { transform: rotate(-2deg); } 50% { transform: rotate(2deg); } } button:active, .artdeco-button:active { border: 3px inset #999999 !important; transform: translateY(2px) !important; } /* Text inputs - Classic inset style */ input[type="text"], input[type="search"], textarea, .search-global-typeahead__input { background: #FFFFFF !important; border: 3px inset #999999 !important; color: #000000 !important; font-family: 'Courier New', monospace !important; padding: 5px !important; } /* Links - Classic blue underlined */ a { color: #0000FF !important; text-decoration: underline !important; font-family: 'Comic Sans MS', cursive !important; } a:visited { color: #800080 !important; } a:hover { color: #FF0000 !important; background: #FFFF00 !important; text-decoration: none !important; } /* Sidebar - Geocities style */ .scaffold-layout__sidebar, aside { background: #FFE4E1 !important; border: 3px double #FF1493 !important; padding: 10px !important; } /* Profile images - Spinning effect */ img[alt*="profile"], .ivm-image-view-model, .EntityPhoto-circle-3, .presence-entity__image { border: 5px ridge #FFD700 !important; animation: spin-slow 10s linear infinite !important; } @keyframes spin-slow { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* Scrollbar - Windows 95 style */ ::-webkit-scrollbar { width: 16px; height: 16px; } ::-webkit-scrollbar-track { background: #C0C0C0; border: 2px solid #808080; } ::-webkit-scrollbar-thumb { background: linear-gradient(180deg, #DFDFDF 0%, #808080 100%); border: 2px outset #FFFFFF; } ::-webkit-scrollbar-thumb:hover { background: linear-gradient(180deg, #FFD700 0%, #FFA500 100%); } ::-webkit-scrollbar-button { background: #C0C0C0; border: 2px outset #FFFFFF; } /* Dividers - Rainbow HR style */ hr, .feed-shared-update-v2__description::after, .scaffold-layout__row::before { height: 5px !important; border: none !important; background: linear-gradient(90deg, red, orange, yellow, lime, cyan, blue, magenta, red) !important; margin: 15px 0 !important; } /* Text styling - Maximum 90s */ h1, h2, h3, h4, h5, h6 { font-family: 'Comic Sans MS', cursive !important; color: #FF00FF !important; text-shadow: 3px 3px 0px #00FFFF !important; font-weight: bold !important; } /* Notifications - Marquee style */ #artdeco-toasts, .artdeco-toasts { background: #FFFF00 !important; border: 5px solid #FF0000 !important; color: #000000 !important; font-family: 'Comic Sans MS', cursive !important; font-weight: bold !important; animation: slide-in 2s ease-out !important; } @keyframes slide-in { 0% { transform: translateX(100%); } 100% { transform: translateX(0); } } /* Search bar - Retro style */ .search-global-typeahead, .search-global-typeahead__input-wrapper { background: #FFFFFF !important; border: 3px inset #999999 !important; } /* Counter badge - Hit counter style */ .notification-badge, .notification-badge__count { background: #FF0000 !important; color: #FFFF00 !important; border: 2px solid #000000 !important; font-family: 'Courier New', monospace !important; font-weight: bold !important; animation: pulse 1s infinite !important; } @keyframes pulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.2); } } /* Modal/Dialog - Windows 95 window style */ .artdeco-modal, .artdeco-modal__content { background: #C0C0C0 !important; border: 3px outset #FFFFFF !important; box-shadow: 10px 10px 0px rgba(0,0,0,0.5) !important; } .artdeco-modal__header { background: linear-gradient(90deg, #000080, #1084D0) !important; color: #FFFFFF !important; font-family: 'MS Sans Serif', 'Tahoma', sans-serif !important; font-weight: bold !important; padding: 5px !important; border-bottom: 2px solid #FFFFFF !important; } /* Cursor - Custom pointer */ * { cursor: url('data:image/svg+xml;utf8,'), auto !important; } a, button, .artdeco-button { cursor: url('data:image/svg+xml;utf8,'), pointer !important; } /* Loading spinner - Retro hourglass */ .artdeco-spinner { animation: spin-fast 1s linear infinite, color-cycle 2s linear infinite !important; } @keyframes spin-fast { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes color-cycle { 0% { filter: hue-rotate(0deg); } 100% { filter: hue-rotate(360deg); } } /* Footer text */ footer { background: #000000 !important; color: #00FF00 !important; font-family: 'Courier New', monospace !important; border: 3px solid #00FF00 !important; padding: 10px !important; text-align: center !important; } /* Reactions - Colorful */ .reactions-icon, .social-details-social-counts__reactions { filter: hue-rotate(180deg) saturate(3) !important; } /* Video player - Retro TV frame */ video, .video-player { border: 10px solid #8B4513 !important; border-radius: 20px !important; box-shadow: inset 0 0 20px rgba(0,0,0,0.5), 0 10px 20px rgba(0,0,0,0.5) !important; } /* Images - Polaroid style */ img { border: 5px solid #FFFFFF !important; box-shadow: 3px 3px 8px rgba(0,0,0,0.5) !important; background: #FFFFFF !important; padding: 5px !important; } /* Dropdown menus - Classic select style */ select, .artdeco-dropdown { background: #FFFFFF !important; border: 3px outset #999999 !important; font-family: 'Comic Sans MS', cursive !important; } /* Tab navigation - Classic tabs */ .artdeco-tabs, .artdeco-tab { background: #C0C0C0 !important; border: 3px outset #FFFFFF !important; border-bottom: none !important; } .artdeco-tab--selected { background: #FFFFFF !important; border-bottom: 3px solid #FFFFFF !important; } /* Tooltips - Yellow sticky note style */ .artdeco-hoverable-trigger__tooltip, [role="tooltip"] { background: #FFFF99 !important; border: 2px solid #000000 !important; color: #000000 !important; font-family: 'Comic Sans MS', cursive !important; box-shadow: 5px 5px 0px rgba(0,0,0,0.3) !important; } `); // Add dynamic elements function add90sElements() { // Add visitor counter const counter = document.createElement('div'); counter.id = 'visitor-counter-90s'; counter.innerHTML = `

                    👁️ VISITOR COUNTER 👁️
                
                    ${Math.floor(Math.random() * 999999).toString().padStart(6, '0')}
                
                    You are visitor #${Math.floor(Math.random() * 999999)}

`; document.body.appendChild(counter); // Add "Best viewed in Netscape Navigator" badge const badge = document.createElement('div'); badge.innerHTML = `

⚠️ BEST VIEWED IN ⚠️

Netscape Navigator 4.0

800x600 resolution

`; document.body.appendChild(badge); // DISABLED: "Under Construction" banner at top /* const banner = document.createElement('div'); banner.innerHTML = `

🚧 WEBSITE UNDER CONSTRUCTION 🚧 PARDON OUR DUST 🚧 COMING SOON 🚧

`; document.body.appendChild(banner); // Add CSS for banner animation const style = document.createElement('style'); style.textContent = ` @keyframes construction-slide { 0% { background-position: 0 0; } 100% { background-position: 1000px 0; } } `; document.head.appendChild(style); */ // Add "Email me" button const emailBtn = document.createElement('div'); emailBtn.innerHTML = `

📧 EMAIL THE
WEBMASTER! 📧

`; document.body.appendChild(emailBtn); // Add floating animation const floatStyle = document.createElement('style'); floatStyle.textContent = ` @keyframes float { 0%, 100% { transform: translateY(0px); } 50% { transform: translateY(-10px); } } `; document.head.appendChild(floatStyle); // Add "Sign my guestbook" link const guestbook = document.createElement('div'); guestbook.innerHTML = `

✍️ SIGN MY GUESTBOOK! ✍️

`; document.body.appendChild(guestbook); } // Wait for page to load, then add elements if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', add90sElements); } else { add90sElements(); } // Add marquee to page title let titleIndex = 0; const titleTexts = [ '🌈 Welcome to 90s LinkedIn! 🌈', '✨ UNDER CONSTRUCTION ✨', '🚧 Pardon Our Dust! 🚧', '💾 Best Viewed in Netscape 💾', '📧 Email the Webmaster! 📧' ]; setInterval(() => { document.title = titleTexts[titleIndex]; titleIndex = (titleIndex + 1) % titleTexts.length; }, 2000); console.log('🎉 90s transformation complete! Welcome to the past! 🎉'); })();