May 24, 2024 9:16 AM
-
andy@andy.works
!Weather Exploded
Introduction of a new exploded view feature in the !Weather app, allowing detailed exploration of weather aspects, and promotion of the nearly sold-out summer work shirt.
We blew up the weather app. New Exploded View for !Weather This is kinda scary. If people love something, common wisdom says never mess with it. Well… we just did. (Not Boring) Weather has always done a great job of showing you the complete
May 24, 2024 9:16 AM
-
andy@andy.works
!Weather Exploded
Introduction of a new exploded view feature in the !Weather app, allowing detailed exploration of weather aspects, and promotion of the nearly sold-out summer work shirt.
We blew up the weather app. New Exploded View for !Weather This is kinda scary. If people love something, common wisdom says never mess with it. Well… we just did. (Not Boring) Weather has always done a great job of showing you the complete
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"><meta content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1"><style type="text/css">
<!--
p
{margin:10px 0;
padding:0}
table
{border-collapse:collapse}
h1, h2, h3, h4, h5, h6
{display:block;
margin:0;
padding:0}
img, a img
{border:0;
height:auto;
outline:none;
text-decoration:none}
body, #bodyTable, #bodyCell
{height:100%;
margin:0;
padding:0;
width:100%}
.mcnPreviewText
{display:none!important}
#outlook a
{padding:0}
img
{}
table
{}
.ReadMsgBody
{width:100%}
.ExternalClass
{width:100%}
p, a, li, td, blockquote
{}
p, a, li, td, body, table, blockquote
{}
.ExternalClass, .ExternalClass p, .ExternalClass td, .ExternalClass div, .ExternalClass span, .ExternalClass font
{line-height:100%}
a[x-apple-data-detectors]
{color:inherit!important;
text-decoration:none!important;
font-size:inherit!important;
font-family:inherit!important;
font-weight:inherit!important;
line-height:inherit!important}
table[align=left]
{float:left}
table[align=right]
{float:right}
#bodyCell
{padding:10px;
border-top:0}
.templateContainer
{max-width:600px!important;
border:0}
a.mcnButton
{display:block}
.mcnImage, .mcnRetinaImage
{vertical-align:bottom}
.mcnTextContent
{word-break:break-word}
.mcnTextContent img
{height:auto!important}
.mcnDividerBlock
{table-layout:fixed!important}
body, #bodyTable
{background-color:#ffffff}
#bodyCell
{border-top:0}
.templateContainer
{border:0}
h1
{color:#202020;
font-family:'Helvetica Neue',Helvetica,Arial,Verdana,sans-serif;
font-size:48px;
font-style:normal;
font-weight:bold;
line-height:100%;
letter-spacing:-1px;
text-align:center}
h2
{color:#202020;
font-family:'Helvetica Neue',Helvetica,Arial,Verdana,sans-serif;
font-size:18px;
font-style:normal;
font-weight:bold;
line-height:150%;
letter-spacing:normal;
text-align:center}
h3
{color:#202020;
font-family:'Helvetica Neue',Helvetica,Arial,Verdana,sans-serif;
font-size:20px;
font-style:normal;
font-weight:bold;
line-height:200%;
letter-spacing:normal;
text-align:left}
h4
{color:#202020;
font-family:'Helvetica Neue',Helvetica,Arial,Verdana,sans-serif;
font-size:18px;
font-style:normal;
font-weight:bold;
line-height:125%;
letter-spacing:normal;
text-align:left}
#templatePreheader
{background-color:#ffffff;
background-image:none;
background-repeat:no-repeat;
background-position:center;
background-size:cover;
border-top:0;
border-bottom:0;
padding-top:9px;
padding-bottom:9px}
#templatePreheader .mcnTextContent, #templatePreheader .mcnTextContent p
{color:#656565;
font-family:'Courier New',Courier,'Lucida Sans Typewriter','Lucida Typewriter',monospace;
font-size:12px;
line-height:150%;
text-align:left}
#templatePreheader .mcnTextContent a, #templatePreheader .mcnTextContent p a
{color:#656565;
font-weight:normal;
text-decoration:underline}
#templateHeader
{background-color:#ffffff;
background-image:none;
background-repeat:no-repeat;
background-position:center;
background-size:cover;
border-top:0;
border-bottom:0;
padding-top:0px;
padding-bottom:20px}
#templateHeader .mcnTextContent, #templateHeader .mcnTextContent p
{color:#202020;
font-family:'Courier New',Courier,'Lucida Sans Typewriter','Lucida Typewriter',monospace;
font-size:12px;
line-height:150%;
text-align:center}
#templateHeader .mcnTextContent a, #templateHeader .mcnTextContent p a
{color:#007C89;
font-weight:normal;
text-decoration:underline}
#templateBody
{background-color:#ffffff;
background-image:none;
background-repeat:no-repeat;
background-position:center;
background-size:cover;
border-top:0;
border-bottom:2px solid #EAEAEA;
padding-top:0px;
padding-bottom:9px}
#templateBody .mcnTextContent, #templateBody .mcnTextContent p
{color:#696969;
font-family:'Helvetica Neue',Helvetica,Arial,Verdana,sans-serif;
font-size:16px;
line-height:200%;
text-align:left}
#templateBody .mcnTextContent a, #templateBody .mcnTextContent p a
{color:#696969;
font-weight:normal;
text-decoration:underline}
#templateFooter
{background-color:#ffffff;
background-image:none;
background-repeat:no-repeat;
background-position:center;
background-size:cover;
border-top:1px none #ff0000;
border-bottom:1px none;
padding-top:64px;
padding-bottom:24px}
#templateFooter .mcnTextContent, #templateFooter .mcnTextContent p
{color:#656565;
font-family:'Courier New',Courier,'Lucida Sans Typewriter','Lucida Typewriter',monospace;
font-size:12px;
line-height:125%;
text-align:center}
#templateFooter .mcnTextContent a, #templateFooter .mcnTextContent p a
{color:#656565;
font-weight:normal;
text-decoration:underline}
@media only screen and (min-width:768px){
.templateContainer
{width:600px!important}
}
@media only screen and (max-width: 480px){
body, table, td, p, a, li, blockquote
{}
}
@media only screen and (max-width: 480px){
body
{width:100%!important;
min-width:100%!important}
}
@media only screen and (max-width: 480px){
.mcnRetinaImage
{max-width:100%!important}
}
@media only screen and (max-width: 480px){
.mcnImage
{width:100%!important}
}
@media only screen and (max-width: 480px){
.mcnCartContainer, .mcnCaptionTopContent, .mcnRecContentContainer, .mcnCaptionBottomContent, .mcnTextContentContainer, .mcnBoxedTextContentContainer, .mcnImageGroupContentContainer, .mcnCaptionLeftTextContentContainer, .mcnCaptionRightTextContentContainer, .mcnCaptionLeftImageContentContainer, .mcnCaptionRightImageContentContainer, .mcnImageCardLeftTextContentContainer, .mcnImageCardRightTextContentContainer, .mcnImageCardLeftImageContentContainer, .mcnImageCardRightImageContentContainer
{max-width:100%!important;
width:100%!important}
}
@media only screen and (max-width: 480px){
.mcnBoxedTextContentContainer
{min-width:100%!important}
}
@media only screen and (max-width: 480px){
.mcnImageGroupContent
{padding:9px!important}
}
@media only screen and (max-width: 480px){
.mcnCaptionLeftContentOuter .mcnTextContent, .mcnCaptionRightContentOuter .mcnTextContent
{padding-top:9px!important}
}
@media only screen and (max-width: 480px){
}
@media only screen and (max-width: 480px){
.mcnImageCardBottomImageContent
{padding-bottom:9px!important}
}
@media only screen and (max-width: 480px){
.mcnImageGroupBlockInner
{padding-top:0!important;
padding-bottom:0!important}
}
@media only screen and (max-width: 480px){
.mcnImageGroupBlockOuter
{padding-top:9px!important;
padding-bottom:9px!important}
}
@media only screen and (max-width: 480px){
.mcnTextContent, .mcnBoxedTextContentColumn
{padding-right:18px!important;
padding-left:18px!important}
}
@media only screen and (max-width: 480px){
.mcnImageCardLeftImageContent, .mcnImageCardRightImageContent
{padding-right:18px!important;
padding-bottom:0!important;
padding-left:18px!important}
}
@media only screen and (max-width: 480px){
.mcpreview-image-uploader
{display:none!important;
width:100%!important}
}
@media only screen and (max-width: 480px){
h1
{font-size:48px!important;
line-height:150%!important}
}
@media only screen and (max-width: 480px){
h2
{font-size:36px!important;
line-height:125%!important}
}
@media only screen and (max-width: 480px){
h3
{font-size:30px!important;
line-height:125%!important}
}
@media only screen and (max-width: 480px){
h4
{font-size:24px!important;
line-height:150%!important}
}
@media only screen and (max-width: 480px){
.mcnBoxedTextContentContainer .mcnTextContent, .mcnBoxedTextContentContainer .mcnTextContent p
{font-size:18px!important;
line-height:150%!important}
}
@media only screen and (max-width: 480px){
#templatePreheader
{display:block!important}
}
@media only screen and (max-width: 480px){
#templatePreheader .mcnTextContent, #templatePreheader .mcnTextContent p
{font-size:18px!important;
line-height:150%!important}
}
@media only screen and (max-width: 480px){
#templateHeader .mcnTextContent, #templateHeader .mcnTextContent p
{font-size:24px!important;
line-height:150%!important}
}
@media only screen and (max-width: 480px){
#templateBody .mcnTextContent, #templateBody .mcnTextContent p
{font-size:24px!important;
line-height:150%!important}
}
@media only screen and (max-width: 480px){
#templateFooter .mcnTextContent, #templateFooter .mcnTextContent p
{font-size:24px!important;
line-height:100%!important}
}
-->
</style></head><body style="height:100%; margin:0; padding:0; width:100%; background-color:#ffffff"><span class="mcnPreviewText" style="display:none; font-size:0px; line-height:0px; max-height:0px; max-width:0px; opacity:0; overflow:hidden; visibility:hidden">We blew up the weather app.</span> <center><table align="center" border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" id="bodyTable" style="border-collapse:collapse; height:100%; margin:0; padding:0; width:100%; background-color:#ffffff"><tbody><tr><td align="center" valign="top" id="bodyCell" style="height:100%; margin:0; padding:10px; width:100%; border-top:0"><table border="0" cellpadding="0" cellspacing="0" width="100%" class="templateContainer" style="border-collapse:collapse; border:0; max-width:600px!important"><tbody><tr><td valign="top" id="templatePreheader" style="background:#ffffff none no-repeat center/cover; background-color:#ffffff; background-image:none; background-repeat:no-repeat; background-position:center; background-size:cover; border-top:0; border-bottom:0; padding-top:9px; padding-bottom:9px"><table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnTextBlock" style="min-width:100%; border-collapse:collapse"><tbody class="mcnTextBlockOuter"><tr><td valign="top" class="mcnTextBlockInner" style="padding-top:9px"><table align="left" border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnTextContentContainer" style="max-width:100%; min-width:100%; border-collapse:collapse; float:left"><tbody><tr><td valign="top" class="mcnTextContent" style="padding:0px 18px 9px; line-height:100%; word-break:break-word; color:#656565; font-family:'Courier New',Courier,'Lucida Sans Typewriter','Lucida Typewriter',monospace; font-size:12px; text-align:left"><div style="text-align:center; float:clear"><strong><span style="font-size:14px"><span style="font-family:courier new,courier,lucida sans typewriter,lucida typewriter,monospace"><a href="#" target="_blank" style="color:#656565; font-weight:normal; text-decoration:underline"><img data-file-id="2247341" height="48" src="https://mcusercontent.com/79c386ef2006585494187c173/images/01d0e0ad-a585-d369-bd4b-b3b1de27efc4.png" width="96" style="border:0px; width:96px; height:48px; margin:0px; outline:none; text-decoration:none"></a></span></span></strong></div></td></tr></tbody></table></td></tr></tbody></table></td></tr><tr><td valign="top" id="templateHeader" style="background:#ffffff none no-repeat center/cover; background-color:#ffffff; background-image:none; background-repeat:no-repeat; background-position:center; background-size:cover; border-top:0; border-bottom:0; padding-top:0px; padding-bottom:20px"></td></tr><tr><td valign="top" id="templateBody" style="background:#ffffff none no-repeat center/cover; background-color:#ffffff; background-image:none; background-repeat:no-repeat; background-position:center; background-size:cover; border-top:0; border-bottom:2px solid #EAEAEA; padding-top:0px; padding-bottom:9px"><table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnImageBlock" style="min-width:100%; border-collapse:collapse"><tbody class="mcnImageBlockOuter"><tr><td valign="top" class="mcnImageBlockInner" style="padding:0px"><table align="left" width="100%" border="0" cellpadding="0" cellspacing="0" class="mcnImageContentContainer" style="min-width:100%; border-collapse:collapse; float:left"><tbody><tr><td class="mcnImageContent" valign="top" style="padding-right:0px; padding-left:0px; padding-top:0; padding-bottom:0; text-align:center"><a href="#" title="" class="" target="_blank" style=""><img align="center" alt="" src="https://mcusercontent.com/79c386ef2006585494187c173/images/e1fef64d-09af-41f6-7f53-3f4a5bb3d66a.jpg" width="600" class="mcnRetinaImage" style="max-width:1280px; padding-bottom:0px; vertical-align:bottom; display:inline!important; border-radius:0%; border:0; height:auto; outline:none; text-decoration:none"> </a></td></tr></tbody></table></td></tr></tbody></table><table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnTextBlock" style="min-width:100%; border-collapse:collapse"><tbody class="mcnTextBlockOuter"><tr><td valign="top" class="mcnTextBlockInner" style="padding-top:9px"><table align="left" border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnTextContentContainer" style="max-width:100%; min-width:100%; border-collapse:collapse; float:left"><tbody><tr><td valign="top" class="mcnTextContent" style="padding-top:0; padding-right:18px; padding-bottom:9px; padding-left:18px; word-break:break-word; color:#696969; font-family:'Helvetica Neue',Helvetica,Arial,Verdana,sans-serif; font-size:16px; line-height:200%; text-align:left"><h1 class="null" style="text-align:center; display:block; margin:0; padding:0; color:#202020; font-family:'Helvetica Neue',Helvetica,Arial,Verdana,sans-serif; font-size:48px; font-style:normal; font-weight:bold; line-height:100%; letter-spacing:-1px"><br>New Exploded View<br>for !Weather<font size="6"> </font></h1> <p style="margin:10px 0; padding:0; color:#696969; font-family:'Helvetica Neue',Helvetica,Arial,Verdana,sans-serif; font-size:16px; line-height:200%; text-align:left">This is kinda scary. If people love something, common wisdom says never mess with it. Well… we just did.<br><br><a href="#" target="_blank" style="color:#696969; font-weight:normal; text-decoration:underline">(Not Boring) Weather</a> has always done a great job of showing you the complete weather by combining dozens of aspects like cloud cover, air quality, rainfall, and wind into a single realtime view. But we always wanted to go further and offer ways to explore those aspects in full detail.<br><br>So we blew it up. Literally. On the surface, it's the same simple app. But now you can tap on any part of the weather scene—temperature, cloud cover, sun, wind—to blow it apart and explore new 3D models that bring the data to life and graphs to see the forecast of any aspect like rainfall or air quality over the coming week.<br><br>You gotta try it. Update or <a href="#" target="_blank" style="color:#696969; font-weight:normal; text-decoration:underline">Download !Weather from the App Store</a><br><br>And I hope you love it as much as we do :)</p></td></tr></tbody></table></td></tr></tbody></table><table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnTextBlock" style="min-width:100%; border-collapse:collapse"><tbody class="mcnTextBlockOuter"><tr><td valign="top" class="mcnTextBlockInner" style="padding-top:9px"><table align="left" border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnTextContentContainer" style="max-width:100%; min-width:100%; border-collapse:collapse; float:left"><tbody><tr><td valign="top" class="mcnTextContent" style="padding:0px 18px 9px; color:#202020; font-family:"Courier New",Courier,"Lucida Sans Typewriter","Lucida Typewriter",monospace; font-size:14px; font-style:normal; font-weight:normal; line-height:150%; text-align:center; word-break:break-word"><p style="color:#202020; font-family:"Courier New",Courier,"Lucida Sans Typewriter","Lucida Typewriter",monospace; font-size:14px; font-style:normal; font-weight:normal; line-height:150%; text-align:center; margin:10px 0; padding:0"><br>SINCERELY,<br>ANDY</p> <div width="300px"><img align="center" data-file-id="2247341" height="64" src="https://mcusercontent.com/79c386ef2006585494187c173/images/01d0e0ad-a585-d369-bd4b-b3b1de27efc4.png" width="128" style="width:128px; height:64px; margin:0px; border:0; outline:none; text-decoration:none"></div> <div width="300px"><br>► <a href="#" target="_blank" style="color:#696969; font-weight:normal; text-decoration:underline">FOLLOW ON TWITTER</a> ◀︎<br>► <a href="#" target="_blank" style="color:#696969; font-weight:normal; text-decoration:underline">CHAT ON DISCORD</a> ◀︎<br><br> </div></td></tr></tbody></table></td></tr></tbody></table><table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnDividerBlock" style="min-width:100%; border-collapse:collapse; table-layout:fixed!important"><tbody class="mcnDividerBlockOuter"><tr><td class="mcnDividerBlockInner" style="min-width:100%; padding:18px"><table class="mcnDividerContent" border="0" cellpadding="0" cellspacing="0" width="100%" style="min-width:100%; border-top-width:2px; border-top-style:solid; border-top-color:#EAEAEA; border-collapse:collapse"><tbody><tr><td style=""><span></span></td></tr></tbody></table></td></tr></tbody></table><table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnTextBlock" style="min-width:100%; border-collapse:collapse"><tbody class="mcnTextBlockOuter"><tr><td valign="top" class="mcnTextBlockInner" style="padding-top:9px"><table align="left" border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnTextContentContainer" style="max-width:100%; min-width:100%; border-collapse:collapse; float:left"><tbody><tr><td valign="top" class="mcnTextContent" style="padding-top:0; padding-right:18px; padding-bottom:9px; padding-left:18px; word-break:break-word; color:#696969; font-family:'Helvetica Neue',Helvetica,Arial,Verdana,sans-serif; font-size:16px; line-height:200%; text-align:left"><a href="#" style="color:#696969; font-weight:normal; text-decoration:underline"><img data-file-id="3146402" height="400" src="https://mcusercontent.com/79c386ef2006585494187c173/images/a19a31b5-9bdc-73d9-89f2-7c55d9c6ee2d.jpg" width="600" style="border:0px; width:600px; height:400px; margin:0px; outline:none; text-decoration:none"></a> <h3 class="null" style="text-align:center; display:block; margin:0; padding:0; color:#202020; font-family:'Helvetica Neue',Helvetica,Arial,Verdana,sans-serif; font-size:20px; font-style:normal; font-weight:bold; line-height:200%; letter-spacing:normal"><br><strong>WORK SHIRT </strong>№<strong> 2!</strong></h3>We're nearly sold out of the perfect summer work shirt. Heavyweight, breathable cotton that can get you through any hard day's work. Limited run with each hand-numbered, so grab one before it's gone forever.<br><br> <h3 class="null" style="text-align:center; display:block; margin:0; padding:0; color:#202020; font-family:'Helvetica Neue',Helvetica,Arial,Verdana,sans-serif; font-size:20px; font-style:normal; font-weight:bold; line-height:200%; letter-spacing:normal"><a href="#" target="_blank" style="text-decoration:none; color:#696969; font-weight:normal"><span style="background-color:#272727; border-radius:8px; box-shadow:#FFB200 4px 4px,rgb(38,183,255) 8px 8px,rgb(255,163,169) 12px 12px; color:#FFFFFF; font-weight:normal; padding:16px 32px; text-decoration:none">Shop</span></a></h3><br><br> </td></tr></tbody></table></td></tr></tbody></table><table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnTextBlock" style="min-width:100%; border-collapse:collapse"><tbody class="mcnTextBlockOuter"><tr><td valign="top" class="mcnTextBlockInner" style="padding-top:9px"><table align="left" border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnTextContentContainer" style="max-width:100%; min-width:100%; border-collapse:collapse; float:left"><tbody><tr><td valign="top" class="mcnTextContent" style="padding:0px 18px 9px; color:#646464; font-family:"Courier New",Courier,"Lucida Sans Typewriter","Lucida Typewriter",monospace; font-size:8px; line-height:200%; text-align:center; word-break:break-word"><div style="text-align:center"><br><br><br><br><br><br> </div><div style="text-align:center"><span style="font-size:14px"><span style="font-family:courier new,courier,lucida sans typewriter,lucida typewriter,monospace"><a href="#" target="_blank" style="color:#696969; font-weight:normal; text-decoration:underline">OPEN IN BROWSER</a><br>NOT BORING SOFTWARE CORP. / [REDACTED_CITY], [REDACTED_COUNTRY], [REDACTED_ZIP]<br>YOU'RE RECEIVING THIS BECAUSE YOU SIGNED UP AT <a href="#" target="_blank" style="color:#696969; font-weight:normal; text-decoration:underline">ANDY.WORKS</a><br>NOT A MEMBER? ➔ <a href="#" target="_blank" style="color:#696969; font-weight:normal; text-decoration:underline">SUBSCRIBE</a><br>BORED? ➔ <a href="#" style="color:#696969; font-weight:normal; text-decoration:underline">UNSUBSCRIBE</a></span></span></div></td></tr></tbody></table></td></tr></tbody></table></td></tr><tr><td valign="top" id="templateFooter" style="background:#ffffff none no-repeat center/cover; background-color:#ffffff; background-image:none; background-repeat:no-repeat; background-position:center; background-size:cover; border-top:1px none #ff0000; border-bottom:1px none; padding-top:64px; padding-bottom:24px"></td></tr></tbody></table></td></tr></tbody></table></center><img src="https://works.us17.list-manage.com/track/open.php?u=79c386ef2006585494187c173&id=7e79d2b232&e=772a868297" height="1" width="1" alt=""> </body></html>
Try
More From
Not Boring Software Corp.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Save to Board
This is some text inside of a div block.
This is some text inside of a div block.
1 selected
DoneYou have reached your plans limit
To create or access more boards you need to upgrade.