Symmetric

Syntax Highlight

Estudio Patagon -

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);
  });
};