Pen Settings

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. If you link to another Pen, it will include the CSS from that Pen. If the preprocessor matches, it will attempt to combine them before processing.

+ add another resource

You're using npm packages, so we've auto-selected Babel for you here, which we require to process imports and make it all work. If you need to use a different JavaScript preprocessor, remove the packages in the npm tab.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource

Use npm Packages

We can make npm packages available for you to use in your JavaScript. We use webpack to prepare them and make them available to import. We'll also process your JavaScript with Babel.

⚠️ This feature can only be used by logged in users.

Code Indentation

     

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

HTML Settings

Here you can Sed posuere consectetur est at lobortis. Donec ullamcorper nulla non metus auctor fringilla. Maecenas sed diam eget risus varius blandit sit amet non magna. Donec id elit non mi porta gravida at eget metus. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.

            
              
<!DOCTYPE html><html lang="en" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;background-color:#F6F4F8;background-image:none;background-repeat:repeat;background-position:top left;background-attachment:scroll;" ><head style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;" ><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;" ><meta name="viewport" content="width=device-width" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;" ><title 
style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;" >Ulysses News</title><style type="text/css" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;" >
@font-face {
  font-family: 'FontAwesome';
  src: url('https://netdna.bootstrapcdn.com/font-awesome/4.2.0/fonts/fontawesome-webfont.eot?v=4.2.0');
  src: url('https://netdna.bootstrapcdn.com/font-awesome/4.2.0/fonts/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'), url('https://netdna.bootstrapcdn.com/font-awesome/4.2.0/fonts/fontawesome-webfont.woff?v=4.2.0') format('woff'), url('https://netdna.bootstrapcdn.com/font-awesome/4.2.0/fonts/fontawesome-webfont.ttf?v=4.2.0') format('truetype'), url('https://netdna.bootstrapcdn.com/font-awesome/4.2.0/fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.fa-fw {
  width: 1.28571429em;
  text-align: center;
}
.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}
.fa-ul > li {
  position: relative;
}
.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.85714286em;
}
.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eeeeee;
  border-radius: .1em;
}
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.fa.pull-left {
  margin-right: .3em;
}
.fa.pull-right {
  margin-left: .3em;
}
.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.fa-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.fa-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.fa-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none;
}
.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.fa-stack-1x {
  line-height: inherit;
}
.fa-stack-2x {
  font-size: 2em;
}
.fa-inverse {
  color: #ffffff;
}
.fa-glass:before {
  content: "\f000";
}
.fa-music:before {
  content: "\f001";
}
.fa-search:before {
  content: "\f002";
}
.fa-envelope-o:before {
  content: "\f003";
}
.fa-heart:before {
  content: "\f004";
}
.fa-star:before {
  content: "\f005";
}
.fa-star-o:before {
  content: "\f006";
}
.fa-user:before {
  content: "\f007";
}
.fa-film:before {
  content: "\f008";
}
.fa-th-large:before {
  content: "\f009";
}
.fa-th:before {
  content: "\f00a";
}
.fa-th-list:before {
  content: "\f00b";
}
.fa-check:before {
  content: "\f00c";
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "\f00d";
}
.fa-search-plus:before {
  content: "\f00e";
}
.fa-search-minus:before {
  content: "\f010";
}
.fa-power-off:before {
  content: "\f011";
}
.fa-signal:before {
  content: "\f012";
}
.fa-gear:before,
.fa-cog:before {
  content: "\f013";
}
.fa-trash-o:before {
  content: "\f014";
}
.fa-home:before {
  content: "\f015";
}
.fa-file-o:before {
  content: "\f016";
}
.fa-clock-o:before {
  content: "\f017";
}
.fa-road:before {
  content: "\f018";
}
.fa-download:before {
  content: "\f019";
}
.fa-arrow-circle-o-down:before {
  content: "\f01a";
}
.fa-arrow-circle-o-up:before {
  content: "\f01b";
}
.fa-inbox:before {
  content: "\f01c";
}
.fa-play-circle-o:before {
  content: "\f01d";
}
.fa-rotate-right:before,
.fa-repeat:before {
  content: "\f01e";
}
.fa-refresh:before {
  content: "\f021";
}
.fa-list-alt:before {
  content: "\f022";
}
.fa-lock:before {
  content: "\f023";
}
.fa-flag:before {
  content: "\f024";
}
.fa-headphones:before {
  content: "\f025";
}
.fa-volume-off:before {
  content: "\f026";
}
.fa-volume-down:before {
  content: "\f027";
}
.fa-volume-up:before {
  content: "\f028";
}
.fa-qrcode:before {
  content: "\f029";
}
.fa-barcode:before {
  content: "\f02a";
}
.fa-tag:before {
  content: "\f02b";
}
.fa-tags:before {
  content: "\f02c";
}
.fa-book:before {
  content: "\f02d";
}
.fa-bookmark:before {
  content: "\f02e";
}
.fa-print:before {
  content: "\f02f";
}
.fa-camera:before {
  content: "\f030";
}
.fa-font:before {
  content: "\f031";
}
.fa-bold:before {
  content: "\f032";
}
.fa-italic:before {
  content: "\f033";
}
.fa-text-height:before {
  content: "\f034";
}
.fa-text-width:before {
  content: "\f035";
}
.fa-align-left:before {
  content: "\f036";
}
.fa-align-center:before {
  content: "\f037";
}
.fa-align-right:before {
  content: "\f038";
}
.fa-align-justify:before {
  content: "\f039";
}
.fa-list:before {
  content: "\f03a";
}
.fa-dedent:before,
.fa-outdent:before {
  content: "\f03b";
}
.fa-indent:before {
  content: "\f03c";
}
.fa-video-camera:before {
  content: "\f03d";
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "\f03e";
}
.fa-pencil:before {
  content: "\f040";
}
.fa-map-marker:before {
  content: "\f041";
}
.fa-adjust:before {
  content: "\f042";
}
.fa-tint:before {
  content: "\f043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044";
}
.fa-share-square-o:before {
  content: "\f045";
}
.fa-check-square-o:before {
  content: "\f046";
}
.fa-arrows:before {
  content: "\f047";
}
.fa-step-backward:before {
  content: "\f048";
}
.fa-fast-backward:before {
  content: "\f049";
}
.fa-backward:before {
  content: "\f04a";
}
.fa-play:before {
  content: "\f04b";
}
.fa-pause:before {
  content: "\f04c";
}
.fa-stop:before {
  content: "\f04d";
}
.fa-forward:before {
  content: "\f04e";
}
.fa-fast-forward:before {
  content: "\f050";
}
.fa-step-forward:before {
  content: "\f051";
}
.fa-eject:before {
  content: "\f052";
}
.fa-chevron-left:before {
  content: "\f053";
}
.fa-chevron-right:before {
  content: "\f054";
}
.fa-plus-circle:before {
  content: "\f055";
}
.fa-minus-circle:before {
  content: "\f056";
}
.fa-times-circle:before {
  content: "\f057";
}
.fa-check-circle:before {
  content: "\f058";
}
.fa-question-circle:before {
  content: "\f059";
}
.fa-info-circle:before {
  content: "\f05a";
}
.fa-crosshairs:before {
  content: "\f05b";
}
.fa-times-circle-o:before {
  content: "\f05c";
}
.fa-check-circle-o:before {
  content: "\f05d";
}
.fa-ban:before {
  content: "\f05e";
}
.fa-arrow-left:before {
  content: "\f060";
}
.fa-arrow-right:before {
  content: "\f061";
}
.fa-arrow-up:before {
  content: "\f062";
}
.fa-arrow-down:before {
  content: "\f063";
}
.fa-mail-forward:before,
.fa-share:before {
  content: "\f064";
}
.fa-expand:before {
  content: "\f065";
}
.fa-compress:before {
  content: "\f066";
}
.fa-plus:before {
  content: "\f067";
}
.fa-minus:before {
  content: "\f068";
}
.fa-asterisk:before {
  content: "\f069";
}
.fa-exclamation-circle:before {
  content: "\f06a";
}
.fa-gift:before {
  content: "\f06b";
}
.fa-leaf:before {
  content: "\f06c";
}
.fa-fire:before {
  content: "\f06d";
}
.fa-eye:before {
  content: "\f06e";
}
.fa-eye-slash:before {
  content: "\f070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\f071";
}
.fa-plane:before {
  content: "\f072";
}
.fa-calendar:before {
  content: "\f073";
}
.fa-random:before {
  content: "\f074";
}
.fa-comment:before {
  content: "\f075";
}
.fa-magnet:before {
  content: "\f076";
}
.fa-chevron-up:before {
  content: "\f077";
}
.fa-chevron-down:before {
  content: "\f078";
}
.fa-retweet:before {
  content: "\f079";
}
.fa-shopping-cart:before {
  content: "\f07a";
}
.fa-folder:before {
  content: "\f07b";
}
.fa-folder-open:before {
  content: "\f07c";
}
.fa-arrows-v:before {
  content: "\f07d";
}
.fa-arrows-h:before {
  content: "\f07e";
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "\f080";
}
.fa-twitter-square:before {
  content: "\f081";
}
.fa-facebook-square:before {
  content: "\f082";
}
.fa-camera-retro:before {
  content: "\f083";
}
.fa-key:before {
  content: "\f084";
}
.fa-gears:before,
.fa-cogs:before {
  content: "\f085";
}
.fa-comments:before {
  content: "\f086";
}
.fa-thumbs-o-up:before {
  content: "\f087";
}
.fa-thumbs-o-down:before {
  content: "\f088";
}
.fa-star-half:before {
  content: "\f089";
}
.fa-heart-o:before {
  content: "\f08a";
}
.fa-sign-out:before {
  content: "\f08b";
}
.fa-linkedin-square:before {
  content: "\f08c";
}
.fa-thumb-tack:before {
  content: "\f08d";
}
.fa-external-link:before {
  content: "\f08e";
}
.fa-sign-in:before {
  content: "\f090";
}
.fa-trophy:before {
  content: "\f091";
}
.fa-github-square:before {
  content: "\f092";
}
.fa-upload:before {
  content: "\f093";
}
.fa-lemon-o:before {
  content: "\f094";
}
.fa-phone:before {
  content: "\f095";
}
.fa-square-o:before {
  content: "\f096";
}
.fa-bookmark-o:before {
  content: "\f097";
}
.fa-phone-square:before {
  content: "\f098";
}
.fa-twitter:before {
  content: "\f099";
}
.fa-facebook:before {
  content: "\f09a";
}
.fa-github:before {
  content: "\f09b";
}
.fa-unlock:before {
  content: "\f09c";
}
.fa-credit-card:before {
  content: "\f09d";
}
.fa-rss:before {
  content: "\f09e";
}
.fa-hdd-o:before {
  content: "\f0a0";
}
.fa-bullhorn:before {
  content: "\f0a1";
}
.fa-bell:before {
  content: "\f0f3";
}
.fa-certificate:before {
  content: "\f0a3";
}
.fa-hand-o-right:before {
  content: "\f0a4";
}
.fa-hand-o-left:before {
  content: "\f0a5";
}
.fa-hand-o-up:before {
  content: "\f0a6";
}
.fa-hand-o-down:before {
  content: "\f0a7";
}
.fa-arrow-circle-left:before {
  content: "\f0a8";
}
.fa-arrow-circle-right:before {
  content: "\f0a9";
}
.fa-arrow-circle-up:before {
  content: "\f0aa";
}
.fa-arrow-circle-down:before {
  content: "\f0ab";
}
.fa-globe:before {
  content: "\f0ac";
}
.fa-wrench:before {
  content: "\f0ad";
}
.fa-tasks:before {
  content: "\f0ae";
}
.fa-filter:before {
  content: "\f0b0";
}
.fa-briefcase:before {
  content: "\f0b1";
}
.fa-arrows-alt:before {
  content: "\f0b2";
}
.fa-group:before,
.fa-users:before {
  content: "\f0c0";
}
.fa-chain:before,
.fa-link:before {
  content: "\f0c1";
}
.fa-cloud:before {
  content: "\f0c2";
}
.fa-flask:before {
  content: "\f0c3";
}
.fa-cut:before,
.fa-scissors:before {
  content: "\f0c4";
}
.fa-copy:before,
.fa-files-o:before {
  content: "\f0c5";
}
.fa-paperclip:before {
  content: "\f0c6";
}
.fa-save:before,
.fa-floppy-o:before {
  content: "\f0c7";
}
.fa-square:before {
  content: "\f0c8";
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "\f0c9";
}
.fa-list-ul:before {
  content: "\f0ca";
}
.fa-list-ol:before {
  content: "\f0cb";
}
.fa-strikethrough:before {
  content: "\f0cc";
}
.fa-underline:before {
  content: "\f0cd";
}
.fa-table:before {
  content: "\f0ce";
}
.fa-magic:before {
  content: "\f0d0";
}
.fa-truck:before {
  content: "\f0d1";
}
.fa-pinterest:before {
  content: "\f0d2";
}
.fa-pinterest-square:before {
  content: "\f0d3";
}
.fa-google-plus-square:before {
  content: "\f0d4";
}
.fa-google-plus:before {
  content: "\f0d5";
}
.fa-money:before {
  content: "\f0d6";
}
.fa-caret-down:before {
  content: "\f0d7";
}
.fa-caret-up:before {
  content: "\f0d8";
}
.fa-caret-left:before {
  content: "\f0d9";
}
.fa-caret-right:before {
  content: "\f0da";
}
.fa-columns:before {
  content: "\f0db";
}
.fa-unsorted:before,
.fa-sort:before {
  content: "\f0dc";
}
.fa-sort-down:before,
.fa-sort-desc:before {
  content: "\f0dd";
}
.fa-sort-up:before,
.fa-sort-asc:before {
  content: "\f0de";
}
.fa-envelope:before {
  content: "\f0e0";
}
.fa-linkedin:before {
  content: "\f0e1";
}
.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2";
}
.fa-legal:before,
.fa-gavel:before {
  content: "\f0e3";
}
.fa-dashboard:before,
.fa-tachometer:before {
  content: "\f0e4";
}
.fa-comment-o:before {
  content: "\f0e5";
}
.fa-comments-o:before {
  content: "\f0e6";
}
.fa-flash:before,
.fa-bolt:before {
  content: "\f0e7";
}
.fa-sitemap:before {
  content: "\f0e8";
}
.fa-umbrella:before {
  content: "\f0e9";
}
.fa-paste:before,
.fa-clipboard:before {
  content: "\f0ea";
}
.fa-lightbulb-o:before {
  content: "\f0eb";
}
.fa-exchange:before {
  content: "\f0ec";
}
.fa-cloud-download:before {
  content: "\f0ed";
}
.fa-cloud-upload:before {
  content: "\f0ee";
}
.fa-user-md:before {
  content: "\f0f0";
}
.fa-stethoscope:before {
  content: "\f0f1";
}
.fa-suitcase:before {
  content: "\f0f2";
}
.fa-bell-o:before {
  content: "\f0a2";
}
.fa-coffee:before {
  content: "\f0f4";
}
.fa-cutlery:before {
  content: "\f0f5";
}
.fa-file-text-o:before {
  content: "\f0f6";
}
.fa-building-o:before {
  content: "\f0f7";
}
.fa-hospital-o:before {
  content: "\f0f8";
}
.fa-ambulance:before {
  content: "\f0f9";
}
.fa-medkit:before {
  content: "\f0fa";
}
.fa-fighter-jet:before {
  content: "\f0fb";
}
.fa-beer:before {
  content: "\f0fc";
}
.fa-h-square:before {
  content: "\f0fd";
}
.fa-plus-square:before {
  content: "\f0fe";
}
.fa-angle-double-left:before {
  content: "\f100";
}
.fa-angle-double-right:before {
  content: "\f101";
}
.fa-angle-double-up:before {
  content: "\f102";
}
.fa-angle-double-down:before {
  content: "\f103";
}
.fa-angle-left:before {
  content: "\f104";
}
.fa-angle-right:before {
  content: "\f105";
}
.fa-angle-up:before {
  content: "\f106";
}
.fa-angle-down:before {
  content: "\f107";
}
.fa-desktop:before {
  content: "\f108";
}
.fa-laptop:before {
  content: "\f109";
}
.fa-tablet:before {
  content: "\f10a";
}
.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f10b";
}
.fa-circle-o:before {
  content: "\f10c";
}
.fa-quote-left:before {
  content: "\f10d";
}
.fa-quote-right:before {
  content: "\f10e";
}
.fa-spinner:before {
  content: "\f110";
}
.fa-circle:before {
  content: "\f111";
}
.fa-mail-reply:before,
.fa-reply:before {
  content: "\f112";
}
.fa-github-alt:before {
  content: "\f113";
}
.fa-folder-o:before {
  content: "\f114";
}
.fa-folder-open-o:before {
  content: "\f115";
}
.fa-smile-o:before {
  content: "\f118";
}
.fa-frown-o:before {
  content: "\f119";
}
.fa-meh-o:before {
  content: "\f11a";
}
.fa-gamepad:before {
  content: "\f11b";
}
.fa-keyboard-o:before {
  content: "\f11c";
}
.fa-flag-o:before {
  content: "\f11d";
}
.fa-flag-checkered:before {
  content: "\f11e";
}
.fa-terminal:before {
  content: "\f120";
}
.fa-code:before {
  content: "\f121";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\f122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\f123";
}
.fa-location-arrow:before {
  content: "\f124";
}
.fa-crop:before {
  content: "\f125";
}
.fa-code-fork:before {
  content: "\f126";
}
.fa-unlink:before,
.fa-chain-broken:before {
  content: "\f127";
}
.fa-question:before {
  content: "\f128";
}
.fa-info:before {
  content: "\f129";
}
.fa-exclamation:before {
  content: "\f12a";
}
.fa-superscript:before {
  content: "\f12b";
}
.fa-subscript:before {
  content: "\f12c";
}
.fa-eraser:before {
  content: "\f12d";
}
.fa-puzzle-piece:before {
  content: "\f12e";
}
.fa-microphone:before {
  content: "\f130";
}
.fa-microphone-slash:before {
  content: "\f131";
}
.fa-shield:before {
  content: "\f132";
}
.fa-calendar-o:before {
  content: "\f133";
}
.fa-fire-extinguisher:before {
  content: "\f134";
}
.fa-rocket:before {
  content: "\f135";
}
.fa-maxcdn:before {
  content: "\f136";
}
.fa-chevron-circle-left:before {
  content: "\f137";
}
.fa-chevron-circle-right:before {
  content: "\f138";
}
.fa-chevron-circle-up:before {
  content: "\f139";
}
.fa-chevron-circle-down:before {
  content: "\f13a";
}
.fa-html5:before {
  content: "\f13b";
}
.fa-css3:before {
  content: "\f13c";
}
.fa-anchor:before {
  content: "\f13d";
}
.fa-unlock-alt:before {
  content: "\f13e";
}
.fa-bullseye:before {
  content: "\f140";
}
.fa-ellipsis-h:before {
  content: "\f141";
}
.fa-ellipsis-v:before {
  content: "\f142";
}
.fa-rss-square:before {
  content: "\f143";
}
.fa-play-circle:before {
  content: "\f144";
}
.fa-ticket:before {
  content: "\f145";
}
.fa-minus-square:before {
  content: "\f146";
}
.fa-minus-square-o:before {
  content: "\f147";
}
.fa-level-up:before {
  content: "\f148";
}
.fa-level-down:before {
  content: "\f149";
}
.fa-check-square:before {
  content: "\f14a";
}
.fa-pencil-square:before {
  content: "\f14b";
}
.fa-external-link-square:before {
  content: "\f14c";
}
.fa-share-square:before {
  content: "\f14d";
}
.fa-compass:before {
  content: "\f14e";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\f150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\f151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\f152";
}
.fa-euro:before,
.fa-eur:before {
  content: "\f153";
}
.fa-gbp:before {
  content: "\f154";
}
.fa-dollar:before,
.fa-usd:before {
  content: "\f155";
}
.fa-rupee:before,
.fa-inr:before {
  content: "\f156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\f157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\f158";
}
.fa-won:before,
.fa-krw:before {
  content: "\f159";
}
.fa-bitcoin:before,
.fa-btc:before {
  content: "\f15a";
}
.fa-file:before {
  content: "\f15b";
}
.fa-file-text:before {
  content: "\f15c";
}
.fa-sort-alpha-asc:before {
  content: "\f15d";
}
.fa-sort-alpha-desc:before {
  content: "\f15e";
}
.fa-sort-amount-asc:before {
  content: "\f160";
}
.fa-sort-amount-desc:before {
  content: "\f161";
}
.fa-sort-numeric-asc:before {
  content: "\f162";
}
.fa-sort-numeric-desc:before {
  content: "\f163";
}
.fa-thumbs-up:before {
  content: "\f164";
}
.fa-thumbs-down:before {
  content: "\f165";
}
.fa-youtube-square:before {
  content: "\f166";
}
.fa-youtube:before {
  content: "\f167";
}
.fa-xing:before {
  content: "\f168";
}
.fa-xing-square:before {
  content: "\f169";
}
.fa-youtube-play:before {
  content: "\f16a";
}
.fa-dropbox:before {
  content: "\f16b";
}
.fa-stack-overflow:before {
  content: "\f16c";
}
.fa-instagram:before {
  content: "\f16d";
}
.fa-flickr:before {
  content: "\f16e";
}
.fa-adn:before {
  content: "\f170";
}
.fa-bitbucket:before {
  content: "\f171";
}
.fa-bitbucket-square:before {
  content: "\f172";
}
.fa-tumblr:before {
  content: "\f173";
}
.fa-tumblr-square:before {
  content: "\f174";
}
.fa-long-arrow-down:before {
  content: "\f175";
}
.fa-long-arrow-up:before {
  content: "\f176";
}
.fa-long-arrow-left:before {
  content: "\f177";
}
.fa-long-arrow-right:before {
  content: "\f178";
}
.fa-apple:before {
  content: "\f179";
}
.fa-windows:before {
  content: "\f17a";
}
.fa-android:before {
  content: "\f17b";
}
.fa-linux:before {
  content: "\f17c";
}
.fa-dribbble:before {
  content: "\f17d";
}
.fa-skype:before {
  content: "\f17e";
}
.fa-foursquare:before {
  content: "\f180";
}
.fa-trello:before {
  content: "\f181";
}
.fa-female:before {
  content: "\f182";
}
.fa-male:before {
  content: "\f183";
}
.fa-gittip:before {
  content: "\f184";
}
.fa-sun-o:before {
  content: "\f185";
}
.fa-moon-o:before {
  content: "\f186";
}
.fa-archive:before {
  content: "\f187";
}
.fa-bug:before {
  content: "\f188";
}
.fa-vk:before {
  content: "\f189";
}
.fa-weibo:before {
  content: "\f18a";
}
.fa-renren:before {
  content: "\f18b";
}
.fa-pagelines:before {
  content: "\f18c";
}
.fa-stack-exchange:before {
  content: "\f18d";
}
.fa-arrow-circle-o-right:before {
  content: "\f18e";
}
.fa-arrow-circle-o-left:before {
  content: "\f190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\f191";
}
.fa-dot-circle-o:before {
  content: "\f192";
}
.fa-wheelchair:before {
  content: "\f193";
}
.fa-vimeo-square:before {
  content: "\f194";
}
.fa-turkish-lira:before,
.fa-try:before {
  content: "\f195";
}
.fa-plus-square-o:before {
  content: "\f196";
}
.fa-space-shuttle:before {
  content: "\f197";
}
.fa-slack:before {
  content: "\f198";
}
.fa-envelope-square:before {
  content: "\f199";
}
.fa-wordpress:before {
  content: "\f19a";
}
.fa-openid:before {
  content: "\f19b";
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "\f19c";
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "\f19d";
}
.fa-yahoo:before {
  content: "\f19e";
}
.fa-google:before {
  content: "\f1a0";
}
.fa-reddit:before {
  content: "\f1a1";
}
.fa-reddit-square:before {
  content: "\f1a2";
}
.fa-stumbleupon-circle:before {
  content: "\f1a3";
}
.fa-stumbleupon:before {
  content: "\f1a4";
}
.fa-delicious:before {
  content: "\f1a5";
}
.fa-digg:before {
  content: "\f1a6";
}
.fa-pied-piper:before {
  content: "\f1a7";
}
.fa-pied-piper-alt:before {
  content: "\f1a8";
}
.fa-drupal:before {
  content: "\f1a9";
}
.fa-joomla:before {
  content: "\f1aa";
}
.fa-language:before {
  content: "\f1ab";
}
.fa-fax:before {
  content: "\f1ac";
}
.fa-building:before {
  content: "\f1ad";
}
.fa-child:before {
  content: "\f1ae";
}
.fa-paw:before {
  content: "\f1b0";
}
.fa-spoon:before {
  content: "\f1b1";
}
.fa-cube:before {
  content: "\f1b2";
}
.fa-cubes:before {
  content: "\f1b3";
}
.fa-behance:before {
  content: "\f1b4";
}
.fa-behance-square:before {
  content: "\f1b5";
}
.fa-steam:before {
  content: "\f1b6";
}
.fa-steam-square:before {
  content: "\f1b7";
}
.fa-recycle:before {
  content: "\f1b8";
}
.fa-automobile:before,
.fa-car:before {
  content: "\f1b9";
}
.fa-cab:before,
.fa-taxi:before {
  content: "\f1ba";
}
.fa-tree:before {
  content: "\f1bb";
}
.fa-spotify:before {
  content: "\f1bc";
}
.fa-deviantart:before {
  content: "\f1bd";
}
.fa-soundcloud:before {
  content: "\f1be";
}
.fa-database:before {
  content: "\f1c0";
}
.fa-file-pdf-o:before {
  content: "\f1c1";
}
.fa-file-word-o:before {
  content: "\f1c2";
}
.fa-file-excel-o:before {
  content: "\f1c3";
}
.fa-file-powerpoint-o:before {
  content: "\f1c4";
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "\f1c5";
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "\f1c6";
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "\f1c7";
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "\f1c8";
}
.fa-file-code-o:before {
  content: "\f1c9";
}
.fa-vine:before {
  content: "\f1ca";
}
.fa-codepen:before {
  content: "\f1cb";
}
.fa-jsfiddle:before {
  content: "\f1cc";
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "\f1cd";
}
.fa-circle-o-notch:before {
  content: "\f1ce";
}
.fa-ra:before,
.fa-rebel:before {
  content: "\f1d0";
}
.fa-ge:before,
.fa-empire:before {
  content: "\f1d1";
}
.fa-git-square:before {
  content: "\f1d2";
}
.fa-git:before {
  content: "\f1d3";
}
.fa-hacker-news:before {
  content: "\f1d4";
}
.fa-tencent-weibo:before {
  content: "\f1d5";
}
.fa-qq:before {
  content: "\f1d6";
}
.fa-wechat:before,
.fa-weixin:before {
  content: "\f1d7";
}
.fa-send:before,
.fa-paper-plane:before {
  content: "\f1d8";
}
.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "\f1d9";
}
.fa-history:before {
  content: "\f1da";
}
.fa-circle-thin:before {
  content: "\f1db";
}
.fa-header:before {
  content: "\f1dc";
}
.fa-paragraph:before {
  content: "\f1dd";
}
.fa-sliders:before {
  content: "\f1de";
}
.fa-share-alt:before {
  content: "\f1e0";
}
.fa-share-alt-square:before {
  content: "\f1e1";
}
.fa-bomb:before {
  content: "\f1e2";
}
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "\f1e3";
}
.fa-tty:before {
  content: "\f1e4";
}
.fa-binoculars:before {
  content: "\f1e5";
}
.fa-plug:before {
  content: "\f1e6";
}
.fa-slideshare:before {
  content: "\f1e7";
}
.fa-twitch:before {
  content: "\f1e8";
}
.fa-yelp:before {
  content: "\f1e9";
}
.fa-newspaper-o:before {
  content: "\f1ea";
}
.fa-wifi:before {
  content: "\f1eb";
}
.fa-calculator:before {
  content: "\f1ec";
}
.fa-paypal:before {
  content: "\f1ed";
}
.fa-google-wallet:before {
  content: "\f1ee";
}
.fa-cc-visa:before {
  content: "\f1f0";
}
.fa-cc-mastercard:before {
  content: "\f1f1";
}
.fa-cc-discover:before {
  content: "\f1f2";
}
.fa-cc-amex:before {
  content: "\f1f3";
}
.fa-cc-paypal:before {
  content: "\f1f4";
}
.fa-cc-stripe:before {
  content: "\f1f5";
}
.fa-bell-slash:before {
  content: "\f1f6";
}
.fa-bell-slash-o:before {
  content: "\f1f7";
}
.fa-trash:before {
  content: "\f1f8";
}
.fa-copyright:before {
  content: "\f1f9";
}
.fa-at:before {
  content: "\f1fa";
}
.fa-eyedropper:before {
  content: "\f1fb";
}
.fa-paint-brush:before {
  content: "\f1fc";
}
.fa-birthday-cake:before {
  content: "\f1fd";
}
.fa-area-chart:before {
  content: "\f1fe";
}
.fa-pie-chart:before {
  content: "\f200";
}
.fa-line-chart:before {
  content: "\f201";
}
.fa-lastfm:before {
  content: "\f202";
}
.fa-lastfm-square:before {
  content: "\f203";
}
.fa-toggle-off:before {
  content: "\f204";
}
.fa-toggle-on:before {
  content: "\f205";
}
.fa-bicycle:before {
  content: "\f206";
}
.fa-bus:before {
  content: "\f207";
}
.fa-ioxhost:before {
  content: "\f208";
}
.fa-angellist:before {
  content: "\f209";
}
.fa-cc:before {
  content: "\f20a";
}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "\f20b";
}
.fa-meanpath:before {
  content: "\f20c";
}
</style><style style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;" >
@font-face {
  font-family: XInterstate;
  src: url('https://newsletterstage.ulyssesapp.com/utils/fonts/interstate-light.otf');
}
@font-face {
  font-family: XInterstate;
  font-weight: bold;
  src: url('https://newsletterstage.ulyssesapp.com/utils/fonts/interstate-regular.otf');
}
@font-face {
  font-family: XInterstate;
  font-weight: bold;
  font-style: italic;
  src: url('https://newsletterstage.ulyssesapp.com/utils/fonts/interstate-regularitalic.otf');
}
@font-face {
  font-family: XInterstate;
  font-style: italic;
  src: url('https://newsletterstage.ulyssesapp.com/utils/fonts/interstate-lightitalic.otf');
}
@font-face {
  font-family: XNoir;
  src: url('https://newsletterstage.ulyssesapp.com/utils/fonts/noir-medium.otf');
}
html,
.background {
  background: #F6F4F8;
}
body {
  color: #4F5871;
  background: #F6F4F8;
  width: 100%;
  font-family: XInterstate, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 28px;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media only screen and (max-width: 720px) {
  body {
    font-size: 15px !important;
    line-height: 24px !important;
  }
}
* {
  margin: 0;
  padding: 0;
}
blockquote {
  text-align: center;
  font-size: 25px;
  line-height: 34px;
  padding-top: 30px;
  padding-bottom: 22px;
}
@media only screen and (max-width: 720px) {
  blockquote {
    font-size: 23px !important;
    line-height: 32px !important;
  }
}
blockquote h1 {
  font-family: serif;
  font-weight: bold;
  font-size: 50px;
}
@media only screen and (max-width: 720px) {
  blockquote h1 {
    font-size: 48px !important;
  }
}
blockquote p {
  margin-bottom: 20px;
}
@media only screen and (max-width: 720px) {
  blockquote p {
    margin-bottom: 18px !important;
  }
}
blockquote cite {
  font-size: 16px;
  line-height: 28px;
  font-style: normal;
}
@media only screen and (max-width: 720px) {
  blockquote cite {
    font-size: 18px !important;
    line-height: 30px !important;
  }
}
.article {
  margin: 0 auto;
  max-width: 700px;
  background: white;
}
span.previewText {
  display: block;
  position: fixed;
  height: 1px;
  width: 1px;
  min-height: 1px;
  min-width: 1px;
  max-height: 1px;
  max-width: 1px;
  overflow: hidden;
}
.background > .footer {
  margin: 0px auto;
  max-width: 700px;
  font-size: 11px;
  font-weight: normal;
  padding: 20px;
  color: #a0a0a0;
  text-align: center;
}
.background > .footer .left,
.background > .footer .right {
  display: inline-block;
}
@media only screen and (max-width: 720px) {
  .background > .footer .left,
  .background > .footer .right {
    display: block !important;
    margin-top: 0px !important;
  }
}
.background > .footer .left {
  margin-right: 50px;
}
@media only screen and (max-width: 720px) {
  .background > .footer .left {
    margin-right: 0px !important;
  }
}
.background > .footer a,
.background > .footer a:visited,
.background > .footer a:hover {
  color: #a0a0a0;
  font-weight: normal;
}
h1 {
  font-size: 68px;
  font-weight: normal;
}
@media only screen and (max-width: 720px) {
  h1 {
    font-size: 50px !important;
  }
}
hr {
  margin: 50px 0;
  border: none;
  height: 1px;
  background: #eee;
  clear: both;
}
@media only screen and (max-width: 720px) {
  hr {
    margin: 40px 0 !important;
  }
}
h2 {
  font-size: 38px;
  line-height: 45.6px;
  margin-bottom: 20px;
  font-weight: normal;
  color: #EB2866;
}
@media only screen and (max-width: 720px) {
  h2 {
    font-size: 32px !important;
    line-height: 36px !important;
    margin-bottom: 18px !important;
  }
}
h3 {
  margin: auto;
  font-weight: bold;
  font-size: 35px;
  line-height: 1.2;
  margin-bottom: 40px;
  color: #EB2866;
  text-align: center;
  max-width: 500px;
}
@media only screen and (max-width: 720px) {
  h3 {
    font-size: 22px !important;
    margin-bottom: 20px !important;
  }
}
h4 {
  margin: auto;
  font-weight: bold;
  font-size: 28px;
  line-height: 1.2;
  margin-bottom: 40px;
  color: #EB2866;
  text-align: center;
  max-width: 500px;
}
@media only screen and (max-width: 720px) {
  h4 {
    font-size: 18px !important;
    margin-bottom: 20px !important;
  }
}
h5 {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 25px;
  color: #EB2866;
}
h5.category {
  color: #4F5871;
  text-align: center;
}
h5 a {
  color: #4F5871;
}
@media only screen and (max-width: 720px) {
  h5 {
    font-size: 18px !important;
    margin-bottom: 20px !important;
  }
}
div + h4 {
  margin-top: 32px;
}
a {
  text-decoration: none;
  color: #EB2866;
  font-weight: bold;
}
a.button {
  font-size: 20px;
  color: white;
  display: inline-block;
  padding: 10px 0;
  background: #EB2866;
  width: 100%;
  max-width: 350px;
  text-align: center;
  border-radius: 5px;
}
a.button:before {
  content: ' ';
  display: block;
  height: 2px;
}
@media only screen and (max-width: 720px) {
  a.button {
    font-size: 18px !important;
    padding: 6px 0 !important;
    margin: 20px 0 !important;
  }
}
a.smallButton {
  font-size: 20px;
  color: white;
  display: inline-block;
  padding: 10px 0;
  background: #EB2866;
  width: 50%;
  max-width: 240px;
  text-align: center;
  border-radius: 5px;
  margin-right: 20px;
}
a.smallButton:before {
  content: ' ';
  display: block;
  height: 2px;
}
@media only screen and (max-width: 720px) {
  a.smallButton {
    display: block !important;
    width: 100% !important;
    max-width: 350px !important;
    font-size: 18px !important;
    padding: 6px 0 !important;
    margin: 20px auto !important;
  }
}
.buttonArea {
  text-align: center;
  margin: 20px 0;
}
@media only screen and (max-width: 720px) {
  .buttonArea {
    margin: 18px 0 !important;
  }
}
p {
  margin-bottom: 20px;
}
@media only screen and (max-width: 720px) {
  p {
    margin-bottom: 10px !important;
  }
}
hr + p {
  margin-bottom: 10px;
}
.footer .nav {
  background: #222326;
  color: #B5B5B5;
  font-size: 11px;
  font-weight: bold;
  padding-left: 36px;
}
@media only screen and (max-width: 720px) {
  .footer .nav {
    text-align: center !important;
    margin: auto !important;
    padding: 0 !important;
  }
}
.footer .nav .footerMenu {
  float: left;
  padding-top: 10px;
}
@media only screen and (max-width: 375px) {
  .footer .nav .footerMenu {
    display: block !important;
    text-align: center !important;
    marign: auto !important;
    float: none !important;
  }
  .footer .nav .sep.middle {
    display: block !important;
    height: 0px !important;
  }
}
.footer .nav ul {
  float: right;
  padding-top: 10px;
  padding-bottom: 10px;
}
@media only screen and (max-width: 600px) {
  .footer .nav .footerMenu {
    margin: auto !important;
    text-align: center !important;
    float: none !important;
    display: block !important;
  }
  .footer .nav ul {
    margin: auto !important;
    text-align: center !important;
    float: none !important;
    display: block !important;
    width: 100% !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
}
code {
  font-family: Menlo, Courier;
  font-size: 18px;
  color: #f17f65;
  letter-spacing: 2px;
  background-color: #f0f0f0;
  padding-left: 4px;
  padding-right: 2px;
  padding-top: 2px;
  padding-bottom: 2px;
  border-radius: 2px;
}
@media only screen and (max-width: 720px) {
  code {
    font-size: 14px !important;
  }
}
.topLink {
  background: #F6F4F8;
  color: #a0a0a0;
  font-weight: bold;
  font-size: 11px;
  margin: auto;
  padding-top: 8px;
  padding-bottom: 8px;
}
.topLink a,
.topLink a:visited,
.topLink a:hover {
  color: #a0a0a0;
}
@media only screen and (max-width: 720px) {
  .topLink {
    text-align: center !important;
  }
}
.nav {
  font-size: 12px;
  color: #a7acb8;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
.nav .sep {
  display: inline-block;
  height: 12px;
  width: 1px;
  margin: 0 5px;
  position: relative;
  top: 2px;
  background: #AEAEA0;
}
.nav a {
  color: inherit;
}
.nav .titleArea {
  background: #222326;
  color: white;
  padding: 0;
  height: 68px;
  width: 450px;
  float: left;
}
@media only screen and (max-width: 668px) {
  .nav .titleArea {
    width: 420px !important;
  }
}
@media only screen and (max-width: 568px) {
  .nav .titleArea {
    width: 340px !important;
  }
}
@media only screen and (max-width: 480px) {
  .nav .titleArea {
    width: 100% !important;
  }
}
.nav .titleArea .newsletterTitle {
  padding-left: 36px;
  padding-top: 10px;
  padding-bottom: 10px;
}
@media only screen and (max-width: 480px) {
  .nav .titleArea .newsletterTitle {
    padding-left: 25px !important;
  }
}
.nav .titleArea .newsletterTitle .newsletterName {
  font-size: 21px;
  font-weight: bold;
  line-height: 30px;
}
.nav .titleArea .newsletterTitle .newsletterIssue {
  font-size: 15px;
  font-weight: bold;
  line-height: 15px;
}
@media only screen and (max-width: 480px) {
  .nav .titleArea {
    float: none !important;
  }
}
.nav ul {
  float: right;
  margin: 0;
  margin-left: 36px;
  margin-right: 36px;
  padding-top: 24px;
  line-height: 1;
  color: #cacdd4;
}
.nav ul li {
  margin: 0;
  margin-right: 31px;
  list-style: none;
  display: inline-block;
}
.nav ul li img {
  height: 24px;
  max-height: 24px;
}
.nav ul li.last {
  margin-right: 0px;
}
.nav ul .fa-ulysses {
  position: relative;
  top: 1px;
}
.nav ul .fa-facebook {
  position: relative;
  top: 0px;
}
.nav ul .fa-twitter {
  position: relative;
  top: 1px;
}
.nav ul .fa-envelope {
  position: relative;
  top: 1px;
}
@media only screen and (max-width: 480px) {
  .nav ul {
    float: none !important;
    text-align: left !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    margin-left: 25px !important;
  }
}
.clear {
  clear: both;
}
.headerImage {
  background: url('http://i1.createsend1.com/ei/r/47/5AE/583/233323/csimport/head_1.jpg') center center no-repeat;
  background-size: cover !important;
  
  image-rendering: auto;
  height: 300px;
  text-align: center;
}
@media only screen and (max-width: 700px) {
  .headerImage {
    background-size: cover !important;
    height: 200px !important;
  }
}
.tagline {
  font-family: XNoir, Helvetica, sans-serif;
  font-size: 38px;
  line-height: 1.5;
  padding-left: 58px;
  padding-right: 58px;
  padding-top: 30px;
  padding-bottom: 20px;
  text-align: center;
  color: #4E3471;
  background: #FFFFFF;
}
@media only screen and (max-width: 720px) {
  .tagline {
    font-size: 36px;
  }
}
img.full {
  width: 700px;
}
.section {
  padding-top: 50px;
  padding-bottom: 50px;
  padding-left: 58px;
  padding-right: 58px;
}
@media only screen and (max-width: 720px) {
  .section {
    padding: 25px 8% !important;
  }
}
@media only screen and (max-width: 374px) {
  .section .left {
    margin: auto !important;
  }
}
.section .left img {
  float: left;
  margin-right: 20px;
  margin-top: 4px;
}
@media only screen and (max-width: 480px) {
  .section .left img {
    display: block !important;
    float: none !important;
    margin: auto !important;
    padding-top: 30px !important;
  }
}
.section .left img.noborder {
  border-right: none;
}
.section .left h3,
.section .left h4,
.section .left h5 {
  text-align: left !important;
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 15px;
}
@media only screen and (max-width: 480px) {
  .section .left h3,
  .section .left h4,
  .section .left h5 {
    margin-bottom: 5px !important;
  }
}
@media only screen and (max-width: 374px) {
  .section .right {
    margin: auto !important;
  }
}
.section .right img {
  float: right;
  margin-left: 12px;
  margin-top: 4px;
}
@media only screen and (max-width: 720px) {
  .section .right img {
    margin-right: 18px !important;
  }
}
@media only screen and (max-width: 480px) {
  .section .right img {
    display: block !important;
    float: none !important;
    margin: auto !important;
    margin-bottom: 40px !important;
  }
}
.section .right img.noborder {
  border-right: none;
}
.section .right h3,
.section .right h4,
.section .right h5 {
  text-align: left !important;
  width: auto;
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 15px;
}
@media only screen and (max-width: 480px) {
  .section .right h3,
  .section .right h4,
  .section .right h5 {
    margin-bottom: 5px !important;
  }
}
.section .left > *:last-child,
.section .right > *:last-child {
  margin-bottom: 0;
}
.section .left:after,
.section .right:after {
  content: ' ';
  display: block;
  clear: both;
}
.section .left + .left {
  margin-top: 18px;
}
.section .right + .right {
  margin-top: 18px;
}
.section .split-30 img {
  width: 192px;
  max-width: 100%;
}
@media only screen and (max-width: 480px) {
  .section .split-30 img {
    width: auto !important;
  }
}
@media only screen and (max-width: 480px) {
  .section .split-30 {
    border-top: 1px solid #eee;
    padding-bottom: 20px;
  }
}
.section .split-50 img {
  width: 298px;
  max-width: 100%;
  margin-bottom: 10px;
}
@media only screen and (max-width: 480px) {
  .section .split-50 img {
    width: auto !important;
  }
}
.section .two-col {
  width: 50%;
  float: left;
  padding: 0 5%;
  width: 40%;
  margin-top: 20px;
}
@media only screen and (max-width: 480px) {
  .section .two-col {
    width: auto !important;
  }
}
.section .two-col img {
  margin-bottom: 0;
}
.section .two-col > .buttonArea {
  margin-top: 0 !important;
}
.section img {
  max-width: 100%;
  margin-bottom: 30px;
}
.section img.centered {
  float: none;
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}
@media only screen and (max-width: 480px) {
  .section a img {
    margin: 30px auto;
  }
}
.section .highlight {
  margin-top: 50px;
  padding-top: 50px;
  padding-bottom: 50px;
  padding-left: 58px;
  padding-right: 58px;
  background-color: #EEEEEE;
}
.section .spacing {
  background-color: red;
  height: 100px;
}
.half {
  width: 298px;
  float: left;
}
.half + .half {
  position: relative;
  left: 20px;
}
ul {
  margin-bottom: 12px;
  margin-top: 12px;
}
ul li {
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 3px;
}
ul li p {
  margin-bottom: 12px;
}
img.framedImage {
  border: 1px solid #cacdd4;
}
#-special-offer-articlelink- {
  margin-top: 50px;
}
div.tagline {
  padding-bottom: 20px;
}
@media screen and (max-width: 500px) {
  div.tagline {
    line-height: 1 !important;
  }
}
.section .intro {
  padding-top: 0px;
  padding-left: 0px;
  padding-bottom: 10px;
  padding-right: 0px;
  background: #f4f6f8;
  text-align: center;
}
.section .intro img {
  margin: 0;
}
.section .highlight {
  
  background: #F6F4F8;
  border-radius: 5px;
}
a + h3 {
  margin-top: 30px;
}
p.buttonArea {
  padding-top: 15px;
  padding-bottom: 15px;
}
.nano-space {
  margin-top: 50px;
}
</style><meta name="robots" content="noindex,nofollow"></meta>
<meta property="og:title" content="Ulysses News 1/18"></meta>
</head><body style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;color:#4F5871;background-color:#F6F4F8;background-image:none;background-repeat:repeat;background-position:top left;background-attachment:scroll;width:100%;font-family:XInterstate, Helvetica, sans-serif;font-size:16px;line-height:28px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;" ><span class="previewText" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;display:block;position:fixed;height:1px;width:1px;min-height:1px;min-width:1px;max-height:1px;max-width:1px;overflow:hidden;" ><p 
style="margin-top:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;margin-bottom:20px;" ><em style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;" >Even if 2018 is already a couple of days old, we’re hereby wishing all Ulysses users and readers of this newsletter a happy and healthy year!</em></p>
</span><div class="background" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;background-color:#F6F4F8;background-image:none;background-repeat:repeat;background-position:top left;background-attachment:scroll;" ><div class="topSpacing" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;" ></div><div class="article" style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;margin-top:0;margin-bottom:0;margin-right:auto;margin-left:auto;max-width:700px;background-color:white;background-image:none;background-repeat:repeat;background-position:top left;background-attachment:scroll;" ><div class="topLink" 
style="padding-right:0;padding-left:0;background-color:#F6F4F8;background-image:none;background-repeat:repeat;background-position:top left;background-attachment:scroll;color:#a0a0a0;font-weight:bold;font-size:11px;margin-top:auto;margin-bottom:auto;margin-right:auto;margin-left:auto;padding-top:8px;padding-bottom:8px;" ><a href="#" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;text-decoration:none;font-weight:bold;color:#a0a0a0;" >View Web Version</a></div><div class="header" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;" ><div class="nav" 
style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;font-size:12px;color:#a7acb8;padding-top:0px;padding-bottom:0px;padding-left:0px;padding-right:0px;" ><div class="titleArea" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;background-color:#222326;background-image:none;background-repeat:repeat;background-position:top left;background-attachment:scroll;color:white;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;height:68px;width:450px;float:left;" ><div class="newsletterTitle" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-right:0;padding-left:36px;padding-top:10px;padding-bottom:10px;" ><div class="newsletterName" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;font-size:21px;font-weight:bold;line-height:30px;" >Ulysses News</div><div 
class="newsletterIssue" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;font-size:15px;font-weight:bold;line-height:15px;" >Issue 1/18</div></div></div><ul style="padding-bottom:0;padding-right:0;padding-left:0;float:right;margin-top:0;margin-bottom:0;margin-right:36px;margin-left:36px;padding-top:24px;line-height:1;color:#cacdd4;" ><li style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;margin-top:0;margin-bottom:0;margin-right:31px;margin-left:0;list-style-type:none;list-style-position:outside;list-style-image:none;display:inline-block;" ><a href="http://email.the-soulmen.com/t/r-l-jrdjuyid-iijdllhikr-r/" 
style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;text-decoration:none;font-weight:bold;color:inherit;" ><img src="http://i2.createsend1.com/ei/r/47/5AE/583/233323/csimport/ulysses_2.png" class="fa-ulysses" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;height:24px;max-height:24px;position:relative;top:1px;" /></a></li><li style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;margin-top:0;margin-bottom:0;margin-right:31px;margin-left:0;list-style-type:none;list-style-position:outside;list-style-image:none;display:inline-block;" ><a href="http://email.the-soulmen.com/t/r-l-jrdjuyid-iijdllhikr-y/" 
style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;text-decoration:none;font-weight:bold;color:inherit;" ><img src="http://i3.createsend1.com/ei/r/47/5AE/583/233323/csimport/fa-twitter_3.png" class="fa-twitter" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;height:24px;max-height:24px;position:relative;top:1px;" /></a></li><li style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;margin-top:0;margin-bottom:0;margin-right:31px;margin-left:0;list-style-type:none;list-style-position:outside;list-style-image:none;display:inline-block;" ><a href="http://email.the-soulmen.com/t/r-l-jrdjuyid-iijdllhikr-j/" 
style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;text-decoration:none;font-weight:bold;color:inherit;" ><img src="http://i4.createsend1.com/ei/r/47/5AE/583/233323/csimport/fa-facebook_4.png" class="fa-facebook" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;height:24px;max-height:24px;position:relative;top:0px;" /></a></li><li class="last" style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;margin-top:0;margin-bottom:0;margin-left:0;list-style-type:none;list-style-position:outside;list-style-image:none;display:inline-block;margin-right:0px;" ><a href="mailto:?to=Ulysses%20Team&lt;mail@ulyssesapp.com&gt;&amp;subject=Re%3A Ulysses News 1 %2F 18" 
style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;text-decoration:none;font-weight:bold;color:inherit;" ><img src="http://i5.createsend1.com/ei/r/47/5AE/583/233323/csimport/email_5.png" class="fa-envelope" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;height:24px;max-height:24px;position:relative;top:1px;" /></a></li></ul><div class="clear" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;clear:both;" ></div></div></div><div class="headerImage" 
style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;background-color:transparent;background-image:url('http://i1.createsend1.com/ei/r/47/5AE/583/233323/csimport/head_1.jpg');background-repeat:no-repeat;background-position:center center;background-attachment:scroll;background-size:cover !important;image-rendering:auto;height:300px;text-align:center;" ></div><div class="tagline" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;font-family:XNoir, Helvetica, sans-serif;font-size:38px;line-height:1.5;padding-left:58px;padding-right:58px;padding-top:30px;text-align:center;color:#4E3471;background-color:#FFFFFF;background-image:none;background-repeat:repeat;background-position:top left;background-attachment:scroll;padding-bottom:20px;" >New Year’s Resolution: Become a Better Writer/Writing 
App
</div><div class="section" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:50px;padding-bottom:50px;padding-left:58px;padding-right:58px;" ><p style="margin-top:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;margin-bottom:20px;" >Even if 2018 is already a couple of days old, we’re hereby wishing all Ulysses users and readers of this newsletter a happy and healthy year! Good luck with achieving the goals you’ve set yourself. In case any of them is related to writing, we hope you’ll find a supportive companion in Ulysses! Our own new year’s resolution is the same as last year and the one before: Make Ulysses a better writing app.</p>
<p style="margin-top:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;margin-bottom:20px;" >Enjoy reading, and enjoy writing!</p>
<hr style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;margin-top:50px;margin-bottom:50px;margin-right:0;margin-left:0;border-style:none;height:1px;background-color:#eee;background-image:none;background-repeat:repeat;background-position:top left;background-attachment:scroll;clear:both;" ><h5 class="category" style="margin-top:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;font-size:16px;font-weight:bold;margin-bottom:25px;color:#4F5871;text-align:center;" >Background</h5><h3 id="-5-out-of-more-than-100-behind-the-scenes-of-ulysses-12-2-articlelink-" style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;margin-top:auto;margin-bottom:40px;margin-right:auto;margin-left:auto;font-weight:bold;font-size:35px;line-height:1.2;color:#EB2866;text-align:center;max-width:500px;" ><a 
href="http://email.the-soulmen.com/t/r-l-jrdjuyid-iijdllhikr-t/" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;text-decoration:none;color:#EB2866;font-weight:bold;" >5 Out of More Than 100: Behind the Scenes of Ulysses 12.2</a></h3>
<a href="http://email.the-soulmen.com/t/r-l-jrdjuyid-iijdllhikr-i/" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;text-decoration:none;color:#EB2866;font-weight:bold;" ><img src="http://i6.createsend1.com/ei/r/47/5AE/583/233323/csimport/update_6.jpg" title="Ulysses 12.2 Title Image’ Main Design Guidelines" style="margin-top:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;max-width:100%;margin-bottom:30px;" /></a><p style="margin-top:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;margin-bottom:20px;" >In December, we released Ulysses 12.2 with well over 100 improvements and bug fixes, mostly ironing out smaller annoyances, or slightly tuning existing features. Most of you probably didn’t 
notice a thing – because you never experienced any of the problems we have solved, or you never use the features we improved, or because the change is so minimal that you just wouldn’t notice.
As we nevertheless spent a huge amount of time on all these tiny fixes, we’ve decided to take the opportunity and give you a small behind-the-scenes-look: We walk you through five of the recent changes, which small subset of users they affected, and what it took to actually fix each issue in order to improve Ulysses for this particular group of users. <a href="http://email.the-soulmen.com/t/r-l-jrdjuyid-iijdllhikr-d/" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;text-decoration:none;color:#EB2866;font-weight:bold;" >Read more…</a>.</p>
<hr style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;margin-top:50px;margin-bottom:50px;margin-right:0;margin-left:0;border-style:none;height:1px;background-color:#eee;background-image:none;background-repeat:repeat;background-position:top left;background-attachment:scroll;clear:both;" ><h5 class="category" style="margin-top:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;font-size:16px;font-weight:bold;margin-bottom:25px;color:#4F5871;text-align:center;" >Do You Write?</h5><h3 id="-it-s-hard-to-love-reading-and-not-also-want-to-write-articlelink-" style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;margin-top:auto;margin-bottom:40px;margin-right:auto;margin-left:auto;font-weight:bold;font-size:35px;line-height:1.2;color:#EB2866;text-align:center;max-width:500px;" ><a 
href="http://email.the-soulmen.com/t/r-l-jrdjuyid-iijdllhikr-h/" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;text-decoration:none;color:#EB2866;font-weight:bold;" >“It’s Hard to Love Reading and Not Also Want to Write”</a></h3>
<a href="http://email.the-soulmen.com/t/r-l-jrdjuyid-iijdllhikr-k/" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;text-decoration:none;color:#EB2866;font-weight:bold;" ><img src="http://i7.createsend1.com/ei/r/47/5AE/583/233323/csimport/ashley-warren_7.jpg" title="Ashley Warren Portrait" style="margin-top:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;max-width:100%;margin-bottom:30px;" /></a><p style="margin-top:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;margin-bottom:20px;" >Ashley Warren’s world is about writing. As a content and research strategist, she composes blog posts, newsletters, social media posts, and white papers. As a creative writer, she lets mostly female 
protagonists embark to fantastic adventures in imaginary worlds. In our interview, she talks about how she got into writing, self-publishing, as well as her routines and workflows. <a href="http://email.the-soulmen.com/t/r-l-jrdjuyid-iijdllhikr-u/" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;text-decoration:none;color:#EB2866;font-weight:bold;" >Read more…</a></p>
<a href="http://email.the-soulmen.com/t/r-l-jrdjuyid-iijdllhikr-o/" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;text-decoration:none;color:#EB2866;font-weight:bold;" ><img src="http://i8.createsend1.com/ei/r/47/5AE/583/233323/csimport/ashley-warren-2_8.jpg" title="Ulysses Screenshot" style="margin-top:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;max-width:100%;margin-bottom:30px;" /></a><blockquote style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-right:0;padding-left:0;text-align:center;font-size:25px;line-height:34px;padding-top:30px;padding-bottom:22px;" >
<h1 id="-" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;font-family:serif;font-weight:bold;font-size:50px;" >”</h1>
<p style="margin-top:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;margin-bottom:20px;" >“My favorite feature is hands-down the word goal.<br style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;" >
I like seeing how close I am to my target word count without it being an intrusive counter.”</p>
<p style="margin-top:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;margin-bottom:20px;" ><cite style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;font-size:16px;line-height:28px;font-style:normal;" >Ashley Warren</cite></p>
</blockquote>
<hr style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;margin-top:50px;margin-bottom:50px;margin-right:0;margin-left:0;border-style:none;height:1px;background-color:#eee;background-image:none;background-repeat:repeat;background-position:top left;background-attachment:scroll;clear:both;" ><h5 class="category" style="margin-top:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;font-size:16px;font-weight:bold;margin-bottom:25px;color:#4F5871;text-align:center;" >Tips & Tricks</h5><h3 id="-comments-annotations-notes-articlelink-" style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;margin-top:auto;margin-bottom:40px;margin-right:auto;margin-left:auto;font-weight:bold;font-size:35px;line-height:1.2;color:#EB2866;text-align:center;max-width:500px;" ><a 
href="http://email.the-soulmen.com/t/r-l-jrdjuyid-iijdllhikr-b/" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;text-decoration:none;color:#EB2866;font-weight:bold;" >Comments, Annotations, Notes</a></h3>
<a href="http://email.the-soulmen.com/t/r-l-jrdjuyid-iijdllhikr-n/" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;text-decoration:none;color:#EB2866;font-weight:bold;" ><img src="http://i9.createsend1.com/ei/r/47/5AE/583/233323/csimport/comments_9.jpg" title="Ulysses Comments" style="margin-top:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;max-width:100%;margin-bottom:30px;" /></a><p style="margin-top:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;margin-bottom:20px;" >“This dialogue seems artificial.” – “Is it probable to die from a rattlesnake’s bite?” – Sometimes you will want to add related comments and thoughts to the texts you are writing or editing. In Ulysses, there are 
several ways to do this. In this article, we introduce comments and Co. and give some inspiration on how to make use of them in a writers’ workflow. <a href="http://email.the-soulmen.com/t/r-l-jrdjuyid-iijdllhikr-p/" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;text-decoration:none;color:#EB2866;font-weight:bold;" >Read more…</a></p>
<hr style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;margin-top:50px;margin-bottom:50px;margin-right:0;margin-left:0;border-style:none;height:1px;background-color:#eee;background-image:none;background-repeat:repeat;background-position:top left;background-attachment:scroll;clear:both;" ><h3 id="macstories-app-of-the-year-2017" style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;margin-top:auto;margin-bottom:40px;margin-right:auto;margin-left:auto;font-weight:bold;font-size:35px;line-height:1.2;color:#EB2866;text-align:center;max-width:500px;" >MacStories App of the Year 2017</h3>
<p style="margin-top:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;margin-bottom:20px;" >MacStories, by Federico Viticci &amp; Friends, is one of the leading publications of the Apple-related scene and a great resource for finding high-quality productivity software. We love their uncompromising, opinionated approach, and are honored to be named as their App of the Year, both for iOS and for Mac! </p>
<p style="margin-top:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;margin-bottom:20px;" >We’ve quoted their verdicts below, and highly recommend the articles for those who want to know what else is hot in the world of apps.<br style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;" >
<br style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;" >
</p>
<a href="http://email.the-soulmen.com/t/r-l-jrdjuyid-iijdllhikr-x/" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;text-decoration:none;color:#EB2866;font-weight:bold;" ><img src="http://i10.createsend1.com/ei/r/47/5AE/583/233323/csimport/macstories-1_10.jpg" title="Ulysses Comments" style="margin-top:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;max-width:100%;margin-bottom:30px;" /></a><p style="margin-top:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;margin-bottom:20px;" >“I’ve spent hundreds of hours writing in Ulysses this year. The app is a superb reinvention of Markdown for the modern age of iOS text editing, which enhances the writing experience with features such as inline 
link and footnote editors, smart paste, glued sheets, and filters. Ulysses is more than a plain text editor: it&#39;s a professional writing suite based on plain text and integrated with other iOS apps through automation, drag and drop, and extensions.</p>
<p style="margin-top:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;margin-bottom:20px;" >Ulysses has defined the past year of writing at MacStories: there&#39;s nothing else like it on iOS, and its developers have adopted a business model that allows them to continuously improve, fix, and innovate.</p>
<p style="margin-top:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;margin-bottom:20px;" >Ulysses represents the modern pro app for iOS and, without hesitation, it is my App of the Year.”</p>
<p style="margin-top:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;margin-bottom:20px;" ><a href="http://email.the-soulmen.com/t/r-l-jrdjuyid-iijdllhikr-m/" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;text-decoration:none;color:#EB2866;font-weight:bold;" >Federico Viticci, “My Must-Have iOS Apps, 2017 Edition”</a></p>
<hr style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;margin-top:50px;margin-bottom:50px;margin-right:0;margin-left:0;border-style:none;height:1px;background-color:#eee;background-image:none;background-repeat:repeat;background-position:top left;background-attachment:scroll;clear:both;" ><a href="http://email.the-soulmen.com/t/r-l-jrdjuyid-iijdllhikr-c/" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;text-decoration:none;color:#EB2866;font-weight:bold;" ><img src="http://i1.createsend1.com/ei/r/47/5AE/583/233323/csimport/macstories-2_11.jpg" title="Ulysses Comments" style="margin-top:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;max-width:100%;margin-bottom:30px;" /></a><p 
style="margin-top:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;margin-bottom:20px;" >“There’s no single app I use more than Ulysses. Despite a few eccentricities, the app handles the entire writing process with a simple, elegant design that belies the sophistication that underlies it. I especially like how Ulysses handles Markdown, its ability to hide distracting UI chrome from view, and the WordPress integration.”</p>
<p style="margin-top:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;margin-bottom:20px;" ><a href="http://email.the-soulmen.com/t/r-l-jrdjuyid-iijdllhikr-q/" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;text-decoration:none;color:#EB2866;font-weight:bold;" >John Vorhees, “My Must-Have Mac Apps, 2017 Edition”</a></p>
</div><div class="footer" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;" ><div class="nav" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0px;padding-bottom:0px;padding-right:0px;background-color:#222326;background-image:none;background-repeat:repeat;background-position:top left;background-attachment:scroll;color:#B5B5B5;font-size:11px;font-weight:bold;padding-left:36px;" ><div class="footerMenu" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-bottom:0;padding-right:0;padding-left:0;float:left;padding-top:10px;" ><a href="#" 
style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;text-decoration:none;font-weight:bold;color:inherit;" >View Web Version</a><div class="sep" style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;display:inline-block;height:12px;width:1px;margin-top:0;margin-bottom:0;margin-right:5px;margin-left:5px;position:relative;top:2px;background-color:#AEAEA0;background-image:none;background-repeat:repeat;background-position:top left;background-attachment:scroll;" ></div><a href="#" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;text-decoration:none;font-weight:bold;color:inherit;" >Preferences</a><div class="sep middle" 
style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;display:inline-block;height:12px;width:1px;margin-top:0;margin-bottom:0;margin-right:5px;margin-left:5px;position:relative;top:2px;background-color:#AEAEA0;background-image:none;background-repeat:repeat;background-position:top left;background-attachment:scroll;" ></div><a href="#" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;text-decoration:none;font-weight:bold;color:inherit;" >Unsubscribe</a><div class="sep" 
style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;display:inline-block;height:12px;width:1px;margin-top:0;margin-bottom:0;margin-right:5px;margin-left:5px;position:relative;top:2px;background-color:#AEAEA0;background-image:none;background-repeat:repeat;background-position:top left;background-attachment:scroll;" ></div><a href="h#" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;text-decoration:none;font-weight:bold;color:inherit;" >Forward</a></div><ul style="padding-right:0;padding-left:0;margin-top:0;margin-bottom:0;margin-right:36px;margin-left:36px;line-height:1;color:#cacdd4;float:right;padding-top:10px;padding-bottom:10px;" ><li 
style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;margin-top:0;margin-bottom:0;margin-right:31px;margin-left:0;list-style-type:none;list-style-position:outside;list-style-image:none;display:inline-block;" ><a href="http://email.the-soulmen.com/t/r-l-jrdjuyid-iijdllhikr-a/" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;text-decoration:none;font-weight:bold;color:inherit;" ><img src="http://i2.createsend1.com/ei/r/47/5AE/583/233323/csimport/ulysses_2.png" class="fa-ulysses" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;height:24px;max-height:24px;position:relative;top:1px;" /></a></li><li 
style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;margin-top:0;margin-bottom:0;margin-right:31px;margin-left:0;list-style-type:none;list-style-position:outside;list-style-image:none;display:inline-block;" ><a href="http://email.the-soulmen.com/t/r-l-jrdjuyid-iijdllhikr-f/" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;text-decoration:none;font-weight:bold;color:inherit;" ><img src="http://i3.createsend1.com/ei/r/47/5AE/583/233323/csimport/fa-twitter_3.png" class="fa-twitter" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;height:24px;max-height:24px;position:relative;top:1px;" /></a></li><li 
style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;margin-top:0;margin-bottom:0;margin-right:31px;margin-left:0;list-style-type:none;list-style-position:outside;list-style-image:none;display:inline-block;" ><a href="http://email.the-soulmen.com/t/r-l-jrdjuyid-iijdllhikr-z/" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;text-decoration:none;font-weight:bold;color:inherit;" ><img src="http://i4.createsend1.com/ei/r/47/5AE/583/233323/csimport/fa-facebook_4.png" class="fa-facebook" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;height:24px;max-height:24px;position:relative;top:0px;" /></a></li><li class="last" 
style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;margin-top:0;margin-bottom:0;margin-left:0;list-style-type:none;list-style-position:outside;list-style-image:none;display:inline-block;margin-right:0px;" ><a href="mailto:?to=Ulysses%20Team&lt;mail@ulyssesapp.com&gt;&amp;subject=Re%3A Ulysses News 1 %2F 18" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;text-decoration:none;font-weight:bold;color:inherit;" ><img src="http://i5.createsend1.com/ei/r/47/5AE/583/233323/csimport/email_5.png" class="fa-envelope" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;height:24px;max-height:24px;position:relative;top:1px;" /></a></li></ul><div class="clear" 
style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;clear:both;" ></div></div></div></div><div class="footer" style="margin-top:0px;margin-bottom:0px;margin-right:auto;margin-left:auto;max-width:700px;font-size:11px;font-weight:normal;padding-top:20px;padding-bottom:20px;padding-right:20px;padding-left:20px;color:#a0a0a0;text-align:center;" ><div class="center" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;" >&copy; 2018 Ulysses GmbH & Co. KG | <a href="http://email.the-soulmen.com/t/r-l-jrdjuyid-iijdllhikr-v/" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;text-decoration:none;color:#a0a0a0;font-weight:normal;" 
>Imprint</a></div></div></div></body></html>

            
          
!
999px
🕑 One or more of the npm packages you are using needs to be built. You're the first person to ever need it! We're building it right now and your preview will start updating again when it's ready.

Console