commit 712f350fe7db2c96736c4e5873c526ac41d7d36f Author: Michael Maurakis Date: Sun Jan 19 17:35:31 2025 -0600 Sanity check. It works with literally no features. diff --git a/content.js b/content.js new file mode 100644 index 0000000..a1ca17b --- /dev/null +++ b/content.js @@ -0,0 +1,12 @@ +// Create the button +const button = document.createElement('button'); +button.id = 'fumbleButton'; +button.textContent = 'Fumble!'; + +// Add click handler +button.addEventListener('click', () => { + window.location.href = 'https://wiby.me/surprise/'; +}); + +// Add button to page +document.body.appendChild(button); \ No newline at end of file diff --git a/index.html b/index.html new file mode 100644 index 0000000..9dbe302 --- /dev/null +++ b/index.html @@ -0,0 +1,26 @@ + + + + + + FumbleUpon + + + +
+ + +
+
+ +
+ + + + \ No newline at end of file diff --git a/manifest.json b/manifest.json new file mode 100644 index 0000000..851f366 --- /dev/null +++ b/manifest.json @@ -0,0 +1,14 @@ +{ + "manifest_version": 3, + "name": "FumbleUpon", + "version": "1.0", + "description": "Discover random websites, just like StumbleUpon used to do!", + "permissions": [], + "content_scripts": [ + { + "matches": [""], + "css": ["styles.css"], + "js": ["content.js"] + } + ] +} \ No newline at end of file diff --git a/styles.css b/styles.css new file mode 100644 index 0000000..c72e423 --- /dev/null +++ b/styles.css @@ -0,0 +1,63 @@ +* { + margin: 0; + padding: 0; + box-sizing: border-box; +} + +body { + display: flex; + flex-direction: column; + height: 100vh; + font-family: Arial, sans-serif; +} + +header { + display: flex; + justify-content: space-between; + align-items: center; + padding: 1rem 2rem; + background-color: #ffffff; + box-shadow: 0 2px 5px rgba(0,0,0,0.1); + z-index: 1000; +} + +.logo { + font-size: 24px; + font-weight: bold; + color: #ff4500; +} + +#fumbleButton { + padding: 10px 25px; + background-color: #ff4500; + color: white; + border: none; + border-radius: 25px; + font-size: 16px; + font-weight: bold; + cursor: pointer; + transition: transform 0.2s, background-color 0.2s; +} + +#fumbleButton:hover { + background-color: #ff5722; + transform: scale(1.05); +} + +#fumbleButton:active { + transform: scale(0.95); +} + +main { + flex: 1; + position: relative; +} + +#contentFrame { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + border: none; +} \ No newline at end of file