Hakim El Hattab PRO
Swedish JavaScript coder and CSS tweaker • Co-founder of Slides
Syntax Highlight Test
<!DOCTYPE html> !!! & !!!
<html>
<head>
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type" />
</head>
<body style="background: #ffffff; padding-top: 20px; padding-bottom: 60px;">
<table style="background: #ffffff; border: 6px solid #6aa7e5; width: 520px; margin: 0 auto; padding: 40px; font-size: 14px; line-height: 22px;" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td colspan="4" style="padding: 0 0 30px 0;">
<h2 style="color: #363636; font-family: 'Helvetica Neue', Helvetica, sans-serif; font-weight: bold; font-size: 20px; line-height: 28px; margin-top: 0;">Your account has been downgraded</h2>
<p style="color: #363636; font-family: Helvetica, sans-serif;">
You can still enjoy the great features of Slides with your Free account. If you would like to renew your subscription, visit <%= link_to "your account page", account_billing_url, :style => "color: #ca5d54;" %>.
</p>
<p style="color: #363636; font-family: Helvetica, sans-serif;">
Thanks,<br>
The Slides Team<br>
</p>
</td>
</tr>
<tr>
<td colspan="1" align="left" style="border-top: 1px solid #dddddd; padding: 30px 10px 0 0; width: 42px; line-height: 0;">
<a href="http://slides.com" style="text-decoration: none;">
<img src="https://s3.amazonaws.com/static.slid.es/logo/v2/slides-symbol-flat-84x84.png" width="42" height="42" alt="Slides">
</a>
</td>
<td colspan="1" align="left" style="border-top: 1px solid #dddddd; padding: 30px 0 0 0; color: #999999; font-family: Helvetica, sans-serif; font-size: 12px; line-height: 18px;">
<a href="http://slides.com" style="color: #999999; text-decoration: none;">Slides.com</a>, 190 Bedford Ave, <br>Ste. 518 Brooklyn, NY 11249
</td>
<td colspan="2" align="right" style="border-top: 1px solid #dddddd; padding: 30px 0 0 0; font-family: Helvetica, sans-serif; font-size: 12px; line-height: 18px; color: #999999;">
Join our community on<br>
<a style="color: #999999; font-family: 'Helvetica Neue', Helvetica, sans-serif; font-size: 12px;" href="http://twitter.com/slidesapp">Twitter</a> & <a style="color: #999999; font-family: 'Helvetica Neue', Helvetica, sans-serif; font-size: 12px;" href="http://facebook.com/slidesapp">Facebook</a>
</td>
</tr>
</table>
</body>
</html>
<!DOCTYPE html> !!! & !!!
<html>
<head>
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type" />
</head>
<body style="background: #ffffff; padding-top: 20px; padding-bottom: 60px;">
<table style="background: #ffffff; border: 6px solid #6aa7e5; width: 520px; margin: 0 auto; padding: 40px; font-size: 14px; line-height: 22px;" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td colspan="4" style="padding: 0 0 30px 0;">
<h2 style="color: #363636; font-family: 'Helvetica Neue', Helvetica, sans-serif; font-weight: bold; font-size: 20px; line-height: 28px; margin-top: 0;">Your account has been downgraded</h2>
<p style="color: #363636; font-family: Helvetica, sans-serif;">
You can still enjoy the great features of Slides with your Free account. If you would like to renew your subscription, visit <%= link_to "your account page", account_billing_url, :style => "color: #ca5d54;" %>.
</p>
<p style="color: #363636; font-family: Helvetica, sans-serif;">
Thanks,<br>
The Slides Team<br>
</p>
</td>
</tr>
<tr>
<td colspan="1" align="left" style="border-top: 1px solid #dddddd; padding: 30px 10px 0 0; width: 42px; line-height: 0;">
<a href="http://slides.com" style="text-decoration: none;">
<img src="https://s3.amazonaws.com/static.slid.es/logo/v2/slides-symbol-flat-84x84.png" width="42" height="42" alt="Slides">
</a>
</td>
<td colspan="1" align="left" style="border-top: 1px solid #dddddd; padding: 30px 0 0 0; color: #999999; font-family: Helvetica, sans-serif; font-size: 12px; line-height: 18px;">
<a href="http://slides.com" style="color: #999999; text-decoration: none;">Slides.com</a>, 190 Bedford Ave, <br>Ste. 518 Brooklyn, NY 11249
</td>
<td colspan="2" align="right" style="border-top: 1px solid #dddddd; padding: 30px 0 0 0; font-family: Helvetica, sans-serif; font-size: 12px; line-height: 18px; color: #999999;">
Join our community on<br>
<a style="color: #999999; font-family: 'Helvetica Neue', Helvetica, sans-serif; font-size: 12px;" href="http://twitter.com/slidesapp">Twitter</a> & <a style="color: #999999; font-family: 'Helvetica Neue', Helvetica, sans-serif; font-size: 12px;" href="http://facebook.com/slidesapp">Facebook</a>
</td>
</tr>
</table>
</body>
</html>
/**
* Tests running as part of the editor spec. These are assumed
* to be executed towards a newly created deck.
*/
SL('editor').Tests = {
run: function() {
var onboarding = this.testOnboarding();
var blocks = this.testBlocks();
if( onboarding && blocks ) {
$( 'html' ).addClass( 'editor-tested-successfully' );
}
},
testOnboarding: function() {
// Test onboarding
while( SL.editor.controllers.Onboarding.tutorial.hasNextStep() ) {
SL.editor.controllers.Onboarding.tutorial.next();
}
// Should close the tutorial
SL.editor.controllers.Onboarding.tutorial.next();
return true;
},
testBlocks: function() {
var textBlock = SL.editor.controllers.Blocks.add({
type: 'text'
});
textBlock.destroy();
var imageBlock = SL.editor.controllers.Blocks.add({
type: 'image'
});
imageBlock.destroy();
var shapeBlock = SL.editor.controllers.Blocks.add({
type: 'shape'
});
shapeBlock.move( 100, 100 );
shapeBlock.resize( { width: 100, height: 100 } );
shapeBlock.destroy();
return true;
}
};class CreateExports < ActiveRecord::Migration
def change
create_table :exports do |t|
t.datetime :completed_at
t.string :url
t.float :generation_time
t.integer :deck_id
t.timestamps
end
end
end
<!DOCTYPE html>!!!!
<html>!
<head>
<title>Slides: 404</title>
<link rel="stylesheet" href="https://s3.amazonaws.com/static.slid.es/fonts/opensans/opensans.css" />
<link rel="stylesheet" href="/error-page.css" />
<meta name="viewport" content="width=800" />
<script>
setTimeout( function() {
if( typeof document.querySelector === 'function' ) {
var animation = document.querySelector( '.logo-animation' );
if( animation ) {
animation.className += ' open';
}
}
}, 600 );
</script>
</head>
<body>
<div class="header">
<h1 class="logo-animation">
<a href="/">
<div class="box-1"></div>
<div class="box-2"></div>
<img alt="Slides" src="/assets/logo/slides-symbol-flat-600x600.png" />
</a>
</h1>
</div>
<div class="message">
<div class="inner">
<h2>The page you were looking for doesn't exist.</h2>
<p>You may have mistyped the address or the page may have moved.</p>
</div>
</div>
<footer class="global-footer">
<small>
<div class="link-group">
<h5>Product</h5>
<a href="/">Home</a>
<a href="/explore">Explore</a>
<a href="/features">Features</a>
<a href="/pricing">Pricing</a>
</div>
<div class="link-group">
<h5>Help</h5>
<a href="http://help.slides.com" target="_blank">Forum</a>
<a href="http://help.slides.com/knowledgebase" target="_blank">Knowledge base</a>
<a href="http://help.slides.com/forums/175819-general" target="_blank">Give feedback</a>
</div>
<div class="link-group">
<h5>News</h5>
<a href="http://blog.slides.com" target="_blank">Blog</a>
<a href="http://twitter.com/slidesapp" target="_blank">Twitter</a>
<a href="http://facebook.com/slidesapp" target="_blank">Facebook</a>
<a href="https://plus.google.com/+slidesapp/" target="_blank">Google+</a>
</div>
<div class="link-group">
<h5>Company</h5>
<a href="/about">About Slides</a>
<a href="/terms">Terms</a>
<a href="/privacy">Privacy</a>
</div>
<div class="copyright"><span>Slides is made by Whim, LLC. ©2014</span></div>
</small>
</footer>
</body>
</html>
/** Maps are easy to use in Scala. */
object Maps {
val colors = Map("red" -> 0xFF0000,
"turquoise" -> 0x00FFFF,
"black" -> 0x000000,
"orange" -> 0xFF8040,
"brown" -> 0x804000)
def main(args: Array[String]) {
for (name <- args) println(
colors.get(name) match {
case Some(code) =>
name + " has code: " + code
case None =>
"Unknown color: " + name
}
)
}
}# R Language
tbl <- read.table(file.choose(),header=TRUE,sep=",")
population <- tbl["POPESTIMATE2009"]
print(summary(population[-1:-5,]))/*LESS*/
@base: #f938ab;
.box-shadow(@style, @c) when (iscolor(@c)) {
-webkit-box-shadow: @style @c;
box-shadow: @style @c;
}
.box-shadow(@style, @alpha: 50%) when (isnumber(@alpha)) {
.box-shadow(@style, rgba(0, 0, 0, @alpha));
}
.box {
color: saturate(@base, 5%);
border-color: lighten(@base, 30%);
div { .box-shadow(0 0 5px, 30%) }
}/*Stylus*/
-pos(type, args)
i = 0
position: unquote(type)
{args[i]}: args[i + 1] is a 'unit' ? args[i += 1] : 0
{args[i += 1]}: args[i + 1] is a 'unit' ? args[i += 1] : 0
absolute()
-pos('absolute', arguments)
fixed()
-pos('fixed', arguments)
#prompt
absolute: top 150px left 5px
width: 200px
margin-left: -(@width / 2)
#logo
fixed: top left
var LatestComments = React.createClass({
render: function() {
var comments = this.props.comments.map(c => <Comment comment={c} key={c.id} />);
return (
<div className='comments'>
<h4>Last {comments.length} Comments</h4>
<ul className='comments'>
{comments}
</ul>
</div>
);
}
});
var Comment = React.createClass({
render: function() {
var comment = this.props.comment;
return (
<li>{comment}</li>
);
}
});--- !clarkevans.com/^invoice
invoice: 34843
date : 2001-01-23
bill-to: &id001
given : Chris
family : Dumars
address:
lines: |
458 Walkman Dr.
Suite #292
city : Royal Oak
state : MI
postal : 48046
ship-to: *id001
product:
- sku : BL394D
quantity : 4
description : Basketball
price : 450.00
- sku : BL4438H
quantity : 1
description : Super Hoop
price : 2392.00
tax : 251.42
total: 4443.52
comments: >
Late afternoon is best.
Backup contact is Nancy
Billsmer @ 338-4338.Interactive Elixir
iex> c("module_name.ex")
[ModuleName]
iex> ModuleName.hello
Hello world!
:okSyntax Highlight Test
By Hakim El Hattab
