An example of how you can support dark mode using Tailwind CSS.
Design: https://dribbble.com/shots/14594771-Dashboard-UI
A Pen by Mert Cukuren on CodePen.
An example of how you can support dark mode using Tailwind CSS.
Design: https://dribbble.com/shots/14594771-Dashboard-UI
A Pen by Mert Cukuren on CodePen.
<div class="spin_widget"> | |
<div class="wheel_holder" id="the_wheel"> | |
<div class="assests" style="display: none"> | |
<img src="https://dl.dropboxusercontent.com/s/du2xrt3903k34b2/spinner-wheel_board__bg.png?token_hash=AAHefLlKqPXsIxfza_HfuvEfRwZnY5EWMYOGA5kt3FZv4Q&dl=1" alt="" id="wheel_bg"/> | |
<img src="https://dl.dropboxusercontent.com/s/p1grg6kuspaklqe/spinner-wheel_board__highlight.png?token_hash=AAFEC_xUVm6Na2aYdb0jcdC1-1q-0f3svu5uOQPwYIEu1A&dl=1" alt="" id="highlights" /> | |
<img id="wheel" class="wheel" src="https://dl.dropboxusercontent.com/s/6ngd3cir5xsh0ud/spinner-wheel_board__content.png?token_hash=AAH7POtGmIwkgg0DPAXYMuEAgs_6597rp3uX7bNnd3qi-w&dl=1" alt="" /> | |
<img id="needle" src="https://dl.dropboxusercontent.com/s/e3vqwrud9zbi185/spinner-needle.png?token_hash=AAF9of63bm8-N0cFzBBJRSNOwegi-QZyoxyKdFSMGkflzg&dl=1" /> | |
<img src="https://dl.dropboxusercontent.com/s/zacc6u68fa242no/spinner-pin.png?token_hash=AAEuCX0H3IuKOgJPT6blTpfsRgTQhjNOQY8-w5L_xOh9HA&dl=1" alt="" id="pin" /> | |
<!DOCTYPE html> | |
<html> | |
<head> | |
<meta charset="UTF-8"> | |
<title>Pure CSS Featured Image Slider · CodePen</title> | |
<link rel="stylesheet" href="http://codepen.io/stylesheets/css/normalize.css"> |
Joomla 1.5 Logout Link | |
<?php | |
$returnURL = base64_encode(JURI::root() . ""); | |
$user =& JFactory::getUser(); | |
echo 'Hi,'.$user->username; | |
?> | |
<a href="index.php?option=com_user&task=logout&return=<?php echo $returnURL; ?>">Logout</a> | |
Joomla 2.5 Logout Link | |
<a href="index.php?option=com_users&task=user.logout&<?php echo JUtility::getToken(); ?>=1">Logout</a> |
/* Source: http://www.designzzz.com/coding/3d-overlaying-color-ribbon/ */ | |
.wrapper { | |
margin: 50px auto; | |
width: 280px; | |
height: 370px; | |
background: white; | |
border-radius: 10px; | |
-webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3); | |
-moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.3); |
<canvas id="stage"></canvas> |