bitstarr / grav-theme-chassis Goto Github PK
View Code? Open in Web Editor NEWGrav Theme Boilerplate
Grav Theme Boilerplate
rethink CSS variables naming (again) with some of the ideas from Jonathan Dallas
after dropping LESS, we were searching a replacement for darken() and lighten() functions.
we tried to split the color in hsl values with custom properties, but it's not very intuitive atm.
maybe filter: brightness() is a good replacement.
see https://css-tricks.com/little-things-on-my-personal-site/#filter-trick-for-links
see title
since there are some places to edit in order to rename the theme, it would be helpful to list all places.
refactor WIP tab component
also you can refactor the css a bit
set all units regarding the wrapping graid to rem
line-height: calc(1em + 0.3rem);
design tokens idea:
--color-primary-hsl: 123 50% 50%;
--color-primary: hsl( var( --color-primary ) );
--color-on-primary-hsl: 0 0% 0%;
--color-on-primary: hsl( var( --color-on-primary-hsl ) );
Instead of having the menu trigger in the head, you could have it fixed on the side near the bottom of the screen. So it's always reachable (with the thumb using you smartphone)
Bonus: detect if is smartphone
Bonus 2: provide a switch in nav menu for left handed (place trigger on the left side of screen)
make more from the carousel and turn it into a web component?
https://flackr.github.io/web-demos/carousel/
https://github.com/flackr/web-demos/tree/master/carousel
Also tabs coud be a webcomponent too?
rethink details and tabs with tiny-ui-toggle
Maybe consider using custom shortcodes.
maybe we can do this more semantic and accesible
see https://web.dev/building-a-sidenav-component/
see https://twitter.com/patrick_h_lauke/status/1572852781161005057
forced-color-adjust: auto
There are partials that need refactoring or reconsidering.
there is a @todo, write about it.
Since some dependencies of our gulp automation process already broke in this constellation, we need to find other ways to automate out routine work
evaluate to run and cahin the underlaying tools with npm scripts or a makefile to get some dependencies cut.
Since accent-color
has wide browser support now, check if the custom interfaces for radios and checkboxes are still relevant.
add a shortcode for blockquotes with semantic source citation
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 is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
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.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.