Outlook Add-in: Read your current email in a galactic, scrolling view

Table of contents

Summary
Credits
Required tools
How to install
How to run
Further Work
Troubleshooting
Questions and comments
Additional resources

##Summary Galactify is an Outlook add-in that spices up how you read email. It delivers a fun scrolling view of the current email, similar to the opening credits of your favorite epic space opera. The sample shows you how to extract From, Subject and Body of an email and, thanks to @CraigBuckler, demonstrates some awesome CSS3.

##Credits I created this add-in for fun, but the real power belongs to the CSS created by @CraigBuckler and shown in his 2012 article entitled Star Wars 3D Scrolling Text in CSS3. Thanks Craig for making your work available and saving me tons of time! I'm glad browsers have caught up with these CSS3 effects.

###May The Force be With You.

Required tools

npm
Bower
Gulp
Outlook 2016 or any version of Outlook that supports the 1.3 Mailbox requirement set. This sample does a requirement check to see if it is running in a supported host.

How to install

Clone this repository.
Run npm install to install both npm and Bower dependencies.
Run gulp serve-static to start development server.
Go to mail.office365.com and sign in with your Office 365 account.
Click the gear icon on the upper right, then choose Manage add-ins.
Click the plus icon, then choose Add from a file.
Select manifest-galactify.xml from this repo.
Complete the wizard (Next, Install, OK) to make the Add-in available on your Office 365 account.
Open the app in a browser and trust the certificate for localhost:8443. The add-in won't run if your computer doesn't trust it.

How to run

After installing the add-in, go to mail.office365.com.
Open an email.
Click Add-ins at the top of the window to see available add-ins and choose Galactify.

Further Work

Take a look at the issues list of this repo for some enhancement ideas. Feel free to chime in with other suggestions.

Troubleshooting

If the add-in does not appear in the task pane, Choose Insert > My Add-ins > Galactify.

Questions and comments

If you have any trouble running this sample, please log an issue.
Questions about Office add-ins development in general should be posted to Stack Overflow. Make sure that your questions or comments are tagged with [office-addins].
You can find me on Twitter at @AndrewJByrne

Additional resources

Star Wars 3D Scrolling Text in CSS3
More Add-in samples
Yeoman generator - Yeoman generator for building Microsoft Office related projects (including Add-ins). This project was built using it.
dev.office.com - Find documentation, samples, and other helpful information relevant to Office development.

AndrewJByrne/Outlook-Add-in-Galactify