8 min Sunrise blog article theme - oct 2015 h1. sunrise blog article theme - oct 2015 i like this basic but efficient look for an article page. #css - #design - #blogging - #theme http://blog.sunrise.am/post/132088346354/this-is-just-the-beginning-part-2?utm_source=designernews <!DOCTYPE html> <script>var __pbpa = true;</script><script>var translated_warning_string = 'Warning: Never enter your Tumblr password unless \u201chttps://www.tumblr.com/login\u201d\x0ais the address in your web browser.\x0a\x0aYou should also see a green \u201cTumblr, Inc.\u201d identification in the address bar.\x0a\x0aSpammers and other bad guys use fake forms to steal passwords.\x0a\x0aTumblr will never ask you to log in from a user\u2019s blog.\x0a\x0aAre you absolutely sure you want to continue?';</script><script type="text/javascript" language="javascript" src="http://assets.tumblr.com/assets/scripts/pre_tumblelog.js?_v=4407ac63b04a974114891da19b333539"></script> <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/> <script> "use strict";!function(){var a={};a.createStyleSheet=function(){var a=document.createElement("style");return a.appendChild(document.createTextNode("")),document.head.appendChild(a),a.sheet},a.addCSSRule=function(a,b,c,d){"insertRule"in a?a.insertRule(b+"{"+c+"}",d):"addRule"in a&&a.addRule(b,c,d)};var b="anchorman=1",c=window.location&&window.location.search?decodeURIComponent(window.location.search):"",d=c.indexOf(b)>-1;if(d){var e=a.createStyleSheet();a.addCSSRule(e,".header","display: none !important;"),a.addCSSRule(e,".main","padding-bottom: 0 !important;"),a.addCSSRule(e,".article","margin-bottom: 0 !important;"),a.addCSSRule(e,".article__title","margin-top: 0 !important;"),a.addCSSRule(e,".article__meta","display: none !important;"),a.addCSSRule(e,".footer","display: none !important;")}}(); </script> <title>This is just the beginning. Part 2. - Sunrise</title> <meta name="Description" content="This is just the beginning. Part 2. As you’ve probably noticed, we’ve been off the grid for the past few months. Rest assured, we weren’t out on a very long summer break, we were building something...." /> <!-- Open Graph --> <meta property="og:site_name" content="Sunrise"/> <meta property="og:title" content="This is just the beginning. Part 2."/> <meta property="og:description" content="This is just the beginning. Part 2. As you’ve probably noticed, we’ve been off the grid for the past few months. Rest assured, we weren’t out on a very long summer break, we were building something...."/> <meta property="og:image" content="http://33.media.tumblr.com/avatar_df843221e789_128.png"/> <meta property="og:url" content="http://blog.sunrise.am/post/132088346354/this-is-just-the-beginning-part-2"/> <meta property="og:type" content="article"/> <!-- Twitter --> <meta name="twitter:url" content="http://blog.sunrise.am/post/132088346354/this-is-just-the-beginning-part-2"/> <meta name="twitter:site" content="@sunrise"> <meta name="twitter:card" content="summary"> <meta name="twitter:title" content="This is just the beginning. Part 2."/> <meta name="twitter:description" content="This is just the beginning. Part 2. As you’ve probably noticed, we’ve been off the grid for the past few months. Rest assured, we weren’t out on a very long summer break, we were building something...."/> <meta name="twitter:image" content="http://33.media.tumblr.com/avatar_df843221e789_128.png"/> <!-- Win8 tiles --> <meta name="msapplication-TileImage" content="http://33.media.tumblr.com/avatar_df843221e789_128.png"> <meta name="msapplication-TileColor" content="#FA565A"/> <meta name="application-name" content="Sunrise" /> <!-- IE11 tiles --> <meta name="msapplication-square70x70logo" content="http://33.media.tumblr.com/avatar_df843221e789_128.png"/> <meta name="msapplication-square150x150logo" content="http://33.media.tumblr.com/avatar_df843221e789_128.png"/> <meta name="viewport" content="width=device-width"> <!-- Tumblr options --> <meta name="text:Google Analytics Web Property ID" content=""/> <meta name="text:Facebook Application ID" content="292375587511410"/> <meta name="text:Contact Email" content="support@sunrise.am"/> <style type="text/css">figure {margin: 0;}</style> <link rel="shortcut icon" href="http://33.media.tumblr.com/avatar_df843221e789_128.png" /> <link rel="apple-touch-icon" href="http://33.media.tumblr.com/avatar_df843221e789_128.png" /> <link rel="alternate" type="application/rss+xml" href="http://blog.sunrise.am/rss"/> <style> /*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}*,::after,::before{box-sizing:border-box}body,html{padding:0;margin:0}body{font-weight:400;font-size:16px;line-height:1.5;font-family:freight-sans-pro,sans-serif;background-color:#f5f5f5;color:#333}figure{margin:0;padding:0}figure img{display:block;max-width:100%;margin:0 auto}a{color:#2789e4;transition:color 300ms;text-decoration:none}a:hover{text-decoration:none;color:rgba(39,137,228,.75)}a:active,a:focus,a:visited{color:#2789e4}.clearfix:after,.clearfix:before{content:" ";display:table}.clearfix:after{clear:both}.left{float:left}.right{float:right}.hide-text{text-indent:100%;white-space:nowrap;overflow:hidden}.row{max-width:760px;padding:0 20px;margin:0 auto}.header{padding:35px 0;border-bottom:1px solid #f0f0f0;background-color:#fff}.header .row{max-width:1000px}.header__logo{background:url() top left no-repeat;width:234px;height:40px;padding:0;margin:0}.header__nav ul{list-style-type:none;margin:0;padding:0}.header__nav li{float:left;margin:0;padding:10px 0}.header__nav li+li{margin-left:30px}.header__nav a{line-height:20px;color:#8e8e93;font-size:14px;letter-spacing:1.63px;text-transform:uppercase}.header__nav a:hover{color:rgba(142,142,147,.75)}.main{background:#fff;padding-bottom:70px}.article{margin-bottom:70px}.article__content{padding:40px 10px}.article__body{font-size:22px;padding:0 60px}.article__body img{display:block;margin:0 auto;max-width:100%;height:auto}.article__body h2{font-size:1.25em}.article__title{text-align:center;font-size:50px;font-weight:200;color:#fa565a}.article__meta{border-color:#f0f0f0;border-style:solid;border-width:1px 0;padding:24px 10px}.article__meta__data{font-size:20px;font-style:italic;color:#c8c7cc}.tmblr-embed{position:relative;padding-bottom:56.25%;padding-top:25px;height:0}.tmblr-embed embed,.tmblr-embed iframe,.tmblr-embed object{position:absolute;top:0;left:0;width:100%;height:100%}.pagination{text-align:center;color:#c8c7cc}.article__meta__share{position:relative}.share__box{position:absolute;-webkit-transform:translateY(-5px) scale(0.95);-ms-transform:translateY(-5px) scale(0.95);transform:translateY(-5px) scale(0.95);-webkit-transform-origin:50% 100%;-ms-transform-origin:50% 100%;transform-origin:50% 100%;transition:opacity 200ms ease-in-out,-webkit-transform 200ms ease-in-out;transition:opacity 200ms ease-in-out,transform 200ms ease-in-out;bottom:100%;left:50%;display:block;background:#fff;border:1px solid #d9d9d9;box-shadow:0 2px 3px rgba(0,0,0,.04);border-radius:4px;width:200px;margin-left:-100px;padding:10px;opacity:0;pointer-events:none}.share__box::before{content:'';-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);position:absolute;top:100%;left:50%;margin-left:-6px;margin-top:-6px;width:12px;height:12px;background:#fff;border:1px solid #d9d9d9;border-width:0 1px 1px 0;box-shadow:0 2px 3px rgba(0,0,0,.04)}.share__box.active{pointer-events:auto;opacity:1;-webkit-transform:translateY(-10px) scale(1);-ms-transform:translateY(-10px) scale(1);transform:translateY(-10px) scale(1)}.share__box__input{margin-bottom:10px}.share__box__input input{-webkit-appearance:none;appearance:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:inherit;margin:0;display:block;width:100%;background:#f5f5f5;border:1px solid #e1e1e1;box-shadow:inset 0 2px 3px rgba(0,0,0,.03);border-radius:4px;font-weight:500;font-size:13px;color:#8e8e93;line-height:14px;padding:4px;text-align:center}.share__box__social{margin:0;padding:0;list-style-type:none;height:20px}.share__box__social>li{float:left;padding:0;margin:0;height:20px}.share__box__social>li .fb-share-button{top:-4px}.share__box__social>li:first-child{width:32px;margin-right:16px}.share__box__social>li:nth-child(2){width:56px;margin-right:16px}.share__box__social>li:last-child{width:57px}.share__btn{font-weight:500;font-size:18px;color:#2789e4;letter-spacing:1.6px;text-transform:uppercase}.share__btn__icon{transition:opacity 200ms;position:relative;top:6px;background:url() top left no-repeat;display:block;width:21px;height:16px;margin-right:14px}.share__btn:hover .share__btn__icon{opacity:.75}.footer{text-align:center;padding:60px 0}.footer__logo{background:url() top left no-repeat;margin:0 auto 80px;width:40px;height:40px;padding:0}.footer__nav ul{list-style-type:none;margin:0;padding:0}.footer__nav li{display:inline-block;margin:0;padding:0}.footer__nav li+li{margin-left:30px}.footer__nav a{color:#8e8e93;font-size:14px;letter-spacing:1.63px;text-transform:uppercase}.footer__nav a:hover{color:rgba(142,142,147,.75)}@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx){.header__logo{background:url() top left/234px 40px no-repeat}.footer__logo{background:url() top left/21px 16px no-repeat}}@media screen and (max-width:640px){.header{padding:30px 0 10px}.header__logo,.header__nav{float:none!important}.header__logo{margin:0 auto 10px}.header__nav{text-align:center}.header__nav li{float:none;display:inline-block}.article__body,.article__content{padding-left:0;padding-right:0}.article__title{font-size:30px}.article__body{font-size:18px}.article__meta__data,.share__btn{font-size:16px}.share__btn__icon{top:4px}.share__box{left:-100%;margin-left:0}.share__box::before{left:auto;right:40px}} </style> <!-- Load TypeKit --> <script type="text/javascript" src="//use.typekit.net/paq6csi.js"></script> <script type="text/javascript">try{Typekit.load();}catch(e){}</script> <link rel="alternate" href="android-app://com.tumblr/tumblr/x-callback-url/blog?blogName=sunrise-app%26postID=132088346354" /> <link rel="alternate" href="ios-app://305343404/tumblr/x-callback-url/blog?blogName=sunrise-app&postID=132088346354" /> <link rel="alternate" type="application/json+oembed" href="https://www.tumblr.com/oembed/1.0?url=http://blog.sunrise.am/post/132088346354/this-is-just-the-beginning-part-2" title="This is just the beginning. Part 2. As you’ve probably noticed, we’ve been off the grid for the past few months. Rest assured, we weren’t out on a very long summer break, we were building something. Something exciting. Something big. Today, it’s time..."/> <script src="http://assets.tumblr.com/assets/scripts/tumblelog.js?_v=454fc1618d865ba96c0749de3c9277c9"></script> <link rel="stylesheet" type="text/css" href="http://assets.tumblr.com/fonts/gibson/stylesheet.css?v=3"> <!-- GOOGLE CAROUSEL --><script type="application/ld+json">{"@type":"SocialMediaPosting","url":"http:\/\/blog.sunrise.am\/post\/132088346354\/this-is-just-the-beginning-part-2","mainEntityOfPage":true,"datePublished":"2015-10-28T16:04:53-04:00","author":"sunrise-app","image":"https:\/\/41.media.tumblr.com\/1a6f85d9ef7344abe602805c70709a1b\/tumblr_inline_nwxefkJg941tr0n2s_540.jpg","headline":"This is just the beginning. Part 2.","articleBody":"As you\u2019ve probably noticed, we\u2019ve been off the grid for the past few months. Rest assured, we weren\u2019t out on a very long summer break, we were building something. Something exciting. Something big. Today, it\u2019s time we finally tell you what that something is.\nIs this even a calendar?Short answer:...","@context":"http:\/\/schema.org"}</script> </head> <body> <!-- Init FB JS SDK --> <div id="fb-root"></div> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_GB/sdk.js#xfbml=1&appId=292375587511410&version=v2.0"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script> <header class="header" role="banner"> <div class="row clearfix"> <a href="/"> <h1 class="header__logo hide-text left"> Sunrise Blog </h1> </a> <nav class="header__nav right" role="navigation"> <ul class="clearfix"> <li> <a href="/archive">Archive</a> </li> <li> <a href="mailto:support@sunrise.am"> Contact Us </a> </li> </ul> </nav> </div> </header> <main class="main" role="main"> <!-- BEGIN POSTS --> <article id="post-132088346354" class="row article type-text" role="article"> <div class="article__content"> <h1 class="article__title">This is just the beginning. Part 2.</h1> <div class="article__body"> <p>As you’ve probably noticed, we’ve been off the grid for the past few months. Rest assured, we weren’t out on a very long summer break, we were building something. Something exciting. Something big. Today, it’s time we finally tell you what that something is. <br></p><figure data-orig-width="2381" data-orig-height="2378" class="tmblr-full"><img src="http://41.media.tumblr.com/1a6f85d9ef7344abe602805c70709a1b/tumblr_inline_nwxefkJg941tr0n2s_500.jpg" alt="image" data-orig-width="2381" data-orig-height="2378" width="500" height="499"></figure><h2>Is this even a calendar?</h2><p>Short answer: It’s way more than a calendar. </p><p>Long answer: This is an email app and a calendar app all in one. It lets you easily share files and includes all of your contacts. This is Outlook for <a href="https://itunes.apple.com/us/app/microsoft-outlook/id951937596?mt=8" target="_blank">iOS</a> and <a href="https://play.google.com/store/apps/details?id=com.microsoft.office.outlook&hl=en" target="_blank">Android</a>. Well, at least the latest version of it.</p><p>Since <a href="http://blog.sunrise.am/post/110577824529/sunrise-microsoft" target="_blank">we joined Microsoft</a> at the beginning of the year, we’ve been working increasingly closer with the Outlook team and in particular with the Outlook Mobile team. A few months ago, they asked us to join them in making Outlook for iOS and Android the best productivity apps out there. </p><p>Most of you have known us for a while now, and you know how passionate we are about making people’s lives easier and less stressful through beautifully designed apps and well-thought out features. Joining the Outlook Mobile team was our chance to make a difference on a much larger scale, tackling calendar and email all at once, working with people as passionate as we are. It was an offer we couldn’t refuse. We said yes. </p><p>We’ve been working for the last few months now with the Outlook team on completely redesigning both their iOS and Android apps with the “Sunrise touch”. Today, we’re sharing our work officially on the <a href="http://blogs.office.com/2015/10/28/outlook-for-ios-and-android-gains-momentum-gets-new-look" target="_blank">Outlook Blog</a>, revealing the iOS app, now available on the App Store, and giving you a glimpse of the Android app, coming soon. </p><h2>What does this mean for the Sunrise apps? </h2><p>Now here comes the sad news. As the entire team is completely focused on the Outlook for iOS and Android apps, we won’t be updating the Sunrise apps anymore. We won’t lie, it’s tough for us to leave behind the apps we’ve been working on so passionately for the past years.<b><br></b></p><p>But then we think about how we are going to be able to bring all of what made Sunrise great to the Outlook Mobile apps. How exciting is that? In the meantime, the Sunrise apps will still be available on their respective app stores. </p><p>If you’re thinking about switching, here’s what you should know. </p><p><b>. Some Sunrise features are already present in Outlook for iOS and Android.<br></b>You can already connect multiple accounts (Office 365 and Exchange obviously, but also Gmail, iCloud and more) to have a complete overview of what your day looks like. The current calendar section of the app also has the agenda view and the day view as well as the expandable month view we had in Sunrise.</p><p><b>. All the features you love in Sunrise are coming to Outlook soon<br></b>We are currently working on integrating all the extra features that made Sunrise so delightful to use in Outlook for iOS and Android. Expect features like Interesting Calendars, Connected Apps and our 3-day view to show up before the end of the year.</p><p><b>. We won’t stop innovating<br></b>While building Sunrise, we were always learning from and listening to you to come up with ways to delight you and make you more productive. This isn’t stopping any time soon and we already have quite a few innovative ideas for Outlook.</p><h2>Thank you</h2><p>Whether you’ll be following us at Outlook or not, we want to finish this blog post with a huge thank you. Thank you for being there with us since day one, for pushing us to make a better app, for getting involved and asking questions, for sharing the word around you, for sending us love poems and pictures of our logo around the world. We wouldn’t be here without your support and we wanted to let you know. </p><p>We started out as a daily newsletter filled with your agenda 3 years ago. We then grew up into 3 different apps helping millions of users sort out their days. Today, we’re taking on a new challenge, with the goal of helping even more users be more productive on the go, whether it’s through a better calendar or a more seamless email experience. We hope to see you there with us. </p> </div> </div> <aside class="article__meta clearfix"> <div class="article__meta__data left"> 21 hours ago </div> <div class="article__meta__share share right"> <div class="share__box" id="share-box-132088346354"> <div class="share__box__input"> <input class="js-share-input" onClick="this.select();" type="text" readonly="" value="http://tmblr.co/ZB2k0v1x153Ro"> </div> <ul class="share__box__social clearfix"> <li> <div class="g-plusone" data-size="medium" data-count="false" data-href="http://blog.sunrise.am/post/132088346354/this-is-just-the-beginning-part-2"></div> </li> <li> <div class="fb-share-button" data-href="http://blog.sunrise.am/post/132088346354/this-is-just-the-beginning-part-2" data-layout="button"></div> </li> <li> <a href="http://twitter.com/share" class="twitter-share-button" data-url="http://blog.sunrise.am/post/132088346354/this-is-just-the-beginning-part-2" data-text="This is just the beginning. Part 2. – " data-count="none" data-via="sunrise">Tweet</a> </li> </ul> </div> <a class="share__btn js-share-button" href="http://tmblr.co/ZB2k0v1x153Ro" data-permalink="http://blog.sunrise.am/post/132088346354/this-is-just-the-beginning-part-2" data-share-box-id="share-box-132088346354"> <i class="share__btn__icon left"></i> Share </a> </div> </aside> </article> </main> <footer class="footer" role="contentinfo"> <div class="row clearfix"> <a href="https://sunrise.am" target="_blank"> <h1 class="footer__logo hide-text"> Sunrise </h1> </a> <nav class="footer__nav" role="navigation"> <ul> <li> <a href="https://itunes.apple.com/us/app/sunrise-calendrier-google/id599114150" target="_blank"> iOS </a> </li> <li> <a href="https://play.google.com/store/apps/details?id=am.sunrise.android.calendar" target="_blank"> Android </a> </li> <li> <a href="https://itunes.apple.com/us/app/sunrise-calendar/id886106985?ls=1&mt=12" target="_blank"> Mac </a> </li> <li> <a href="https://calendar.sunrise.am" target="_blank"> Desktop </a> </li> <li> <a href="https://support.sunrise.am" target="_blank"> Help </a> </li> <li> <a href="https://sunrise.am/jobs" target="_blank"> Jobs </a> </li> </ul> </nav> </div> </footer> </body> </html> From JR's : articles 1593 words - 23293 chars - 8 min read created on Oct 29, 2015 at 01:30:45 pm - # source - versions