Latest commit

History

6 Commits

Folders and files

NameName
Last commit message
Last commit date

Repository files navigation

Prometheus

link per idea https://www.figma.com/design/4iFRYMi4nO2vURNNmyMwS9/Untitled?node-id=0-1&t=P85DL5a78je9tlx9-1

Prometheus is a project designed to store and organize design files, ideas, and various documents related to the production of websites. The primary goal is to provide a centralized repository that allows design and development teams to easily access shared resources and detailed documentation for each project.

Purpose of the Product

The purpose of the product is to streamline the design and development of consistent, high-quality websites. Prometheus aims to standardize design processes, improve communication between teams, and reduce development time by providing clear guidelines and ready-to-use resources.

Examples of Documentation Include

  • Canvas: Detailed descriptions of fonts to use, object sizes, spacing, and other design elements.
  • Headings: Guidelines for using different heading levels (H1, H2, H3, etc.), including font styles, sizes, and color schemes.
  • Colors: A comprehensive color palette with specific color codes (HEX, RGB, CMYK) to maintain consistency across different projects.
  • Repeatable Design Examples: Selection of online design examples that can be reused or adapted, along with ideas for inspiration.
  • Documentation of Each Component: Detailed documentation of each web component, including its purpose, usage guidelines, and associated styles.
  • Responsive Design: Best practices for ensuring that all designs are responsive and look great on different devices and screen sizes.

Creation of Components

Components will be created using a consistent style and will be documented to ensure easy implementation and adaptability across various projects.

Tools Used

For now, all designs and prototypes will be created and managed using Figma.

Key Sections to Include

  • Hero Section: Guidelines for designing the main section of a website, including layout examples, background images, headlines, and call-to-action elements.

Prometheus will also serve as a portfolio for both similar projects and for the company portfolio of Duskcoding.

About

No description, website, or topics provided.

Resources

Stars

0 stars

Watchers

1 watching

Forks

Releases

Packages

Used by

Contributors

, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Add copy buttons to all
 blocks\n(function() {\n function addCopyButtons() {\n document.querySelectorAll('pre code').forEach(function(codeBlock) {\n if (codeBlock.parentElement.hasAttribute('data-copy-added')) return;\n codeBlock.parentElement.setAttribute('data-copy-added', 'true');\n \n var btn = document.createElement('button');\n btn.textContent = 'Copy';\n btn.style.cssText = 'position:absolute;top:4px;right:4px;padding:2px 8px;font-size:11px;background:#4ecdc4;border:none;border-radius:4px;color:#1a1a2e;cursor:pointer;opacity:0.7;transition:opacity 0.2s;';\n btn.onmouseover = function() { this.style.opacity = '1'; };\n btn.onmouseout = function() { this.style.opacity = '0.7'; };\n btn.onclick = function() {\n navigator.clipboard.writeText(codeBlock.textContent).then(function() {\n btn.textContent = 'Copied!';\n setTimeout(function() { btn.textContent = 'Copy'; }, 1500);\n });\n };\n codeBlock.parentElement.style.position = 'relative';\n codeBlock.parentElement.appendChild(btn);\n });\n }\n \n addCopyButtons();\n \n // Re-run on dynamic content\n var observer = new MutationObserver(addCopyButtons);\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Add Copy Buttons to Code Blocks");
}
} catch(__e) { console.warn('[Userscript:Add Copy Buttons to Code Blocks]', __e); }
})();
(function(){
try {
var __m = "github.com";
var __re = new RegExp('^' + "github\\.com" + '
Skip to content

Latest commit

History

6 Commits

Folders and files

NameName
Last commit message
Last commit date

Repository files navigation

Prometheus

link per idea https://www.figma.com/design/4iFRYMi4nO2vURNNmyMwS9/Untitled?node-id=0-1&t=P85DL5a78je9tlx9-1

Prometheus is a project designed to store and organize design files, ideas, and various documents related to the production of websites. The primary goal is to provide a centralized repository that allows design and development teams to easily access shared resources and detailed documentation for each project.

Purpose of the Product

The purpose of the product is to streamline the design and development of consistent, high-quality websites. Prometheus aims to standardize design processes, improve communication between teams, and reduce development time by providing clear guidelines and ready-to-use resources.

Examples of Documentation Include

  • Canvas: Detailed descriptions of fonts to use, object sizes, spacing, and other design elements.
  • Headings: Guidelines for using different heading levels (H1, H2, H3, etc.), including font styles, sizes, and color schemes.
  • Colors: A comprehensive color palette with specific color codes (HEX, RGB, CMYK) to maintain consistency across different projects.
  • Repeatable Design Examples: Selection of online design examples that can be reused or adapted, along with ideas for inspiration.
  • Documentation of Each Component: Detailed documentation of each web component, including its purpose, usage guidelines, and associated styles.
  • Responsive Design: Best practices for ensuring that all designs are responsive and look great on different devices and screen sizes.

Creation of Components

Components will be created using a consistent style and will be documented to ensure easy implementation and adaptability across various projects.

Tools Used

For now, all designs and prototypes will be created and managed using Figma.

Key Sections to Include

  • Hero Section: Guidelines for designing the main section of a website, including layout examples, background images, headlines, and call-to-action elements.

Prometheus will also serve as a portfolio for both similar projects and for the company portfolio of Duskcoding.

About

No description, website, or topics provided.

Resources

Stars

0 stars

Watchers

1 watching

Forks

Releases

Packages

Used by

Contributors

, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Force GitHub README to respect dark mode\n(function() {\n var style = document.createElement('style');\n style.textContent = '\n .markdown-body {\n color-scheme: dark light;\n }\n .markdown-body pre { background: #161b22 !important; }\n .markdown-body code { background: rgba(110, 118, 129, 0.4) !important; }\n .markdown-body table th, .markdown-body table td { border-color: #30363d !important; }\n .markdown-body img { background: #0d1117; }\n .markdown-body blockquote { border-left-color: #8b949e; }\n .markdown-body hr { border-color: #30363d; }\n ';\n document.head.appendChild(style);\n})();", "GitHub Dark Mode README Fix"); } } catch(__e) { console.warn('[Userscript:GitHub Dark Mode README Fix]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + '
Skip to content

Latest commit

History

6 Commits

Folders and files

NameName
Last commit message
Last commit date

Repository files navigation

Prometheus

link per idea https://www.figma.com/design/4iFRYMi4nO2vURNNmyMwS9/Untitled?node-id=0-1&t=P85DL5a78je9tlx9-1

Prometheus is a project designed to store and organize design files, ideas, and various documents related to the production of websites. The primary goal is to provide a centralized repository that allows design and development teams to easily access shared resources and detailed documentation for each project.

Purpose of the Product

The purpose of the product is to streamline the design and development of consistent, high-quality websites. Prometheus aims to standardize design processes, improve communication between teams, and reduce development time by providing clear guidelines and ready-to-use resources.

Examples of Documentation Include

  • Canvas: Detailed descriptions of fonts to use, object sizes, spacing, and other design elements.
  • Headings: Guidelines for using different heading levels (H1, H2, H3, etc.), including font styles, sizes, and color schemes.
  • Colors: A comprehensive color palette with specific color codes (HEX, RGB, CMYK) to maintain consistency across different projects.
  • Repeatable Design Examples: Selection of online design examples that can be reused or adapted, along with ideas for inspiration.
  • Documentation of Each Component: Detailed documentation of each web component, including its purpose, usage guidelines, and associated styles.
  • Responsive Design: Best practices for ensuring that all designs are responsive and look great on different devices and screen sizes.

Creation of Components

Components will be created using a consistent style and will be documented to ensure easy implementation and adaptability across various projects.

Tools Used

For now, all designs and prototypes will be created and managed using Figma.

Key Sections to Include

  • Hero Section: Guidelines for designing the main section of a website, including layout examples, background images, headlines, and call-to-action elements.

Prometheus will also serve as a portfolio for both similar projects and for the company portfolio of Duskcoding.

About

No description, website, or topics provided.

Resources

Stars

0 stars

Watchers

1 watching

Forks

Releases

Packages

Used by

Contributors

, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Highlight search terms from Google/DuckDuckGo/Bing referrer\n(function() {\n var ref = document.referrer;\n var terms = [];\n \n if (ref.includes('google.com') || ref.includes('duckduckgo.com') || ref.includes('bing.com')) {\n var url = new URL(ref);\n var q = url.searchParams.get('q') || url.searchParams.get('p');\n if (q) {\n terms = q.split(/\\s+/).filter(function(t) { return t.length > 2; });\n }\n }\n \n if (terms.length === 0) return;\n \n var style = document.createElement('style');\n style.textContent = '.userscript-highlight { background: #fbbf24; color: #1a1a2e; padding: 1px 3px; border-radius: 2px; }';\n document.head.appendChild(style);\n \n function highlight(node) {\n if (node.nodeType === 3) { // text node\n var text = node.textContent;\n var found = false;\n terms.forEach(function(term) {\n var regex = new RegExp('(' + term.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\') + ')', 'gi');\n if (regex.test(text)) {\n found = true;\n var frag = document.createDocumentFragment();\n var parts = text.split(regex);\n parts.forEach(function(part, i) {\n if (i % 2 === 0) {\n frag.appendChild(document.createTextNode(part));\n } else {\n var span = document.createElement('span');\n span.className = 'userscript-highlight';\n span.textContent = part;\n frag.appendChild(span);\n }\n });\n node.parentNode.replaceChild(frag, node);\n }\n });\n } else if (node.nodeType === 1 && node.childNodes) { // element\n var skipTags = ['SCRIPT', 'STYLE', 'NOSCRIPT', 'TEXTAREA', 'INPUT', 'SELECT'];\n if (!skipTags.includes(node.tagName)) {\n Array.from(node.childNodes).forEach(highlight);\n }\n }\n }\n \n highlight(document.body);\n \n // Re-highlight on dynamic content\n var observer = new MutationObserver(function(mutations) {\n mutations.forEach(function(m) {\n m.addedNodes.forEach(function(node) {\n if (node.nodeType === 1 || node.nodeType === 3) highlight(node);\n });\n });\n });\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Highlight Search Terms"); } } catch(__e) { console.warn('[Userscript:Highlight Search Terms]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + '
Skip to content

Latest commit

History

6 Commits

Folders and files

NameName
Last commit message
Last commit date

Repository files navigation

Prometheus

link per idea https://www.figma.com/design/4iFRYMi4nO2vURNNmyMwS9/Untitled?node-id=0-1&t=P85DL5a78je9tlx9-1

Prometheus is a project designed to store and organize design files, ideas, and various documents related to the production of websites. The primary goal is to provide a centralized repository that allows design and development teams to easily access shared resources and detailed documentation for each project.

Purpose of the Product

The purpose of the product is to streamline the design and development of consistent, high-quality websites. Prometheus aims to standardize design processes, improve communication between teams, and reduce development time by providing clear guidelines and ready-to-use resources.

Examples of Documentation Include

  • Canvas: Detailed descriptions of fonts to use, object sizes, spacing, and other design elements.
  • Headings: Guidelines for using different heading levels (H1, H2, H3, etc.), including font styles, sizes, and color schemes.
  • Colors: A comprehensive color palette with specific color codes (HEX, RGB, CMYK) to maintain consistency across different projects.
  • Repeatable Design Examples: Selection of online design examples that can be reused or adapted, along with ideas for inspiration.
  • Documentation of Each Component: Detailed documentation of each web component, including its purpose, usage guidelines, and associated styles.
  • Responsive Design: Best practices for ensuring that all designs are responsive and look great on different devices and screen sizes.

Creation of Components

Components will be created using a consistent style and will be documented to ensure easy implementation and adaptability across various projects.

Tools Used

For now, all designs and prototypes will be created and managed using Figma.

Key Sections to Include

  • Hero Section: Guidelines for designing the main section of a website, including layout examples, background images, headlines, and call-to-action elements.

Prometheus will also serve as a portfolio for both similar projects and for the company portfolio of Duskcoding.

About

No description, website, or topics provided.

Resources

Stars

0 stars

Watchers

1 watching

Forks

Releases

Packages

Used by

Contributors

, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Strip utm_, fbclid, gclid, etc. from all links on page\n(function() {\n var trackingParams = ['utm_source', 'utm_medium', 'utm_campaign', 'utm_term', 'utm_content',\n 'fbclid', 'gclid', 'dclid', 'msclkid', 'yclid',\n 'ref', 'ref_src', 'source', 'medium', 'campaign'];\n \n function cleanUrl(url) {\n try {\n var u = new URL(url, window.location.origin);\n var changed = false;\n trackingParams.forEach(function(p) {\n if (u.searchParams.has(p)) {\n u.searchParams.delete(p);\n changed = true;\n }\n });\n return changed ? u.toString() : url;\n } catch (e) {\n return url;\n }\n }\n \n function cleanLinks() {\n document.querySelectorAll('a[href]').forEach(function(a) {\n var clean = cleanUrl(a.href);\n if (clean !== a.href) a.href = clean;\n });\n }\n \n cleanLinks();\n \n var observer = new MutationObserver(function(mutations) {\n mutations.forEach(function(m) {\n m.addedNodes.forEach(function(node) {\n if (node.nodeType === 1) {\n if (node.tagName === 'A') cleanLinks();\n node.querySelectorAll('a[href]').forEach(function(a) {\n var clean = cleanUrl(a.href);\n if (clean !== a.href) a.href = clean;\n });\n }\n });\n });\n });\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Remove Tracking Parameters from Links"); } } catch(__e) { console.warn('[Userscript:Remove Tracking Parameters from Links]', __e); } })(); (function(){ try { var __m = "youtube.com"; var __re = new RegExp('^' + "youtube\\.com" + '
Skip to content

Latest commit

History

6 Commits

Folders and files

NameName
Last commit message
Last commit date

Repository files navigation

Prometheus

link per idea https://www.figma.com/design/4iFRYMi4nO2vURNNmyMwS9/Untitled?node-id=0-1&t=P85DL5a78je9tlx9-1

Prometheus is a project designed to store and organize design files, ideas, and various documents related to the production of websites. The primary goal is to provide a centralized repository that allows design and development teams to easily access shared resources and detailed documentation for each project.

Purpose of the Product

The purpose of the product is to streamline the design and development of consistent, high-quality websites. Prometheus aims to standardize design processes, improve communication between teams, and reduce development time by providing clear guidelines and ready-to-use resources.

Examples of Documentation Include

  • Canvas: Detailed descriptions of fonts to use, object sizes, spacing, and other design elements.
  • Headings: Guidelines for using different heading levels (H1, H2, H3, etc.), including font styles, sizes, and color schemes.
  • Colors: A comprehensive color palette with specific color codes (HEX, RGB, CMYK) to maintain consistency across different projects.
  • Repeatable Design Examples: Selection of online design examples that can be reused or adapted, along with ideas for inspiration.
  • Documentation of Each Component: Detailed documentation of each web component, including its purpose, usage guidelines, and associated styles.
  • Responsive Design: Best practices for ensuring that all designs are responsive and look great on different devices and screen sizes.

Creation of Components

Components will be created using a consistent style and will be documented to ensure easy implementation and adaptability across various projects.

Tools Used

For now, all designs and prototypes will be created and managed using Figma.

Key Sections to Include

  • Hero Section: Guidelines for designing the main section of a website, including layout examples, background images, headlines, and call-to-action elements.

Prometheus will also serve as a portfolio for both similar projects and for the company portfolio of Duskcoding.

About

No description, website, or topics provided.

Resources

Stars

0 stars

Watchers

1 watching

Forks

Releases

Packages

Used by

Contributors

, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Auto-enable theater mode on YouTube\n(function() {\n function tryTheater() {\n var btn = document.querySelector('button[aria-label=\"Theater mode\"], ytd-player #player button[title=\"Theater mode\"]');\n if (btn && !btn.classList.contains('activated')) {\n btn.click();\n }\n }\n \n // Try immediately\n tryTheater();\n \n // Try after navigation (SPA)\n var lastUrl = location.href;\n setInterval(function() {\n if (location.href !== lastUrl) {\n lastUrl = location.href;\n setTimeout(tryTheater, 500);\n }\n }, 1000);\n \n // Also try on player load\n var observer = new MutationObserver(tryTheater);\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "YouTube Theater Mode Default"); } } catch(__e) { console.warn('[Userscript:YouTube Theater Mode Default]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + '
Skip to content

Latest commit

History

6 Commits

Folders and files

NameName
Last commit message
Last commit date

Repository files navigation

Prometheus

link per idea https://www.figma.com/design/4iFRYMi4nO2vURNNmyMwS9/Untitled?node-id=0-1&t=P85DL5a78je9tlx9-1

Prometheus is a project designed to store and organize design files, ideas, and various documents related to the production of websites. The primary goal is to provide a centralized repository that allows design and development teams to easily access shared resources and detailed documentation for each project.

Purpose of the Product

The purpose of the product is to streamline the design and development of consistent, high-quality websites. Prometheus aims to standardize design processes, improve communication between teams, and reduce development time by providing clear guidelines and ready-to-use resources.

Examples of Documentation Include

  • Canvas: Detailed descriptions of fonts to use, object sizes, spacing, and other design elements.
  • Headings: Guidelines for using different heading levels (H1, H2, H3, etc.), including font styles, sizes, and color schemes.
  • Colors: A comprehensive color palette with specific color codes (HEX, RGB, CMYK) to maintain consistency across different projects.
  • Repeatable Design Examples: Selection of online design examples that can be reused or adapted, along with ideas for inspiration.
  • Documentation of Each Component: Detailed documentation of each web component, including its purpose, usage guidelines, and associated styles.
  • Responsive Design: Best practices for ensuring that all designs are responsive and look great on different devices and screen sizes.

Creation of Components

Components will be created using a consistent style and will be documented to ensure easy implementation and adaptability across various projects.

Tools Used

For now, all designs and prototypes will be created and managed using Figma.

Key Sections to Include

  • Hero Section: Guidelines for designing the main section of a website, including layout examples, background images, headlines, and call-to-action elements.

Prometheus will also serve as a portfolio for both similar projects and for the company portfolio of Duskcoding.

About

No description, website, or topics provided.

Resources

Stars

0 stars

Watchers

1 watching

Forks

Releases

Packages

Used by

Contributors

, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Remove or un-stick sticky/fixed headers that block content\n(function() {\n function unstick() {\n document.querySelectorAll('header, nav, [role=\"banner\"], .header, .navbar, .sticky, .fixed-top, [style*=\"position: fixed\"], [style*=\"position:sticky\"]').forEach(function(el) {\n if (el.style.position === 'fixed' || el.style.position === 'sticky' || \n getComputedStyle(el).position === 'fixed' || getComputedStyle(el).position === 'sticky') {\n el.style.position = 'static';\n el.style.top = 'auto';\n el.style.zIndex = 'auto';\n }\n });\n }\n \n unstick();\n \n var observer = new MutationObserver(unstick);\n observer.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ['style', 'class'] });\n})();", "Kill Sticky Headers"); } } catch(__e) { console.warn('[Userscript:Kill Sticky Headers]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + '
Skip to content

Latest commit

History

6 Commits

Folders and files

NameName
Last commit message
Last commit date

Repository files navigation

Prometheus

link per idea https://www.figma.com/design/4iFRYMi4nO2vURNNmyMwS9/Untitled?node-id=0-1&t=P85DL5a78je9tlx9-1

Prometheus is a project designed to store and organize design files, ideas, and various documents related to the production of websites. The primary goal is to provide a centralized repository that allows design and development teams to easily access shared resources and detailed documentation for each project.

Purpose of the Product

The purpose of the product is to streamline the design and development of consistent, high-quality websites. Prometheus aims to standardize design processes, improve communication between teams, and reduce development time by providing clear guidelines and ready-to-use resources.

Examples of Documentation Include

  • Canvas: Detailed descriptions of fonts to use, object sizes, spacing, and other design elements.
  • Headings: Guidelines for using different heading levels (H1, H2, H3, etc.), including font styles, sizes, and color schemes.
  • Colors: A comprehensive color palette with specific color codes (HEX, RGB, CMYK) to maintain consistency across different projects.
  • Repeatable Design Examples: Selection of online design examples that can be reused or adapted, along with ideas for inspiration.
  • Documentation of Each Component: Detailed documentation of each web component, including its purpose, usage guidelines, and associated styles.
  • Responsive Design: Best practices for ensuring that all designs are responsive and look great on different devices and screen sizes.

Creation of Components

Components will be created using a consistent style and will be documented to ensure easy implementation and adaptability across various projects.

Tools Used

For now, all designs and prototypes will be created and managed using Figma.

Key Sections to Include

  • Hero Section: Guidelines for designing the main section of a website, including layout examples, background images, headlines, and call-to-action elements.

Prometheus will also serve as a portfolio for both similar projects and for the company portfolio of Duskcoding.

About

No description, website, or topics provided.

Resources

Stars

0 stars

Watchers

1 watching

Forks

Releases

Packages

Used by

Contributors

, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Universal Dark Mode - works on any site\n(function() {\n var enabled = true;\n \n function applyDarkMode() {\n if (!enabled) return;\n \n // Create style element if it doesn't exist\n var style = document.getElementById('universal-dark-mode-style');\n if (!style) {\n style = document.createElement('style');\n style.id = 'universal-dark-mode-style';\n document.head.appendChild(style);\n }\n \n // Dark mode CSS - inverts colors but preserves images/video\n style.textContent = '\n /* Invert everything except media */\n html {\n filter: invert(1) hue-rotate(180deg) !important;\n background: #1a1a2e !important;\n }\n \n /* Restore images, videos, iframes, canvas */\n img, video, iframe, canvas, svg, picture, [style*=\"background-image\"] {\n filter: invert(1) hue-rotate(180deg) !important;\n }\n \n /* Preserve specific elements that should not be inverted */\n .no-dark-mode, .no-dark-mode *,\n [data-theme=\"light\"], [data-theme=\"light\"],\n .ace_editor, .ace_editor *,\n .CodeMirror, .CodeMirror *,\n .monaco-editor, .monaco-editor *,\n .markdown-body pre, .markdown-body pre *,\n .highlight, .highlight *,\n pre code, pre code * {\n filter: none !important;\n }\n \n /* Fix common UI elements */\n .modal, .popup, .dropdown-menu, .tooltip, .popover {\n filter: invert(1) hue-rotate(180deg) !important;\n background: #2d2d44 !important;\n border-color: #444 !important;\n }\n \n /* Scrollbars */\n ::-webkit-scrollbar { background: #1a1a2e !important; }\n ::-webkit-scrollbar-thumb { background: #444 !important; }\n ::-webkit-scrollbar-thumb:hover { background: #555 !important; }\n \n /* Selection */\n ::selection { background: #4ecdc4 !important; color: #1a1a2e !important; }\n ::-moz-selection { background: #4ecdc4 !important; color: #1a1a2e !important; }\n ';\n }\n \n function removeDarkMode() {\n var style = document.getElementById('universal-dark-mode-style');\n if (style) style.remove();\n }\n \n // Toggle with Alt+Shift+D\n document.addEventListener('keydown', function(e) {\n if (e.altKey && e.shiftKey && e.key === 'D') {\n e.preventDefault();\n enabled = !enabled;\n if (enabled) {\n applyDarkMode();\n console.log('[Universal Dark Mode] Enabled');\n } else {\n removeDarkMode();\n console.log('[Universal Dark Mode] Disabled');\n }\n }\n });\n \n // Apply on load\n applyDarkMode();\n \n // Re-apply on dynamic content\n var observer = new MutationObserver(function(mutations) {\n if (enabled && !document.getElementById('universal-dark-mode-style')) {\n applyDarkMode();\n }\n });\n observer.observe(document.head, { childList: true });\n \n console.log('[Universal Dark Mode] Loaded - Press Alt+Shift+D to toggle');\n})();", "Universal Dark Mode"); } } catch(__e) { console.warn('[Userscript:Universal Dark Mode]', __e); } })(); })();
Skip to content

Latest commit

History

6 Commits

Folders and files

NameName
Last commit message
Last commit date

Repository files navigation

Prometheus

link per idea https://www.figma.com/design/4iFRYMi4nO2vURNNmyMwS9/Untitled?node-id=0-1&t=P85DL5a78je9tlx9-1

Prometheus is a project designed to store and organize design files, ideas, and various documents related to the production of websites. The primary goal is to provide a centralized repository that allows design and development teams to easily access shared resources and detailed documentation for each project.

Purpose of the Product

The purpose of the product is to streamline the design and development of consistent, high-quality websites. Prometheus aims to standardize design processes, improve communication between teams, and reduce development time by providing clear guidelines and ready-to-use resources.

Examples of Documentation Include

  • Canvas: Detailed descriptions of fonts to use, object sizes, spacing, and other design elements.
  • Headings: Guidelines for using different heading levels (H1, H2, H3, etc.), including font styles, sizes, and color schemes.
  • Colors: A comprehensive color palette with specific color codes (HEX, RGB, CMYK) to maintain consistency across different projects.
  • Repeatable Design Examples: Selection of online design examples that can be reused or adapted, along with ideas for inspiration.
  • Documentation of Each Component: Detailed documentation of each web component, including its purpose, usage guidelines, and associated styles.
  • Responsive Design: Best practices for ensuring that all designs are responsive and look great on different devices and screen sizes.

Creation of Components

Components will be created using a consistent style and will be documented to ensure easy implementation and adaptability across various projects.

Tools Used

For now, all designs and prototypes will be created and managed using Figma.

Key Sections to Include

  • Hero Section: Guidelines for designing the main section of a website, including layout examples, background images, headlines, and call-to-action elements.

Prometheus will also serve as a portfolio for both similar projects and for the company portfolio of Duskcoding.

About

No description, website, or topics provided.

Resources

Stars

0 stars

Watchers

1 watching

Forks

Releases

Packages

Used by

Contributors