Here's a quick demo of some things you can do with this tool kit. If you know what you're doing, feel free to delete everything and start from scratch. If not, allow us to introduce some of the features of Darkwave:
DW is a "batteries-included" tool kit for quickly developing data-driven web applications. It's a pragmatic configuration of helpful libraries, light application boilerplate, and a turn-key solution for user authentication and management. It also establishes sensible conventions you can use to quickly build custom CRUD apps or SaaS projects to suit your individual needs.
/demo section of the index controller and the subnav section of the base template.
initialize_handlebars_helpers() section of the slime-render class for an example. The HBS Cookbook provides more information for building simple and block custom helpers.
:root element. See the Tabler docs for a customization example, and tabler.css for the default variable names and values.
| Standard | Primary | Secondary | Success | Warning | Danger | Info | Dark | Light |
| Square | Primary | Secondary | Success | Warning | Danger | Info | Dark | Light |
| Pill | Primary | Secondary | Success | Warning | Danger | Info | Dark | Light |
| Outline | Primary | Secondary | Success | Warning | Danger | Info | Dark | Light |
| Ghost | Primary | Secondary | Success | Warning | Danger | Info | Dark | Light |
Bootstrap provides excellent support and configuration options for modal components. However, the process of using them programmatically with JS is cumbersome and involved, so we've developed an abstraction function that writes the required markup as needed and accepts JSON parameters for configuration.
See the DW JS utility library for more information on how to use and configure the dw.modal() function.
The Tabler Preview also provides some more modal configuration examples.
Here's a simple demo of some of the kinds of modals you can make. If you inspect the source, you'll notice they're all triggered with JS onclick events.
Placeholder text to demonstrate some inline links with tooltips. This is now just filler, no killer. Content placed here just to mimic the presence of real text. And all that just to give you an idea of how tooltips would look when used in real-world situations. So hopefully you've now seen how these tooltips on links can work in practice, once you use them on your own site or project.
To be honest, if it's wrong, I don't want to be right. I don't wanna talk if you're not gonna talk to me nice.
Have you ever seen a ghost pop out like a toast?
You woke up late, the breakfast's closed.
You know I don't brag, but I'm about to boast.
Fabrics on my body, it's designer probably.
Can't you see I'm litty? Rollin' like a trolley?
Won't come to your party 'cause your friends are boring. I'll be in the city walking around like a tourist.
When you look at me and hate on me, I'm a mirror. If you look at me and don't like me what doesthat say about you? I am King Nothing, I am nothing, take a bunch of empty words and make them mean something. I've been getting no gifts for a while, is Christmas coming? I'm a good boy on the track, no cussing.
Please do not give me any more flak, I am struggling. I'm about to start crying in my bed, evil words spin around my head.
I'm going Trash Star crazy. I'm Bladee, she call me Bladey.[1] Angel or demon maybe...I'm trying do what I can. Can you please comprehend me? Why can't you understand?
I'll shine some glory on your life.
𓆩♡𓆪
I am not anyone, I'm just some air inside the air. A piece of sand in all the sand, drop of water in the ocean. It may not seem that way, but I can promise you it's that. But enough of that, I'm coming back...
I jump right back into the trash
Use the <abbr> tag like this: kthxbi
Select some text, then press ⌘ + C to copy. To paste, press ⌘ + V
Use NPX to get a quick DW clone: npx degit jyoungblood/darkwave#0.6.1 .
// preformatted text block — no syntax highlighting tho ¯\_(ツ)_/¯
const notify = function(message){
alert(message);
}
| Type | Column heading | Column heading | Column heading |
|---|---|---|---|
| Default | Column content | Column content | Column content |
| Default | Column content | Column content | Column content |
| Default | Column content | Column content | Column content |
| Default | Column content | Column content | Column content |
| Primary | Column content | Column content | Column content |
| Secondary | Column content | Column content | Column content |
| Success | Column content | Column content | Column content |
| Danger | Column content | Column content | Column content |
| Warning | Column content | Column content | Column content |
| Info | Column content | Column content | Column content |
| Dark | Column content | Column content | Column content |
| Light | Column content | Column content | Column content |
| Name | Title | Role | ||
|---|---|---|---|---|
| Paweł Kuna | UI Designer, Training | paweluna@howstuffworks.com | User | Edit |
| Jeffie Lewzey | Chemical Engineer, Support | jlewzey1@seesaa.net | Admin | Edit |
| Mallory Hulme | Geologist IV, Support | mhulme2@domainmarket.com | User | Edit |
| Dunn Slane | Research Nurse, Sales | dslane3@epa.gov | Owner | Edit |
| Emmy Levet | VP Product Management, Accounting | elevet4@senate.gov | Admin | Edit |
| Maryjo Lebarree | Civil Engineer, Product Management | mlebarree5@unc.edu | User | Edit |
| Egan Poetz | Research Nurse, Engineering | epoetz6@free.fr | Admin | Edit |
| Kellie Skingley | Teacher, Services | kskingley7@columbia.edu | Owner | Edit |
I stay out of sight, it's a satellite life. Got a shadow ice knife, Gucci lenses on my eyes. Bank account match my clothing size. That explains the price of my shoes. I got news, you can get cut up like fruit. Bladee one sound like Akon when I make songs. Say some wrong, you may run, you get rained on.
Someone rather than no one, I got no one. I was so wrong, waiting so long. You were no one, hold on. I should go home to the chrome zone. No ozone, sold my soul, now my soul's gone.
I hold the map, I got the keys to the city. GTB, I see machines in the city. Helicopters when we leave in December. On my LG, call my team, we assemble. I'm beyond, I don't believe in the system. You can sing, I press delete, I don't listen. I got items, I'm complete for no reason. Got no meaning, pull the card, get a reading.
Thaiboy Goon, I got that weed in my system. You can sing, I press delete, I don't listen. I got cash, I pull up clean for no reason. On my iPhone, call my team, now I'm beaming. Thaiboy Goon, I make the scene when I'm dreaming. GTBSBE, we riding with no ceiling. Yung Thaiboy Goon, I'm posted in the building. You can sing, I press delete, I don't listen.
.accordion-body, though the transition does limit overflow.
.accordion-body, though the transition does limit overflow.
.accordion-body, though the transition does limit overflow.
Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.
Donec id elit non mi porta.Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.
Donec id elit non mi porta.Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.
Donec id elit non mi porta.