BranchesTags

Latest commit

History

57 Commits

Folders and files

NameName
Last commit message
Last commit date
assets
assets
.gitignore
.gitignore
README.md
README.md
index.html
index.html
scripts.js
scripts.js
style.css
style.css

Repository files navigation

codingk8 - Portefolio

Project "in building" for freeCodeCamp
"Responsive Web Design" certification

codingk8 portefolio v2 screenshot

The project (in building)

What the project will do (when it's finished)

Project original users stories:

  1. My portfolio should have a welcome section with an id of welcome-section.
  2. The welcome section should have an h1 element that contains text.
  3. My portfolio should have a projects section with an id of projects.
  4. The projects section should contain at least one element with a class of project-tile to hold a project.
  5. The projects section should contain at least one link to a project.
  6. My portfolio should have a navbar with an id of navbar.
  7. The navbar should contain at least one link that I can click on to navigate to different sections of the page.
  8. My portfolio should have a link with an id of profile-link, which opens my GitHub or FCC profile in a new tab.
  9. My portfolio should have at least one media query.
  10. The height of the welcome section should be equal to the height of the viewport.
  11. The navbar should always be at the top of the viewport.
See project original description here

Additionnal Users stories:

[x] full responsive
[x] extended accessibility

How the project works

Built with:

Click here to see the project live


General informations, Disclaimers & Ackowledgements

Author

Codingk8

Open-source & contributions

This is not an open-source project - No contribution expected


Licence

No licence - Please contact me before re-using part of this code


Academic Honesty Disclaimer

If you're a freeCodeCamp student, please use this project as an inspiration but write your own code.
It's what will make us all better developers 😉


Acknowledgements & Resources

Background image credit: Photo by Adrian Pelletier on Unsplash

Latest update: 20190226 for draft of "under construction" version
Latest update: 20190315

About

HTML | CSS | JS - My professional portefolio 👩🏻‍💻 (back in the days) • Hosted on github.io

codingk8.github.io/

Resources

Readme
Activity

Stars

0 stars

Watchers

0 watching

Forks

0 forks
Report repository

Releases

Packages

Contributors

Languages

, '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
BranchesTags
Latest commit
History
57 Commits
Folders and files
NameName
Last commit message
Last commit date
assets
assets
.gitignore
.gitignore
README.md
README.md
index.html
index.html
scripts.js
scripts.js
style.css
style.css
Repository files navigation
codingk8 - Portefolio
Project "in building" for freeCodeCamp
"Responsive Web Design" certification
codingk8 portefolio v2 screenshot
The project (in building)
What the project will do (when it's finished)
Project original users stories:
  1. My portfolio should have a welcome section with an id of welcome-section.
  2. The welcome section should have an h1 element that contains text.
  3. My portfolio should have a projects section with an id of projects.
  4. The projects section should contain at least one element with a class of project-tile to hold a project.
  5. The projects section should contain at least one link to a project.
  6. My portfolio should have a navbar with an id of navbar.
  7. The navbar should contain at least one link that I can click on to navigate to different sections of the page.
  8. My portfolio should have a link with an id of profile-link, which opens my GitHub or FCC profile in a new tab.
  9. My portfolio should have at least one media query.
  10. The height of the welcome section should be equal to the height of the viewport.
  11. The navbar should always be at the top of the viewport.
See project original description here
Additionnal Users stories:
[x] full responsive

[x] extended accessibility

How the project works
Built with:
Click here to see the project live

General informations, Disclaimers & Ackowledgements
Author
Codingk8

Open-source & contributions
This is not an open-source project - No contribution expected

Licence
No licence - Please contact me before re-using part of this code

Academic Honesty Disclaimer
If you're a freeCodeCamp student, please use this project as an inspiration but write your own code.
It's what will make us all better developers 😉

Acknowledgements & Resources
Background image credit: Photo by Adrian Pelletier on Unsplash
Latest update: 20190226 for draft of "under construction" version
Latest update: 20190315
About
HTML | CSS | JS - My professional portefolio 👩🏻‍💻 (back in the days) • Hosted on github.io
codingk8.github.io/
Resources
Readme
Activity
Stars
0 stars
Watchers
0 watching
Forks
0 forks
Report repository
Releases
Packages
Contributors
Languages

, '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
BranchesTags
Latest commit
History
57 Commits
Folders and files
NameName
Last commit message
Last commit date
assets
assets
.gitignore
.gitignore
README.md
README.md
index.html
index.html
scripts.js
scripts.js
style.css
style.css
Repository files navigation
codingk8 - Portefolio
Project "in building" for freeCodeCamp
"Responsive Web Design" certification
codingk8 portefolio v2 screenshot
The project (in building)
What the project will do (when it's finished)
Project original users stories:
  1. My portfolio should have a welcome section with an id of welcome-section.
  2. The welcome section should have an h1 element that contains text.
  3. My portfolio should have a projects section with an id of projects.
  4. The projects section should contain at least one element with a class of project-tile to hold a project.
  5. The projects section should contain at least one link to a project.
  6. My portfolio should have a navbar with an id of navbar.
  7. The navbar should contain at least one link that I can click on to navigate to different sections of the page.
  8. My portfolio should have a link with an id of profile-link, which opens my GitHub or FCC profile in a new tab.
  9. My portfolio should have at least one media query.
  10. The height of the welcome section should be equal to the height of the viewport.
  11. The navbar should always be at the top of the viewport.
See project original description here
Additionnal Users stories:
[x] full responsive

[x] extended accessibility

How the project works
Built with:
Click here to see the project live

General informations, Disclaimers & Ackowledgements
Author
Codingk8

Open-source & contributions
This is not an open-source project - No contribution expected

Licence
No licence - Please contact me before re-using part of this code

Academic Honesty Disclaimer
If you're a freeCodeCamp student, please use this project as an inspiration but write your own code.
It's what will make us all better developers 😉

Acknowledgements & Resources
Background image credit: Photo by Adrian Pelletier on Unsplash
Latest update: 20190226 for draft of "under construction" version
Latest update: 20190315
About
HTML | CSS | JS - My professional portefolio 👩🏻‍💻 (back in the days) • Hosted on github.io
codingk8.github.io/
Resources
Readme
Activity
Stars
0 stars
Watchers
0 watching
Forks
0 forks
Report repository
Releases
Packages
Contributors
Languages

, '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
BranchesTags
Latest commit
History
57 Commits
Folders and files
NameName
Last commit message
Last commit date
assets
assets
.gitignore
.gitignore
README.md
README.md
index.html
index.html
scripts.js
scripts.js
style.css
style.css
Repository files navigation
codingk8 - Portefolio
Project "in building" for freeCodeCamp
"Responsive Web Design" certification
codingk8 portefolio v2 screenshot
The project (in building)
What the project will do (when it's finished)
Project original users stories:
  1. My portfolio should have a welcome section with an id of welcome-section.
  2. The welcome section should have an h1 element that contains text.
  3. My portfolio should have a projects section with an id of projects.
  4. The projects section should contain at least one element with a class of project-tile to hold a project.
  5. The projects section should contain at least one link to a project.
  6. My portfolio should have a navbar with an id of navbar.
  7. The navbar should contain at least one link that I can click on to navigate to different sections of the page.
  8. My portfolio should have a link with an id of profile-link, which opens my GitHub or FCC profile in a new tab.
  9. My portfolio should have at least one media query.
  10. The height of the welcome section should be equal to the height of the viewport.
  11. The navbar should always be at the top of the viewport.
See project original description here
Additionnal Users stories:
[x] full responsive

[x] extended accessibility

How the project works
Built with:
Click here to see the project live

General informations, Disclaimers & Ackowledgements
Author
Codingk8

Open-source & contributions
This is not an open-source project - No contribution expected

Licence
No licence - Please contact me before re-using part of this code

Academic Honesty Disclaimer
If you're a freeCodeCamp student, please use this project as an inspiration but write your own code.
It's what will make us all better developers 😉

Acknowledgements & Resources
Background image credit: Photo by Adrian Pelletier on Unsplash
Latest update: 20190226 for draft of "under construction" version
Latest update: 20190315
About
HTML | CSS | JS - My professional portefolio 👩🏻‍💻 (back in the days) • Hosted on github.io
codingk8.github.io/
Resources
Readme
Activity
Stars
0 stars
Watchers
0 watching
Forks
0 forks
Report repository
Releases
Packages
Contributors
Languages

, '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
BranchesTags
Latest commit
History
57 Commits
Folders and files
NameName
Last commit message
Last commit date
assets
assets
.gitignore
.gitignore
README.md
README.md
index.html
index.html
scripts.js
scripts.js
style.css
style.css
Repository files navigation
codingk8 - Portefolio
Project "in building" for freeCodeCamp
"Responsive Web Design" certification
codingk8 portefolio v2 screenshot
The project (in building)
What the project will do (when it's finished)
Project original users stories:
  1. My portfolio should have a welcome section with an id of welcome-section.
  2. The welcome section should have an h1 element that contains text.
  3. My portfolio should have a projects section with an id of projects.
  4. The projects section should contain at least one element with a class of project-tile to hold a project.
  5. The projects section should contain at least one link to a project.
  6. My portfolio should have a navbar with an id of navbar.
  7. The navbar should contain at least one link that I can click on to navigate to different sections of the page.
  8. My portfolio should have a link with an id of profile-link, which opens my GitHub or FCC profile in a new tab.
  9. My portfolio should have at least one media query.
  10. The height of the welcome section should be equal to the height of the viewport.
  11. The navbar should always be at the top of the viewport.
See project original description here
Additionnal Users stories:
[x] full responsive

[x] extended accessibility

How the project works
Built with:
Click here to see the project live

General informations, Disclaimers & Ackowledgements
Author
Codingk8

Open-source & contributions
This is not an open-source project - No contribution expected

Licence
No licence - Please contact me before re-using part of this code

Academic Honesty Disclaimer
If you're a freeCodeCamp student, please use this project as an inspiration but write your own code.
It's what will make us all better developers 😉

Acknowledgements & Resources
Background image credit: Photo by Adrian Pelletier on Unsplash
Latest update: 20190226 for draft of "under construction" version
Latest update: 20190315
About
HTML | CSS | JS - My professional portefolio 👩🏻‍💻 (back in the days) • Hosted on github.io
codingk8.github.io/
Resources
Readme
Activity
Stars
0 stars
Watchers
0 watching
Forks
0 forks
Report repository
Releases
Packages
Contributors
Languages

, '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
BranchesTags
Latest commit
History
57 Commits
Folders and files
NameName
Last commit message
Last commit date
assets
assets
.gitignore
.gitignore
README.md
README.md
index.html
index.html
scripts.js
scripts.js
style.css
style.css
Repository files navigation
codingk8 - Portefolio
Project "in building" for freeCodeCamp
"Responsive Web Design" certification
codingk8 portefolio v2 screenshot
The project (in building)
What the project will do (when it's finished)
Project original users stories:
  1. My portfolio should have a welcome section with an id of welcome-section.
  2. The welcome section should have an h1 element that contains text.
  3. My portfolio should have a projects section with an id of projects.
  4. The projects section should contain at least one element with a class of project-tile to hold a project.
  5. The projects section should contain at least one link to a project.
  6. My portfolio should have a navbar with an id of navbar.
  7. The navbar should contain at least one link that I can click on to navigate to different sections of the page.
  8. My portfolio should have a link with an id of profile-link, which opens my GitHub or FCC profile in a new tab.
  9. My portfolio should have at least one media query.
  10. The height of the welcome section should be equal to the height of the viewport.
  11. The navbar should always be at the top of the viewport.
See project original description here
Additionnal Users stories:
[x] full responsive

[x] extended accessibility

How the project works
Built with:
Click here to see the project live

General informations, Disclaimers & Ackowledgements
Author
Codingk8

Open-source & contributions
This is not an open-source project - No contribution expected

Licence
No licence - Please contact me before re-using part of this code

Academic Honesty Disclaimer
If you're a freeCodeCamp student, please use this project as an inspiration but write your own code.
It's what will make us all better developers 😉

Acknowledgements & Resources
Background image credit: Photo by Adrian Pelletier on Unsplash
Latest update: 20190226 for draft of "under construction" version
Latest update: 20190315
About
HTML | CSS | JS - My professional portefolio 👩🏻‍💻 (back in the days) • Hosted on github.io
codingk8.github.io/
Resources
Readme
Activity
Stars
0 stars
Watchers
0 watching
Forks
0 forks
Report repository
Releases
Packages
Contributors
Languages

, '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
BranchesTags
Latest commit
History
57 Commits
Folders and files
NameName
Last commit message
Last commit date
assets
assets
.gitignore
.gitignore
README.md
README.md
index.html
index.html
scripts.js
scripts.js
style.css
style.css
Repository files navigation
codingk8 - Portefolio
Project "in building" for freeCodeCamp
"Responsive Web Design" certification
codingk8 portefolio v2 screenshot
The project (in building)
What the project will do (when it's finished)
Project original users stories:
  1. My portfolio should have a welcome section with an id of welcome-section.
  2. The welcome section should have an h1 element that contains text.
  3. My portfolio should have a projects section with an id of projects.
  4. The projects section should contain at least one element with a class of project-tile to hold a project.
  5. The projects section should contain at least one link to a project.
  6. My portfolio should have a navbar with an id of navbar.
  7. The navbar should contain at least one link that I can click on to navigate to different sections of the page.
  8. My portfolio should have a link with an id of profile-link, which opens my GitHub or FCC profile in a new tab.
  9. My portfolio should have at least one media query.
  10. The height of the welcome section should be equal to the height of the viewport.
  11. The navbar should always be at the top of the viewport.
See project original description here
Additionnal Users stories:
[x] full responsive

[x] extended accessibility

How the project works
Built with:
Click here to see the project live

General informations, Disclaimers & Ackowledgements
Author
Codingk8

Open-source & contributions
This is not an open-source project - No contribution expected

Licence
No licence - Please contact me before re-using part of this code

Academic Honesty Disclaimer
If you're a freeCodeCamp student, please use this project as an inspiration but write your own code.
It's what will make us all better developers 😉

Acknowledgements & Resources
Background image credit: Photo by Adrian Pelletier on Unsplash
Latest update: 20190226 for draft of "under construction" version
Latest update: 20190315
About
HTML | CSS | JS - My professional portefolio 👩🏻‍💻 (back in the days) • Hosted on github.io
codingk8.github.io/
Resources
Readme
Activity
Stars
0 stars
Watchers
0 watching
Forks
0 forks
Report repository
Releases
Packages
Contributors
Languages

, '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
BranchesTags
Latest commit
History
57 Commits
Folders and files
NameName
Last commit message
Last commit date
assets
assets
.gitignore
.gitignore
README.md
README.md
index.html
index.html
scripts.js
scripts.js
style.css
style.css
Repository files navigation
codingk8 - Portefolio
Project "in building" for freeCodeCamp
"Responsive Web Design" certification
codingk8 portefolio v2 screenshot
The project (in building)
What the project will do (when it's finished)
Project original users stories:
  1. My portfolio should have a welcome section with an id of welcome-section.
  2. The welcome section should have an h1 element that contains text.
  3. My portfolio should have a projects section with an id of projects.
  4. The projects section should contain at least one element with a class of project-tile to hold a project.
  5. The projects section should contain at least one link to a project.
  6. My portfolio should have a navbar with an id of navbar.
  7. The navbar should contain at least one link that I can click on to navigate to different sections of the page.
  8. My portfolio should have a link with an id of profile-link, which opens my GitHub or FCC profile in a new tab.
  9. My portfolio should have at least one media query.
  10. The height of the welcome section should be equal to the height of the viewport.
  11. The navbar should always be at the top of the viewport.
See project original description here
Additionnal Users stories:
[x] full responsive

[x] extended accessibility

How the project works
Built with:
Click here to see the project live

General informations, Disclaimers & Ackowledgements
Author
Codingk8

Open-source & contributions
This is not an open-source project - No contribution expected

Licence
No licence - Please contact me before re-using part of this code

Academic Honesty Disclaimer
If you're a freeCodeCamp student, please use this project as an inspiration but write your own code.
It's what will make us all better developers 😉

Acknowledgements & Resources
Background image credit: Photo by Adrian Pelletier on Unsplash
Latest update: 20190226 for draft of "under construction" version
Latest update: 20190315
About
HTML | CSS | JS - My professional portefolio 👩🏻‍💻 (back in the days) • Hosted on github.io
codingk8.github.io/
Resources
Readme
Activity
Stars
0 stars
Watchers
0 watching
Forks
0 forks
Report repository
Releases
Packages
Contributors
Languages