Symmetric includes some code features to improve readability on your articles, there some examples:
Code example
Inline code: border: 1px solid #ddd; consectetur adipiscing elit. Curabitur pretium ipsum ut luctus pulvinar. Curabitur tincidunt auctor nibh, function example(){} nec interdum sem condimentum ultrices. Duis quis aliquet neque, vitae semper tellus. Cras vel nunc quis orci dapibus placerat. Nullam vitae est hendrerit, aliquet lorem id, blandit neque.
HTML
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" href="css/style.css"> </head> <body> <header></header> <div role="main"></div> <footer></footer> <script src="js/script.js"></script> </body> </html>
HTML with numbered lines
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" href="css/style.css"> </head> <body> <header></header> <div role="main"></div> <footer></footer> <script src="js/script.js"></script> </body> </html>
CSS
body {
margin: 0;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 13px;
line-height: 18px;
color: #333333;
background-color: #ffffff;
}
a {
color: #0088cc;
text-decoration: none;
}
a:hover {
color: #005580;
text-decoration: underline;
}
Javascript
var Account;
Account = function(customer, cart) {
var _this = this;
this.customer = customer;
this.cart = cart;
return $('.shopping_cart').bind('click', function(event) {
return _this.customer.purchase(_this.cart);
});
};
Comments