Check the amazing color themes provided by the Ace library!
Previosuly posted on Sololearn, here: https://code.sololearn.com/Wk3CGLWq8qAZ/
A Pen by Massimo Piedimonte on CodePen.
neisdev
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="container-fluid h-100 notes-app-container"> | |
| <div class="row h-100 "> | |
| <div class="col-2 p-0 folder-list"> | |
| <ul class="list-group"> | |
| <li class="d-flex justify-content-between align-items-center"> | |
| All Notes | |
| <span class="badge">51</span> | |
| </li> | |
| <li class="d-flex justify-content-between align-items-center"> | |
| Daily Tasks |
Check the amazing color themes provided by the Ace library!
Previosuly posted on Sololearn, here: https://code.sololearn.com/Wk3CGLWq8qAZ/
A Pen by Massimo Piedimonte on CodePen.
neisdev
/ code-editor-ace-for-html-css-and-js.markdown
Created
April 6, 2023 20:16
Code Editor - Ace for HTML, CSS and JS
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!-- Fonts --> | |
| <link href="https://fonts.googleapis.com/css?family=Fredoka+One" rel="stylesheet"> | |
| <!-- PAC MAN --> | |
| <div id="app"> | |
| <!-- Page Header --> | |
| <h2 class="rela-block main-header">Package Builder</h2> | |
| <!-- Show Final Package --> | |
| <div :class="['editor-button', 'pack-button', package_code?'visible':'']" @click='show_package'>Show Package</div> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!-- Fonts --> | |
| <link href="https://fonts.googleapis.com/css?family=Fredoka+One" rel="stylesheet"> | |
| <!-- PAC MAN --> | |
| <div id="app"> | |
| <!-- Page Header --> | |
| <h2 class="rela-block main-header">Package Builder</h2> | |
| <!-- Show Final Package --> | |
| <div :class="['editor-button', 'pack-button', package_code?'visible':'']" @click='show_package'>Show Package</div> |
neisdev
/ bootstrap-accordion-generator.markdown
Created
March 16, 2023 09:44
Bootstrap Accordion Generator
A Pen by Eric Winton on CodePen.
neisdev
/ d3-js-bubble-map-layering-census-data-and-topojson.markdown
Created
March 2, 2023 09:53
d3.js Bubble Map, layering census data and topoJSON
Based on Mike Bostock's map, created topoJSON from Natural Earth data and population data obtained from the US Census Bureau. Map depicts poverty numbers for those under 18 by county in US, represented with bubbles. County names and poverty population figures are shown on mouseover where available.
A Pen by Amelia Power on CodePen.
neisdev
/ alpine-single-upload-with-croppie.markdown
Created
March 2, 2023 08:38
Alpine single upload with croppie
A Pen by Tina Hammar on CodePen.
neisdev
/ index.html
Created
February 24, 2023 13:07
Invoice Generator with TailwindCSS and AlpineJS
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <body class="antialiased sans-serif"> | |
| <div class="border-t-8 border-gray-700 h-2"></div> | |
| <div | |
| class="container mx-auto py-6 px-4" | |
| x-data="invoices()" | |
| x-init="generateInvoiceNumber(111111, 999999);" | |
| x-cloak | |
| > | |
| <div class="flex justify-between"> | |
| <h2 class="text-2xl font-bold mb-6 pb-2 tracking-wider uppercase">Invoice</h2> |