Posted in bootstrap
12:38 pm, October 13, 2021

site update incoming before and after

dark mode saves state as well, but still flashes light a bit, so need to modify the light background so that the flash is not as blinding.

still cant see the text on light mode

new card theme

dark mode version


made the tites more subtle, and larger, so they are also not as blinding, they still work on light mode as well.

added the dots but they dont do anything yet

maybe should add some functions to them.

add dots to your card

simple code so far

.dot {
  box-shadow:0px 1px 2px rgba(0,0,0,0.3);
  border:1px solid rgba(0,0,0,0.3);
.dot-red {
<div class='col col-lg-2'>
  <div class='dots'>
    <div class='dot dot-red'></div>
    <div class='dot dot-orange'></div>
    <div class='dot dot-green'></div>

changed the bootstrap to the latest but that seemed to break the dropdown.

dark mode method

had to swap back to old bootstrap js to fix the drop downs.

View Statistics
This Week
This Month
This Year

No Items Found.

Add Comment
Type in a Nick Name here
Other Items in bootstrap
Search Articles
Search Articles by entering your search text above.

This is my test area for webdev. I keep a collection of code snippits here, mostly for my reference. Also if i find a good site, i usually add it here.

Join me on Substack if you want me to send you a collection of the things i have done or found or read for the week. Or follow me on twitter if you prefer, i dont post much but i probably should!


Random Quote
1. Show your work to the world instead of keeping in your head💆. 2. Do the work consistently👌 3. Respect your work🥰 4. Don't postpone your work 5. Make mistakes 🔥🔥🔥