Pens from Marius Niveri https://codepen.io/m4r1vs/ en nospam@codepen.io Copyright 2024 2020-03-15T23:11:11-07:00 Self-Quarantine Simulator (Washington Post) https://codepen.io/m4r1vs/pen/RwPyodO https://codepen.io/m4r1vs/pen/RwPyodO Marius Niveri

See the Code - See it Full Page - See Details

A social distance simulator based on [the incredible work done by the Washington Post](https://www.washingtonpost.com/graphics/2020/world/corona-simulator/). This simulator assumes a 1% mortality rate. Wash your hands, be safe, don't be an ass.

]]>
Self-Quarantine Simulator (Washington Post) 2020-03-15T23:11:11-07:00
Simple preact clock https://codepen.io/m4r1vs/pen/oVbvpZ https://codepen.io/m4r1vs/pen/oVbvpZ Marius Niveri

See the Code - See it Full Page - See Details

]]>
Simple preact clock 2019-02-28T21:01:56-07:00
Bitcoins Transferred Wordwide Liveticker https://codepen.io/m4r1vs/pen/BJaBGo https://codepen.io/m4r1vs/pen/BJaBGo Marius Niveri

See the Code - See it Full Page - See Details

This Preact App is a live ticker of how many Bitcoins have been transferred worldwide since you loaded the pen. It is getting new transactions from blockchain.info's API via a WebSocket

]]>
Bitcoins Transferred Wordwide Liveticker 2018-11-16T18:37:42-07:00
Preact Material Design Date Picker / Calendar 📅 https://codepen.io/m4r1vs/pen/MOOxyE https://codepen.io/m4r1vs/pen/MOOxyE Marius Niveri

See the Code - See it Full Page - See Details

A date picker build with Preact JS following the Material Design Guidelines. Using modern tech like CSS custom properties and display grid.

]]>
Preact Material Design Date Picker / Calendar 📅 2018-11-16T18:38:31-07:00
CSS custom property Hover Effects 🎉 https://codepen.io/m4r1vs/pen/qVReQz https://codepen.io/m4r1vs/pen/qVReQz Marius Niveri

See the Code - See it Full Page - See Details

This pen shows how easy it is to use CSS custom properties to make a very cool hover effect for SVG icons. Using the orion icon library

]]>
CSS custom property Hover Effects 🎉 2017-11-14T20:57:08-07:00
Marius Niveri - Info Card https://codepen.io/m4r1vs/pen/JORYzq https://codepen.io/m4r1vs/pen/JORYzq Marius Niveri

See the Code - See it Full Page - See Details

This pen is basically my homepage. It shows my projects and also has a nice background made with sketch.js

]]>
Marius Niveri - Info Card 2019-02-18T18:32:23-07:00
Sign in https://codepen.io/m4r1vs/pen/QOyGyE https://codepen.io/m4r1vs/pen/QOyGyE Marius Niveri

See the Code - See it Full Page - See Details

]]>
Sign in 2017-11-08T19:49:55-07:00
Preact PWA - Rick and Morty Characters https://codepen.io/m4r1vs/pen/wrvdOe https://codepen.io/m4r1vs/pen/wrvdOe Marius Niveri

See the Code - See it Full Page - See Details

This pen is a simple Preact-build PWA that displays some characters from the TV show Rick and Morty. It also features a search function.

]]>
Preact PWA - Rick and Morty Characters 2019-02-28T21:05:49-07:00