My personal portfolio
Home Page: https://marvin.digital/
I'm 26 years old and I've started programming at the age of 14. My dad bought me an XHTML(!) book with over 1000 pages and since then, I have created a passion for computers and especially for the internet.
Read more about me on my website.
You can get in touch with me on Twitter and if you wanna
play some League of Legends with me add
my tag muuvmuuv.
Add a resume (curriculum vitae) page under "About".
Because of the new release-it strategy I need to have an eye on the change logs for the next releases now to make sure it looks right.
On mobile devices the lines break in highlighted code blocks so the line numbers break and it looks weird.
Solution: make it responsive and horizontal scrollable
Idk why, maybe because of recent changes on the grid and z-index
This component should be better highlighted as clickable. Maybe overlay a color and the text instead of a tooltip. This would also improve mobile accessibility!
More themes: https://twitter.com/marvelapp/status/1257521662448283648/photo/1
Would be nice if the theme switcher does not show day and night more like a pattern and on click displays a drop-down with Pattern plus name like in the screenshot.
Additionally, it would be nice if on click/select the selected pattern should smoothly move like a wave to the trigger position.
A clear and concise description of what you want to happen and if it is related to a
problem please describe.
A clear and concise description of any alternative solutions or features you've
considered.
Add any other context or screenshots about the feature request here.
Maybe cool, maybe not. Replacing current todos with Leasot to show in-code todos.
https://www.gatsbyjs.org/packages/gatsby-transformer-leasot/
Provide a more detailed introduction to the issue itself, and why you consider it to be a
bug
Tell us what should happen
Tell us what happens instead
Not obligatory, but suggest a fix or reason for the bug
Provide a screenshot/video with the bug you have found if possible
How has this bug affected you? What were you trying to accomplish?
Include as many relevant details about the environment you experienced the bug in
Since we use MDX the TOC is now available, so style it :D
The color system looks great so far but the themes are totally a mess. I should clean that and use four states + highlight for every case.
Special cases like for navigation or something else that can not be covered by those should be placed inside the components file with @include themeLight() {} SASS mixin.
Danger lets me check some things that I might have forgot checking before I do something.
This would prevent things like:
When running in dev mode, every change triggers this API.
Should only execute on changed pages
See title
Maybe something in the docs I have missed. Possibly there is a variable or hook to look for changed files.
Provide a screenshot/video with the bug you have found if possible
Would love to have a page that shows all my open source works:
Upstream issue: iamkun/dayjs#564
I think this is a nice to have. On a separate "About me" page showing all my games I have and currently play or last played (Steam, Origin API?) and also show the most liked games stats.
So for example Leauge of Legends would show my current level and rank in ranked. Guild Wars would show my characters (and names) and their world progress and level.
This marks all old todos that has lived in the master branch a long time but I thought it would be time to use issues and the projects feature in GitHub to make my life easier.
Links has been removed
- is a regular file and not fpostcss-easing-gradients with Scss loaded in /srcmix-blend-modegatsby-plugin-offline)Not heavily needed but would improve the issue creating process for me:
Inter is my font of choice for the main content. Last year variable fonts got a lot of attention and I think this is great because a) it lowers the file size, b) only one font type to include and c) it seems easier to maintain.
I think I got all but should check again that I use them properly.
This would be required for #15
https://dev.to/n8tb1t/tracking-scroll-position-with-react-hooks-3bbj
Open a page in „reader view“
Tell us what should happen
Tell us what happens instead
Not obligatory, but suggest a fix or reason for the bug
Provide a screenshot/video with the bug you have found if possible
How has this bug affected you? What were you trying to accomplish?
Include as many relevant details about the environment you experienced the bug in
In order to have less hassle with my portfolio I want to do a few things:
standard-version for releasesRelated: gatsbyjs/gatsby#7810
The idea is to have me in all sections doing the sections task.
At the moment it doesn't look great on iOS, few things to improve:
I think this would be a great benefit for some people. I'm collecting (and already collected) a lot of nice resources (free and paid).
Website oberscroll safari
Safari theme
About page not available
{
"parser": "babel-eslint",
"plugins": [
"import"
],
"extends": [
"eslint:recommended",
"plugin:import/errors",
"plugin:import/warnings",
"plugin:prettier/recommended"
],
"env": {
"node": true,
"es6": true,
"browser": true
},
"parserOptions": {
"ecmaVersion": 6,
"sourceType": "module"
},
"rules": {
"import/order": [
"error",
{
"groups": [
[
"builtin",
"external",
"internal"
]
]
}
]
}
}{
"extends": [
"../../.eslintrc.json",
"plugin:react/recommended",
"plugin:jsx-a11y/recommended"
],
"settings": {
"react": {
"createClass": "createElement",
"pragma": "h"
}
},
"rules": {
"react/prop-types": "off"
}
}Export pub keys and add them somewhere so people can use them to sign messages to me or verify my commits.
Look if Vercel has some kind of feature for secure files or our headless CMS.
Add https://github.com/gatsbyjs/gatsby/tree/master/packages/gatsby-plugin-guess-js with SimpleAnalytics
I am not going to use something like Google Analytics. I respect the privacy of my visitors, so I'm looking for alternatives:
Simple, clean, and friendly analytics for developers
$9/Month (yearly)
Add Guess.js with reportProvider
Every component and element can hold their styles by themselfs. This should improve load time heavily.
None
Test with one element first on SSR with NGINX
At the moment it seems that the SW doesn't update the cache. This might be because the SW itself hasn't changed. According to an article it hast to, so it will be installed again.
Find another way of doing this; updating the SW every time is overload.
I've now seen many times that Safari can not do X and Y or other browser gave me errors about that and this package I use. It is time to prevent this by doing actions on common browsers in PR before releasing them.
A clear and concise description of any alternative solutions or features you've
considered.
Add any other context or screenshots about the feature request here.
In JavaScript negative lookbehind is not yet supported in regular expressions so this package will cause an CRITICAL error and the page can not be loaded.
Fixing version 4 for now
Browser support:
Related: sindresorhus/normalize-url#105
AXE is a nice tool to check for accessibility and I would love to use it. At the moment I use the browser extension to check some pages manually but It would add great benefits if I could automate this into a CI process with GitHub actions and manually like the already existing Lighthouse script I have created.
Related:
Anchors on mobile are too bright, use a lighter color.
I use a lot of transitions and I think to make it easier for me I should use a few custom properties to define three transition speeds. To make it overall more consistent.
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
Django
The Web framework for perfectionists with deadlines.
Laravel
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft
Open source projects and samples from Microsoft.
Google
Google ❤️ Open Source for everyone.
Alibaba
Alibaba Open Source for everyone
D3
Data-Driven Documents codes.
Tencent
China tencent open source team.