Comments (13)
Not sure if you have seen but check out my 1st attempt at dark mode with just css and javascript.
https://mrufflesmcghie.github.io/resume/
I checked out watercss but not too convinced, however it's easier to implement its easier to add custom colours etc when using scss already included in jekyll.
from modern-resume-theme.
Re Dark Mode can you take a look at the below let me know what you think, I feel its a nice implementation.
https://www.annalytic.com/demos/dark-mode-css/
from modern-resume-theme.
I worked on my new resume to eventually provide a simple Dark/Light theme switcher, based on what I've found on Internet + some of links here + some of your work on your branch.
Later, I may provide a PR if you want.
Don't hesitate to give me feedbacks: https://bertrand-benoit.github.io/
from modern-resume-theme.
Yea a PR to update the font awesome would be great.
A dark mode is something I had been considering too, I was thinking about possibly using this https://watercss.netlify.com/ which already as a dark/light mode toggle.
Thanks
from modern-resume-theme.
I had a look at what you had done in your resume, and I do really like that annalytic demo.
I know it's also possible to recognise the users device dark mode preference, so that is also something I am going to look into. But I think going the direction of the annalytic demo is a good idea.
I will probably be able to find some time over the weekend to look into it unless you wanted to take a look first.
from modern-resume-theme.
Was reading about that too, simplely adding a JS in the head detects users preference.
My first assignment is finally done so will have some time this evening and weekend to work on this.
I have also been looking into #58 think I have found a way using order in the front matter but may need a bigger overhaul to layouts & templates.
Need to also figure out all the building processes etc etc as can't seem to get remote theme @ branch working :-(
from modern-resume-theme.
mmistakes/minimal-mistakes#1208
Use darkmode as user input switch, user pref.
Keep other skins to config.yml for us to change if fancy
Let me know what you think, I want to incorporate a blog into my page for family's so going a bit beyond your requirements.
from modern-resume-theme.
Hi, thanks for your work!
I'm really interested in a Dark mode too; is there any news on it?
from modern-resume-theme.
@bertrand-benoit at the moment Ive stopped Jekyll dev my side. I tried to add themes and easier way to manage content and kinda broke my fork.
Im was going to have another play tonight funny enough hard to fit in between projects.
@sproogen have you done anything since?
from modern-resume-theme.
I can also attempt to open a PR maybe to a new branch (dark_mode) I've got the basic functionality just need someone with Java experience to fix the button n also use User preference.
from modern-resume-theme.
Yes create it please, I'll check.
Javascript you mean ?
from modern-resume-theme.
@bertrand-benoit @mrufflesmcghie I had been looking at this again recently. Just put up a PR with an implementation that is configured in the config,yml. #73
I'm don't really think the user needs to have the option to toggle it, but I might add something that detects if the user has dark mode turned on on their device and set it that way too.
from modern-resume-theme.
I can take a look at your branch and pull anything over, it does looks good thought.
Might need an option to configure the colours in config, your dark mode is quite bold
from modern-resume-theme.
Related Issues (20)
- Dark mode still on even after set as false in config HOT 1
- Unable to change about_profile_image HOT 2
- Add media section to the projects and/or experience sections HOT 3
- Swap/Move Sections HOT 1
- can't build page HOT 2
- Need help to build own github page. HOT 1
- Automatic or Toggle switch for Dark/Light mode HOT 1
- V1 Bug: Could not locate the included file 'experience.html HOT 2
- Cannot see the template after step 4 HOT 1
- GitHub pages issue with main.scss import statement. HOT 1
- Is there a way to add academicons? HOT 1
- Livereload is not supported HOT 1
- Add skills section HOT 2
- How to make some custom changes about font (such as size or type) HOT 3
- Mobile layout issues
- Can't see the theme after following installation guide step by step
- Changing profile picture
- Please add Button to download the Resume.pdf from the page. HOT 4
- Error in Build HOT 6
- where is the index file? HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 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.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
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.
from modern-resume-theme.