A Pen by Guillaume Lebelt on CodePen.
This file contains 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
<!DOCTYPE html> | |
<html> | |
<head> | |
<title></title> | |
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> | |
</head> | |
<body> | |
<div id="messages"> | |
This file contains 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
Need to include Modernizer (http://www.modernizr.com/) and jQuery (http://jquery.com/) | |
$(document).ready(function($){ | |
if (Modernizr.localstorage) { | |
$('#hide-button').click(function(e){ | |
localStorage.setItem('subscribed',true); | |
$('#sign-up-form,#hide-button').hide(); | |
$('#hide-button').hide(); |
This file contains 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
<ul class="webchat"> | |
<li><a href="#">Email</a></li> | |
<li><a href="#">Live Chat</a></li> | |
<li><a href="#">Call Back</a></li> | |
<li><a class="show" href="#">Chat Options</a></li> | |
</ul> |
This file contains 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
main | |
.change.firstView | |
.Avatar | |
img.second(src="http://davidsclassiccars.com/images/full/rare-1964-chevelle-malibu-ss-4-speed-convertible-true-supersport-7.jpg") | |
img.first(src="https://pbs.twimg.com/profile_images/456212657553432576/wlvb6fuq.jpeg") | |
.Name | |
span.second Vincent Vega | |
span.first Jules Winnfield | |
.btnChange Switch! | |
This file contains 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
// PUT THIS SECTION AT http://your-site.com/submit.php | |
<?php | |
function grab_dump($var) | |
{ | |
ob_start(); | |
var_dump($var); | |
return ob_get_clean(); |
This file contains 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
<?php | |
// For now file storage requires that the file specified is created already and chmodded to allow writing. | |
/** | |
* Connection info logging script created by Xeru | |
* | |
* Website: https://xeru.me | |
* Twitter: https://twitter.com/Xeru_ | |
* GitHub: https://github.com/exec |
This file contains 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
<script defer src="https://use.fontawesome.com/releases/v5.6.3/js/all.js" integrity="sha384-EIHISlAOj4zgYieurP0SdoiBYfGJKkgWedPHH4jCzpCXLmzVsw1ouK59MuUtP4a1" crossorigin="anonymous"></script> | |
<!-- Scripts and Links --> | |
<div class="container"> | |
<h1> Press "L" to like this</h1> | |
<svg class="ico" width="24" height="24" viewBox="0 0 24 24"> | |
<path d="M12,21.35L10.55,20.03C5.4,15.36 2,12.27 2,8.5C2,5.41 4.42,3 7.5,3C9.24,3 10.91,3.81 12,5.08C13.09,3.81 14.76,3 16.5,3C19.58,3 22,5.41 22,8.5C22,12.27 18.6,15.36 13.45,20.03L12,21.35Z"></path> | |
</svg> | |
<div class="div"> |
This file contains 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
<p> | |
<div class="notifier new"> | |
<i class="bell fa fa-bell-o"></i> | |
<div class="badge">999</div> | |
</div> | |
</p> | |
<p> | |
<div class="notifier green"> | |
<i class="bell fa fa-envelope-o"></i> | |
<span class="badge">5</span> |
This file contains 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"> | |
<div class="row"> | |
<div class="col-10 offset-1"> | |
<div class="timeline"> | |
<div data-date="20/7/2015" class="timeline-row"> | |
<h3>What is Lorem Ipsum?</h3> | |
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Cum veniam accusamus praesentium beatae. Reprehenderit ad magni ratione earum perferendis accusantium nihil consectetur quis praesentium, accusamus obcaecati sint quo voluptatem mollitia.</p> | |
</div> | |
<div data-date="1/5/2016" class="timeline-row"> | |
<h3>What is Lorem Ipsum?</h3> |
NewerOlder