diff --git a/.github/workflows/cicd-website.yml b/.github/workflows/cicd-website.yml index f2c9e97..55e6b99 100644 --- a/.github/workflows/cicd-website.yml +++ b/.github/workflows/cicd-website.yml @@ -37,7 +37,7 @@ jobs: uses: actions/upload-pages-artifact@v3 with: # Upload entire repository - path: '.' + path: 'website' - name: Deploy to GitHub Pages id: deployment uses: actions/deploy-pages@v4 diff --git a/.vscode/settings.json b/.vscode/settings.json new file mode 100644 index 0000000..4404303 --- /dev/null +++ b/.vscode/settings.json @@ -0,0 +1,4 @@ +{ + "liveServer.settings.port": 5001, + "liveServer.settings.root": "/website/", +} diff --git a/extension/manifest.json b/extension/manifest.json index dd38bc7..b0f275a 100644 --- a/extension/manifest.json +++ b/extension/manifest.json @@ -28,6 +28,9 @@ "type": "module" } ], + "content_security_policy": { + "extension_pages": "script-src 'self'; object-src 'self'" + }, "icons": { "128": "images/icon-128.png", "48": "images/icon-48.png" diff --git a/extension/src/popup.css b/extension/src/popup.css new file mode 100644 index 0000000..c9019ff --- /dev/null +++ b/extension/src/popup.css @@ -0,0 +1,53 @@ +/* Custom styles for the switch */ +.switch { + position: relative; + display: inline-block; + width: 34px; + height: 20px; +} + +.switch input { + opacity: 0; + width: 0; + height: 0; +} + +.slider { + position: absolute; + cursor: pointer; + top: 0; + left: 0; + right: 0; + bottom: 0; + background-color: #ccc; + transition: 0.4s; + border-radius: 34px; +} + +.slider:before { + position: absolute; + content: ""; + height: 14px; + width: 14px; + left: 3px; + bottom: 3px; + background-color: white; + transition: 0.4s; + border-radius: 50%; +} + +input:checked + .slider { + background-color: #2196f3; +} + +input:checked + .slider:before { + transform: translateX(14px); +} + +.slider.round { + border-radius: 34px; +} + +.slider.round:before { + border-radius: 50%; +} diff --git a/extension/src/popup.html b/extension/src/popup.html index 3c1fbe4..c1f5196 100644 --- a/extension/src/popup.html +++ b/extension/src/popup.html @@ -1,20 +1,86 @@ - + GitHub Prime - + + + + + + + - -

GitHub Prime

-

Enhance your GitHub experience with advanced features and customization options.

+ +
+
+ +

GitHub Prime

+
+
+
+ +
+
+

Question 1111: sample lorem ipsum

+ +
+
+

Question 2: sample lorem ipsum

+ +
+
+

Question 3: sample lorem ipsum

+ +
+
+

Question 4: sample lorem ipsum

+ +
+
+

Question 5: sample lorem ipsum

+ +
+
+ +
+ + + \ No newline at end of file diff --git a/extension/src/popup.js b/extension/src/popup.js new file mode 100644 index 0000000..9e83967 --- /dev/null +++ b/extension/src/popup.js @@ -0,0 +1,11 @@ +document.addEventListener('DOMContentLoaded', function () { + const switches = document.querySelectorAll('.switch input[type="checkbox"]'); + switches.forEach(switchEl => { + const question = switchEl.getAttribute('data-question'); + const storedValue = localStorage.getItem(question) === 'true'; + switchEl.checked = storedValue; + switchEl.addEventListener('change', function () { + localStorage.setItem(question, this.checked); + }); + }); +}); diff --git a/website/images/github-prime-logo-510-t.png b/website/images/github-prime-logo-510-t.png new file mode 100644 index 0000000..47a9055 Binary files /dev/null and b/website/images/github-prime-logo-510-t.png differ diff --git a/website/images/github-prime-logo-510-w.png b/website/images/github-prime-logo-510-w.png new file mode 100644 index 0000000..3f87674 Binary files /dev/null and b/website/images/github-prime-logo-510-w.png differ diff --git a/website/images/icon-128.png b/website/images/icon-128.png new file mode 100644 index 0000000..2181541 Binary files /dev/null and b/website/images/icon-128.png differ diff --git a/website/images/icon-48.png b/website/images/icon-48.png new file mode 100644 index 0000000..6a4e7d2 Binary files /dev/null and b/website/images/icon-48.png differ diff --git a/website/index.html b/website/index.html index e69de29..318ce57 100644 --- a/website/index.html +++ b/website/index.html @@ -0,0 +1,143 @@ + + + + + + + + GitHub Prime - Enhance Your GitHub Experience + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + +
+ GitHub Prime +

+ GitHub Prime +

+
+ + +
+

+ GitHub Prime is a powerful Chrome extension designed to enhance your GitHub experience + with advanced features and customization options. Boost your productivity with seamless integration + and intuitive tools for developers. +

+
+ + Chrome Extension + + + + + + Edge Extension + + + + + + Firefox Extension + + + + +
+
+ + + + + + + + + + \ No newline at end of file diff --git a/website/main.css b/website/main.css new file mode 100644 index 0000000..91a2048 --- /dev/null +++ b/website/main.css @@ -0,0 +1,84 @@ +/* Prime colors */ +.prime-color { + color: #718dab; +} + +.prime-border { + border-color: #718dab; +} + +/* Foggy Background */ +.bg-foggy { + position: fixed; + top: -10; + left: -10; + width: 110%; + height: 110%; + z-index: -1; /* پشت محتوا قرار بگیرد */ + background: radial-gradient( + circle at 50% 50%, + rgba(113, 141, 171, 0.3), + transparent 70% + ), + radial-gradient( + circle at 50% 50%, + rgba(188, 207, 226, 0.3), + transparent 70% + ), + radial-gradient( + circle at 50% 50%, + rgba(167, 143, 142, 0.3), + transparent 70% + ), + linear-gradient( + to top, + rgba(255, 255, 255, 0.8), + rgba(255, 255, 255, 0) + ); + background-blend-mode: overlay, normal; + transition: background 1s ease-out; + filter: blur(5px); +} + +/* Button - Fork Ribbon */ +.github-fork-ribbon:before { + background-color: #718dab; +} + +/* Button - Animate Border */ +@keyframes border-animate { + 0% { + border-color: #718dab white #718dab #718dab; + } + + 20% { + border-color: #718dab #718dab white #718dab; + color: white; + } + + 40% { + border-color: #718dab #718dab #718dab white; + } + + 60% { + border-color: white #718dab #718dab #718dab; + } + + 80% { + border-color: #718dab white #718dab #718dab; + color: #a78f8e; + } + + 100% { + border-color: #718dab #718dab #718dab #718dab; + color: #a78f8e; + } +} + +.animate-border:hover { + animation: border-animate 0.33s ease-out forwards; + transition: color 0.33s ease-out; +} +.animate-border:hover span { + animation: border-animate 0.33s ease-out forwards; +} diff --git a/website/main.js b/website/main.js new file mode 100644 index 0000000..87c1b95 --- /dev/null +++ b/website/main.js @@ -0,0 +1,31 @@ +// Foggy Background Effect +let lastX = 0; +let lastY = 0; +let ticking = false; + +document.addEventListener('mousemove', function (e) { + lastX = e.clientX; + lastY = e.clientY; + if (!ticking) { + requestAnimationFrame(updateBackground); + ticking = true; + } +}); + +function updateBackground() { + const x = lastX / window.innerWidth; + const y = lastY / window.innerHeight; + + const darkBlue = `rgba(113, 141, 171, ${0.3 + y * 0.7})`; // Dark Blue: 718dab + const lightBlue = `rgba(188, 207, 226, ${0.3 + x * 0.7})`; // Light Blue: bccfe2 + const lightBrown = `rgba(167, 143, 142, ${0.3 + (1 - x) * 0.7})`; // Light Brown: a78f8e + + document.querySelector('.bg-foggy').style.background = ` + radial-gradient(circle at ${x * 100}% ${y * 100}%, ${darkBlue}, transparent 70%), + radial-gradient(circle at ${(1 - x) * 100}% ${(1 - y) * 100}%, ${lightBlue}, transparent 70%), + radial-gradient(circle at ${(1 - y) * 100}% ${x * 100}%, ${lightBrown}, transparent 70%), + linear-gradient(to top, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0)) + `; + + ticking = false; +} diff --git a/website/site.webmanifest b/website/site.webmanifest new file mode 100644 index 0000000..84f0d75 --- /dev/null +++ b/website/site.webmanifest @@ -0,0 +1,23 @@ +{ + "name": "GitHub Prime", + "short_name": "GitHub Prime", + "description": "GitHub Prime is a powerful Chrome extension designed to enhance your GitHub experience with advanced features and customization options. Boost your productivity with seamless integration and intuitive tools for developers.", + "start_url": "/", + "scope": "/", + "display": "standalone", + "background_color": "#ffffff", + "theme_color": "#000000", + "orientation": "any", + "icons": [ + { + "src": "/images/icon-128.png", + "sizes": "128x128", + "type": "image/png" + }, + { + "src": "/images/icon-48.png", + "sizes": "48x48", + "type": "image/png" + } + ] +} \ No newline at end of file